create project

This commit is contained in:
ismailsosic
2022-12-27 12:05:56 +01:00
parent 2a33a2d3de
commit cd2143287c
16035 changed files with 2489703 additions and 0 deletions

View File

@@ -0,0 +1,5 @@
import type { ReactNode } from 'react';
export default function HotReload({ assetPrefix, children, }: {
assetPrefix: string;
children?: ReactNode;
}): JSX.Element;

View File

@@ -0,0 +1,372 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = HotReload;
var _interop_require_default = require("@swc/helpers/lib/_interop_require_default.js").default;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var _react = _interop_require_wildcard(require("react"));
var _stripAnsi = _interop_require_default(require("next/dist/compiled/strip-ansi"));
var _formatWebpackMessages = _interop_require_default(require("../../dev/error-overlay/format-webpack-messages"));
var _navigation = require("../navigation");
var _errorOverlayReducer = require("./internal/error-overlay-reducer");
var _parseStack = require("./internal/helpers/parseStack");
var _reactDevOverlay = _interop_require_default(require("./internal/ReactDevOverlay"));
var _useErrorHandler = require("./internal/helpers/use-error-handler");
var _useWebsocket = require("./internal/helpers/use-websocket");
function HotReload({ assetPrefix , children }) {
const [state, dispatch] = (0, _react).useReducer(_errorOverlayReducer.errorOverlayReducer, {
nextId: 1,
buildError: null,
errors: [],
refreshState: {
type: 'idle'
}
});
const dispatcher = (0, _react).useMemo(()=>{
return {
onBuildOk () {
dispatch({
type: _errorOverlayReducer.ACTION_BUILD_OK
});
},
onBuildError (message) {
dispatch({
type: _errorOverlayReducer.ACTION_BUILD_ERROR,
message
});
},
onBeforeRefresh () {
dispatch({
type: _errorOverlayReducer.ACTION_BEFORE_REFRESH
});
},
onRefresh () {
dispatch({
type: _errorOverlayReducer.ACTION_REFRESH
});
}
};
}, [
dispatch
]);
const handleOnUnhandledError = (0, _react).useCallback((error)=>{
dispatch({
type: _errorOverlayReducer.ACTION_UNHANDLED_ERROR,
reason: error,
frames: (0, _parseStack).parseStack(error.stack)
});
}, []);
const handleOnUnhandledRejection = (0, _react).useCallback((reason)=>{
dispatch({
type: _errorOverlayReducer.ACTION_UNHANDLED_REJECTION,
reason: reason,
frames: (0, _parseStack).parseStack(reason.stack)
});
}, []);
const handleOnReactError = (0, _react).useCallback(()=>{
_useErrorHandler.RuntimeErrorHandler.hadRuntimeError = true;
}, []);
(0, _useErrorHandler).useErrorHandler(handleOnUnhandledError, handleOnUnhandledRejection);
const webSocketRef = (0, _useWebsocket).useWebsocket(assetPrefix);
(0, _useWebsocket).useWebsocketPing(webSocketRef);
const sendMessage = (0, _useWebsocket).useSendMessage(webSocketRef);
const router = (0, _navigation).useRouter();
(0, _react).useEffect(()=>{
const handler = (event)=>{
if (event.data.indexOf('action') === -1 && // TODO-APP: clean this up for consistency
event.data.indexOf('pong') === -1) {
return;
}
try {
processMessage(event, sendMessage, router, dispatcher);
} catch (ex) {
console.warn('Invalid HMR message: ' + event.data + '\n', ex);
}
};
const websocket = webSocketRef.current;
if (websocket) {
websocket.addEventListener('message', handler);
}
return ()=>websocket && websocket.removeEventListener('message', handler);
}, [
sendMessage,
router,
webSocketRef,
dispatcher
]);
return /*#__PURE__*/ _react.default.createElement(_reactDevOverlay.default, {
onReactError: handleOnReactError,
state: state
}, children);
}
let mostRecentCompilationHash = null;
let __nextDevClientId = Math.round(Math.random() * 100 + Date.now());
// let startLatency = undefined
function onBeforeFastRefresh(dispatcher, hasUpdates) {
if (hasUpdates) {
dispatcher.onBeforeRefresh();
}
}
function onFastRefresh(dispatcher, hasUpdates) {
dispatcher.onBuildOk();
if (hasUpdates) {
dispatcher.onRefresh();
}
}
// There is a newer version of the code available.
function handleAvailableHash(hash) {
// Update last known compilation hash.
mostRecentCompilationHash = hash;
}
// Is there a newer version of this code available?
function isUpdateAvailable() {
/* globals __webpack_hash__ */ // __webpack_hash__ is the hash of the current compilation.
// It's a global variable injected by Webpack.
// @ts-expect-error __webpack_hash__ exists
return mostRecentCompilationHash !== __webpack_hash__;
}
// Webpack disallows updates in other states.
function canApplyUpdates() {
// @ts-expect-error module.hot exists
return module.hot.status() === 'idle';
}
function afterApplyUpdates(fn) {
if (canApplyUpdates()) {
fn();
} else {
function handler(status) {
if (status === 'idle') {
// @ts-expect-error module.hot exists
module.hot.removeStatusHandler(handler);
fn();
}
}
// @ts-expect-error module.hot exists
module.hot.addStatusHandler(handler);
}
}
function performFullReload(err, sendMessage) {
const stackTrace = err && (err.stack && err.stack.split('\n').slice(0, 5).join('\n') || err.message || err + '');
sendMessage(JSON.stringify({
event: 'client-full-reload',
stackTrace,
hadRuntimeError: !!_useErrorHandler.RuntimeErrorHandler.hadRuntimeError
}));
window.location.reload();
}
// Attempt to update code on the fly, fall back to a hard reload.
function tryApplyUpdates(onBeforeUpdate, onHotUpdateSuccess, sendMessage, dispatcher) {
if (!isUpdateAvailable() || !canApplyUpdates()) {
dispatcher.onBuildOk();
return;
}
function handleApplyUpdates(err, updatedModules) {
if (err || _useErrorHandler.RuntimeErrorHandler.hadRuntimeError || !updatedModules) {
if (err) {
console.warn('[Fast Refresh] performing full reload\n\n' + "Fast Refresh will perform a full reload when you edit a file that's imported by modules outside of the React rendering tree.\n" + 'You might have a file which exports a React component but also exports a value that is imported by a non-React component file.\n' + 'Consider migrating the non-React component export to a separate file and importing it into both files.\n\n' + 'It is also possible the parent component of the component you edited is a class component, which disables Fast Refresh.\n' + 'Fast Refresh requires at least one parent function component in your React tree.');
} else if (_useErrorHandler.RuntimeErrorHandler.hadRuntimeError) {
console.warn('[Fast Refresh] performing full reload because your application had an unrecoverable error');
}
performFullReload(err, sendMessage);
return;
}
const hasUpdates = Boolean(updatedModules.length);
if (typeof onHotUpdateSuccess === 'function') {
// Maybe we want to do something.
onHotUpdateSuccess(hasUpdates);
}
if (isUpdateAvailable()) {
// While we were updating, there was a new update! Do it again.
tryApplyUpdates(hasUpdates ? ()=>{} : onBeforeUpdate, hasUpdates ? ()=>dispatcher.onBuildOk() : onHotUpdateSuccess, sendMessage, dispatcher);
} else {
dispatcher.onBuildOk();
if (process.env.__NEXT_TEST_MODE) {
afterApplyUpdates(()=>{
if (self.__NEXT_HMR_CB) {
self.__NEXT_HMR_CB();
self.__NEXT_HMR_CB = null;
}
});
}
}
}
// https://webpack.js.org/api/hot-module-replacement/#check
// @ts-expect-error module.hot exists
module.hot.check(/* autoApply */ false).then((updatedModules)=>{
if (!updatedModules) {
return null;
}
if (typeof onBeforeUpdate === 'function') {
const hasUpdates = Boolean(updatedModules.length);
onBeforeUpdate(hasUpdates);
}
// https://webpack.js.org/api/hot-module-replacement/#apply
// @ts-expect-error module.hot exists
return module.hot.apply();
}).then((updatedModules)=>{
handleApplyUpdates(null, updatedModules);
}, (err)=>{
handleApplyUpdates(err, null);
});
}
function processMessage(e, sendMessage, router, dispatcher) {
const obj = JSON.parse(e.data);
switch(obj.action){
case 'building':
{
console.log('[Fast Refresh] rebuilding');
break;
}
case 'built':
case 'sync':
{
if (obj.hash) {
handleAvailableHash(obj.hash);
}
const { errors , warnings } = obj;
const hasErrors = Boolean(errors && errors.length);
// Compilation with errors (e.g. syntax error or missing modules).
if (hasErrors) {
sendMessage(JSON.stringify({
event: 'client-error',
errorCount: errors.length,
clientId: __nextDevClientId
}));
// "Massage" webpack messages.
var formatted = (0, _formatWebpackMessages).default({
errors: errors,
warnings: []
});
// Only show the first error.
dispatcher.onBuildError(formatted.errors[0]);
// Also log them to the console.
for(let i = 0; i < formatted.errors.length; i++){
console.error((0, _stripAnsi).default(formatted.errors[i]));
}
// Do not attempt to reload now.
// We will reload on next success instead.
if (process.env.__NEXT_TEST_MODE) {
if (self.__NEXT_HMR_CB) {
self.__NEXT_HMR_CB(formatted.errors[0]);
self.__NEXT_HMR_CB = null;
}
}
return;
}
const hasWarnings = Boolean(warnings && warnings.length);
if (hasWarnings) {
sendMessage(JSON.stringify({
event: 'client-warning',
warningCount: warnings.length,
clientId: __nextDevClientId
}));
// Compilation with warnings (e.g. ESLint).
const isHotUpdate = obj.action !== 'sync';
// Print warnings to the console.
const formattedMessages = (0, _formatWebpackMessages).default({
warnings: warnings,
errors: []
});
for(let i = 0; i < formattedMessages.warnings.length; i++){
if (i === 5) {
console.warn('There were more warnings in other files.\n' + 'You can find a complete log in the terminal.');
break;
}
console.warn((0, _stripAnsi).default(formattedMessages.warnings[i]));
}
// Attempt to apply hot updates or reload.
if (isHotUpdate) {
tryApplyUpdates(function onBeforeHotUpdate(hasUpdates) {
onBeforeFastRefresh(dispatcher, hasUpdates);
}, function onSuccessfulHotUpdate(hasUpdates) {
// Only dismiss it when we're sure it's a hot update.
// Otherwise it would flicker right before the reload.
onFastRefresh(dispatcher, hasUpdates);
}, sendMessage, dispatcher);
}
return;
}
sendMessage(JSON.stringify({
event: 'client-success',
clientId: __nextDevClientId
}));
const isHotUpdate = obj.action !== 'sync' || (!window.__NEXT_DATA__ || window.__NEXT_DATA__.page !== '/_error') && isUpdateAvailable();
// Attempt to apply hot updates or reload.
if (isHotUpdate) {
tryApplyUpdates(function onBeforeHotUpdate(hasUpdates) {
onBeforeFastRefresh(dispatcher, hasUpdates);
}, function onSuccessfulHotUpdate(hasUpdates) {
// Only dismiss it when we're sure it's a hot update.
// Otherwise it would flicker right before the reload.
onFastRefresh(dispatcher, hasUpdates);
}, sendMessage, dispatcher);
}
return;
}
// TODO-APP: make server component change more granular
case 'serverComponentChanges':
{
sendMessage(JSON.stringify({
event: 'server-component-reload-page',
clientId: __nextDevClientId
}));
if (_useErrorHandler.RuntimeErrorHandler.hadRuntimeError) {
return window.location.reload();
}
(0, _react).startTransition(()=>{
router.refresh();
dispatcher.onRefresh();
});
if (process.env.__NEXT_TEST_MODE) {
if (self.__NEXT_HMR_CB) {
self.__NEXT_HMR_CB();
self.__NEXT_HMR_CB = null;
}
}
return;
}
case 'reloadPage':
{
sendMessage(JSON.stringify({
event: 'client-reload-page',
clientId: __nextDevClientId
}));
return window.location.reload();
}
case 'removedPage':
{
// TODO-APP: potentially only refresh if the currently viewed page was removed.
router.refresh();
return;
}
case 'addedPage':
{
// TODO-APP: potentially only refresh if the currently viewed page was added.
router.refresh();
return;
}
case 'pong':
{
const { invalid } = obj;
if (invalid) {
// Payload can be invalid even if the page does exist.
// So, we check if it can be created.
router.refresh();
}
return;
}
default:
{
throw new Error('Unexpected action ' + obj.action);
}
}
}
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=hot-reloader-client.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,19 @@
import * as React from 'react';
import { OverlayState } from './error-overlay-reducer';
import { SupportedErrorEvent } from './container/Errors';
interface ReactDevOverlayState {
reactError: SupportedErrorEvent | null;
}
declare class ReactDevOverlay extends React.PureComponent<{
state: OverlayState;
children: React.ReactNode;
onReactError: (error: Error) => void;
}, ReactDevOverlayState> {
state: {
reactError: null;
};
static getDerivedStateFromError(error: Error): ReactDevOverlayState;
componentDidCatch(componentErr: Error): void;
render(): JSX.Element;
}
export default ReactDevOverlay;

View File

@@ -0,0 +1,73 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
var _errorOverlayReducer = require("./error-overlay-reducer");
var _shadowPortal = require("./components/ShadowPortal");
var _buildError = require("./container/BuildError");
var _errors = require("./container/Errors");
var _base = require("./styles/Base");
var _componentStyles = require("./styles/ComponentStyles");
var _cssReset = require("./styles/CssReset");
var _parseStack = require("./helpers/parseStack");
var _rootLayoutError = require("./container/RootLayoutError");
class ReactDevOverlay extends React.PureComponent {
static getDerivedStateFromError(error) {
const e = error;
const event = {
type: _errorOverlayReducer.ACTION_UNHANDLED_ERROR,
reason: error,
frames: (0, _parseStack).parseStack(e.stack)
};
const errorEvent = {
id: 0,
event
};
return {
reactError: errorEvent
};
}
componentDidCatch(componentErr) {
this.props.onReactError(componentErr);
}
render() {
const { state , children } = this.props;
const { reactError } = this.state;
const hasBuildError = state.buildError != null;
const hasRuntimeErrors = Boolean(state.errors.length);
const rootLayoutMissingTagsError = state.rootLayoutMissingTagsError;
const isMounted = hasBuildError || hasRuntimeErrors || reactError || rootLayoutMissingTagsError;
return /*#__PURE__*/ React.createElement(React.Fragment, null, reactError ? /*#__PURE__*/ React.createElement("html", null, /*#__PURE__*/ React.createElement("head", null), /*#__PURE__*/ React.createElement("body", null)) : children, isMounted ? /*#__PURE__*/ React.createElement(_shadowPortal.ShadowPortal, null, /*#__PURE__*/ React.createElement(_cssReset.CssReset, null), /*#__PURE__*/ React.createElement(_base.Base, null), /*#__PURE__*/ React.createElement(_componentStyles.ComponentStyles, null), rootLayoutMissingTagsError ? /*#__PURE__*/ React.createElement(_rootLayoutError.RootLayoutError, {
missingTags: rootLayoutMissingTagsError.missingTags
}) : hasBuildError ? /*#__PURE__*/ React.createElement(_buildError.BuildError, {
message: state.buildError
}) : reactError ? /*#__PURE__*/ React.createElement(_errors.Errors, {
initialDisplayState: "fullscreen",
errors: [
reactError
]
}) : hasRuntimeErrors ? /*#__PURE__*/ React.createElement(_errors.Errors, {
initialDisplayState: "minimized",
errors: state.errors
}) : undefined) : undefined);
}
constructor(...args){
super(...args);
this.state = {
reactError: null
};
}
}
var _default = ReactDevOverlay;
exports.default = _default;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=ReactDevOverlay.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../client/components/react-dev-overlay/internal/ReactDevOverlay.tsx"],"names":["React","ReactDevOverlay","PureComponent","getDerivedStateFromError","error","e","event","type","ACTION_UNHANDLED_ERROR","reason","frames","parseStack","stack","errorEvent","id","reactError","componentDidCatch","componentErr","props","onReactError","render","state","children","hasBuildError","buildError","hasRuntimeErrors","Boolean","errors","length","rootLayoutMissingTagsError","isMounted","html","head","body","ShadowPortal","CssReset","Base","ComponentStyles","RootLayoutError","missingTags","BuildError","message","Errors","initialDisplayState","undefined"],"mappings":"AAAA;;;;;;AAAYA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AAKV,IAAA,oBAAyB,WAAzB,yBAAyB,CAAA;AAEH,IAAA,aAA2B,WAA3B,2BAA2B,CAAA;AAC7B,IAAA,WAAwB,WAAxB,wBAAwB,CAAA;AACP,IAAA,OAAoB,WAApB,oBAAoB,CAAA;AAC3C,IAAA,KAAe,WAAf,eAAe,CAAA;AACJ,IAAA,gBAA0B,WAA1B,0BAA0B,CAAA;AACjC,IAAA,SAAmB,WAAnB,mBAAmB,CAAA;AACjB,IAAA,WAAsB,WAAtB,sBAAsB,CAAA;AACjB,IAAA,gBAA6B,WAA7B,6BAA6B,CAAA;AAK7D,MAAMC,eAAe,SAASD,KAAK,CAACE,aAAa;IAU/C,OAAOC,wBAAwB,CAACC,KAAY,EAAwB;QAClE,MAAMC,CAAC,GAAGD,KAAK;QACf,MAAME,KAAK,GAAyB;YAClCC,IAAI,EAAEC,oBAAsB,uBAAA;YAC5BC,MAAM,EAAEL,KAAK;YACbM,MAAM,EAAEC,CAAAA,GAAAA,WAAU,AAAU,CAAA,WAAV,CAACN,CAAC,CAACO,KAAK,CAAE;SAC7B;QACD,MAAMC,UAAU,GAAwB;YACtCC,EAAE,EAAE,CAAC;YACLR,KAAK;SACN;QACD,OAAO;YAAES,UAAU,EAAEF,UAAU;SAAE,CAAA;KAClC;IAEDG,iBAAiB,CAACC,YAAmB,EAAE;QACrC,IAAI,CAACC,KAAK,CAACC,YAAY,CAACF,YAAY,CAAC;KACtC;IAEDG,MAAM,GAAG;QACP,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAG,IAAI,CAACJ,KAAK;QACtC,MAAM,EAAEH,UAAU,CAAA,EAAE,GAAG,IAAI,CAACM,KAAK;QAEjC,MAAME,aAAa,GAAGF,KAAK,CAACG,UAAU,IAAI,IAAI;QAC9C,MAAMC,gBAAgB,GAAGC,OAAO,CAACL,KAAK,CAACM,MAAM,CAACC,MAAM,CAAC;QACrD,MAAMC,0BAA0B,GAAGR,KAAK,CAACQ,0BAA0B;QACnE,MAAMC,SAAS,GACbP,aAAa,IACbE,gBAAgB,IAChBV,UAAU,IACVc,0BAA0B;QAE5B,qBACE,0CACGd,UAAU,iBACT,oBAACgB,MAAI,sBACH,oBAACC,MAAI,OAAQ,gBACb,oBAACC,MAAI,OAAQ,CACR,GAEPX,QAAQ,AACT,EACAQ,SAAS,iBACR,oBAACI,aAAY,aAAA,sBACX,oBAACC,SAAQ,SAAA,OAAG,gBACZ,oBAACC,KAAI,KAAA,OAAG,gBACR,oBAACC,gBAAe,gBAAA,OAAG,EAElBR,0BAA0B,iBACzB,oBAACS,gBAAe,gBAAA;YACdC,WAAW,EAAEV,0BAA0B,CAACU,WAAW;UACnD,GACAhB,aAAa,iBACf,oBAACiB,WAAU,WAAA;YAACC,OAAO,EAAEpB,KAAK,CAACG,UAAU;UAAK,GACxCT,UAAU,iBACZ,oBAAC2B,OAAM,OAAA;YAACC,mBAAmB,EAAC,YAAY;YAAChB,MAAM,EAAE;gBAACZ,UAAU;aAAC;UAAI,GAC/DU,gBAAgB,iBAClB,oBAACiB,OAAM,OAAA;YAACC,mBAAmB,EAAC,WAAW;YAAChB,MAAM,EAAEN,KAAK,CAACM,MAAM;UAAI,GAC9DiB,SAAS,CACA,GACbA,SAAS,CACZ,CACJ;KACF;;;QAhEDvB,KAAAA,KAAK,GAAG;YAAEN,UAAU,EAAE,IAAI;SAAE,CAAA;;CAiE7B;eAEcd,eAAe"}

View File

@@ -0,0 +1,7 @@
import * as React from 'react';
import { StackFrame } from 'next/dist/compiled/stacktrace-parser';
export declare type CodeFrameProps = {
stackFrame: StackFrame;
codeFrame: string;
};
export declare const CodeFrame: React.FC<CodeFrameProps>;

View File

@@ -0,0 +1,91 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CodeFrame = void 0;
var _extends = require("@swc/helpers/lib/_extends.js").default;
var _interop_require_default = require("@swc/helpers/lib/_interop_require_default.js").default;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var _anser = _interop_require_default(require("next/dist/compiled/anser"));
var React = _interop_require_wildcard(require("react"));
var _stripAnsi = _interop_require_default(require("next/dist/compiled/strip-ansi"));
var _stackFrame = require("../../helpers/stack-frame");
const CodeFrame = function CodeFrame({ stackFrame , codeFrame , }) {
// Strip leading spaces out of the code frame:
const formattedFrame = React.useMemo(()=>{
const lines = codeFrame.split(/\r?\n/g);
const prefixLength = lines.map((line)=>/^>? +\d+ +\| [ ]+/.exec((0, _stripAnsi).default(line)) === null ? null : /^>? +\d+ +\| ( *)/.exec((0, _stripAnsi).default(line))).filter(Boolean).map((v)=>v.pop()).reduce((c, n)=>isNaN(c) ? n.length : Math.min(c, n.length), NaN);
if (prefixLength > 1) {
const p = ' '.repeat(prefixLength);
return lines.map((line, a)=>~(a = line.indexOf('|')) ? line.substring(0, a) + line.substring(a).replace(p, '') : line).join('\n');
}
return lines.join('\n');
}, [
codeFrame
]);
const decoded = React.useMemo(()=>{
return _anser.default.ansiToJson(formattedFrame, {
json: true,
use_classes: true,
remove_empty: true
});
}, [
formattedFrame
]);
const open = React.useCallback(()=>{
const params = new URLSearchParams();
for(const key in stackFrame){
var _key;
params.append(key, ((_key = stackFrame[key]) != null ? _key : '').toString());
}
self.fetch(`${process.env.__NEXT_ROUTER_BASEPATH || ''}/__nextjs_launch-editor?${params.toString()}`).then(()=>{}, ()=>{
console.error('There was an issue opening this code in your editor.');
});
}, [
stackFrame
]);
// TODO: make the caret absolute
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-codeframe": true
}, /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("p", {
role: "link",
onClick: open,
tabIndex: 1,
title: "Click to open in your editor"
}, /*#__PURE__*/ React.createElement("span", null, (0, _stackFrame).getFrameSource(stackFrame), " @ ", stackFrame.methodName), /*#__PURE__*/ React.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}, /*#__PURE__*/ React.createElement("path", {
d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
}), /*#__PURE__*/ React.createElement("polyline", {
points: "15 3 21 3 21 9"
}), /*#__PURE__*/ React.createElement("line", {
x1: "10",
y1: "14",
x2: "21",
y2: "3"
})))), /*#__PURE__*/ React.createElement("pre", null, decoded.map((entry, index)=>/*#__PURE__*/ React.createElement("span", {
key: `frame-${index}`,
style: _extends({
color: entry.fg ? `var(--color-${entry.fg})` : undefined
}, entry.decoration === 'bold' ? {
fontWeight: 800
} : entry.decoration === 'italic' ? {
fontStyle: 'italic'
} : undefined)
}, entry.content))));
};
exports.CodeFrame = CodeFrame;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=CodeFrame.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/CodeFrame/CodeFrame.tsx"],"names":["React","CodeFrame","stackFrame","codeFrame","formattedFrame","useMemo","lines","split","prefixLength","map","line","exec","stripAnsi","filter","Boolean","v","pop","reduce","c","n","isNaN","length","Math","min","NaN","p","repeat","a","indexOf","substring","replace","join","decoded","Anser","ansiToJson","json","use_classes","remove_empty","open","useCallback","params","URLSearchParams","key","append","toString","self","fetch","process","env","__NEXT_ROUTER_BASEPATH","then","console","error","div","data-nextjs-codeframe","role","onClick","tabIndex","title","span","getFrameSource","methodName","svg","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d","polyline","points","x1","y1","x2","y2","pre","entry","index","style","color","fg","undefined","decoration","fontWeight","fontStyle","content"],"mappings":"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"}

View File

@@ -0,0 +1 @@
export { CodeFrame } from './CodeFrame';

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "CodeFrame", {
enumerable: true,
get: function() {
return _codeFrame.CodeFrame;
}
});
var _codeFrame = require("./CodeFrame");
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/CodeFrame/index.tsx"],"names":["CodeFrame"],"mappings":"AAAA;;;;+BAASA,WAAS;;;0BAATA,SAAS;;;yBAAQ,aAAa"}

View File

@@ -0,0 +1,2 @@
declare const styles: string;
export { styles };

View File

@@ -0,0 +1,63 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = void 0;
var _noopTemplate = require("../../helpers/noop-template");
const styles = _noopTemplate.noop`
[data-nextjs-codeframe] {
overflow: auto;
border-radius: var(--size-gap-half);
background-color: var(--color-ansi-bg);
color: var(--color-ansi-fg);
}
[data-nextjs-codeframe]::selection,
[data-nextjs-codeframe] *::selection {
background-color: var(--color-ansi-selection);
}
[data-nextjs-codeframe] * {
color: inherit;
background-color: transparent;
font-family: var(--font-stack-monospace);
}
[data-nextjs-codeframe] > * {
margin: 0;
padding: calc(var(--size-gap) + var(--size-gap-half))
calc(var(--size-gap-double) + var(--size-gap-half));
}
[data-nextjs-codeframe] > div {
display: inline-block;
width: auto;
min-width: 100%;
border-bottom: 1px solid var(--color-ansi-bright-black);
}
[data-nextjs-codeframe] > div > p {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
margin: 0;
}
[data-nextjs-codeframe] > div > p:hover {
text-decoration: underline dotted;
}
[data-nextjs-codeframe] div > p > svg {
width: auto;
height: 1em;
margin-left: 8px;
}
[data-nextjs-codeframe] div > pre {
overflow: hidden;
display: inline-block;
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=styles.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/CodeFrame/styles.tsx"],"names":["styles","css"],"mappings":"AAAA;;;;;AAA4B,IAAA,aAA6B,WAA7B,6BAA6B,CAAA;AAEzD,MAAMA,MAAM,GAAGC,aAAG,KAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CnB,CAAC;QAEQD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,9 @@
import * as React from 'react';
export declare type DialogProps = {
type: 'error' | 'warning';
'aria-labelledby': string;
'aria-describedby': string;
onClose?: (e: MouseEvent | TouchEvent) => void;
};
declare const Dialog: React.FC<DialogProps>;
export { Dialog };

View File

@@ -0,0 +1,67 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Dialog = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var _object_without_properties_loose = require("@swc/helpers/lib/_object_without_properties_loose.js").default;
var React = _interop_require_wildcard(require("react"));
var _useOnClickOutside = require("../../hooks/use-on-click-outside");
const Dialog = function Dialog(_param) {
var { children , type , onClose } = _param, props = _object_without_properties_loose(_param, [
"children",
"type",
"onClose"
]);
const [dialog, setDialog] = React.useState(null);
const onDialog = React.useCallback((node)=>{
setDialog(node);
}, []);
(0, _useOnClickOutside).useOnClickOutside(dialog, onClose);
// Make HTMLElements with `role=link` accessible to be triggered by the
// keyboard, i.e. [Enter].
React.useEffect(()=>{
if (dialog == null) {
return;
}
const root = dialog.getRootNode();
// Always true, but we do this for TypeScript:
if (!(root instanceof ShadowRoot)) {
return;
}
const shadowRoot = root;
function handler(e) {
const el = shadowRoot.activeElement;
if (e.key === 'Enter' && el instanceof HTMLElement && el.getAttribute('role') === 'link') {
e.preventDefault();
e.stopPropagation();
el.click();
}
}
shadowRoot.addEventListener('keydown', handler);
return ()=>shadowRoot.removeEventListener('keydown', handler);
}, [
dialog
]);
return /*#__PURE__*/ React.createElement("div", {
ref: onDialog,
"data-nextjs-dialog": true,
tabIndex: -1,
role: "dialog",
"aria-labelledby": props['aria-labelledby'],
"aria-describedby": props['aria-describedby'],
"aria-modal": "true"
}, /*#__PURE__*/ React.createElement("div", {
"data-nextjs-dialog-banner": true,
className: `banner-${type}`
}), children);
};
exports.Dialog = Dialog;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=Dialog.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Dialog/Dialog.tsx"],"names":["React","Dialog","children","type","onClose","props","dialog","setDialog","useState","onDialog","useCallback","node","useOnClickOutside","useEffect","root","getRootNode","ShadowRoot","shadowRoot","handler","e","el","activeElement","key","HTMLElement","getAttribute","preventDefault","stopPropagation","click","addEventListener","removeEventListener","div","ref","data-nextjs-dialog","tabIndex","role","aria-labelledby","aria-describedby","aria-modal","data-nextjs-dialog-banner","className"],"mappings":"AAAA;;;;;;;AAAYA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AACiB,IAAA,kBAAkC,WAAlC,kCAAkC,CAAA;AASpE,MAAMC,MAAM,GAA0B,SAASA,MAAM,CAAC,MAKrD,EAAE;QALmD,EACpDC,QAAQ,CAAA,EACRC,IAAI,CAAA,EACJC,OAAO,CAAA,EAER,GALqD,MAKrD,EADIC,KAAK,oCAJ4C,MAKrD;QAJCH,UAAQ;QACRC,MAAI;QACJC,SAAO;;IAGP,MAAM,CAACE,MAAM,EAAEC,SAAS,CAAC,GAAGP,KAAK,CAACQ,QAAQ,CAAwB,IAAI,CAAC;IACvE,MAAMC,QAAQ,GAAGT,KAAK,CAACU,WAAW,CAAC,CAACC,IAAI,GAAK;QAC3CJ,SAAS,CAACI,IAAI,CAAC;KAChB,EAAE,EAAE,CAAC;IACNC,CAAAA,GAAAA,kBAAiB,AAAiB,CAAA,kBAAjB,CAACN,MAAM,EAAEF,OAAO,CAAC;IAElC,uEAAuE;IACvE,0BAA0B;IAC1BJ,KAAK,CAACa,SAAS,CAAC,IAAM;QACpB,IAAIP,MAAM,IAAI,IAAI,EAAE;YAClB,OAAM;SACP;QAED,MAAMQ,IAAI,GAAGR,MAAM,CAACS,WAAW,EAAE;QACjC,8CAA8C;QAC9C,IAAI,CAAC,CAACD,IAAI,YAAYE,UAAU,CAAC,EAAE;YACjC,OAAM;SACP;QACD,MAAMC,UAAU,GAAGH,IAAI;QACvB,SAASI,OAAO,CAACC,CAAgB,EAAE;YACjC,MAAMC,EAAE,GAAGH,UAAU,CAACI,aAAa;YACnC,IACEF,CAAC,CAACG,GAAG,KAAK,OAAO,IACjBF,EAAE,YAAYG,WAAW,IACzBH,EAAE,CAACI,YAAY,CAAC,MAAM,CAAC,KAAK,MAAM,EAClC;gBACAL,CAAC,CAACM,cAAc,EAAE;gBAClBN,CAAC,CAACO,eAAe,EAAE;gBAEnBN,EAAE,CAACO,KAAK,EAAE;aACX;SACF;QAEDV,UAAU,CAACW,gBAAgB,CAAC,SAAS,EAAEV,OAAO,CAAkB;QAChE,OAAO,IACLD,UAAU,CAACY,mBAAmB,CAAC,SAAS,EAAEX,OAAO,CAAkB,CAAA;KACtE,EAAE;QAACZ,MAAM;KAAC,CAAC;IAEZ,qBACE,oBAACwB,KAAG;QACFC,GAAG,EAAEtB,QAAQ;QACbuB,oBAAkB,EAAlBA,IAAkB;QAClBC,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,QAAQ;QACbC,iBAAe,EAAE9B,KAAK,CAAC,iBAAiB,CAAC;QACzC+B,kBAAgB,EAAE/B,KAAK,CAAC,kBAAkB,CAAC;QAC3CgC,YAAU,EAAC,MAAM;qBAEjB,oBAACP,KAAG;QAACQ,2BAAyB,EAAzBA,IAAyB;QAACC,SAAS,EAAE,CAAC,OAAO,EAAEpC,IAAI,CAAC,CAAC;MAAI,EAC7DD,QAAQ,CACL,CACP;CACF;QAEQD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
export declare type DialogBodyProps = {
className?: string;
};
declare const DialogBody: React.FC<DialogBodyProps>;
export { DialogBody };

View File

@@ -0,0 +1,22 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DialogBody = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
const DialogBody = function DialogBody({ children , className , }) {
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-dialog-body": true,
className: className
}, children);
};
exports.DialogBody = DialogBody;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=DialogBody.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Dialog/DialogBody.tsx"],"names":["React","DialogBody","children","className","div","data-nextjs-dialog-body"],"mappings":"AAAA;;;;;;AAAYA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AAMjB,MAAMC,UAAU,GAA8B,SAASA,UAAU,CAAC,EAChEC,QAAQ,CAAA,EACRC,SAAS,CAAA,IACV,EAAE;IACD,qBACE,oBAACC,KAAG;QAACC,yBAAuB,EAAvBA,IAAuB;QAACF,SAAS,EAAEA,SAAS;OAC9CD,QAAQ,CACL,CACP;CACF;QAEQD,UAAU,GAAVA,UAAU"}

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
export declare type DialogContentProps = {
className?: string;
};
declare const DialogContent: React.FC<DialogContentProps>;
export { DialogContent };

View File

@@ -0,0 +1,22 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DialogContent = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
const DialogContent = function DialogContent({ children , className , }) {
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-dialog-content": true,
className: className
}, children);
};
exports.DialogContent = DialogContent;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=DialogContent.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Dialog/DialogContent.tsx"],"names":["React","DialogContent","children","className","div","data-nextjs-dialog-content"],"mappings":"AAAA;;;;;;AAAYA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AAMjB,MAAMC,aAAa,GAAiC,SAASA,aAAa,CAAC,EACzEC,QAAQ,CAAA,EACRC,SAAS,CAAA,IACV,EAAE;IACD,qBACE,oBAACC,KAAG;QAACC,4BAA0B,EAA1BA,IAA0B;QAACF,SAAS,EAAEA,SAAS;OACjDD,QAAQ,CACL,CACP;CACF;QAEQD,aAAa,GAAbA,aAAa"}

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
export declare type DialogHeaderProps = {
className?: string;
};
declare const DialogHeader: React.FC<DialogHeaderProps>;
export { DialogHeader };

View File

@@ -0,0 +1,22 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DialogHeader = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
const DialogHeader = function DialogHeader({ children , className , }) {
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-dialog-header": true,
className: className
}, children);
};
exports.DialogHeader = DialogHeader;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=DialogHeader.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Dialog/DialogHeader.tsx"],"names":["React","DialogHeader","children","className","div","data-nextjs-dialog-header"],"mappings":"AAAA;;;;;;AAAYA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AAMjB,MAAMC,YAAY,GAAgC,SAASA,YAAY,CAAC,EACtEC,QAAQ,CAAA,EACRC,SAAS,CAAA,IACV,EAAE;IACD,qBACE,oBAACC,KAAG;QAACC,2BAAyB,EAAzBA,IAAyB;QAACF,SAAS,EAAEA,SAAS;OAChDD,QAAQ,CACL,CACP;CACF;QAEQD,YAAY,GAAZA,YAAY"}

View File

@@ -0,0 +1,5 @@
export { Dialog } from './Dialog';
export { DialogBody } from './DialogBody';
export { DialogContent } from './DialogContent';
export { DialogHeader } from './DialogHeader';
export { styles } from './styles';

View File

@@ -0,0 +1,47 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Dialog", {
enumerable: true,
get: function() {
return _dialog.Dialog;
}
});
Object.defineProperty(exports, "DialogBody", {
enumerable: true,
get: function() {
return _dialogBody.DialogBody;
}
});
Object.defineProperty(exports, "DialogContent", {
enumerable: true,
get: function() {
return _dialogContent.DialogContent;
}
});
Object.defineProperty(exports, "DialogHeader", {
enumerable: true,
get: function() {
return _dialogHeader.DialogHeader;
}
});
Object.defineProperty(exports, "styles", {
enumerable: true,
get: function() {
return _styles.styles;
}
});
var _dialog = require("./Dialog");
var _dialogBody = require("./DialogBody");
var _dialogContent = require("./DialogContent");
var _dialogHeader = require("./DialogHeader");
var _styles = require("./styles");
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Dialog/index.ts"],"names":["Dialog","DialogBody","DialogContent","DialogHeader","styles"],"mappings":"AAAA;;;;+BAASA,QAAM;;;uBAANA,MAAM;;;+BACNC,YAAU;;;2BAAVA,UAAU;;;+BACVC,eAAa;;;8BAAbA,aAAa;;;+BACbC,cAAY;;;6BAAZA,YAAY;;;+BACZC,QAAM;;;uBAANA,MAAM;;;sBAJQ,UAAU;0BACN,cAAc;6BACX,iBAAiB;4BAClB,gBAAgB;sBACtB,UAAU"}

View File

@@ -0,0 +1,2 @@
declare const styles: string;
export { styles };

View File

@@ -0,0 +1,102 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = void 0;
var _noopTemplate = require("../../helpers/noop-template");
const styles = _noopTemplate.noop`
[data-nextjs-dialog] {
display: flex;
flex-direction: column;
width: 100%;
margin-right: auto;
margin-left: auto;
outline: none;
background: white;
border-radius: var(--size-gap);
box-shadow: 0 var(--size-gap-half) var(--size-gap-double)
rgba(0, 0, 0, 0.25);
max-height: calc(100% - 56px);
overflow-y: hidden;
}
@media (max-height: 812px) {
[data-nextjs-dialog-overlay] {
max-height: calc(100% - 15px);
}
}
@media (min-width: 576px) {
[data-nextjs-dialog] {
max-width: 540px;
box-shadow: 0 var(--size-gap) var(--size-gap-quad) rgba(0, 0, 0, 0.25);
}
}
@media (min-width: 768px) {
[data-nextjs-dialog] {
max-width: 720px;
}
}
@media (min-width: 992px) {
[data-nextjs-dialog] {
max-width: 960px;
}
}
[data-nextjs-dialog-banner] {
position: relative;
}
[data-nextjs-dialog-banner].banner-warning {
border-color: var(--color-ansi-yellow);
}
[data-nextjs-dialog-banner].banner-error {
border-color: var(--color-ansi-red);
}
[data-nextjs-dialog-banner]::after {
z-index: 2;
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
/* banner width: */
border-top-width: var(--size-gap-half);
border-bottom-width: 0;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: inherit;
border-bottom-color: transparent;
}
[data-nextjs-dialog-content] {
overflow-y: auto;
border: none;
margin: 0;
/* calc(padding + banner width offset) */
padding: calc(var(--size-gap-double) + var(--size-gap-half))
var(--size-gap-double);
height: 100%;
display: flex;
flex-direction: column;
}
[data-nextjs-dialog-content] > [data-nextjs-dialog-header] {
flex-shrink: 0;
margin-bottom: var(--size-gap-double);
}
[data-nextjs-dialog-content] > [data-nextjs-dialog-body] {
position: relative;
flex: 1 1 auto;
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=styles.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Dialog/styles.ts"],"names":["styles","css"],"mappings":"AAAA;;;;;AAA4B,IAAA,aAA6B,WAA7B,6BAA6B,CAAA;AAEzD,MAAMA,MAAM,GAAGC,aAAG,KAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFnB,CAAC;QAEQD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,9 @@
import * as React from 'react';
export declare type LeftRightDialogHeaderProps = {
className?: string;
previous: (() => void) | null;
next: (() => void) | null;
close?: () => void;
};
declare const LeftRightDialogHeader: React.FC<LeftRightDialogHeaderProps>;
export { LeftRightDialogHeader };

View File

@@ -0,0 +1,146 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LeftRightDialogHeader = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
var _closeIcon = require("../../icons/CloseIcon");
const LeftRightDialogHeader = function LeftRightDialogHeader({ children , className , previous , next , close , }) {
const buttonLeft = React.useRef(null);
const buttonRight = React.useRef(null);
const buttonClose = React.useRef(null);
const [nav, setNav] = React.useState(null);
const onNav = React.useCallback((el)=>{
setNav(el);
}, []);
React.useEffect(()=>{
if (nav == null) {
return;
}
const root = nav.getRootNode();
const d = self.document;
function handler(e) {
if (e.key === 'ArrowLeft') {
e.stopPropagation();
if (buttonLeft.current) {
buttonLeft.current.focus();
}
previous && previous();
} else if (e.key === 'ArrowRight') {
e.stopPropagation();
if (buttonRight.current) {
buttonRight.current.focus();
}
next && next();
} else if (e.key === 'Escape') {
e.stopPropagation();
if (root instanceof ShadowRoot) {
const a = root.activeElement;
if (a && a !== buttonClose.current && a instanceof HTMLElement) {
a.blur();
return;
}
}
if (close) {
close();
}
}
}
root.addEventListener('keydown', handler);
if (root !== d) {
d.addEventListener('keydown', handler);
}
return function() {
root.removeEventListener('keydown', handler);
if (root !== d) {
d.removeEventListener('keydown', handler);
}
};
}, [
close,
nav,
next,
previous
]);
// Unlock focus for browsers like Firefox, that break all user focus if the
// currently focused item becomes disabled.
React.useEffect(()=>{
if (nav == null) {
return;
}
const root = nav.getRootNode();
// Always true, but we do this for TypeScript:
if (root instanceof ShadowRoot) {
const a = root.activeElement;
if (previous == null) {
if (buttonLeft.current && a === buttonLeft.current) {
buttonLeft.current.blur();
}
} else if (next == null) {
if (buttonRight.current && a === buttonRight.current) {
buttonRight.current.blur();
}
}
}
}, [
nav,
next,
previous
]);
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-dialog-left-right": true,
className: className
}, /*#__PURE__*/ React.createElement("nav", {
ref: onNav
}, /*#__PURE__*/ React.createElement("button", {
ref: buttonLeft,
type: "button",
disabled: previous == null ? true : undefined,
"aria-disabled": previous == null ? true : undefined,
onClick: previous != null ? previous : undefined
}, /*#__PURE__*/ React.createElement("svg", {
viewBox: "0 0 14 14",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/ React.createElement("path", {
d: "M6.99996 1.16666L1.16663 6.99999L6.99996 12.8333M12.8333 6.99999H1.99996H12.8333Z",
stroke: "currentColor",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}))), /*#__PURE__*/ React.createElement("button", {
ref: buttonRight,
type: "button",
disabled: next == null ? true : undefined,
"aria-disabled": next == null ? true : undefined,
onClick: next != null ? next : undefined
}, /*#__PURE__*/ React.createElement("svg", {
viewBox: "0 0 14 14",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/ React.createElement("path", {
d: "M6.99996 1.16666L12.8333 6.99999L6.99996 12.8333M1.16663 6.99999H12H1.16663Z",
stroke: "currentColor",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}))), "\xa0", children), close ? /*#__PURE__*/ React.createElement("button", {
"data-nextjs-errors-dialog-left-right-close-button": true,
ref: buttonClose,
type: "button",
onClick: close,
"aria-label": "Close"
}, /*#__PURE__*/ React.createElement("span", {
"aria-hidden": "true"
}, /*#__PURE__*/ React.createElement(_closeIcon.CloseIcon, null))) : null);
};
exports.LeftRightDialogHeader = LeftRightDialogHeader;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=LeftRightDialogHeader.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/LeftRightDialogHeader/LeftRightDialogHeader.tsx"],"names":["React","LeftRightDialogHeader","children","className","previous","next","close","buttonLeft","useRef","buttonRight","buttonClose","nav","setNav","useState","onNav","useCallback","el","useEffect","root","getRootNode","d","self","document","handler","e","key","stopPropagation","current","focus","ShadowRoot","a","activeElement","HTMLElement","blur","addEventListener","removeEventListener","div","data-nextjs-dialog-left-right","ref","button","type","disabled","undefined","aria-disabled","onClick","svg","viewBox","fill","xmlns","path","stroke","strokeWidth","strokeLinecap","strokeLinejoin","data-nextjs-errors-dialog-left-right-close-button","aria-label","span","aria-hidden","CloseIcon"],"mappings":"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"}

View File

@@ -0,0 +1,2 @@
export { LeftRightDialogHeader } from './LeftRightDialogHeader';
export { styles } from './styles';

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "LeftRightDialogHeader", {
enumerable: true,
get: function() {
return _leftRightDialogHeader.LeftRightDialogHeader;
}
});
Object.defineProperty(exports, "styles", {
enumerable: true,
get: function() {
return _styles.styles;
}
});
var _leftRightDialogHeader = require("./LeftRightDialogHeader");
var _styles = require("./styles");
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/LeftRightDialogHeader/index.ts"],"names":["LeftRightDialogHeader","styles"],"mappings":"AAAA;;;;+BAASA,uBAAqB;;;sCAArBA,qBAAqB;;;+BACrBC,QAAM;;;uBAANA,MAAM;;;qCADuB,yBAAyB;sBACxC,UAAU"}

View File

@@ -0,0 +1,2 @@
declare const styles: string;
export { styles };

View File

@@ -0,0 +1,72 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = void 0;
var _noopTemplate = require("../../helpers/noop-template");
const styles = _noopTemplate.noop`
[data-nextjs-dialog-left-right] {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: space-between;
}
[data-nextjs-dialog-left-right] > nav > button {
display: inline-flex;
align-items: center;
justify-content: center;
width: calc(var(--size-gap-double) + var(--size-gap));
height: calc(var(--size-gap-double) + var(--size-gap));
font-size: 0;
border: none;
background-color: rgba(255, 85, 85, 0.1);
color: var(--color-ansi-red);
cursor: pointer;
transition: background-color 0.25s ease;
}
[data-nextjs-dialog-left-right] > nav > button > svg {
width: auto;
height: calc(var(--size-gap) + var(--size-gap-half));
}
[data-nextjs-dialog-left-right] > nav > button:hover {
background-color: rgba(255, 85, 85, 0.2);
}
[data-nextjs-dialog-left-right] > nav > button:disabled {
background-color: rgba(255, 85, 85, 0.1);
color: rgba(255, 85, 85, 0.4);
cursor: not-allowed;
}
[data-nextjs-dialog-left-right] > nav > button:first-of-type {
border-radius: var(--size-gap-half) 0 0 var(--size-gap-half);
margin-right: 1px;
}
[data-nextjs-dialog-left-right] > nav > button:last-of-type {
border-radius: 0 var(--size-gap-half) var(--size-gap-half) 0;
}
[data-nextjs-dialog-left-right] > button:last-of-type {
border: 0;
padding: 0;
background-color: transparent;
appearance: none;
opacity: 0.4;
transition: opacity 0.25s ease;
}
[data-nextjs-dialog-left-right] > button:last-of-type:hover {
opacity: 0.7;
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=styles.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/LeftRightDialogHeader/styles.ts"],"names":["styles","css"],"mappings":"AAAA;;;;;AAA4B,IAAA,aAA6B,WAA7B,6BAA6B,CAAA;AAEzD,MAAMA,MAAM,GAAGC,aAAG,KAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDnB,CAAC;QAEQD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,7 @@
import * as React from 'react';
export declare type OverlayProps = {
className?: string;
fixed?: boolean;
};
declare const Overlay: React.FC<OverlayProps>;
export { Overlay };

View File

@@ -0,0 +1,52 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Overlay = void 0;
var _interop_require_default = require("@swc/helpers/lib/_interop_require_default.js").default;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var _maintainTabFocus = _interop_require_default(require("./maintain--tab-focus"));
var React = _interop_require_wildcard(require("react"));
var _bodyLocker = require("./body-locker");
const Overlay = function Overlay({ className , children , fixed , }) {
React.useEffect(()=>{
(0, _bodyLocker).lock();
return ()=>{
(0, _bodyLocker).unlock();
};
}, []);
const [overlay, setOverlay] = React.useState(null);
const onOverlay = React.useCallback((el)=>{
setOverlay(el);
}, []);
React.useEffect(()=>{
if (overlay == null) {
return;
}
const handle2 = (0, _maintainTabFocus).default({
context: overlay
});
return ()=>{
handle2.disengage();
};
}, [
overlay
]);
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-dialog-overlay": true,
className: className,
ref: onOverlay
}, /*#__PURE__*/ React.createElement("div", {
"data-nextjs-dialog-backdrop": true,
"data-nextjs-dialog-backdrop-fixed": fixed ? true : undefined
}), children);
};
exports.Overlay = Overlay;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=Overlay.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Overlay/Overlay.tsx"],"names":["React","Overlay","className","children","fixed","useEffect","lock","unlock","overlay","setOverlay","useState","onOverlay","useCallback","el","handle2","allyTrap","context","disengage","div","data-nextjs-dialog-overlay","ref","data-nextjs-dialog-backdrop","data-nextjs-dialog-backdrop-fixed","undefined"],"mappings":"AACA;;;;;;;AAAqB,IAAA,iBAAuB,oCAAvB,uBAAuB,EAAA;AAChCA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AACY,IAAA,WAAe,WAAf,eAAe,CAAA;AAI5C,MAAMC,OAAO,GAA2B,SAASA,OAAO,CAAC,EACvDC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACRC,KAAK,CAAA,IACN,EAAE;IACDJ,KAAK,CAACK,SAAS,CAAC,IAAM;QACpBC,CAAAA,GAAAA,WAAI,AAAE,CAAA,KAAF,EAAE;QACN,OAAO,IAAM;YACXC,CAAAA,GAAAA,WAAM,AAAE,CAAA,OAAF,EAAE;SACT,CAAA;KACF,EAAE,EAAE,CAAC;IAEN,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGT,KAAK,CAACU,QAAQ,CAAwB,IAAI,CAAC;IACzE,MAAMC,SAAS,GAAGX,KAAK,CAACY,WAAW,CAAC,CAACC,EAAkB,GAAK;QAC1DJ,UAAU,CAACI,EAAE,CAAC;KACf,EAAE,EAAE,CAAC;IAENb,KAAK,CAACK,SAAS,CAAC,IAAM;QACpB,IAAIG,OAAO,IAAI,IAAI,EAAE;YACnB,OAAM;SACP;QAED,MAAMM,OAAO,GAAGC,CAAAA,GAAAA,iBAAQ,AAAsB,CAAA,QAAtB,CAAC;YAAEC,OAAO,EAAER,OAAO;SAAE,CAAC;QAC9C,OAAO,IAAM;YACXM,OAAO,CAACG,SAAS,EAAE;SACpB,CAAA;KACF,EAAE;QAACT,OAAO;KAAC,CAAC;IAEb,qBACE,oBAACU,KAAG;QAACC,4BAA0B,EAA1BA,IAA0B;QAACjB,SAAS,EAAEA,SAAS;QAAEkB,GAAG,EAAET,SAAS;qBAClE,oBAACO,KAAG;QACFG,6BAA2B,EAA3BA,IAA2B;QAC3BC,mCAAiC,EAAElB,KAAK,GAAG,IAAI,GAAGmB,SAAS;MAC3D,EACDpB,QAAQ,CACL,CACP;CACF;QAEQF,OAAO,GAAPA,OAAO"}

View File

@@ -0,0 +1,2 @@
export declare function lock(): void;
export declare function unlock(): void;

View File

@@ -0,0 +1,46 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.lock = lock;
exports.unlock = unlock;
let previousBodyPaddingRight;
let previousBodyOverflowSetting;
let activeLocks = 0;
function lock() {
setTimeout(()=>{
if (activeLocks++ > 0) {
return;
}
const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
if (scrollBarGap > 0) {
previousBodyPaddingRight = document.body.style.paddingRight;
document.body.style.paddingRight = `${scrollBarGap}px`;
}
previousBodyOverflowSetting = document.body.style.overflow;
document.body.style.overflow = 'hidden';
});
}
function unlock() {
setTimeout(()=>{
if (activeLocks === 0 || --activeLocks !== 0) {
return;
}
if (previousBodyPaddingRight !== undefined) {
document.body.style.paddingRight = previousBodyPaddingRight;
previousBodyPaddingRight = undefined;
}
if (previousBodyOverflowSetting !== undefined) {
document.body.style.overflow = previousBodyOverflowSetting;
previousBodyOverflowSetting = undefined;
}
});
}
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=body-locker.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Overlay/body-locker.ts"],"names":["lock","unlock","previousBodyPaddingRight","previousBodyOverflowSetting","activeLocks","setTimeout","scrollBarGap","window","innerWidth","document","documentElement","clientWidth","body","style","paddingRight","overflow","undefined"],"mappings":"AAAA;;;;QAKgBA,IAAI,GAAJA,IAAI;QAmBJC,MAAM,GAANA,MAAM;AAxBtB,IAAIC,wBAAwB,AAAoB;AAChD,IAAIC,2BAA2B,AAAoB;AAEnD,IAAIC,WAAW,GAAG,CAAC;AAEZ,SAASJ,IAAI,GAAG;IACrBK,UAAU,CAAC,IAAM;QACf,IAAID,WAAW,EAAE,GAAG,CAAC,EAAE;YACrB,OAAM;SACP;QAED,MAAME,YAAY,GAChBC,MAAM,CAACC,UAAU,GAAGC,QAAQ,CAACC,eAAe,CAACC,WAAW;QAE1D,IAAIL,YAAY,GAAG,CAAC,EAAE;YACpBJ,wBAAwB,GAAGO,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACC,YAAY;YAC3DL,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACC,YAAY,GAAG,CAAC,EAAER,YAAY,CAAC,EAAE,CAAC;SACvD;QAEDH,2BAA2B,GAAGM,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACE,QAAQ;QAC1DN,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACE,QAAQ,GAAG,QAAQ;KACxC,CAAC;CACH;AAEM,SAASd,MAAM,GAAG;IACvBI,UAAU,CAAC,IAAM;QACf,IAAID,WAAW,KAAK,CAAC,IAAI,EAAEA,WAAW,KAAK,CAAC,EAAE;YAC5C,OAAM;SACP;QAED,IAAIF,wBAAwB,KAAKc,SAAS,EAAE;YAC1CP,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACC,YAAY,GAAGZ,wBAAwB;YAC3DA,wBAAwB,GAAGc,SAAS;SACrC;QAED,IAAIb,2BAA2B,KAAKa,SAAS,EAAE;YAC7CP,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACE,QAAQ,GAAGZ,2BAA2B;YAC1DA,2BAA2B,GAAGa,SAAS;SACxC;KACF,CAAC;CACH"}

View File

@@ -0,0 +1 @@
export { Overlay } from './Overlay';

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Overlay", {
enumerable: true,
get: function() {
return _overlay.Overlay;
}
});
var _overlay = require("./Overlay");
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Overlay/index.tsx"],"names":["Overlay"],"mappings":"AAAA;;;;+BAASA,SAAO;;;wBAAPA,OAAO;;;uBAAQ,WAAW"}

View File

@@ -0,0 +1,5 @@
export default function ({ context }?: {
context: any;
}): {
disengage: () => void;
};

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,2 @@
declare const styles: string;
export { styles };

View File

@@ -0,0 +1,55 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = void 0;
var _noopTemplate = require("../../helpers/noop-template");
const styles = _noopTemplate.noop`
[data-nextjs-dialog-overlay] {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
z-index: 9000;
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
padding: 10vh 15px 0;
}
@media (max-height: 812px) {
[data-nextjs-dialog-overlay] {
padding: 15px 15px 0;
}
}
[data-nextjs-dialog-backdrop] {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(17, 17, 17, 0.2);
pointer-events: all;
z-index: -1;
}
[data-nextjs-dialog-backdrop-fixed] {
cursor: not-allowed;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=styles.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Overlay/styles.tsx"],"names":["styles","css"],"mappings":"AAAA;;;;;AAA4B,IAAA,aAA6B,WAA7B,6BAA6B,CAAA;AAEzD,MAAMA,MAAM,GAAGC,aAAG,KAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCnB,CAAC;QAEQD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,4 @@
import * as React from 'react';
export declare function ShadowPortal({ children }: {
children: React.ReactNode;
}): React.ReactPortal | null;

View File

@@ -0,0 +1,36 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ShadowPortal = ShadowPortal;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
var _reactDom = require("react-dom");
function ShadowPortal({ children }) {
let portalNode = React.useRef(null);
let shadowNode = React.useRef(null);
let [, forceUpdate] = React.useState();
React.useLayoutEffect(()=>{
const ownerDocument = document;
portalNode.current = ownerDocument.createElement('nextjs-portal');
shadowNode.current = portalNode.current.attachShadow({
mode: 'open'
});
ownerDocument.body.appendChild(portalNode.current);
forceUpdate({});
return ()=>{
if (portalNode.current && portalNode.current.ownerDocument) {
portalNode.current.ownerDocument.body.removeChild(portalNode.current);
}
};
}, []);
return shadowNode.current ? /*#__PURE__*/ (0, _reactDom).createPortal(children, shadowNode.current) : null;
}
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=ShadowPortal.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../client/components/react-dev-overlay/internal/components/ShadowPortal.tsx"],"names":["ShadowPortal","React","children","portalNode","useRef","shadowNode","forceUpdate","useState","useLayoutEffect","ownerDocument","document","current","createElement","attachShadow","mode","body","appendChild","removeChild","createPortal"],"mappings":"AAAA;;;;QAGgBA,YAAY,GAAZA,YAAY;;AAHhBC,IAAAA,KAAK,qCAAM,OAAO,EAAb;AACY,IAAA,SAAW,WAAX,WAAW,CAAA;AAEjC,SAASD,YAAY,CAAC,EAAEE,QAAQ,CAAA,EAAiC,EAAE;IACxE,IAAIC,UAAU,GAAGF,KAAK,CAACG,MAAM,CAAqB,IAAI,CAAC;IACvD,IAAIC,UAAU,GAAGJ,KAAK,CAACG,MAAM,CAAoB,IAAI,CAAC;IACtD,IAAI,GAAGE,WAAW,CAAC,GAAGL,KAAK,CAACM,QAAQ,EAAkB;IAEtDN,KAAK,CAACO,eAAe,CAAC,IAAM;QAC1B,MAAMC,aAAa,GAAGC,QAAQ;QAC9BP,UAAU,CAACQ,OAAO,GAAGF,aAAa,CAACG,aAAa,CAAC,eAAe,CAAC;QACjEP,UAAU,CAACM,OAAO,GAAGR,UAAU,CAACQ,OAAO,CAACE,YAAY,CAAC;YAAEC,IAAI,EAAE,MAAM;SAAE,CAAC;QACtEL,aAAa,CAACM,IAAI,CAACC,WAAW,CAACb,UAAU,CAACQ,OAAO,CAAC;QAClDL,WAAW,CAAC,EAAE,CAAC;QACf,OAAO,IAAM;YACX,IAAIH,UAAU,CAACQ,OAAO,IAAIR,UAAU,CAACQ,OAAO,CAACF,aAAa,EAAE;gBAC1DN,UAAU,CAACQ,OAAO,CAACF,aAAa,CAACM,IAAI,CAACE,WAAW,CAACd,UAAU,CAACQ,OAAO,CAAC;aACtE;SACF,CAAA;KACF,EAAE,EAAE,CAAC;IAEN,OAAON,UAAU,CAACM,OAAO,iBACrBO,CAAAA,GAAAA,SAAY,AAAqC,CAAA,aAArC,CAAChB,QAAQ,EAAEG,UAAU,CAACM,OAAO,CAAQ,GACjD,IAAI,CAAA;CACT"}

View File

@@ -0,0 +1,5 @@
import * as React from 'react';
export declare type TerminalProps = {
content: string;
};
export declare const Terminal: React.FC<TerminalProps>;

View File

@@ -0,0 +1,42 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Terminal = void 0;
var _extends = require("@swc/helpers/lib/_extends.js").default;
var _interop_require_default = require("@swc/helpers/lib/_interop_require_default.js").default;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var _anser = _interop_require_default(require("next/dist/compiled/anser"));
var React = _interop_require_wildcard(require("react"));
const Terminal = function Terminal({ content , }) {
const decoded = React.useMemo(()=>{
return _anser.default.ansiToJson(content, {
json: true,
use_classes: true,
remove_empty: true
});
}, [
content
]);
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-terminal": true
}, /*#__PURE__*/ React.createElement("pre", null, decoded.map((entry, index)=>/*#__PURE__*/ React.createElement("span", {
key: `terminal-entry-${index}`,
style: _extends({
color: entry.fg ? `var(--color-${entry.fg})` : undefined
}, entry.decoration === 'bold' ? {
fontWeight: 800
} : entry.decoration === 'italic' ? {
fontStyle: 'italic'
} : undefined)
}, entry.content))));
};
exports.Terminal = Terminal;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=Terminal.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Terminal/Terminal.tsx"],"names":["React","Terminal","content","decoded","useMemo","Anser","ansiToJson","json","use_classes","remove_empty","div","data-nextjs-terminal","pre","map","entry","index","span","key","style","color","fg","undefined","decoration","fontWeight","fontStyle"],"mappings":"AAAA;;;;;;;;AAAkB,IAAA,MAA0B,oCAA1B,0BAA0B,EAAA;AAChCA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AAIV,MAAMC,QAAQ,GAA4B,SAASA,QAAQ,CAAC,EACjEC,OAAO,CAAA,IACR,EAAE;IACD,MAAMC,OAAO,GAAGH,KAAK,CAACI,OAAO,CAAC,IAAM;QAClC,OAAOC,MAAK,QAAA,CAACC,UAAU,CAACJ,OAAO,EAAE;YAC/BK,IAAI,EAAE,IAAI;YACVC,WAAW,EAAE,IAAI;YACjBC,YAAY,EAAE,IAAI;SACnB,CAAC,CAAA;KACH,EAAE;QAACP,OAAO;KAAC,CAAC;IAEb,qBACE,oBAACQ,KAAG;QAACC,sBAAoB,EAApBA,IAAoB;qBACvB,oBAACC,KAAG,QACDT,OAAO,CAACU,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,iBACxB,oBAACC,MAAI;YACHC,GAAG,EAAE,CAAC,eAAe,EAAEF,KAAK,CAAC,CAAC;YAC9BG,KAAK,EAAE;gBACLC,KAAK,EAAEL,KAAK,CAACM,EAAE,GAAG,CAAC,YAAY,EAAEN,KAAK,CAACM,EAAE,CAAC,CAAC,CAAC,GAAGC,SAAS;eACpDP,KAAK,CAACQ,UAAU,KAAK,MAAM,GAC3B;gBAAEC,UAAU,EAAE,GAAG;aAAE,GACnBT,KAAK,CAACQ,UAAU,KAAK,QAAQ,GAC7B;gBAAEE,SAAS,EAAE,QAAQ;aAAE,GACvBH,SAAS,CACd;WAEAP,KAAK,CAACZ,OAAO,CACT,AACR,CAAC,CACE,CACF,CACP;CACF;QAhCYD,QAAQ,GAARA,QAAQ"}

View File

@@ -0,0 +1 @@
export { Terminal } from './Terminal';

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Terminal", {
enumerable: true,
get: function() {
return _terminal.Terminal;
}
});
var _terminal = require("./Terminal");
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Terminal/index.tsx"],"names":["Terminal"],"mappings":"AAAA;;;;+BAASA,UAAQ;;;yBAARA,QAAQ;;;wBAAQ,YAAY"}

View File

@@ -0,0 +1,2 @@
declare const styles: string;
export { styles };

View File

@@ -0,0 +1,41 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = void 0;
var _noopTemplate = require("../../helpers/noop-template");
const styles = _noopTemplate.noop`
[data-nextjs-terminal] {
border-radius: var(--size-gap-half);
background-color: var(--color-ansi-bg);
color: var(--color-ansi-fg);
}
[data-nextjs-terminal]::selection,
[data-nextjs-terminal] *::selection {
background-color: var(--color-ansi-selection);
}
[data-nextjs-terminal] * {
color: inherit;
background-color: transparent;
font-family: var(--font-stack-monospace);
}
[data-nextjs-terminal] > * {
margin: 0;
padding: calc(var(--size-gap) + var(--size-gap-half))
calc(var(--size-gap-double) + var(--size-gap-half));
}
[data-nextjs-terminal] pre {
white-space: pre-wrap;
word-break: break-word;
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=styles.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Terminal/styles.tsx"],"names":["styles","css"],"mappings":"AAAA;;;;;AAA4B,IAAA,aAA6B,WAA7B,6BAA6B,CAAA;AAEzD,MAAMA,MAAM,GAAGC,aAAG,KAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAyBnB,CAAC;QAEQD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
export declare type ToastProps = {
onClick?: (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
className?: string;
};
export declare const Toast: React.FC<ToastProps>;

View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Toast = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
const Toast = function Toast({ onClick , children , className , }) {
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-toast": true,
onClick: onClick,
className: className
}, /*#__PURE__*/ React.createElement("div", {
"data-nextjs-toast-wrapper": true
}, children));
};
exports.Toast = Toast;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=Toast.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Toast/Toast.tsx"],"names":["React","Toast","onClick","children","className","div","data-nextjs-toast","data-nextjs-toast-wrapper"],"mappings":"AAAA;;;;;;AAAYA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AAOV,MAAMC,KAAK,GAAyB,SAASA,KAAK,CAAC,EACxDC,OAAO,CAAA,EACPC,QAAQ,CAAA,EACRC,SAAS,CAAA,IACV,EAAE;IACD,qBACE,oBAACC,KAAG;QAACC,mBAAiB,EAAjBA,IAAiB;QAACJ,OAAO,EAAEA,OAAO;QAAEE,SAAS,EAAEA,SAAS;qBAC3D,oBAACC,KAAG;QAACE,2BAAyB,EAAzBA,IAAyB;OAAEJ,QAAQ,CAAO,CAC3C,CACP;CACF;QAVYF,KAAK,GAALA,KAAK"}

View File

@@ -0,0 +1,2 @@
export { styles } from './styles';
export { Toast } from './Toast';

View File

@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "styles", {
enumerable: true,
get: function() {
return _styles.styles;
}
});
Object.defineProperty(exports, "Toast", {
enumerable: true,
get: function() {
return _toast.Toast;
}
});
var _styles = require("./styles");
var _toast = require("./Toast");
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Toast/index.tsx"],"names":["styles","Toast"],"mappings":"AAAA;;;;+BAASA,QAAM;;;uBAANA,MAAM;;;+BACNC,OAAK;;;sBAALA,KAAK;;;sBADS,UAAU;qBACX,SAAS"}

View File

@@ -0,0 +1,2 @@
declare const styles: string;
export { styles };

View File

@@ -0,0 +1,41 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = void 0;
var _noopTemplate = require("../../helpers/noop-template");
const styles = _noopTemplate.noop`
[data-nextjs-toast] {
position: fixed;
bottom: var(--size-gap-double);
left: var(--size-gap-double);
max-width: 420px;
z-index: 9000;
}
@media (max-width: 440px) {
[data-nextjs-toast] {
max-width: 90vw;
left: 5vw;
}
}
[data-nextjs-toast-wrapper] {
padding: 16px;
border-radius: var(--size-gap-half);
font-weight: 500;
color: var(--color-ansi-bright-white);
background-color: var(--color-ansi-red);
box-shadow: 0px var(--size-gap-double) var(--size-gap-quad)
rgba(0, 0, 0, 0.25);
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=styles.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../../client/components/react-dev-overlay/internal/components/Toast/styles.ts"],"names":["styles","css"],"mappings":"AAAA;;;;;AAA4B,IAAA,aAA6B,WAA7B,6BAA6B,CAAA;AAEzD,MAAMA,MAAM,GAAGC,aAAG,KAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAyBnB,CAAC;QAEQD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,6 @@
import * as React from 'react';
export declare type BuildErrorProps = {
message: string;
};
export declare const BuildError: React.FC<BuildErrorProps>;
export declare const styles: string;

View File

@@ -0,0 +1,60 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = exports.BuildError = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
var _dialog = require("../components/Dialog");
var _overlay = require("../components/Overlay");
var _terminal = require("../components/Terminal");
var _noopTemplate = require("../helpers/noop-template");
const BuildError = function BuildError({ message , }) {
const noop = React.useCallback(()=>{}, []);
return /*#__PURE__*/ React.createElement(_overlay.Overlay, {
fixed: true
}, /*#__PURE__*/ React.createElement(_dialog.Dialog, {
type: "error",
"aria-labelledby": "nextjs__container_build_error_label",
"aria-describedby": "nextjs__container_build_error_desc",
onClose: noop
}, /*#__PURE__*/ React.createElement(_dialog.DialogContent, null, /*#__PURE__*/ React.createElement(_dialog.DialogHeader, {
className: "nextjs-container-build-error-header"
}, /*#__PURE__*/ React.createElement("h4", {
id: "nextjs__container_build_error_label"
}, "Failed to compile")), /*#__PURE__*/ React.createElement(_dialog.DialogBody, {
className: "nextjs-container-build-error-body"
}, /*#__PURE__*/ React.createElement(_terminal.Terminal, {
content: message
}), /*#__PURE__*/ React.createElement("footer", null, /*#__PURE__*/ React.createElement("p", {
id: "nextjs__container_build_error_desc"
}, /*#__PURE__*/ React.createElement("small", null, "This error occurred during the build process and can only be dismissed by fixing the error.")))))));
};
exports.BuildError = BuildError;
const styles = _noopTemplate.noop`
.nextjs-container-build-error-header > h4 {
line-height: 1.5;
margin: 0;
padding: 0;
}
.nextjs-container-build-error-body footer {
margin-top: var(--size-gap);
}
.nextjs-container-build-error-body footer p {
margin: 0;
}
.nextjs-container-build-error-body small {
color: #757575;
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=BuildError.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../client/components/react-dev-overlay/internal/container/BuildError.tsx"],"names":["React","BuildError","message","noop","useCallback","Overlay","fixed","Dialog","type","aria-labelledby","aria-describedby","onClose","DialogContent","DialogHeader","className","h4","id","DialogBody","Terminal","content","footer","p","small","styles","css"],"mappings":"AAAA;;;;;;AAAYA,IAAAA,KAAK,qCAAM,OAAO,EAAb;AAMV,IAAA,OAAsB,WAAtB,sBAAsB,CAAA;AACL,IAAA,QAAuB,WAAvB,uBAAuB,CAAA;AACtB,IAAA,SAAwB,WAAxB,wBAAwB,CAAA;AACrB,IAAA,aAA0B,WAA1B,0BAA0B,CAAA;AAI/C,MAAMC,UAAU,GAA8B,SAASA,UAAU,CAAC,EACvEC,OAAO,CAAA,IACR,EAAE;IACD,MAAMC,IAAI,GAAGH,KAAK,CAACI,WAAW,CAAC,IAAM,EAAE,EAAE,EAAE,CAAC;IAC5C,qBACE,oBAACC,QAAO,QAAA;QAACC,KAAK,EAALA,IAAK;qBACZ,oBAACC,OAAM,OAAA;QACLC,IAAI,EAAC,OAAO;QACZC,iBAAe,EAAC,qCAAqC;QACrDC,kBAAgB,EAAC,oCAAoC;QACrDC,OAAO,EAAER,IAAI;qBAEb,oBAACS,OAAa,cAAA,sBACZ,oBAACC,OAAY,aAAA;QAACC,SAAS,EAAC,qCAAqC;qBAC3D,oBAACC,IAAE;QAACC,EAAE,EAAC,qCAAqC;OAAC,mBAAiB,CAAK,CACtD,gBACf,oBAACC,OAAU,WAAA;QAACH,SAAS,EAAC,mCAAmC;qBACvD,oBAACI,SAAQ,SAAA;QAACC,OAAO,EAAEjB,OAAO;MAAI,gBAC9B,oBAACkB,QAAM,sBACL,oBAACC,GAAC;QAACL,EAAE,EAAC,oCAAoC;qBACxC,oBAACM,OAAK,QAAC,6FAGP,CAAQ,CACN,CACG,CACE,CACC,CACT,CACD,CACX;CACF;QA/BYrB,UAAU,GAAVA,UAAU;AAiChB,MAAMsB,MAAM,GAAGC,aAAG,KAAA,CAAC;;;;;;;;;;;;;;;;;AAiB1B,CAAC;QAjBYD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,14 @@
import * as React from 'react';
import { UnhandledErrorAction, UnhandledRejectionAction } from '../error-overlay-reducer';
export declare type SupportedErrorEvent = {
id: number;
event: UnhandledErrorAction | UnhandledRejectionAction;
};
export declare type ErrorsProps = {
errors: SupportedErrorEvent[];
initialDisplayState: DisplayState;
};
declare type DisplayState = 'minimized' | 'fullscreen' | 'hidden';
export declare const Errors: React.FC<ErrorsProps>;
export declare const styles: string;
export {};

View File

@@ -0,0 +1,311 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = exports.Errors = void 0;
var _extends = require("@swc/helpers/lib/_extends.js").default;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
var _errorOverlayReducer = require("../error-overlay-reducer");
var _dialog = require("../components/Dialog");
var _leftRightDialogHeader = require("../components/LeftRightDialogHeader");
var _overlay = require("../components/Overlay");
var _toast = require("../components/Toast");
var _getErrorByType = require("../helpers/getErrorByType");
var _nodeStackFrames = require("../helpers/nodeStackFrames");
var _noopTemplate = require("../helpers/noop-template");
var _closeIcon = require("../icons/CloseIcon");
var _runtimeError = require("./RuntimeError");
function getErrorSignature(ev) {
const { event } = ev;
switch(event.type){
case _errorOverlayReducer.ACTION_UNHANDLED_ERROR:
case _errorOverlayReducer.ACTION_UNHANDLED_REJECTION:
{
return `${event.reason.name}::${event.reason.message}::${event.reason.stack}`;
}
default:
{}
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const _ = event;
return '';
}
const HotlinkedText = function HotlinkedText(props) {
const { text } = props;
const linkRegex = /https?:\/\/[^\s/$.?#].[^\s"]*/i;
return /*#__PURE__*/ React.createElement(React.Fragment, null, linkRegex.test(text) ? text.split(' ').map((word, index, array)=>{
if (linkRegex.test(word)) {
return /*#__PURE__*/ React.createElement(React.Fragment, {
key: `link-${index}`
}, /*#__PURE__*/ React.createElement("a", {
href: word
}, word), index === array.length - 1 ? '' : ' ');
}
return index === array.length - 1 ? /*#__PURE__*/ React.createElement(React.Fragment, {
key: `text-${index}`
}, word) : /*#__PURE__*/ React.createElement(React.Fragment, {
key: `text-${index}`
}, word, " ");
}) : text);
};
const Errors = function Errors({ errors , initialDisplayState , }) {
const [lookups, setLookups] = React.useState({});
const [readyErrors, nextError] = React.useMemo(()=>{
let ready = [];
let next = null;
// Ensure errors are displayed in the order they occurred in:
for(let idx = 0; idx < errors.length; ++idx){
const e = errors[idx];
const { id } = e;
if (id in lookups) {
ready.push(lookups[id]);
continue;
}
// Check for duplicate errors
if (idx > 0) {
const prev = errors[idx - 1];
if (getErrorSignature(prev) === getErrorSignature(e)) {
continue;
}
}
next = e;
break;
}
return [
ready,
next
];
}, [
errors,
lookups
]);
const isLoading = React.useMemo(()=>{
return readyErrors.length < 1 && Boolean(errors.length);
}, [
errors.length,
readyErrors.length
]);
React.useEffect(()=>{
if (nextError == null) {
return;
}
let mounted = true;
(0, _getErrorByType).getErrorByType(nextError).then((resolved)=>{
// We don't care if the desired error changed while we were resolving,
// thus we're not tracking it using a ref. Once the work has been done,
// we'll store it.
if (mounted) {
setLookups((m)=>_extends({}, m, {
[resolved.id]: resolved
}));
}
}, ()=>{
// TODO: handle this, though an edge case
});
return ()=>{
mounted = false;
};
}, [
nextError
]);
const [displayState, setDisplayState] = React.useState(initialDisplayState);
const [activeIdx, setActiveIndex] = React.useState(0);
const previous = React.useCallback((e)=>{
e == null ? void 0 : e.preventDefault();
setActiveIndex((v)=>Math.max(0, v - 1));
}, []);
const next1 = React.useCallback((e)=>{
e == null ? void 0 : e.preventDefault();
setActiveIndex((v)=>Math.max(0, Math.min(readyErrors.length - 1, v + 1)));
}, [
readyErrors.length
]);
var _activeIdx;
const activeError = React.useMemo(()=>(_activeIdx = readyErrors[activeIdx]) != null ? _activeIdx : null, [
activeIdx,
readyErrors
]);
// Reset component state when there are no errors to be displayed.
// This should never happen, but lets handle it.
React.useEffect(()=>{
if (errors.length < 1) {
setLookups({});
setDisplayState('hidden');
setActiveIndex(0);
}
}, [
errors.length
]);
const minimize = React.useCallback((e)=>{
e == null ? void 0 : e.preventDefault();
setDisplayState('minimized');
}, []);
const hide = React.useCallback((e)=>{
e == null ? void 0 : e.preventDefault();
setDisplayState('hidden');
}, []);
const fullscreen = React.useCallback((e)=>{
e == null ? void 0 : e.preventDefault();
setDisplayState('fullscreen');
}, []);
// This component shouldn't be rendered with no errors, but if it is, let's
// handle it gracefully by rendering nothing.
if (errors.length < 1 || activeError == null) {
return null;
}
if (isLoading) {
// TODO: better loading state
return /*#__PURE__*/ React.createElement(_overlay.Overlay, null);
}
if (displayState === 'hidden') {
return null;
}
if (displayState === 'minimized') {
return /*#__PURE__*/ React.createElement(_toast.Toast, {
className: "nextjs-toast-errors-parent",
onClick: fullscreen
}, /*#__PURE__*/ React.createElement("div", {
className: "nextjs-toast-errors"
}, /*#__PURE__*/ React.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}, /*#__PURE__*/ React.createElement("circle", {
cx: "12",
cy: "12",
r: "10"
}), /*#__PURE__*/ React.createElement("line", {
x1: "12",
y1: "8",
x2: "12",
y2: "12"
}), /*#__PURE__*/ React.createElement("line", {
x1: "12",
y1: "16",
x2: "12.01",
y2: "16"
})), /*#__PURE__*/ React.createElement("span", null, readyErrors.length, " error", readyErrors.length > 1 ? 's' : ''), /*#__PURE__*/ React.createElement("button", {
"data-nextjs-toast-errors-hide-button": true,
className: "nextjs-toast-errors-hide-button",
type: "button",
onClick: (e)=>{
e.stopPropagation();
hide();
},
"aria-label": "Hide Errors"
}, /*#__PURE__*/ React.createElement(_closeIcon.CloseIcon, null))));
}
const isServerError = [
'server',
'edge-server'
].includes((0, _nodeStackFrames).getErrorSource(activeError.error) || '');
return /*#__PURE__*/ React.createElement(_overlay.Overlay, null, /*#__PURE__*/ React.createElement(_dialog.Dialog, {
type: "error",
"aria-labelledby": "nextjs__container_errors_label",
"aria-describedby": "nextjs__container_errors_desc",
onClose: isServerError ? undefined : minimize
}, /*#__PURE__*/ React.createElement(_dialog.DialogContent, null, /*#__PURE__*/ React.createElement(_dialog.DialogHeader, {
className: "nextjs-container-errors-header"
}, /*#__PURE__*/ React.createElement(_leftRightDialogHeader.LeftRightDialogHeader, {
previous: activeIdx > 0 ? previous : null,
next: activeIdx < readyErrors.length - 1 ? next1 : null,
close: isServerError ? undefined : minimize
}, /*#__PURE__*/ React.createElement("small", null, /*#__PURE__*/ React.createElement("span", null, activeIdx + 1), " of", ' ', /*#__PURE__*/ React.createElement("span", null, readyErrors.length), " unhandled error", readyErrors.length < 2 ? '' : 's')), /*#__PURE__*/ React.createElement("h1", {
id: "nextjs__container_errors_label"
}, isServerError ? 'Server Error' : 'Unhandled Runtime Error'), /*#__PURE__*/ React.createElement("p", {
id: "nextjs__container_errors_desc"
}, activeError.error.name, ":", ' ', /*#__PURE__*/ React.createElement(HotlinkedText, {
text: activeError.error.message
})), isServerError ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("small", null, "This error happened while generating the page. Any console logs will be displayed in the terminal window.")) : undefined), /*#__PURE__*/ React.createElement(_dialog.DialogBody, {
className: "nextjs-container-errors-body"
}, /*#__PURE__*/ React.createElement(_runtimeError.RuntimeError, {
key: activeError.id.toString(),
error: activeError
})))));
};
exports.Errors = Errors;
const styles = _noopTemplate.noop`
.nextjs-container-errors-header > h1 {
font-size: var(--size-font-big);
line-height: var(--size-font-bigger);
font-weight: bold;
margin: 0;
margin-top: calc(var(--size-gap-double) + var(--size-gap-half));
}
.nextjs-container-errors-header small {
font-size: var(--size-font-small);
color: var(--color-accents-1);
margin-left: var(--size-gap-double);
}
.nextjs-container-errors-header small > span {
font-family: var(--font-stack-monospace);
}
.nextjs-container-errors-header > p {
font-family: var(--font-stack-monospace);
font-size: var(--size-font-small);
line-height: var(--size-font-big);
font-weight: bold;
margin: 0;
margin-top: var(--size-gap-half);
color: var(--color-ansi-red);
white-space: pre-wrap;
}
.nextjs-container-errors-header > div > small {
margin: 0;
margin-top: var(--size-gap-half);
}
.nextjs-container-errors-header > p > a {
color: var(--color-ansi-red);
}
.nextjs-container-errors-body > h5:not(:first-child) {
margin-top: calc(var(--size-gap-double) + var(--size-gap));
}
.nextjs-container-errors-body > h5 {
margin-bottom: var(--size-gap);
}
.nextjs-toast-errors-parent {
cursor: pointer;
transition: transform 0.2s ease;
}
.nextjs-toast-errors-parent:hover {
transform: scale(1.1);
}
.nextjs-toast-errors {
display: flex;
align-items: center;
justify-content: flex-start;
}
.nextjs-toast-errors > svg {
margin-right: var(--size-gap);
}
.nextjs-toast-errors-hide-button {
margin-left: var(--size-gap-triple);
border: none;
background: none;
color: var(--color-ansi-bright-white);
padding: 0;
transition: opacity 0.25s ease;
opacity: 0.7;
}
.nextjs-toast-errors-hide-button:hover {
opacity: 1;
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=Errors.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,6 @@
import React from 'react';
export declare type RootLayoutErrorProps = {
missingTags: string[];
};
export declare const RootLayoutError: React.FC<RootLayoutErrorProps>;
export declare const styles: string;

View File

@@ -0,0 +1,61 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = exports.RootLayoutError = void 0;
var _interop_require_default = require("@swc/helpers/lib/_interop_require_default.js").default;
var _react = _interop_require_default(require("react"));
var _dialog = require("../components/Dialog");
var _overlay = require("../components/Overlay");
var _terminal = require("../components/Terminal");
var _noopTemplate = require("../helpers/noop-template");
const RootLayoutError = function BuildError({ missingTags }) {
const message = 'Please make sure to include the following tags in your root layout: <html>, <body>.\n\n' + `Missing required root layout tag${missingTags.length === 1 ? '' : 's'}: ` + missingTags.join(', ');
const noop = _react.default.useCallback(()=>{}, []);
return /*#__PURE__*/ _react.default.createElement(_overlay.Overlay, {
fixed: true
}, /*#__PURE__*/ _react.default.createElement(_dialog.Dialog, {
type: "error",
"aria-labelledby": "nextjs__container_root_layout_error_label",
"aria-describedby": "nextjs__container_root_layout_error_desc",
onClose: noop
}, /*#__PURE__*/ _react.default.createElement(_dialog.DialogContent, null, /*#__PURE__*/ _react.default.createElement(_dialog.DialogHeader, {
className: "nextjs-container-root-layout-error-header"
}, /*#__PURE__*/ _react.default.createElement("h4", {
id: "nextjs__container_root_layout_error_label"
}, "Missing required tags")), /*#__PURE__*/ _react.default.createElement(_dialog.DialogBody, {
className: "nextjs-container-root-layout-error-body"
}, /*#__PURE__*/ _react.default.createElement(_terminal.Terminal, {
content: message
}), /*#__PURE__*/ _react.default.createElement("footer", null, /*#__PURE__*/ _react.default.createElement("p", {
id: "nextjs__container_root_layout_error_desc"
}, /*#__PURE__*/ _react.default.createElement("small", null, "This error and can only be dismissed by providing all required tags.")))))));
};
exports.RootLayoutError = RootLayoutError;
const styles = _noopTemplate.noop`
.nextjs-container-root-layout-error-header > h4 {
line-height: 1.5;
margin: 0;
padding: 0;
}
.nextjs-container-root-layout-error-body footer {
margin-top: var(--size-gap);
}
.nextjs-container-root-layout-error-body footer p {
margin: 0;
}
.nextjs-container-root-layout-error-body small {
color: #757575;
}
`;
exports.styles = styles;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=RootLayoutError.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../client/components/react-dev-overlay/internal/container/RootLayoutError.tsx"],"names":["RootLayoutError","BuildError","missingTags","message","length","join","noop","React","useCallback","Overlay","fixed","Dialog","type","aria-labelledby","aria-describedby","onClose","DialogContent","DialogHeader","className","h4","id","DialogBody","Terminal","content","footer","p","small","styles","css"],"mappings":"AAAA;;;;;;AAAkB,IAAA,MAAO,oCAAP,OAAO,EAAA;AAMlB,IAAA,OAAsB,WAAtB,sBAAsB,CAAA;AACL,IAAA,QAAuB,WAAvB,uBAAuB,CAAA;AACtB,IAAA,SAAwB,WAAxB,wBAAwB,CAAA;AACrB,IAAA,aAA0B,WAA1B,0BAA0B,CAAA;AAI/C,MAAMA,eAAe,GAC1B,SAASC,UAAU,CAAC,EAAEC,WAAW,CAAA,EAAE,EAAE;IACnC,MAAMC,OAAO,GACX,yFAAyF,GACzF,CAAC,gCAAgC,EAC/BD,WAAW,CAACE,MAAM,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,CACpC,EAAE,CAAC,GACJF,WAAW,CAACG,IAAI,CAAC,IAAI,CAAC;IAExB,MAAMC,IAAI,GAAGC,MAAK,QAAA,CAACC,WAAW,CAAC,IAAM,EAAE,EAAE,EAAE,CAAC;IAC5C,qBACE,6BAACC,QAAO,QAAA;QAACC,KAAK,EAALA,IAAK;qBACZ,6BAACC,OAAM,OAAA;QACLC,IAAI,EAAC,OAAO;QACZC,iBAAe,EAAC,2CAA2C;QAC3DC,kBAAgB,EAAC,0CAA0C;QAC3DC,OAAO,EAAET,IAAI;qBAEb,6BAACU,OAAa,cAAA,sBACZ,6BAACC,OAAY,aAAA;QAACC,SAAS,EAAC,2CAA2C;qBACjE,6BAACC,IAAE;QAACC,EAAE,EAAC,2CAA2C;OAAC,uBAEnD,CAAK,CACQ,gBACf,6BAACC,OAAU,WAAA;QAACH,SAAS,EAAC,yCAAyC;qBAC7D,6BAACI,SAAQ,SAAA;QAACC,OAAO,EAAEpB,OAAO;MAAI,gBAC9B,6BAACqB,QAAM,sBACL,6BAACC,GAAC;QAACL,EAAE,EAAC,0CAA0C;qBAC9C,6BAACM,OAAK,QAAC,sEAGP,CAAQ,CACN,CACG,CACE,CACC,CACT,CACD,CACX;CACF;QAvCU1B,eAAe,GAAfA,eAAe;AAyCrB,MAAM2B,MAAM,GAAGC,aAAG,KAAA,CAAC;;;;;;;;;;;;;;;;;AAiB1B,CAAC;QAjBYD,MAAM,GAANA,MAAM"}

View File

@@ -0,0 +1,8 @@
import * as React from 'react';
import { ReadyRuntimeError } from '../helpers/getErrorByType';
export declare type RuntimeErrorProps = {
error: ReadyRuntimeError;
};
declare const RuntimeError: React.FC<RuntimeErrorProps>;
export declare const styles: string;
export { RuntimeError };

View File

@@ -0,0 +1,174 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = exports.RuntimeError = void 0;
var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
var React = _interop_require_wildcard(require("react"));
var _codeFrame = require("../components/CodeFrame");
var _noopTemplate = require("../helpers/noop-template");
var _stackFrame = require("../helpers/stack-frame");
const CallStackFrame = function CallStackFrame({ frame }) {
var _originalStackFrame;
// TODO: ability to expand resolved frames
// TODO: render error or external indicator
const f = (_originalStackFrame = frame.originalStackFrame) != null ? _originalStackFrame : frame.sourceStackFrame;
const hasSource = Boolean(frame.originalCodeFrame);
const open = React.useCallback(()=>{
if (!hasSource) return;
const params = new URLSearchParams();
for(const key in f){
var _key;
params.append(key, ((_key = f[key]) != null ? _key : '').toString());
}
self.fetch(`${process.env.__NEXT_ROUTER_BASEPATH || ''}/__nextjs_launch-editor?${params.toString()}`).then(()=>{}, ()=>{
console.error('There was an issue opening this code in your editor.');
});
}, [
hasSource,
f
]);
return /*#__PURE__*/ React.createElement("div", {
"data-nextjs-call-stack-frame": true
}, /*#__PURE__*/ React.createElement("h6", {
"data-nextjs-frame-expanded": Boolean(frame.expanded)
}, f.methodName), /*#__PURE__*/ React.createElement("div", {
"data-has-source": hasSource ? 'true' : undefined,
tabIndex: hasSource ? 10 : undefined,
role: hasSource ? 'link' : undefined,
onClick: open,
title: hasSource ? 'Click to open in your editor' : undefined
}, /*#__PURE__*/ React.createElement("span", null, (0, _stackFrame).getFrameSource(f)), /*#__PURE__*/ React.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}, /*#__PURE__*/ React.createElement("path", {
d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
}), /*#__PURE__*/ React.createElement("polyline", {
points: "15 3 21 3 21 9"
}), /*#__PURE__*/ React.createElement("line", {
x1: "10",
y1: "14",
x2: "21",
y2: "3"
}))));
};
const RuntimeError = function RuntimeError({ error , }) {
const firstFirstPartyFrameIndex = React.useMemo(()=>{
return error.frames.findIndex((entry)=>entry.expanded && Boolean(entry.originalCodeFrame) && Boolean(entry.originalStackFrame));
}, [
error.frames
]);
const firstFrame = React.useMemo(()=>{
var _firstFirstPartyFrameIndex;
return (_firstFirstPartyFrameIndex = error.frames[firstFirstPartyFrameIndex]) != null ? _firstFirstPartyFrameIndex : null;
}, [
error.frames,
firstFirstPartyFrameIndex
]);
const allLeadingFrames = React.useMemo(()=>firstFirstPartyFrameIndex < 0 ? [] : error.frames.slice(0, firstFirstPartyFrameIndex), [
error.frames,
firstFirstPartyFrameIndex
]);
const [all, setAll] = React.useState(firstFrame == null);
const toggleAll = React.useCallback(()=>{
setAll((v)=>!v);
}, []);
const leadingFrames = React.useMemo(()=>allLeadingFrames.filter((f)=>f.expanded || all), [
all,
allLeadingFrames
]);
const allCallStackFrames = React.useMemo(()=>error.frames.slice(firstFirstPartyFrameIndex + 1), [
error.frames,
firstFirstPartyFrameIndex
]);
const visibleCallStackFrames = React.useMemo(()=>allCallStackFrames.filter((f)=>f.expanded || all), [
all,
allCallStackFrames
]);
const canShowMore = React.useMemo(()=>{
return allCallStackFrames.length !== visibleCallStackFrames.length || all && firstFrame != null;
}, [
all,
allCallStackFrames.length,
firstFrame,
visibleCallStackFrames.length,
]);
return /*#__PURE__*/ React.createElement(React.Fragment, null, firstFrame ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h5", null, "Source"), leadingFrames.map((frame, index)=>/*#__PURE__*/ React.createElement(CallStackFrame, {
key: `leading-frame-${index}-${all}`,
frame: frame
})), /*#__PURE__*/ React.createElement(_codeFrame.CodeFrame, {
stackFrame: firstFrame.originalStackFrame,
codeFrame: firstFrame.originalCodeFrame
})) : undefined, visibleCallStackFrames.length ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h5", null, "Call Stack"), visibleCallStackFrames.map((frame, index)=>/*#__PURE__*/ React.createElement(CallStackFrame, {
key: `call-stack-${index}-${all}`,
frame: frame
}))) : undefined, canShowMore ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", {
tabIndex: 10,
"data-nextjs-data-runtime-error-collapsed-action": true,
type: "button",
onClick: toggleAll
}, all ? 'Hide' : 'Show', " collapsed frames")) : undefined);
};
const styles = _noopTemplate.noop`
button[data-nextjs-data-runtime-error-collapsed-action] {
background: none;
border: none;
padding: 0;
font-size: var(--size-font-small);
line-height: var(--size-font-bigger);
color: var(--color-accents-3);
}
[data-nextjs-call-stack-frame]:not(:last-child) {
margin-bottom: var(--size-gap-double);
}
[data-nextjs-call-stack-frame] > h6 {
margin-top: 0;
margin-bottom: var(--size-gap);
font-family: var(--font-stack-monospace);
color: #222;
}
[data-nextjs-call-stack-frame] > h6[data-nextjs-frame-expanded='false'] {
color: #666;
}
[data-nextjs-call-stack-frame] > div {
display: flex;
align-items: center;
padding-left: calc(var(--size-gap) + var(--size-gap-half));
font-size: var(--size-font-small);
color: #999;
}
[data-nextjs-call-stack-frame] > div > svg {
width: auto;
height: var(--size-font-small);
margin-left: var(--size-gap);
display: none;
}
[data-nextjs-call-stack-frame] > div[data-has-source] {
cursor: pointer;
}
[data-nextjs-call-stack-frame] > div[data-has-source]:hover {
text-decoration: underline dotted;
}
[data-nextjs-call-stack-frame] > div[data-has-source] > svg {
display: unset;
}
`;
exports.styles = styles;
exports.RuntimeError = RuntimeError;
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=RuntimeError.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,48 @@
import type { StackFrame } from 'next/dist/compiled/stacktrace-parser';
import { SupportedErrorEvent } from './container/Errors';
export declare const ACTION_BUILD_OK = "build-ok";
export declare const ACTION_BUILD_ERROR = "build-error";
export declare const ACTION_BEFORE_REFRESH = "before-fast-refresh";
export declare const ACTION_REFRESH = "fast-refresh";
export declare const ACTION_UNHANDLED_ERROR = "unhandled-error";
export declare const ACTION_UNHANDLED_REJECTION = "unhandled-rejection";
interface BuildOkAction {
type: typeof ACTION_BUILD_OK;
}
interface BuildErrorAction {
type: typeof ACTION_BUILD_ERROR;
message: string;
}
interface BeforeFastRefreshAction {
type: typeof ACTION_BEFORE_REFRESH;
}
interface FastRefreshAction {
type: typeof ACTION_REFRESH;
}
export interface UnhandledErrorAction {
type: typeof ACTION_UNHANDLED_ERROR;
reason: Error;
frames: StackFrame[];
}
export interface UnhandledRejectionAction {
type: typeof ACTION_UNHANDLED_REJECTION;
reason: Error;
frames: StackFrame[];
}
export declare type FastRefreshState = {
type: 'idle';
} | {
type: 'pending';
errors: SupportedErrorEvent[];
};
export interface OverlayState {
nextId: number;
buildError: string | null;
errors: SupportedErrorEvent[];
rootLayoutMissingTagsError?: {
missingTags: string[];
};
refreshState: FastRefreshState;
}
export declare function errorOverlayReducer(state: Readonly<OverlayState>, action: Readonly<BuildOkAction | BuildErrorAction | BeforeFastRefreshAction | FastRefreshAction | UnhandledErrorAction | UnhandledRejectionAction>): OverlayState;
export {};

View File

@@ -0,0 +1,113 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.errorOverlayReducer = errorOverlayReducer;
exports.ACTION_UNHANDLED_REJECTION = exports.ACTION_UNHANDLED_ERROR = exports.ACTION_REFRESH = exports.ACTION_BEFORE_REFRESH = exports.ACTION_BUILD_ERROR = exports.ACTION_BUILD_OK = void 0;
var _extends = require("@swc/helpers/lib/_extends.js").default;
const ACTION_BUILD_OK = 'build-ok';
exports.ACTION_BUILD_OK = ACTION_BUILD_OK;
const ACTION_BUILD_ERROR = 'build-error';
exports.ACTION_BUILD_ERROR = ACTION_BUILD_ERROR;
const ACTION_BEFORE_REFRESH = 'before-fast-refresh';
exports.ACTION_BEFORE_REFRESH = ACTION_BEFORE_REFRESH;
const ACTION_REFRESH = 'fast-refresh';
exports.ACTION_REFRESH = ACTION_REFRESH;
const ACTION_UNHANDLED_ERROR = 'unhandled-error';
exports.ACTION_UNHANDLED_ERROR = ACTION_UNHANDLED_ERROR;
const ACTION_UNHANDLED_REJECTION = 'unhandled-rejection';
exports.ACTION_UNHANDLED_REJECTION = ACTION_UNHANDLED_REJECTION;
function pushErrorFilterDuplicates(errors, err) {
return [
...errors.filter((e)=>{
// Filter out duplicate errors
return e.event.reason !== err.event.reason;
}),
err,
];
}
function errorOverlayReducer(state, action) {
switch(action.type){
case ACTION_BUILD_OK:
{
return _extends({}, state, {
buildError: null
});
}
case ACTION_BUILD_ERROR:
{
return _extends({}, state, {
buildError: action.message
});
}
case ACTION_BEFORE_REFRESH:
{
return _extends({}, state, {
refreshState: {
type: 'pending',
errors: []
}
});
}
case ACTION_REFRESH:
{
return _extends({}, state, {
buildError: null,
errors: // Errors can come in during updates. In this case, UNHANDLED_ERROR
// and UNHANDLED_REJECTION events might be dispatched between the
// BEFORE_REFRESH and the REFRESH event. We want to keep those errors
// around until the next refresh. Otherwise we run into a race
// condition where those errors would be cleared on refresh completion
// before they can be displayed.
state.refreshState.type === 'pending' ? state.refreshState.errors : [],
refreshState: {
type: 'idle'
}
});
}
case ACTION_UNHANDLED_ERROR:
case ACTION_UNHANDLED_REJECTION:
{
switch(state.refreshState.type){
case 'idle':
{
return _extends({}, state, {
nextId: state.nextId + 1,
errors: pushErrorFilterDuplicates(state.errors, {
id: state.nextId,
event: action
})
});
}
case 'pending':
{
return _extends({}, state, {
nextId: state.nextId + 1,
refreshState: _extends({}, state.refreshState, {
errors: pushErrorFilterDuplicates(state.refreshState.errors, {
id: state.nextId,
event: action
})
})
});
}
default:
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const _ = state.refreshState;
return state;
}
}
default:
{
return state;
}
}
}
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=error-overlay-reducer.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../client/components/react-dev-overlay/internal/error-overlay-reducer.ts"],"names":["errorOverlayReducer","ACTION_BUILD_OK","ACTION_BUILD_ERROR","ACTION_BEFORE_REFRESH","ACTION_REFRESH","ACTION_UNHANDLED_ERROR","ACTION_UNHANDLED_REJECTION","pushErrorFilterDuplicates","errors","err","filter","e","event","reason","state","action","type","buildError","message","refreshState","nextId","id","_"],"mappings":"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"}

View File

@@ -0,0 +1 @@
export declare function getSocketProtocol(assetPrefix: string): string;

View File

@@ -0,0 +1,21 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getSocketProtocol = getSocketProtocol;
function getSocketProtocol(assetPrefix) {
let protocol = window.location.protocol;
try {
// assetPrefix is a url
protocol = new URL(assetPrefix).protocol;
} catch (_) {}
return protocol === 'http:' ? 'ws' : 'wss';
}
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=get-socket-protocol.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../client/components/react-dev-overlay/internal/helpers/get-socket-protocol.ts"],"names":["getSocketProtocol","assetPrefix","protocol","window","location","URL","_"],"mappings":"AAAA;;;;QAAgBA,iBAAiB,GAAjBA,iBAAiB;AAA1B,SAASA,iBAAiB,CAACC,WAAmB,EAAU;IAC7D,IAAIC,QAAQ,GAAGC,MAAM,CAACC,QAAQ,CAACF,QAAQ;IAEvC,IAAI;QACF,uBAAuB;QACvBA,QAAQ,GAAG,IAAIG,GAAG,CAACJ,WAAW,CAAC,CAACC,QAAQ;KACzC,CAAC,OAAOI,CAAC,EAAE,EAAE;IAEd,OAAOJ,QAAQ,KAAK,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;CAC3C"}

View File

@@ -0,0 +1,9 @@
import { SupportedErrorEvent } from '../container/Errors';
import { OriginalStackFrame } from './stack-frame';
export declare type ReadyRuntimeError = {
id: number;
runtime: true;
error: Error;
frames: OriginalStackFrame[];
};
export declare function getErrorByType(ev: SupportedErrorEvent): Promise<ReadyRuntimeError>;

View File

@@ -0,0 +1,45 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getErrorByType = getErrorByType;
var _async_to_generator = require("@swc/helpers/lib/_async_to_generator.js").default;
var _errorOverlayReducer = require("../error-overlay-reducer");
var _nodeStackFrames = require("./nodeStackFrames");
var _stackFrame = require("./stack-frame");
function getErrorByType(ev) {
return _getErrorByType.apply(this, arguments);
}
function _getErrorByType() {
_getErrorByType = _async_to_generator(function*(ev) {
const { id , event } = ev;
switch(event.type){
case _errorOverlayReducer.ACTION_UNHANDLED_ERROR:
case _errorOverlayReducer.ACTION_UNHANDLED_REJECTION:
{
return {
id,
runtime: true,
error: event.reason,
frames: yield (0, _stackFrame).getOriginalStackFrames(event.frames, (0, _nodeStackFrames).getErrorSource(event.reason), event.reason.toString())
};
}
default:
{
break;
}
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const _ = event;
throw new Error('type system invariant violation');
});
return _getErrorByType.apply(this, arguments);
}
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
Object.defineProperty(exports.default, '__esModule', { value: true });
Object.assign(exports.default, exports);
module.exports = exports.default;
}
//# sourceMappingURL=getErrorByType.js.map

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../../../../../../client/components/react-dev-overlay/internal/helpers/getErrorByType.ts"],"names":["getErrorByType","ev","id","event","type","ACTION_UNHANDLED_ERROR","ACTION_UNHANDLED_REJECTION","runtime","error","reason","frames","getOriginalStackFrames","getErrorSource","toString","_","Error"],"mappings":"AAAA;;;;QAesBA,cAAc,GAAdA,cAAc;;AAZ7B,IAAA,oBAA0B,WAA1B,0BAA0B,CAAA;AAEF,IAAA,gBAAmB,WAAnB,mBAAmB,CAAA;AACS,IAAA,WAAe,WAAf,eAAe,CAAA;SASpDA,cAAc,CAClCC,EAAuB;WADHD,eAAc;;SAAdA,eAAc;IAAdA,eAAc,GAA7B,oBAAA,UACLC,EAAuB,EACK;QAC5B,MAAM,EAAEC,EAAE,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGF,EAAE;QACxB,OAAQE,KAAK,CAACC,IAAI;YAChB,KAAKC,oBAAsB,uBAAA,CAAC;YAC5B,KAAKC,oBAA0B,2BAAA;gBAAE;oBAC/B,OAAO;wBACLJ,EAAE;wBACFK,OAAO,EAAE,IAAI;wBACbC,KAAK,EAAEL,KAAK,CAACM,MAAM;wBACnBC,MAAM,EAAE,MAAMC,CAAAA,GAAAA,WAAsB,AAInC,CAAA,uBAJmC,CAClCR,KAAK,CAACO,MAAM,EACZE,CAAAA,GAAAA,gBAAc,AAAc,CAAA,eAAd,CAACT,KAAK,CAACM,MAAM,CAAC,EAC5BN,KAAK,CAACM,MAAM,CAACI,QAAQ,EAAE,CACxB;qBACF,CAAA;iBACF;YACD;gBAAS;oBACP,MAAK;iBACN;SACF;QACD,6DAA6D;QAC7D,MAAMC,CAAC,GAAUX,KAAK;QACtB,MAAM,IAAIY,KAAK,CAAC,iCAAiC,CAAC,CAAA;KACnD,CAAA;WAzBqBf,eAAc"}

View File

@@ -0,0 +1,2 @@
import type { RawSourceMap } from 'source-map';
export declare function getRawSourceMap(fileContents: string): RawSourceMap | null;

Some files were not shown because too many files have changed in this diff Show More