@depup/gatsby 5.16.1-depup.0

package/cache-dir/fast-refresh-overlay/components/overlay.js

@@ -0,0 +1,143 @@
+import * as React from "react"
+import { lock, unlock } from "../helpers/lock-body"
+import a11yTrap from "../helpers/focus-trap"
+
+function Backdrop() {
+  return <div data-gatsby-overlay="backdrop" />
+}
+
+export function VisuallyHidden({ children }) {
+  return (
+    <span
+      style={{
+        border: 0,
+        clip: `rect(0 0 0 0)`,
+        height: `1px`,
+        margin: `-1px`,
+        overflow: `hidden`,
+        padding: 0,
+        position: `absolute`,
+        width: `1px`,
+        whiteSpace: `nowrap`,
+        wordWrap: `normal`,
+      }}
+    >
+      {children}
+    </span>
+  )
+}
+
+export function Overlay({ children }) {
+  React.useEffect(() => {
+    lock()
+
+    return () => {
+      unlock()
+    }
+  }, [])
+
+  const [overlay, setOverlay] = React.useState(null)
+  const onOverlay = React.useCallback(el => {
+    setOverlay(el)
+  }, [])
+
+  React.useEffect(() => {
+    if (overlay === null) {
+      return
+    }
+
+    const handle = a11yTrap({ context: overlay })
+
+    // eslint-disable-next-line consistent-return
+    return () => {
+      handle.disengage()
+    }
+  }, [overlay])
+
+  return (
+    <div data-gatsby-overlay="wrapper" ref={onOverlay}>
+      <Backdrop />
+      <div
+        data-gatsby-overlay="root"
+        role="alertdialog"
+        aria-labelledby="gatsby-overlay-labelledby"
+        aria-describedby="gatsby-overlay-describedby"
+        aria-modal="true"
+        dir="ltr"
+      >
+        {children}
+      </div>
+    </div>
+  )
+}
+
+export function CloseButton({ dismiss }) {
+  return (
+    <button data-gatsby-overlay="close-button" onClick={dismiss}>
+      <VisuallyHidden>Close</VisuallyHidden>
+      <svg
+        aria-hidden={true}
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M18 6L6 18"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M6 6L18 18"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </button>
+  )
+}
+
+export function HeaderOpenClose({ open, dismiss, children, ...rest }) {
+  return (
+    <div data-gatsby-overlay="header__top" {...rest}>
+      {children}
+      <div data-gatsby-overlay="header__open-close">
+        {open && (
+          <button onClick={open} data-gatsby-overlay="primary-button">
+            Open in editor
+          </button>
+        )}
+        {dismiss && <CloseButton dismiss={dismiss} />}
+      </div>
+    </div>
+  )
+}
+
+export function Header({ children, ...rest }) {
+  return (
+    <header data-gatsby-overlay="header" {...rest}>
+      {children}
+    </header>
+  )
+}
+
+export function Body({ children, ...rest }) {
+  return (
+    <div data-gatsby-overlay="body" {...rest}>
+      {children}
+    </div>
+  )
+}
+
+export function Footer({ children, ...rest }) {
+  return (
+    <footer data-gatsby-overlay="footer" {...rest}>
+      {children}
+    </footer>
+  )
+}

package/cache-dir/fast-refresh-overlay/components/runtime-errors.js

@@ -0,0 +1,139 @@
+import * as React from "react"
+import ErrorStackParser from "error-stack-parser"
+import { Overlay, Header, HeaderOpenClose, Body } from "./overlay"
+import { useStackFrame } from "./hooks"
+import { CodeFrame } from "./code-frame"
+import { getCodeFrameInformationFromStackTrace, openInEditor } from "../utils"
+import { Accordion, AccordionItem } from "./accordion"
+
+function getCodeFrameInformationFromError(error) {
+  if (error.forcedLocation) {
+    return {
+      skipSourceMap: true,
+      moduleId: error.forcedLocation.fileName,
+      functionName: error.forcedLocation.functionName,
+      lineNumber: error.forcedLocation.lineNumber,
+      columnNumber: error.forcedLocation.columnNumber,
+      endLineNumber: error.forcedLocation.endLineNumber,
+      endColumnNumber: error.forcedLocation.endColumnNumber,
+    }
+  }
+
+  const stacktrace = ErrorStackParser.parse(error)
+  return getCodeFrameInformationFromStackTrace(stacktrace)
+}
+
+function WrappedAccordionItem({ error, open }) {
+  const codeFrameInformation = error.stack
+    ? getCodeFrameInformationFromError(error)
+    : null
+
+  const modulePath = codeFrameInformation?.moduleId
+  const name = codeFrameInformation?.functionName
+  // With the introduction of Metadata management the modulePath can have a resourceQuery that needs to be removed first
+  const filePath = modulePath?.replace(/(\?|&)export=(default|head)$/, ``)
+
+  const res = useStackFrame(codeFrameInformation)
+  const line = res.sourcePosition?.line
+
+  const Title = () => {
+    if (!name || !error.stack) {
+      return <>Unknown Runtime Error</>
+    }
+
+    return (
+      <>
+        Error in function{` `}
+        <span data-font-weight="bold">{name}</span> in{` `}
+        <span data-font-weight="bold">
+          {filePath}:{line}
+        </span>
+      </>
+    )
+  }
+
+  return (
+    <AccordionItem open={open} title={<Title />}>
+      <p data-gatsby-overlay="body__error-message">{error.message}</p>
+      {error.stack ? (
+        <>
+          <div data-gatsby-overlay="codeframe__top">
+            <div>
+              {filePath}:{line}
+            </div>
+            <button
+              data-gatsby-overlay="body__open-in-editor"
+              onClick={() => openInEditor(filePath, line)}
+            >
+              Open in Editor
+            </button>
+          </div>
+          <CodeFrame decoded={res.decoded} />
+        </>
+      ) : (
+        <p data-font-weight="bold">
+          To identify the exact location of the error, please open the browser's
+          developer tools console.
+        </p>
+      )}
+    </AccordionItem>
+  )
+}
+
+export function RuntimeErrors({ errors, dismiss }) {
+  const deduplicatedErrors = React.useMemo(() => {
+    const errorCache = new Set()
+    const errorList = []
+    errors.forEach(error => {
+      let cacheKey
+      if (error.stack) {
+        // Second line contains the exact location
+        const secondLine = error.stack?.split(`\n`)[1]
+        cacheKey = secondLine
+      } else {
+        cacheKey = error.toString()
+      }
+
+      if (!errorCache.has(cacheKey)) {
+        errorList.push(error)
+        errorCache.add(cacheKey)
+      }
+    })
+    return errorList
+  }, [errors])
+  const hasMultipleErrors = deduplicatedErrors.length > 1
+
+  return (
+    <Overlay>
+      <Header data-gatsby-error-type="runtime-error">
+        <div data-gatsby-overlay="header__cause-file">
+          <h1 id="gatsby-overlay-labelledby">
+            {hasMultipleErrors
+              ? `${deduplicatedErrors.length} Unhandled Runtime Errors`
+              : `Unhandled Runtime Error`}
+          </h1>
+        </div>
+        <HeaderOpenClose dismiss={dismiss} />
+      </Header>
+      <Body>
+        <p
+          data-gatsby-overlay="body__describedby"
+          id="gatsby-overlay-describedby"
+        >
+          {hasMultipleErrors ? `Multiple` : `One`} unhandled runtime{` `}
+          {hasMultipleErrors ? `errors` : `error`} found in your files. See the
+          list below to fix {hasMultipleErrors ? `them` : `it`}:
+        </p>
+        <Accordion>
+          {deduplicatedErrors.map((error, index) => (
+            <WrappedAccordionItem
+              open={index === 0}
+              key={`${error.message}-${index}`}
+              error={error}
+            />
+          ))}
+        </Accordion>
+      </Body>
+    </Overlay>
+  )
+}

package/cache-dir/fast-refresh-overlay/components/use-id.js

@@ -0,0 +1,56 @@
+// Copied from https://github.com/carbon-design-system/carbon
+// License: Apache-2.0
+// Copyright IBM Corp. 2016, 2018
+// Entrypoint: packages/react/src/internal/useId.js
+
+function setupGetInstanceId() {
+  let instanceId = 0
+  return function getInstanceId() {
+    return ++instanceId
+  }
+}
+
+import * as React from "react"
+
+const getId = setupGetInstanceId()
+const useIsomorphicLayoutEffect = canUseDOM()
+  ? React.useLayoutEffect
+  : React.useEffect
+
+function canUseDOM() {
+  return !!(
+    typeof window !== `undefined` &&
+    window.document &&
+    window.document.createElement
+  )
+}
+
+let serverHandoffCompleted = false
+
+/**
+ * Generate a unique ID with an optional prefix prepended to it
+ * @param {string} [prefix]
+ * @returns {string}
+ */
+export function useId(prefix = `id`) {
+  const [id, setId] = React.useState(() => {
+    if (serverHandoffCompleted) {
+      return `${prefix}-${getId()}`
+    }
+    return null
+  })
+
+  useIsomorphicLayoutEffect(() => {
+    if (id === null) {
+      setId(`${prefix}-${getId()}`)
+    }
+  }, [getId])
+
+  React.useEffect(() => {
+    if (serverHandoffCompleted === false) {
+      serverHandoffCompleted = true
+    }
+  }, [])
+
+  return id
+}