next 15.1.1-canary.11 → 15.1.1-canary.12

package/dist/client/components/react-dev-overlay/_experimental/internal/components/copy-button/index.js

@@ -0,0 +1,230 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CopyButton", {
+    enumerable: true,
+    get: function() {
+        return CopyButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useCopyLegacy(content) {
+    // This would be simpler with useActionState but we need to support React 18 here.
+    // React 18 also doesn't have async transitions.
+    const [copyState, dispatch] = _react.useReducer((state, action)=>{
+        if (action.type === 'reset') {
+            return {
+                state: 'initial'
+            };
+        }
+        if (action.type === 'copied') {
+            return {
+                state: 'success'
+            };
+        }
+        if (action.type === 'copying') {
+            return {
+                state: 'pending'
+            };
+        }
+        if (action.type === 'error') {
+            return {
+                state: 'error',
+                error: action.error
+            };
+        }
+        return state;
+    }, {
+        state: 'initial'
+    });
+    function copy() {
+        if (isPending) {
+            return;
+        }
+        if (!navigator.clipboard) {
+            dispatch({
+                type: 'error',
+                error: Object.defineProperty(new Error('Copy to clipboard is not supported in this browser'), "__NEXT_ERROR_CODE", {
+                    value: "E376",
+                    enumerable: false
+                })
+            });
+        } else {
+            dispatch({
+                type: 'copying'
+            });
+            navigator.clipboard.writeText(content).then(()=>{
+                dispatch({
+                    type: 'copied'
+                });
+            }, (error)=>{
+                dispatch({
+                    type: 'error',
+                    error
+                });
+            });
+        }
+    }
+    const reset = _react.useCallback(()=>{
+        dispatch({
+            type: 'reset'
+        });
+    }, []);
+    const isPending = copyState.state === 'pending';
+    return [
+        copyState,
+        copy,
+        reset,
+        isPending
+    ];
+}
+function useCopyModern(content) {
+    const [copyState, dispatch, isPending] = _react.useActionState((state, action)=>{
+        if (action === 'reset') {
+            return {
+                state: 'initial'
+            };
+        }
+        if (action === 'copy') {
+            if (!navigator.clipboard) {
+                return {
+                    state: 'error',
+                    error: Object.defineProperty(new Error('Copy to clipboard is not supported in this browser'), "__NEXT_ERROR_CODE", {
+                        value: "E376",
+                        enumerable: false
+                    })
+                };
+            }
+            return navigator.clipboard.writeText(content).then(()=>{
+                return {
+                    state: 'success'
+                };
+            }, (error)=>{
+                return {
+                    state: 'error',
+                    error
+                };
+            });
+        }
+        return state;
+    }, {
+        state: 'initial'
+    });
+    function copy() {
+        _react.startTransition(()=>{
+            dispatch('copy');
+        });
+    }
+    const reset = _react.useCallback(()=>{
+        dispatch('reset');
+    }, [
+        // TODO: `dispatch` from `useActionState` is not reactive.
+        // Remove from dependencies once https://github.com/facebook/react/pull/29665 is released.
+        dispatch
+    ]);
+    return [
+        copyState,
+        copy,
+        reset,
+        isPending
+    ];
+}
+const useCopy = typeof _react.useActionState === 'function' ? useCopyModern : useCopyLegacy;
+function CopyButton(param) {
+    let { actionLabel, successLabel, content, icon, disabled, ...props } = param;
+    const [copyState, copy, reset, isPending] = useCopy(content);
+    const error = copyState.state === 'error' ? copyState.error : null;
+    _react.useEffect(()=>{
+        if (error !== null) {
+            // Additional console.error to get the stack.
+            console.error(error);
+        }
+    }, [
+        error
+    ]);
+    _react.useEffect(()=>{
+        if (copyState.state === 'success') {
+            const timeoutId = setTimeout(()=>{
+                reset();
+            }, 2000);
+            return ()=>{
+                clearTimeout(timeoutId);
+            };
+        }
+    }, [
+        isPending,
+        copyState.state,
+        reset
+    ]);
+    const isDisabled = isPending || disabled;
+    const label = copyState.state === 'success' ? successLabel : actionLabel;
+    // Assign default icon
+    const renderedIcon = copyState.state === 'success' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(CopySuccessIcon, {}) : icon || /*#__PURE__*/ (0, _jsxruntime.jsx)(CopyIcon, {});
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
+        ...props,
+        type: "button",
+        title: label,
+        "aria-label": label,
+        "aria-disabled": isDisabled,
+        "data-nextjs-data-runtime-error-copy-button": true,
+        className: "nextjs-data-runtime-error-copy-button nextjs-data-runtime-error-copy-button--" + copyState.state,
+        onClick: ()=>{
+            if (!isDisabled) {
+                copy();
+            }
+        },
+        children: [
+            renderedIcon,
+            copyState.state === 'error' ? " " + copyState.error : null
+        ]
+    });
+}
+function CopyIcon() {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "transparent",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("rect", {
+                width: "14",
+                height: "14",
+                x: "8",
+                y: "8",
+                rx: "2",
+                ry: "2"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+            })
+        ]
+    });
+}
+function CopySuccessIcon() {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        height: "16",
+        xlinkTitle: "copied",
+        viewBox: "0 0 16 16",
+        width: "16",
+        stroke: "currentColor",
+        fill: "currentColor",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+            d: "M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"
+        })
+    });
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/components/copy-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/copy-button/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nfunction useCopyLegacy(content: string) {\n  type CopyState =\n    | {\n        state: 'initial'\n      }\n    | {\n        state: 'error'\n        error: unknown\n      }\n    | { state: 'success' }\n    | { state: 'pending' }\n\n  // This would be simpler with useActionState but we need to support React 18 here.\n  // React 18 also doesn't have async transitions.\n  const [copyState, dispatch] = React.useReducer(\n    (\n      state: CopyState,\n      action:\n        | { type: 'reset' | 'copied' | 'copying' }\n        | { type: 'error'; error: unknown }\n    ): CopyState => {\n      if (action.type === 'reset') {\n        return { state: 'initial' }\n      }\n      if (action.type === 'copied') {\n        return { state: 'success' }\n      }\n      if (action.type === 'copying') {\n        return { state: 'pending' }\n      }\n      if (action.type === 'error') {\n        return { state: 'error', error: action.error }\n      }\n      return state\n    },\n    {\n      state: 'initial',\n    }\n  )\n  function copy() {\n    if (isPending) {\n      return\n    }\n\n    if (!navigator.clipboard) {\n      dispatch({\n        type: 'error',\n        error: new Error('Copy to clipboard is not supported in this browser'),\n      })\n    } else {\n      dispatch({ type: 'copying' })\n      navigator.clipboard.writeText(content).then(\n        () => {\n          dispatch({ type: 'copied' })\n        },\n        (error) => {\n          dispatch({ type: 'error', error })\n        }\n      )\n    }\n  }\n  const reset = React.useCallback(() => {\n    dispatch({ type: 'reset' })\n  }, [])\n\n  const isPending = copyState.state === 'pending'\n\n  return [copyState, copy, reset, isPending] as const\n}\n\nfunction useCopyModern(content: string) {\n  type CopyState =\n    | {\n        state: 'initial'\n      }\n    | {\n        state: 'error'\n        error: unknown\n      }\n    | { state: 'success' }\n\n  const [copyState, dispatch, isPending] = React.useActionState(\n    (\n      state: CopyState,\n      action: 'reset' | 'copy'\n    ): CopyState | Promise<CopyState> => {\n      if (action === 'reset') {\n        return { state: 'initial' }\n      }\n      if (action === 'copy') {\n        if (!navigator.clipboard) {\n          return {\n            state: 'error',\n            error: new Error(\n              'Copy to clipboard is not supported in this browser'\n            ),\n          }\n        }\n        return navigator.clipboard.writeText(content).then(\n          () => {\n            return { state: 'success' }\n          },\n          (error) => {\n            return { state: 'error', error }\n          }\n        )\n      }\n      return state\n    },\n    {\n      state: 'initial',\n    }\n  )\n\n  function copy() {\n    React.startTransition(() => {\n      dispatch('copy')\n    })\n  }\n\n  const reset = React.useCallback(() => {\n    dispatch('reset')\n  }, [\n    // TODO: `dispatch` from `useActionState` is not reactive.\n    // Remove from dependencies once https://github.com/facebook/react/pull/29665 is released.\n    dispatch,\n  ])\n\n  return [copyState, copy, reset, isPending] as const\n}\n\nconst useCopy =\n  typeof React.useActionState === 'function' ? useCopyModern : useCopyLegacy\n\nexport function CopyButton({\n  actionLabel,\n  successLabel,\n  content,\n  icon,\n  disabled,\n  ...props\n}: React.HTMLProps<HTMLButtonElement> & {\n  actionLabel: string\n  successLabel: string\n  content: string\n  icon?: React.ReactNode\n}) {\n  const [copyState, copy, reset, isPending] = useCopy(content)\n\n  const error = copyState.state === 'error' ? copyState.error : null\n  React.useEffect(() => {\n    if (error !== null) {\n      // Additional console.error to get the stack.\n      console.error(error)\n    }\n  }, [error])\n  React.useEffect(() => {\n    if (copyState.state === 'success') {\n      const timeoutId = setTimeout(() => {\n        reset()\n      }, 2000)\n\n      return () => {\n        clearTimeout(timeoutId)\n      }\n    }\n  }, [isPending, copyState.state, reset])\n  const isDisabled = isPending || disabled\n  const label = copyState.state === 'success' ? successLabel : actionLabel\n\n  // Assign default icon\n  const renderedIcon =\n    copyState.state === 'success' ? <CopySuccessIcon /> : icon || <CopyIcon />\n\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      aria-disabled={isDisabled}\n      data-nextjs-data-runtime-error-copy-button\n      className={`nextjs-data-runtime-error-copy-button nextjs-data-runtime-error-copy-button--${copyState.state}`}\n      onClick={() => {\n        if (!isDisabled) {\n          copy()\n        }\n      }}\n    >\n      {renderedIcon}\n      {copyState.state === 'error' ? ` ${copyState.error}` : null}\n    </button>\n  )\n}\n\nfunction CopyIcon() {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"transparent\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </svg>\n  )\n}\n\nfunction CopySuccessIcon() {\n  return (\n    <svg\n      height=\"16\"\n      xlinkTitle=\"copied\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      stroke=\"currentColor\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z\" />\n    </svg>\n  )\n}\n"],"names":["CopyButton","useCopyLegacy","content","copyState","dispatch","React","useReducer","state","action","type","error","copy","isPending","navigator","clipboard","Error","writeText","then","reset","useCallback","useCopyModern","useActionState","startTransition","useCopy","actionLabel","successLabel","icon","disabled","props","useEffect","console","timeoutId","setTimeout","clearTimeout","isDisabled","label","renderedIcon","CopySuccessIcon","CopyIcon","button","title","aria-label","aria-disabled","data-nextjs-data-runtime-error-copy-button","className","onClick","svg","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","rect","x","y","rx","ry","path","d","xlinkTitle"],"mappings":"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"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/hot-linked-text/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const HotlinkedText: React.FC<{
+    text: string;
+    matcher?: (text: string) => boolean;
+}>;

package/dist/client/components/react-dev-overlay/_experimental/internal/components/hot-linked-text/index.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HotlinkedText", {
+    enumerable: true,
+    get: function() {
+        return HotlinkedText;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _magicidentifier = require("../../../../../../../shared/lib/magic-identifier");
+const linkRegex = /https?:\/\/[^\s/$.?#].[^\s)'"]*/i;
+const splitRegexp = new RegExp("(" + _magicidentifier.MAGIC_IDENTIFIER_REGEX.source + "|\\s+)");
+const HotlinkedText = function HotlinkedText(props) {
+    const { text, matcher } = props;
+    const wordsAndWhitespaces = text.split(splitRegexp);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: wordsAndWhitespaces.map((word, index)=>{
+            if (linkRegex.test(word)) {
+                const link = linkRegex.exec(word);
+                const href = link[0];
+                // If link matcher is present but the link doesn't match, don't turn it into a link
+                if (typeof matcher === 'function' && !matcher(href)) {
+                    return word;
+                }
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.Fragment, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+                        href: href,
+                        target: "_blank",
+                        rel: "noreferrer noopener",
+                        children: word
+                    })
+                }, "link-" + index);
+            }
+            try {
+                const decodedWord = (0, _magicidentifier.decodeMagicIdentifier)(word);
+                if (decodedWord !== word) {
+                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("i", {
+                        children: [
+                            '{',
+                            decodedWord,
+                            '}'
+                        ]
+                    }, "ident-" + index);
+                }
+            } catch (e) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsxs)("i", {
+                    children: [
+                        '{',
+                        word,
+                        " (decoding failed: ",
+                        '' + e,
+                        ")",
+                        '}'
+                    ]
+                }, "ident-" + index);
+            }
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.Fragment, {
+                children: word
+            }, "text-" + index);
+        })
+    });
+};
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/components/hot-linked-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/hot-linked-text/index.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  decodeMagicIdentifier,\n  MAGIC_IDENTIFIER_REGEX,\n} from '../../../../../../../shared/lib/magic-identifier'\n\nconst linkRegex = /https?:\\/\\/[^\\s/$.?#].[^\\s)'\"]*/i\n\nconst splitRegexp = new RegExp(`(${MAGIC_IDENTIFIER_REGEX.source}|\\\\s+)`)\n\nexport const HotlinkedText: React.FC<{\n  text: string\n  matcher?: (text: string) => boolean\n}> = function HotlinkedText(props) {\n  const { text, matcher } = props\n\n  const wordsAndWhitespaces = text.split(splitRegexp)\n\n  return (\n    <>\n      {wordsAndWhitespaces.map((word, index) => {\n        if (linkRegex.test(word)) {\n          const link = linkRegex.exec(word)!\n          const href = link[0]\n          // If link matcher is present but the link doesn't match, don't turn it into a link\n          if (typeof matcher === 'function' && !matcher(href)) {\n            return word\n          }\n          return (\n            <React.Fragment key={`link-${index}`}>\n              <a href={href} target=\"_blank\" rel=\"noreferrer noopener\">\n                {word}\n              </a>\n            </React.Fragment>\n          )\n        }\n        try {\n          const decodedWord = decodeMagicIdentifier(word)\n          if (decodedWord !== word) {\n            return (\n              <i key={`ident-${index}`}>\n                {'{'}\n                {decodedWord}\n                {'}'}\n              </i>\n            )\n          }\n        } catch (e) {\n          return (\n            <i key={`ident-${index}`}>\n              {'{'}\n              {word} (decoding failed: {'' + e}){'}'}\n            </i>\n          )\n        }\n        return <React.Fragment key={`text-${index}`}>{word}</React.Fragment>\n      })}\n    </>\n  )\n}\n"],"names":["HotlinkedText","linkRegex","splitRegexp","RegExp","MAGIC_IDENTIFIER_REGEX","source","props","text","matcher","wordsAndWhitespaces","split","map","word","index","test","link","exec","href","React","Fragment","a","target","rel","decodedWord","decodeMagicIdentifier","i","e"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;gEAVK;iCAIX;AAEP,MAAMC,YAAY;AAElB,MAAMC,cAAc,IAAIC,OAAO,AAAC,MAAGC,uCAAsB,CAACC,MAAM,GAAC;AAE1D,MAAML,gBAGR,SAASA,cAAcM,KAAK;IAC/B,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGF;IAE1B,MAAMG,sBAAsBF,KAAKG,KAAK,CAACR;IAEvC,qBACE;kBACGO,oBAAoBE,GAAG,CAAC,CAACC,MAAMC;YAC9B,IAAIZ,UAAUa,IAAI,CAACF,OAAO;gBACxB,MAAMG,OAAOd,UAAUe,IAAI,CAACJ;gBAC5B,MAAMK,OAAOF,IAAI,CAAC,EAAE;gBACpB,mFAAmF;gBACnF,IAAI,OAAOP,YAAY,cAAc,CAACA,QAAQS,OAAO;oBACnD,OAAOL;gBACT;gBACA,qBACE,qBAACM,cAAK,CAACC,QAAQ;8BACb,cAAA,qBAACC;wBAAEH,MAAMA;wBAAMI,QAAO;wBAASC,KAAI;kCAChCV;;mBAFgB,AAAC,UAAOC;YAMjC;YACA,IAAI;gBACF,MAAMU,cAAcC,IAAAA,sCAAqB,EAACZ;gBAC1C,IAAIW,gBAAgBX,MAAM;oBACxB,qBACE,sBAACa;;4BACE;4BACAF;4BACA;;uBAHK,AAAC,WAAQV;gBAMrB;YACF,EAAE,OAAOa,GAAG;gBACV,qBACE,sBAACD;;wBACE;wBACAb;wBAAK;wBAAoB,KAAKc;wBAAE;wBAAE;;mBAF7B,AAAC,WAAQb;YAKrB;YACA,qBAAO,qBAACK,cAAK,CAACC,QAAQ;0BAAwBP;eAAlB,AAAC,UAAOC;QACtC;;AAGN"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/nodejs-inspector.d.ts

@@ -0,0 +1,3 @@
+export declare function NodejsInspectorCopyButton({ devtoolsFrontendUrl, }: {
+    devtoolsFrontendUrl: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/client/components/react-dev-overlay/_experimental/internal/components/nodejs-inspector.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NodejsInspectorCopyButton", {
+    enumerable: true,
+    get: function() {
+        return NodejsInspectorCopyButton;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _copybutton = require("./copy-button");
+// Inline this helper to avoid widely used across the codebase,
+// as for this feature the Chrome detector doesn't need to be super accurate.
+function isChrome() {
+    if (typeof window === 'undefined') return false;
+    const isChromium = 'chrome' in window && window.chrome;
+    const vendorName = window.navigator.vendor;
+    return isChromium !== null && isChromium !== undefined && vendorName === 'Google Inc.';
+}
+const isChromeBrowser = isChrome();
+function NodeJsIcon(props) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+        width: "44",
+        height: "44",
+        viewBox: "0 0 44 44",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("g", {
+                clipPath: "url(#clip0_1546_2)",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                        d: "M22 0L41.0526 11V33L22 44L2.94744 33V11L22 0Z",
+                        fill: "#71BD55"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                        d: "M41.0493 11.0001L41.0493 33L22 1.5583e-07L41.0493 11.0001Z",
+                        fill: "#A1DF83"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("defs", {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("clipPath", {
+                    id: "clip0_1546_2",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("rect", {
+                        width: "44",
+                        height: "44",
+                        fill: "white"
+                    })
+                })
+            })
+        ]
+    });
+}
+function NodeJsDisabledIcon(props) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+        width: "44",
+        height: "44",
+        viewBox: "0 0 44 44",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                d: "M4.44744 11.866L22 1.73205L39.5526 11.866V32.134L22 42.2679L4.44744 32.134V11.866Z",
+                stroke: "currentColor",
+                fill: "transparent",
+                strokeWidth: "3",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                d: "M22 2L39 32",
+                stroke: "currentColor",
+                strokeWidth: "3",
+                strokeLinecap: "round"
+            })
+        ]
+    });
+}
+const label = 'Learn more about enabling Node.js inspector for server code with Chrome DevTools';
+function NodejsInspectorCopyButton(param) {
+    let { devtoolsFrontendUrl } = param;
+    const content = devtoolsFrontendUrl || '';
+    const disabled = !content || !isChromeBrowser;
+    if (disabled) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+            title: label,
+            "aria-label": label,
+            className: "nextjs-data-runtime-error-inspect-link",
+            href: "https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(NodeJsDisabledIcon, {
+                width: 16,
+                height: 16
+            })
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_copybutton.CopyButton, {
+        "data-nextjs-data-runtime-error-copy-devtools-url": true,
+        actionLabel: 'Copy Chrome DevTools URL',
+        successLabel: "Copied",
+        content: content,
+        icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(NodeJsIcon, {
+            width: 16,
+            height: 16
+        })
+    });
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=nodejs-inspector.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/components/nodejs-inspector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/nodejs-inspector.tsx"],"sourcesContent":["import { CopyButton } from './copy-button'\n\n// Inline this helper to avoid widely used across the codebase,\n// as for this feature the Chrome detector doesn't need to be super accurate.\nfunction isChrome() {\n  if (typeof window === 'undefined') return false\n  const isChromium = 'chrome' in window && window.chrome\n  const vendorName = window.navigator.vendor\n\n  return (\n    isChromium !== null &&\n    isChromium !== undefined &&\n    vendorName === 'Google Inc.'\n  )\n}\n\nconst isChromeBrowser = isChrome()\n\nfunction NodeJsIcon(props: any) {\n  return (\n    <svg\n      width=\"44\"\n      height=\"44\"\n      viewBox=\"0 0 44 44\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <g clipPath=\"url(#clip0_1546_2)\">\n        <path\n          d=\"M22 0L41.0526 11V33L22 44L2.94744 33V11L22 0Z\"\n          fill=\"#71BD55\"\n        />\n        <path\n          d=\"M41.0493 11.0001L41.0493 33L22 1.5583e-07L41.0493 11.0001Z\"\n          fill=\"#A1DF83\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1546_2\">\n          <rect width=\"44\" height=\"44\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n\nfunction NodeJsDisabledIcon(props: any) {\n  return (\n    <svg\n      width=\"44\"\n      height=\"44\"\n      viewBox=\"0 0 44 44\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M4.44744 11.866L22 1.73205L39.5526 11.866V32.134L22 42.2679L4.44744 32.134V11.866Z\"\n        stroke=\"currentColor\"\n        fill=\"transparent\"\n        strokeWidth=\"3\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M22 2L39 32\"\n        stroke=\"currentColor\"\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n}\n\nconst label =\n  'Learn more about enabling Node.js inspector for server code with Chrome DevTools'\n\nexport function NodejsInspectorCopyButton({\n  devtoolsFrontendUrl,\n}: {\n  devtoolsFrontendUrl: string | undefined\n}) {\n  const content = devtoolsFrontendUrl || ''\n  const disabled = !content || !isChromeBrowser\n  if (disabled) {\n    return (\n      <a\n        title={label}\n        aria-label={label}\n        className=\"nextjs-data-runtime-error-inspect-link\"\n        href={`https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code`}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <NodeJsDisabledIcon width={16} height={16} />\n      </a>\n    )\n  }\n  return (\n    <CopyButton\n      data-nextjs-data-runtime-error-copy-devtools-url\n      actionLabel={'Copy Chrome DevTools URL'}\n      successLabel=\"Copied\"\n      content={content}\n      icon={<NodeJsIcon width={16} height={16} />}\n    />\n  )\n}\n"],"names":["NodejsInspectorCopyButton","isChrome","window","isChromium","chrome","vendorName","navigator","vendor","undefined","isChromeBrowser","NodeJsIcon","props","svg","width","height","viewBox","fill","xmlns","g","clipPath","path","d","defs","id","rect","NodeJsDisabledIcon","stroke","strokeWidth","strokeLinejoin","strokeLinecap","label","devtoolsFrontendUrl","content","disabled","a","title","aria-label","className","href","target","rel","CopyButton","data-nextjs-data-runtime-error-copy-devtools-url","actionLabel","successLabel","icon"],"mappings":";;;;+BA6EgBA;;;eAAAA;;;;4BA7EW;AAE3B,+DAA+D;AAC/D,6EAA6E;AAC7E,SAASC;IACP,IAAI,OAAOC,WAAW,aAAa,OAAO;IAC1C,MAAMC,aAAa,YAAYD,UAAUA,OAAOE,MAAM;IACtD,MAAMC,aAAaH,OAAOI,SAAS,CAACC,MAAM;IAE1C,OACEJ,eAAe,QACfA,eAAeK,aACfH,eAAe;AAEnB;AAEA,MAAMI,kBAAkBR;AAExB,SAASS,WAAWC,KAAU;IAC5B,qBACE,sBAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACL,GAAGN,KAAK;;0BAET,sBAACO;gBAAEC,UAAS;;kCACV,qBAACC;wBACCC,GAAE;wBACFL,MAAK;;kCAEP,qBAACI;wBACCC,GAAE;wBACFL,MAAK;;;;0BAGT,qBAACM;0BACC,cAAA,qBAACH;oBAASI,IAAG;8BACX,cAAA,qBAACC;wBAAKX,OAAM;wBAAKC,QAAO;wBAAKE,MAAK;;;;;;AAK5C;AAEA,SAASS,mBAAmBd,KAAU;IACpC,qBACE,sBAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACL,GAAGN,KAAK;;0BAET,qBAACS;gBACCC,GAAE;gBACFK,QAAO;gBACPV,MAAK;gBACLW,aAAY;gBACZC,gBAAe;;0BAEjB,qBAACR;gBACCC,GAAE;gBACFK,QAAO;gBACPC,aAAY;gBACZE,eAAc;;;;AAItB;AAEA,MAAMC,QACJ;AAEK,SAAS9B,0BAA0B,KAIzC;IAJyC,IAAA,EACxC+B,mBAAmB,EAGpB,GAJyC;IAKxC,MAAMC,UAAUD,uBAAuB;IACvC,MAAME,WAAW,CAACD,WAAW,CAACvB;IAC9B,IAAIwB,UAAU;QACZ,qBACE,qBAACC;YACCC,OAAOL;YACPM,cAAYN;YACZO,WAAU;YACVC,MAAO;YACPC,QAAO;YACPC,KAAI;sBAEJ,cAAA,qBAACf;gBAAmBZ,OAAO;gBAAIC,QAAQ;;;IAG7C;IACA,qBACE,qBAAC2B,sBAAU;QACTC,kDAAgD;QAChDC,aAAa;QACbC,cAAa;QACbZ,SAASA;QACTa,oBAAM,qBAACnC;YAAWG,OAAO;YAAIC,QAAQ;;;AAG3C"}

package/dist/client/components/react-dev-overlay/_experimental/internal/container/BuildError.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { VersionInfo } from '../../../../../../server/dev/parse-version-info';
+export type BuildErrorProps = {
+    message: string;
+    versionInfo?: VersionInfo;
+};
+export declare const BuildError: React.FC<BuildErrorProps>;
+export declare const styles: string;

package/dist/client/components/react-dev-overlay/_experimental/internal/container/BuildError.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    BuildError: null,
+    styles: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    BuildError: function() {
+        return BuildError;
+    },
+    styles: function() {
+        return styles;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _Dialog = require("../components/Dialog");
+const _Overlay = require("../components/Overlay");
+const _Terminal = require("../components/Terminal");
+const _VersionStalenessInfo = require("../components/VersionStalenessInfo");
+const _nooptemplate = require("../helpers/noop-template");
+function _templateObject() {
+    const data = _tagged_template_literal_loose._([
+        "\n  h1.nextjs__container_errors_label {\n    font-size: var(--size-font-big);\n    line-height: var(--size-font-bigger);\n    font-weight: bold;\n    margin: var(--size-gap-double) 0;\n  }\n  .nextjs-container-errors-header p {\n    font-size: var(--size-font-small);\n    line-height: var(--size-font-big);\n    white-space: pre-wrap;\n  }\n  .nextjs-container-errors-body footer {\n    margin-top: var(--size-gap);\n  }\n  .nextjs-container-errors-body footer p {\n    margin: 0;\n  }\n\n  .nextjs-container-errors-body small {\n    color: var(--color-font);\n  }\n"
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const BuildError = function BuildError(param) {
+    let { message, versionInfo } = param;
+    const noop = _react.useCallback(()=>{}, []);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Overlay.Overlay, {
+        fixed: true,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dialog.Dialog, {
+            type: "error",
+            "aria-labelledby": "nextjs__container_error_label",
+            "aria-describedby": "nextjs__container_error_desc",
+            onClose: noop,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Dialog.DialogContent, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Dialog.DialogHeader, {
+                        className: "nextjs-container-errors-header",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("h1", {
+                                id: "nextjs__container_errors_label",
+                                className: "nextjs__container_errors_label",
+                                children: 'Build Error'
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VersionStalenessInfo.VersionStalenessInfo, {
+                                versionInfo: versionInfo
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                                id: "nextjs__container_errors_desc",
+                                className: "nextjs__container_errors_desc",
+                                children: "Failed to compile"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Dialog.DialogBody, {
+                        className: "nextjs-container-errors-body",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Terminal.Terminal, {
+                                content: message
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("footer", {
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                                    id: "nextjs__container_build_error_desc",
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("small", {
+                                        children: "This error occurred during the build process and can only be dismissed by fixing the error."
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+const styles = (0, _nooptemplate.noop)(_templateObject());
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=BuildError.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/container/BuildError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/BuildError.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { VersionInfo } from '../../../../../../server/dev/parse-version-info'\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogHeader,\n} from '../components/Dialog'\nimport { Overlay } from '../components/Overlay'\nimport { Terminal } from '../components/Terminal'\nimport { VersionStalenessInfo } from '../components/VersionStalenessInfo'\nimport { noop as css } from '../helpers/noop-template'\n\nexport type BuildErrorProps = { message: string; versionInfo?: VersionInfo }\n\nexport const BuildError: React.FC<BuildErrorProps> = function BuildError({\n  message,\n  versionInfo,\n}) {\n  const noop = React.useCallback(() => {}, [])\n  return (\n    <Overlay fixed>\n      <Dialog\n        type=\"error\"\n        aria-labelledby=\"nextjs__container_error_label\"\n        aria-describedby=\"nextjs__container_error_desc\"\n        onClose={noop}\n      >\n        <DialogContent>\n          <DialogHeader className=\"nextjs-container-errors-header\">\n            <h1\n              id=\"nextjs__container_errors_label\"\n              className=\"nextjs__container_errors_label\"\n            >\n              {'Build Error'}\n            </h1>\n            <VersionStalenessInfo versionInfo={versionInfo} />\n            <p\n              id=\"nextjs__container_errors_desc\"\n              className=\"nextjs__container_errors_desc\"\n            >\n              Failed to compile\n            </p>\n          </DialogHeader>\n          <DialogBody className=\"nextjs-container-errors-body\">\n            <Terminal content={message} />\n            <footer>\n              <p id=\"nextjs__container_build_error_desc\">\n                <small>\n                  This error occurred during the build process and can only be\n                  dismissed by fixing the error.\n                </small>\n              </p>\n            </footer>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </Overlay>\n  )\n}\n\nexport const styles = css`\n  h1.nextjs__container_errors_label {\n    font-size: var(--size-font-big);\n    line-height: var(--size-font-bigger);\n    font-weight: bold;\n    margin: var(--size-gap-double) 0;\n  }\n  .nextjs-container-errors-header p {\n    font-size: var(--size-font-small);\n    line-height: var(--size-font-big);\n    white-space: pre-wrap;\n  }\n  .nextjs-container-errors-body footer {\n    margin-top: var(--size-gap);\n  }\n  .nextjs-container-errors-body footer p {\n    margin: 0;\n  }\n\n  .nextjs-container-errors-body small {\n    color: var(--color-font);\n  }\n`\n"],"names":["BuildError","styles","message","versionInfo","noop","React","useCallback","Overlay","fixed","Dialog","type","aria-labelledby","aria-describedby","onClose","DialogContent","DialogHeader","className","h1","id","VersionStalenessInfo","p","DialogBody","Terminal","content","footer","small","css"],"mappings":";;;;;;;;;;;;;;;IAeaA,UAAU;eAAVA;;IA8CAC,MAAM;eAANA;;;;;;iEA7DU;wBAOhB;yBACiB;0BACC;sCACY;8BACT;;;;;;;;;;AAIrB,MAAMD,aAAwC,SAASA,WAAW,KAGxE;IAHwE,IAAA,EACvEE,OAAO,EACPC,WAAW,EACZ,GAHwE;IAIvE,MAAMC,OAAOC,OAAMC,WAAW,CAAC,KAAO,GAAG,EAAE;IAC3C,qBACE,qBAACC,gBAAO;QAACC,KAAK;kBACZ,cAAA,qBAACC,cAAM;YACLC,MAAK;YACLC,mBAAgB;YAChBC,oBAAiB;YACjBC,SAAST;sBAET,cAAA,sBAACU,qBAAa;;kCACZ,sBAACC,oBAAY;wBAACC,WAAU;;0CACtB,qBAACC;gCACCC,IAAG;gCACHF,WAAU;0CAET;;0CAEH,qBAACG,0CAAoB;gCAAChB,aAAaA;;0CACnC,qBAACiB;gCACCF,IAAG;gCACHF,WAAU;0CACX;;;;kCAIH,sBAACK,kBAAU;wBAACL,WAAU;;0CACpB,qBAACM,kBAAQ;gCAACC,SAASrB;;0CACnB,qBAACsB;0CACC,cAAA,qBAACJ;oCAAEF,IAAG;8CACJ,cAAA,qBAACO;kDAAM;;;;;;;;;;AAWvB;AAEO,MAAMxB,aAASyB,kBAAG"}

package/dist/client/components/react-dev-overlay/_experimental/internal/container/Errors.d.ts

@@ -0,0 +1,19 @@
+import { type UnhandledErrorAction, type UnhandledRejectionAction } from '../../../shared';
+import type { DebugInfo } from '../../../types';
+import type { VersionInfo } from '../../../../../../server/dev/parse-version-info';
+export type SupportedErrorEvent = {
+    id: number;
+    event: UnhandledErrorAction | UnhandledRejectionAction;
+};
+export type ErrorsProps = {
+    isAppDir: boolean;
+    errors: SupportedErrorEvent[];
+    initialDisplayState: DisplayState;
+    versionInfo?: VersionInfo;
+    hasStaticIndicator?: boolean;
+    debugInfo?: DebugInfo;
+};
+type DisplayState = 'minimized' | 'fullscreen' | 'hidden';
+export declare function Errors({ isAppDir, errors, initialDisplayState, versionInfo, hasStaticIndicator, debugInfo, }: ErrorsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const styles: string;
+export {};