npm - next - Versions diffs - 15.2.0-canary.65 → 15.2.0-canary.66 - Mend

next 15.2.0-canary.65 → 15.2.0-canary.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.

This version of next might be problematic. Click here for more details.

Files changed (334) hide show

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/terminal/terminal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/terminal/terminal.tsx"],"sourcesContent":["import Anser from 'next/dist/compiled/anser'\nimport * as React from 'react'\nimport { HotlinkedText } from '../hot-linked-text'\nimport { EditorLink } from './editor-link'\nimport { ExternalIcon } from '../../icons/external'\nimport { noop as css } from '../../helpers/noop-template'\nimport { getFrameSource } from '../../../../internal/helpers/stack-frame'\nimport { useOpenInEditor } from '../../helpers/use-open-in-editor'\nimport { FileIcon } from '../../icons/file'\n\nexport type TerminalProps = { content: string }\n\nfunction getFile(lines: string[]) {\n const contentFileName = lines.shift()\n if (!contentFileName) return null\n const [fileName, line, column] = contentFileName.split(':', 3)\n\n const parsedLine = Number(line)\n const parsedColumn = Number(column)\n const hasLocation = !Number.isNaN(parsedLine) && !Number.isNaN(parsedColumn)\n\n return {\n fileName: hasLocation ? fileName : contentFileName,\n location: hasLocation\n ? {\n line: parsedLine,\n column: parsedColumn,\n }\n : undefined,\n }\n}\n\nfunction getImportTraceFiles(lines: string[]) {\n if (\n lines.some((line) => /ReactServerComponentsError:/.test(line)) \|\|\n lines.some((line) => /Import trace for requested module:/.test(line))\n ) {\n // Grab the lines at the end containing the files\n const files = []\n while (\n /.+\\..+/.test(lines[lines.length - 1]) &&\n !lines[lines.length - 1].includes(':')\n ) {\n const file = lines.pop()!.trim()\n files.unshift(file)\n }\n\n return files\n }\n\n return []\n}\n\nfunction getEditorLinks(content: string) {\n const lines = content.split('\\n')\n const file = getFile(lines)\n const importTraceFiles = getImportTraceFiles(lines)\n\n return { file, source: lines.join('\\n'), importTraceFiles }\n}\n\nexport const Terminal: React.FC<TerminalProps> = function Terminal({\n content,\n}) {\n const { file, source, importTraceFiles } = React.useMemo(\n () => getEditorLinks(content),\n [content]\n )\n\n const decoded = React.useMemo(() => {\n return Anser.ansiToJson(source, {\n json: true,\n use_classes: true,\n remove_empty: true,\n })\n }, [source])\n\n const open = useOpenInEditor({\n file: file?.fileName,\n lineNumber: file?.location?.line ?? 1,\n column: file?.location?.column ?? 0,\n })\n\n const stackFrame = {\n file: file?.fileName ?? null,\n methodName: '',\n arguments: [],\n lineNumber: file?.location?.line ?? null,\n column: file?.location?.column ?? null,\n }\n\n const fileExtension = stackFrame?.file?.split('.').pop()\n\n return (\n <div data-nextjs-codeframe>\n <button\n aria-label=\"Open in editor\"\n className=\"code-frame-header\"\n data-with-open-in-editor-link-source-file\n onClick={open}\n >\n <div className=\"code-frame-link\">\n <span className=\"code-frame-icon\">\n <FileIcon lang={fileExtension} />\n ~~{getFrameSource(stackFrame)}\~~n {/* TODO: Unlike the CodeFrame component, the `methodName` is unavailable. /}\n </span>\n <ExternalIcon width={16} height={16} />\n </div>\n </button>\n <pre className=\"code-frame-pre\">\n {decoded.map((entry, index) => (\n <span\n key={`terminal-entry-${index}`}\n style={{\n color: entry.fg ? `var(--color-${entry.fg})` : undefined,\n ...(entry.decoration === 'bold'\n ? // TODO(jiwon): This used to be 800, but the symbols like `─┬─` are\n // having longer width than expected on Geist Mono font-weight\n // above 600, hence a temporary fix is to use 500 for bold.\n { fontWeight: 500 }\n : entry.decoration === 'italic'\n ? { fontStyle: 'italic' }\n : undefined),\n }}\n >\n <HotlinkedText text={entry.content} />\n </span>\n ))}\n {importTraceFiles.map((importTraceFile) => (\n <EditorLink\n isSourceFile={false}\n key={importTraceFile}\n file={importTraceFile}\n />\n ))}\n </pre>\n </div>\n )\n}\n\nexport const TERMINAL_STYLES = css`\n [data-nextjs-terminal]::selection,\n [data-nextjs-terminal] ::selection {\n background-color: var(--color-ansi-selection);\n }\n\n [data-nextjs-terminal] * {\n color: inherit;\n background-color: transparent;\n font-family: var(--font-stack-monospace);\n }\n\n [data-nextjs-terminal] > div > p {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n margin: 0;\n }\n [data-nextjs-terminal] > div > p:hover {\n text-decoration: underline dotted;\n }\n [data-nextjs-terminal] div > pre {\n overflow: hidden;\n display: inline-block;\n }\n`\n"],"names":["Anser","React","HotlinkedText","EditorLink","ExternalIcon","noop","css","getFrameSource","useOpenInEditor","FileIcon","getFile","lines","contentFileName","shift","fileName","line","column","split","parsedLine","Number","parsedColumn","hasLocation","isNaN","location","undefined","getImportTraceFiles","some","test","files","length","includes","file","pop","trim","unshift","getEditorLinks","content","importTraceFiles","source","join","Terminal","stackFrame","useMemo","decoded","ansiToJson","json","use_classes","remove_empty","open","lineNumber","methodName","arguments","fileExtension","div","data-nextjs-codeframe","button","aria-label","className","data-with-open-in-editor-link-source-file","onClick","span","lang","width","height","pre","map","entry","index","style","color","fg","decoration","fontWeight","fontStyle","text","importTraceFile","isSourceFile","TERMINAL_STYLES"],"mappings":";;;;;;;;;;;AAAA,OAAOA,WAAW,2BAA0B;AAC5C,YAAYC,WAAW,QAAO;AAC9B,SAASC,aAAa,QAAQ,qBAAoB;AAClD,SAASC,UAAU,QAAQ,gBAAe;AAC1C,SAASC,YAAY,QAAQ,uBAAsB;AACnD,SAASC,QAAQC,GAAG,QAAQ,8BAA6B;AACzD,SAASC,cAAc,QAAQ,2CAA0C;AACzE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,QAAQ,QAAQ,mBAAkB;AAI3C,SAASC,QAAQC,KAAe;IAC9B,MAAMC,kBAAkBD,MAAME,KAAK;IACnC,IAAI,CAACD,iBAAiB,OAAO;IAC7B,MAAM,CAACE,UAAUC,MAAMC,OAAO,GAAGJ,gBAAgBK,KAAK,CAAC,KAAK;IAE5D,MAAMC,aAAaC,OAAOJ;IAC1B,MAAMK,eAAeD,OAAOH;IAC5B,MAAMK,cAAc,CAACF,OAAOG,KAAK,CAACJ,eAAe,CAACC,OAAOG,KAAK,CAACF;IAE/D,OAAO;QACLN,UAAUO,cAAcP,WAAWF;QACnCW,UAAUF,cACN;YACEN,MAAMG;YACNF,QAAQI;QACV,IACAI;IACN;AACF;AAEA,SAASC,oBAAoBd,KAAe;IAC1C,IACEA,MAAMe,IAAI,CAAC,CAACX,OAAS,8BAA8BY,IAAI,CAACZ,UACxDJ,MAAMe,IAAI,CAAC,CAACX,OAAS,qCAAqCY,IAAI,CAACZ,QAC/D;QACA,iDAAiD;QACjD,MAAMa,QAAQ,EAAE;QAChB,MACE,SAASD,IAAI,CAAChB,KAAK,CAACA,MAAMkB,MAAM,GAAG,EAAE,KACrC,CAAClB,KAAK,CAACA,MAAMkB,MAAM,GAAG,EAAE,CAACC,QAAQ,CAAC,KAClC;YACA,MAAMC,OAAOpB,MAAMqB,GAAG,GAAIC,IAAI;YAC9BL,MAAMM,OAAO,CAACH;QAChB;QAEA,OAAOH;IACT;IAEA,OAAO,EAAE;AACX;AAEA,SAASO,eAAeC,OAAe;IACrC,MAAMzB,QAAQyB,QAAQnB,KAAK,CAAC;IAC5B,MAAMc,OAAOrB,QAAQC;IACrB,MAAM0B,mBAAmBZ,oBAAoBd;IAE7C,OAAO;QAAEoB;QAAMO,QAAQ3B,MAAM4B,IAAI,CAAC;QAAOF;IAAiB;AAC5D;AAEA,OAAO,MAAMG,WAAoC,SAASA,SAAS,KAElE;IAFkE,IAAA,EACjEJ,OAAO,EACR,GAFkE;QAkBnDL,gBACJA,iBAOIA,iBACJA,iBAGYU;IA3BtB,MAAM,EAAEV,IAAI,EAAEO,MAAM,EAAED,gBAAgB,EAAE,GAAGpC,MAAMyC,OAAO,CACtD,IAAMP,eAAeC,UACrB;QAACA;KAAQ;IAGX,MAAMO,UAAU1C,MAAMyC,OAAO,CAAC;QAC5B,OAAO1C,MAAM4C,UAAU,CAACN,QAAQ;YAC9BO,MAAM;YACNC,aAAa;YACbC,cAAc;QAChB;IACF,GAAG;QAACT;KAAO;QAIGP,qBACJA;IAHV,MAAMiB,OAAOxC,gBAAgB;QAC3BuB,IAAI,EAAEA,wBAAAA,KAAMjB,QAAQ;QACpBmC,YAAYlB,CAAAA,sBAAAA,yBAAAA,iBAAAA,KAAMR,QAAQ,qBAAdQ,eAAgBhB,IAAI,YAApBgB,sBAAwB;QACpCf,QAAQe,CAAAA,wBAAAA,yBAAAA,kBAAAA,KAAMR,QAAQ,qBAAdQ,gBAAgBf,MAAM,YAAtBe,wBAA0B;IACpC;QAGQA,gBAGMA,sBACJA;IALV,MAAMU,aAAa;QACjBV,MAAMA,CAAAA,iBAAAA,wBAAAA,KAAMjB,QAAQ,YAAdiB,iBAAkB;QACxBmB,YAAY;QACZC,WAAW,EAAE;QACbF,YAAYlB,CAAAA,uBAAAA,yBAAAA,kBAAAA,KAAMR,QAAQ,qBAAdQ,gBAAgBhB,IAAI,YAApBgB,uBAAwB;QACpCf,QAAQe,CAAAA,yBAAAA,yBAAAA,kBAAAA,KAAMR,QAAQ,qBAAdQ,gBAAgBf,MAAM,YAAtBe,yBAA0B;IACpC;IAEA,MAAMqB,gBAAgBX,+BAAAA,mBAAAA,WAAYV,IAAI,qBAAhBU,iBAAkBxB,KAAK,CAAC,KAAKe,GAAG;IAEtD,qBACE,MAACqB;QAAIC,uBAAqB;;0BACxB,KAACC;gBACCC,cAAW;gBACXC,WAAU;gBACVC,2CAAyC;gBACzCC,SAASX;0BAET,cAAA,MAACK;oBAAII,WAAU;;sCACb,~~MAACG~~;4BAAKH,WAAU~~;;8CACd~~,KAAChD;~~oCAASoD~~,MAAMT~~;;gCACf7C~~,eAAekC~~;;;sCAGlB~~,~~KAACrC~~;~~4BAAa0D~~,OAAO;~~4BAAIC~~,QAAQ~~;;;;;0BAGrC~~,MAACC;~~gBAAIP~~,WAAU;;oBACZd,~~QAAQsB~~,GAAG,CAAC,CAACC,OAAOC,sBACnB,~~KAACP~~;~~4BAECQ~~,OAAO;gCACLC,OAAOH,MAAMI,EAAE,GAAG,AAAC,iBAAcJ,MAAMI,EAAE,GAAC,~~MAAK9C~~;gCAC/C,~~GAAI0C~~,MAAMK,UAAU,KAAK,SAErB,8DAA8D;gCAC9D,2DAA2D;gCAC3D;oCAAEC,YAAY;gCAAI,IAClBN,MAAMK,UAAU,KAAK,WACnB;oCAAEE,WAAW;gCAAS,~~IACtBjD~~,SAAS;4BACjB;sCAEA,cAAA,KAACtB;~~gCAAcwE~~,MAAMR,~~MAAM9B~~,OAAO;;2BAb7B,AAAC,~~oBAAiB+B~~;~~oBAgB1B9B~~,~~iBAAiB4B~~,GAAG,CAAC,CAACU,gCACrB,~~KAACxE~~;~~4BACCyE~~,cAAc;~~4BAEd7C~~,~~MAAM4C~~;2BADDA;;;;;AAOjB,EAAC;AAED,OAAO,MAAME,~~kBAAkBvE~~,uBA0B9B"}
1	+ {"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/terminal/terminal.tsx"],"sourcesContent":["import Anser from 'next/dist/compiled/anser'\nimport * as React from 'react'\nimport { HotlinkedText } from '../hot-linked-text'\nimport { EditorLink } from './editor-link'\nimport { ExternalIcon } from '../../icons/external'\nimport { noop as css } from '../../helpers/noop-template'\nimport { getFrameSource } from '../../../../internal/helpers/stack-frame'\nimport { useOpenInEditor } from '../../helpers/use-open-in-editor'\nimport { FileIcon } from '../../icons/file'\n\nexport type TerminalProps = { content: string }\n\nfunction getFile(lines: string[]) {\n const contentFileName = lines.shift()\n if (!contentFileName) return null\n const [fileName, line, column] = contentFileName.split(':', 3)\n\n const parsedLine = Number(line)\n const parsedColumn = Number(column)\n const hasLocation = !Number.isNaN(parsedLine) && !Number.isNaN(parsedColumn)\n\n return {\n fileName: hasLocation ? fileName : contentFileName,\n location: hasLocation\n ? {\n line: parsedLine,\n column: parsedColumn,\n }\n : undefined,\n }\n}\n\nfunction getImportTraceFiles(lines: string[]) {\n if (\n lines.some((line) => /ReactServerComponentsError:/.test(line)) \|\|\n lines.some((line) => /Import trace for requested module:/.test(line))\n ) {\n // Grab the lines at the end containing the files\n const files = []\n while (\n /.+\\..+/.test(lines[lines.length - 1]) &&\n !lines[lines.length - 1].includes(':')\n ) {\n const file = lines.pop()!.trim()\n files.unshift(file)\n }\n\n return files\n }\n\n return []\n}\n\nfunction getEditorLinks(content: string) {\n const lines = content.split('\\n')\n const file = getFile(lines)\n const importTraceFiles = getImportTraceFiles(lines)\n\n return { file, source: lines.join('\\n'), importTraceFiles }\n}\n\nexport const Terminal: React.FC<TerminalProps> = function Terminal({\n content,\n}) {\n const { file, source, importTraceFiles } = React.useMemo(\n () => getEditorLinks(content),\n [content]\n )\n\n const decoded = React.useMemo(() => {\n return Anser.ansiToJson(source, {\n json: true,\n use_classes: true,\n remove_empty: true,\n })\n }, [source])\n\n const open = useOpenInEditor({\n file: file?.fileName,\n lineNumber: file?.location?.line ?? 1,\n column: file?.location?.column ?? 0,\n })\n\n const stackFrame = {\n file: file?.fileName ?? null,\n methodName: '',\n arguments: [],\n lineNumber: file?.location?.line ?? null,\n column: file?.location?.column ?? null,\n }\n\n const fileExtension = stackFrame?.file?.split('.').pop()\n\n return (\n <div data-nextjs-codeframe>\n <button\n aria-label=\"Open in editor\"\n className=\"code-frame-header\"\n data-with-open-in-editor-link-source-file\n onClick={open}\n >\n <div className=\"code-frame-link\">\n <span className=\"code-frame-icon\">\n <FileIcon lang={fileExtension} />\n </span>\n <span data-text>\n {/* TODO: Unlike the CodeFrame component, the `methodName` is unavailable. /}\n {getFrameSource(stackFrame)}\n </span>\n <span className=\"code-frame-icon\" data-icon=\"right\">\n <ExternalIcon width={16} height={16} />\n </span>\n </div>\n </button>\n <pre className=\"code-frame-pre\">\n {decoded.map((entry, index) => (\n <span\n key={`terminal-entry-${index}`}\n style={{\n color: entry.fg ? `var(--color-${entry.fg})` : undefined,\n ...(entry.decoration === 'bold'\n ? // TODO(jiwon): This used to be 800, but the symbols like `─┬─` are\n // having longer width than expected on Geist Mono font-weight\n // above 600, hence a temporary fix is to use 500 for bold.\n { fontWeight: 500 }\n : entry.decoration === 'italic'\n ? { fontStyle: 'italic' }\n : undefined),\n }}\n >\n <HotlinkedText text={entry.content} />\n </span>\n ))}\n {importTraceFiles.map((importTraceFile) => (\n <EditorLink\n isSourceFile={false}\n key={importTraceFile}\n file={importTraceFile}\n />\n ))}\n </pre>\n </div>\n )\n}\n\nexport const TERMINAL_STYLES = css`\n [data-nextjs-terminal]::selection,\n [data-nextjs-terminal] ::selection {\n background-color: var(--color-ansi-selection);\n }\n\n [data-nextjs-terminal] * {\n color: inherit;\n background-color: transparent;\n font-family: var(--font-stack-monospace);\n }\n\n [data-nextjs-terminal] > div > p {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n margin: 0;\n }\n [data-nextjs-terminal] > div > p:hover {\n text-decoration: underline dotted;\n }\n [data-nextjs-terminal] div > pre {\n overflow: hidden;\n display: inline-block;\n }\n`\n"],"names":["Anser","React","HotlinkedText","EditorLink","ExternalIcon","noop","css","getFrameSource","useOpenInEditor","FileIcon","getFile","lines","contentFileName","shift","fileName","line","column","split","parsedLine","Number","parsedColumn","hasLocation","isNaN","location","undefined","getImportTraceFiles","some","test","files","length","includes","file","pop","trim","unshift","getEditorLinks","content","importTraceFiles","source","join","Terminal","stackFrame","useMemo","decoded","ansiToJson","json","use_classes","remove_empty","open","lineNumber","methodName","arguments","fileExtension","div","data-nextjs-codeframe","button","aria-label","className","data-with-open-in-editor-link-source-file","onClick","span","lang","data-text","data-icon","width","height","pre","map","entry","index","style","color","fg","decoration","fontWeight","fontStyle","text","importTraceFile","isSourceFile","TERMINAL_STYLES"],"mappings":"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"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/toast/toast.js CHANGED Viewed

@@ -6,7 +6,9 @@ export const Toast = function Toast(param) {
     return /*#__PURE__*/ _jsx("div", {
         ...props,
         onClick: (e)=>{
-            e.preventDefault();
+            if (!e.target.closest('a')) {
+                e.preventDefault();
+            }
             return onClick == null ? void 0 : onClick();
         },
         className: cx('nextjs-toast', className),

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/toast/toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/toast/toast.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cx } from '../../helpers/cx'\nexport type ToastProps = React.HTMLProps<HTMLDivElement> & {\n children?: React.ReactNode\n onClick?: () => void\n className?: string\n}\n\nexport const Toast: React.FC<ToastProps> = function Toast({\n onClick,\n children,\n className,\n ...props\n}) {\n return (\n <div\n {...props}\n onClick={(e) => {\n e.preventDefault()\n return onClick?.()\n }}\n className={cx('nextjs-toast', className)}\n >\n <div data-nextjs-toast-wrapper>{children}</div>\n </div>\n )\n}\n"],"names":["React","cx","Toast","onClick","children","className","props","div","e","preventDefault","data-nextjs-toast-wrapper"],"mappings":";AAAA,YAAYA,WAAW,QAAO;AAC9B,SAASC,EAAE,QAAQ,mBAAkB;AAOrC,OAAO,MAAMC,QAA8B,SAASA,MAAM,KAKzD;IALyD,IAAA,EACxDC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACJ,GALyD;IAMxD,qBACE,KAACC;QACE,GAAGD,KAAK;QACTH,SAAS,CAACK;~~YACRA~~,EAAEC,cAAc;~~YAChB~~,~~OAAON~~,2BAAAA;QACT;QACAE,WAAWJ,GAAG,gBAAgBI;kBAE9B,cAAA,KAACE;~~YAAIG~~,2BAAyB;~~sBAAEN~~;;;AAGtC,EAAC"}
1	+ {"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/toast/toast.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cx } from '../../helpers/cx'\nexport type ToastProps = React.HTMLProps<HTMLDivElement> & {\n children?: React.ReactNode\n onClick?: () => void\n className?: string\n}\n\nexport const Toast: React.FC<ToastProps> = function Toast({\n onClick,\n children,\n className,\n ...props\n}) {\n return (\n <div\n {...props}\n onClick={(e) => {\n if (!(e.target as HTMLElement).closest('a')) {\n e.preventDefault()\n }\n return onClick?.()\n }}\n className={cx('nextjs-toast', className)}\n >\n <div data-nextjs-toast-wrapper>{children}</div>\n </div>\n )\n}\n"],"names":["React","cx","Toast","onClick","children","className","props","div","e","target","closest","preventDefault","data-nextjs-toast-wrapper"],"mappings":";AAAA,YAAYA,WAAW,QAAO;AAC9B,SAASC,EAAE,QAAQ,mBAAkB;AAOrC,OAAO,MAAMC,QAA8B,SAASA,MAAM,KAKzD;IALyD,IAAA,EACxDC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACJ,GALyD;IAMxD,qBACE,KAACC;QACE,GAAGD,KAAK;QACTH,SAAS,CAACK;YACR,IAAI,CAAC,AAACA,EAAEC,MAAM,CAAiBC,OAAO,CAAC,MAAM;gBAC3CF,EAAEG,cAAc;YAClB;YACA,OAAOR,2BAAAA;QACT;QACAE,WAAWJ,GAAG,gBAAgBI;kBAE9B,cAAA,KAACE;YAAIK,2BAAyB;sBAAER;;;AAGtC,EAAC"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/container/errors.js CHANGED Viewed

@@ -52,7 +52,7 @@ function ErrorDescription(param) {
     });
 }
 export function Errors(param) {
-    let { readyErrors, debugInfo, onClose, ...props } = param;
+    let { runtimeErrors, debugInfo, onClose, ...props } = param;
     var _activeError_componentStackFrames;
     const dialogResizerRef = useRef(null);
     useEffect(()=>{
@@ -68,17 +68,17 @@ export function Errors(param) {
         onClose
     ]);
     const isLoading = useMemo(()=>{
-        return readyErrors.length < 1;
+        return runtimeErrors.length < 1;
     }, [
-        readyErrors.length
+        runtimeErrors.length
     ]);
     const [activeIdx, setActiveIndex] = useState(0);
     const activeError = useMemo(()=>{
-        var _readyErrors_activeIdx;
-        return (_readyErrors_activeIdx = readyErrors[activeIdx]) != null ? _readyErrors_activeIdx : null;
+        var _runtimeErrors_activeIdx;
+        return (_runtimeErrors_activeIdx = runtimeErrors[activeIdx]) != null ? _runtimeErrors_activeIdx : null;
     }, [
         activeIdx,
-        readyErrors
+        runtimeErrors
     ]);
     if (isLoading) {
         // TODO: better loading state
@@ -116,7 +116,7 @@ export function Errors(param) {
         onClose: isServerError ? undefined : onClose,
         debugInfo: debugInfo,
         error: error,
-        readyErrors: readyErrors,
+        runtimeErrors: runtimeErrors,
         activeIdx: activeIdx,
         setActiveIndex: setActiveIndex,
         footerMessage: footerMessage,

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/container/errors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/errors.tsx"],"sourcesContent":["import { useState, useMemo, useEffect, useRef, Suspense } from 'react'\nimport type { DebugInfo } from '../../../types'\nimport { Overlay } from '../components/overlay'\nimport { noop as css } from '../helpers/noop-template'\nimport { RuntimeError } from './runtime-error'\nimport { getErrorSource } from '../../../../../../shared/lib/error-source'\nimport { HotlinkedText } from '../components/hot-linked-text'\nimport { PseudoHtmlDiff } from './runtime-error/component-stack-pseudo-html'\nimport {\n type HydrationErrorState,\n getHydrationWarningType,\n} from '../../../../errors/hydration-error-info'\nimport {\n getUnhandledErrorType,\n isUnhandledConsoleOrRejection,\n} from '../../../../errors/console-error'\nimport { extractNextErrorCode } from '../../../../../../lib/error-telemetry-utils'\nimport { ErrorOverlayLayout } from '../components/errors/error-overlay-layout/error-overlay-layout'\nimport type { ReadyRuntimeError } from '../../../internal/helpers/get-error-by-type'\nimport type { ErrorBaseProps } from '../components/errors/error-overlay/error-overlay'\n\nexport interface ErrorsProps extends ErrorBaseProps {\n readyErrors: ReadyRuntimeError[]\n debugInfo: DebugInfo\n onClose: () => void\n}\n\ntype ReadyErrorEvent = ReadyRuntimeError\n\nfunction isNextjsLink(text: string): boolean {\n return text.startsWith('https://nextjs.org')\n}\n\nfunction ErrorDescription({\n error,\n hydrationWarning,\n}: {\n error: Error\n hydrationWarning: string \| null\n}) {\n const isUnhandledOrReplayError = isUnhandledConsoleOrRejection(error)\n const unhandledErrorType = isUnhandledOrReplayError\n ? getUnhandledErrorType(error)\n : null\n const isConsoleErrorStringMessage = unhandledErrorType === 'string'\n // If the error is:\n // - hydration warning\n // - captured console error or unhandled rejection\n // skip displaying the error name\n const title =\n (isUnhandledOrReplayError && isConsoleErrorStringMessage) \|\|\n hydrationWarning\n ? ''\n : error.name + ': '\n\n const environmentName =\n 'environmentName' in error ? error.environmentName : ''\n const envPrefix = environmentName ? `[ ${environmentName} ] ` : ''\n\n // The environment name will be displayed as a label, so remove it\n // from the message (e.g. \"[ Server ] hello world\" -> \"hello world\").\n let message = error.message\n if (message.startsWith(envPrefix)) {\n message = message.slice(envPrefix.length)\n }\n\n return (\n <>\n {title}\n <HotlinkedText\n text={hydrationWarning \|\| message}\n matcher={isNextjsLink}\n />\n </>\n )\n}\n\nexport function Errors({\n readyErrors,\n debugInfo,\n onClose,\n ...props\n}: ErrorsProps) {\n const dialogResizerRef = useRef<HTMLDivElement \| null>(null)\n\n useEffect(() => {\n // Close the error overlay when pressing escape\n function handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n onClose()\n }\n }\n\n document.addEventListener('keydown', handleKeyDown)\n return () => document.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const isLoading = useMemo<boolean>(() => {\n return readyErrors.length < 1\n }, [readyErrors.length])\n\n const [activeIdx, setActiveIndex] = useState<number>(0)\n\n const activeError = useMemo<ReadyErrorEvent \| null>(\n () => readyErrors[activeIdx] ?? null,\n [activeIdx, readyErrors]\n )\n\n if (isLoading) {\n // TODO: better loading state\n return <Overlay />\n }\n\n if (!activeError) {\n return null\n }\n\n const error = activeError.error\n const isServerError = ['server', 'edge-server'].includes(\n getErrorSource(error) \|\| ''\n )\n const isUnhandledError = isUnhandledConsoleOrRejection(error)\n const errorDetails: HydrationErrorState = (error as any).details \|\| {}\n const notes = errorDetails.notes \|\| ''\n const [warningTemplate, serverContent, clientContent] =\n errorDetails.warning \|\| [null, '', '']\n\n const hydrationErrorType = getHydrationWarningType(warningTemplate)\n const hydrationWarning = warningTemplate\n ? warningTemplate\n .replace('%s', serverContent)\n .replace('%s', clientContent)\n .replace('%s', '') // remove the %s for stack\n .replace(/%s$/, '') // If there's still a %s at the end, remove it\n .replace(/^Warning: /, '')\n .replace(/^Error: /, '')\n : null\n\n const errorCode = extractNextErrorCode(error)\n\n const footerMessage = isServerError\n ? 'This error happened while generating the page. Any console logs will be displayed in the terminal window.'\n : undefined\n\n return (\n <ErrorOverlayLayout\n errorCode={errorCode}\n errorType={\n isServerError\n ? 'Runtime Error'\n : isUnhandledError\n ? 'Console Error'\n : 'Unhandled Runtime Error'\n }\n errorMessage={\n <ErrorDescription error={error} hydrationWarning={hydrationWarning} />\n }\n onClose={isServerError ? undefined : onClose}\n debugInfo={debugInfo}\n error={error}\n readyErrors={readyErrors}\n activeIdx={activeIdx}\n setActiveIndex={setActiveIndex}\n footerMessage={footerMessage}\n dialogResizerRef={dialogResizerRef}\n {...props}\n >\n <div className=\"error-overlay-notes-container\">\n {notes ? (\n <>\n <p\n id=\"nextjs__container_errors__notes\"\n className=\"nextjs__container_errors__notes\"\n >\n {notes}\n </p>\n </>\n ) : null}\n {hydrationWarning ? (\n <p\n id=\"nextjs__container_errors__link\"\n className=\"nextjs__container_errors__link\"\n >\n <HotlinkedText text=\"See more info here: https://nextjs.org/docs/messages/react-hydration-error\" />\n </p>\n ) : null}\n </div>\n\n {hydrationWarning &&\n (activeError.componentStackFrames?.length \|\|\n !!errorDetails.reactOutputComponentDiff) ? (\n <PseudoHtmlDiff\n className=\"nextjs__container_errors__component-stack\"\n hydrationMismatchType={hydrationErrorType}\n firstContent={serverContent}\n secondContent={clientContent}\n reactOutputComponentDiff={errorDetails.reactOutputComponentDiff \|\| ''}\n />\n ) : null}\n <Suspense fallback={<div data-nextjs-error-suspended />}>\n <RuntimeError\n key={activeError.id.toString()}\n error={activeError}\n dialogResizerRef={dialogResizerRef}\n />\n </Suspense>\n </ErrorOverlayLayout>\n )\n}\n\nexport const styles = css`\n .nextjs-error-with-static {\n bottom: calc(var(--size-gap-double) * 4.5);\n }\n p.nextjs__container_errors__link {\n font-size: 14px;\n }\n p.nextjs__container_errors__notes {\n color: var(--color-stack-notes);\n font-size: 14px;\n line-height: 1.5;\n }\n .nextjs-container-errors-body > h2:not(:first-child) {\n margin-top: calc(var(--size-gap-double) + var(--size-gap));\n }\n .nextjs-container-errors-body > h2 {\n color: var(--color-title-color);\n margin-bottom: var(--size-gap);\n font-size: var(--size-font-big);\n }\n .nextjs-toast-errors-parent {\n cursor: pointer;\n transition: transform 0.2s ease;\n }\n .nextjs-toast-errors-parent:hover {\n transform: scale(1.1);\n }\n .nextjs-toast-errors {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n }\n .nextjs-toast-errors > svg {\n margin-right: var(--size-gap);\n }\n .nextjs-toast-hide-button {\n margin-left: var(--size-gap-triple);\n border: none;\n background: none;\n color: var(--color-ansi-bright-white);\n padding: 0;\n transition: opacity 0.25s ease;\n opacity: 0.7;\n }\n .nextjs-toast-hide-button:hover {\n opacity: 1;\n }\n .nextjs__container_errors_inspect_copy_button {\n cursor: pointer;\n background: none;\n border: none;\n color: var(--color-ansi-bright-white);\n font-size: 1.5rem;\n padding: 0;\n margin: 0;\n margin-left: var(--size-gap);\n transition: opacity 0.25s ease;\n }\n .nextjs__container_errors__error_title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--size-3_5);\n }\n .error-overlay-notes-container {\n margin: var(--size-2) var(--size-0_5);\n }\n .error-overlay-notes-container p {\n white-space: pre-wrap;\n }\n`\n"],"names":["useState","useMemo","useEffect","useRef","Suspense","Overlay","noop","css","RuntimeError","getErrorSource","HotlinkedText","PseudoHtmlDiff","getHydrationWarningType","getUnhandledErrorType","isUnhandledConsoleOrRejection","extractNextErrorCode","ErrorOverlayLayout","isNextjsLink","text","startsWith","ErrorDescription","error","hydrationWarning","isUnhandledOrReplayError","unhandledErrorType","isConsoleErrorStringMessage","title","name","environmentName","envPrefix","message","slice","length","matcher","Errors","readyErrors","debugInfo","onClose","props","activeError","dialogResizerRef","handleKeyDown","event","key","document","addEventListener","removeEventListener","isLoading","activeIdx","setActiveIndex","isServerError","includes","isUnhandledError","errorDetails","details","notes","warningTemplate","serverContent","clientContent","warning","hydrationErrorType","replace","errorCode","footerMessage","undefined","errorType","errorMessage","div","className","p","id","componentStackFrames","reactOutputComponentDiff","hydrationMismatchType","firstContent","secondContent","fallback","data-nextjs-error-suspended","toString","styles"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/errors.tsx"],"sourcesContent":["import { useState, useMemo, useEffect, useRef, Suspense } from 'react'\nimport type { DebugInfo } from '../../../types'\nimport { Overlay } from '../components/overlay'\nimport { noop as css } from '../helpers/noop-template'\nimport { RuntimeError } from './runtime-error'\nimport { getErrorSource } from '../../../../../../shared/lib/error-source'\nimport { HotlinkedText } from '../components/hot-linked-text'\nimport { PseudoHtmlDiff } from './runtime-error/component-stack-pseudo-html'\nimport {\n type HydrationErrorState,\n getHydrationWarningType,\n} from '../../../../errors/hydration-error-info'\nimport {\n getUnhandledErrorType,\n isUnhandledConsoleOrRejection,\n} from '../../../../errors/console-error'\nimport { extractNextErrorCode } from '../../../../../../lib/error-telemetry-utils'\nimport { ErrorOverlayLayout } from '../components/errors/error-overlay-layout/error-overlay-layout'\nimport type { ReadyRuntimeError } from '../../../internal/helpers/get-error-by-type'\nimport type { ErrorBaseProps } from '../components/errors/error-overlay/error-overlay'\n\nexport interface ErrorsProps extends ErrorBaseProps {\n runtimeErrors: ReadyRuntimeError[]\n debugInfo: DebugInfo\n onClose: () => void\n}\n\ntype ReadyErrorEvent = ReadyRuntimeError\n\nfunction isNextjsLink(text: string): boolean {\n return text.startsWith('https://nextjs.org')\n}\n\nfunction ErrorDescription({\n error,\n hydrationWarning,\n}: {\n error: Error\n hydrationWarning: string \| null\n}) {\n const isUnhandledOrReplayError = isUnhandledConsoleOrRejection(error)\n const unhandledErrorType = isUnhandledOrReplayError\n ? getUnhandledErrorType(error)\n : null\n const isConsoleErrorStringMessage = unhandledErrorType === 'string'\n // If the error is:\n // - hydration warning\n // - captured console error or unhandled rejection\n // skip displaying the error name\n const title =\n (isUnhandledOrReplayError && isConsoleErrorStringMessage) \|\|\n hydrationWarning\n ? ''\n : error.name + ': '\n\n const environmentName =\n 'environmentName' in error ? error.environmentName : ''\n const envPrefix = environmentName ? `[ ${environmentName} ] ` : ''\n\n // The environment name will be displayed as a label, so remove it\n // from the message (e.g. \"[ Server ] hello world\" -> \"hello world\").\n let message = error.message\n if (message.startsWith(envPrefix)) {\n message = message.slice(envPrefix.length)\n }\n\n return (\n <>\n {title}\n <HotlinkedText\n text={hydrationWarning \|\| message}\n matcher={isNextjsLink}\n />\n </>\n )\n}\n\nexport function Errors({\n runtimeErrors,\n debugInfo,\n onClose,\n ...props\n}: ErrorsProps) {\n const dialogResizerRef = useRef<HTMLDivElement \| null>(null)\n\n useEffect(() => {\n // Close the error overlay when pressing escape\n function handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n onClose()\n }\n }\n\n document.addEventListener('keydown', handleKeyDown)\n return () => document.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const isLoading = useMemo<boolean>(() => {\n return runtimeErrors.length < 1\n }, [runtimeErrors.length])\n\n const [activeIdx, setActiveIndex] = useState<number>(0)\n\n const activeError = useMemo<ReadyErrorEvent \| null>(\n () => runtimeErrors[activeIdx] ?? null,\n [activeIdx, runtimeErrors]\n )\n\n if (isLoading) {\n // TODO: better loading state\n return <Overlay />\n }\n\n if (!activeError) {\n return null\n }\n\n const error = activeError.error\n const isServerError = ['server', 'edge-server'].includes(\n getErrorSource(error) \|\| ''\n )\n const isUnhandledError = isUnhandledConsoleOrRejection(error)\n const errorDetails: HydrationErrorState = (error as any).details \|\| {}\n const notes = errorDetails.notes \|\| ''\n const [warningTemplate, serverContent, clientContent] =\n errorDetails.warning \|\| [null, '', '']\n\n const hydrationErrorType = getHydrationWarningType(warningTemplate)\n const hydrationWarning = warningTemplate\n ? warningTemplate\n .replace('%s', serverContent)\n .replace('%s', clientContent)\n .replace('%s', '') // remove the %s for stack\n .replace(/%s$/, '') // If there's still a %s at the end, remove it\n .replace(/^Warning: /, '')\n .replace(/^Error: /, '')\n : null\n\n const errorCode = extractNextErrorCode(error)\n\n const footerMessage = isServerError\n ? 'This error happened while generating the page. Any console logs will be displayed in the terminal window.'\n : undefined\n\n return (\n <ErrorOverlayLayout\n errorCode={errorCode}\n errorType={\n isServerError\n ? 'Runtime Error'\n : isUnhandledError\n ? 'Console Error'\n : 'Unhandled Runtime Error'\n }\n errorMessage={\n <ErrorDescription error={error} hydrationWarning={hydrationWarning} />\n }\n onClose={isServerError ? undefined : onClose}\n debugInfo={debugInfo}\n error={error}\n runtimeErrors={runtimeErrors}\n activeIdx={activeIdx}\n setActiveIndex={setActiveIndex}\n footerMessage={footerMessage}\n dialogResizerRef={dialogResizerRef}\n {...props}\n >\n <div className=\"error-overlay-notes-container\">\n {notes ? (\n <>\n <p\n id=\"nextjs__container_errors__notes\"\n className=\"nextjs__container_errors__notes\"\n >\n {notes}\n </p>\n </>\n ) : null}\n {hydrationWarning ? (\n <p\n id=\"nextjs__container_errors__link\"\n className=\"nextjs__container_errors__link\"\n >\n <HotlinkedText text=\"See more info here: https://nextjs.org/docs/messages/react-hydration-error\" />\n </p>\n ) : null}\n </div>\n\n {hydrationWarning &&\n (activeError.componentStackFrames?.length \|\|\n !!errorDetails.reactOutputComponentDiff) ? (\n <PseudoHtmlDiff\n className=\"nextjs__container_errors__component-stack\"\n hydrationMismatchType={hydrationErrorType}\n firstContent={serverContent}\n secondContent={clientContent}\n reactOutputComponentDiff={errorDetails.reactOutputComponentDiff \|\| ''}\n />\n ) : null}\n <Suspense fallback={<div data-nextjs-error-suspended />}>\n <RuntimeError\n key={activeError.id.toString()}\n error={activeError}\n dialogResizerRef={dialogResizerRef}\n />\n </Suspense>\n </ErrorOverlayLayout>\n )\n}\n\nexport const styles = css`\n .nextjs-error-with-static {\n bottom: calc(var(--size-gap-double) * 4.5);\n }\n p.nextjs__container_errors__link {\n font-size: 14px;\n }\n p.nextjs__container_errors__notes {\n color: var(--color-stack-notes);\n font-size: 14px;\n line-height: 1.5;\n }\n .nextjs-container-errors-body > h2:not(:first-child) {\n margin-top: calc(var(--size-gap-double) + var(--size-gap));\n }\n .nextjs-container-errors-body > h2 {\n color: var(--color-title-color);\n margin-bottom: var(--size-gap);\n font-size: var(--size-font-big);\n }\n .nextjs-toast-errors-parent {\n cursor: pointer;\n transition: transform 0.2s ease;\n }\n .nextjs-toast-errors-parent:hover {\n transform: scale(1.1);\n }\n .nextjs-toast-errors {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n }\n .nextjs-toast-errors > svg {\n margin-right: var(--size-gap);\n }\n .nextjs-toast-hide-button {\n margin-left: var(--size-gap-triple);\n border: none;\n background: none;\n color: var(--color-ansi-bright-white);\n padding: 0;\n transition: opacity 0.25s ease;\n opacity: 0.7;\n }\n .nextjs-toast-hide-button:hover {\n opacity: 1;\n }\n .nextjs__container_errors_inspect_copy_button {\n cursor: pointer;\n background: none;\n border: none;\n color: var(--color-ansi-bright-white);\n font-size: 1.5rem;\n padding: 0;\n margin: 0;\n margin-left: var(--size-gap);\n transition: opacity 0.25s ease;\n }\n .nextjs__container_errors__error_title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--size-3_5);\n }\n .error-overlay-notes-container {\n margin: var(--size-2) var(--size-0_5);\n }\n .error-overlay-notes-container p {\n white-space: pre-wrap;\n }\n`\n"],"names":["useState","useMemo","useEffect","useRef","Suspense","Overlay","noop","css","RuntimeError","getErrorSource","HotlinkedText","PseudoHtmlDiff","getHydrationWarningType","getUnhandledErrorType","isUnhandledConsoleOrRejection","extractNextErrorCode","ErrorOverlayLayout","isNextjsLink","text","startsWith","ErrorDescription","error","hydrationWarning","isUnhandledOrReplayError","unhandledErrorType","isConsoleErrorStringMessage","title","name","environmentName","envPrefix","message","slice","length","matcher","Errors","runtimeErrors","debugInfo","onClose","props","activeError","dialogResizerRef","handleKeyDown","event","key","document","addEventListener","removeEventListener","isLoading","activeIdx","setActiveIndex","isServerError","includes","isUnhandledError","errorDetails","details","notes","warningTemplate","serverContent","clientContent","warning","hydrationErrorType","replace","errorCode","footerMessage","undefined","errorType","errorMessage","div","className","p","id","componentStackFrames","reactOutputComponentDiff","hydrationMismatchType","firstContent","secondContent","fallback","data-nextjs-error-suspended","toString","styles"],"mappings":"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"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/container/errors.stories.js CHANGED Viewed

@@ -55,7 +55,7 @@ const ignoredFrame = {
     ...frame,
     ignored: true
 };
-const readyErrors = [
+const runtimeErrors = [
     {
         id: 1,
         runtime: true,
@@ -132,7 +132,7 @@ const readyErrors = [
 ];
 export const Default = {
     args: {
-        readyErrors,
+        runtimeErrors,
         versionInfo: {
             installed: '15.0.0',
             staleness: 'fresh'
@@ -153,9 +153,9 @@ export const Turbopack = {
 export const VeryLongErrorMessage = {
     args: {
         ...Default.args,
-        readyErrors: [
+        runtimeErrors: [
             {
-                ...readyErrors[0],
+                ...runtimeErrors[0],
                 error: Object.assign(new Error(lorem))
             }
         ]
@@ -163,7 +163,7 @@ export const VeryLongErrorMessage = {
 };
 export const WithHydrationWarning = {
     args: {
-        readyErrors: [
+        runtimeErrors: [
             {
                 id: 1,
                 runtime: true,

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/container/errors.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/errors.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Errors } from './errors'\nimport { withShadowPortal } from '../storybook/with-shadow-portal'\nimport type { ReadyRuntimeError } from '../../../internal/helpers/get-error-by-type'\nimport { lorem } from '../../../internal/utils/lorem'\n\nconst meta: Meta<typeof Errors> = {\n component: Errors,\n parameters: {\n layout: 'fullscreen',\n },\n decorators: [withShadowPortal],\n}\n\nexport default meta\ntype Story = StoryObj<typeof Errors>\n\nconst originalCodeFrame = (message: string) => {\n return `\\u001b[0m \\u001b[90m 1 \\u001b[39m \\u001b[36mexport\\u001b[39m \\u001b[36mdefault\\u001b[39m \\u001b[36mfunction\\u001b[39m \\u001b[33mHome\\u001b[39m() {\\u001b[0m\n\\u001b[0m\\u001b[31m\\u001b[1m>\\u001b[22m\\u001b[39m\\u001b[90m 2 \\u001b[39m \\u001b[36mthrow\\u001b[39m \\u001b[36mnew\\u001b[39m \\u001b[33mError\\u001b[39m(\\u001b[32m'${message}'\\u001b[39m)\\u001b[0m\n\\u001b[0m \\u001b[90m \\u001b[39m \\u001b[31m\\u001b[1m^\\u001b[22m\\u001b[39m\\u001b[0m\n\\u001b[0m \\u001b[90m 3 \\u001b[39m \\u001b[36mreturn\\u001b[39m \\u001b[33m<\\u001b[39m\\u001b[33mdiv\\u001b[39m\\u001b[33m>\\u001b[39m\\u001b[33mWelcome to my Next.js application! This is a longer piece of text that will demonstrate text wrapping behavior in the code frame.\\u001b[39m\\u001b[33m<\\u001b[39m\\u001b[33m/\\u001b[39m\\u001b[33mdiv\\u001b[39m\\u001b[33m>\\u001b[39m\\u001b[0m\n\\u001b[0m \\u001b[90m 4 \\u001b[39m }\\u001b[0m\n\\u001b[0m \\u001b[90m 5 \\u001b[39m\\u001b[0m`\n}\n\nconst sourceStackFrame = {\n file: 'app/page.tsx',\n methodName: 'Home',\n arguments: [],\n lineNumber: 2,\n column: 9,\n}\n\nconst originalStackFrame = {\n file: 'app/page.tsx',\n methodName: 'Home',\n arguments: [],\n lineNumber: 2,\n column: 9,\n ignored: false,\n}\n\nconst frame = {\n originalStackFrame: {\n file: './app/page.tsx',\n methodName: 'MyComponent',\n arguments: [],\n lineNumber: 10,\n column: 5,\n ignored: false,\n },\n sourceStackFrame: {\n file: './app/page.tsx',\n methodName: 'MyComponent',\n arguments: [],\n lineNumber: 10,\n column: 5,\n },\n originalCodeFrame: 'export default function MyComponent() {',\n error: false,\n reason: null,\n external: false,\n ignored: false,\n}\n\nconst ignoredFrame = {\n ...frame,\n ignored: true,\n}\n\nconst readyErrors: ReadyRuntimeError[] = [\n {\n id: 1,\n runtime: true,\n error: new Error('First error message'),\n frames: () =>\n Promise.resolve([\n frame,\n {\n ...frame,\n originalStackFrame: {\n ...frame.originalStackFrame,\n methodName: 'ParentComponent',\n lineNumber: 5,\n },\n },\n {\n ...frame,\n originalStackFrame: {\n ...frame.originalStackFrame,\n methodName: 'GrandparentComponent',\n lineNumber: 1,\n },\n },\n ...Array(20).fill(ignoredFrame),\n ]),\n },\n {\n id: 2,\n runtime: true,\n error: new Error('Second error message'),\n frames: () =>\n Promise.resolve([\n {\n error: true,\n reason: 'Second error message',\n external: false,\n ignored: false,\n sourceStackFrame,\n originalStackFrame,\n originalCodeFrame: originalCodeFrame('Second error message'),\n },\n ]),\n },\n {\n id: 3,\n runtime: true,\n error: new Error('Third error message'),\n frames: () =>\n Promise.resolve([\n {\n error: true,\n reason: 'Third error message',\n external: false,\n ignored: false,\n sourceStackFrame,\n originalStackFrame,\n originalCodeFrame: originalCodeFrame('Third error message'),\n },\n ]),\n },\n {\n id: 4,\n runtime: true,\n error: new Error('Fourth error message'),\n frames: () =>\n Promise.resolve([\n {\n error: true,\n reason: 'Fourth error message',\n external: false,\n ignored: false,\n sourceStackFrame,\n originalStackFrame,\n originalCodeFrame: originalCodeFrame('Fourth error message'),\n },\n ]),\n },\n]\n\nexport const Default: Story = {\n args: {\n readyErrors,\n versionInfo: {\n installed: '15.0.0',\n staleness: 'fresh',\n },\n debugInfo: { devtoolsFrontendUrl: undefined },\n isTurbopack: false,\n onClose: () => {},\n },\n}\n\nexport const Turbopack: Story = {\n args: {\n ...Default.args,\n isTurbopack: true,\n },\n}\n\nexport const VeryLongErrorMessage: Story = {\n args: {\n ...Default.args,\n readyErrors: [\n {\n ...readyErrors[0],\n error: Object.assign(new Error(lorem)),\n },\n ],\n },\n}\n\nexport const WithHydrationWarning: Story = {\n args: {\n readyErrors: [\n {\n id: 1,\n runtime: true,\n error: Object.assign(new Error('Hydration error'), {\n details: {\n warning: [\n 'Text content does not match server-rendered HTML: \"%s\" !== \"%s\"',\n 'Server Content',\n 'Client Content',\n ],\n reactOutputComponentDiff: `<MyComponent>\n <ParentComponent>\n <div>\n- <p> hello world and welcome to my amazing website with lots of content hello world and welcome to my amazing website with lots of content </p>\n+ <div> hello world and welcome to my amazing website with lots of content hello world and welcome to my amazing website with lots of content </div>`,\n },\n componentStackFrames: [\n {\n component: 'MyComponent',\n file: 'app/page.tsx',\n lineNumber: 10,\n columnNumber: 5,\n },\n {\n component: 'ParentComponent',\n file: 'app/layout.tsx',\n lineNumber: 20,\n columnNumber: 3,\n },\n ],\n }),\n frames: () =>\n Promise.resolve([\n {\n error: true,\n reason: 'First error message',\n external: false,\n ignored: false,\n sourceStackFrame: {\n file: 'app/page.tsx',\n methodName: 'Home',\n arguments: [],\n lineNumber: 10,\n column: 5,\n },\n },\n ]),\n },\n ],\n debugInfo: { devtoolsFrontendUrl: undefined },\n onClose: () => {},\n },\n}\n"],"names":["Errors","withShadowPortal","lorem","meta","component","parameters","layout","decorators","originalCodeFrame","message","sourceStackFrame","file","methodName","arguments","lineNumber","column","originalStackFrame","ignored","frame","error","reason","external","ignoredFrame","readyErrors","id","runtime","Error","frames","Promise","resolve","Array","fill","Default","args","versionInfo","installed","staleness","debugInfo","devtoolsFrontendUrl","undefined","isTurbopack","onClose","Turbopack","VeryLongErrorMessage","Object","assign","WithHydrationWarning","details","warning","reactOutputComponentDiff","componentStackFrames","columnNumber"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/errors.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Errors } from './errors'\nimport { withShadowPortal } from '../storybook/with-shadow-portal'\nimport type { ReadyRuntimeError } from '../../../internal/helpers/get-error-by-type'\nimport { lorem } from '../../../internal/utils/lorem'\n\nconst meta: Meta<typeof Errors> = {\n component: Errors,\n parameters: {\n layout: 'fullscreen',\n },\n decorators: [withShadowPortal],\n}\n\nexport default meta\ntype Story = StoryObj<typeof Errors>\n\nconst originalCodeFrame = (message: string) => {\n return `\\u001b[0m \\u001b[90m 1 \\u001b[39m \\u001b[36mexport\\u001b[39m \\u001b[36mdefault\\u001b[39m \\u001b[36mfunction\\u001b[39m \\u001b[33mHome\\u001b[39m() {\\u001b[0m\n\\u001b[0m\\u001b[31m\\u001b[1m>\\u001b[22m\\u001b[39m\\u001b[90m 2 \\u001b[39m \\u001b[36mthrow\\u001b[39m \\u001b[36mnew\\u001b[39m \\u001b[33mError\\u001b[39m(\\u001b[32m'${message}'\\u001b[39m)\\u001b[0m\n\\u001b[0m \\u001b[90m \\u001b[39m \\u001b[31m\\u001b[1m^\\u001b[22m\\u001b[39m\\u001b[0m\n\\u001b[0m \\u001b[90m 3 \\u001b[39m \\u001b[36mreturn\\u001b[39m \\u001b[33m<\\u001b[39m\\u001b[33mdiv\\u001b[39m\\u001b[33m>\\u001b[39m\\u001b[33mWelcome to my Next.js application! This is a longer piece of text that will demonstrate text wrapping behavior in the code frame.\\u001b[39m\\u001b[33m<\\u001b[39m\\u001b[33m/\\u001b[39m\\u001b[33mdiv\\u001b[39m\\u001b[33m>\\u001b[39m\\u001b[0m\n\\u001b[0m \\u001b[90m 4 \\u001b[39m }\\u001b[0m\n\\u001b[0m \\u001b[90m 5 \\u001b[39m\\u001b[0m`\n}\n\nconst sourceStackFrame = {\n file: 'app/page.tsx',\n methodName: 'Home',\n arguments: [],\n lineNumber: 2,\n column: 9,\n}\n\nconst originalStackFrame = {\n file: 'app/page.tsx',\n methodName: 'Home',\n arguments: [],\n lineNumber: 2,\n column: 9,\n ignored: false,\n}\n\nconst frame = {\n originalStackFrame: {\n file: './app/page.tsx',\n methodName: 'MyComponent',\n arguments: [],\n lineNumber: 10,\n column: 5,\n ignored: false,\n },\n sourceStackFrame: {\n file: './app/page.tsx',\n methodName: 'MyComponent',\n arguments: [],\n lineNumber: 10,\n column: 5,\n },\n originalCodeFrame: 'export default function MyComponent() {',\n error: false,\n reason: null,\n external: false,\n ignored: false,\n}\n\nconst ignoredFrame = {\n ...frame,\n ignored: true,\n}\n\nconst runtimeErrors: ReadyRuntimeError[] = [\n {\n id: 1,\n runtime: true,\n error: new Error('First error message'),\n frames: () =>\n Promise.resolve([\n frame,\n {\n ...frame,\n originalStackFrame: {\n ...frame.originalStackFrame,\n methodName: 'ParentComponent',\n lineNumber: 5,\n },\n },\n {\n ...frame,\n originalStackFrame: {\n ...frame.originalStackFrame,\n methodName: 'GrandparentComponent',\n lineNumber: 1,\n },\n },\n ...Array(20).fill(ignoredFrame),\n ]),\n },\n {\n id: 2,\n runtime: true,\n error: new Error('Second error message'),\n frames: () =>\n Promise.resolve([\n {\n error: true,\n reason: 'Second error message',\n external: false,\n ignored: false,\n sourceStackFrame,\n originalStackFrame,\n originalCodeFrame: originalCodeFrame('Second error message'),\n },\n ]),\n },\n {\n id: 3,\n runtime: true,\n error: new Error('Third error message'),\n frames: () =>\n Promise.resolve([\n {\n error: true,\n reason: 'Third error message',\n external: false,\n ignored: false,\n sourceStackFrame,\n originalStackFrame,\n originalCodeFrame: originalCodeFrame('Third error message'),\n },\n ]),\n },\n {\n id: 4,\n runtime: true,\n error: new Error('Fourth error message'),\n frames: () =>\n Promise.resolve([\n {\n error: true,\n reason: 'Fourth error message',\n external: false,\n ignored: false,\n sourceStackFrame,\n originalStackFrame,\n originalCodeFrame: originalCodeFrame('Fourth error message'),\n },\n ]),\n },\n]\n\nexport const Default: Story = {\n args: {\n runtimeErrors,\n versionInfo: {\n installed: '15.0.0',\n staleness: 'fresh',\n },\n debugInfo: { devtoolsFrontendUrl: undefined },\n isTurbopack: false,\n onClose: () => {},\n },\n}\n\nexport const Turbopack: Story = {\n args: {\n ...Default.args,\n isTurbopack: true,\n },\n}\n\nexport const VeryLongErrorMessage: Story = {\n args: {\n ...Default.args,\n runtimeErrors: [\n {\n ...runtimeErrors[0],\n error: Object.assign(new Error(lorem)),\n },\n ],\n },\n}\n\nexport const WithHydrationWarning: Story = {\n args: {\n runtimeErrors: [\n {\n id: 1,\n runtime: true,\n error: Object.assign(new Error('Hydration error'), {\n details: {\n warning: [\n 'Text content does not match server-rendered HTML: \"%s\" !== \"%s\"',\n 'Server Content',\n 'Client Content',\n ],\n reactOutputComponentDiff: `<MyComponent>\n <ParentComponent>\n <div>\n- <p> hello world and welcome to my amazing website with lots of content hello world and welcome to my amazing website with lots of content </p>\n+ <div> hello world and welcome to my amazing website with lots of content hello world and welcome to my amazing website with lots of content </div>`,\n },\n componentStackFrames: [\n {\n component: 'MyComponent',\n file: 'app/page.tsx',\n lineNumber: 10,\n columnNumber: 5,\n },\n {\n component: 'ParentComponent',\n file: 'app/layout.tsx',\n lineNumber: 20,\n columnNumber: 3,\n },\n ],\n }),\n frames: () =>\n Promise.resolve([\n {\n error: true,\n reason: 'First error message',\n external: false,\n ignored: false,\n sourceStackFrame: {\n file: 'app/page.tsx',\n methodName: 'Home',\n arguments: [],\n lineNumber: 10,\n column: 5,\n },\n },\n ]),\n },\n ],\n debugInfo: { devtoolsFrontendUrl: undefined },\n onClose: () => {},\n },\n}\n"],"names":["Errors","withShadowPortal","lorem","meta","component","parameters","layout","decorators","originalCodeFrame","message","sourceStackFrame","file","methodName","arguments","lineNumber","column","originalStackFrame","ignored","frame","error","reason","external","ignoredFrame","runtimeErrors","id","runtime","Error","frames","Promise","resolve","Array","fill","Default","args","versionInfo","installed","staleness","debugInfo","devtoolsFrontendUrl","undefined","isTurbopack","onClose","Turbopack","VeryLongErrorMessage","Object","assign","WithHydrationWarning","details","warning","reactOutputComponentDiff","componentStackFrames","columnNumber"],"mappings":"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"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/container/runtime-error/component-stack-pseudo-html.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
 function _templateObject() {
     const data = _tagged_template_literal_loose([
-        "\n  [data-nextjs-container-errors-pseudo-html] {\n    margin: var(--size-2) 0;\n    border: 1px solid var(--color-gray-400);\n    background: var(--color-background-200);\n    color: var(--color-syntax-constant);\n    font-family: var(--font-stack-monospace);\n    font-size: var(--size-font-smaller);\n    line-height: var(--size-4);\n    border-radius: var(--size-2);\n  }\n  [data-nextjs-container-errors-pseudo-html-line] {\n    display: inline-block;\n    width: 100%;\n    padding-left: var(--size-10);\n    line-height: calc(5 / 3);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='error'] {\n    background: var(--color-amber-100);\n    font-weight: bold;\n  }\n  [data-nextjs-container-errors-pseudo-html-collapse-button] {\n    all: unset;\n    margin-left: var(--size-3);\n    &:focus {\n      outline: none;\n    }\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='add'] {\n    background: var(--color-green-300);\n  }\n  [data-nextjs-container-errors-pseudo-html-line-sign] {\n    margin-left: calc(var(--size-6) * -1);\n    margin-right: var(--size-6);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='add']\n    [data-nextjs-container-errors-pseudo-html-line-sign] {\n    color: var(--color-green-900);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='remove'] {\n    background: var(--color-red-300);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='remove']\n    [data-nextjs-container-errors-pseudo-html-line-sign] {\n    color: var(--color-red-900);\n    margin-left: calc(var(--size-6) * -1);\n    margin-right: var(--size-6);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='error']\n    [data-nextjs-container-errors-pseudo-html-line-sign] {\n    color: var(--color-amber-900);\n  }\n  ",
+        "\n  [data-nextjs-container-errors-pseudo-html] {\n    padding: var(--size-2) 0;\n    margin: var(--size-2) 0;\n    border: 1px solid var(--color-gray-400);\n    background: var(--color-background-200);\n    color: var(--color-syntax-constant);\n    font-family: var(--font-stack-monospace);\n    font-size: var(--size-font-smaller);\n    line-height: var(--size-4);\n    border-radius: var(--size-2);\n  }\n  [data-nextjs-container-errors-pseudo-html-line] {\n    display: inline-block;\n    width: 100%;\n    padding-left: var(--size-10);\n    line-height: calc(5 / 3);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='error'] {\n    background: var(--color-amber-100);\n    font-weight: bold;\n  }\n  [data-nextjs-container-errors-pseudo-html-collapse-button] {\n    all: unset;\n    margin-left: var(--size-3);\n    &:focus {\n      outline: none;\n    }\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='add'] {\n    background: var(--color-green-300);\n  }\n  [data-nextjs-container-errors-pseudo-html-line-sign] {\n    margin-left: calc(var(--size-6) * -1);\n    margin-right: var(--size-6);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='add']\n    [data-nextjs-container-errors-pseudo-html-line-sign] {\n    color: var(--color-green-900);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='remove'] {\n    background: var(--color-red-300);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='remove']\n    [data-nextjs-container-errors-pseudo-html-line-sign] {\n    color: var(--color-red-900);\n    margin-left: calc(var(--size-6) * -1);\n    margin-right: var(--size-6);\n  }\n  [data-nextjs-container-errors-pseudo-html--diff='error']\n    [data-nextjs-container-errors-pseudo-html-line-sign] {\n    color: var(--color-amber-900);\n  }\n  ",
         "\n  [data-nextjs-container-errors-pseudo-html--hint] {\n    display: inline-block;\n    font-size: 0;\n    height: 0;\n  }\n  [data-nextjs-container-errors-pseudo-html--tag-adjacent='false'] {\n    color: var(--color-accents-1);\n  }\n  .nextjs__container_errors__component-stack {\n    margin: 0;\n  }\n  [data-nextjs-container-errors-pseudo-html-collapse='true']\n    .nextjs__container_errors__component-stack\n    code {\n    max-height: 100px;\n    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 50%);\n  }\n  .nextjs__container_errors__component-stack code {\n    display: block;\n    width: 100%;\n    white-space: pre-wrap;\n    scroll-snap-type: y mandatory;\n    overflow-y: hidden;\n  }\n  [data-nextjs-container-errors-pseudo-html--diff],\n  [data-nextjs-container-errors-pseudo-html--diff='error'] {\n    scroll-snap-align: center;\n  }\n  .error-overlay-hydration-error-diff-plus-icon {\n    color: var(--color-green-900);\n  }\n  .error-overlay-hydration-error-diff-minus-icon {\n    color: var(--color-red-900);\n  }\n"
     ]);
     _templateObject = function() {

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/container/runtime-error/component-stack-pseudo-html.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/runtime-error/component-stack-pseudo-html.tsx"],"sourcesContent":["import { noop as css } from '../../helpers/noop-template'\n\nexport { PseudoHtmlDiff } from '../../../../hydration-diff/diff-view'\n\nexport const PSEUDO_HTML_DIFF_STYLES = css`\n [data-nextjs-container-errors-pseudo-html] {\n margin: var(--size-2) 0;\n border: 1px solid var(--color-gray-400);\n background: var(--color-background-200);\n color: var(--color-syntax-constant);\n font-family: var(--font-stack-monospace);\n font-size: var(--size-font-smaller);\n line-height: var(--size-4);\n border-radius: var(--size-2);\n }\n [data-nextjs-container-errors-pseudo-html-line] {\n display: inline-block;\n width: 100%;\n padding-left: var(--size-10);\n line-height: calc(5 / 3);\n }\n [data-nextjs-container-errors-pseudo-html--diff='error'] {\n background: var(--color-amber-100);\n font-weight: bold;\n }\n [data-nextjs-container-errors-pseudo-html-collapse-button] {\n all: unset;\n margin-left: var(--size-3);\n &:focus {\n outline: none;\n }\n }\n [data-nextjs-container-errors-pseudo-html--diff='add'] {\n background: var(--color-green-300);\n }\n [data-nextjs-container-errors-pseudo-html-line-sign] {\n margin-left: calc(var(--size-6) * -1);\n margin-right: var(--size-6);\n }\n [data-nextjs-container-errors-pseudo-html--diff='add']\n [data-nextjs-container-errors-pseudo-html-line-sign] {\n color: var(--color-green-900);\n }\n [data-nextjs-container-errors-pseudo-html--diff='remove'] {\n background: var(--color-red-300);\n }\n [data-nextjs-container-errors-pseudo-html--diff='remove']\n [data-nextjs-container-errors-pseudo-html-line-sign] {\n color: var(--color-red-900);\n margin-left: calc(var(--size-6) * -1);\n margin-right: var(--size-6);\n }\n [data-nextjs-container-errors-pseudo-html--diff='error']\n [data-nextjs-container-errors-pseudo-html-line-sign] {\n color: var(--color-amber-900);\n }\n ${/* hide but text are still accessible in DOM */ ''}\n [data-nextjs-container-errors-pseudo-html--hint] {\n display: inline-block;\n font-size: 0;\n height: 0;\n }\n [data-nextjs-container-errors-pseudo-html--tag-adjacent='false'] {\n color: var(--color-accents-1);\n }\n .nextjs__container_errors__component-stack {\n margin: 0;\n }\n [data-nextjs-container-errors-pseudo-html-collapse='true']\n .nextjs__container_errors__component-stack\n code {\n max-height: 100px;\n mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 50%);\n }\n .nextjs__container_errors__component-stack code {\n display: block;\n width: 100%;\n white-space: pre-wrap;\n scroll-snap-type: y mandatory;\n overflow-y: hidden;\n }\n [data-nextjs-container-errors-pseudo-html--diff],\n [data-nextjs-container-errors-pseudo-html--diff='error'] {\n scroll-snap-align: center;\n }\n .error-overlay-hydration-error-diff-plus-icon {\n color: var(--color-green-900);\n }\n .error-overlay-hydration-error-diff-minus-icon {\n color: var(--color-red-900);\n }\n`\n"],"names":["noop","css","PseudoHtmlDiff","PSEUDO_HTML_DIFF_STYLES"],"mappings":";;;;;;;;;;;AAAA,SAASA,QAAQC,GAAG,QAAQ,8BAA6B;AAEzD,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,0BAA0BF,~~uBAoDa~~,IAmCnD"}
1	+ {"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/runtime-error/component-stack-pseudo-html.tsx"],"sourcesContent":["import { noop as css } from '../../helpers/noop-template'\n\nexport { PseudoHtmlDiff } from '../../../../hydration-diff/diff-view'\n\nexport const PSEUDO_HTML_DIFF_STYLES = css`\n [data-nextjs-container-errors-pseudo-html] {\n padding: var(--size-2) 0;\n margin: var(--size-2) 0;\n border: 1px solid var(--color-gray-400);\n background: var(--color-background-200);\n color: var(--color-syntax-constant);\n font-family: var(--font-stack-monospace);\n font-size: var(--size-font-smaller);\n line-height: var(--size-4);\n border-radius: var(--size-2);\n }\n [data-nextjs-container-errors-pseudo-html-line] {\n display: inline-block;\n width: 100%;\n padding-left: var(--size-10);\n line-height: calc(5 / 3);\n }\n [data-nextjs-container-errors-pseudo-html--diff='error'] {\n background: var(--color-amber-100);\n font-weight: bold;\n }\n [data-nextjs-container-errors-pseudo-html-collapse-button] {\n all: unset;\n margin-left: var(--size-3);\n &:focus {\n outline: none;\n }\n }\n [data-nextjs-container-errors-pseudo-html--diff='add'] {\n background: var(--color-green-300);\n }\n [data-nextjs-container-errors-pseudo-html-line-sign] {\n margin-left: calc(var(--size-6) * -1);\n margin-right: var(--size-6);\n }\n [data-nextjs-container-errors-pseudo-html--diff='add']\n [data-nextjs-container-errors-pseudo-html-line-sign] {\n color: var(--color-green-900);\n }\n [data-nextjs-container-errors-pseudo-html--diff='remove'] {\n background: var(--color-red-300);\n }\n [data-nextjs-container-errors-pseudo-html--diff='remove']\n [data-nextjs-container-errors-pseudo-html-line-sign] {\n color: var(--color-red-900);\n margin-left: calc(var(--size-6) * -1);\n margin-right: var(--size-6);\n }\n [data-nextjs-container-errors-pseudo-html--diff='error']\n [data-nextjs-container-errors-pseudo-html-line-sign] {\n color: var(--color-amber-900);\n }\n ${/* hide but text are still accessible in DOM */ ''}\n [data-nextjs-container-errors-pseudo-html--hint] {\n display: inline-block;\n font-size: 0;\n height: 0;\n }\n [data-nextjs-container-errors-pseudo-html--tag-adjacent='false'] {\n color: var(--color-accents-1);\n }\n .nextjs__container_errors__component-stack {\n margin: 0;\n }\n [data-nextjs-container-errors-pseudo-html-collapse='true']\n .nextjs__container_errors__component-stack\n code {\n max-height: 100px;\n mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 50%);\n }\n .nextjs__container_errors__component-stack code {\n display: block;\n width: 100%;\n white-space: pre-wrap;\n scroll-snap-type: y mandatory;\n overflow-y: hidden;\n }\n [data-nextjs-container-errors-pseudo-html--diff],\n [data-nextjs-container-errors-pseudo-html--diff='error'] {\n scroll-snap-align: center;\n }\n .error-overlay-hydration-error-diff-plus-icon {\n color: var(--color-green-900);\n }\n .error-overlay-hydration-error-diff-minus-icon {\n color: var(--color-red-900);\n }\n`\n"],"names":["noop","css","PseudoHtmlDiff","PSEUDO_HTML_DIFF_STYLES"],"mappings":";;;;;;;;;;;AAAA,SAASA,QAAQC,GAAG,QAAQ,8BAA6B;AAEzD,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,0BAA0BF,uBAqDa,IAmCnD"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/container/runtime-error/render-error.js CHANGED Viewed

@@ -29,10 +29,9 @@ export const RenderError = (props)=>{
 };
 const RenderRuntimeError = (param)=>{
     let { children, state, isAppDir } = param;
-    var _process_env___NEXT_DEV_INDICATOR;
     const { errors } = state;
     const [lookups, setLookups] = useState({});
-    const [readyErrors, nextError] = useMemo(()=>{
+    const [runtimeErrors, nextError] = useMemo(()=>{
         let ready = [];
         let next = null;
         // Ensure errors are displayed in the order they occurred in:
@@ -84,23 +83,16 @@ const RenderRuntimeError = (param)=>{
         nextError,
         isAppDir
     ]);
-    // Stringify since __NEXT_DEV_INDICATOR can be set to boolean false.
-    const hasDisabledDevIndicator = ((_process_env___NEXT_DEV_INDICATOR = process.env.__NEXT_DEV_INDICATOR) == null ? void 0 : _process_env___NEXT_DEV_INDICATOR.toString()) === 'false';
-    const totalErrorCount = readyErrors.length;
-    // Even if the dev indicator is disabled, we should show it
-    // along with the error overlay when there are errors.
-    if (hasDisabledDevIndicator && !totalErrorCount) {
-        return null;
-    }
+    const totalErrorCount = runtimeErrors.length;
     return children({
-        readyErrors,
+        runtimeErrors,
         totalErrorCount
     });
 };
 const RenderBuildError = (param)=>{
     let { children } = param;
     return children({
-        readyErrors: [],
+        runtimeErrors: [],
         // Build errors and missing root layout tags persist until fixed,
         // so we can set a fixed error count of 1
         totalErrorCount: 1

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/container/runtime-error/render-error.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/runtime-error/render-error.tsx"],"sourcesContent":["import type {\n OverlayState,\n UnhandledErrorAction,\n UnhandledRejectionAction,\n} from '../../../../shared'\n\nimport { useMemo, useState, useEffect } from 'react'\nimport {\n ACTION_UNHANDLED_ERROR,\n ACTION_UNHANDLED_REJECTION,\n} from '../../../../shared'\nimport {\n getErrorByType,\n type ReadyRuntimeError,\n} from '../../../../internal/helpers/get-error-by-type'\n\nexport type SupportedErrorEvent = {\n id: number\n event: UnhandledErrorAction \| UnhandledRejectionAction\n}\n\nfunction getErrorSignature(ev: SupportedErrorEvent): string {\n const { event } = ev\n // eslint-disable-next-line default-case -- TypeScript checks this\n switch (event.type) {\n case ACTION_UNHANDLED_ERROR:\n case ACTION_UNHANDLED_REJECTION: {\n return `${event.reason.name}::${event.reason.message}::${event.reason.stack}`\n }\n }\n}\n\ntype Props = {\n children: (params: {\n ~~readyErrors~~: ReadyRuntimeError[]\n totalErrorCount: number\n }) => React.ReactNode\n state: OverlayState\n isAppDir: boolean\n}\n\nexport const RenderError = (props: Props) => {\n const { state } = props\n const isBuildError =\n !!state.rootLayoutMissingTags?.length \|\| !!state.buildError\n\n if (isBuildError) {\n return <RenderBuildError {...props} />\n } else {\n return <RenderRuntimeError {...props} />\n }\n}\n\nconst RenderRuntimeError = ({ children, state, isAppDir }: Props) => {\n const { errors } = state\n\n const [lookups, setLookups] = useState<{\n [eventId: string]: ReadyRuntimeError\n }>({})\n\n const [~~readyErrors~~, nextError] = useMemo<\n [ReadyRuntimeError[], SupportedErrorEvent \| null]\n >(() => {\n let ready: ReadyRuntimeError[] = []\n let next: SupportedErrorEvent \| null = null\n\n // Ensure errors are displayed in the order they occurred in:\n for (let idx = 0; idx < errors.length; ++idx) {\n const e = errors[idx]\n const { id } = e\n if (id in lookups) {\n ready.push(lookups[id])\n continue\n }\n\n // Check for duplicate errors\n if (idx > 0) {\n const prev = errors[idx - 1]\n if (getErrorSignature(prev) === getErrorSignature(e)) {\n continue\n }\n }\n\n next = e\n break\n }\n\n return [ready, next]\n }, [errors, lookups])\n\n useEffect(() => {\n if (nextError == null) {\n return\n }\n\n let mounted = true\n\n getErrorByType(nextError, isAppDir).then((resolved) => {\n if (mounted) {\n // We don't care if the desired error changed while we were resolving,\n // thus we're not tracking it using a ref. Once the work has been done,\n // we'll store it.\n setLookups((m) => ({ ...m, [resolved.id]: resolved }))\n }\n })\n\n return () => {\n mounted = false\n }\n }, [nextError, isAppDir])\n\n ~~// Stringify since __NEXT_DEV_INDICATOR can be set to boolean false.\n~~ const ~~hasDisabledDevIndicator =\n process.env.__NEXT_DEV_INDICATOR?.toString() === 'false'\n const~~ totalErrorCount = ~~readyErrors~~.length\n\n ~~// Even if the dev indicator is disabled, we should show it\n // along with the error overlay when there are errors.\n if (hasDisabledDevIndicator && !totalErrorCount) {\n~~ return ~~null\n }\n\n return~~ children({ ~~readyErrors~~, totalErrorCount })\n}\n\nconst RenderBuildError = ({ children }: Props) => {\n return children({\n ~~readyErrors~~: [],\n // Build errors and missing root layout tags persist until fixed,\n // so we can set a fixed error count of 1\n totalErrorCount: 1,\n })\n}\n"],"names":["useMemo","useState","useEffect","ACTION_UNHANDLED_ERROR","ACTION_UNHANDLED_REJECTION","getErrorByType","getErrorSignature","ev","event","type","reason","name","message","stack","RenderError","props","state","isBuildError","rootLayoutMissingTags","length","buildError","RenderBuildError","RenderRuntimeError","children","isAppDir","~~process","~~errors","lookups","setLookups","~~readyErrors~~","nextError","ready","next","idx","e","id","push","prev","mounted","then","resolved","m","~~hasDisabledDevIndicator","env","__NEXT_DEV_INDICATOR","toString","~~totalErrorCount"],"mappings":";AAMA,SAASA,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AACpD,SACEC,sBAAsB,EACtBC,0BAA0B,QACrB,qBAAoB;AAC3B,SACEC,cAAc,QAET,iDAAgD;AAOvD,SAASC,kBAAkBC,EAAuB;IAChD,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAClB,kEAAkE;IAClE,OAAQC,MAAMC,IAAI;QAChB,KAAKN;QACL,KAAKC;YAA4B;gBAC/B,OAAO,AAAGI,MAAME,MAAM,CAACC,IAAI,GAAC,OAAIH,MAAME,MAAM,CAACE,OAAO,GAAC,OAAIJ,MAAME,MAAM,CAACG,KAAK;YAC7E;IACF;AACF;AAWA,OAAO,MAAMC,cAAc,CAACC;QAGtBC;IAFJ,MAAM,EAAEA,KAAK,EAAE,GAAGD;IAClB,MAAME,eACJ,CAAC,GAACD,+BAAAA,MAAME,qBAAqB,qBAA3BF,6BAA6BG,MAAM,KAAI,CAAC,CAACH,MAAMI,UAAU;IAE7D,IAAIH,cAAc;QAChB,qBAAO,KAACI;YAAkB,GAAGN,KAAK;;IACpC,OAAO;QACL,qBAAO,KAACO;YAAoB,GAAGP,KAAK;;IACtC;AACF,EAAC;AAED,MAAMO,qBAAqB;QAAC,EAAEC,QAAQ,EAAEP,KAAK,EAAEQ,QAAQ,EAAS;~~QA4D5DC;IA3DF~~,MAAM,EAAEC,MAAM,EAAE,~~GAAGV~~;IAEnB,MAAM,~~CAACW~~,SAASC,WAAW,~~GAAG3B~~,SAE3B,CAAC;IAEJ,MAAM,~~CAAC4B~~,~~aAAaC~~,UAAU,~~GAAG9B~~,~~QAE/B~~;QACA,~~IAAI+B~~,QAA6B,EAAE;QACnC,IAAIC,OAAmC;QAEvC,6DAA6D;QAC7D,IAAK,IAAIC,MAAM,GAAGA,MAAMP,~~OAAOP~~,MAAM,EAAE,~~EAAEc~~,IAAK;YAC5C,MAAMC,IAAIR,MAAM,CAACO,IAAI;YACrB,MAAM,EAAEE,EAAE,EAAE,GAAGD;YACf,IAAIC,MAAMR,SAAS;gBACjBI,MAAMK,IAAI,CAACT,OAAO,CAACQ,GAAG;gBACtB;YACF;YAEA,6BAA6B;YAC7B,IAAIF,MAAM,GAAG;gBACX,MAAMI,OAAOX,MAAM,CAACO,MAAM,EAAE;gBAC5B,~~IAAI3B~~,~~kBAAkB+B~~,~~UAAU/B~~,~~kBAAkB4B~~,IAAI;oBACpD;gBACF;YACF;YAEAF,OAAOE;YACP;QACF;QAEA,OAAO;YAACH;YAAOC;SAAK;IACtB,GAAG;QAACN;QAAQC;KAAQ;~~IAEpBzB~~,UAAU;QACR,~~IAAI4B~~,aAAa,MAAM;YACrB;QACF;QAEA,IAAIQ,UAAU;~~QAEdjC~~,~~eAAeyB~~,~~WAAWN~~,~~UAAUe~~,IAAI,CAAC,CAACC;YACxC,IAAIF,SAAS;gBACX,sEAAsE;gBACtE,uEAAuE;gBACvE,kBAAkB;gBAClBV,WAAW,CAACa,IAAO,CAAA;wBAAE,GAAGA,CAAC;wBAAE,CAACD,SAASL,EAAE,CAAC,EAAEK;oBAAS,CAAA;YACrD;QACF;QAEA,OAAO;YACLF,UAAU;QACZ;IACF,GAAG;QAACR;~~QAAWN~~;KAAS;IAExB,~~oEAAoE;IACpE~~,~~MAAMkB~~,~~0BACJjB~~,~~EAAAA,oCAAAA,QAAQkB,GAAG,CAACC,oBAAoB,qBAAhCnB,kCAAkCoB,QAAQ,QAAO;IACnD,MAAMC,kBAAkBjB,YAAYV,~~MAAM;~~IAE1C~~,~~2DAA2D;IAC3D~~,~~sDAAsD;IACtD,IAAIuB,2BAA2B,CAACI,iBAAiB;QAC/C,OAAO;IACT;IAEA,OAAOvB,~~SAAS;~~QAAEM~~;~~QAAaiB~~;IAAgB;~~AACjD~~;AAEA,~~MAAMzB~~,mBAAmB;QAAC,EAAEE,QAAQ,EAAS;IAC3C,OAAOA,SAAS;~~QACdM~~,~~aAAa~~,EAAE;~~QACf~~,iEAAiE;QACjE,yCAAyC;~~QACzCiB~~,iBAAiB;IACnB;AACF"}
1	+ {"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/container/runtime-error/render-error.tsx"],"sourcesContent":["import type {\n OverlayState,\n UnhandledErrorAction,\n UnhandledRejectionAction,\n} from '../../../../shared'\n\nimport { useMemo, useState, useEffect } from 'react'\nimport {\n ACTION_UNHANDLED_ERROR,\n ACTION_UNHANDLED_REJECTION,\n} from '../../../../shared'\nimport {\n getErrorByType,\n type ReadyRuntimeError,\n} from '../../../../internal/helpers/get-error-by-type'\n\nexport type SupportedErrorEvent = {\n id: number\n event: UnhandledErrorAction \| UnhandledRejectionAction\n}\n\nfunction getErrorSignature(ev: SupportedErrorEvent): string {\n const { event } = ev\n // eslint-disable-next-line default-case -- TypeScript checks this\n switch (event.type) {\n case ACTION_UNHANDLED_ERROR:\n case ACTION_UNHANDLED_REJECTION: {\n return `${event.reason.name}::${event.reason.message}::${event.reason.stack}`\n }\n }\n}\n\ntype Props = {\n children: (params: {\n runtimeErrors: ReadyRuntimeError[]\n totalErrorCount: number\n }) => React.ReactNode\n state: OverlayState\n isAppDir: boolean\n}\n\nexport const RenderError = (props: Props) => {\n const { state } = props\n const isBuildError =\n !!state.rootLayoutMissingTags?.length \|\| !!state.buildError\n\n if (isBuildError) {\n return <RenderBuildError {...props} />\n } else {\n return <RenderRuntimeError {...props} />\n }\n}\n\nconst RenderRuntimeError = ({ children, state, isAppDir }: Props) => {\n const { errors } = state\n\n const [lookups, setLookups] = useState<{\n [eventId: string]: ReadyRuntimeError\n }>({})\n\n const [runtimeErrors, nextError] = useMemo<\n [ReadyRuntimeError[], SupportedErrorEvent \| null]\n >(() => {\n let ready: ReadyRuntimeError[] = []\n let next: SupportedErrorEvent \| null = null\n\n // Ensure errors are displayed in the order they occurred in:\n for (let idx = 0; idx < errors.length; ++idx) {\n const e = errors[idx]\n const { id } = e\n if (id in lookups) {\n ready.push(lookups[id])\n continue\n }\n\n // Check for duplicate errors\n if (idx > 0) {\n const prev = errors[idx - 1]\n if (getErrorSignature(prev) === getErrorSignature(e)) {\n continue\n }\n }\n\n next = e\n break\n }\n\n return [ready, next]\n }, [errors, lookups])\n\n useEffect(() => {\n if (nextError == null) {\n return\n }\n\n let mounted = true\n\n getErrorByType(nextError, isAppDir).then((resolved) => {\n if (mounted) {\n // We don't care if the desired error changed while we were resolving,\n // thus we're not tracking it using a ref. Once the work has been done,\n // we'll store it.\n setLookups((m) => ({ ...m, [resolved.id]: resolved }))\n }\n })\n\n return () => {\n mounted = false\n }\n }, [nextError, isAppDir])\n\n const totalErrorCount = runtimeErrors.length\n\n return children({ runtimeErrors, totalErrorCount })\n}\n\nconst RenderBuildError = ({ children }: Props) => {\n return children({\n runtimeErrors: [],\n // Build errors and missing root layout tags persist until fixed,\n // so we can set a fixed error count of 1\n totalErrorCount: 1,\n })\n}\n"],"names":["useMemo","useState","useEffect","ACTION_UNHANDLED_ERROR","ACTION_UNHANDLED_REJECTION","getErrorByType","getErrorSignature","ev","event","type","reason","name","message","stack","RenderError","props","state","isBuildError","rootLayoutMissingTags","length","buildError","RenderBuildError","RenderRuntimeError","children","isAppDir","errors","lookups","setLookups","runtimeErrors","nextError","ready","next","idx","e","id","push","prev","mounted","then","resolved","m","totalErrorCount"],"mappings":";AAMA,SAASA,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAO;AACpD,SACEC,sBAAsB,EACtBC,0BAA0B,QACrB,qBAAoB;AAC3B,SACEC,cAAc,QAET,iDAAgD;AAOvD,SAASC,kBAAkBC,EAAuB;IAChD,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAClB,kEAAkE;IAClE,OAAQC,MAAMC,IAAI;QAChB,KAAKN;QACL,KAAKC;YAA4B;gBAC/B,OAAO,AAAGI,MAAME,MAAM,CAACC,IAAI,GAAC,OAAIH,MAAME,MAAM,CAACE,OAAO,GAAC,OAAIJ,MAAME,MAAM,CAACG,KAAK;YAC7E;IACF;AACF;AAWA,OAAO,MAAMC,cAAc,CAACC;QAGtBC;IAFJ,MAAM,EAAEA,KAAK,EAAE,GAAGD;IAClB,MAAME,eACJ,CAAC,GAACD,+BAAAA,MAAME,qBAAqB,qBAA3BF,6BAA6BG,MAAM,KAAI,CAAC,CAACH,MAAMI,UAAU;IAE7D,IAAIH,cAAc;QAChB,qBAAO,KAACI;YAAkB,GAAGN,KAAK;;IACpC,OAAO;QACL,qBAAO,KAACO;YAAoB,GAAGP,KAAK;;IACtC;AACF,EAAC;AAED,MAAMO,qBAAqB;QAAC,EAAEC,QAAQ,EAAEP,KAAK,EAAEQ,QAAQ,EAAS;IAC9D,MAAM,EAAEC,MAAM,EAAE,GAAGT;IAEnB,MAAM,CAACU,SAASC,WAAW,GAAG1B,SAE3B,CAAC;IAEJ,MAAM,CAAC2B,eAAeC,UAAU,GAAG7B,QAEjC;QACA,IAAI8B,QAA6B,EAAE;QACnC,IAAIC,OAAmC;QAEvC,6DAA6D;QAC7D,IAAK,IAAIC,MAAM,GAAGA,MAAMP,OAAON,MAAM,EAAE,EAAEa,IAAK;YAC5C,MAAMC,IAAIR,MAAM,CAACO,IAAI;YACrB,MAAM,EAAEE,EAAE,EAAE,GAAGD;YACf,IAAIC,MAAMR,SAAS;gBACjBI,MAAMK,IAAI,CAACT,OAAO,CAACQ,GAAG;gBACtB;YACF;YAEA,6BAA6B;YAC7B,IAAIF,MAAM,GAAG;gBACX,MAAMI,OAAOX,MAAM,CAACO,MAAM,EAAE;gBAC5B,IAAI1B,kBAAkB8B,UAAU9B,kBAAkB2B,IAAI;oBACpD;gBACF;YACF;YAEAF,OAAOE;YACP;QACF;QAEA,OAAO;YAACH;YAAOC;SAAK;IACtB,GAAG;QAACN;QAAQC;KAAQ;IAEpBxB,UAAU;QACR,IAAI2B,aAAa,MAAM;YACrB;QACF;QAEA,IAAIQ,UAAU;QAEdhC,eAAewB,WAAWL,UAAUc,IAAI,CAAC,CAACC;YACxC,IAAIF,SAAS;gBACX,sEAAsE;gBACtE,uEAAuE;gBACvE,kBAAkB;gBAClBV,WAAW,CAACa,IAAO,CAAA;wBAAE,GAAGA,CAAC;wBAAE,CAACD,SAASL,EAAE,CAAC,EAAEK;oBAAS,CAAA;YACrD;QACF;QAEA,OAAO;YACLF,UAAU;QACZ;IACF,GAAG;QAACR;QAAWL;KAAS;IAExB,MAAMiB,kBAAkBb,cAAcT,MAAM;IAE5C,OAAOI,SAAS;QAAEK;QAAea;IAAgB;AACnD;AAEA,MAAMpB,mBAAmB;QAAC,EAAEE,QAAQ,EAAS;IAC3C,OAAOA,SAAS;QACdK,eAAe,EAAE;QACjB,iEAAiE;QACjE,yCAAyC;QACzCa,iBAAiB;IACnB;AACF"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/icons/collapse-icon.js CHANGED Viewed

@@ -13,7 +13,9 @@ export function CollapseIcon(param) {
             }
         } : {},
         children: /*#__PURE__*/ _jsx("path", {
-            fill: "#666",
+            style: {
+                fill: 'var(--color-font)'
+            },
             fillRule: "evenodd",
             d: "m6.75 3.94.53.53 2.824 2.823a1 1 0 0 1 0 1.414L7.28 11.53l-.53.53L5.69 11l.53-.53L8.69 8 6.22 5.53 5.69 5l1.06-1.06Z",
             clipRule: "evenodd"

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/icons/collapse-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/icons/collapse-icon.tsx"],"sourcesContent":["export function CollapseIcon({ collapsed }: { collapsed?: boolean } = {}) {\n return (\n <svg\n data-nextjs-call-stack-chevron-icon\n data-collapsed={collapsed}\n width=\"16\"\n height=\"16\"\n fill=\"none\"\n // rotate 90 degrees if not collapsed.\n {...(typeof collapsed === 'boolean'\n ? { style: { transform: collapsed ? undefined : 'rotate(90deg)' } }\n : {})}\n >\n <path\n fill~~=\"#666~~\"\n fillRule=\"evenodd\"\n d=\"m6.75 3.94.53.53 2.824 2.823a1 1 0 0 1 0 1.414L7.28 11.53l-.53.53L5.69 11l.53-.53L8.69 8 6.22 5.53 5.69 5l1.06-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n}\n"],"names":["CollapseIcon","collapsed","svg","data-nextjs-call-stack-chevron-icon","data-collapsed","width","height","fill","style","transform","undefined","path","fillRule","d","clipRule"],"mappings":";AAAA,OAAO,SAASA,aAAa;IAAA,IAAA,EAAEC,SAAS,EAA2B,GAAtC,mBAAyC,CAAC,IAA1C;IAC3B,qBACE,KAACC;QACCC,qCAAmC;QACnCC,kBAAgBH;QAChBI,OAAM;QACNC,QAAO;QACPC,MAAK;QAEJ,GAAI,OAAON,cAAc,YACtB;YAAEO,OAAO;gBAAEC,WAAWR,YAAYS,YAAY;YAAgB;QAAE,IAChE,CAAC,CAAC;kBAEN,cAAA,KAACC;~~YACCJ~~,~~MAAK~~;~~YACLK~~,UAAS;YACTC,GAAE;YACFC,UAAS;;;AAIjB"}
1	+ {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/icons/collapse-icon.tsx"],"sourcesContent":["export function CollapseIcon({ collapsed }: { collapsed?: boolean } = {}) {\n return (\n <svg\n data-nextjs-call-stack-chevron-icon\n data-collapsed={collapsed}\n width=\"16\"\n height=\"16\"\n fill=\"none\"\n // rotate 90 degrees if not collapsed.\n {...(typeof collapsed === 'boolean'\n ? { style: { transform: collapsed ? undefined : 'rotate(90deg)' } }\n : {})}\n >\n <path\n style={{ fill: 'var(--color-font)' }}\n fillRule=\"evenodd\"\n d=\"m6.75 3.94.53.53 2.824 2.823a1 1 0 0 1 0 1.414L7.28 11.53l-.53.53L5.69 11l.53-.53L8.69 8 6.22 5.53 5.69 5l1.06-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n}\n"],"names":["CollapseIcon","collapsed","svg","data-nextjs-call-stack-chevron-icon","data-collapsed","width","height","fill","style","transform","undefined","path","fillRule","d","clipRule"],"mappings":";AAAA,OAAO,SAASA,aAAa;IAAA,IAAA,EAAEC,SAAS,EAA2B,GAAtC,mBAAyC,CAAC,IAA1C;IAC3B,qBACE,KAACC;QACCC,qCAAmC;QACnCC,kBAAgBH;QAChBI,OAAM;QACNC,QAAO;QACPC,MAAK;QAEJ,GAAI,OAAON,cAAc,YACtB;YAAEO,OAAO;gBAAEC,WAAWR,YAAYS,YAAY;YAAgB;QAAE,IAChE,CAAC,CAAC;kBAEN,cAAA,KAACC;YACCH,OAAO;gBAAED,MAAM;YAAoB;YACnCK,UAAS;YACTC,GAAE;YACFC,UAAS;;;AAIjB"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/icons/stop-icon.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function StopIcon(props) {
+    return /*#__PURE__*/ _jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ _jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5 7.25H4.25V8.75H5H11H11.75V7.25H11H5Z",
+            fill: "#666"
+        })
+    });
+}
+//# sourceMappingURL=stop-icon.js.map

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/icons/stop-icon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/icons/stop-icon.tsx"],"sourcesContent":["export function StopIcon(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5 7.25H4.25V8.75H5H11H11.75V7.25H11H5Z\"\n fill=\"#666\"\n />\n </svg>\n )\n}\n"],"names":["StopIcon","props","svg","xmlns","width","height","viewBox","path","fillRule","clipRule","d","fill"],"mappings":";AAAA,OAAO,SAASA,SAASC,KAAoC;IAC3D,qBACE,KAACC;QACCC,OAAM;QACNC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACP,GAAGL,KAAK;kBAET,cAAA,KAACM;YACCC,UAAS;YACTC,UAAS;YACTC,GAAE;YACFC,MAAK;;;AAIb"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/styles/base.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
 function _templateObject() {
     const data = _tagged_template_literal_loose([
-        "\n        @import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500;600&display=swap');\n\n        :host {\n          ",
-        "\n\n          --size-gap-half: 4px;\n          --size-gap: 8px;\n          --size-gap-double: 16px;\n          --size-gap-triple: 24px;\n          --size-gap-quad: 32px;\n\n          --size-font-11: 11px;\n          --size-font-smaller: 12px;\n          --size-font-small: 14px;\n          --size-font: 16px;\n          --size-font-big: 20px;\n          --size-font-bigger: 24px;\n\n          --color-background: white;\n          --color-font: #757575;\n          --color-backdrop: rgba(250, 250, 250, 0.8);\n          --color-border-shadow: rgba(0, 0, 0, 0.145);\n\n          --color-title-color: #1f1f1f;\n          --color-stack-h6: #222;\n          --color-stack-headline: #666;\n          --color-stack-subline: #999;\n          --color-stack-notes: #777;\n\n          --color-accents-1: #808080;\n          --color-accents-2: #222222;\n          --color-accents-3: #404040;\n\n          --color-text-color-red-1: #ff5555;\n          --color-text-background-red-1: #fff9f9;\n\n          --font-stack-monospace: 'Geist Mono', 'SFMono-Regular', Consolas,\n            'Liberation Mono', Menlo, Courier, monospace;\n          --font-stack-sans: 'Geist', -apple-system, 'Source Sans Pro',\n            sans-serif;\n\n          font-family: var(--font-stack-sans);\n\n          /* TODO: Remove replaced ones. */\n          --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n          --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),\n            0 1px 2px -1px rgb(0 0 0 / 0.1);\n          --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),\n            0 2px 4px -2px rgb(0 0 0 / 0.1);\n          --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),\n            0 4px 6px -4px rgb(0 0 0 / 0.1);\n          --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),\n            0 8px 10px -6px rgb(0 0 0 / 0.1);\n          --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n          --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n          --shadow-none: 0 0 #0000;\n\n          --shadow-small: 0px 2px 2px rgba(0, 0, 0, 0.04);\n          --shadow-menu: 0px 1px 1px rgba(0, 0, 0, 0.02),\n            0px 4px 8px -4px rgba(0, 0, 0, 0.04),\n            0px 16px 24px -8px rgba(0, 0, 0, 0.06);\n\n          --focus-color: var(--color-blue-800);\n          --focus-ring: 2px solid var(--focus-color);\n\n          --timing-swift: cubic-bezier(0.23, 0.88, 0.26, 0.92);\n          --timing-overlay: cubic-bezier(0.175, 0.885, 0.32, 1.1);\n\n          --rounded-none: 0px;\n          --rounded-sm: 0.125rem; /* 2px */\n          --rounded-md: 0.25rem; /* 4px */\n          --rounded-lg: 0.5rem; /* 8px */\n          --rounded-xl: 0.75rem; /* 12px */\n          --rounded-2xl: 1rem; /* 16px */\n          --rounded-3xl: 1.5rem; /* 24px */\n          --rounded-full: 9999px;\n\n          --size-0: 0px;\n          --size-px: 1px;\n          --size-0_5: 0.125rem; /* 2px */\n          --size-1: 0.25rem; /* 4px */\n          --size-1_5: 0.375rem; /* 6px */\n          --size-2: 0.5rem; /* 8px */\n          --size-2_5: 0.625rem; /* 10px */\n          --size-3: 0.75rem; /* 12px */\n          --size-3_5: 0.875rem; /* 14px */\n          --size-4: 1rem; /* 16px */\n          --size-4_5: 1.125rem; /* 18px */\n          --size-5: 1.25rem; /* 20px */\n          --size-5_5: 1.375rem; /* 22px */\n          --size-6: 1.5rem; /* 24px */\n          --size-6_5: 1.625rem; /* 26px */\n          --size-7: 1.75rem; /* 28px */\n          --size-7_5: 1.875rem; /* 30px */\n          --size-8: 2rem; /* 32px */\n          --size-8_5: 2.125rem; /* 34px */\n          --size-9: 2.25rem; /* 36px */\n          --size-9_5: 2.375rem; /* 38px */\n          --size-10: 2.5rem; /* 40px */\n          --size-10_5: 2.625rem; /* 42px */\n          --size-11: 2.75rem; /* 44px */\n          --size-11_5: 2.875rem; /* 46px */\n          --size-12: 3rem; /* 48px */\n\n          @media print {\n            display: none;\n          }\n        }\n\n        @media (prefers-color-scheme: dark) {\n          :host {\n            --color-background: rgb(28, 28, 30);\n            --color-font: white;\n            --color-backdrop: rgb(0, 0, 0, 0.8);\n            --color-border-shadow: rgba(255, 255, 255, 0.145);\n\n            --color-title-color: #fafafa;\n            --color-stack-h6: rgb(200, 200, 204);\n            --color-stack-headline: rgb(99, 99, 102);\n            --color-stack-notes: #a9a9a9;\n            --color-stack-subline: rgb(121, 121, 121);\n\n            --color-accents-3: rgb(118, 118, 118);\n\n            --color-text-background-red-1: #2a1e1e;\n          }\n        }\n\n        .mono {\n          font-family: var(--font-stack-monospace);\n        }\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          margin-bottom: var(--size-gap);\n          font-weight: 500;\n          line-height: 1.5;\n        }\n      "
+        "\n        :host {\n          ",
+        "\n\n          --size-gap-half: 4px;\n          --size-gap: 8px;\n          --size-gap-double: 16px;\n          --size-gap-triple: 24px;\n          --size-gap-quad: 32px;\n\n          --size-font-11: 11px;\n          --size-font-smaller: 12px;\n          --size-font-small: 14px;\n          --size-font: 16px;\n          --size-font-big: 20px;\n          --size-font-bigger: 24px;\n\n          --color-background: white;\n          --color-font: #757575;\n          --color-backdrop: rgba(250, 250, 250, 0.8);\n          --color-border-shadow: rgba(0, 0, 0, 0.145);\n\n          --color-title-color: #1f1f1f;\n          --color-stack-h6: #222;\n          --color-stack-headline: #666;\n          --color-stack-subline: #999;\n          --color-stack-notes: #777;\n\n          --color-accents-1: #808080;\n          --color-accents-2: #222222;\n          --color-accents-3: #404040;\n\n          --color-text-color-red-1: #ff5555;\n          --color-text-background-red-1: #fff9f9;\n\n          --font-stack-monospace: 'Geist Mono', 'SFMono-Regular', Consolas,\n            'Liberation Mono', Menlo, Courier, monospace;\n          --font-stack-sans: 'Geist', -apple-system, 'Source Sans Pro',\n            sans-serif;\n\n          font-family: var(--font-stack-sans);\n\n          /* TODO: Remove replaced ones. */\n          --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n          --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),\n            0 1px 2px -1px rgb(0 0 0 / 0.1);\n          --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),\n            0 2px 4px -2px rgb(0 0 0 / 0.1);\n          --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),\n            0 4px 6px -4px rgb(0 0 0 / 0.1);\n          --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),\n            0 8px 10px -6px rgb(0 0 0 / 0.1);\n          --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n          --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n          --shadow-none: 0 0 #0000;\n\n          --shadow-small: 0px 2px 2px rgba(0, 0, 0, 0.04);\n          --shadow-menu: 0px 1px 1px rgba(0, 0, 0, 0.02),\n            0px 4px 8px -4px rgba(0, 0, 0, 0.04),\n            0px 16px 24px -8px rgba(0, 0, 0, 0.06);\n\n          --focus-color: var(--color-blue-800);\n          --focus-ring: 2px solid var(--focus-color);\n\n          --timing-swift: cubic-bezier(0.23, 0.88, 0.26, 0.92);\n          --timing-overlay: cubic-bezier(0.175, 0.885, 0.32, 1.1);\n\n          --rounded-none: 0px;\n          --rounded-sm: 0.125rem; /* 2px */\n          --rounded-md: 0.25rem; /* 4px */\n          --rounded-md-2: 0.375rem; /* 6px */\n          --rounded-lg: 0.5rem; /* 8px */\n          --rounded-xl: 0.75rem; /* 12px */\n          --rounded-2xl: 1rem; /* 16px */\n          --rounded-3xl: 1.5rem; /* 24px */\n          --rounded-full: 9999px;\n\n          --size-0: 0px;\n          --size-px: 1px;\n          --size-0_5: 0.125rem; /* 2px */\n          --size-1: 0.25rem; /* 4px */\n          --size-1_5: 0.375rem; /* 6px */\n          --size-2: 0.5rem; /* 8px */\n          --size-2_5: 0.625rem; /* 10px */\n          --size-3: 0.75rem; /* 12px */\n          --size-3_5: 0.875rem; /* 14px */\n          --size-4: 1rem; /* 16px */\n          --size-4_5: 1.125rem; /* 18px */\n          --size-5: 1.25rem; /* 20px */\n          --size-5_5: 1.375rem; /* 22px */\n          --size-6: 1.5rem; /* 24px */\n          --size-6_5: 1.625rem; /* 26px */\n          --size-7: 1.75rem; /* 28px */\n          --size-7_5: 1.875rem; /* 30px */\n          --size-8: 2rem; /* 32px */\n          --size-8_5: 2.125rem; /* 34px */\n          --size-9: 2.25rem; /* 36px */\n          --size-9_5: 2.375rem; /* 38px */\n          --size-10: 2.5rem; /* 40px */\n          --size-10_5: 2.625rem; /* 42px */\n          --size-11: 2.75rem; /* 44px */\n          --size-11_5: 2.875rem; /* 46px */\n          --size-12: 3rem; /* 48px */\n\n          @media print {\n            display: none;\n          }\n        }\n\n        @media (prefers-color-scheme: dark) {\n          :host {\n            --color-background: rgb(28, 28, 30);\n            --color-font: white;\n            --color-backdrop: rgb(0, 0, 0, 0.8);\n            --color-border-shadow: rgba(255, 255, 255, 0.145);\n\n            --color-title-color: #fafafa;\n            --color-stack-h6: rgb(200, 200, 204);\n            --color-stack-headline: rgb(99, 99, 102);\n            --color-stack-notes: #a9a9a9;\n            --color-stack-subline: rgb(121, 121, 121);\n\n            --color-accents-3: rgb(118, 118, 118);\n\n            --color-text-background-red-1: #2a1e1e;\n          }\n        }\n\n        .mono {\n          font-family: var(--font-stack-monospace);\n        }\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          margin-bottom: var(--size-gap);\n          font-weight: 500;\n          line-height: 1.5;\n        }\n      "
     ]);
     _templateObject = function() {
         return data;

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/styles/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx"],"sourcesContent":["import * as React from 'react'\nimport { noop as css } from '../helpers/noop-template'\n\nexport function Base() {\n return (\n <style>\n {css`\n ~~@import url('https://fonts.googleapis.com/css2?family=Geist~~:~~wght@400;500;600&family=Geist+Mono:wght@400;500;600&display=swap');\n\n :~~host {\n ${\n // Although the style applied to the shadow host is isolated,\n // the element that attached the shadow host (i.e. `nextjs-portal`)\n // is still affected by the parent's style (e.g. `body`). This may\n // occur style conflicts like `display: flex`, with other children\n // elements therefore give the shadow host an absolute position.\n 'position: absolute;'\n }\n\n --size-gap-half: 4px;\n --size-gap: 8px;\n --size-gap-double: 16px;\n --size-gap-triple: 24px;\n --size-gap-quad: 32px;\n\n --size-font-11: 11px;\n --size-font-smaller: 12px;\n --size-font-small: 14px;\n --size-font: 16px;\n --size-font-big: 20px;\n --size-font-bigger: 24px;\n\n --color-background: white;\n --color-font: #757575;\n --color-backdrop: rgba(250, 250, 250, 0.8);\n --color-border-shadow: rgba(0, 0, 0, 0.145);\n\n --color-title-color: #1f1f1f;\n --color-stack-h6: #222;\n --color-stack-headline: #666;\n --color-stack-subline: #999;\n --color-stack-notes: #777;\n\n --color-accents-1: #808080;\n --color-accents-2: #222222;\n --color-accents-3: #404040;\n\n --color-text-color-red-1: #ff5555;\n --color-text-background-red-1: #fff9f9;\n\n --font-stack-monospace: 'Geist Mono', 'SFMono-Regular', Consolas,\n 'Liberation Mono', Menlo, Courier, monospace;\n --font-stack-sans: 'Geist', -apple-system, 'Source Sans Pro',\n sans-serif;\n\n font-family: var(--font-stack-sans);\n\n /* TODO: Remove replaced ones. /\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),\n 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),\n 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),\n 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n --shadow-none: 0 0 #0000;\n\n --shadow-small: 0px 2px 2px rgba(0, 0, 0, 0.04);\n --shadow-menu: 0px 1px 1px rgba(0, 0, 0, 0.02),\n 0px 4px 8px -4px rgba(0, 0, 0, 0.04),\n 0px 16px 24px -8px rgba(0, 0, 0, 0.06);\n\n --focus-color: var(--color-blue-800);\n --focus-ring: 2px solid var(--focus-color);\n\n --timing-swift: cubic-bezier(0.23, 0.88, 0.26, 0.92);\n --timing-overlay: cubic-bezier(0.175, 0.885, 0.32, 1.1);\n\n --rounded-none: 0px;\n --rounded-sm: 0.125rem; / 2px /\n --rounded-md: 0.25rem; / 4px /\n --rounded-lg: 0.5rem; / 8px /\n --rounded-xl: 0.75rem; / 12px /\n --rounded-2xl: 1rem; / 16px /\n --rounded-3xl: 1.5rem; / 24px /\n --rounded-full: 9999px;\n\n --size-0: 0px;\n --size-px: 1px;\n --size-0_5: 0.125rem; / 2px /\n --size-1: 0.25rem; / 4px /\n --size-1_5: 0.375rem; / 6px /\n --size-2: 0.5rem; / 8px /\n --size-2_5: 0.625rem; / 10px /\n --size-3: 0.75rem; / 12px /\n --size-3_5: 0.875rem; / 14px /\n --size-4: 1rem; / 16px /\n --size-4_5: 1.125rem; / 18px /\n --size-5: 1.25rem; / 20px /\n --size-5_5: 1.375rem; / 22px /\n --size-6: 1.5rem; / 24px /\n --size-6_5: 1.625rem; / 26px /\n --size-7: 1.75rem; / 28px /\n --size-7_5: 1.875rem; / 30px /\n --size-8: 2rem; / 32px /\n --size-8_5: 2.125rem; / 34px /\n --size-9: 2.25rem; / 36px /\n --size-9_5: 2.375rem; / 38px /\n --size-10: 2.5rem; / 40px /\n --size-10_5: 2.625rem; / 42px /\n --size-11: 2.75rem; / 44px /\n --size-11_5: 2.875rem; / 46px /\n --size-12: 3rem; / 48px */\n\n @media print {\n display: none;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --color-background: rgb(28, 28, 30);\n --color-font: white;\n --color-backdrop: rgb(0, 0, 0, 0.8);\n --color-border-shadow: rgba(255, 255, 255, 0.145);\n\n --color-title-color: #fafafa;\n --color-stack-h6: rgb(200, 200, 204);\n --color-stack-headline: rgb(99, 99, 102);\n --color-stack-notes: #a9a9a9;\n --color-stack-subline: rgb(121, 121, 121);\n\n --color-accents-3: rgb(118, 118, 118);\n\n --color-text-background-red-1: #2a1e1e;\n }\n }\n\n .mono {\n font-family: var(--font-stack-monospace);\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-bottom: var(--size-gap);\n font-weight: 500;\n line-height: 1.5;\n }\n `}\n </style>\n )\n}\n"],"names":["React","noop","css","Base","style"],"mappings":";;;;;;;;;;;;AAAA,YAAYA,WAAW,QAAO;AAC9B,SAASC,QAAQC,GAAG,QAAQ,2BAA0B;AAEtD,OAAO,SAASC;IACd,qBACE,KAACC;kBACEF,~~uBAKK~~,6DAA6D;QAC7D,mEAAmE;QACnE,kEAAkE;QAClE,kEAAkE;QAClE,gEAAgE;QAChE;;~~AA+IZ~~"}
1	+ {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx"],"sourcesContent":["import * as React from 'react'\nimport { noop as css } from '../helpers/noop-template'\n\nexport function Base() {\n return (\n <style>\n {css`\n :host {\n ${\n // Although the style applied to the shadow host is isolated,\n // the element that attached the shadow host (i.e. `nextjs-portal`)\n // is still affected by the parent's style (e.g. `body`). This may\n // occur style conflicts like `display: flex`, with other children\n // elements therefore give the shadow host an absolute position.\n 'position: absolute;'\n }\n\n --size-gap-half: 4px;\n --size-gap: 8px;\n --size-gap-double: 16px;\n --size-gap-triple: 24px;\n --size-gap-quad: 32px;\n\n --size-font-11: 11px;\n --size-font-smaller: 12px;\n --size-font-small: 14px;\n --size-font: 16px;\n --size-font-big: 20px;\n --size-font-bigger: 24px;\n\n --color-background: white;\n --color-font: #757575;\n --color-backdrop: rgba(250, 250, 250, 0.8);\n --color-border-shadow: rgba(0, 0, 0, 0.145);\n\n --color-title-color: #1f1f1f;\n --color-stack-h6: #222;\n --color-stack-headline: #666;\n --color-stack-subline: #999;\n --color-stack-notes: #777;\n\n --color-accents-1: #808080;\n --color-accents-2: #222222;\n --color-accents-3: #404040;\n\n --color-text-color-red-1: #ff5555;\n --color-text-background-red-1: #fff9f9;\n\n --font-stack-monospace: 'Geist Mono', 'SFMono-Regular', Consolas,\n 'Liberation Mono', Menlo, Courier, monospace;\n --font-stack-sans: 'Geist', -apple-system, 'Source Sans Pro',\n sans-serif;\n\n font-family: var(--font-stack-sans);\n\n /* TODO: Remove replaced ones. /\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),\n 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),\n 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),\n 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n --shadow-none: 0 0 #0000;\n\n --shadow-small: 0px 2px 2px rgba(0, 0, 0, 0.04);\n --shadow-menu: 0px 1px 1px rgba(0, 0, 0, 0.02),\n 0px 4px 8px -4px rgba(0, 0, 0, 0.04),\n 0px 16px 24px -8px rgba(0, 0, 0, 0.06);\n\n --focus-color: var(--color-blue-800);\n --focus-ring: 2px solid var(--focus-color);\n\n --timing-swift: cubic-bezier(0.23, 0.88, 0.26, 0.92);\n --timing-overlay: cubic-bezier(0.175, 0.885, 0.32, 1.1);\n\n --rounded-none: 0px;\n --rounded-sm: 0.125rem; / 2px /\n --rounded-md: 0.25rem; / 4px /\n --rounded-md-2: 0.375rem; / 6px /\n --rounded-lg: 0.5rem; / 8px /\n --rounded-xl: 0.75rem; / 12px /\n --rounded-2xl: 1rem; / 16px /\n --rounded-3xl: 1.5rem; / 24px /\n --rounded-full: 9999px;\n\n --size-0: 0px;\n --size-px: 1px;\n --size-0_5: 0.125rem; / 2px /\n --size-1: 0.25rem; / 4px /\n --size-1_5: 0.375rem; / 6px /\n --size-2: 0.5rem; / 8px /\n --size-2_5: 0.625rem; / 10px /\n --size-3: 0.75rem; / 12px /\n --size-3_5: 0.875rem; / 14px /\n --size-4: 1rem; / 16px /\n --size-4_5: 1.125rem; / 18px /\n --size-5: 1.25rem; / 20px /\n --size-5_5: 1.375rem; / 22px /\n --size-6: 1.5rem; / 24px /\n --size-6_5: 1.625rem; / 26px /\n --size-7: 1.75rem; / 28px /\n --size-7_5: 1.875rem; / 30px /\n --size-8: 2rem; / 32px /\n --size-8_5: 2.125rem; / 34px /\n --size-9: 2.25rem; / 36px /\n --size-9_5: 2.375rem; / 38px /\n --size-10: 2.5rem; / 40px /\n --size-10_5: 2.625rem; / 42px /\n --size-11: 2.75rem; / 44px /\n --size-11_5: 2.875rem; / 46px /\n --size-12: 3rem; / 48px */\n\n @media print {\n display: none;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --color-background: rgb(28, 28, 30);\n --color-font: white;\n --color-backdrop: rgb(0, 0, 0, 0.8);\n --color-border-shadow: rgba(255, 255, 255, 0.145);\n\n --color-title-color: #fafafa;\n --color-stack-h6: rgb(200, 200, 204);\n --color-stack-headline: rgb(99, 99, 102);\n --color-stack-notes: #a9a9a9;\n --color-stack-subline: rgb(121, 121, 121);\n\n --color-accents-3: rgb(118, 118, 118);\n\n --color-text-background-red-1: #2a1e1e;\n }\n }\n\n .mono {\n font-family: var(--font-stack-monospace);\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-bottom: var(--size-gap);\n font-weight: 500;\n line-height: 1.5;\n }\n `}\n </style>\n )\n}\n"],"names":["React","noop","css","Base","style"],"mappings":";;;;;;;;;;;;AAAA,YAAYA,WAAW,QAAO;AAC9B,SAASC,QAAQC,GAAG,QAAQ,2BAA0B;AAEtD,OAAO,SAASC;IACd,qBACE,KAACC;kBACEF,uBAGK,6DAA6D;QAC7D,mEAAmE;QACnE,kEAAkE;QAClE,kEAAkE;QAClE,gEAAgE;QAChE;;AAgJZ"}

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/styles/component-styles.js CHANGED Viewed

@@ -19,6 +19,9 @@ function _templateObject() {
         "\n        ",
         "\n        ",
         "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n        ",
         "\n      "
     ]);
     _templateObject = function() {
@@ -46,9 +49,12 @@ import { DEV_TOOLS_INDICATOR_STYLES } from '../components/errors/dev-tools-indic
 import { noop as css } from '../helpers/noop-template';
 import { EDITOR_LINK_STYLES } from '../components/terminal/editor-link';
 import { ENVIRONMENT_NAME_LABEL_STYLES } from '../components/errors/environment-name-label/environment-name-label';
+import { DEV_TOOLS_INFO_STYLES } from '../components/errors/dev-tools-indicator/dev-tools-info/dev-tools-info';
+import { DEV_TOOLS_INFO_TURBOPACK_INFO_STYLES } from '../components/errors/dev-tools-indicator/dev-tools-info/turbopack-info';
+import { DEV_TOOLS_INFO_ROUTE_INFO_STYLES } from '../components/errors/dev-tools-indicator/dev-tools-info/route-info';
 export function ComponentStyles() {
     return /*#__PURE__*/ _jsx("style", {
-        children: css(_templateObject(), COPY_BUTTON_STYLES, CALL_STACK_FRAME_STYLES, ENVIRONMENT_NAME_LABEL_STYLES, overlay, toast, dialog, errorLayout, footer, bottomStack, pagination, CODE_FRAME_STYLES, TERMINAL_STYLES, EDITOR_LINK_STYLES, buildErrorStyles, containerErrorStyles, containerRuntimeErrorStyles, versionStaleness, DEV_TOOLS_INDICATOR_STYLES)
+        children: css(_templateObject(), COPY_BUTTON_STYLES, CALL_STACK_FRAME_STYLES, ENVIRONMENT_NAME_LABEL_STYLES, overlay, toast, dialog, errorLayout, footer, bottomStack, pagination, CODE_FRAME_STYLES, TERMINAL_STYLES, EDITOR_LINK_STYLES, buildErrorStyles, containerErrorStyles, containerRuntimeErrorStyles, versionStaleness, DEV_TOOLS_INDICATOR_STYLES, DEV_TOOLS_INFO_STYLES, DEV_TOOLS_INFO_TURBOPACK_INFO_STYLES, DEV_TOOLS_INFO_ROUTE_INFO_STYLES)
     });
 }

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/styles/component-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/styles/component-styles.tsx"],"sourcesContent":["import { CODE_FRAME_STYLES } from '../components/code-frame/code-frame'\nimport { styles as dialog } from '../components/dialog'\nimport { styles as errorLayout } from '../components/errors/error-overlay-layout/error-overlay-layout'\nimport { styles as bottomStack } from '../components/errors/error-overlay-bottom-stack'\nimport { styles as pagination } from '../components/errors/error-overlay-pagination/error-overlay-pagination'\nimport { styles as overlay } from '../components/overlay/styles'\nimport { styles as footer } from '../components/errors/error-overlay-footer/error-overlay-footer'\nimport { TERMINAL_STYLES } from '../components/terminal/terminal'\nimport { styles as toast } from '../components/toast'\nimport { styles as versionStaleness } from '../components/version-staleness-info/version-staleness-info'\nimport { styles as buildErrorStyles } from '../container/build-error'\nimport { styles as containerErrorStyles } from '../container/errors'\nimport { styles as containerRuntimeErrorStyles } from '../container/runtime-error'\nimport { COPY_BUTTON_STYLES } from '../components/copy-button'\nimport { CALL_STACK_FRAME_STYLES } from '../components/call-stack-frame/call-stack-frame'\nimport { DEV_TOOLS_INDICATOR_STYLES } from '../components/errors/dev-tools-indicator/dev-tools-indicator'\nimport { noop as css } from '../helpers/noop-template'\nimport { EDITOR_LINK_STYLES } from '../components/terminal/editor-link'\nimport { ENVIRONMENT_NAME_LABEL_STYLES } from '../components/errors/environment-name-label/environment-name-label'\nexport function ComponentStyles() {\n return (\n <style>\n {css`\n ${COPY_BUTTON_STYLES}\n ${CALL_STACK_FRAME_STYLES}\n ${ENVIRONMENT_NAME_LABEL_STYLES}\n ${overlay}\n ${toast}\n ${dialog}\n ${errorLayout}\n ${footer}\n ${bottomStack}\n ${pagination}\n ${CODE_FRAME_STYLES}\n ${TERMINAL_STYLES}\n ${EDITOR_LINK_STYLES}\n ${buildErrorStyles}\n ${containerErrorStyles}\n ${containerRuntimeErrorStyles}\n ${versionStaleness}\n ${DEV_TOOLS_INDICATOR_STYLES}\n `}\n </style>\n )\n}\n"],"names":["CODE_FRAME_STYLES","styles","dialog","errorLayout","bottomStack","pagination","overlay","footer","TERMINAL_STYLES","toast","versionStaleness","buildErrorStyles","containerErrorStyles","containerRuntimeErrorStyles","COPY_BUTTON_STYLES","CALL_STACK_FRAME_STYLES","DEV_TOOLS_INDICATOR_STYLES","noop","css","EDITOR_LINK_STYLES","ENVIRONMENT_NAME_LABEL_STYLES","ComponentStyles","style"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,SAASA,iBAAiB,QAAQ,sCAAqC;AACvE,SAASC,UAAUC,MAAM,QAAQ,uBAAsB;AACvD,SAASD,UAAUE,WAAW,QAAQ,iEAAgE;AACtG,SAASF,UAAUG,WAAW,QAAQ,kDAAiD;AACvF,SAASH,UAAUI,UAAU,QAAQ,yEAAwE;AAC7G,SAASJ,UAAUK,OAAO,QAAQ,+BAA8B;AAChE,SAASL,UAAUM,MAAM,QAAQ,iEAAgE;AACjG,SAASC,eAAe,QAAQ,kCAAiC;AACjE,SAASP,UAAUQ,KAAK,QAAQ,sBAAqB;AACrD,SAASR,UAAUS,gBAAgB,QAAQ,8DAA6D;AACxG,SAAST,UAAUU,gBAAgB,QAAQ,2BAA0B;AACrE,SAASV,UAAUW,oBAAoB,QAAQ,sBAAqB;AACpE,SAASX,UAAUY,2BAA2B,QAAQ,6BAA4B;AAClF,SAASC,kBAAkB,QAAQ,4BAA2B;AAC9D,SAASC,uBAAuB,QAAQ,kDAAiD;AACzF,SAASC,0BAA0B,QAAQ,+DAA8D;AACzG,SAASC,QAAQC,GAAG,QAAQ,2BAA0B;AACtD,SAASC,kBAAkB,QAAQ,qCAAoC;AACvE,SAASC,6BAA6B,QAAQ,qEAAoE;AAClH,OAAO,SAASC;IACd,qBACE,KAACC;~~kBACEJ~~,uBACGJ,oBACAC,yBACAK,+BACAd,SACAG,OACAP,QACAC,aACAI,QACAH,aACAC,YACAL,mBACAQ,iBACAW,oBACAR,kBACAC,sBACAC,6BACAH,kBACAM;;AAIV"}
1	+ {"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/styles/component-styles.tsx"],"sourcesContent":["import { CODE_FRAME_STYLES } from '../components/code-frame/code-frame'\nimport { styles as dialog } from '../components/dialog'\nimport { styles as errorLayout } from '../components/errors/error-overlay-layout/error-overlay-layout'\nimport { styles as bottomStack } from '../components/errors/error-overlay-bottom-stack'\nimport { styles as pagination } from '../components/errors/error-overlay-pagination/error-overlay-pagination'\nimport { styles as overlay } from '../components/overlay/styles'\nimport { styles as footer } from '../components/errors/error-overlay-footer/error-overlay-footer'\nimport { TERMINAL_STYLES } from '../components/terminal/terminal'\nimport { styles as toast } from '../components/toast'\nimport { styles as versionStaleness } from '../components/version-staleness-info/version-staleness-info'\nimport { styles as buildErrorStyles } from '../container/build-error'\nimport { styles as containerErrorStyles } from '../container/errors'\nimport { styles as containerRuntimeErrorStyles } from '../container/runtime-error'\nimport { COPY_BUTTON_STYLES } from '../components/copy-button'\nimport { CALL_STACK_FRAME_STYLES } from '../components/call-stack-frame/call-stack-frame'\nimport { DEV_TOOLS_INDICATOR_STYLES } from '../components/errors/dev-tools-indicator/dev-tools-indicator'\nimport { noop as css } from '../helpers/noop-template'\nimport { EDITOR_LINK_STYLES } from '../components/terminal/editor-link'\nimport { ENVIRONMENT_NAME_LABEL_STYLES } from '../components/errors/environment-name-label/environment-name-label'\nimport { DEV_TOOLS_INFO_STYLES } from '../components/errors/dev-tools-indicator/dev-tools-info/dev-tools-info'\nimport { DEV_TOOLS_INFO_TURBOPACK_INFO_STYLES } from '../components/errors/dev-tools-indicator/dev-tools-info/turbopack-info'\nimport { DEV_TOOLS_INFO_ROUTE_INFO_STYLES } from '../components/errors/dev-tools-indicator/dev-tools-info/route-info'\n\nexport function ComponentStyles() {\n return (\n <style>\n {css`\n ${COPY_BUTTON_STYLES}\n ${CALL_STACK_FRAME_STYLES}\n ${ENVIRONMENT_NAME_LABEL_STYLES}\n ${overlay}\n ${toast}\n ${dialog}\n ${errorLayout}\n ${footer}\n ${bottomStack}\n ${pagination}\n ${CODE_FRAME_STYLES}\n ${TERMINAL_STYLES}\n ${EDITOR_LINK_STYLES}\n ${buildErrorStyles}\n ${containerErrorStyles}\n ${containerRuntimeErrorStyles}\n ${versionStaleness}\n ${DEV_TOOLS_INDICATOR_STYLES}\n ${DEV_TOOLS_INFO_STYLES}\n ${DEV_TOOLS_INFO_TURBOPACK_INFO_STYLES}\n ${DEV_TOOLS_INFO_ROUTE_INFO_STYLES}\n `}\n </style>\n )\n}\n"],"names":["CODE_FRAME_STYLES","styles","dialog","errorLayout","bottomStack","pagination","overlay","footer","TERMINAL_STYLES","toast","versionStaleness","buildErrorStyles","containerErrorStyles","containerRuntimeErrorStyles","COPY_BUTTON_STYLES","CALL_STACK_FRAME_STYLES","DEV_TOOLS_INDICATOR_STYLES","noop","css","EDITOR_LINK_STYLES","ENVIRONMENT_NAME_LABEL_STYLES","DEV_TOOLS_INFO_STYLES","DEV_TOOLS_INFO_TURBOPACK_INFO_STYLES","DEV_TOOLS_INFO_ROUTE_INFO_STYLES","ComponentStyles","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,iBAAiB,QAAQ,sCAAqC;AACvE,SAASC,UAAUC,MAAM,QAAQ,uBAAsB;AACvD,SAASD,UAAUE,WAAW,QAAQ,iEAAgE;AACtG,SAASF,UAAUG,WAAW,QAAQ,kDAAiD;AACvF,SAASH,UAAUI,UAAU,QAAQ,yEAAwE;AAC7G,SAASJ,UAAUK,OAAO,QAAQ,+BAA8B;AAChE,SAASL,UAAUM,MAAM,QAAQ,iEAAgE;AACjG,SAASC,eAAe,QAAQ,kCAAiC;AACjE,SAASP,UAAUQ,KAAK,QAAQ,sBAAqB;AACrD,SAASR,UAAUS,gBAAgB,QAAQ,8DAA6D;AACxG,SAAST,UAAUU,gBAAgB,QAAQ,2BAA0B;AACrE,SAASV,UAAUW,oBAAoB,QAAQ,sBAAqB;AACpE,SAASX,UAAUY,2BAA2B,QAAQ,6BAA4B;AAClF,SAASC,kBAAkB,QAAQ,4BAA2B;AAC9D,SAASC,uBAAuB,QAAQ,kDAAiD;AACzF,SAASC,0BAA0B,QAAQ,+DAA8D;AACzG,SAASC,QAAQC,GAAG,QAAQ,2BAA0B;AACtD,SAASC,kBAAkB,QAAQ,qCAAoC;AACvE,SAASC,6BAA6B,QAAQ,qEAAoE;AAClH,SAASC,qBAAqB,QAAQ,yEAAwE;AAC9G,SAASC,oCAAoC,QAAQ,yEAAwE;AAC7H,SAASC,gCAAgC,QAAQ,qEAAoE;AAErH,OAAO,SAASC;IACd,qBACE,KAACC;kBACEP,uBACGJ,oBACAC,yBACAK,+BACAd,SACAG,OACAP,QACAC,aACAI,QACAH,aACAC,YACAL,mBACAQ,iBACAW,oBACAR,kBACAC,sBACAC,6BACAH,kBACAM,4BACAK,uBACAC,sCACAC;;AAIV"}