@shuvi/error-overlay 1.0.54 → 1.0.56

package/lib/middleware/launchEditorMiddleware.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.launchEditorMiddleware = void 0;
+exports.launchEditorMiddleware = launchEditorMiddleware;
 const launch_editor_1 = __importDefault(require("launch-editor"));
 const url_1 = __importDefault(require("url"));
 const path_1 = __importDefault(require("path"));
@@ -32,4 +32,3 @@ function launchEditorMiddleware(launchEditorEndpoint, rootDir) {
         }
     };
 }
-exports.launchEditorMiddleware = launchEditorMiddleware;

package/lib/middleware/stackFrameMiddleware.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stackFrameMiddleware = void 0;
+exports.stackFrameMiddleware = stackFrameMiddleware;
 const url_1 = __importDefault(require("url"));
 const constants_1 = require("@shuvi/shared/constants");
 const getSourceById_1 = require("./helper/getSourceById");
@@ -36,7 +36,7 @@ function stackFrameMiddleware(originalStackFrameEndpoint, bundler, resolveBuildF
                 const source = yield (0, getSourceById_1.getSourceById)(fileName.startsWith('file:'), moduleId, compiler, resolveBuildFile, buildDir, compilation);
                 cache.set(fileName, source);
             }
-            catch (_c) {
+            catch (_a) {
                 cache.set(fileName, null);
             }
         })));
@@ -47,7 +47,7 @@ function stackFrameMiddleware(originalStackFrameEndpoint, bundler, resolveBuildF
             try {
                 result = yield (0, getOriginalStackFrame_1.getOriginalStackFrame)(frame, sourceMap, resolveBuildFile, buildDir, errorMessage, compilation);
             }
-            catch (_d) {
+            catch (_a) {
                 result = {
                     error: true,
                     reason: 'No Content',
@@ -100,4 +100,3 @@ function stackFrameMiddleware(originalStackFrameEndpoint, bundler, resolveBuildF
         });
     };
 }
-exports.stackFrameMiddleware = stackFrameMiddleware;

package/lib/view/ErrorOverlay.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type ErrorOverlayProps = {
+export type ErrorOverlayProps = {
     dismissRuntimeErrors: () => void;
 };
 export declare const ErrorOverlay: React.FC<ErrorOverlayProps>;

package/lib/view/components/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type DialogProps = {
+export type DialogProps = {
     type: 'error' | 'warning';
     'aria-labelledby': string;
     'aria-describedby': string;

package/lib/view/components/Dialog/Dialog.js

@@ -70,6 +70,6 @@ const Dialog = function Dialog(_a) {
         shadowRoot.addEventListener('keydown', handler);
         return () => shadowRoot.removeEventListener('keydown', handler);
     }, [dialog]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: onDialog, "data-dialog": true, tabIndex: -1, role: "dialog", "aria-labelledby": props['aria-labelledby'], "aria-describedby": props['aria-describedby'], "aria-modal": "true" }, { children: [(0, jsx_runtime_1.jsx)("div", { "data-dialog-banner": true, className: `banner-${type}` }), children] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: onDialog, "data-dialog": true, tabIndex: -1, role: "dialog", "aria-labelledby": props['aria-labelledby'], "aria-describedby": props['aria-describedby'], "aria-modal": "true", children: [(0, jsx_runtime_1.jsx)("div", { "data-dialog-banner": true, className: `banner-${type}` }), children] }));
 };
 exports.Dialog = Dialog;

package/lib/view/components/Dialog/DialogBody.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type DialogBodyProps = {
+export type DialogBodyProps = {
     className?: string;
     children: React.ReactNode;
 };

package/lib/view/components/Dialog/DialogBody.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogBody = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DialogBody = function DialogBody({ children, className }) {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-dialog-body": true, className: className }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-dialog-body": true, className: className, children: children }));
 };
 exports.DialogBody = DialogBody;

package/lib/view/components/Dialog/DialogContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type DialogContentProps = {
+export type DialogContentProps = {
     className?: string;
     children: React.ReactNode;
 };

package/lib/view/components/Dialog/DialogContent.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DialogContent = function DialogContent({ children, className }) {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-dialog-content": true, className: className }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-dialog-content": true, className: className, children: children }));
 };
 exports.DialogContent = DialogContent;

package/lib/view/components/Dialog/DialogHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type DialogHeaderProps = {
+export type DialogHeaderProps = {
     className?: string;
     children: React.ReactNode;
 };

package/lib/view/components/Dialog/DialogHeader.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DialogHeader = function DialogHeader({ children, className }) {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-dialog-header": true, className: className }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-dialog-header": true, className: className, children: children }));
 };
 exports.DialogHeader = DialogHeader;

package/lib/view/components/Errors/CallStackFrame/CallStackFrame.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { StackFrame } from 'stacktrace-parser';
 import { OriginalStackFrame } from '../../../helpers/stack-frame';
-export declare type CallStackFrameProps = {
+export type CallStackFrameProps = {
     stackFrame: StackFrame;
     codeFrame: string;
 };

package/lib/view/components/Errors/CallStackFrame/CallStackFrame.js

@@ -45,6 +45,6 @@ const CallStackFrame = function CallStackFrame({ frame }) {
             console.error('There was an issue opening this code in your editor.');
         });
     }, [hasSource, f]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-call-stack-frame": true }, { children: [(0, jsx_runtime_1.jsx)("h6", Object.assign({ "data-frame-expanded": Boolean(frame.expanded) }, { children: f.methodName })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ "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 }, { children: [(0, jsx_runtime_1.jsx)("span", { children: (0, stack_frame_1.getFrameSource)(f) }), (0, jsx_runtime_1.jsx)(Icons_1.ExternalLinkIcon, {})] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-call-stack-frame": true, children: [(0, jsx_runtime_1.jsx)("h6", { "data-frame-expanded": Boolean(frame.expanded), children: f.methodName }), (0, jsx_runtime_1.jsxs)("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, children: [(0, jsx_runtime_1.jsx)("span", { children: (0, stack_frame_1.getFrameSource)(f) }), (0, jsx_runtime_1.jsx)(Icons_1.ExternalLinkIcon, {})] })] }));
 };
 exports.CallStackFrame = CallStackFrame;

package/lib/view/components/Errors/CodeFrame/CodeFrame.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { StackFrame } from 'stacktrace-parser';
-export declare type CodeFrameProps = {
+export type CodeFrameProps = {
     stackFrame: StackFrame;
     codeFrame: string;
 };

package/lib/view/components/Errors/CodeFrame/CodeFrame.js

@@ -70,10 +70,10 @@ const CodeFrame = function CodeFrame({ stackFrame, codeFrame }) {
             console.error('There was an issue opening this code in your editor.');
         });
     }, [stackFrame]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-codeframe": true }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("p", Object.assign({ role: "link", onClick: open, tabIndex: 1, title: "Click to open in your editor" }, { children: [(0, jsx_runtime_1.jsxs)("span", { children: [(0, stack_frame_1.getFrameSource)(stackFrame), " @ ", stackFrame.methodName] }), (0, jsx_runtime_1.jsx)(Icons_1.ExternalLinkIcon, {})] })) }), (0, jsx_runtime_1.jsx)("pre", { children: decoded.map((entry, index) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: Object.assign({ color: entry.fg ? `var(--color-${entry.fg})` : undefined }, (entry.decoration === 'bold'
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-codeframe": true, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("p", { role: "link", onClick: open, tabIndex: 1, title: "Click to open in your editor", children: [(0, jsx_runtime_1.jsxs)("span", { children: [(0, stack_frame_1.getFrameSource)(stackFrame), " @ ", stackFrame.methodName] }), (0, jsx_runtime_1.jsx)(Icons_1.ExternalLinkIcon, {})] }) }), (0, jsx_runtime_1.jsx)("pre", { children: decoded.map((entry, index) => ((0, jsx_runtime_1.jsx)("span", { style: Object.assign({ color: entry.fg ? `var(--color-${entry.fg})` : undefined }, (entry.decoration === 'bold'
                         ? { fontWeight: 800 }
                         : entry.decoration === 'italic'
                             ? { fontStyle: 'italic' }
-                            : undefined)) }, { children: entry.content }), `frame-${index}`))) })] })));
+                            : undefined)), children: entry.content }, `frame-${index}`))) })] }));
 };
 exports.CodeFrame = CodeFrame;

package/lib/view/components/Errors/Errors.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ReadyRuntimeError } from '../../helpers/getErrorByType';
-export declare type ErrorsProps = {
+export type ErrorsProps = {
     error: ReadyRuntimeError;
 };
 declare const Errors: React.FC<ErrorsProps>;

package/lib/view/components/Errors/Errors.js

@@ -57,6 +57,6 @@ const Errors = function Errors({ error }) {
         firstFrame,
         visibleCallStackFrames.length
     ]);
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [firstFrame ? ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { children: "Source" }), leadingFrames.map((frame, index) => ((0, jsx_runtime_1.jsx)(CallStackFrame_1.CallStackFrame, { frame: frame }, `leading-frame-${index}-${all}`))), (0, jsx_runtime_1.jsx)(CodeFrame_1.CodeFrame, { stackFrame: firstFrame.originalStackFrame, codeFrame: firstFrame.originalCodeFrame })] })) : undefined, visibleCallStackFrames.length ? ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { children: "Call Stack" }), visibleCallStackFrames.map((frame, index) => ((0, jsx_runtime_1.jsx)(CallStackFrame_1.CallStackFrame, { frame: frame }, `call-stack-${index}-${all}`)))] })) : undefined, canShowMore ? ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", Object.assign({ tabIndex: 10, "data-runtime-error-collapsed-action": true, type: "button", onClick: toggleAll }, { children: [all ? 'Hide' : 'Show', " collapsed frames"] })) })) : undefined] }));
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [firstFrame ? ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { children: "Source" }), leadingFrames.map((frame, index) => ((0, jsx_runtime_1.jsx)(CallStackFrame_1.CallStackFrame, { frame: frame }, `leading-frame-${index}-${all}`))), (0, jsx_runtime_1.jsx)(CodeFrame_1.CodeFrame, { stackFrame: firstFrame.originalStackFrame, codeFrame: firstFrame.originalCodeFrame })] })) : undefined, visibleCallStackFrames.length ? ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { children: "Call Stack" }), visibleCallStackFrames.map((frame, index) => ((0, jsx_runtime_1.jsx)(CallStackFrame_1.CallStackFrame, { frame: frame }, `call-stack-${index}-${all}`)))] })) : undefined, canShowMore ? ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", { tabIndex: 10, "data-runtime-error-collapsed-action": true, type: "button", onClick: toggleAll, children: [all ? 'Hide' : 'Show', " collapsed frames"] }) })) : undefined] }));
 };
 exports.Errors = Errors;

package/lib/view/components/Icons/ArrowLeftIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ArrowLeftIcon: () => JSX.Element;
 export { ArrowLeftIcon };

package/lib/view/components/Icons/ArrowLeftIcon.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowLeftIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ArrowLeftIcon = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("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" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("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" }) }));
 };
 exports.ArrowLeftIcon = ArrowLeftIcon;

package/lib/view/components/Icons/ArrowRightIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ArrowRightIcon: () => JSX.Element;
 export { ArrowRightIcon };

package/lib/view/components/Icons/ArrowRightIcon.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowRightIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ArrowRightIcon = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M6.99996 1.16666L12.8333 6.99999L6.99996 12.8333M1.16663 6.99999H12H1.16663Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M6.99996 1.16666L12.8333 6.99999L6.99996 12.8333M1.16663 6.99999H12H1.16663Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 exports.ArrowRightIcon = ArrowRightIcon;

package/lib/view/components/Icons/CloseIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const CloseIcon: () => JSX.Element;
 export { CloseIcon };

package/lib/view/components/Icons/CloseIcon.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CloseIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const CloseIcon = () => {
-    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M18 6L6 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M18 6L6 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 };
 exports.CloseIcon = CloseIcon;

package/lib/view/components/Icons/ExternalLinkIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ExternalLinkIcon: () => JSX.Element;
 export { ExternalLinkIcon };

package/lib/view/components/Icons/ExternalLinkIcon.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExternalLinkIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ExternalLinkIcon = () => {
-    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), (0, jsx_runtime_1.jsx)("polyline", { points: "15 3 21 3 21 9" }), (0, jsx_runtime_1.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })] })));
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), (0, jsx_runtime_1.jsx)("polyline", { points: "15 3 21 3 21 9" }), (0, jsx_runtime_1.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })] }));
 };
 exports.ExternalLinkIcon = ExternalLinkIcon;

package/lib/view/components/Icons/WarningIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const WarningIcon: () => JSX.Element;
 export { WarningIcon };

package/lib/view/components/Icons/WarningIcon.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WarningIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const WarningIcon = () => {
-    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ 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" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] })));
+    return ((0, jsx_runtime_1.jsxs)("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", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }));
 };
 exports.WarningIcon = WarningIcon;

package/lib/view/components/NavigationBar/NavigationBar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type NavigationBarProps = {
+export type NavigationBarProps = {
     className?: string;
     previous: (() => void) | null;
     next: (() => void) | null;

package/lib/view/components/NavigationBar/NavigationBar.js

@@ -103,6 +103,6 @@ const NavigationBar = function NavigationBar({ children, className, previous, ne
             }
         }
     }, [nav, next, previous]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-nav-bar": true, className: className }, { children: [(0, jsx_runtime_1.jsxs)("nav", Object.assign({ ref: onNav }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ ref: buttonLeft, type: "button", disabled: previous == null ? true : undefined, "aria-disabled": previous == null ? true : undefined, onClick: previous !== null && previous !== void 0 ? previous : undefined }, { children: (0, jsx_runtime_1.jsx)(Icons_1.ArrowLeftIcon, {}) })), (0, jsx_runtime_1.jsx)("button", Object.assign({ ref: buttonRight, type: "button", disabled: next == null ? true : undefined, "aria-disabled": next == null ? true : undefined, onClick: next !== null && next !== void 0 ? next : undefined }, { children: (0, jsx_runtime_1.jsx)(Icons_1.ArrowRightIcon, {}) })), "\u00A0", children] })), close ? ((0, jsx_runtime_1.jsx)("button", Object.assign({ ref: buttonClose, type: "button", onClick: close, "aria-label": "Close" }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ "aria-hidden": "true" }, { children: (0, jsx_runtime_1.jsx)(Icons_1.CloseIcon, {}) })) }))) : null] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-nav-bar": true, className: className, children: [(0, jsx_runtime_1.jsxs)("nav", { ref: onNav, children: [(0, jsx_runtime_1.jsx)("button", { ref: buttonLeft, type: "button", disabled: previous == null ? true : undefined, "aria-disabled": previous == null ? true : undefined, onClick: previous !== null && previous !== void 0 ? previous : undefined, children: (0, jsx_runtime_1.jsx)(Icons_1.ArrowLeftIcon, {}) }), (0, jsx_runtime_1.jsx)("button", { ref: buttonRight, type: "button", disabled: next == null ? true : undefined, "aria-disabled": next == null ? true : undefined, onClick: next !== null && next !== void 0 ? next : undefined, children: (0, jsx_runtime_1.jsx)(Icons_1.ArrowRightIcon, {}) }), "\u00A0", children] }), close ? ((0, jsx_runtime_1.jsx)("button", { ref: buttonClose, type: "button", onClick: close, "aria-label": "Close", children: (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)(Icons_1.CloseIcon, {}) }) })) : null] }));
 };
 exports.NavigationBar = NavigationBar;

package/lib/view/components/Overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type OverlayProps = {
+export type OverlayProps = {
     className?: string;
     fixed?: boolean;
     children?: React.ReactNode;

package/lib/view/components/Overlay/Overlay.js

@@ -34,6 +34,6 @@ const Overlay = function Overlay({ className, children, fixed }) {
             (0, body_locker_1.unlock)();
         };
     }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-dialog-overlay": true, className: className }, { children: [(0, jsx_runtime_1.jsx)("div", { "data-dialog-backdrop": true, "data-dialog-backdrop-fixed": fixed ? true : undefined }), children] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-dialog-overlay": true, className: className, children: [(0, jsx_runtime_1.jsx)("div", { "data-dialog-backdrop": true, "data-dialog-backdrop-fixed": fixed ? true : undefined }), children] }));
 };
 exports.Overlay = Overlay;

package/lib/view/components/Overlay/body-locker.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.unlock = exports.lock = void 0;
+exports.lock = lock;
+exports.unlock = unlock;
 let previousBodyPaddingRight;
 let previousBodyOverflowSetting;
 let activeLocks = 0;
@@ -18,7 +19,6 @@ function lock() {
         document.body.style.overflow = 'hidden';
     });
 }
-exports.lock = lock;
 function unlock() {
     setTimeout(() => {
         if (activeLocks === 0 || --activeLocks !== 0) {
@@ -34,4 +34,3 @@ function unlock() {
         }
     });
 }
-exports.unlock = unlock;

package/lib/view/components/ShadowPortal.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type ShadowPortalProps = {
+export type ShadowPortalProps = {
     children: React.ReactNode;
 };
 export declare const ShadowPortal: React.FC<ShadowPortalProps>;

package/lib/view/components/Terminal/Terminal.d.ts

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

package/lib/view/components/Terminal/Terminal.js

@@ -38,10 +38,10 @@ const Terminal = function Terminal({ content }) {
             remove_empty: true
         });
     }, [content]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-terminal": true }, { children: (0, jsx_runtime_1.jsx)("pre", { children: decoded.map((entry, index) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: Object.assign({ color: entry.fg ? `var(--color-${entry.fg})` : undefined }, (entry.decoration === 'bold'
+    return ((0, jsx_runtime_1.jsx)("div", { "data-terminal": true, children: (0, jsx_runtime_1.jsx)("pre", { children: decoded.map((entry, index) => ((0, jsx_runtime_1.jsx)("span", { style: Object.assign({ color: entry.fg ? `var(--color-${entry.fg})` : undefined }, (entry.decoration === 'bold'
                     ? { fontWeight: 800 }
                     : entry.decoration === 'italic'
                         ? { fontStyle: 'italic' }
-                        : undefined)) }, { children: entry.content }), `terminal-entry-${index}`))) }) })));
+                        : undefined)), children: entry.content }, `terminal-entry-${index}`))) }) }));
 };
 exports.Terminal = Terminal;

package/lib/view/components/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type ToastProps = {
+export type ToastProps = {
     onClick?: (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     className?: string;
     children: React.ReactNode;

package/lib/view/components/Toast/Toast.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toast = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Toast = function Toast({ onClick, children, className }) {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-toast": true, onClick: onClick, className: className }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ "data-toast-wrapper": true }, { children: children })) })));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-toast": true, onClick: onClick, className: className, children: (0, jsx_runtime_1.jsx)("div", { "data-toast-wrapper": true, children: children }) }));
 };
 exports.Toast = Toast;

package/lib/view/container/BuildError.d.ts

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

package/lib/view/container/BuildError.js

@@ -32,7 +32,7 @@ const Terminal_1 = require("../components/Terminal");
 const noop_template_1 = require("../helpers/noop-template");
 const BuildError = function BuildError({ error }) {
     const noop = React.useCallback(() => { }, []);
-    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, Object.assign({ fixed: true }, { children: (0, jsx_runtime_1.jsx)(Dialog_1.Dialog, Object.assign({ type: "error", onClose: noop, "aria-labelledby": "build_error_label", "aria-describedby": "build_error_desc" }, { children: (0, jsx_runtime_1.jsxs)(Dialog_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_1.DialogHeader, Object.assign({ className: "container-build-error-header" }, { children: (0, jsx_runtime_1.jsx)("h4", { children: "Failed to compile" }) })), (0, jsx_runtime_1.jsxs)(Dialog_1.DialogBody, Object.assign({ className: "container-build-error-body" }, { children: [(0, jsx_runtime_1.jsx)(Terminal_1.Terminal, { content: error }), (0, jsx_runtime_1.jsx)("footer", { children: (0, jsx_runtime_1.jsx)("small", { children: "This error occurred during the build process and can only be dismissed by fixing the error." }) })] }))] }) })) })));
+    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { fixed: true, children: (0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { type: "error", onClose: noop, "aria-labelledby": "build_error_label", "aria-describedby": "build_error_desc", children: (0, jsx_runtime_1.jsxs)(Dialog_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_1.DialogHeader, { className: "container-build-error-header", children: (0, jsx_runtime_1.jsx)("h4", { children: "Failed to compile" }) }), (0, jsx_runtime_1.jsxs)(Dialog_1.DialogBody, { className: "container-build-error-body", children: [(0, jsx_runtime_1.jsx)(Terminal_1.Terminal, { content: error }), (0, jsx_runtime_1.jsx)("footer", { children: (0, jsx_runtime_1.jsx)("small", { children: "This error occurred during the build process and can only be dismissed by fixing the error." }) })] })] }) }) }));
 };
 exports.BuildError = BuildError;
 exports.styles = (0, noop_template_1.noop) `

package/lib/view/container/RuntimeError.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { UnhandledError, UnhandledRejection } from '../errorTypeHandler';
-export declare type SupportedErrorEvent = {
+export type SupportedErrorEvent = {
     id: number;
     event: UnhandledError | UnhandledRejection;
 };
-export declare type RuntimeErrorProps = {
+export type RuntimeErrorProps = {
     errors: SupportedErrorEvent[];
     close: () => void;
 };

package/lib/view/container/RuntimeError.js

@@ -124,15 +124,15 @@ const RuntimeError = function RuntimeError({ errors, close }) {
         return null;
     }
     if (displayState === 'minimized') {
-        return ((0, jsx_runtime_1.jsx)(Toast_1.Toast, Object.assign({ className: "shuvi-toast-errors-parent", onClick: fullscreen }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "shuvi-toast-errors" }, { children: [(0, jsx_runtime_1.jsx)(Icons_1.WarningIcon, {}), (0, jsx_runtime_1.jsxs)("span", { children: [readyErrors.length, " error", readyErrors.length > 1 ? 's' : ''] }), (0, jsx_runtime_1.jsx)("button", Object.assign({ "data-shuvi-toast-errors-hide-button": true, className: "shuvi-toast-errors-hide-button", type: "button", onClick: e => {
+        return ((0, jsx_runtime_1.jsx)(Toast_1.Toast, { className: "shuvi-toast-errors-parent", onClick: fullscreen, children: (0, jsx_runtime_1.jsxs)("div", { className: "shuvi-toast-errors", children: [(0, jsx_runtime_1.jsx)(Icons_1.WarningIcon, {}), (0, jsx_runtime_1.jsxs)("span", { children: [readyErrors.length, " error", readyErrors.length > 1 ? 's' : ''] }), (0, jsx_runtime_1.jsx)("button", { "data-shuvi-toast-errors-hide-button": true, className: "shuvi-toast-errors-hide-button", type: "button", onClick: e => {
                             e.stopPropagation();
                             hide();
-                        }, "aria-label": "Hide Errors" }, { children: (0, jsx_runtime_1.jsx)(Icons_1.CloseIcon, {}) }))] })) })));
+                        }, "aria-label": "Hide Errors", children: (0, jsx_runtime_1.jsx)(Icons_1.CloseIcon, {}) })] }) }));
     }
     const isServerError = (0, nodeStackFrames_1.getErrorSource)(activeError.error) === constants_1.SERVER_TYPE_ERROR;
-    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { children: (0, jsx_runtime_1.jsx)(Dialog_1.Dialog, Object.assign({ type: "error", "aria-labelledby": "shuvi__container_errors_label", "aria-describedby": "shuvi__container_errors_desc", onClose: isServerError ? undefined : minimize }, { children: (0, jsx_runtime_1.jsxs)(Dialog_1.DialogContent, { children: [(0, jsx_runtime_1.jsxs)(Dialog_1.DialogHeader, Object.assign({ className: "shuvi-container-errors-header" }, { children: [(0, jsx_runtime_1.jsx)(NavigationBar_1.NavigationBar, Object.assign({ previous: activeIdx > 0 ? previous : null, next: activeIdx < readyErrors.length - 1 ? next : null, close: isServerError ? undefined : minimize }, { children: (0, jsx_runtime_1.jsxs)("small", { children: [(0, jsx_runtime_1.jsx)("span", { children: activeIdx + 1 }), " of", ' ', (0, jsx_runtime_1.jsx)("span", { children: readyErrors.length }), " runtime error", readyErrors.length < 2 ? '' : 's'] }) })), (0, jsx_runtime_1.jsx)("h1", Object.assign({ id: "shuvi__container_errors_label" }, { children: isServerError
+    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { children: (0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { type: "error", "aria-labelledby": "shuvi__container_errors_label", "aria-describedby": "shuvi__container_errors_desc", onClose: isServerError ? undefined : minimize, children: (0, jsx_runtime_1.jsxs)(Dialog_1.DialogContent, { children: [(0, jsx_runtime_1.jsxs)(Dialog_1.DialogHeader, { className: "shuvi-container-errors-header", children: [(0, jsx_runtime_1.jsx)(NavigationBar_1.NavigationBar, { previous: activeIdx > 0 ? previous : null, next: activeIdx < readyErrors.length - 1 ? next : null, close: isServerError ? undefined : minimize, children: (0, jsx_runtime_1.jsxs)("small", { children: [(0, jsx_runtime_1.jsx)("span", { children: activeIdx + 1 }), " of", ' ', (0, jsx_runtime_1.jsx)("span", { children: readyErrors.length }), " runtime error", readyErrors.length < 2 ? '' : 's'] }) }), (0, jsx_runtime_1.jsx)("h1", { id: "shuvi__container_errors_label", children: isServerError
                                     ? 'Server Runtime Error'
-                                    : 'Unhandled Runtime Error' })), (0, jsx_runtime_1.jsxs)("p", Object.assign({ id: "shuvi__container_errors_desc" }, { children: [activeError.error.name, ": ", activeError.error.message] })), isServerError ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("small", { children: "This error happened while generating the page. Any console logs will be displayed in the terminal window." }) })) : undefined] })), (0, jsx_runtime_1.jsx)(Dialog_1.DialogBody, Object.assign({ className: "shuvi-container-errors-body" }, { children: (0, jsx_runtime_1.jsx)(Errors_1.Errors, { error: activeError }, activeError.id.toString()) }))] }) })) }));
+                                    : 'Unhandled Runtime Error' }), (0, jsx_runtime_1.jsxs)("p", { id: "shuvi__container_errors_desc", children: [activeError.error.name, ": ", activeError.error.message] }), isServerError ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("small", { children: "This error happened while generating the page. Any console logs will be displayed in the terminal window." }) })) : undefined] }), (0, jsx_runtime_1.jsx)(Dialog_1.DialogBody, { className: "shuvi-container-errors-body", children: (0, jsx_runtime_1.jsx)(Errors_1.Errors, { error: activeError }, activeError.id.toString()) })] }) }) }));
 };
 exports.RuntimeError = RuntimeError;
 exports.styles = (0, noop_template_1.noop) `

package/lib/view/errorTypeHandler.d.ts

@@ -1,27 +1,27 @@
 import { StackFrame } from 'stacktrace-parser';
 import { TYPE_BUILD_OK, TYPE_REFRESH, TYPE_BUILD_ERROR, TYPE_UNHANDLED_ERROR, TYPE_UNHANDLED_REJECTION } from '../constants';
-export declare type BuildOk = {
+export type BuildOk = {
     type: typeof TYPE_BUILD_OK;
 };
-export declare type FastRefresh = {
+export type FastRefresh = {
     type: typeof TYPE_REFRESH;
 };
-export declare type BuildError = {
+export type BuildError = {
     type: typeof TYPE_BUILD_ERROR;
     message: string;
 };
-export declare type UnhandledError = {
+export type UnhandledError = {
     type: typeof TYPE_UNHANDLED_ERROR;
     reason: Error;
     frames: StackFrame[];
 };
-export declare type UnhandledRejection = {
+export type UnhandledRejection = {
     type: typeof TYPE_UNHANDLED_REJECTION;
     reason: Error;
     frames: StackFrame[];
 };
-export declare type ErrorTypeEvent = BuildOk | FastRefresh | BuildError | UnhandledError | UnhandledRejection;
-export declare type ErrorTypeEventHandler = (ev: ErrorTypeEvent) => void;
+export type ErrorTypeEvent = BuildOk | FastRefresh | BuildError | UnhandledError | UnhandledRejection;
+export type ErrorTypeEventHandler = (ev: ErrorTypeEvent) => void;
 export declare function emit(ev: ErrorTypeEvent): void;
 export declare function on(fn: ErrorTypeEventHandler): boolean;
 export declare function off(fn: ErrorTypeEventHandler): boolean;

package/lib/view/errorTypeHandler.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.off = exports.on = exports.emit = void 0;
+exports.emit = emit;
+exports.on = on;
+exports.off = off;
 let handlers = new Set();
 let queue = [];
 function drain() {
@@ -22,7 +24,6 @@ function emit(ev) {
     queue.push(Object.freeze(Object.assign({}, ev)));
     drain();
 }
-exports.emit = emit;
 function on(fn) {
     if (handlers.has(fn)) {
         return false;
@@ -31,7 +32,6 @@ function on(fn) {
     drain();
     return true;
 }
-exports.on = on;
 function off(fn) {
     if (handlers.has(fn)) {
         handlers.delete(fn);
@@ -39,4 +39,3 @@ function off(fn) {
     }
     return false;
 }
-exports.off = off;

package/lib/view/helpers/getErrorByType.d.ts

@@ -1,6 +1,6 @@
 import { SupportedErrorEvent } from '../container/RuntimeError';
 import { OriginalStackFrame } from './stack-frame';
-export declare type ReadyRuntimeError = {
+export type ReadyRuntimeError = {
     id: number;
     runtime: true;
     error: Error;

package/lib/view/helpers/getErrorByType.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getErrorByType = void 0;
+exports.getErrorByType = getErrorByType;
 const constants_1 = require("../../constants");
 const nodeStackFrames_1 = require("./nodeStackFrames");
 const stack_frame_1 = require("./stack-frame");
@@ -33,4 +33,3 @@ function getErrorByType(ev) {
         throw new Error('type system invariant violation');
     });
 }
-exports.getErrorByType = getErrorByType;

package/lib/view/helpers/nodeStackFrames.d.ts

@@ -1,5 +1,5 @@
 import { StackFrame } from 'stacktrace-parser';
-declare type ErrorType = 'server';
+type ErrorType = 'server';
 export declare function getFilesystemFrame(frame: StackFrame): StackFrame;
 export declare function decorateServerError(error: Error): void;
 export declare function getServerError(error: Error): Error;

package/lib/view/helpers/nodeStackFrames.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getErrorSource = exports.getServerError = exports.decorateServerError = exports.getFilesystemFrame = void 0;
+exports.getFilesystemFrame = getFilesystemFrame;
+exports.decorateServerError = decorateServerError;
+exports.getServerError = getServerError;
+exports.getErrorSource = getErrorSource;
 const stacktrace_parser_1 = require("stacktrace-parser");
 const constants_1 = require("../../constants");
 const symbolError = Symbol.for('ShuviError');
@@ -19,7 +22,6 @@ function getFilesystemFrame(frame) {
     }
     return f;
 }
-exports.getFilesystemFrame = getFilesystemFrame;
 function decorateServerError(error) {
     Object.defineProperty(error, symbolError, {
         writable: false,
@@ -28,7 +30,6 @@ function decorateServerError(error) {
         value: constants_1.SERVER_TYPE_ERROR
     });
 }
-exports.decorateServerError = decorateServerError;
 function getServerError(error) {
     let n;
     try {
@@ -63,8 +64,6 @@ function getServerError(error) {
     decorateServerError(n);
     return n;
 }
-exports.getServerError = getServerError;
 function getErrorSource(error) {
     return error[symbolError] || null;
 }
-exports.getErrorSource = getErrorSource;

package/lib/view/helpers/noop-template.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.noop = void 0;
+exports.noop = noop;
 function noop(strings, ...keys) {
     const lastIndex = strings.length - 1;
     return (strings.slice(0, lastIndex).reduce((p, s, i) => p + s + keys[i], '') +
         strings[lastIndex]);
 }
-exports.noop = noop;