New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

next

Package Overview
Dependencies
Maintainers
3
Versions
2955
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

next - npm Package Compare versions

Comparing version 15.2.0-canary.15 to 15.2.0-canary.16

dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.d.ts
dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.js
dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.js.map
dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.js
dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.js.map

2

dist/build/swc/index.js

@@ -122,3 +122,3 @@ /* eslint-disable @typescript-eslint/no-use-before-define */ "use strict";

}
const nextVersion = "15.2.0-canary.15";
const nextVersion = "15.2.0-canary.16";
const ArchName = (0, _os.arch)();

@@ -125,0 +125,0 @@ const PlatformName = (0, _os.platform)();

2

dist/client/app-bootstrap.js

@@ -16,3 +16,3 @@ /**

});
const version = "15.2.0-canary.15";
const version = "15.2.0-canary.16";
window.next = {

@@ -19,0 +19,0 @@ version,

19

dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js

@@ -18,2 +18,3 @@ "use strict";

const _devrenderindicator = require("./internal/dev-render-indicator");
const _usedelayedrender = require("./internal/use-delayed-render");
function DevToolsIndicator(param) {

@@ -30,2 +31,4 @@ let { versionInfo, hasStaticIndicator, readyErrors, fullscreen, hide, isTurbopack } = param;

}
const ANIMATE_OUT_DURATION_MS = 200;
const ANIMATE_OUT_TIMING_FUNCTION = 'cubic-bezier(0.175, 0.885, 0.32, 1.1)';
const DevToolsPopover = (param)=>{

@@ -36,2 +39,8 @@ let { onIssuesClick, issueCount, isStaticRoute, hide, semver, isTurbopack } = param;

const [isPopoverOpen, setIsPopoverOpen] = (0, _react.useState)(false);
const { mounted, rendered } = (0, _usedelayedrender.useDelayedRender)(isPopoverOpen, {
// Intentionally no fade in, makes the UI feel more immediate
enterDelay: 0,
// Graceful fade out to confirm that the UI did not break
exitDelay: ANIMATE_OUT_DURATION_MS
});
(0, _react.useEffect)(()=>{

@@ -70,2 +79,3 @@ // Close popover when clicking outside of it or its button

onClick: togglePopover,
onIssuesClick: onIssuesClick,
isDevBuilding: (0, _initializefornewoverlay.useIsDevBuilding)(),

@@ -77,5 +87,5 @@ isDevRendering: (0, _devrenderindicator.useIsDevRendering)(),

"data-nextjs-dev-tools-button": true
})
}, issueCount)
}),
isPopoverOpen && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
mounted && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
ref: popoverRef,

@@ -86,2 +96,7 @@ id: "dev-tools-popover",

"data-nextjs-dev-tools-popover": true,
"data-rendered": rendered,
style: {
'--animate-out-duration-ms': "" + ANIMATE_OUT_DURATION_MS + "ms",
'--animate-out-timing-function': ANIMATE_OUT_TIMING_FUNCTION
},
tabIndex: -1,

@@ -88,0 +103,0 @@ children: [

3

dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.d.ts

@@ -6,4 +6,5 @@ interface Props extends React.ComponentProps<'button'> {

isDevRendering: boolean;
onIssuesClick: () => void;
}
export declare const NextLogo: ({ issueCount, onClick, isDevBuilding, isDevRendering, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
export declare const NextLogo: ({ issueCount, onClick, isDevBuilding, isDevRendering, onIssuesClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
export {};

535

dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.js

@@ -17,3 +17,3 @@ "use strict";

const data = _tagged_template_literal_loose._([
"\n .path0 {\n animation: draw0 1.5s ease-in-out infinite;\n }\n\n .path1 {\n animation: draw1 1.5s ease-out infinite;\n animation-delay: 0.3s;\n }\n\n .paused {\n stroke-dashoffset: 0;\n }\n @keyframes draw0 {\n 0%,\n 25% {\n stroke-dashoffset: -29.6;\n }\n 25%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 29.6;\n }\n }\n\n @keyframes draw1 {\n 0%,\n 20% {\n stroke-dashoffset: -11.6;\n }\n 20%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 11.6;\n }\n }\n "
"\n [data-next-badge] {\n --timing: cubic-bezier(0.5, 0.36, 0.25, 1.1);\n --duration: 300ms;\n --color-outer-border: #171717;\n --color-inner-border: hsla(0, 0%, 100%, 0.14);\n --color-hover-alpha: hsla(0, 0%, 100%, 0.14);\n --color-hover-alpha-2: hsla(0, 0%, 100%, 0.23);\n --padding: 2px;\n --mark-size: calc(var(--size) - var(--padding) * 2);\n\n -webkit-font-smoothing: antialiased;\n width: var(--size);\n height: var(--size);\n display: flex;\n align-items: center;\n position: relative;\n background: rgba(0, 0, 0, 0.8);\n box-shadow:\n 0 0 0 1px var(--color-outer-border),\n inset 0 0 0 1px var(--color-inner-border),\n 0px 16px 32px -8px rgba(0, 0, 0, 0.24);\n backdrop-filter: blur(48px);\n border-radius: 9999px;\n user-select: none;\n cursor: pointer;\n scale: 1;\n overflow: hidden;\n transition:\n scale 150ms var(--timing),\n width 250ms var(--timing),\n box-shadow 250ms var(--timing),\n background 150ms ease;\n\n &:active:not([data-error='true']) {\n scale: 0.95;\n }\n\n &[data-error='true'] {\n background: #ca2a30;\n --color-inner-border: #e5484d;\n\n [data-next-mark] {\n background: var(--color-hover-alpha);\n\n &:hover {\n background: var(--color-hover-alpha-2);\n }\n }\n }\n\n > div {\n display: flex;\n }\n }\n\n [data-issues] {\n display: flex;\n gap: var(--padding);\n align-items: center;\n padding-left: 8px;\n padding-right: calc(var(--padding) * 2);\n height: 32px;\n margin: 0 var(--padding);\n border-radius: 9999px;\n transition: background 150ms ease;\n\n &:has([data-issues-open]:hover) {\n background: var(--color-hover-alpha);\n }\n\n [data-cross] {\n translate: 0 -1px;\n }\n }\n\n [data-issues-open] {\n font-size: 13px;\n color: white;\n width: fit-content;\n height: 100%;\n display: flex;\n gap: 8px;\n align-items: center;\n margin: 0;\n line-height: 36px;\n font-weight: 500;\n z-index: 2;\n white-space: nowrap;\n }\n\n [data-issues-close] {\n width: 24px;\n height: 24px;\n border-radius: 9999px;\n transition: background 150ms ease;\n\n &:hover {\n background: var(--color-hover-alpha);\n }\n }\n\n [data-next-mark] {\n width: var(--mark-size);\n height: var(--mark-size);\n margin-left: var(--padding);\n display: flex;\n align-items: center;\n border-radius: 9999px;\n transition: background var(--duration) var(--timing);\n\n svg {\n flex-shrink: 0;\n }\n }\n\n .path0 {\n animation: draw0 1.5s ease-in-out infinite;\n }\n\n .path1 {\n animation: draw1 1.5s ease-out infinite;\n animation-delay: 0.3s;\n }\n\n .paused {\n stroke-dashoffset: 0;\n }\n\n @keyframes draw0 {\n 0%,\n 25% {\n stroke-dashoffset: -29.6;\n }\n 25%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 29.6;\n }\n }\n\n @keyframes draw1 {\n 0%,\n 20% {\n stroke-dashoffset: -11.6;\n }\n 20%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 11.6;\n }\n }\n "
]);

@@ -25,6 +25,10 @@ _templateObject = function() {

}
const SIZE = 36;
const NextLogo = (param)=>{
let { issueCount, onClick, isDevBuilding, isDevRendering, ...props } = param;
let { issueCount, onClick, isDevBuilding, isDevRendering, onIssuesClick, ...props } = param;
const hasError = issueCount > 0;
const [isErrorExpanded, setIsErrorExpanded] = (0, _react.useState)(hasError);
const [isLoading, setIsLoading] = (0, _react.useState)(false);
const [isPressed, setIsPressed] = (0, _react.useState)(false);
const ref = (0, _react.useRef)(null);
const width = useMeasureWidth(ref);
// Only shows the loading state after a 200ms delay when building or rendering,

@@ -45,18 +49,3 @@ // to avoid flashing the loading state for quick updates

]);
return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
onClick: onClick,
style: {
position: 'relative',
cursor: 'pointer',
userSelect: 'none',
backdropFilter: 'blur(48px)',
boxShadow: '0px 24px 32px -8px #0000001A, 0px 8px 16px -4px #0000001A, 0px 1px 1px 0px #00000026',
borderRadius: '50%',
transition: 'transform 0.1s ease',
transform: isPressed ? 'scale(0.95)' : 'scale(1)'
},
onMouseDown: ()=>setIsPressed(true),
onMouseUp: ()=>setIsPressed(false),
onMouseLeave: ()=>setIsPressed(false),
...props,
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
children: [

@@ -66,372 +55,152 @@ /*#__PURE__*/ (0, _jsxruntime.jsx)("style", {

}),
issueCount > 0 ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
"data-next-badge": true,
"data-error": hasError,
style: {
position: 'absolute',
top: '-5px',
right: '-5px',
width: '20px',
height: '20px',
background: 'var(--color-red-300)',
borderRadius: '50%',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'var(--color-red-900)',
fontSize: '12px',
fontWeight: 'bold'
width: hasError && width > SIZE ? width : SIZE,
'--size': "" + SIZE + "px"
},
children: issueCount
}) : null,
/*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
width: "40",
height: "40",
viewBox: "0 0 40 40",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
style: {
shapeRendering: 'geometricPrecision'
},
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("defs", {
children: /*#__PURE__*/ (0, _jsxruntime.jsx)("clipPath", {
id: "circleClip",
children: /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
cx: "20",
cy: "20",
r: "20"
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
ref: ref,
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
"data-next-mark": true,
onClick: onClick,
...props,
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(NextMark, {
isLoading: isLoading
})
})
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("g", {
clipPath: "url(#circleClip)",
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("g", {
filter: "url(#filter0_bdddi_1457_6023)",
}),
isErrorExpanded && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
"data-issues": true,
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
cx: "20",
cy: "20",
r: "20",
fill: 'black',
fillOpacity: "0.8"
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("g", {
filter: "url(#filter1_i_1457_6023)",
/*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
"data-issues-open": true,
"aria-label": "Open issues overlay",
onClick: onIssuesClick,
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
cx: "20",
cy: "20",
r: "18.5",
stroke: "url(#paint0_angular_1457_6023)",
strokeOpacity: "0.8"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
cx: "20",
cy: "20",
r: "18.5",
stroke: "white",
strokeOpacity: "0.2",
style: {
mixBlendMode: 'multiply'
}
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
cx: "20",
cy: "20",
r: "18",
fill: issueCount > 0 ? '#CA2A30' : '#2A2A2A'
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("g", {
transform: "translate(13, 12)",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
className: isLoading ? 'path0' : 'paused',
d: "M13.3 15.2 L2.34 1 V12.6",
fill: "none",
stroke: "url(#paint0_linear_1357_10853)",
strokeWidth: "1.86",
mask: "url(#mask0)",
strokeDasharray: "29.6",
strokeDashoffset: "29.6"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
className: isLoading ? 'path1' : 'paused',
d: "M11.825 1.5 V13.1",
strokeWidth: "1.86",
stroke: "url(#paint1_linear_1357_10853)",
strokeDasharray: "11.6",
strokeDashoffset: "11.6"
})
]
})
issueCount,
" ",
issueCount === 1 ? 'Issue' : 'Issues'
]
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
"data-issues-close": true,
"aria-label": "Dismiss",
onClick: ()=>{
setIsErrorExpanded(false);
},
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Cross, {})
})
]
})
]
})
})
]
});
};
function useMeasureWidth(ref) {
const [width, setWidth] = (0, _react.useState)(0);
(0, _react.useEffect)(()=>{
const el = ref.current;
if (!el) {
return;
}
const observer = new ResizeObserver(()=>{
const { width: w } = el.getBoundingClientRect();
setWidth(w);
});
observer.observe(el);
return ()=>observer.disconnect();
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
return width;
}
function NextMark(param) {
let { isLoading } = param;
return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
width: "40",
height: "40",
viewBox: "0 0 40 40",
fill: "none",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsxs)("g", {
transform: "translate(8.5, 13)",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
className: isLoading ? 'path0' : 'paused',
d: "M13.3 15.2 L2.34 1 V12.6",
fill: "none",
stroke: "url(#paint0_linear_1357_10853)",
strokeWidth: "1.86",
mask: "url(#mask0)",
strokeDasharray: "29.6",
strokeDashoffset: "29.6"
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("defs", {
/*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
className: isLoading ? 'path1' : 'paused',
d: "M11.825 1.5 V13.1",
strokeWidth: "1.86",
stroke: "url(#paint1_linear_1357_10853)",
strokeDasharray: "11.6",
strokeDashoffset: "11.6"
})
]
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("defs", {
children: [
/*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
id: "paint0_linear_1357_10853",
x1: "9.95555",
y1: "11.1226",
x2: "15.4778",
y2: "17.9671",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
id: "paint0_linear_1357_10853",
x1: "9.95555",
y1: "11.1226",
x2: "15.4778",
y2: "17.9671",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
offset: "0.604072",
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
stopOpacity: "0"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
offset: "1",
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
stopOpacity: "0"
})
]
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
stopColor: "white"
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
id: "paint1_linear_1357_10853",
x1: "11.8222",
y1: "1.40039",
x2: "11.791",
y2: "9.62542",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
offset: "1",
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
stopOpacity: "0"
})
]
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
offset: "0.604072",
stopColor: "white",
stopOpacity: "0"
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("mask", {
id: "mask0",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("rect", {
width: "100%",
height: "100%",
fill: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("rect", {
width: "5",
height: "1.5",
fill: "black"
})
]
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
offset: "1",
stopColor: "white",
stopOpacity: "0"
})
]
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
id: "paint1_linear_1357_10853",
x1: "11.8222",
y1: "1.40039",
x2: "11.791",
y2: "9.62542",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
stopColor: "white"
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("filter", {
id: "filter0_bdddi_1457_6023",
x: "0",
y: "0",
width: "40",
height: "40",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feGaussianBlur", {
in: "BackgroundImageFix",
stdDeviation: "24"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feComposite", {
in2: "SourceAlpha",
operator: "in",
result: "effect1_backgroundBlur_1457_6023"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feMorphology", {
radius: "8",
operator: "erode",
in: "SourceAlpha",
result: "effect2_dropShadow_1457_6023"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feOffset", {
dy: "24"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feGaussianBlur", {
stdDeviation: "16"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feComposite", {
in2: "hardAlpha",
operator: "out"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feBlend", {
mode: "normal",
in2: "effect1_backgroundBlur_1457_6023",
result: "effect2_dropShadow_1457_6023"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feMorphology", {
radius: "4",
operator: "erode",
in: "SourceAlpha",
result: "effect3_dropShadow_1457_6023"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feOffset", {
dy: "8"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feGaussianBlur", {
stdDeviation: "8"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feBlend", {
mode: "normal",
in2: "effect2_dropShadow_1457_6023",
result: "effect3_dropShadow_1457_6023"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feOffset", {
dy: "1"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feGaussianBlur", {
stdDeviation: "0.5"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "effect3_dropShadow_1457_6023",
result: "effect4_dropShadow_1457_6023"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "effect4_dropShadow_1457_6023",
result: "shape"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feOffset", {
dx: "4",
dy: "4"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feGaussianBlur", {
stdDeviation: "2"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feComposite", {
in2: "hardAlpha",
operator: "arithmetic",
k2: "-1",
k3: "1"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feBlend", {
mode: "lighten",
in2: "shape",
result: "effect5_innerShadow_1457_6023"
})
]
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
offset: "1",
stopColor: "white",
stopOpacity: "0"
})
]
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("mask", {
id: "mask0",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("rect", {
width: "100%",
height: "100%",
fill: "white"
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("filter", {
id: "filter1_i_1457_6023",
x: "1",
y: "1",
width: "39",
height: "42",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feOffset", {
dy: "4"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feGaussianBlur", {
stdDeviation: "2"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feComposite", {
in2: "hardAlpha",
operator: "arithmetic",
k2: "-1",
k3: "1"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("feBlend", {
mode: "normal",
in2: "shape",
result: "effect1_innerShadow_1457_6023"
})
]
}),
/*#__PURE__*/ (0, _jsxruntime.jsxs)("radialGradient", {
id: "paint0_angular_1457_6023",
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "translate(20 20) rotate(-90) scale(12.75)",
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
stopColor: "white"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
offset: "0.0914784",
stopColor: "white",
stopOpacity: "0.463159"
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
offset: "0.405428",
stopColor: "white",
stopOpacity: "0.4"
})
]
/*#__PURE__*/ (0, _jsxruntime.jsx)("rect", {
width: "5",
height: "1.5",
fill: "black"
})

@@ -444,3 +213,19 @@ ]

});
};
}
function Cross() {
return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
"data-cross": true,
width: "14",
height: "14",
viewBox: "0 0 14 14",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
"fill-rule": "evenodd",
"clip-rule": "evenodd",
d: "M3.08889 11.8384L2.62486 12.3024L1.69678 11.3744L2.16082 10.9103L6.07178 6.99937L2.16082 3.08841L1.69678 2.62437L2.62486 1.69629L3.08889 2.16033L6.99986 6.07129L10.9108 2.16033L11.3749 1.69629L12.3029 2.62437L11.8389 3.08841L7.92793 6.99937L11.8389 10.9103L12.3029 11.3744L11.3749 12.3024L10.9108 11.8384L6.99986 7.92744L3.08889 11.8384Z",
fill: "#EAEAEA"
})
});
}

@@ -447,0 +232,0 @@ if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {

2

dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/styles.js

@@ -15,3 +15,3 @@ "use strict";

const data = _tagged_template_literal_loose._([
"\n [data-nextjs-toast-wrapper] {\n border: none;\n }\n\n [data-nextjs-dev-tools-button] {\n border: none;\n background: none;\n padding: 0;\n font-size: var(--size-font);\n cursor: pointer;\n }\n\n [data-nextjs-dev-tools-popover] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n background: var(--color-background-100);\n border: 1px solid var(--color-gray-alpha-400);\n box-shadow: var(--shadow-sm), var(--shadow-lg);\n border-radius: var(--rounded-lg);\n position: absolute;\n bottom: calc(100% + var(--size-gap));\n left: 0;\n z-index: 1000;\n overflow: hidden;\n }\n\n [data-nextjs-dev-tools-content] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-1_5);\n background: var(--color-background-100);\n }\n\n [data-nextjs-dev-tools-footer] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-1_5);\n gap: var(--size-2_5);\n background: var(--color-background-200);\n border-top: 1px solid var(--color-gray-200);\n width: 100%;\n }\n\n [data-nextjs-dev-tools-footer-text] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-2) var(--size-1_5);\n width: 248px;\n }\n\n [data-nextjs-dev-tools-version] {\n margin: 0;\n font-family: var(--font-stack-monospace);\n font-style: normal;\n font-weight: 400;\n font-size: 11px;\n line-height: var(--size-4);\n color: var(--color-gray-900);\n }\n\n [data-nextjs-dev-tools-row] {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: var(--size-2) var(--size-1_5);\n gap: var(--size-2);\n width: 248px;\n height: 36px;\n border-radius: var(--rounded-md);\n }\n\n [data-nextjs-dev-tools-row]:hover {\n background-color: var(--color-gray-100);\n }\n\n [data-nextjs-dev-tools-row-label] {\n font-family: var(--font-stack-sans);\n font-style: normal;\n font-weight: 400;\n font-size: var(--size-font-small);\n line-height: var(--size-5);\n color: var(--color-gray-1000);\n }\n\n [data-nextjs-dev-tools-row-value] {\n font-family: var(--font-stack-sans);\n font-style: normal;\n font-weight: 400;\n font-size: var(--size-font-small);\n line-height: var(--size-5);\n color: var(--color-gray-900);\n margin-left: auto;\n padding: 0 var(--size-0_5);\n }\n\n [data-nextjs-dev-tools-issue-count] {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: var(--size-1);\n width: var(--size-5);\n height: var(--size-5);\n border-radius: var(--rounded-full);\n }\n\n [data-nextjs-dev-tools-issue-text] {\n font-family: var(--font-stack-sans);\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: var(--size-4);\n text-align: center;\n }\n\n [data-nextjs-dev-tools-issue-count][data-has-issues='true'] {\n background: var(--color-red-300);\n }\n\n [data-nextjs-dev-tools-issue-count][data-has-issues='false'] {\n background: var(--color-gray-300);\n }\n\n [data-nextjs-dev-tools-issue-text][data-has-issues='true'] {\n color: var(--color-red-900);\n }\n\n [data-nextjs-dev-tools-issue-text][data-has-issues='false'] {\n color: var(--color-gray-1000);\n }\n\n [data-nextjs-dev-tools-container] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background: var(--color-background-100);\n }\n\n [data-nextjs-dev-tools-shortcut-group] {\n display: flex;\n align-items: flex-start;\n gap: var(--size-1);\n }\n\n [data-nextjs-dev-tools-icon] {\n display: flex;\n min-width: var(--size-5);\n height: var(--size-5);\n padding: var(--size-1) var(--size-1_5);\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-md);\n border: 1px solid var(--color-gray-alpha-400);\n background: var(--color-background-100);\n\n color: var(--color-gray-1000);\n text-align: center;\n font-size: var(--size-font-smaller);\n font-style: normal;\n font-weight: 400;\n line-height: var(--size-4);\n }\n\n [data-nextjs-dev-tools-ctrl-icon] {\n width: 100%;\n }\n"
"\n [data-nextjs-toast-wrapper] {\n border: none;\n }\n\n [data-nextjs-dev-tools-button] {\n border: none;\n background: none;\n padding: 0;\n font-size: var(--size-font);\n cursor: pointer;\n }\n\n [data-nextjs-dev-tools-popover] {\n -webkit-font-smoothing: antialiased;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n background: var(--color-background-100);\n border: 1px solid var(--color-gray-alpha-400);\n background-clip: padding-box;\n box-shadow: var(--shadow-menu);\n border-radius: var(--rounded-xl);\n position: absolute;\n bottom: calc(100% + var(--size-gap));\n left: 0;\n z-index: 1000;\n overflow: hidden;\n opacity: 0;\n transition: opacity var(--animate-out-duration-ms)\n var(--animate-out-timing-function);\n\n &[data-rendered='true'] {\n opacity: 1;\n scale: 1;\n }\n }\n\n [data-nextjs-dev-tools-content] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-1_5);\n background: var(--color-background-100);\n }\n\n [data-nextjs-dev-tools-footer] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-1_5);\n gap: var(--size-2_5);\n background: var(--color-background-200);\n border-top: 1px solid var(--color-gray-200);\n width: 100%;\n }\n\n [data-nextjs-dev-tools-footer-text] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-2) var(--size-1_5);\n width: 248px;\n }\n\n [data-nextjs-dev-tools-version] {\n margin: 0;\n font-family: var(--font-stack-monospace);\n font-style: normal;\n font-weight: 400;\n font-size: 11px;\n line-height: var(--size-4);\n color: var(--color-gray-900);\n }\n\n [data-nextjs-dev-tools-row] {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: var(--size-2) var(--size-1_5);\n gap: var(--size-2);\n width: 248px;\n height: 36px;\n border-radius: var(--rounded-md);\n cursor: pointer;\n }\n\n [data-nextjs-dev-tools-row]:hover {\n background-color: var(--color-gray-100);\n }\n\n [data-nextjs-dev-tools-row-label] {\n font-family: var(--font-stack-sans);\n font-style: normal;\n font-weight: 400;\n font-size: var(--size-font-small);\n line-height: var(--size-5);\n color: var(--color-gray-1000);\n }\n\n [data-nextjs-dev-tools-row-value] {\n font-family: var(--font-stack-sans);\n font-weight: 400;\n font-size: var(--size-font-small);\n line-height: var(--size-5);\n color: var(--color-gray-900);\n margin-left: auto;\n padding: 0 var(--size-0_5);\n }\n\n [data-nextjs-dev-tools-issue-count] {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: var(--size-1);\n width: var(--size-5);\n height: var(--size-5);\n border-radius: var(--rounded-full);\n }\n\n [data-nextjs-dev-tools-issue-text] {\n font-family: var(--font-stack-sans);\n font-weight: 500;\n font-size: 11px;\n line-height: var(--size-4);\n text-align: center;\n }\n\n [data-nextjs-dev-tools-issue-count][data-has-issues='true'] {\n background: var(--color-red-300);\n }\n\n [data-nextjs-dev-tools-issue-count][data-has-issues='false'] {\n background: var(--color-gray-300);\n }\n\n [data-nextjs-dev-tools-issue-text][data-has-issues='true'] {\n color: var(--color-red-900);\n }\n\n [data-nextjs-dev-tools-issue-text][data-has-issues='false'] {\n color: var(--color-gray-1000);\n }\n\n [data-nextjs-dev-tools-container] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background: var(--color-background-100);\n }\n\n [data-nextjs-dev-tools-shortcut-group] {\n display: flex;\n align-items: flex-start;\n gap: var(--size-1);\n }\n\n [data-nextjs-dev-tools-icon] {\n display: flex;\n width: var(--size-5);\n height: var(--size-5);\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-md);\n border: 1px solid var(--color-gray-400);\n background: var(--color-background-100);\n color: var(--color-gray-1000);\n text-align: center;\n font-size: var(--size-font-smaller);\n font-style: normal;\n font-weight: 400;\n line-height: var(--size-4);\n }\n\n [data-nextjs-dev-tools-ctrl-icon] {\n width: 100%;\n }\n"
]);

@@ -18,0 +18,0 @@ _templateObject = function() {

2

dist/client/components/react-dev-overlay/_experimental/internal/styles/base.js

@@ -18,3 +18,3 @@ "use strict";

const data = _tagged_template_literal_loose._([
"\n @import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;900&family=Geist+Mono:wght@400;900&display=swap');\n\n :host {\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(17, 17, 17, 0.2);\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 --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\n @media (prefers-color-scheme: dark) {\n :host {\n --color-background: rgb(28, 28, 30);\n --color-font: white;\n --color-backdrop: rgb(44, 44, 46);\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 @import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;900&family=Geist+Mono:wght@400;900&display=swap');\n\n :host {\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(17, 17, 17, 0.2);\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 --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 --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\n @media (prefers-color-scheme: dark) {\n :host {\n --color-background: rgb(28, 28, 30);\n --color-font: white;\n --color-backdrop: rgb(44, 44, 46);\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 "
]);

@@ -21,0 +21,0 @@ _templateObject = function() {

2

dist/client/index.js

@@ -65,3 +65,3 @@ /* global location */ // imports polyfill from `@next/polyfill-module` after build.

const _isnextroutererror = require("./components/is-next-router-error");
const version = "15.2.0-canary.15";
const version = "15.2.0-canary.16";
let router;

@@ -68,0 +68,0 @@ const emitter = (0, _mitt.default)();

2

dist/esm/build/swc/index.js

@@ -14,3 +14,3 @@ /* eslint-disable @typescript-eslint/no-use-before-define */ import path from 'path';

import { TurbopackInternalError } from '../../server/dev/turbopack-utils';
const nextVersion = "15.2.0-canary.15";
const nextVersion = "15.2.0-canary.16";
const ArchName = arch();

@@ -17,0 +17,0 @@ const PlatformName = platform();

2

dist/esm/client/app-bootstrap.js

@@ -6,3 +6,3 @@ /**

* - next/script with `beforeInteractive` strategy
*/ const version = "15.2.0-canary.15";
*/ const version = "15.2.0-canary.16";
window.next = {

@@ -9,0 +9,0 @@ version,

19

dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js

@@ -7,2 +7,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

import { useIsDevRendering } from './internal/dev-render-indicator';
import { useDelayedRender } from './internal/use-delayed-render';
// TODO: test a11y

@@ -21,2 +22,4 @@ // TODO: add E2E tests to cover different scenarios

}
const ANIMATE_OUT_DURATION_MS = 200;
const ANIMATE_OUT_TIMING_FUNCTION = 'cubic-bezier(0.175, 0.885, 0.32, 1.1)';
const DevToolsPopover = (param)=>{

@@ -27,2 +30,8 @@ let { onIssuesClick, issueCount, isStaticRoute, hide, semver, isTurbopack } = param;

const [isPopoverOpen, setIsPopoverOpen] = useState(false);
const { mounted, rendered } = useDelayedRender(isPopoverOpen, {
// Intentionally no fade in, makes the UI feel more immediate
enterDelay: 0,
// Graceful fade out to confirm that the UI did not break
exitDelay: ANIMATE_OUT_DURATION_MS
});
useEffect(()=>{

@@ -61,2 +70,3 @@ // Close popover when clicking outside of it or its button

onClick: togglePopover,
onIssuesClick: onIssuesClick,
isDevBuilding: useIsDevBuilding(),

@@ -68,5 +78,5 @@ isDevRendering: useIsDevRendering(),

"data-nextjs-dev-tools-button": true
})
}, issueCount)
}),
isPopoverOpen && /*#__PURE__*/ _jsxs("div", {
mounted && /*#__PURE__*/ _jsxs("div", {
ref: popoverRef,

@@ -77,2 +87,7 @@ id: "dev-tools-popover",

"data-nextjs-dev-tools-popover": true,
"data-rendered": rendered,
style: {
'--animate-out-duration-ms': "" + ANIMATE_OUT_DURATION_MS + "ms",
'--animate-out-timing-function': ANIMATE_OUT_TIMING_FUNCTION
},
tabIndex: -1,

@@ -79,0 +94,0 @@ children: [

539

dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.js
import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
function _templateObject() {
const data = _tagged_template_literal_loose([
"\n .path0 {\n animation: draw0 1.5s ease-in-out infinite;\n }\n\n .path1 {\n animation: draw1 1.5s ease-out infinite;\n animation-delay: 0.3s;\n }\n\n .paused {\n stroke-dashoffset: 0;\n }\n @keyframes draw0 {\n 0%,\n 25% {\n stroke-dashoffset: -29.6;\n }\n 25%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 29.6;\n }\n }\n\n @keyframes draw1 {\n 0%,\n 20% {\n stroke-dashoffset: -11.6;\n }\n 20%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 11.6;\n }\n }\n "
"\n [data-next-badge] {\n --timing: cubic-bezier(0.5, 0.36, 0.25, 1.1);\n --duration: 300ms;\n --color-outer-border: #171717;\n --color-inner-border: hsla(0, 0%, 100%, 0.14);\n --color-hover-alpha: hsla(0, 0%, 100%, 0.14);\n --color-hover-alpha-2: hsla(0, 0%, 100%, 0.23);\n --padding: 2px;\n --mark-size: calc(var(--size) - var(--padding) * 2);\n\n -webkit-font-smoothing: antialiased;\n width: var(--size);\n height: var(--size);\n display: flex;\n align-items: center;\n position: relative;\n background: rgba(0, 0, 0, 0.8);\n box-shadow:\n 0 0 0 1px var(--color-outer-border),\n inset 0 0 0 1px var(--color-inner-border),\n 0px 16px 32px -8px rgba(0, 0, 0, 0.24);\n backdrop-filter: blur(48px);\n border-radius: 9999px;\n user-select: none;\n cursor: pointer;\n scale: 1;\n overflow: hidden;\n transition:\n scale 150ms var(--timing),\n width 250ms var(--timing),\n box-shadow 250ms var(--timing),\n background 150ms ease;\n\n &:active:not([data-error='true']) {\n scale: 0.95;\n }\n\n &[data-error='true'] {\n background: #ca2a30;\n --color-inner-border: #e5484d;\n\n [data-next-mark] {\n background: var(--color-hover-alpha);\n\n &:hover {\n background: var(--color-hover-alpha-2);\n }\n }\n }\n\n > div {\n display: flex;\n }\n }\n\n [data-issues] {\n display: flex;\n gap: var(--padding);\n align-items: center;\n padding-left: 8px;\n padding-right: calc(var(--padding) * 2);\n height: 32px;\n margin: 0 var(--padding);\n border-radius: 9999px;\n transition: background 150ms ease;\n\n &:has([data-issues-open]:hover) {\n background: var(--color-hover-alpha);\n }\n\n [data-cross] {\n translate: 0 -1px;\n }\n }\n\n [data-issues-open] {\n font-size: 13px;\n color: white;\n width: fit-content;\n height: 100%;\n display: flex;\n gap: 8px;\n align-items: center;\n margin: 0;\n line-height: 36px;\n font-weight: 500;\n z-index: 2;\n white-space: nowrap;\n }\n\n [data-issues-close] {\n width: 24px;\n height: 24px;\n border-radius: 9999px;\n transition: background 150ms ease;\n\n &:hover {\n background: var(--color-hover-alpha);\n }\n }\n\n [data-next-mark] {\n width: var(--mark-size);\n height: var(--mark-size);\n margin-left: var(--padding);\n display: flex;\n align-items: center;\n border-radius: 9999px;\n transition: background var(--duration) var(--timing);\n\n svg {\n flex-shrink: 0;\n }\n }\n\n .path0 {\n animation: draw0 1.5s ease-in-out infinite;\n }\n\n .path1 {\n animation: draw1 1.5s ease-out infinite;\n animation-delay: 0.3s;\n }\n\n .paused {\n stroke-dashoffset: 0;\n }\n\n @keyframes draw0 {\n 0%,\n 25% {\n stroke-dashoffset: -29.6;\n }\n 25%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 29.6;\n }\n }\n\n @keyframes draw1 {\n 0%,\n 20% {\n stroke-dashoffset: -11.6;\n }\n 20%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 11.6;\n }\n }\n "
]);

@@ -11,9 +11,13 @@ _templateObject = function() {

}
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useEffect, useState } from 'react';
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { useEffect, useRef, useState } from 'react';
import { noop as css } from '../../../../../../internal/helpers/noop-template';
const SIZE = 36;
export const NextLogo = (param)=>{
let { issueCount, onClick, isDevBuilding, isDevRendering, ...props } = param;
let { issueCount, onClick, isDevBuilding, isDevRendering, onIssuesClick, ...props } = param;
const hasError = issueCount > 0;
const [isErrorExpanded, setIsErrorExpanded] = useState(hasError);
const [isLoading, setIsLoading] = useState(false);
const [isPressed, setIsPressed] = useState(false);
const ref = useRef(null);
const width = useMeasureWidth(ref);
// Only shows the loading state after a 200ms delay when building or rendering,

@@ -34,18 +38,3 @@ // to avoid flashing the loading state for quick updates

]);
return /*#__PURE__*/ _jsxs("button", {
onClick: onClick,
style: {
position: 'relative',
cursor: 'pointer',
userSelect: 'none',
backdropFilter: 'blur(48px)',
boxShadow: '0px 24px 32px -8px #0000001A, 0px 8px 16px -4px #0000001A, 0px 1px 1px 0px #00000026',
borderRadius: '50%',
transition: 'transform 0.1s ease',
transform: isPressed ? 'scale(0.95)' : 'scale(1)'
},
onMouseDown: ()=>setIsPressed(true),
onMouseUp: ()=>setIsPressed(false),
onMouseLeave: ()=>setIsPressed(false),
...props,
return /*#__PURE__*/ _jsxs(_Fragment, {
children: [

@@ -55,372 +44,152 @@ /*#__PURE__*/ _jsx("style", {

}),
issueCount > 0 ? /*#__PURE__*/ _jsx("div", {
/*#__PURE__*/ _jsx("div", {
"data-next-badge": true,
"data-error": hasError,
style: {
position: 'absolute',
top: '-5px',
right: '-5px',
width: '20px',
height: '20px',
background: 'var(--color-red-300)',
borderRadius: '50%',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'var(--color-red-900)',
fontSize: '12px',
fontWeight: 'bold'
width: hasError && width > SIZE ? width : SIZE,
'--size': "" + SIZE + "px"
},
children: issueCount
}) : null,
/*#__PURE__*/ _jsxs("svg", {
width: "40",
height: "40",
viewBox: "0 0 40 40",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
style: {
shapeRendering: 'geometricPrecision'
},
children: [
/*#__PURE__*/ _jsx("defs", {
children: /*#__PURE__*/ _jsx("clipPath", {
id: "circleClip",
children: /*#__PURE__*/ _jsx("circle", {
cx: "20",
cy: "20",
r: "20"
children: /*#__PURE__*/ _jsxs("div", {
ref: ref,
children: [
/*#__PURE__*/ _jsx("button", {
"data-next-mark": true,
onClick: onClick,
...props,
children: /*#__PURE__*/ _jsx(NextMark, {
isLoading: isLoading
})
})
}),
/*#__PURE__*/ _jsx("g", {
clipPath: "url(#circleClip)",
children: /*#__PURE__*/ _jsxs("g", {
filter: "url(#filter0_bdddi_1457_6023)",
}),
isErrorExpanded && /*#__PURE__*/ _jsxs("div", {
"data-issues": true,
children: [
/*#__PURE__*/ _jsx("circle", {
cx: "20",
cy: "20",
r: "20",
fill: 'black',
fillOpacity: "0.8"
}),
/*#__PURE__*/ _jsxs("g", {
filter: "url(#filter1_i_1457_6023)",
/*#__PURE__*/ _jsxs("button", {
"data-issues-open": true,
"aria-label": "Open issues overlay",
onClick: onIssuesClick,
children: [
/*#__PURE__*/ _jsx("circle", {
cx: "20",
cy: "20",
r: "18.5",
stroke: "url(#paint0_angular_1457_6023)",
strokeOpacity: "0.8"
}),
/*#__PURE__*/ _jsx("circle", {
cx: "20",
cy: "20",
r: "18.5",
stroke: "white",
strokeOpacity: "0.2",
style: {
mixBlendMode: 'multiply'
}
}),
/*#__PURE__*/ _jsx("circle", {
cx: "20",
cy: "20",
r: "18",
fill: issueCount > 0 ? '#CA2A30' : '#2A2A2A'
}),
/*#__PURE__*/ _jsxs("g", {
transform: "translate(13, 12)",
children: [
/*#__PURE__*/ _jsx("path", {
className: isLoading ? 'path0' : 'paused',
d: "M13.3 15.2 L2.34 1 V12.6",
fill: "none",
stroke: "url(#paint0_linear_1357_10853)",
strokeWidth: "1.86",
mask: "url(#mask0)",
strokeDasharray: "29.6",
strokeDashoffset: "29.6"
}),
/*#__PURE__*/ _jsx("path", {
className: isLoading ? 'path1' : 'paused',
d: "M11.825 1.5 V13.1",
strokeWidth: "1.86",
stroke: "url(#paint1_linear_1357_10853)",
strokeDasharray: "11.6",
strokeDashoffset: "11.6"
})
]
})
issueCount,
" ",
issueCount === 1 ? 'Issue' : 'Issues'
]
}),
/*#__PURE__*/ _jsx("button", {
"data-issues-close": true,
"aria-label": "Dismiss",
onClick: ()=>{
setIsErrorExpanded(false);
},
children: /*#__PURE__*/ _jsx(Cross, {})
})
]
})
]
})
})
]
});
};
function useMeasureWidth(ref) {
const [width, setWidth] = useState(0);
useEffect(()=>{
const el = ref.current;
if (!el) {
return;
}
const observer = new ResizeObserver(()=>{
const { width: w } = el.getBoundingClientRect();
setWidth(w);
});
observer.observe(el);
return ()=>observer.disconnect();
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
return width;
}
function NextMark(param) {
let { isLoading } = param;
return /*#__PURE__*/ _jsxs("svg", {
width: "40",
height: "40",
viewBox: "0 0 40 40",
fill: "none",
children: [
/*#__PURE__*/ _jsxs("g", {
transform: "translate(8.5, 13)",
children: [
/*#__PURE__*/ _jsx("path", {
className: isLoading ? 'path0' : 'paused',
d: "M13.3 15.2 L2.34 1 V12.6",
fill: "none",
stroke: "url(#paint0_linear_1357_10853)",
strokeWidth: "1.86",
mask: "url(#mask0)",
strokeDasharray: "29.6",
strokeDashoffset: "29.6"
}),
/*#__PURE__*/ _jsxs("defs", {
/*#__PURE__*/ _jsx("path", {
className: isLoading ? 'path1' : 'paused',
d: "M11.825 1.5 V13.1",
strokeWidth: "1.86",
stroke: "url(#paint1_linear_1357_10853)",
strokeDasharray: "11.6",
strokeDashoffset: "11.6"
})
]
}),
/*#__PURE__*/ _jsxs("defs", {
children: [
/*#__PURE__*/ _jsxs("linearGradient", {
id: "paint0_linear_1357_10853",
x1: "9.95555",
y1: "11.1226",
x2: "15.4778",
y2: "17.9671",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ _jsxs("linearGradient", {
id: "paint0_linear_1357_10853",
x1: "9.95555",
y1: "11.1226",
x2: "15.4778",
y2: "17.9671",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ _jsx("stop", {
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
}),
/*#__PURE__*/ _jsx("stop", {
offset: "0.604072",
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
stopOpacity: "0"
}),
/*#__PURE__*/ _jsx("stop", {
offset: "1",
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
stopOpacity: "0"
})
]
/*#__PURE__*/ _jsx("stop", {
stopColor: "white"
}),
/*#__PURE__*/ _jsxs("linearGradient", {
id: "paint1_linear_1357_10853",
x1: "11.8222",
y1: "1.40039",
x2: "11.791",
y2: "9.62542",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ _jsx("stop", {
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
}),
/*#__PURE__*/ _jsx("stop", {
offset: "1",
stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
stopOpacity: "0"
})
]
/*#__PURE__*/ _jsx("stop", {
offset: "0.604072",
stopColor: "white",
stopOpacity: "0"
}),
/*#__PURE__*/ _jsxs("mask", {
id: "mask0",
children: [
/*#__PURE__*/ _jsx("rect", {
width: "100%",
height: "100%",
fill: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
}),
/*#__PURE__*/ _jsx("rect", {
width: "5",
height: "1.5",
fill: "black"
})
]
/*#__PURE__*/ _jsx("stop", {
offset: "1",
stopColor: "white",
stopOpacity: "0"
})
]
}),
/*#__PURE__*/ _jsxs("linearGradient", {
id: "paint1_linear_1357_10853",
x1: "11.8222",
y1: "1.40039",
x2: "11.791",
y2: "9.62542",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ _jsx("stop", {
stopColor: "white"
}),
/*#__PURE__*/ _jsxs("filter", {
id: "filter0_bdddi_1457_6023",
x: "0",
y: "0",
width: "40",
height: "40",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
children: [
/*#__PURE__*/ _jsx("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}),
/*#__PURE__*/ _jsx("feGaussianBlur", {
in: "BackgroundImageFix",
stdDeviation: "24"
}),
/*#__PURE__*/ _jsx("feComposite", {
in2: "SourceAlpha",
operator: "in",
result: "effect1_backgroundBlur_1457_6023"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ _jsx("feMorphology", {
radius: "8",
operator: "erode",
in: "SourceAlpha",
result: "effect2_dropShadow_1457_6023"
}),
/*#__PURE__*/ _jsx("feOffset", {
dy: "24"
}),
/*#__PURE__*/ _jsx("feGaussianBlur", {
stdDeviation: "16"
}),
/*#__PURE__*/ _jsx("feComposite", {
in2: "hardAlpha",
operator: "out"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
}),
/*#__PURE__*/ _jsx("feBlend", {
mode: "normal",
in2: "effect1_backgroundBlur_1457_6023",
result: "effect2_dropShadow_1457_6023"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ _jsx("feMorphology", {
radius: "4",
operator: "erode",
in: "SourceAlpha",
result: "effect3_dropShadow_1457_6023"
}),
/*#__PURE__*/ _jsx("feOffset", {
dy: "8"
}),
/*#__PURE__*/ _jsx("feGaussianBlur", {
stdDeviation: "8"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
}),
/*#__PURE__*/ _jsx("feBlend", {
mode: "normal",
in2: "effect2_dropShadow_1457_6023",
result: "effect3_dropShadow_1457_6023"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ _jsx("feOffset", {
dy: "1"
}),
/*#__PURE__*/ _jsx("feGaussianBlur", {
stdDeviation: "0.5"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
}),
/*#__PURE__*/ _jsx("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "effect3_dropShadow_1457_6023",
result: "effect4_dropShadow_1457_6023"
}),
/*#__PURE__*/ _jsx("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "effect4_dropShadow_1457_6023",
result: "shape"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ _jsx("feOffset", {
dx: "4",
dy: "4"
}),
/*#__PURE__*/ _jsx("feGaussianBlur", {
stdDeviation: "2"
}),
/*#__PURE__*/ _jsx("feComposite", {
in2: "hardAlpha",
operator: "arithmetic",
k2: "-1",
k3: "1"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"
}),
/*#__PURE__*/ _jsx("feBlend", {
mode: "lighten",
in2: "shape",
result: "effect5_innerShadow_1457_6023"
})
]
/*#__PURE__*/ _jsx("stop", {
offset: "1",
stopColor: "white",
stopOpacity: "0"
})
]
}),
/*#__PURE__*/ _jsxs("mask", {
id: "mask0",
children: [
/*#__PURE__*/ _jsx("rect", {
width: "100%",
height: "100%",
fill: "white"
}),
/*#__PURE__*/ _jsxs("filter", {
id: "filter1_i_1457_6023",
x: "1",
y: "1",
width: "39",
height: "42",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
children: [
/*#__PURE__*/ _jsx("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}),
/*#__PURE__*/ _jsx("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "BackgroundImageFix",
result: "shape"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}),
/*#__PURE__*/ _jsx("feOffset", {
dy: "4"
}),
/*#__PURE__*/ _jsx("feGaussianBlur", {
stdDeviation: "2"
}),
/*#__PURE__*/ _jsx("feComposite", {
in2: "hardAlpha",
operator: "arithmetic",
k2: "-1",
k3: "1"
}),
/*#__PURE__*/ _jsx("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
}),
/*#__PURE__*/ _jsx("feBlend", {
mode: "normal",
in2: "shape",
result: "effect1_innerShadow_1457_6023"
})
]
}),
/*#__PURE__*/ _jsxs("radialGradient", {
id: "paint0_angular_1457_6023",
cx: "0",
cy: "0",
r: "1",
gradientUnits: "userSpaceOnUse",
gradientTransform: "translate(20 20) rotate(-90) scale(12.75)",
children: [
/*#__PURE__*/ _jsx("stop", {
stopColor: "white"
}),
/*#__PURE__*/ _jsx("stop", {
offset: "0.0914784",
stopColor: "white",
stopOpacity: "0.463159"
}),
/*#__PURE__*/ _jsx("stop", {
offset: "0.405428",
stopColor: "white",
stopOpacity: "0.4"
})
]
/*#__PURE__*/ _jsx("rect", {
width: "5",
height: "1.5",
fill: "black"
})

@@ -433,4 +202,20 @@ ]

});
};
}
function Cross() {
return /*#__PURE__*/ _jsx("svg", {
"data-cross": true,
width: "14",
height: "14",
viewBox: "0 0 14 14",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: /*#__PURE__*/ _jsx("path", {
"fill-rule": "evenodd",
"clip-rule": "evenodd",
d: "M3.08889 11.8384L2.62486 12.3024L1.69678 11.3744L2.16082 10.9103L6.07178 6.99937L2.16082 3.08841L1.69678 2.62437L2.62486 1.69629L3.08889 2.16033L6.99986 6.07129L10.9108 2.16033L11.3749 1.69629L12.3029 2.62437L11.8389 3.08841L7.92793 6.99937L11.8389 10.9103L12.3029 11.3744L11.3749 12.3024L10.9108 11.8384L6.99986 7.92744L3.08889 11.8384Z",
fill: "#EAEAEA"
})
});
}
//# sourceMappingURL=next-logo.js.map

2

dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/styles.js
import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
function _templateObject() {
const data = _tagged_template_literal_loose([
"\n [data-nextjs-toast-wrapper] {\n border: none;\n }\n\n [data-nextjs-dev-tools-button] {\n border: none;\n background: none;\n padding: 0;\n font-size: var(--size-font);\n cursor: pointer;\n }\n\n [data-nextjs-dev-tools-popover] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n background: var(--color-background-100);\n border: 1px solid var(--color-gray-alpha-400);\n box-shadow: var(--shadow-sm), var(--shadow-lg);\n border-radius: var(--rounded-lg);\n position: absolute;\n bottom: calc(100% + var(--size-gap));\n left: 0;\n z-index: 1000;\n overflow: hidden;\n }\n\n [data-nextjs-dev-tools-content] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-1_5);\n background: var(--color-background-100);\n }\n\n [data-nextjs-dev-tools-footer] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-1_5);\n gap: var(--size-2_5);\n background: var(--color-background-200);\n border-top: 1px solid var(--color-gray-200);\n width: 100%;\n }\n\n [data-nextjs-dev-tools-footer-text] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-2) var(--size-1_5);\n width: 248px;\n }\n\n [data-nextjs-dev-tools-version] {\n margin: 0;\n font-family: var(--font-stack-monospace);\n font-style: normal;\n font-weight: 400;\n font-size: 11px;\n line-height: var(--size-4);\n color: var(--color-gray-900);\n }\n\n [data-nextjs-dev-tools-row] {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: var(--size-2) var(--size-1_5);\n gap: var(--size-2);\n width: 248px;\n height: 36px;\n border-radius: var(--rounded-md);\n }\n\n [data-nextjs-dev-tools-row]:hover {\n background-color: var(--color-gray-100);\n }\n\n [data-nextjs-dev-tools-row-label] {\n font-family: var(--font-stack-sans);\n font-style: normal;\n font-weight: 400;\n font-size: var(--size-font-small);\n line-height: var(--size-5);\n color: var(--color-gray-1000);\n }\n\n [data-nextjs-dev-tools-row-value] {\n font-family: var(--font-stack-sans);\n font-style: normal;\n font-weight: 400;\n font-size: var(--size-font-small);\n line-height: var(--size-5);\n color: var(--color-gray-900);\n margin-left: auto;\n padding: 0 var(--size-0_5);\n }\n\n [data-nextjs-dev-tools-issue-count] {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: var(--size-1);\n width: var(--size-5);\n height: var(--size-5);\n border-radius: var(--rounded-full);\n }\n\n [data-nextjs-dev-tools-issue-text] {\n font-family: var(--font-stack-sans);\n font-style: normal;\n font-weight: 500;\n font-size: 11px;\n line-height: var(--size-4);\n text-align: center;\n }\n\n [data-nextjs-dev-tools-issue-count][data-has-issues='true'] {\n background: var(--color-red-300);\n }\n\n [data-nextjs-dev-tools-issue-count][data-has-issues='false'] {\n background: var(--color-gray-300);\n }\n\n [data-nextjs-dev-tools-issue-text][data-has-issues='true'] {\n color: var(--color-red-900);\n }\n\n [data-nextjs-dev-tools-issue-text][data-has-issues='false'] {\n color: var(--color-gray-1000);\n }\n\n [data-nextjs-dev-tools-container] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background: var(--color-background-100);\n }\n\n [data-nextjs-dev-tools-shortcut-group] {\n display: flex;\n align-items: flex-start;\n gap: var(--size-1);\n }\n\n [data-nextjs-dev-tools-icon] {\n display: flex;\n min-width: var(--size-5);\n height: var(--size-5);\n padding: var(--size-1) var(--size-1_5);\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-md);\n border: 1px solid var(--color-gray-alpha-400);\n background: var(--color-background-100);\n\n color: var(--color-gray-1000);\n text-align: center;\n font-size: var(--size-font-smaller);\n font-style: normal;\n font-weight: 400;\n line-height: var(--size-4);\n }\n\n [data-nextjs-dev-tools-ctrl-icon] {\n width: 100%;\n }\n"
"\n [data-nextjs-toast-wrapper] {\n border: none;\n }\n\n [data-nextjs-dev-tools-button] {\n border: none;\n background: none;\n padding: 0;\n font-size: var(--size-font);\n cursor: pointer;\n }\n\n [data-nextjs-dev-tools-popover] {\n -webkit-font-smoothing: antialiased;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n background: var(--color-background-100);\n border: 1px solid var(--color-gray-alpha-400);\n background-clip: padding-box;\n box-shadow: var(--shadow-menu);\n border-radius: var(--rounded-xl);\n position: absolute;\n bottom: calc(100% + var(--size-gap));\n left: 0;\n z-index: 1000;\n overflow: hidden;\n opacity: 0;\n transition: opacity var(--animate-out-duration-ms)\n var(--animate-out-timing-function);\n\n &[data-rendered='true'] {\n opacity: 1;\n scale: 1;\n }\n }\n\n [data-nextjs-dev-tools-content] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-1_5);\n background: var(--color-background-100);\n }\n\n [data-nextjs-dev-tools-footer] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-1_5);\n gap: var(--size-2_5);\n background: var(--color-background-200);\n border-top: 1px solid var(--color-gray-200);\n width: 100%;\n }\n\n [data-nextjs-dev-tools-footer-text] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--size-2) var(--size-1_5);\n width: 248px;\n }\n\n [data-nextjs-dev-tools-version] {\n margin: 0;\n font-family: var(--font-stack-monospace);\n font-style: normal;\n font-weight: 400;\n font-size: 11px;\n line-height: var(--size-4);\n color: var(--color-gray-900);\n }\n\n [data-nextjs-dev-tools-row] {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: var(--size-2) var(--size-1_5);\n gap: var(--size-2);\n width: 248px;\n height: 36px;\n border-radius: var(--rounded-md);\n cursor: pointer;\n }\n\n [data-nextjs-dev-tools-row]:hover {\n background-color: var(--color-gray-100);\n }\n\n [data-nextjs-dev-tools-row-label] {\n font-family: var(--font-stack-sans);\n font-style: normal;\n font-weight: 400;\n font-size: var(--size-font-small);\n line-height: var(--size-5);\n color: var(--color-gray-1000);\n }\n\n [data-nextjs-dev-tools-row-value] {\n font-family: var(--font-stack-sans);\n font-weight: 400;\n font-size: var(--size-font-small);\n line-height: var(--size-5);\n color: var(--color-gray-900);\n margin-left: auto;\n padding: 0 var(--size-0_5);\n }\n\n [data-nextjs-dev-tools-issue-count] {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: var(--size-1);\n width: var(--size-5);\n height: var(--size-5);\n border-radius: var(--rounded-full);\n }\n\n [data-nextjs-dev-tools-issue-text] {\n font-family: var(--font-stack-sans);\n font-weight: 500;\n font-size: 11px;\n line-height: var(--size-4);\n text-align: center;\n }\n\n [data-nextjs-dev-tools-issue-count][data-has-issues='true'] {\n background: var(--color-red-300);\n }\n\n [data-nextjs-dev-tools-issue-count][data-has-issues='false'] {\n background: var(--color-gray-300);\n }\n\n [data-nextjs-dev-tools-issue-text][data-has-issues='true'] {\n color: var(--color-red-900);\n }\n\n [data-nextjs-dev-tools-issue-text][data-has-issues='false'] {\n color: var(--color-gray-1000);\n }\n\n [data-nextjs-dev-tools-container] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background: var(--color-background-100);\n }\n\n [data-nextjs-dev-tools-shortcut-group] {\n display: flex;\n align-items: flex-start;\n gap: var(--size-1);\n }\n\n [data-nextjs-dev-tools-icon] {\n display: flex;\n width: var(--size-5);\n height: var(--size-5);\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-md);\n border: 1px solid var(--color-gray-400);\n background: var(--color-background-100);\n color: var(--color-gray-1000);\n text-align: center;\n font-size: var(--size-font-smaller);\n font-style: normal;\n font-weight: 400;\n line-height: var(--size-4);\n }\n\n [data-nextjs-dev-tools-ctrl-icon] {\n width: 100%;\n }\n"
]);

@@ -6,0 +6,0 @@ _templateObject = function() {

2

dist/esm/client/components/react-dev-overlay/_experimental/internal/styles/base.js
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;900&family=Geist+Mono:wght@400;900&display=swap');\n\n :host {\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(17, 17, 17, 0.2);\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 --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\n @media (prefers-color-scheme: dark) {\n :host {\n --color-background: rgb(28, 28, 30);\n --color-font: white;\n --color-backdrop: rgb(44, 44, 46);\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 @import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;900&family=Geist+Mono:wght@400;900&display=swap');\n\n :host {\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(17, 17, 17, 0.2);\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 --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 --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\n @media (prefers-color-scheme: dark) {\n :host {\n --color-background: rgb(28, 28, 30);\n --color-font: white;\n --color-backdrop: rgb(44, 44, 46);\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 "
]);

@@ -6,0 +6,0 @@ _templateObject = function() {

2

dist/esm/client/index.js

@@ -30,3 +30,3 @@ /* global location */ // imports polyfill from `@next/polyfill-module` after build.

import { isNextRouterError } from './components/is-next-router-error';
export const version = "15.2.0-canary.15";
export const version = "15.2.0-canary.16";
export let router;

@@ -33,0 +33,0 @@ export const emitter = mitt();

20

dist/esm/export/index.js

@@ -11,3 +11,3 @@ import { createStaticWorker } from '../build';

import { recursiveCopy } from '../lib/recursive-copy';
import { BUILD_ID_FILE, CLIENT_PUBLIC_FILES_PATH, CLIENT_STATIC_FILES_PATH, EXPORT_DETAIL, EXPORT_MARKER, NEXT_FONT_MANIFEST, MIDDLEWARE_MANIFEST, PAGES_MANIFEST, PHASE_EXPORT, PRERENDER_MANIFEST, SERVER_DIRECTORY, SERVER_REFERENCE_MANIFEST, APP_PATH_ROUTES_MANIFEST } from '../shared/lib/constants';
import { BUILD_ID_FILE, CLIENT_PUBLIC_FILES_PATH, CLIENT_STATIC_FILES_PATH, EXPORT_DETAIL, EXPORT_MARKER, NEXT_FONT_MANIFEST, MIDDLEWARE_MANIFEST, PAGES_MANIFEST, PHASE_EXPORT, PRERENDER_MANIFEST, SERVER_DIRECTORY, SERVER_REFERENCE_MANIFEST, APP_PATH_ROUTES_MANIFEST, ROUTES_MANIFEST } from '../shared/lib/constants';
import loadConfig from '../server/config';

@@ -28,2 +28,3 @@ import { eventCliSession } from '../telemetry/events';

import { createProgress } from '../build/progress';
import { isInterceptionRouteRewrite } from '../lib/generate-interception-routes-rewrites';
export class ExportError extends Error {

@@ -206,5 +207,18 @@ constructor(...args){

if (nextConfig.output === 'export') {
var _routesManifest_rewrites_beforeFiles, _routesManifest_rewrites;
const routesManifest = require(join(distDir, ROUTES_MANIFEST));
// We already prevent rewrites earlier in the process, however Next.js will insert rewrites
// for interception routes so we need to check for that here.
if ((routesManifest == null ? void 0 : (_routesManifest_rewrites = routesManifest.rewrites) == null ? void 0 : (_routesManifest_rewrites_beforeFiles = _routesManifest_rewrites.beforeFiles) == null ? void 0 : _routesManifest_rewrites_beforeFiles.length) > 0) {
const hasInterceptionRouteRewrite = routesManifest.rewrites.beforeFiles.some(isInterceptionRouteRewrite);
if (hasInterceptionRouteRewrite) {
throw Object.defineProperty(new ExportError(`Intercepting routes are not supported with static export.\nRead more: https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features`), "__NEXT_ERROR_CODE", {
value: "E626",
enumerable: false
});
}
}
if (Object.keys(serverActionsManifest.node).length > 0 || Object.keys(serverActionsManifest.edge).length > 0) {
throw Object.defineProperty(new ExportError(`Server Actions are not supported with static export.`), "__NEXT_ERROR_CODE", {
value: "E557",
throw Object.defineProperty(new ExportError(`Server Actions are not supported with static export.\nRead more: https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features`), "__NEXT_ERROR_CODE", {
value: "E625",
enumerable: false

@@ -211,0 +225,0 @@ });

2

dist/esm/server/config.js

@@ -180,3 +180,3 @@ import { existsSync } from 'fs';

}
if (!((_process_env___NEXT_VERSION = "15.2.0-canary.15") == null ? void 0 : _process_env___NEXT_VERSION.includes('canary')) && !process.env.__NEXT_TEST_MODE && !process.env.NEXT_PRIVATE_LOCAL_DEV) {
if (!((_process_env___NEXT_VERSION = "15.2.0-canary.16") == null ? void 0 : _process_env___NEXT_VERSION.includes('canary')) && !process.env.__NEXT_TEST_MODE && !process.env.NEXT_PRIVATE_LOCAL_DEV) {
var _result_experimental7, _result_experimental8, _result_experimental_turbo3, _result_experimental9;

@@ -183,0 +183,0 @@ // Prevents usage of certain experimental features outside of canary

2

dist/esm/server/dev/hot-reloader-turbopack.js

@@ -82,3 +82,3 @@ import { mkdir, writeFile } from 'fs/promises';

const hotReloaderSpan = trace('hot-reloader', undefined, {
version: "15.2.0-canary.15"
version: "15.2.0-canary.16"
});

@@ -85,0 +85,0 @@ // Ensure the hotReloaderSpan is flushed immediately as it's the parentSpan for all processing

2

dist/esm/server/dev/hot-reloader-webpack.js

@@ -181,3 +181,3 @@ import { webpack, StringXor } from 'next/dist/compiled/webpack/webpack';

this.hotReloaderSpan = trace('hot-reloader', undefined, {
version: "15.2.0-canary.15"
version: "15.2.0-canary.16"
});

@@ -184,0 +184,0 @@ // Ensure the hotReloaderSpan is flushed immediately as it's the parentSpan for all processing

4

dist/esm/server/dev/next-dev-server.js

@@ -383,2 +383,6 @@ import { getRequestMeta } from '../request-meta';

const rewrites = generateInterceptionRoutesRewrites(Object.keys(this.appPathRoutes ?? {}), this.nextConfig.basePath).map((route)=>new RegExp(buildCustomRoute('rewrite', route).regex));
if (this.nextConfig.output === 'export' && rewrites.length > 0) {
Log.error('Intercepting routes are not supported with static export.\nRead more: https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features');
process.exit(1);
}
return rewrites ?? [];

@@ -385,0 +389,0 @@ }

2

dist/esm/server/lib/app-info-log.js

@@ -7,3 +7,3 @@ import { loadEnvConfig } from '@next/env';

export function logStartInfo({ networkUrl, appUrl, envInfo, experimentalFeatures, maxExperimentalFeatures = Infinity }) {
Log.bootstrap(`${bold(purple(`${Log.prefixes.ready} Next.js ${"15.2.0-canary.15"}`))}${process.env.TURBOPACK ? ' (Turbopack)' : ''}`);
Log.bootstrap(`${bold(purple(`${Log.prefixes.ready} Next.js ${"15.2.0-canary.16"}`))}${process.env.TURBOPACK ? ' (Turbopack)' : ''}`);
if (appUrl) {

@@ -10,0 +10,0 @@ Log.bootstrap(`- Local: ${appUrl}`);

2

dist/esm/server/lib/start-server.js

@@ -46,3 +46,3 @@ import { getNetworkHost } from '../../lib/get-network-host';

let { port } = serverOptions;
process.title = `next-server (v${"15.2.0-canary.15"})`;
process.title = `next-server (v${"15.2.0-canary.16"})`;
let handlersReady = ()=>{};

@@ -49,0 +49,0 @@ let handlersError = ()=>{};

18

dist/export/index.js

@@ -49,2 +49,3 @@ "use strict";

const _progress = require("../build/progress");
const _generateinterceptionroutesrewrites = require("../lib/generate-interception-routes-rewrites");
function _interop_require_default(obj) {

@@ -273,5 +274,18 @@ return obj && obj.__esModule ? obj : {

if (nextConfig.output === 'export') {
var _routesManifest_rewrites_beforeFiles, _routesManifest_rewrites;
const routesManifest = require((0, _path.join)(distDir, _constants1.ROUTES_MANIFEST));
// We already prevent rewrites earlier in the process, however Next.js will insert rewrites
// for interception routes so we need to check for that here.
if ((routesManifest == null ? void 0 : (_routesManifest_rewrites = routesManifest.rewrites) == null ? void 0 : (_routesManifest_rewrites_beforeFiles = _routesManifest_rewrites.beforeFiles) == null ? void 0 : _routesManifest_rewrites_beforeFiles.length) > 0) {
const hasInterceptionRouteRewrite = routesManifest.rewrites.beforeFiles.some(_generateinterceptionroutesrewrites.isInterceptionRouteRewrite);
if (hasInterceptionRouteRewrite) {
throw Object.defineProperty(new ExportError(`Intercepting routes are not supported with static export.\nRead more: https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features`), "__NEXT_ERROR_CODE", {
value: "E626",
enumerable: false
});
}
}
if (Object.keys(serverActionsManifest.node).length > 0 || Object.keys(serverActionsManifest.edge).length > 0) {
throw Object.defineProperty(new ExportError(`Server Actions are not supported with static export.`), "__NEXT_ERROR_CODE", {
value: "E557",
throw Object.defineProperty(new ExportError(`Server Actions are not supported with static export.\nRead more: https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features`), "__NEXT_ERROR_CODE", {
value: "E625",
enumerable: false

@@ -278,0 +292,0 @@ });

2

dist/server/config.js

@@ -259,3 +259,3 @@ "use strict";

}
if (!((_process_env___NEXT_VERSION = "15.2.0-canary.15") == null ? void 0 : _process_env___NEXT_VERSION.includes('canary')) && !process.env.__NEXT_TEST_MODE && !process.env.NEXT_PRIVATE_LOCAL_DEV) {
if (!((_process_env___NEXT_VERSION = "15.2.0-canary.16") == null ? void 0 : _process_env___NEXT_VERSION.includes('canary')) && !process.env.__NEXT_TEST_MODE && !process.env.NEXT_PRIVATE_LOCAL_DEV) {
var _result_experimental7, _result_experimental8, _result_experimental_turbo3, _result_experimental9;

@@ -262,0 +262,0 @@ // Prevents usage of certain experimental features outside of canary

2

dist/server/dev/hot-reloader-turbopack.js

@@ -138,3 +138,3 @@ "use strict";

const hotReloaderSpan = (0, _trace.trace)('hot-reloader', undefined, {
version: "15.2.0-canary.15"
version: "15.2.0-canary.16"
});

@@ -141,0 +141,0 @@ // Ensure the hotReloaderSpan is flushed immediately as it's the parentSpan for all processing

2

dist/server/dev/hot-reloader-webpack.js

@@ -257,3 +257,3 @@ "use strict";

this.hotReloaderSpan = (0, _trace.trace)('hot-reloader', undefined, {
version: "15.2.0-canary.15"
version: "15.2.0-canary.16"
});

@@ -260,0 +260,0 @@ // Ensure the hotReloaderSpan is flushed immediately as it's the parentSpan for all processing

4

dist/server/dev/next-dev-server.js

@@ -439,2 +439,6 @@ "use strict";

const rewrites = (0, _generateinterceptionroutesrewrites.generateInterceptionRoutesRewrites)(Object.keys(this.appPathRoutes ?? {}), this.nextConfig.basePath).map((route)=>new RegExp((0, _buildcustomroute.buildCustomRoute)('rewrite', route).regex));
if (this.nextConfig.output === 'export' && rewrites.length > 0) {
_log.error('Intercepting routes are not supported with static export.\nRead more: https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features');
process.exit(1);
}
return rewrites ?? [];

@@ -441,0 +445,0 @@ }

2

dist/server/lib/app-info-log.js

@@ -70,3 +70,3 @@ "use strict";

function logStartInfo({ networkUrl, appUrl, envInfo, experimentalFeatures, maxExperimentalFeatures = Infinity }) {
_log.bootstrap(`${(0, _picocolors.bold)((0, _picocolors.purple)(`${_log.prefixes.ready} Next.js ${"15.2.0-canary.15"}`))}${process.env.TURBOPACK ? ' (Turbopack)' : ''}`);
_log.bootstrap(`${(0, _picocolors.bold)((0, _picocolors.purple)(`${_log.prefixes.ready} Next.js ${"15.2.0-canary.16"}`))}${process.env.TURBOPACK ? ' (Turbopack)' : ''}`);
if (appUrl) {

@@ -73,0 +73,0 @@ _log.bootstrap(`- Local: ${appUrl}`);

2

dist/server/lib/start-server.js

@@ -114,3 +114,3 @@ "use strict";

let { port } = serverOptions;
process.title = `next-server (v${"15.2.0-canary.15"})`;
process.title = `next-server (v${"15.2.0-canary.16"})`;
let handlersReady = ()=>{};

@@ -117,0 +117,0 @@ let handlersError = ()=>{};

2

dist/telemetry/anonymous-meta.js

@@ -84,3 +84,3 @@ "use strict";

ciName: _ciinfo.isCI && _ciinfo.name || null,
nextVersion: "15.2.0-canary.15"
nextVersion: "15.2.0-canary.16"
};

@@ -87,0 +87,0 @@ return traits;

4

dist/telemetry/events/session-stopped.js

@@ -14,7 +14,7 @@ "use strict";

// This should be an invariant, if it fails our build tooling is broken.
if (typeof "15.2.0-canary.15" !== 'string') {
if (typeof "15.2.0-canary.16" !== 'string') {
return [];
}
const payload = {
nextVersion: "15.2.0-canary.15",
nextVersion: "15.2.0-canary.16",
nodeVersion: process.version,

@@ -21,0 +21,0 @@ cliCommand: event.cliCommand,

4

dist/telemetry/events/version.js

@@ -39,3 +39,3 @@ "use strict";

// This should be an invariant, if it fails our build tooling is broken.
if (typeof "15.2.0-canary.15" !== 'string') {
if (typeof "15.2.0-canary.16" !== 'string') {
return [];

@@ -45,3 +45,3 @@ }

const payload = {
nextVersion: "15.2.0-canary.15",
nextVersion: "15.2.0-canary.16",
nodeVersion: process.version,

@@ -48,0 +48,0 @@ cliCommand: event.cliCommand,

30

package.json
{
"name": "next",
"version": "15.2.0-canary.15",
"version": "15.2.0-canary.16",
"description": "The React Framework",

@@ -102,3 +102,3 @@ "main": "./dist/server/next.js",

"dependencies": {
"@next/env": "15.2.0-canary.15",
"@next/env": "15.2.0-canary.16",
"@swc/counter": "0.1.3",

@@ -135,10 +135,10 @@ "@swc/helpers": "0.5.15",

"sharp": "^0.33.5",
"@next/swc-darwin-arm64": "15.2.0-canary.15",
"@next/swc-darwin-x64": "15.2.0-canary.15",
"@next/swc-linux-arm64-gnu": "15.2.0-canary.15",
"@next/swc-linux-arm64-musl": "15.2.0-canary.15",
"@next/swc-linux-x64-gnu": "15.2.0-canary.15",
"@next/swc-linux-x64-musl": "15.2.0-canary.15",
"@next/swc-win32-arm64-msvc": "15.2.0-canary.15",
"@next/swc-win32-x64-msvc": "15.2.0-canary.15"
"@next/swc-darwin-arm64": "15.2.0-canary.16",
"@next/swc-darwin-x64": "15.2.0-canary.16",
"@next/swc-linux-arm64-gnu": "15.2.0-canary.16",
"@next/swc-linux-arm64-musl": "15.2.0-canary.16",
"@next/swc-linux-x64-gnu": "15.2.0-canary.16",
"@next/swc-linux-x64-musl": "15.2.0-canary.16",
"@next/swc-win32-arm64-msvc": "15.2.0-canary.16",
"@next/swc-win32-x64-msvc": "15.2.0-canary.16"
},

@@ -177,7 +177,7 @@ "devDependencies": {

"@napi-rs/triples": "1.2.0",
"@next/font": "15.2.0-canary.15",
"@next/polyfill-module": "15.2.0-canary.15",
"@next/polyfill-nomodule": "15.2.0-canary.15",
"@next/react-refresh-utils": "15.2.0-canary.15",
"@next/swc": "15.2.0-canary.15",
"@next/font": "15.2.0-canary.16",
"@next/polyfill-module": "15.2.0-canary.16",
"@next/polyfill-nomodule": "15.2.0-canary.16",
"@next/react-refresh-utils": "15.2.0-canary.16",
"@next/swc": "15.2.0-canary.16",
"@opentelemetry/api": "1.6.0",

@@ -184,0 +184,0 @@ "@playwright/test": "1.41.2",

dist/bin/next

Sorry, the diff of this file is not supported yet

dist/build/index.js

Sorry, the diff of this file is too big to display

dist/build/webpack-config.js

Sorry, the diff of this file is too big to display

dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js.map

Sorry, the diff of this file is not supported yet

dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.js.map

Sorry, the diff of this file is not supported yet

dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/styles.js.map

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

dist/compiled/next-server/app-page-experimental.runtime.dev.js

Sorry, the diff of this file is too big to display

dist/compiled/next-server/app-page-experimental.runtime.dev.js.map

Sorry, the diff of this file is not supported yet

dist/compiled/next-server/app-page.runtime.dev.js

Sorry, the diff of this file is too big to display

dist/compiled/next-server/app-page.runtime.dev.js.map

Sorry, the diff of this file is not supported yet

dist/esm/build/index.js

Sorry, the diff of this file is too big to display

dist/esm/build/webpack-config.js

Sorry, the diff of this file is too big to display

dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js.map

Sorry, the diff of this file is not supported yet

dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.js.map

Sorry, the diff of this file is not supported yet

dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/styles.js.map

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

dist/esm/export/index.js.map

Sorry, the diff of this file is not supported yet

dist/esm/server/dev/next-dev-server.js.map

Sorry, the diff of this file is not supported yet

dist/export/index.js.map

Sorry, the diff of this file is not supported yet

dist/server/dev/next-dev-server.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc