demo.tsx

Filename	Percent	Threshold	Total	Covered	Uncovered
src/components/demo.tsx	97.83%	95%	92	90	2

import React, { useEffect } from "react"
import { Helmet } from "react-helmet"

import { DemoPageProps } from "@/common"

import DemoTitle from "./demo-title"
import FilesDetails from "./files-details"
import Layout from "./layout"

const parsePath = (str: string) =>
  str[0] === "/" ? ROOT_PATH + str.replace(/^\//, "") : str

type Props = {
  children: React.ReactNode
  links?: string[]
  main: () => Promise<void>
  pageContext: DemoPageProps["pageContext"]
  scripts?: string[]
}

const Demo = ({
  main,
  children,
  scripts = [],
  links = [],
  pageContext,
}: Props) => {
  const { demoInfo, meta } = pageContext
  const { isCompleted, name, sources } = demoInfo

  useEffect(() => {
    if (typeof window === "undefined") {
      return
    }

    main().catch((mainError) => {
      // eslint-disable-next-line no-console
      console.error("error:", mainError)
    })
  }, [])

  return (
    <Layout>
      <Helmet
        link={(process.env.NODE_ENV === "production" ? links : []).map(
          (href) => ({
            href: parsePath(href),
            rel: "stylesheet",
            type: "text/css",
          })
        )}
        meta={[
          {
            content: meta.description,
            name: "description",
          },
        ]}
        script={(process.env.NODE_ENV === "production" ? scripts : []).map(
          (src) => ({
            src: parsePath(src),
            type: "text/javascript",
          })
        )}
        title={`${demoInfo.name} | Demos igncp`}
      />
      <DemoTitle
        isCompleted={isCompleted}
        mainSource={sources[0]}
        name={name}
      />
      {children}
      <FilesDetails demoInfo={demoInfo} />
    </Layout>
  )
}

export default Demo

[{"file":"src/components/demo.tsx","line":35,"character":18,"text":"mainError","kind":1},{"file":"src/components/demo.tsx","line":37,"character":30,"text":"mainError","kind":1}]

TypeScript Coverage Report generated by type-coverage and typescript-coverage-report at Wed, 01 Jun 2022 21:16:57 GMT

TypeScript coverage report