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

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/CssReset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/styles/CssReset.tsx"],"sourcesContent":["import * as React from 'react'\nimport { noop as css } from '../helpers/noop-template'\n\nexport function CssReset() {\n  return (\n    <style>\n      {css`\n        :host {\n          all: initial;\n\n          /* the direction property is not reset by 'all' */\n          direction: ltr;\n        }\n\n        /*!\n         * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)\n         * Copyright 2011-2019 The Bootstrap Authors\n         * Copyright 2011-2019 Twitter, Inc.\n         * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n         * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n         */\n        *,\n        *::before,\n        *::after {\n          box-sizing: border-box;\n        }\n\n        :host {\n          font-family: sans-serif;\n          line-height: 1.15;\n          -webkit-text-size-adjust: 100%;\n          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        }\n\n        article,\n        aside,\n        figcaption,\n        figure,\n        footer,\n        header,\n        hgroup,\n        main,\n        nav,\n        section {\n          display: block;\n        }\n\n        :host {\n          margin: 0;\n          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n            'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n            'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n            'Noto Color Emoji';\n          font-size: 16px;\n          font-weight: 400;\n          line-height: 1.5;\n          color: var(--color-font);\n          text-align: left;\n          background-color: #fff;\n        }\n\n        [tabindex='-1']:focus:not(:focus-visible) {\n          outline: 0 !important;\n        }\n\n        hr {\n          box-sizing: content-box;\n          height: 0;\n          overflow: visible;\n        }\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          margin-top: 0;\n          margin-bottom: 8px;\n        }\n\n        p {\n          margin-top: 0;\n          margin-bottom: 16px;\n        }\n\n        abbr[title],\n        abbr[data-original-title] {\n          text-decoration: underline;\n          -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n          cursor: help;\n          border-bottom: 0;\n          -webkit-text-decoration-skip-ink: none;\n          text-decoration-skip-ink: none;\n        }\n\n        address {\n          margin-bottom: 16px;\n          font-style: normal;\n          line-height: inherit;\n        }\n\n        ol,\n        ul,\n        dl {\n          margin-top: 0;\n          margin-bottom: 16px;\n        }\n\n        ol ol,\n        ul ul,\n        ol ul,\n        ul ol {\n          margin-bottom: 0;\n        }\n\n        dt {\n          font-weight: 700;\n        }\n\n        dd {\n          margin-bottom: 8px;\n          margin-left: 0;\n        }\n\n        blockquote {\n          margin: 0 0 16px;\n        }\n\n        b,\n        strong {\n          font-weight: bolder;\n        }\n\n        small {\n          font-size: 80%;\n        }\n\n        sub,\n        sup {\n          position: relative;\n          font-size: 75%;\n          line-height: 0;\n          vertical-align: baseline;\n        }\n\n        sub {\n          bottom: -0.25em;\n        }\n\n        sup {\n          top: -0.5em;\n        }\n\n        a {\n          color: #007bff;\n          text-decoration: none;\n          background-color: transparent;\n        }\n\n        a:hover {\n          color: #0056b3;\n          text-decoration: underline;\n        }\n\n        a:not([href]) {\n          color: inherit;\n          text-decoration: none;\n        }\n\n        a:not([href]):hover {\n          color: inherit;\n          text-decoration: none;\n        }\n\n        pre,\n        code,\n        kbd,\n        samp {\n          font-family: SFMono-Regular, Menlo, Monaco, Consolas,\n            'Liberation Mono', 'Courier New', monospace;\n          font-size: 1em;\n        }\n\n        pre {\n          margin-top: 0;\n          margin-bottom: 16px;\n          overflow: auto;\n        }\n\n        figure {\n          margin: 0 0 16px;\n        }\n\n        img {\n          vertical-align: middle;\n          border-style: none;\n        }\n\n        svg {\n          overflow: hidden;\n          vertical-align: middle;\n        }\n\n        table {\n          border-collapse: collapse;\n        }\n\n        caption {\n          padding-top: 12px;\n          padding-bottom: 12px;\n          color: #6c757d;\n          text-align: left;\n          caption-side: bottom;\n        }\n\n        th {\n          text-align: inherit;\n        }\n\n        label {\n          display: inline-block;\n          margin-bottom: 8px;\n        }\n\n        button {\n          border-radius: 0;\n        }\n\n        button:focus {\n          outline: 1px dotted;\n          outline: 5px auto -webkit-focus-ring-color;\n        }\n\n        input,\n        button,\n        select,\n        optgroup,\n        textarea {\n          margin: 0;\n          font-family: inherit;\n          font-size: inherit;\n          line-height: inherit;\n        }\n\n        button,\n        input {\n          overflow: visible;\n        }\n\n        button,\n        select {\n          text-transform: none;\n        }\n\n        select {\n          word-wrap: normal;\n        }\n\n        button,\n        [type='button'],\n        [type='reset'],\n        [type='submit'] {\n          -webkit-appearance: button;\n        }\n\n        button:not(:disabled),\n        [type='button']:not(:disabled),\n        [type='reset']:not(:disabled),\n        [type='submit']:not(:disabled) {\n          cursor: pointer;\n        }\n\n        button::-moz-focus-inner,\n        [type='button']::-moz-focus-inner,\n        [type='reset']::-moz-focus-inner,\n        [type='submit']::-moz-focus-inner {\n          padding: 0;\n          border-style: none;\n        }\n\n        input[type='radio'],\n        input[type='checkbox'] {\n          box-sizing: border-box;\n          padding: 0;\n        }\n\n        input[type='date'],\n        input[type='time'],\n        input[type='datetime-local'],\n        input[type='month'] {\n          -webkit-appearance: listbox;\n        }\n\n        textarea {\n          overflow: auto;\n          resize: vertical;\n        }\n\n        fieldset {\n          min-width: 0;\n          padding: 0;\n          margin: 0;\n          border: 0;\n        }\n\n        legend {\n          display: block;\n          width: 100%;\n          max-width: 100%;\n          padding: 0;\n          margin-bottom: 8px;\n          font-size: 24px;\n          line-height: inherit;\n          color: inherit;\n          white-space: normal;\n        }\n\n        progress {\n          vertical-align: baseline;\n        }\n\n        [type='number']::-webkit-inner-spin-button,\n        [type='number']::-webkit-outer-spin-button {\n          height: auto;\n        }\n\n        [type='search'] {\n          outline-offset: -2px;\n          -webkit-appearance: none;\n        }\n\n        [type='search']::-webkit-search-decoration {\n          -webkit-appearance: none;\n        }\n\n        ::-webkit-file-upload-button {\n          font: inherit;\n          -webkit-appearance: button;\n        }\n\n        output {\n          display: inline-block;\n        }\n\n        summary {\n          display: list-item;\n          cursor: pointer;\n        }\n\n        template {\n          display: none;\n        }\n\n        [hidden] {\n          display: none !important;\n        }\n      `}\n    </style>\n  )\n}\n"],"names":["CssReset","style","css"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;;;iEAHO;8BACK;;;;;;;;;;AAErB,SAASA;IACd,qBACE,qBAACC;sBACEC,kBAAG;;AAmWV"}

package/dist/client/components/react-dev-overlay/_experimental/pages/ReactDevOverlay.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type ErrorType = 'runtime' | 'build';
+interface ReactDevOverlayProps {
+    children?: React.ReactNode;
+    preventDisplay?: ErrorType[];
+    globalOverlay?: boolean;
+}
+export default function ReactDevOverlay({ children, preventDisplay, globalOverlay, }: ReactDevOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/components/react-dev-overlay/_experimental/pages/ReactDevOverlay.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return ReactDevOverlay;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _ShadowPortal = require("../internal/components/ShadowPortal");
+const _BuildError = require("../internal/container/BuildError");
+const _Errors = require("../internal/container/Errors");
+const _Base = require("../internal/styles/Base");
+const _ComponentStyles = require("../internal/styles/ComponentStyles");
+const _CssReset = require("../internal/styles/CssReset");
+const _ErrorBoundary = require("../../pages/ErrorBoundary");
+const _hooks = require("../../pages/hooks");
+function ReactDevOverlay(param) {
+    let { children, preventDisplay, globalOverlay } = param;
+    const { isMounted, displayPrevented, hasBuildError, hasRuntimeErrors, state, onComponentError } = (0, _hooks.usePagesReactDevOverlay)(preventDisplay);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorBoundary.ErrorBoundary, {
+                globalOverlay: globalOverlay,
+                isMounted: isMounted,
+                onError: onComponentError,
+                children: children != null ? children : null
+            }),
+            isMounted ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ShadowPortal.ShadowPortal, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CssReset.CssReset, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Base.Base, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ComponentStyles.ComponentStyles, {}),
+                    displayPrevented ? null : hasBuildError ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_BuildError.BuildError, {
+                        message: state.buildError,
+                        versionInfo: state.versionInfo
+                    }) : hasRuntimeErrors ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Errors.Errors, {
+                        isAppDir: false,
+                        errors: state.errors,
+                        versionInfo: state.versionInfo,
+                        initialDisplayState: 'fullscreen'
+                    }) : undefined
+                ]
+            }) : undefined
+        ]
+    });
+}
+
+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=ReactDevOverlay.js.map

package/dist/client/components/react-dev-overlay/_experimental/pages/ReactDevOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/components/react-dev-overlay/_experimental/pages/ReactDevOverlay.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ShadowPortal } from '../internal/components/ShadowPortal'\nimport { BuildError } from '../internal/container/BuildError'\nimport { Errors } from '../internal/container/Errors'\nimport { Base } from '../internal/styles/Base'\nimport { ComponentStyles } from '../internal/styles/ComponentStyles'\nimport { CssReset } from '../internal/styles/CssReset'\n\nimport { ErrorBoundary } from '../../pages/ErrorBoundary'\nimport { usePagesReactDevOverlay } from '../../pages/hooks'\n\nexport type ErrorType = 'runtime' | 'build'\n\ninterface ReactDevOverlayProps {\n  children?: React.ReactNode\n  preventDisplay?: ErrorType[]\n  globalOverlay?: boolean\n}\n\nexport default function ReactDevOverlay({\n  children,\n  preventDisplay,\n  globalOverlay,\n}: ReactDevOverlayProps) {\n  const {\n    isMounted,\n    displayPrevented,\n    hasBuildError,\n    hasRuntimeErrors,\n    state,\n    onComponentError,\n  } = usePagesReactDevOverlay(preventDisplay)\n\n  return (\n    <>\n      <ErrorBoundary\n        globalOverlay={globalOverlay}\n        isMounted={isMounted}\n        onError={onComponentError}\n      >\n        {children ?? null}\n      </ErrorBoundary>\n      {isMounted ? (\n        <ShadowPortal>\n          <CssReset />\n          <Base />\n          <ComponentStyles />\n\n          {displayPrevented ? null : hasBuildError ? (\n            <BuildError\n              message={state.buildError!}\n              versionInfo={state.versionInfo}\n            />\n          ) : hasRuntimeErrors ? (\n            <Errors\n              isAppDir={false}\n              errors={state.errors}\n              versionInfo={state.versionInfo}\n              initialDisplayState={'fullscreen'}\n            />\n          ) : undefined}\n        </ShadowPortal>\n      ) : undefined}\n    </>\n  )\n}\n"],"names":["ReactDevOverlay","children","preventDisplay","globalOverlay","isMounted","displayPrevented","hasBuildError","hasRuntimeErrors","state","onComponentError","usePagesReactDevOverlay","ErrorBoundary","onError","ShadowPortal","CssReset","Base","ComponentStyles","BuildError","message","buildError","versionInfo","Errors","isAppDir","errors","initialDisplayState","undefined"],"mappings":";;;;+BAoBA;;;eAAwBA;;;;;iEApBD;8BAEM;4BACF;wBACJ;sBACF;iCACW;0BACP;+BAEK;uBACU;AAUzB,SAASA,gBAAgB,KAIjB;IAJiB,IAAA,EACtCC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACQ,GAJiB;IAKtC,MAAM,EACJC,SAAS,EACTC,gBAAgB,EAChBC,aAAa,EACbC,gBAAgB,EAChBC,KAAK,EACLC,gBAAgB,EACjB,GAAGC,IAAAA,8BAAuB,EAACR;IAE5B,qBACE;;0BACE,qBAACS,4BAAa;gBACZR,eAAeA;gBACfC,WAAWA;gBACXQ,SAASH;0BAERR,mBAAAA,WAAY;;YAEdG,0BACC,sBAACS,0BAAY;;kCACX,qBAACC,kBAAQ;kCACT,qBAACC,UAAI;kCACL,qBAACC,gCAAe;oBAEfX,mBAAmB,OAAOC,8BACzB,qBAACW,sBAAU;wBACTC,SAASV,MAAMW,UAAU;wBACzBC,aAAaZ,MAAMY,WAAW;yBAE9Bb,iCACF,qBAACc,cAAM;wBACLC,UAAU;wBACVC,QAAQf,MAAMe,MAAM;wBACpBH,aAAaZ,MAAMY,WAAW;wBAC9BI,qBAAqB;yBAErBC;;iBAEJA;;;AAGV"}

package/dist/client/components/react-dev-overlay/app/OldReactDevOverlay.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { OverlayState } from '../shared';
+import type { Dispatcher } from './hot-reloader-client';
+interface ReactDevOverlayState {
+    isReactError: boolean;
+}
+export default class ReactDevOverlay extends React.PureComponent<{
+    state: OverlayState;
+    dispatcher?: Dispatcher;
+    children: React.ReactNode;
+}, ReactDevOverlayState> {
+    state: {
+        isReactError: boolean;
+    };
+    static getDerivedStateFromError(error: Error): ReactDevOverlayState;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/client/components/react-dev-overlay/app/OldReactDevOverlay.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return ReactDevOverlay;
+    }
+});
+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 _ShadowPortal = require("../internal/components/ShadowPortal");
+const _BuildError = require("../internal/container/BuildError");
+const _Errors = require("../internal/container/Errors");
+const _StaticIndicator = require("../internal/container/StaticIndicator");
+const _Base = require("../internal/styles/Base");
+const _ComponentStyles = require("../internal/styles/ComponentStyles");
+const _CssReset = require("../internal/styles/CssReset");
+const _rootlayoutmissingtagserror = require("../internal/container/root-layout-missing-tags-error");
+const _runtimeerrorhandler = require("../internal/helpers/runtime-error-handler");
+class ReactDevOverlay extends _react.default.PureComponent {
+    static getDerivedStateFromError(error) {
+        if (!error.stack) return {
+            isReactError: false
+        };
+        _runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError = true;
+        return {
+            isReactError: true
+        };
+    }
+    render() {
+        var _state_rootLayoutMissingTags;
+        const { state, children, dispatcher } = this.props;
+        const { isReactError } = this.state;
+        const hasBuildError = state.buildError != null;
+        const hasRuntimeErrors = Boolean(state.errors.length);
+        const hasStaticIndicator = state.staticIndicator;
+        const debugInfo = state.debugInfo;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                isReactError ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("html", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("head", {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("body", {})
+                    ]
+                }) : children,
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ShadowPortal.ShadowPortal, {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_CssReset.CssReset, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Base.Base, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_ComponentStyles.ComponentStyles, {}),
+                        ((_state_rootLayoutMissingTags = state.rootLayoutMissingTags) == null ? void 0 : _state_rootLayoutMissingTags.length) ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_rootlayoutmissingtagserror.RootLayoutMissingTagsError, {
+                            missingTags: state.rootLayoutMissingTags
+                        }) : hasBuildError ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_BuildError.BuildError, {
+                            message: state.buildError,
+                            versionInfo: state.versionInfo
+                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                            children: [
+                                hasRuntimeErrors ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Errors.Errors, {
+                                    isAppDir: true,
+                                    initialDisplayState: isReactError ? 'fullscreen' : 'minimized',
+                                    errors: state.errors,
+                                    versionInfo: state.versionInfo,
+                                    hasStaticIndicator: hasStaticIndicator,
+                                    debugInfo: debugInfo
+                                }) : null,
+                                hasStaticIndicator && /*#__PURE__*/ (0, _jsxruntime.jsx)(_StaticIndicator.StaticIndicator, {
+                                    dispatcher: dispatcher
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+    constructor(...args){
+        super(...args), this.state = {
+            isReactError: false
+        };
+    }
+}
+
+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=OldReactDevOverlay.js.map

package/dist/client/components/react-dev-overlay/app/OldReactDevOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/components/react-dev-overlay/app/OldReactDevOverlay.tsx"],"sourcesContent":["import React from 'react'\nimport type { OverlayState } from '../shared'\nimport { ShadowPortal } from '../internal/components/ShadowPortal'\nimport { BuildError } from '../internal/container/BuildError'\nimport { Errors } from '../internal/container/Errors'\nimport { StaticIndicator } from '../internal/container/StaticIndicator'\nimport { Base } from '../internal/styles/Base'\nimport { ComponentStyles } from '../internal/styles/ComponentStyles'\nimport { CssReset } from '../internal/styles/CssReset'\nimport { RootLayoutMissingTagsError } from '../internal/container/root-layout-missing-tags-error'\nimport type { Dispatcher } from './hot-reloader-client'\nimport { RuntimeErrorHandler } from '../internal/helpers/runtime-error-handler'\n\ninterface ReactDevOverlayState {\n  isReactError: boolean\n}\nexport default class ReactDevOverlay extends React.PureComponent<\n  {\n    state: OverlayState\n    dispatcher?: Dispatcher\n    children: React.ReactNode\n  },\n  ReactDevOverlayState\n> {\n  state = { isReactError: false }\n\n  static getDerivedStateFromError(error: Error): ReactDevOverlayState {\n    if (!error.stack) return { isReactError: false }\n\n    RuntimeErrorHandler.hadRuntimeError = true\n    return {\n      isReactError: true,\n    }\n  }\n\n  render() {\n    const { state, children, dispatcher } = this.props\n    const { isReactError } = this.state\n\n    const hasBuildError = state.buildError != null\n    const hasRuntimeErrors = Boolean(state.errors.length)\n    const hasStaticIndicator = state.staticIndicator\n    const debugInfo = state.debugInfo\n\n    return (\n      <>\n        {isReactError ? (\n          <html>\n            <head></head>\n            <body></body>\n          </html>\n        ) : (\n          children\n        )}\n        <ShadowPortal>\n          <CssReset />\n          <Base />\n          <ComponentStyles />\n          {state.rootLayoutMissingTags?.length ? (\n            <RootLayoutMissingTagsError\n              missingTags={state.rootLayoutMissingTags}\n            />\n          ) : hasBuildError ? (\n            <BuildError\n              message={state.buildError!}\n              versionInfo={state.versionInfo}\n            />\n          ) : (\n            <>\n              {hasRuntimeErrors ? (\n                <Errors\n                  isAppDir={true}\n                  initialDisplayState={\n                    isReactError ? 'fullscreen' : 'minimized'\n                  }\n                  errors={state.errors}\n                  versionInfo={state.versionInfo}\n                  hasStaticIndicator={hasStaticIndicator}\n                  debugInfo={debugInfo}\n                />\n              ) : null}\n\n              {hasStaticIndicator && (\n                <StaticIndicator dispatcher={dispatcher} />\n              )}\n            </>\n          )}\n        </ShadowPortal>\n      </>\n    )\n  }\n}\n"],"names":["ReactDevOverlay","React","PureComponent","getDerivedStateFromError","error","stack","isReactError","RuntimeErrorHandler","hadRuntimeError","render","state","children","dispatcher","props","hasBuildError","buildError","hasRuntimeErrors","Boolean","errors","length","hasStaticIndicator","staticIndicator","debugInfo","html","head","body","ShadowPortal","CssReset","Base","ComponentStyles","rootLayoutMissingTags","RootLayoutMissingTagsError","missingTags","BuildError","message","versionInfo","Errors","isAppDir","initialDisplayState","StaticIndicator"],"mappings":";;;;;;;eAgBqBA;;;;;gEAhBH;8BAEW;4BACF;wBACJ;iCACS;sBACX;iCACW;0BACP;4CACkB;qCAEP;AAKrB,MAAMA,wBAAwBC,cAAK,CAACC,aAAa;IAU9D,OAAOC,yBAAyBC,KAAY,EAAwB;QAClE,IAAI,CAACA,MAAMC,KAAK,EAAE,OAAO;YAAEC,cAAc;QAAM;QAE/CC,wCAAmB,CAACC,eAAe,GAAG;QACtC,OAAO;YACLF,cAAc;QAChB;IACF;IAEAG,SAAS;YAuBAC;QAtBP,MAAM,EAAEA,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAG,IAAI,CAACC,KAAK;QAClD,MAAM,EAAEP,YAAY,EAAE,GAAG,IAAI,CAACI,KAAK;QAEnC,MAAMI,gBAAgBJ,MAAMK,UAAU,IAAI;QAC1C,MAAMC,mBAAmBC,QAAQP,MAAMQ,MAAM,CAACC,MAAM;QACpD,MAAMC,qBAAqBV,MAAMW,eAAe;QAChD,MAAMC,YAAYZ,MAAMY,SAAS;QAEjC,qBACE;;gBACGhB,6BACC,sBAACiB;;sCACC,qBAACC;sCACD,qBAACC;;qBAGHd;8BAEF,sBAACe,0BAAY;;sCACX,qBAACC,kBAAQ;sCACT,qBAACC,UAAI;sCACL,qBAACC,gCAAe;wBACfnB,EAAAA,+BAAAA,MAAMoB,qBAAqB,qBAA3BpB,6BAA6BS,MAAM,kBAClC,qBAACY,sDAA0B;4BACzBC,aAAatB,MAAMoB,qBAAqB;6BAExChB,8BACF,qBAACmB,sBAAU;4BACTC,SAASxB,MAAMK,UAAU;4BACzBoB,aAAazB,MAAMyB,WAAW;2CAGhC;;gCACGnB,iCACC,qBAACoB,cAAM;oCACLC,UAAU;oCACVC,qBACEhC,eAAe,eAAe;oCAEhCY,QAAQR,MAAMQ,MAAM;oCACpBiB,aAAazB,MAAMyB,WAAW;oCAC9Bf,oBAAoBA;oCACpBE,WAAWA;qCAEX;gCAEHF,oCACC,qBAACmB,gCAAe;oCAAC3B,YAAYA;;;;;;;;IAO3C;;QA1Ea,qBAQbF,QAAQ;YAAEJ,cAAc;QAAM;;AAmEhC"}

package/dist/client/components/react-dev-overlay/app/ReactDevOverlay.d.ts

@@ -1,18 +1,3 @@
-import React from 'react';
-import type { OverlayState } from '../shared';
-import type { Dispatcher } from './hot-reloader-client';
-interface ReactDevOverlayState {
-    isReactError: boolean;
-}
-export default class ReactDevOverlay extends React.PureComponent<{
-    state: OverlayState;
-    dispatcher?: Dispatcher;
-    children: React.ReactNode;
-}, ReactDevOverlayState> {
-    state: {
-        isReactError: boolean;
-    };
-    static getDerivedStateFromError(error: Error): ReactDevOverlayState;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};
+import OldReactDevOverlay from './OldReactDevOverlay';
+declare const _default: typeof OldReactDevOverlay;
+export default _default;

package/dist/client/components/react-dev-overlay/app/ReactDevOverlay.js

@@ -5,83 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return ReactDevOverlay;
+        return _default;
     }
 });
 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 _ShadowPortal = require("../internal/components/ShadowPortal");
-const _BuildError = require("../internal/container/BuildError");
-const _Errors = require("../internal/container/Errors");
-const _StaticIndicator = require("../internal/container/StaticIndicator");
-const _Base = require("../internal/styles/Base");
-const _ComponentStyles = require("../internal/styles/ComponentStyles");
-const _CssReset = require("../internal/styles/CssReset");
-const _rootlayoutmissingtagserror = require("../internal/container/root-layout-missing-tags-error");
-const _runtimeerrorhandler = require("../internal/helpers/runtime-error-handler");
-class ReactDevOverlay extends _react.default.PureComponent {
-    static getDerivedStateFromError(error) {
-        if (!error.stack) return {
-            isReactError: false
-        };
-        _runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError = true;
-        return {
-            isReactError: true
-        };
-    }
-    render() {
-        var _state_rootLayoutMissingTags;
-        const { state, children, dispatcher } = this.props;
-        const { isReactError } = this.state;
-        const hasBuildError = state.buildError != null;
-        const hasRuntimeErrors = Boolean(state.errors.length);
-        const hasStaticIndicator = state.staticIndicator;
-        const debugInfo = state.debugInfo;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                isReactError ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("html", {
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("head", {}),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("body", {})
-                    ]
-                }) : children,
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ShadowPortal.ShadowPortal, {
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_CssReset.CssReset, {}),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Base.Base, {}),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_ComponentStyles.ComponentStyles, {}),
-                        ((_state_rootLayoutMissingTags = state.rootLayoutMissingTags) == null ? void 0 : _state_rootLayoutMissingTags.length) ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_rootlayoutmissingtagserror.RootLayoutMissingTagsError, {
-                            missingTags: state.rootLayoutMissingTags
-                        }) : hasBuildError ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_BuildError.BuildError, {
-                            message: state.buildError,
-                            versionInfo: state.versionInfo
-                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                            children: [
-                                hasRuntimeErrors ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Errors.Errors, {
-                                    isAppDir: true,
-                                    initialDisplayState: isReactError ? 'fullscreen' : 'minimized',
-                                    errors: state.errors,
-                                    versionInfo: state.versionInfo,
-                                    hasStaticIndicator: hasStaticIndicator,
-                                    debugInfo: debugInfo
-                                }) : null,
-                                hasStaticIndicator && /*#__PURE__*/ (0, _jsxruntime.jsx)(_StaticIndicator.StaticIndicator, {
-                                    dispatcher: dispatcher
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        });
-    }
-    constructor(...args){
-        super(...args), this.state = {
-            isReactError: false
-        };
-    }
-}
+const _OldReactDevOverlay = /*#__PURE__*/ _interop_require_default._(require("./OldReactDevOverlay"));
+const _ReactDevOverlay = /*#__PURE__*/ _interop_require_default._(require("../_experimental/app/ReactDevOverlay"));
+const _default = Boolean(process.env.__NEXT_EXPERIMENTAL_NEW_DEV_OVERLAY) ? _ReactDevOverlay.default : _OldReactDevOverlay.default;
 
 if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
   Object.defineProperty(exports.default, '__esModule', { value: true });

package/dist/client/components/react-dev-overlay/app/ReactDevOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/client/components/react-dev-overlay/app/ReactDevOverlay.tsx"],"sourcesContent":["import React from 'react'\nimport type { OverlayState } from '../shared'\nimport { ShadowPortal } from '../internal/components/ShadowPortal'\nimport { BuildError } from '../internal/container/BuildError'\nimport { Errors } from '../internal/container/Errors'\nimport { StaticIndicator } from '../internal/container/StaticIndicator'\nimport { Base } from '../internal/styles/Base'\nimport { ComponentStyles } from '../internal/styles/ComponentStyles'\nimport { CssReset } from '../internal/styles/CssReset'\nimport { RootLayoutMissingTagsError } from '../internal/container/root-layout-missing-tags-error'\nimport type { Dispatcher } from './hot-reloader-client'\nimport { RuntimeErrorHandler } from '../internal/helpers/runtime-error-handler'\n\ninterface ReactDevOverlayState {\n  isReactError: boolean\n}\nexport default class ReactDevOverlay extends React.PureComponent<\n  {\n    state: OverlayState\n    dispatcher?: Dispatcher\n    children: React.ReactNode\n  },\n  ReactDevOverlayState\n> {\n  state = { isReactError: false }\n\n  static getDerivedStateFromError(error: Error): ReactDevOverlayState {\n    if (!error.stack) return { isReactError: false }\n\n    RuntimeErrorHandler.hadRuntimeError = true\n    return {\n      isReactError: true,\n    }\n  }\n\n  render() {\n    const { state, children, dispatcher } = this.props\n    const { isReactError } = this.state\n\n    const hasBuildError = state.buildError != null\n    const hasRuntimeErrors = Boolean(state.errors.length)\n    const hasStaticIndicator = state.staticIndicator\n    const debugInfo = state.debugInfo\n\n    return (\n      <>\n        {isReactError ? (\n          <html>\n            <head></head>\n            <body></body>\n          </html>\n        ) : (\n          children\n        )}\n        <ShadowPortal>\n          <CssReset />\n          <Base />\n          <ComponentStyles />\n          {state.rootLayoutMissingTags?.length ? (\n            <RootLayoutMissingTagsError\n              missingTags={state.rootLayoutMissingTags}\n            />\n          ) : hasBuildError ? (\n            <BuildError\n              message={state.buildError!}\n              versionInfo={state.versionInfo}\n            />\n          ) : (\n            <>\n              {hasRuntimeErrors ? (\n                <Errors\n                  isAppDir={true}\n                  initialDisplayState={\n                    isReactError ? 'fullscreen' : 'minimized'\n                  }\n                  errors={state.errors}\n                  versionInfo={state.versionInfo}\n                  hasStaticIndicator={hasStaticIndicator}\n                  debugInfo={debugInfo}\n                />\n              ) : null}\n\n              {hasStaticIndicator && (\n                <StaticIndicator dispatcher={dispatcher} />\n              )}\n            </>\n          )}\n        </ShadowPortal>\n      </>\n    )\n  }\n}\n"],"names":["ReactDevOverlay","React","PureComponent","getDerivedStateFromError","error","stack","isReactError","RuntimeErrorHandler","hadRuntimeError","render","state","children","dispatcher","props","hasBuildError","buildError","hasRuntimeErrors","Boolean","errors","length","hasStaticIndicator","staticIndicator","debugInfo","html","head","body","ShadowPortal","CssReset","Base","ComponentStyles","rootLayoutMissingTags","RootLayoutMissingTagsError","missingTags","BuildError","message","versionInfo","Errors","isAppDir","initialDisplayState","StaticIndicator"],"mappings":";;;;;;;eAgBqBA;;;;;gEAhBH;8BAEW;4BACF;wBACJ;iCACS;sBACX;iCACW;0BACP;4CACkB;qCAEP;AAKrB,MAAMA,wBAAwBC,cAAK,CAACC,aAAa;IAU9D,OAAOC,yBAAyBC,KAAY,EAAwB;QAClE,IAAI,CAACA,MAAMC,KAAK,EAAE,OAAO;YAAEC,cAAc;QAAM;QAE/CC,wCAAmB,CAACC,eAAe,GAAG;QACtC,OAAO;YACLF,cAAc;QAChB;IACF;IAEAG,SAAS;YAuBAC;QAtBP,MAAM,EAAEA,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAG,IAAI,CAACC,KAAK;QAClD,MAAM,EAAEP,YAAY,EAAE,GAAG,IAAI,CAACI,KAAK;QAEnC,MAAMI,gBAAgBJ,MAAMK,UAAU,IAAI;QAC1C,MAAMC,mBAAmBC,QAAQP,MAAMQ,MAAM,CAACC,MAAM;QACpD,MAAMC,qBAAqBV,MAAMW,eAAe;QAChD,MAAMC,YAAYZ,MAAMY,SAAS;QAEjC,qBACE;;gBACGhB,6BACC,sBAACiB;;sCACC,qBAACC;sCACD,qBAACC;;qBAGHd;8BAEF,sBAACe,0BAAY;;sCACX,qBAACC,kBAAQ;sCACT,qBAACC,UAAI;sCACL,qBAACC,gCAAe;wBACfnB,EAAAA,+BAAAA,MAAMoB,qBAAqB,qBAA3BpB,6BAA6BS,MAAM,kBAClC,qBAACY,sDAA0B;4BACzBC,aAAatB,MAAMoB,qBAAqB;6BAExChB,8BACF,qBAACmB,sBAAU;4BACTC,SAASxB,MAAMK,UAAU;4BACzBoB,aAAazB,MAAMyB,WAAW;2CAGhC;;gCACGnB,iCACC,qBAACoB,cAAM;oCACLC,UAAU;oCACVC,qBACEhC,eAAe,eAAe;oCAEhCY,QAAQR,MAAMQ,MAAM;oCACpBiB,aAAazB,MAAMyB,WAAW;oCAC9Bf,oBAAoBA;oCACpBE,WAAWA;qCAEX;gCAEHF,oCACC,qBAACmB,gCAAe;oCAAC3B,YAAYA;;;;;;;;IAO3C;;QA1Ea,qBAQbF,QAAQ;YAAEJ,cAAc;QAAM;;AAmEhC"}
+{"version":3,"sources":["../../../../../src/client/components/react-dev-overlay/app/ReactDevOverlay.tsx"],"sourcesContent":["import OldReactDevOverlay from './OldReactDevOverlay'\nimport NewReactDevOverlay from '../_experimental/app/ReactDevOverlay'\n\nexport default Boolean(process.env.__NEXT_EXPERIMENTAL_NEW_DEV_OVERLAY)\n  ? NewReactDevOverlay\n  : OldReactDevOverlay\n"],"names":["Boolean","process","env","__NEXT_EXPERIMENTAL_NEW_DEV_OVERLAY","NewReactDevOverlay","OldReactDevOverlay"],"mappings":";;;;+BAGA;;;eAAA;;;;6EAH+B;0EACA;MAE/B,WAAeA,QAAQC,QAAQC,GAAG,CAACC,mCAAmC,IAClEC,wBAAkB,GAClBC,2BAAkB"}

package/dist/client/components/react-dev-overlay/pages/OldReactDevOverlay.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type ErrorType = 'runtime' | 'build';
+interface ReactDevOverlayProps {
+    children?: React.ReactNode;
+    preventDisplay?: ErrorType[];
+    globalOverlay?: boolean;
+}
+export default function ReactDevOverlay({ children, preventDisplay, globalOverlay, }: ReactDevOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/components/react-dev-overlay/pages/OldReactDevOverlay.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return ReactDevOverlay;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _ShadowPortal = require("../internal/components/ShadowPortal");
+const _BuildError = require("../internal/container/BuildError");
+const _Errors = require("../internal/container/Errors");
+const _ErrorBoundary = require("./ErrorBoundary");
+const _Base = require("../internal/styles/Base");
+const _ComponentStyles = require("../internal/styles/ComponentStyles");
+const _CssReset = require("../internal/styles/CssReset");
+const _hooks = require("./hooks");
+function ReactDevOverlay(param) {
+    let { children, preventDisplay, globalOverlay } = param;
+    const { isMounted, displayPrevented, hasBuildError, hasRuntimeErrors, state, onComponentError } = (0, _hooks.usePagesReactDevOverlay)(preventDisplay);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorBoundary.ErrorBoundary, {
+                globalOverlay: globalOverlay,
+                isMounted: isMounted,
+                onError: onComponentError,
+                children: children != null ? children : null
+            }),
+            isMounted ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ShadowPortal.ShadowPortal, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CssReset.CssReset, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Base.Base, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ComponentStyles.ComponentStyles, {}),
+                    displayPrevented ? null : hasBuildError ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_BuildError.BuildError, {
+                        message: state.buildError,
+                        versionInfo: state.versionInfo
+                    }) : hasRuntimeErrors ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Errors.Errors, {
+                        isAppDir: false,
+                        errors: state.errors,
+                        versionInfo: state.versionInfo,
+                        initialDisplayState: 'fullscreen'
+                    }) : undefined
+                ]
+            }) : undefined
+        ]
+    });
+}
+
+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=OldReactDevOverlay.js.map

package/dist/client/components/react-dev-overlay/pages/OldReactDevOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/client/components/react-dev-overlay/pages/OldReactDevOverlay.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ShadowPortal } from '../internal/components/ShadowPortal'\nimport { BuildError } from '../internal/container/BuildError'\nimport { Errors } from '../internal/container/Errors'\nimport { ErrorBoundary } from './ErrorBoundary'\nimport { Base } from '../internal/styles/Base'\nimport { ComponentStyles } from '../internal/styles/ComponentStyles'\nimport { CssReset } from '../internal/styles/CssReset'\nimport { usePagesReactDevOverlay } from './hooks'\n\nexport type ErrorType = 'runtime' | 'build'\n\ninterface ReactDevOverlayProps {\n  children?: React.ReactNode\n  preventDisplay?: ErrorType[]\n  globalOverlay?: boolean\n}\n\nexport default function ReactDevOverlay({\n  children,\n  preventDisplay,\n  globalOverlay,\n}: ReactDevOverlayProps) {\n  const {\n    isMounted,\n    displayPrevented,\n    hasBuildError,\n    hasRuntimeErrors,\n    state,\n    onComponentError,\n  } = usePagesReactDevOverlay(preventDisplay)\n\n  return (\n    <>\n      <ErrorBoundary\n        globalOverlay={globalOverlay}\n        isMounted={isMounted}\n        onError={onComponentError}\n      >\n        {children ?? null}\n      </ErrorBoundary>\n      {isMounted ? (\n        <ShadowPortal>\n          <CssReset />\n          <Base />\n          <ComponentStyles />\n\n          {displayPrevented ? null : hasBuildError ? (\n            <BuildError\n              message={state.buildError!}\n              versionInfo={state.versionInfo}\n            />\n          ) : hasRuntimeErrors ? (\n            <Errors\n              isAppDir={false}\n              errors={state.errors}\n              versionInfo={state.versionInfo}\n              initialDisplayState={'fullscreen'}\n            />\n          ) : undefined}\n        </ShadowPortal>\n      ) : undefined}\n    </>\n  )\n}\n"],"names":["ReactDevOverlay","children","preventDisplay","globalOverlay","isMounted","displayPrevented","hasBuildError","hasRuntimeErrors","state","onComponentError","usePagesReactDevOverlay","ErrorBoundary","onError","ShadowPortal","CssReset","Base","ComponentStyles","BuildError","message","buildError","versionInfo","Errors","isAppDir","errors","initialDisplayState","undefined"],"mappings":";;;;+BAmBA;;;eAAwBA;;;;;iEAnBD;8BAEM;4BACF;wBACJ;+BACO;sBACT;iCACW;0BACP;uBACe;AAUzB,SAASA,gBAAgB,KAIjB;IAJiB,IAAA,EACtCC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACQ,GAJiB;IAKtC,MAAM,EACJC,SAAS,EACTC,gBAAgB,EAChBC,aAAa,EACbC,gBAAgB,EAChBC,KAAK,EACLC,gBAAgB,EACjB,GAAGC,IAAAA,8BAAuB,EAACR;IAE5B,qBACE;;0BACE,qBAACS,4BAAa;gBACZR,eAAeA;gBACfC,WAAWA;gBACXQ,SAASH;0BAERR,mBAAAA,WAAY;;YAEdG,0BACC,sBAACS,0BAAY;;kCACX,qBAACC,kBAAQ;kCACT,qBAACC,UAAI;kCACL,qBAACC,gCAAe;oBAEfX,mBAAmB,OAAOC,8BACzB,qBAACW,sBAAU;wBACTC,SAASV,MAAMW,UAAU;wBACzBC,aAAaZ,MAAMY,WAAW;yBAE9Bb,iCACF,qBAACc,cAAM;wBACLC,UAAU;wBACVC,QAAQf,MAAMe,MAAM;wBACpBH,aAAaZ,MAAMY,WAAW;wBAC9BI,qBAAqB;yBAErBC;;iBAEJA;;;AAGV"}

package/dist/client/components/react-dev-overlay/pages/ReactDevOverlay.d.ts

@@ -1,9 +1,3 @@
-import * as React from 'react';
-export type ErrorType = 'runtime' | 'build';
-interface ReactDevOverlayProps {
-    children?: React.ReactNode;
-    preventDisplay?: ErrorType[];
-    globalOverlay?: boolean;
-}
-export default function ReactDevOverlay({ children, preventDisplay, globalOverlay, }: ReactDevOverlayProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import NewReactDevOverlay from '../_experimental/pages/ReactDevOverlay';
+declare const _default: typeof NewReactDevOverlay;
+export default _default;

package/dist/client/components/react-dev-overlay/pages/ReactDevOverlay.js

@@ -5,50 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return ReactDevOverlay;
+        return _default;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _ShadowPortal = require("../internal/components/ShadowPortal");
-const _BuildError = require("../internal/container/BuildError");
-const _Errors = require("../internal/container/Errors");
-const _ErrorBoundary = require("./ErrorBoundary");
-const _Base = require("../internal/styles/Base");
-const _ComponentStyles = require("../internal/styles/ComponentStyles");
-const _CssReset = require("../internal/styles/CssReset");
-const _hooks = require("./hooks");
-function ReactDevOverlay(param) {
-    let { children, preventDisplay, globalOverlay } = param;
-    const { isMounted, displayPrevented, hasBuildError, hasRuntimeErrors, state, onComponentError } = (0, _hooks.usePagesReactDevOverlay)(preventDisplay);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorBoundary.ErrorBoundary, {
-                globalOverlay: globalOverlay,
-                isMounted: isMounted,
-                onError: onComponentError,
-                children: children != null ? children : null
-            }),
-            isMounted ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ShadowPortal.ShadowPortal, {
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CssReset.CssReset, {}),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Base.Base, {}),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ComponentStyles.ComponentStyles, {}),
-                    displayPrevented ? null : hasBuildError ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_BuildError.BuildError, {
-                        message: state.buildError,
-                        versionInfo: state.versionInfo
-                    }) : hasRuntimeErrors ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Errors.Errors, {
-                        isAppDir: false,
-                        errors: state.errors,
-                        versionInfo: state.versionInfo,
-                        initialDisplayState: 'fullscreen'
-                    }) : undefined
-                ]
-            }) : undefined
-        ]
-    });
-}
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _OldReactDevOverlay = /*#__PURE__*/ _interop_require_default._(require("./OldReactDevOverlay"));
+const _ReactDevOverlay = /*#__PURE__*/ _interop_require_default._(require("../_experimental/pages/ReactDevOverlay"));
+const _default = Boolean(process.env.__NEXT_EXPERIMENTAL_NEW_DEV_OVERLAY) ? _ReactDevOverlay.default : _OldReactDevOverlay.default;
 
 if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
   Object.defineProperty(exports.default, '__esModule', { value: true });

package/dist/client/components/react-dev-overlay/pages/ReactDevOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/client/components/react-dev-overlay/pages/ReactDevOverlay.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ShadowPortal } from '../internal/components/ShadowPortal'\nimport { BuildError } from '../internal/container/BuildError'\nimport { Errors } from '../internal/container/Errors'\nimport { ErrorBoundary } from './ErrorBoundary'\nimport { Base } from '../internal/styles/Base'\nimport { ComponentStyles } from '../internal/styles/ComponentStyles'\nimport { CssReset } from '../internal/styles/CssReset'\nimport { usePagesReactDevOverlay } from './hooks'\n\nexport type ErrorType = 'runtime' | 'build'\n\ninterface ReactDevOverlayProps {\n  children?: React.ReactNode\n  preventDisplay?: ErrorType[]\n  globalOverlay?: boolean\n}\n\nexport default function ReactDevOverlay({\n  children,\n  preventDisplay,\n  globalOverlay,\n}: ReactDevOverlayProps) {\n  const {\n    isMounted,\n    displayPrevented,\n    hasBuildError,\n    hasRuntimeErrors,\n    state,\n    onComponentError,\n  } = usePagesReactDevOverlay(preventDisplay)\n\n  return (\n    <>\n      <ErrorBoundary\n        globalOverlay={globalOverlay}\n        isMounted={isMounted}\n        onError={onComponentError}\n      >\n        {children ?? null}\n      </ErrorBoundary>\n      {isMounted ? (\n        <ShadowPortal>\n          <CssReset />\n          <Base />\n          <ComponentStyles />\n\n          {displayPrevented ? null : hasBuildError ? (\n            <BuildError\n              message={state.buildError!}\n              versionInfo={state.versionInfo}\n            />\n          ) : hasRuntimeErrors ? (\n            <Errors\n              isAppDir={false}\n              errors={state.errors}\n              versionInfo={state.versionInfo}\n              initialDisplayState={'fullscreen'}\n            />\n          ) : undefined}\n        </ShadowPortal>\n      ) : undefined}\n    </>\n  )\n}\n"],"names":["ReactDevOverlay","children","preventDisplay","globalOverlay","isMounted","displayPrevented","hasBuildError","hasRuntimeErrors","state","onComponentError","usePagesReactDevOverlay","ErrorBoundary","onError","ShadowPortal","CssReset","Base","ComponentStyles","BuildError","message","buildError","versionInfo","Errors","isAppDir","errors","initialDisplayState","undefined"],"mappings":";;;;+BAmBA;;;eAAwBA;;;;;iEAnBD;8BAEM;4BACF;wBACJ;+BACO;sBACT;iCACW;0BACP;uBACe;AAUzB,SAASA,gBAAgB,KAIjB;IAJiB,IAAA,EACtCC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACQ,GAJiB;IAKtC,MAAM,EACJC,SAAS,EACTC,gBAAgB,EAChBC,aAAa,EACbC,gBAAgB,EAChBC,KAAK,EACLC,gBAAgB,EACjB,GAAGC,IAAAA,8BAAuB,EAACR;IAE5B,qBACE;;0BACE,qBAACS,4BAAa;gBACZR,eAAeA;gBACfC,WAAWA;gBACXQ,SAASH;0BAERR,mBAAAA,WAAY;;YAEdG,0BACC,sBAACS,0BAAY;;kCACX,qBAACC,kBAAQ;kCACT,qBAACC,UAAI;kCACL,qBAACC,gCAAe;oBAEfX,mBAAmB,OAAOC,8BACzB,qBAACW,sBAAU;wBACTC,SAASV,MAAMW,UAAU;wBACzBC,aAAaZ,MAAMY,WAAW;yBAE9Bb,iCACF,qBAACc,cAAM;wBACLC,UAAU;wBACVC,QAAQf,MAAMe,MAAM;wBACpBH,aAAaZ,MAAMY,WAAW;wBAC9BI,qBAAqB;yBAErBC;;iBAEJA;;;AAGV"}
+{"version":3,"sources":["../../../../../src/client/components/react-dev-overlay/pages/ReactDevOverlay.tsx"],"sourcesContent":["import OldReactDevOverlay from './OldReactDevOverlay'\nimport NewReactDevOverlay from '../_experimental/pages/ReactDevOverlay'\n\nexport default Boolean(process.env.__NEXT_EXPERIMENTAL_NEW_DEV_OVERLAY)\n  ? NewReactDevOverlay\n  : OldReactDevOverlay\n"],"names":["Boolean","process","env","__NEXT_EXPERIMENTAL_NEW_DEV_OVERLAY","NewReactDevOverlay","OldReactDevOverlay"],"mappings":";;;;+BAGA;;;eAAA;;;;6EAH+B;0EACA;MAE/B,WAAeA,QAAQC,QAAQC,GAAG,CAACC,mCAAmC,IAClEC,wBAAkB,GAClBC,2BAAkB"}

package/dist/client/components/react-dev-overlay/pages/hooks.d.ts

@@ -1,4 +1,4 @@
-import type { ErrorType } from './ReactDevOverlay';
+import type { ErrorType } from './OldReactDevOverlay';
 export declare const usePagesReactDevOverlay: (preventDisplay: ErrorType[] | undefined) => {
     isMounted: boolean;
     displayPrevented: boolean;

package/dist/client/components/react-dev-overlay/pages/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/client/components/react-dev-overlay/pages/hooks.ts"],"sourcesContent":["import type { ErrorType } from './ReactDevOverlay'\nimport React from 'react'\nimport * as Bus from './bus'\nimport { useErrorOverlayReducer } from '../shared'\n\nconst shouldPreventDisplay = (\n  errorType?: ErrorType | null,\n  preventType?: ErrorType[] | null\n) => {\n  if (!preventType || !errorType) {\n    return false\n  }\n  return preventType.includes(errorType)\n}\n\nexport const usePagesReactDevOverlay = (\n  preventDisplay: ErrorType[] | undefined\n) => {\n  const [state, dispatch] = useErrorOverlayReducer()\n\n  React.useEffect(() => {\n    Bus.on(dispatch)\n    return function () {\n      Bus.off(dispatch)\n    }\n  }, [dispatch])\n\n  const onComponentError = React.useCallback(\n    (_error: Error, _componentStack: string | null) => {\n      // TODO: special handling\n    },\n    []\n  )\n\n  const hasBuildError = state.buildError != null\n  const hasRuntimeErrors = Boolean(state.errors.length)\n  const errorType = hasBuildError\n    ? 'build'\n    : hasRuntimeErrors\n      ? 'runtime'\n      : null\n  const isMounted = errorType !== null\n\n  const displayPrevented = shouldPreventDisplay(errorType, preventDisplay)\n  return {\n    isMounted,\n    displayPrevented,\n    hasBuildError,\n    hasRuntimeErrors,\n    state,\n    onComponentError,\n  }\n}\n"],"names":["usePagesReactDevOverlay","shouldPreventDisplay","errorType","preventType","includes","preventDisplay","state","dispatch","useErrorOverlayReducer","React","useEffect","Bus","on","off","onComponentError","useCallback","_error","_componentStack","hasBuildError","buildError","hasRuntimeErrors","Boolean","errors","length","isMounted","displayPrevented"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;gEAdK;+DACG;wBACkB;AAEvC,MAAMC,uBAAuB,CAC3BC,WACAC;IAEA,IAAI,CAACA,eAAe,CAACD,WAAW;QAC9B,OAAO;IACT;IACA,OAAOC,YAAYC,QAAQ,CAACF;AAC9B;AAEO,MAAMF,0BAA0B,CACrCK;IAEA,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,8BAAsB;IAEhDC,cAAK,CAACC,SAAS,CAAC;QACdC,KAAIC,EAAE,CAACL;QACP,OAAO;YACLI,KAAIE,GAAG,CAACN;QACV;IACF,GAAG;QAACA;KAAS;IAEb,MAAMO,mBAAmBL,cAAK,CAACM,WAAW,CACxC,CAACC,QAAeC;IACd,yBAAyB;IAC3B,GACA,EAAE;IAGJ,MAAMC,gBAAgBZ,MAAMa,UAAU,IAAI;IAC1C,MAAMC,mBAAmBC,QAAQf,MAAMgB,MAAM,CAACC,MAAM;IACpD,MAAMrB,YAAYgB,gBACd,UACAE,mBACE,YACA;IACN,MAAMI,YAAYtB,cAAc;IAEhC,MAAMuB,mBAAmBxB,qBAAqBC,WAAWG;IACzD,OAAO;QACLmB;QACAC;QACAP;QACAE;QACAd;QACAQ;IACF;AACF"}
+{"version":3,"sources":["../../../../../src/client/components/react-dev-overlay/pages/hooks.ts"],"sourcesContent":["import type { ErrorType } from './OldReactDevOverlay'\nimport React from 'react'\nimport * as Bus from './bus'\nimport { useErrorOverlayReducer } from '../shared'\n\nconst shouldPreventDisplay = (\n  errorType?: ErrorType | null,\n  preventType?: ErrorType[] | null\n) => {\n  if (!preventType || !errorType) {\n    return false\n  }\n  return preventType.includes(errorType)\n}\n\nexport const usePagesReactDevOverlay = (\n  preventDisplay: ErrorType[] | undefined\n) => {\n  const [state, dispatch] = useErrorOverlayReducer()\n\n  React.useEffect(() => {\n    Bus.on(dispatch)\n    return function () {\n      Bus.off(dispatch)\n    }\n  }, [dispatch])\n\n  const onComponentError = React.useCallback(\n    (_error: Error, _componentStack: string | null) => {\n      // TODO: special handling\n    },\n    []\n  )\n\n  const hasBuildError = state.buildError != null\n  const hasRuntimeErrors = Boolean(state.errors.length)\n  const errorType = hasBuildError\n    ? 'build'\n    : hasRuntimeErrors\n      ? 'runtime'\n      : null\n  const isMounted = errorType !== null\n\n  const displayPrevented = shouldPreventDisplay(errorType, preventDisplay)\n  return {\n    isMounted,\n    displayPrevented,\n    hasBuildError,\n    hasRuntimeErrors,\n    state,\n    onComponentError,\n  }\n}\n"],"names":["usePagesReactDevOverlay","shouldPreventDisplay","errorType","preventType","includes","preventDisplay","state","dispatch","useErrorOverlayReducer","React","useEffect","Bus","on","off","onComponentError","useCallback","_error","_componentStack","hasBuildError","buildError","hasRuntimeErrors","Boolean","errors","length","isMounted","displayPrevented"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;gEAdK;+DACG;wBACkB;AAEvC,MAAMC,uBAAuB,CAC3BC,WACAC;IAEA,IAAI,CAACA,eAAe,CAACD,WAAW;QAC9B,OAAO;IACT;IACA,OAAOC,YAAYC,QAAQ,CAACF;AAC9B;AAEO,MAAMF,0BAA0B,CACrCK;IAEA,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,8BAAsB;IAEhDC,cAAK,CAACC,SAAS,CAAC;QACdC,KAAIC,EAAE,CAACL;QACP,OAAO;YACLI,KAAIE,GAAG,CAACN;QACV;IACF,GAAG;QAACA;KAAS;IAEb,MAAMO,mBAAmBL,cAAK,CAACM,WAAW,CACxC,CAACC,QAAeC;IACd,yBAAyB;IAC3B,GACA,EAAE;IAGJ,MAAMC,gBAAgBZ,MAAMa,UAAU,IAAI;IAC1C,MAAMC,mBAAmBC,QAAQf,MAAMgB,MAAM,CAACC,MAAM;IACpD,MAAMrB,YAAYgB,gBACd,UACAE,mBACE,YACA;IACN,MAAMI,YAAYtB,cAAc;IAEhC,MAAMuB,mBAAmBxB,qBAAqBC,WAAWG;IACzD,OAAO;QACLmB;QACAC;QACAP;QACAE;QACAd;QACAQ;IACF;AACF"}

package/dist/client/index.js

@@ -62,7 +62,7 @@ const _shared = require("./react-client-callbacks/shared");
 const _tracer = /*#__PURE__*/ _interop_require_default._(require("./tracing/tracer"));
 const _reporttosocket = /*#__PURE__*/ _interop_require_default._(require("./tracing/report-to-socket"));
 const _isnextroutererror = require("./components/is-next-router-error");
-const version = "15.1.1-canary.11";
+const version = "15.1.1-canary.12";
 let router;
 const emitter = (0, _mitt.default)();
 const looseToArray = (input)=>[].slice.call(input);