@shuvi/error-overlay 1.0.0-rc.6

package/lib/view/components/ShadowPortal.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShadowPortal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const ShadowPortal = function Portal({ children }) {
+    let portalNode = React.useRef(null);
+    let shadowNode = React.useRef(null);
+    let [, forceUpdate] = React.useState();
+    React.useEffect(() => {
+        portalNode.current = document.createElement('shuvi-portal');
+        shadowNode.current = portalNode.current.attachShadow({ mode: 'open' });
+        document.body.appendChild(portalNode.current);
+        forceUpdate({});
+        return () => {
+            if (portalNode.current && portalNode.current.ownerDocument) {
+                portalNode.current.ownerDocument.body.removeChild(portalNode.current);
+            }
+        };
+    }, []);
+    return shadowNode.current ? ((0, react_dom_1.createPortal)(children, shadowNode.current)) : ((0, jsx_runtime_1.jsx)("span", {}));
+};
+exports.ShadowPortal = ShadowPortal;

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Terminal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const anser_1 = __importDefault(require("anser"));
+const React = __importStar(require("react"));
+const Terminal = function Terminal({ content }) {
+    const decoded = React.useMemo(() => {
+        return anser_1.default.ansiToJson(content, {
+            json: true,
+            use_classes: true,
+            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'
+                    ? { fontWeight: 800 }
+                    : entry.decoration === 'italic'
+                        ? { fontStyle: 'italic' }
+                        : undefined)) }, { children: entry.content }), `terminal-entry-${index}`))) }) })));
+};
+exports.Terminal = Terminal;

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.Terminal = void 0;
+var Terminal_1 = require("./Terminal");
+Object.defineProperty(exports, "Terminal", { enumerable: true, get: function () { return Terminal_1.Terminal; } });
+var styles_1 = require("./styles");
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return styles_1.styles; } });

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

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

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+const noop_template_1 = require("../../helpers/noop-template");
+const styles = (0, noop_template_1.noop) `
+  [data-terminal] {
+    border-radius: var(--size-gap-half);
+    background-color: var(--color-ansi-bg);
+    color: var(--color-ansi-fg);
+  }
+  [data-terminal]::selection,
+  [data-terminal] *::selection {
+    background-color: var(--color-ansi-selection);
+  }
+  [data-terminal] * {
+    color: inherit;
+    background-color: transparent;
+    font-family: var(--font-stack-monospace);
+  }
+  [data-terminal] > * {
+    margin: 0;
+    padding: calc(var(--size-gap) + var(--size-gap-half))
+      calc(var(--size-gap-double) + var(--size-gap-half));
+  }
+
+  [data-terminal] pre {
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+`;
+exports.styles = styles;

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

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

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

@@ -0,0 +1,8 @@
+"use strict";
+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 })) })));
+};
+exports.Toast = Toast;

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.Toast = void 0;
+var Toast_1 = require("./Toast");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return Toast_1.Toast; } });
+var styles_1 = require("./styles");
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return styles_1.styles; } });

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

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

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+const noop_template_1 = require("../../helpers/noop-template");
+const styles = (0, noop_template_1.noop) `
+  [data-toast] {
+    position: fixed;
+    bottom: var(--size-gap-double);
+    left: var(--size-gap-double);
+    max-width: 420px;
+    z-index: 9000;
+  }
+
+  @media (max-width: 440px) {
+    [data-toast] {
+      max-width: 90vw;
+      left: 5vw;
+    }
+  }
+
+  [data-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;

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

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

package/lib/view/container/BuildError.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.BuildError = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const Dialog_1 = require("../components/Dialog");
+const Overlay_1 = require("../components/Overlay");
+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." }) })] }))] }) })) })));
+};
+exports.BuildError = BuildError;
+exports.styles = (0, noop_template_1.noop) `
+  .container-build-error-header > h4 {
+    line-height: 1.5;
+    margin: 0;
+    padding: 0;
+  }
+
+  .container-build-error-body footer {
+    margin-top: var(--size-gap);
+  }
+  .container-build-error-body footer p {
+    margin: 0;
+  }
+
+  .container-build-error-body small {
+    color: #757575;
+  }
+`;

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { UnhandledError, UnhandledRejection } from '../errorTypeHandler';
+export declare type SupportedErrorEvent = {
+    id: number;
+    event: UnhandledError | UnhandledRejection;
+};
+export declare type RuntimeErrorProps = {
+    errors: SupportedErrorEvent[];
+};
+export declare const RuntimeError: React.FC<RuntimeErrorProps>;
+export declare const styles: string;

package/lib/view/container/RuntimeError.js

@@ -0,0 +1,205 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.RuntimeError = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const Dialog_1 = require("../components/Dialog");
+const NavigationBar_1 = require("../components/NavigationBar");
+const Overlay_1 = require("../components/Overlay");
+const Toast_1 = require("../components/Toast");
+const getErrorByType_1 = require("../helpers/getErrorByType");
+const nodeStackFrames_1 = require("../helpers/nodeStackFrames");
+const noop_template_1 = require("../helpers/noop-template");
+const Icons_1 = require("../components/Icons");
+const Errors_1 = require("../components/Errors");
+const constants_1 = require("../../constants");
+function getErrorSignature(ev) {
+    const { event } = ev;
+    switch (event.type) {
+        case constants_1.TYPE_UNHANDLED_ERROR:
+        case constants_1.TYPE_UNHANDLED_REJECTION: {
+            return `${event.reason.name}::${event.reason.message}::${event.reason.stack}`;
+        }
+        default: {
+        }
+    }
+    return '';
+}
+const RuntimeError = function RuntimeError({ errors }) {
+    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_1.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 => (Object.assign(Object.assign({}, m), { [resolved.id]: resolved })));
+            }
+        });
+        return () => {
+            mounted = false;
+        };
+    }, [nextError]);
+    const [displayState, setDisplayState] = React.useState('fullscreen');
+    const [activeIdx, setActiveIndex] = React.useState(0);
+    const previous = React.useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        setActiveIndex(v => Math.max(0, v - 1));
+    }, []);
+    const next = React.useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        setActiveIndex(v => Math.max(0, Math.min(readyErrors.length - 1, v + 1)));
+    }, [readyErrors.length]);
+    const activeError = React.useMemo(() => { var _a; return (_a = readyErrors[activeIdx]) !== null && _a !== void 0 ? _a : null; }, [activeIdx, readyErrors]);
+    const minimize = React.useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        setDisplayState('minimized');
+    }, []);
+    const hide = React.useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        setDisplayState('hidden');
+    }, []);
+    const fullscreen = React.useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        setDisplayState('fullscreen');
+    }, []);
+    if (isLoading) {
+        return (0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {});
+    }
+    if (errors.length < 1 || activeError == null || displayState === 'hidden') {
+        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 => {
+                            e.stopPropagation();
+                            hide();
+                        }, "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
+                                    ? '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()) }))] }) })) }));
+};
+exports.RuntimeError = RuntimeError;
+exports.styles = (0, noop_template_1.noop) `
+  .shuvi-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));
+  }
+  .shuvi-container-errors-header small {
+    font-size: var(--size-font-small);
+    color: var(--color-accents-1);
+    margin-left: var(--size-gap-double);
+  }
+  .shuvi-container-errors-header small > span {
+    font-family: var(--font-stack-monospace);
+  }
+  .shuvi-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;
+  }
+  .shuvi-container-errors-header > div > small {
+    margin: 0;
+    margin-top: var(--size-gap-half);
+  }
+  .shuvi-container-errors-header > p > a {
+    color: var(--color-ansi-red);
+  }
+
+  .shuvi-container-errors-body > h5:not(:first-child) {
+    margin-top: calc(var(--size-gap-double) + var(--size-gap));
+  }
+  .shuvi-container-errors-body > h5 {
+    margin-bottom: var(--size-gap);
+  }
+
+  .shuvi-toast-errors-parent {
+    cursor: pointer;
+    transition: transform 0.2s ease;
+  }
+  .shuvi-toast-errors-parent:hover {
+    transform: scale(1.1);
+  }
+  .shuvi-toast-errors {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+  }
+  .shuvi-toast-errors > svg {
+    margin-right: var(--size-gap);
+  }
+  .shuvi-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;
+  }
+  .shuvi-toast-errors-hide-button:hover {
+    opacity: 1;
+  }
+`;

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

@@ -0,0 +1,2 @@
+export { BuildError } from './BuildError';
+export { RuntimeError } from './RuntimeError';

package/lib/view/container/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeError = exports.BuildError = void 0;
+var BuildError_1 = require("./BuildError");
+Object.defineProperty(exports, "BuildError", { enumerable: true, get: function () { return BuildError_1.BuildError; } });
+var RuntimeError_1 = require("./RuntimeError");
+Object.defineProperty(exports, "RuntimeError", { enumerable: true, get: function () { return RuntimeError_1.RuntimeError; } });

package/lib/view/errorTypeHandler.d.ts

@@ -0,0 +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 = {
+    type: typeof TYPE_BUILD_OK;
+};
+export declare type FastRefresh = {
+    type: typeof TYPE_REFRESH;
+};
+export declare type BuildError = {
+    type: typeof TYPE_BUILD_ERROR;
+    message: string;
+};
+export declare type UnhandledError = {
+    type: typeof TYPE_UNHANDLED_ERROR;
+    reason: Error;
+    frames: StackFrame[];
+};
+export declare 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 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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.off = exports.on = exports.emit = void 0;
+let handlers = new Set();
+let queue = [];
+function drain() {
+    // Draining should never happen synchronously in case multiple handlers are
+    // registered.
+    setTimeout(function () {
+        while (
+        // Until we are out of events:
+        Boolean(queue.length) &&
+            // Or, if all handlers removed themselves as a result of handling the
+            // event(s)
+            Boolean(handlers.size)) {
+            const ev = queue.shift();
+            handlers.forEach(handler => handler(ev));
+        }
+    }, 1);
+}
+function emit(ev) {
+    queue.push(Object.freeze(Object.assign({}, ev)));
+    drain();
+}
+exports.emit = emit;
+function on(fn) {
+    if (handlers.has(fn)) {
+        return false;
+    }
+    handlers.add(fn);
+    drain();
+    return true;
+}
+exports.on = on;
+function off(fn) {
+    if (handlers.has(fn)) {
+        handlers.delete(fn);
+        return true;
+    }
+    return false;
+}
+exports.off = off;

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

@@ -0,0 +1,9 @@
+import { SupportedErrorEvent } from '../container/RuntimeError';
+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>;

package/lib/view/helpers/getErrorByType.js

@@ -0,0 +1,36 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getErrorByType = void 0;
+const constants_1 = require("../../constants");
+const nodeStackFrames_1 = require("./nodeStackFrames");
+const stack_frame_1 = require("./stack-frame");
+function getErrorByType(ev) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { id, event } = ev;
+        switch (event.type) {
+            case constants_1.TYPE_UNHANDLED_ERROR:
+            case constants_1.TYPE_UNHANDLED_REJECTION: {
+                return {
+                    id,
+                    runtime: true,
+                    error: event.reason,
+                    frames: yield (0, stack_frame_1.getOriginalStackFrames)(event.frames, (0, nodeStackFrames_1.getErrorSource)(event.reason), event.reason.toString())
+                };
+            }
+            default: {
+                break;
+            }
+        }
+        throw new Error('type system invariant violation');
+    });
+}
+exports.getErrorByType = getErrorByType;

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

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