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

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/parse-component-stack.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "parseComponentStack", {
+    enumerable: true,
+    get: function() {
+        return parseComponentStack;
+    }
+});
+var LocationType = /*#__PURE__*/ function(LocationType) {
+    LocationType["FILE"] = "file";
+    LocationType["WEBPACK_INTERNAL"] = "webpack-internal";
+    LocationType["HTTP"] = "http";
+    LocationType["PROTOCOL_RELATIVE"] = "protocol-relative";
+    LocationType["UNKNOWN"] = "unknown";
+    return LocationType;
+}(LocationType || {});
+/**
+ * Get the type of frame line based on the location
+ */ function getLocationType(location) {
+    if (location.startsWith('file://')) {
+        return "file";
+    }
+    if (location.includes('webpack-internal://')) {
+        return "webpack-internal";
+    }
+    if (location.startsWith('http://') || location.startsWith('https://')) {
+        return "http";
+    }
+    if (location.startsWith('//')) {
+        return "protocol-relative";
+    }
+    return "unknown";
+}
+function parseStackFrameLocation(location) {
+    const locationType = getLocationType(location);
+    const modulePath = location == null ? void 0 : location.replace(/^(webpack-internal:\/\/\/|file:\/\/)(\(.*\)\/)?/, '');
+    var _modulePath_match;
+    const [, file, lineNumber, column] = (_modulePath_match = modulePath == null ? void 0 : modulePath.match(/^(.+):(\d+):(\d+)/)) != null ? _modulePath_match : [];
+    switch(locationType){
+        case "file":
+        case "webpack-internal":
+            return {
+                canOpenInEditor: true,
+                file,
+                lineNumber: lineNumber ? Number(lineNumber) : undefined,
+                column: column ? Number(column) : undefined
+            };
+        // When the location is a URL we only show the file
+        // TODO: Resolve http(s) URLs through sourcemaps
+        case "http":
+        case "protocol-relative":
+        case "unknown":
+        default:
+            {
+                return {
+                    canOpenInEditor: false
+                };
+            }
+    }
+}
+function parseComponentStack(componentStack) {
+    const componentStackFrames = [];
+    for (const line of componentStack.trim().split('\n')){
+        // TODO: support safari stack trace
+        // Get component and file from the component stack line
+        const match = /at ([^ ]+)( \((.*)\))?/.exec(line);
+        if (match == null ? void 0 : match[1]) {
+            const component = match[1];
+            const location = match[3];
+            if (!location) {
+                componentStackFrames.push({
+                    canOpenInEditor: false,
+                    component
+                });
+                continue;
+            }
+            // Stop parsing the component stack if we reach a Next.js component
+            if (location == null ? void 0 : location.includes('next/dist')) {
+                break;
+            }
+            const frameLocation = parseStackFrameLocation(location);
+            componentStackFrames.push({
+                component,
+                ...frameLocation
+            });
+        }
+    }
+    return componentStackFrames;
+}
+
+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=parse-component-stack.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/parse-component-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/parse-component-stack.ts"],"sourcesContent":["export type ComponentStackFrame = {\n  canOpenInEditor: boolean\n  component: string\n  file?: string\n  lineNumber?: number\n  column?: number\n}\n\nenum LocationType {\n  FILE = 'file',\n  WEBPACK_INTERNAL = 'webpack-internal',\n  HTTP = 'http',\n  PROTOCOL_RELATIVE = 'protocol-relative',\n  UNKNOWN = 'unknown',\n}\n\n/**\n * Get the type of frame line based on the location\n */\nfunction getLocationType(location: string): LocationType {\n  if (location.startsWith('file://')) {\n    return LocationType.FILE\n  }\n  if (location.includes('webpack-internal://')) {\n    return LocationType.WEBPACK_INTERNAL\n  }\n  if (location.startsWith('http://') || location.startsWith('https://')) {\n    return LocationType.HTTP\n  }\n  if (location.startsWith('//')) {\n    return LocationType.PROTOCOL_RELATIVE\n  }\n  return LocationType.UNKNOWN\n}\n\nfunction parseStackFrameLocation(\n  location: string\n): Omit<ComponentStackFrame, 'component'> {\n  const locationType = getLocationType(location)\n\n  const modulePath = location?.replace(\n    /^(webpack-internal:\\/\\/\\/|file:\\/\\/)(\\(.*\\)\\/)?/,\n    ''\n  )\n  const [, file, lineNumber, column] =\n    modulePath?.match(/^(.+):(\\d+):(\\d+)/) ?? []\n\n  switch (locationType) {\n    case LocationType.FILE:\n    case LocationType.WEBPACK_INTERNAL:\n      return {\n        canOpenInEditor: true,\n        file,\n        lineNumber: lineNumber ? Number(lineNumber) : undefined,\n        column: column ? Number(column) : undefined,\n      }\n    // When the location is a URL we only show the file\n    // TODO: Resolve http(s) URLs through sourcemaps\n    case LocationType.HTTP:\n    case LocationType.PROTOCOL_RELATIVE:\n    case LocationType.UNKNOWN:\n    default: {\n      return {\n        canOpenInEditor: false,\n      }\n    }\n  }\n}\n\nexport function parseComponentStack(\n  componentStack: string\n): ComponentStackFrame[] {\n  const componentStackFrames: ComponentStackFrame[] = []\n  for (const line of componentStack.trim().split('\\n')) {\n    // TODO: support safari stack trace\n    // Get component and file from the component stack line\n    const match = /at ([^ ]+)( \\((.*)\\))?/.exec(line)\n    if (match?.[1]) {\n      const component = match[1]\n      const location = match[3]\n\n      if (!location) {\n        componentStackFrames.push({\n          canOpenInEditor: false,\n          component,\n        })\n        continue\n      }\n\n      // Stop parsing the component stack if we reach a Next.js component\n      if (location?.includes('next/dist')) {\n        break\n      }\n\n      const frameLocation = parseStackFrameLocation(location)\n      componentStackFrames.push({\n        component,\n        ...frameLocation,\n      })\n    }\n  }\n\n  return componentStackFrames\n}\n"],"names":["parseComponentStack","LocationType","getLocationType","location","startsWith","includes","parseStackFrameLocation","locationType","modulePath","replace","file","lineNumber","column","match","canOpenInEditor","Number","undefined","componentStack","componentStackFrames","line","trim","split","exec","component","push","frameLocation"],"mappings":";;;;+BAqEgBA;;;eAAAA;;;AA7DhB,IAAA,AAAKC,sCAAAA;;;;;;WAAAA;EAAAA;AAQL;;CAEC,GACD,SAASC,gBAAgBC,QAAgB;IACvC,IAAIA,SAASC,UAAU,CAAC,YAAY;QAClC;IACF;IACA,IAAID,SAASE,QAAQ,CAAC,wBAAwB;QAC5C;IACF;IACA,IAAIF,SAASC,UAAU,CAAC,cAAcD,SAASC,UAAU,CAAC,aAAa;QACrE;IACF;IACA,IAAID,SAASC,UAAU,CAAC,OAAO;QAC7B;IACF;IACA;AACF;AAEA,SAASE,wBACPH,QAAgB;IAEhB,MAAMI,eAAeL,gBAAgBC;IAErC,MAAMK,aAAaL,4BAAAA,SAAUM,OAAO,CAClC,mDACA;QAGAD;IADF,MAAM,GAAGE,MAAMC,YAAYC,OAAO,GAChCJ,CAAAA,oBAAAA,8BAAAA,WAAYK,KAAK,CAAC,gCAAlBL,oBAA0C,EAAE;IAE9C,OAAQD;QACN;QACA;YACE,OAAO;gBACLO,iBAAiB;gBACjBJ;gBACAC,YAAYA,aAAaI,OAAOJ,cAAcK;gBAC9CJ,QAAQA,SAASG,OAAOH,UAAUI;YACpC;QACF,mDAAmD;QACnD,gDAAgD;QAChD;QACA;QACA;QACA;YAAS;gBACP,OAAO;oBACLF,iBAAiB;gBACnB;YACF;IACF;AACF;AAEO,SAASd,oBACdiB,cAAsB;IAEtB,MAAMC,uBAA8C,EAAE;IACtD,KAAK,MAAMC,QAAQF,eAAeG,IAAI,GAAGC,KAAK,CAAC,MAAO;QACpD,mCAAmC;QACnC,uDAAuD;QACvD,MAAMR,QAAQ,yBAAyBS,IAAI,CAACH;QAC5C,IAAIN,yBAAAA,KAAO,CAAC,EAAE,EAAE;YACd,MAAMU,YAAYV,KAAK,CAAC,EAAE;YAC1B,MAAMV,WAAWU,KAAK,CAAC,EAAE;YAEzB,IAAI,CAACV,UAAU;gBACbe,qBAAqBM,IAAI,CAAC;oBACxBV,iBAAiB;oBACjBS;gBACF;gBACA;YACF;YAEA,mEAAmE;YACnE,IAAIpB,4BAAAA,SAAUE,QAAQ,CAAC,cAAc;gBACnC;YACF;YAEA,MAAMoB,gBAAgBnB,wBAAwBH;YAC9Ce,qBAAqBM,IAAI,CAAC;gBACxBD;gBACA,GAAGE,aAAa;YAClB;QACF;IACF;IAEA,OAAOP;AACT"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/parse-stack.d.ts

@@ -0,0 +1,2 @@
+import type { StackFrame } from 'next/dist/compiled/stacktrace-parser';
+export declare function parseStack(stack: string | undefined): StackFrame[];

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/parse-stack.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "parseStack", {
+    enumerable: true,
+    get: function() {
+        return parseStack;
+    }
+});
+const _stacktraceparser = require("next/dist/compiled/stacktrace-parser");
+const _ishydrationerror = require("../../../../is-hydration-error");
+const regexNextStatic = /\/_next(\/static\/.+)/;
+function parseStack(stack) {
+    if (!stack) return [];
+    const messageAndStack = stack.replace(/^Error: /, '');
+    if ((0, _ishydrationerror.isReactHydrationErrorMessage)(messageAndStack)) {
+        const { stack: parsedStack } = (0, _ishydrationerror.getHydrationErrorStackInfo)(messageAndStack);
+        if (parsedStack) {
+            stack = parsedStack;
+        }
+    }
+    // throw away eval information that stacktrace-parser doesn't support
+    // adapted from https://github.com/stacktracejs/error-stack-parser/blob/9f33c224b5d7b607755eb277f9d51fcdb7287e24/error-stack-parser.js#L59C33-L59C62
+    stack = stack.split('\n').map((line)=>{
+        if (line.includes('(eval ')) {
+            line = line.replace(/eval code/g, 'eval').replace(/\(eval at [^()]* \(/, '(file://').replace(/\),.*$/g, ')');
+        }
+        return line;
+    }).join('\n');
+    const frames = (0, _stacktraceparser.parse)(stack);
+    return frames.map((frame)=>{
+        try {
+            const url = new URL(frame.file);
+            const res = regexNextStatic.exec(url.pathname);
+            if (res) {
+                var _process_env___NEXT_DIST_DIR_replace, _process_env___NEXT_DIST_DIR;
+                const distDir = (_process_env___NEXT_DIST_DIR = process.env.__NEXT_DIST_DIR) == null ? void 0 : (_process_env___NEXT_DIST_DIR_replace = _process_env___NEXT_DIST_DIR.replace(/\\/g, '/')) == null ? void 0 : _process_env___NEXT_DIST_DIR_replace.replace(/\/$/, '');
+                if (distDir) {
+                    frame.file = 'file://' + distDir.concat(res.pop()) + url.search;
+                }
+            }
+        } catch (e) {}
+        return frame;
+    });
+}
+
+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=parse-stack.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/parse-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/parse-stack.ts"],"sourcesContent":["import { parse } from 'next/dist/compiled/stacktrace-parser'\nimport type { StackFrame } from 'next/dist/compiled/stacktrace-parser'\nimport {\n  getHydrationErrorStackInfo,\n  isReactHydrationErrorMessage,\n} from '../../../../is-hydration-error'\n\nconst regexNextStatic = /\\/_next(\\/static\\/.+)/\n\nexport function parseStack(stack: string | undefined): StackFrame[] {\n  if (!stack) return []\n  const messageAndStack = stack.replace(/^Error: /, '')\n  if (isReactHydrationErrorMessage(messageAndStack)) {\n    const { stack: parsedStack } = getHydrationErrorStackInfo(messageAndStack)\n    if (parsedStack) {\n      stack = parsedStack\n    }\n  }\n\n  // throw away eval information that stacktrace-parser doesn't support\n  // adapted from https://github.com/stacktracejs/error-stack-parser/blob/9f33c224b5d7b607755eb277f9d51fcdb7287e24/error-stack-parser.js#L59C33-L59C62\n  stack = stack\n    .split('\\n')\n    .map((line) => {\n      if (line.includes('(eval ')) {\n        line = line\n          .replace(/eval code/g, 'eval')\n          .replace(/\\(eval at [^()]* \\(/, '(file://')\n          .replace(/\\),.*$/g, ')')\n      }\n\n      return line\n    })\n    .join('\\n')\n\n  const frames = parse(stack)\n  return frames.map((frame) => {\n    try {\n      const url = new URL(frame.file!)\n      const res = regexNextStatic.exec(url.pathname)\n      if (res) {\n        const distDir = process.env.__NEXT_DIST_DIR\n          ?.replace(/\\\\/g, '/')\n          ?.replace(/\\/$/, '')\n        if (distDir) {\n          frame.file = 'file://' + distDir.concat(res.pop()!) + url.search\n        }\n      }\n    } catch {}\n    return frame\n  })\n}\n"],"names":["parseStack","regexNextStatic","stack","messageAndStack","replace","isReactHydrationErrorMessage","parsedStack","getHydrationErrorStackInfo","split","map","line","includes","join","frames","parse","frame","url","URL","file","res","exec","pathname","process","distDir","env","__NEXT_DIST_DIR","concat","pop","search"],"mappings":";;;;+BASgBA;;;eAAAA;;;kCATM;kCAKf;AAEP,MAAMC,kBAAkB;AAEjB,SAASD,WAAWE,KAAyB;IAClD,IAAI,CAACA,OAAO,OAAO,EAAE;IACrB,MAAMC,kBAAkBD,MAAME,OAAO,CAAC,YAAY;IAClD,IAAIC,IAAAA,8CAA4B,EAACF,kBAAkB;QACjD,MAAM,EAAED,OAAOI,WAAW,EAAE,GAAGC,IAAAA,4CAA0B,EAACJ;QAC1D,IAAIG,aAAa;YACfJ,QAAQI;QACV;IACF;IAEA,qEAAqE;IACrE,oJAAoJ;IACpJJ,QAAQA,MACLM,KAAK,CAAC,MACNC,GAAG,CAAC,CAACC;QACJ,IAAIA,KAAKC,QAAQ,CAAC,WAAW;YAC3BD,OAAOA,KACJN,OAAO,CAAC,cAAc,QACtBA,OAAO,CAAC,uBAAuB,YAC/BA,OAAO,CAAC,WAAW;QACxB;QAEA,OAAOM;IACT,GACCE,IAAI,CAAC;IAER,MAAMC,SAASC,IAAAA,uBAAK,EAACZ;IACrB,OAAOW,OAAOJ,GAAG,CAAC,CAACM;QACjB,IAAI;YACF,MAAMC,MAAM,IAAIC,IAAIF,MAAMG,IAAI;YAC9B,MAAMC,MAAMlB,gBAAgBmB,IAAI,CAACJ,IAAIK,QAAQ;YAC7C,IAAIF,KAAK;oBACSG,sCAAAA;gBAAhB,MAAMC,WAAUD,+BAAAA,QAAQE,GAAG,CAACC,eAAe,sBAA3BH,uCAAAA,6BACZlB,OAAO,CAAC,OAAO,yBADHkB,qCAEZlB,OAAO,CAAC,OAAO;gBACnB,IAAImB,SAAS;oBACXR,MAAMG,IAAI,GAAG,YAAYK,QAAQG,MAAM,CAACP,IAAIQ,GAAG,MAAOX,IAAIY,MAAM;gBAClE;YACF;QACF,EAAE,UAAM,CAAC;QACT,OAAOb;IACT;AACF"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/runtime-error-handler.d.ts

@@ -0,0 +1,3 @@
+export declare const RuntimeErrorHandler: {
+    hadRuntimeError: boolean;
+};

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/runtime-error-handler.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RuntimeErrorHandler", {
+    enumerable: true,
+    get: function() {
+        return RuntimeErrorHandler;
+    }
+});
+const RuntimeErrorHandler = {
+    hadRuntimeError: 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=runtime-error-handler.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/runtime-error-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/runtime-error-handler.ts"],"sourcesContent":["export const RuntimeErrorHandler = {\n  hadRuntimeError: false,\n}\n"],"names":["RuntimeErrorHandler","hadRuntimeError"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,sBAAsB;IACjCC,iBAAiB;AACnB"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/stack-frame.d.ts

@@ -0,0 +1,11 @@
+import type { StackFrame } from 'next/dist/compiled/stacktrace-parser';
+import type { OriginalStackFrameResponse } from '../../../server/shared';
+export interface OriginalStackFrame extends OriginalStackFrameResponse {
+    error: boolean;
+    reason: string | null;
+    external: boolean;
+    ignored: boolean;
+    sourceStackFrame: StackFrame;
+}
+export declare function getOriginalStackFrames(frames: StackFrame[], type: 'server' | 'edge-server' | null, isAppDir: boolean, errorMessage: string): Promise<OriginalStackFrame[]>;
+export declare function getFrameSource(frame: StackFrame): string;

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/stack-frame.js

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    getFrameSource: null,
+    getOriginalStackFrames: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getFrameSource: function() {
+        return getFrameSource;
+    },
+    getOriginalStackFrames: function() {
+        return getOriginalStackFrames;
+    }
+});
+const _webpackmodulepath = require("./webpack-module-path");
+function getOriginalStackFrame(source, type, isAppDir, errorMessage) {
+    var _source_file, _source_file1;
+    async function _getOriginalStackFrame() {
+        var _body_originalStackFrame;
+        const params = new URLSearchParams();
+        params.append('isServer', String(type === 'server'));
+        params.append('isEdgeServer', String(type === 'edge-server'));
+        params.append('isAppDirectory', String(isAppDir));
+        params.append('errorMessage', errorMessage);
+        for(const key in source){
+            var _source_key;
+            params.append(key, ((_source_key = source[key]) != null ? _source_key : '').toString());
+        }
+        const controller = new AbortController();
+        const tm = setTimeout(()=>controller.abort(), 3000);
+        const res = await self.fetch((process.env.__NEXT_ROUTER_BASEPATH || '') + "/__nextjs_original-stack-frame?" + params.toString(), {
+            signal: controller.signal
+        }).finally(()=>{
+            clearTimeout(tm);
+        });
+        if (!res.ok || res.status === 204) {
+            return Promise.reject(Object.defineProperty(new Error(await res.text()), "__NEXT_ERROR_CODE", {
+                value: "E394",
+                enumerable: false
+            }));
+        }
+        const body = await res.json();
+        return {
+            error: false,
+            reason: null,
+            external: false,
+            sourceStackFrame: source,
+            originalStackFrame: body.originalStackFrame,
+            originalCodeFrame: body.originalCodeFrame || null,
+            sourcePackage: body.sourcePackage,
+            ignored: ((_body_originalStackFrame = body.originalStackFrame) == null ? void 0 : _body_originalStackFrame.ignored) || false
+        };
+    }
+    // TODO: merge this section into ignoredList handling
+    if (source.file === 'file://' || ((_source_file = source.file) == null ? void 0 : _source_file.match(/^node:/)) || ((_source_file1 = source.file) == null ? void 0 : _source_file1.match(/https?:\/\//))) {
+        return Promise.resolve({
+            error: false,
+            reason: null,
+            external: true,
+            sourceStackFrame: source,
+            originalStackFrame: null,
+            originalCodeFrame: null,
+            sourcePackage: null,
+            ignored: true
+        });
+    }
+    return _getOriginalStackFrame().catch((err)=>{
+        var _err_message, _ref;
+        return {
+            error: true,
+            reason: (_ref = (_err_message = err == null ? void 0 : err.message) != null ? _err_message : err == null ? void 0 : err.toString()) != null ? _ref : 'Unknown Error',
+            external: false,
+            sourceStackFrame: source,
+            originalStackFrame: null,
+            originalCodeFrame: null,
+            sourcePackage: null,
+            ignored: false
+        };
+    });
+}
+function getOriginalStackFrames(frames, type, isAppDir, errorMessage) {
+    return Promise.all(frames.map((frame)=>getOriginalStackFrame(frame, type, isAppDir, errorMessage)));
+}
+function getFrameSource(frame) {
+    if (!frame.file) return '';
+    const isWebpackFrame = (0, _webpackmodulepath.isWebpackInternalResource)(frame.file);
+    let str = '';
+    // Skip URL parsing for webpack internal file paths.
+    if (isWebpackFrame) {
+        str = (0, _webpackmodulepath.formatFrameSourceFile)(frame.file);
+    } else {
+        try {
+            var _globalThis_location;
+            const u = new URL(frame.file);
+            let parsedPath = '';
+            // Strip the origin for same-origin scripts.
+            if (((_globalThis_location = globalThis.location) == null ? void 0 : _globalThis_location.origin) !== u.origin) {
+                // URLs can be valid without an `origin`, so long as they have a
+                // `protocol`. However, `origin` is preferred.
+                if (u.origin === 'null') {
+                    parsedPath += u.protocol;
+                } else {
+                    parsedPath += u.origin;
+                }
+            }
+            // Strip query string information as it's typically too verbose to be
+            // meaningful.
+            parsedPath += u.pathname;
+            str = (0, _webpackmodulepath.formatFrameSourceFile)(parsedPath);
+        } catch (e) {
+            str = (0, _webpackmodulepath.formatFrameSourceFile)(frame.file);
+        }
+    }
+    if (!(0, _webpackmodulepath.isWebpackInternalResource)(frame.file) && frame.lineNumber != null) {
+        if (str) {
+            if (frame.column != null) {
+                str += " (" + frame.lineNumber + ":" + frame.column + ")";
+            } else {
+                str += " (" + frame.lineNumber + ")";
+            }
+        }
+    }
+    return str;
+}
+
+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=stack-frame.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/stack-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/stack-frame.ts"],"sourcesContent":["import type { StackFrame } from 'next/dist/compiled/stacktrace-parser'\nimport type { OriginalStackFrameResponse } from '../../../server/shared'\nimport {\n  isWebpackInternalResource,\n  formatFrameSourceFile,\n} from './webpack-module-path'\nexport interface OriginalStackFrame extends OriginalStackFrameResponse {\n  error: boolean\n  reason: string | null\n  external: boolean\n  ignored: boolean\n  sourceStackFrame: StackFrame\n}\n\nfunction getOriginalStackFrame(\n  source: StackFrame,\n  type: 'server' | 'edge-server' | null,\n  isAppDir: boolean,\n  errorMessage: string\n): Promise<OriginalStackFrame> {\n  async function _getOriginalStackFrame(): Promise<OriginalStackFrame> {\n    const params = new URLSearchParams()\n    params.append('isServer', String(type === 'server'))\n    params.append('isEdgeServer', String(type === 'edge-server'))\n    params.append('isAppDirectory', String(isAppDir))\n    params.append('errorMessage', errorMessage)\n    for (const key in source) {\n      params.append(key, ((source as any)[key] ?? '').toString())\n    }\n\n    const controller = new AbortController()\n    const tm = setTimeout(() => controller.abort(), 3000)\n    const res = await self\n      .fetch(\n        `${\n          process.env.__NEXT_ROUTER_BASEPATH || ''\n        }/__nextjs_original-stack-frame?${params.toString()}`,\n        { signal: controller.signal }\n      )\n      .finally(() => {\n        clearTimeout(tm)\n      })\n    if (!res.ok || res.status === 204) {\n      return Promise.reject(new Error(await res.text()))\n    }\n\n    const body: OriginalStackFrameResponse = await res.json()\n    return {\n      error: false,\n      reason: null,\n      external: false,\n      sourceStackFrame: source,\n      originalStackFrame: body.originalStackFrame,\n      originalCodeFrame: body.originalCodeFrame || null,\n      sourcePackage: body.sourcePackage,\n      ignored: body.originalStackFrame?.ignored || false,\n    }\n  }\n\n  // TODO: merge this section into ignoredList handling\n  if (\n    source.file === 'file://' ||\n    source.file?.match(/^node:/) ||\n    source.file?.match(/https?:\\/\\//)\n  ) {\n    return Promise.resolve({\n      error: false,\n      reason: null,\n      external: true,\n      sourceStackFrame: source,\n      originalStackFrame: null,\n      originalCodeFrame: null,\n      sourcePackage: null,\n      ignored: true,\n    })\n  }\n\n  return _getOriginalStackFrame().catch((err: Error) => ({\n    error: true,\n    reason: err?.message ?? err?.toString() ?? 'Unknown Error',\n    external: false,\n    sourceStackFrame: source,\n    originalStackFrame: null,\n    originalCodeFrame: null,\n    sourcePackage: null,\n    ignored: false,\n  }))\n}\n\nexport function getOriginalStackFrames(\n  frames: StackFrame[],\n  type: 'server' | 'edge-server' | null,\n  isAppDir: boolean,\n  errorMessage: string\n) {\n  return Promise.all(\n    frames.map((frame) =>\n      getOriginalStackFrame(frame, type, isAppDir, errorMessage)\n    )\n  )\n}\n\nexport function getFrameSource(frame: StackFrame): string {\n  if (!frame.file) return ''\n\n  const isWebpackFrame = isWebpackInternalResource(frame.file)\n\n  let str = ''\n  // Skip URL parsing for webpack internal file paths.\n  if (isWebpackFrame) {\n    str = formatFrameSourceFile(frame.file)\n  } else {\n    try {\n      const u = new URL(frame.file)\n\n      let parsedPath = ''\n      // Strip the origin for same-origin scripts.\n      if (globalThis.location?.origin !== u.origin) {\n        // URLs can be valid without an `origin`, so long as they have a\n        // `protocol`. However, `origin` is preferred.\n        if (u.origin === 'null') {\n          parsedPath += u.protocol\n        } else {\n          parsedPath += u.origin\n        }\n      }\n\n      // Strip query string information as it's typically too verbose to be\n      // meaningful.\n      parsedPath += u.pathname\n      str = formatFrameSourceFile(parsedPath)\n    } catch {\n      str = formatFrameSourceFile(frame.file)\n    }\n  }\n\n  if (!isWebpackInternalResource(frame.file) && frame.lineNumber != null) {\n    if (str) {\n      if (frame.column != null) {\n        str += ` (${frame.lineNumber}:${frame.column})`\n      } else {\n        str += ` (${frame.lineNumber})`\n      }\n    }\n  }\n  return str\n}\n"],"names":["getFrameSource","getOriginalStackFrames","getOriginalStackFrame","source","type","isAppDir","errorMessage","_getOriginalStackFrame","body","params","URLSearchParams","append","String","key","toString","controller","AbortController","tm","setTimeout","abort","res","self","fetch","process","env","__NEXT_ROUTER_BASEPATH","signal","finally","clearTimeout","ok","status","Promise","reject","Error","text","json","error","reason","external","sourceStackFrame","originalStackFrame","originalCodeFrame","sourcePackage","ignored","file","match","resolve","catch","err","message","frames","all","map","frame","isWebpackFrame","isWebpackInternalResource","str","formatFrameSourceFile","globalThis","u","URL","parsedPath","location","origin","protocol","pathname","lineNumber","column"],"mappings":"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"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/stitched-error.d.ts

@@ -0,0 +1 @@
+export declare function getReactStitchedError<T = unknown>(err: T): Error | T;

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/stitched-error.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getReactStitchedError", {
+    enumerable: true,
+    get: function() {
+        return getReactStitchedError;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _iserror = /*#__PURE__*/ _interop_require_default._(require("../../../../../../lib/is-error"));
+const REACT_ERROR_STACK_BOTTOM_FRAME = 'react-stack-bottom-frame';
+const REACT_ERROR_STACK_BOTTOM_FRAME_REGEX = new RegExp("(at " + REACT_ERROR_STACK_BOTTOM_FRAME + " )|(" + REACT_ERROR_STACK_BOTTOM_FRAME + "\\@)");
+const captureOwnerStack = _react.default.captureOwnerStack ? _react.default.captureOwnerStack : ()=>'';
+function getReactStitchedError(err) {
+    if (typeof _react.default.captureOwnerStack !== 'function') {
+        return err;
+    }
+    const isErrorInstance = (0, _iserror.default)(err);
+    const originStack = isErrorInstance ? err.stack || '' : '';
+    const originMessage = isErrorInstance ? err.message : '';
+    const stackLines = originStack.split('\n');
+    const indexOfSplit = stackLines.findIndex((line)=>REACT_ERROR_STACK_BOTTOM_FRAME_REGEX.test(line));
+    const isOriginalReactError = indexOfSplit >= 0 // has the react-stack-bottom-frame
+    ;
+    let newStack = isOriginalReactError ? stackLines.slice(0, indexOfSplit).join('\n') : originStack;
+    const newError = Object.defineProperty(new Error(originMessage), "__NEXT_ERROR_CODE", {
+        value: "E394",
+        enumerable: false
+    });
+    // Copy all enumerable properties, e.g. digest
+    Object.assign(newError, err);
+    newError.stack = newStack;
+    // Avoid duplicate overriding stack frames
+    appendOwnerStack(newError);
+    return newError;
+}
+function appendOwnerStack(error) {
+    let stack = error.stack || '';
+    // Avoid duplicate overriding stack frames
+    const ownerStack = captureOwnerStack();
+    if (ownerStack && stack.endsWith(ownerStack) === false) {
+        stack += ownerStack;
+        // Override stack
+        error.stack = stack;
+    }
+}
+
+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=stitched-error.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/stitched-error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/stitched-error.ts"],"sourcesContent":["import React from 'react'\nimport isError from '../../../../../../lib/is-error'\n\nconst REACT_ERROR_STACK_BOTTOM_FRAME = 'react-stack-bottom-frame'\nconst REACT_ERROR_STACK_BOTTOM_FRAME_REGEX = new RegExp(\n  `(at ${REACT_ERROR_STACK_BOTTOM_FRAME} )|(${REACT_ERROR_STACK_BOTTOM_FRAME}\\\\@)`\n)\n\nconst captureOwnerStack = (React as any).captureOwnerStack\n  ? (React as any).captureOwnerStack\n  : () => ''\n\nexport function getReactStitchedError<T = unknown>(err: T): Error | T {\n  if (typeof (React as any).captureOwnerStack !== 'function') {\n    return err\n  }\n  const isErrorInstance = isError(err)\n  const originStack = isErrorInstance ? err.stack || '' : ''\n  const originMessage = isErrorInstance ? err.message : ''\n  const stackLines = originStack.split('\\n')\n  const indexOfSplit = stackLines.findIndex((line) =>\n    REACT_ERROR_STACK_BOTTOM_FRAME_REGEX.test(line)\n  )\n  const isOriginalReactError = indexOfSplit >= 0 // has the react-stack-bottom-frame\n  let newStack = isOriginalReactError\n    ? stackLines.slice(0, indexOfSplit).join('\\n')\n    : originStack\n\n  const newError = new Error(originMessage)\n  // Copy all enumerable properties, e.g. digest\n  Object.assign(newError, err)\n  newError.stack = newStack\n\n  // Avoid duplicate overriding stack frames\n  appendOwnerStack(newError)\n\n  return newError\n}\n\nfunction appendOwnerStack(error: Error) {\n  let stack = error.stack || ''\n  // Avoid duplicate overriding stack frames\n  const ownerStack = captureOwnerStack()\n  if (ownerStack && stack.endsWith(ownerStack) === false) {\n    stack += ownerStack\n    // Override stack\n    error.stack = stack\n  }\n}\n"],"names":["getReactStitchedError","REACT_ERROR_STACK_BOTTOM_FRAME","REACT_ERROR_STACK_BOTTOM_FRAME_REGEX","RegExp","captureOwnerStack","React","err","isErrorInstance","isError","originStack","stack","originMessage","message","stackLines","split","indexOfSplit","findIndex","line","test","isOriginalReactError","newStack","slice","join","newError","Error","Object","assign","appendOwnerStack","error","ownerStack","endsWith"],"mappings":";;;;+BAYgBA;;;eAAAA;;;;gEAZE;kEACE;AAEpB,MAAMC,iCAAiC;AACvC,MAAMC,uCAAuC,IAAIC,OAC/C,AAAC,SAAMF,iCAA+B,SAAMA,iCAA+B;AAG7E,MAAMG,oBAAoB,AAACC,cAAK,CAASD,iBAAiB,GACtD,AAACC,cAAK,CAASD,iBAAiB,GAChC,IAAM;AAEH,SAASJ,sBAAmCM,GAAM;IACvD,IAAI,OAAO,AAACD,cAAK,CAASD,iBAAiB,KAAK,YAAY;QAC1D,OAAOE;IACT;IACA,MAAMC,kBAAkBC,IAAAA,gBAAO,EAACF;IAChC,MAAMG,cAAcF,kBAAkBD,IAAII,KAAK,IAAI,KAAK;IACxD,MAAMC,gBAAgBJ,kBAAkBD,IAAIM,OAAO,GAAG;IACtD,MAAMC,aAAaJ,YAAYK,KAAK,CAAC;IACrC,MAAMC,eAAeF,WAAWG,SAAS,CAAC,CAACC,OACzCf,qCAAqCgB,IAAI,CAACD;IAE5C,MAAME,uBAAuBJ,gBAAgB,EAAE,mCAAmC;;IAClF,IAAIK,WAAWD,uBACXN,WAAWQ,KAAK,CAAC,GAAGN,cAAcO,IAAI,CAAC,QACvCb;IAEJ,MAAMc,WAAW,qBAAwB,CAAxB,IAAIC,MAAMb,gBAAV,qBAAA;eAAA;oBAAA;IAAuB;IACxC,8CAA8C;IAC9Cc,OAAOC,MAAM,CAACH,UAAUjB;IACxBiB,SAASb,KAAK,GAAGU;IAEjB,0CAA0C;IAC1CO,iBAAiBJ;IAEjB,OAAOA;AACT;AAEA,SAASI,iBAAiBC,KAAY;IACpC,IAAIlB,QAAQkB,MAAMlB,KAAK,IAAI;IAC3B,0CAA0C;IAC1C,MAAMmB,aAAazB;IACnB,IAAIyB,cAAcnB,MAAMoB,QAAQ,CAACD,gBAAgB,OAAO;QACtDnB,SAASmB;QACT,iBAAiB;QACjBD,MAAMlB,KAAK,GAAGA;IAChB;AACF"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-error-handler.d.ts

@@ -0,0 +1,4 @@
+export type ErrorHandler = (error: Error) => void;
+export declare function handleClientError(originError: unknown, consoleErrorArgs: any[], capturedFromConsole?: boolean): void;
+export declare function useErrorHandler(handleOnUnhandledError: ErrorHandler, handleOnUnhandledRejection: ErrorHandler): void;
+export declare function handleGlobalErrors(): void;

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-error-handler.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    handleClientError: null,
+    handleGlobalErrors: null,
+    useErrorHandler: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    handleClientError: function() {
+        return handleClientError;
+    },
+    handleGlobalErrors: function() {
+        return handleGlobalErrors;
+    },
+    useErrorHandler: function() {
+        return useErrorHandler;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = require("react");
+const _attachhydrationerrorstate = require("./attach-hydration-error-state");
+const _isnextroutererror = require("../../../../is-next-router-error");
+const _hydrationerrorinfo = require("./hydration-error-info");
+const _console = require("../../../../../lib/console");
+const _iserror = /*#__PURE__*/ _interop_require_default._(require("../../../../../../lib/is-error"));
+const _consoleerror = require("./console-error");
+const _enqueueclienterror = require("./enqueue-client-error");
+const _stitchederror = require("./stitched-error");
+const queueMicroTask = globalThis.queueMicrotask || ((cb)=>Promise.resolve().then(cb));
+const errorQueue = [];
+const errorHandlers = [];
+const rejectionQueue = [];
+const rejectionHandlers = [];
+function handleClientError(originError, consoleErrorArgs, capturedFromConsole) {
+    if (capturedFromConsole === void 0) capturedFromConsole = false;
+    let error;
+    if (!originError || !(0, _iserror.default)(originError)) {
+        // If it's not an error, format the args into an error
+        const formattedErrorMessage = (0, _console.formatConsoleArgs)(consoleErrorArgs);
+        error = (0, _consoleerror.createUnhandledError)(formattedErrorMessage);
+    } else {
+        error = capturedFromConsole ? (0, _consoleerror.createUnhandledError)(originError) : originError;
+    }
+    error = (0, _stitchederror.getReactStitchedError)(error);
+    (0, _hydrationerrorinfo.storeHydrationErrorStateFromConsoleArgs)(...consoleErrorArgs);
+    (0, _attachhydrationerrorstate.attachHydrationErrorState)(error);
+    (0, _enqueueclienterror.enqueueConsecutiveDedupedError)(errorQueue, error);
+    for (const handler of errorHandlers){
+        // Delayed the error being passed to React Dev Overlay,
+        // avoid the state being synchronously updated in the component.
+        queueMicroTask(()=>{
+            handler(error);
+        });
+    }
+}
+function useErrorHandler(handleOnUnhandledError, handleOnUnhandledRejection) {
+    (0, _react.useEffect)(()=>{
+        // Handle queued errors.
+        errorQueue.forEach(handleOnUnhandledError);
+        rejectionQueue.forEach(handleOnUnhandledRejection);
+        // Listen to new errors.
+        errorHandlers.push(handleOnUnhandledError);
+        rejectionHandlers.push(handleOnUnhandledRejection);
+        return ()=>{
+            // Remove listeners.
+            errorHandlers.splice(errorHandlers.indexOf(handleOnUnhandledError), 1);
+            rejectionHandlers.splice(rejectionHandlers.indexOf(handleOnUnhandledRejection), 1);
+        };
+    }, [
+        handleOnUnhandledError,
+        handleOnUnhandledRejection
+    ]);
+}
+function onUnhandledError(event) {
+    if ((0, _isnextroutererror.isNextRouterError)(event.error)) {
+        event.preventDefault();
+        return false;
+    }
+    handleClientError(event.error, []);
+}
+function onUnhandledRejection(ev) {
+    const reason = ev == null ? void 0 : ev.reason;
+    if ((0, _isnextroutererror.isNextRouterError)(reason)) {
+        ev.preventDefault();
+        return;
+    }
+    let error = reason;
+    if (error && !(0, _iserror.default)(error)) {
+        error = (0, _consoleerror.createUnhandledError)(error + '');
+    }
+    rejectionQueue.push(error);
+    for (const handler of rejectionHandlers){
+        handler(error);
+    }
+}
+function handleGlobalErrors() {
+    if (typeof window !== 'undefined') {
+        try {
+            // Increase the number of stack frames on the client
+            Error.stackTraceLimit = 50;
+        } catch (e) {}
+        window.addEventListener('error', onUnhandledError);
+        window.addEventListener('unhandledrejection', onUnhandledRejection);
+    }
+}
+
+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=use-error-handler.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-error-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/use-error-handler.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { attachHydrationErrorState } from './attach-hydration-error-state'\nimport { isNextRouterError } from '../../../../is-next-router-error'\nimport { storeHydrationErrorStateFromConsoleArgs } from './hydration-error-info'\nimport { formatConsoleArgs } from '../../../../../lib/console'\nimport isError from '../../../../../../lib/is-error'\nimport { createUnhandledError } from './console-error'\nimport { enqueueConsecutiveDedupedError } from './enqueue-client-error'\nimport { getReactStitchedError } from './stitched-error'\n\nconst queueMicroTask =\n  globalThis.queueMicrotask || ((cb: () => void) => Promise.resolve().then(cb))\n\nexport type ErrorHandler = (error: Error) => void\n\nconst errorQueue: Array<Error> = []\nconst errorHandlers: Array<ErrorHandler> = []\nconst rejectionQueue: Array<Error> = []\nconst rejectionHandlers: Array<ErrorHandler> = []\n\nexport function handleClientError(\n  originError: unknown,\n  consoleErrorArgs: any[],\n  capturedFromConsole: boolean = false\n) {\n  let error: Error\n  if (!originError || !isError(originError)) {\n    // If it's not an error, format the args into an error\n    const formattedErrorMessage = formatConsoleArgs(consoleErrorArgs)\n    error = createUnhandledError(formattedErrorMessage)\n  } else {\n    error = capturedFromConsole\n      ? createUnhandledError(originError)\n      : originError\n  }\n  error = getReactStitchedError(error)\n\n  storeHydrationErrorStateFromConsoleArgs(...consoleErrorArgs)\n  attachHydrationErrorState(error)\n\n  enqueueConsecutiveDedupedError(errorQueue, error)\n  for (const handler of errorHandlers) {\n    // Delayed the error being passed to React Dev Overlay,\n    // avoid the state being synchronously updated in the component.\n    queueMicroTask(() => {\n      handler(error)\n    })\n  }\n}\n\nexport function useErrorHandler(\n  handleOnUnhandledError: ErrorHandler,\n  handleOnUnhandledRejection: ErrorHandler\n) {\n  useEffect(() => {\n    // Handle queued errors.\n    errorQueue.forEach(handleOnUnhandledError)\n    rejectionQueue.forEach(handleOnUnhandledRejection)\n\n    // Listen to new errors.\n    errorHandlers.push(handleOnUnhandledError)\n    rejectionHandlers.push(handleOnUnhandledRejection)\n\n    return () => {\n      // Remove listeners.\n      errorHandlers.splice(errorHandlers.indexOf(handleOnUnhandledError), 1)\n      rejectionHandlers.splice(\n        rejectionHandlers.indexOf(handleOnUnhandledRejection),\n        1\n      )\n    }\n  }, [handleOnUnhandledError, handleOnUnhandledRejection])\n}\n\nfunction onUnhandledError(event: WindowEventMap['error']): void | boolean {\n  if (isNextRouterError(event.error)) {\n    event.preventDefault()\n    return false\n  }\n  handleClientError(event.error, [])\n}\n\nfunction onUnhandledRejection(ev: WindowEventMap['unhandledrejection']): void {\n  const reason = ev?.reason\n  if (isNextRouterError(reason)) {\n    ev.preventDefault()\n    return\n  }\n\n  let error = reason\n  if (error && !isError(error)) {\n    error = createUnhandledError(error + '')\n  }\n\n  rejectionQueue.push(error)\n  for (const handler of rejectionHandlers) {\n    handler(error)\n  }\n}\n\nexport function handleGlobalErrors() {\n  if (typeof window !== 'undefined') {\n    try {\n      // Increase the number of stack frames on the client\n      Error.stackTraceLimit = 50\n    } catch {}\n\n    window.addEventListener('error', onUnhandledError)\n    window.addEventListener('unhandledrejection', onUnhandledRejection)\n  }\n}\n"],"names":["handleClientError","handleGlobalErrors","useErrorHandler","queueMicroTask","globalThis","queueMicrotask","cb","Promise","resolve","then","errorQueue","errorHandlers","rejectionQueue","rejectionHandlers","originError","consoleErrorArgs","capturedFromConsole","error","isError","formattedErrorMessage","formatConsoleArgs","createUnhandledError","getReactStitchedError","storeHydrationErrorStateFromConsoleArgs","attachHydrationErrorState","enqueueConsecutiveDedupedError","handler","handleOnUnhandledError","handleOnUnhandledRejection","useEffect","forEach","push","splice","indexOf","onUnhandledError","event","isNextRouterError","preventDefault","onUnhandledRejection","ev","reason","window","Error","stackTraceLimit","addEventListener"],"mappings":";;;;;;;;;;;;;;;;IAoBgBA,iBAAiB;eAAjBA;;IAgFAC,kBAAkB;eAAlBA;;IAlDAC,eAAe;eAAfA;;;;uBAlDU;2CACgB;mCACR;oCACsB;yBACtB;kEACd;8BACiB;oCACU;+BACT;AAEtC,MAAMC,iBACJC,WAAWC,cAAc,IAAK,CAAA,CAACC,KAAmBC,QAAQC,OAAO,GAAGC,IAAI,CAACH,GAAE;AAI7E,MAAMI,aAA2B,EAAE;AACnC,MAAMC,gBAAqC,EAAE;AAC7C,MAAMC,iBAA+B,EAAE;AACvC,MAAMC,oBAAyC,EAAE;AAE1C,SAASb,kBACdc,WAAoB,EACpBC,gBAAuB,EACvBC,mBAAoC;IAApCA,IAAAA,gCAAAA,sBAA+B;IAE/B,IAAIC;IACJ,IAAI,CAACH,eAAe,CAACI,IAAAA,gBAAO,EAACJ,cAAc;QACzC,sDAAsD;QACtD,MAAMK,wBAAwBC,IAAAA,0BAAiB,EAACL;QAChDE,QAAQI,IAAAA,kCAAoB,EAACF;IAC/B,OAAO;QACLF,QAAQD,sBACJK,IAAAA,kCAAoB,EAACP,eACrBA;IACN;IACAG,QAAQK,IAAAA,oCAAqB,EAACL;IAE9BM,IAAAA,2DAAuC,KAAIR;IAC3CS,IAAAA,oDAAyB,EAACP;IAE1BQ,IAAAA,kDAA8B,EAACf,YAAYO;IAC3C,KAAK,MAAMS,WAAWf,cAAe;QACnC,uDAAuD;QACvD,gEAAgE;QAChER,eAAe;YACbuB,QAAQT;QACV;IACF;AACF;AAEO,SAASf,gBACdyB,sBAAoC,EACpCC,0BAAwC;IAExCC,IAAAA,gBAAS,EAAC;QACR,wBAAwB;QACxBnB,WAAWoB,OAAO,CAACH;QACnBf,eAAekB,OAAO,CAACF;QAEvB,wBAAwB;QACxBjB,cAAcoB,IAAI,CAACJ;QACnBd,kBAAkBkB,IAAI,CAACH;QAEvB,OAAO;YACL,oBAAoB;YACpBjB,cAAcqB,MAAM,CAACrB,cAAcsB,OAAO,CAACN,yBAAyB;YACpEd,kBAAkBmB,MAAM,CACtBnB,kBAAkBoB,OAAO,CAACL,6BAC1B;QAEJ;IACF,GAAG;QAACD;QAAwBC;KAA2B;AACzD;AAEA,SAASM,iBAAiBC,KAA8B;IACtD,IAAIC,IAAAA,oCAAiB,EAACD,MAAMlB,KAAK,GAAG;QAClCkB,MAAME,cAAc;QACpB,OAAO;IACT;IACArC,kBAAkBmC,MAAMlB,KAAK,EAAE,EAAE;AACnC;AAEA,SAASqB,qBAAqBC,EAAwC;IACpE,MAAMC,SAASD,sBAAAA,GAAIC,MAAM;IACzB,IAAIJ,IAAAA,oCAAiB,EAACI,SAAS;QAC7BD,GAAGF,cAAc;QACjB;IACF;IAEA,IAAIpB,QAAQuB;IACZ,IAAIvB,SAAS,CAACC,IAAAA,gBAAO,EAACD,QAAQ;QAC5BA,QAAQI,IAAAA,kCAAoB,EAACJ,QAAQ;IACvC;IAEAL,eAAemB,IAAI,CAACd;IACpB,KAAK,MAAMS,WAAWb,kBAAmB;QACvCa,QAAQT;IACV;AACF;AAEO,SAAShB;IACd,IAAI,OAAOwC,WAAW,aAAa;QACjC,IAAI;YACF,oDAAoD;YACpDC,MAAMC,eAAe,GAAG;QAC1B,EAAE,UAAM,CAAC;QAETF,OAAOG,gBAAgB,CAAC,SAASV;QACjCO,OAAOG,gBAAgB,CAAC,sBAAsBN;IAChD;AACF"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-open-in-editor.d.ts

@@ -0,0 +1,5 @@
+export declare function useOpenInEditor({ file, lineNumber, column, }?: {
+    file?: string | null;
+    lineNumber?: number | null;
+    column?: number | null;
+}): () => void;

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-open-in-editor.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOpenInEditor", {
+    enumerable: true,
+    get: function() {
+        return useOpenInEditor;
+    }
+});
+const _react = require("react");
+function useOpenInEditor(param) {
+    let { file, lineNumber, column } = param === void 0 ? {} : param;
+    const openInEditor = (0, _react.useCallback)(()=>{
+        if (file == null || lineNumber == null || column == null) return;
+        const params = new URLSearchParams();
+        params.append('file', file);
+        params.append('lineNumber', String(lineNumber));
+        params.append('column', String(column));
+        self.fetch((process.env.__NEXT_ROUTER_BASEPATH || '') + "/__nextjs_launch-editor?" + params.toString()).then(()=>{}, ()=>{
+            console.error('There was an issue opening this code in your editor.');
+        });
+    }, [
+        file,
+        lineNumber,
+        column
+    ]);
+    return openInEditor;
+}
+
+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=use-open-in-editor.js.map