@remotion/bundler 3.1.8 → 3.2.0

package/dist/error-overlay/react-overlay/utils/parser.js

@@ -1,117 +0,0 @@
-"use strict";
-/*
-    Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
-*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseError = void 0;
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const map_error_to_react_stack_1 = require("../effects/map-error-to-react-stack");
-const resolve_file_source_1 = require("../effects/resolve-file-source");
-const stack_frame_1 = require("./stack-frame");
-const regexExtractLocation = /\(?(.+?)(?::(\d+))?(?::(\d+))?\)?$/;
-function extractLocation(token) {
-    const execed = regexExtractLocation.exec(token);
-    if (!execed) {
-        throw new Error('Could not match in extractLocation');
-    }
-    return execed.slice(1).map((v) => {
-        const p = Number(v);
-        if (!isNaN(p)) {
-            return p;
-        }
-        return v;
-    });
-}
-const regexValidFrame_Chrome = /^\s*(at|in)\s.+(:\d+)/;
-const regexValidFrame_FireFox = /(^|@)\S+:\d+|.+line\s+\d+\s+>\s+(eval|Function).+/;
-function parseStack(stack) {
-    const frames = stack
-        .filter((e) => regexValidFrame_Chrome.test(e) || regexValidFrame_FireFox.test(e))
-        .map((e) => {
-        if (regexValidFrame_FireFox.test(e)) {
-            // Strip eval, we don't care about it
-            let isEval = false;
-            if (/ > (eval|Function)/.test(e)) {
-                e = e.replace(/ line (\d+)(?: > eval line \d+)* > (eval|Function):\d+:\d+/g, ':$1');
-                isEval = true;
-            }
-            const _data = e.split(/[@]/g);
-            const _last = _data.pop();
-            if (!_last) {
-                throw new Error('could not get last');
-            }
-            const [_fileName, _lineNumber, _columnNumber] = extractLocation(_last);
-            return (0, stack_frame_1.makeStackFrame)({
-                functionName: _data.join('@') || (isEval ? 'eval' : null),
-                fileName: _fileName,
-                lineNumber: _lineNumber,
-                columnNumber: _columnNumber,
-            });
-        }
-        // Strip eval, we don't care about it
-        if (e.indexOf('(eval ') !== -1) {
-            e = e.replace(/(\(eval at [^()]*)|(\),.*$)/g, '');
-        }
-        if (e.indexOf('(at ') !== -1) {
-            e = e.replace(/\(at /, '(');
-        }
-        const data = e.trim().split(/\s+/g).slice(1);
-        const last = data.pop();
-        if (!last) {
-            throw new Error('could not get last');
-        }
-        const [fileName, lineNumber, columnNumber] = extractLocation(last);
-        return (0, stack_frame_1.makeStackFrame)({
-            functionName: data.join(' ') || null,
-            fileName,
-            lineNumber,
-            columnNumber,
-        });
-    });
-    return frames;
-}
-const parseError = async (error, contextLines) => {
-    if (error === null) {
-        throw new Error('You cannot pass a null object.');
-    }
-    if (typeof error === 'string') {
-        return parseStack(error.split('\n')).map((frame) => {
-            return {
-                type: 'transpiled',
-                frame,
-            };
-        });
-    }
-    if (Array.isArray(error)) {
-        return parseStack(error).map((frame) => {
-            return {
-                type: 'transpiled',
-                frame,
-            };
-        });
-    }
-    const errorLocation = (0, map_error_to_react_stack_1.getLocationFromBuildError)(error);
-    if (errorLocation) {
-        return [
-            {
-                type: 'symbolicated',
-                frame: await (0, resolve_file_source_1.resolveFileSource)(errorLocation, contextLines),
-            },
-        ];
-    }
-    if (typeof error.stack === 'string') {
-        return parseStack(error.stack.split('\n')).map((frame) => {
-            return {
-                type: 'transpiled',
-                frame,
-            };
-        });
-    }
-    return [];
-};
-exports.parseError = parseError;

package/dist/error-overlay/react-overlay/utils/stack-frame.d.ts

@@ -1,40 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export declare type ScriptLine = {
-    lineNumber: number;
-    content: string;
-    highlight: boolean;
-};
-export declare type SymbolicatedStackFrame = {
-    originalFunctionName: string | null;
-    originalFileName: string | null;
-    originalLineNumber: number | null;
-    originalColumnNumber: number | null;
-    originalScriptCode: ScriptLine[] | null;
-};
-export declare type StackFrame = {
-    functionName: string | null;
-    fileName: string;
-    lineNumber: number;
-    columnNumber: number;
-};
-export declare type SomeStackFrame = {
-    type: 'symbolicated';
-    frame: SymbolicatedStackFrame;
-} | {
-    type: 'transpiled';
-    frame: StackFrame;
-};
-/**
- * A representation of a stack frame.
- */
-export declare const makeStackFrame: ({ functionName, fileName, lineNumber, columnNumber, }: {
-    functionName: string | null;
-    fileName: string;
-    lineNumber: number;
-    columnNumber: number;
-}) => StackFrame;

package/dist/error-overlay/react-overlay/utils/stack-frame.js

@@ -1,31 +0,0 @@
-"use strict";
-/*
-    Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
-*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeStackFrame = void 0;
-/**
- * A representation of a stack frame.
- */
-const makeStackFrame = ({ functionName, fileName, lineNumber, columnNumber, }) => {
-    if (functionName && functionName.indexOf('Object.') === 0) {
-        functionName = functionName.slice('Object.'.length);
-    }
-    if (
-    // Chrome has a bug with inferring function.name:
-    // https://github.com/facebook/create-react-app/issues/2097
-    // Let's ignore a meaningless name we get for top-level modules.
-    functionName === 'friendlySyntaxErrorLabel' ||
-        functionName === 'exports.__esModule' ||
-        functionName === '<anonymous>' ||
-        !functionName) {
-        functionName = null;
-    }
-    return {
-        columnNumber,
-        fileName,
-        functionName,
-        lineNumber,
-    };
-};
-exports.makeStackFrame = makeStackFrame;

package/dist/error-overlay/react-overlay/utils/unmapper.d.ts

@@ -1,2 +0,0 @@
-import { SomeStackFrame, SymbolicatedStackFrame } from './stack-frame';
-export declare const unmap: (frames: SomeStackFrame[], contextLines: number) => Promise<SymbolicatedStackFrame[]>;

package/dist/error-overlay/react-overlay/utils/unmapper.js

@@ -1,64 +0,0 @@
-"use strict";
-/*
-    Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
-*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.unmap = void 0;
-/* eslint-disable eqeqeq */
-/* eslint-disable no-eq-null */
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const remotion_1 = require("remotion");
-const get_lines_around_1 = require("./get-lines-around");
-const get_source_map_1 = require("./get-source-map");
-const getFileContents = async (fileName) => {
-    const res = await fetch(fileName);
-    const fileContents = await res.text();
-    return fileContents;
-};
-const unmap = async (frames, contextLines) => {
-    const transpiled = frames
-        .filter((s) => s.type === 'transpiled')
-        .map((s) => s.frame);
-    const uniqueFileNames = [
-        ...new Set(transpiled.map((f) => f.fileName).filter(remotion_1.Internals.truthy)),
-    ];
-    const maps = await Promise.all(uniqueFileNames.map(async (fileName) => {
-        const fileContents = await getFileContents(fileName);
-        return (0, get_source_map_1.getSourceMap)(fileName, fileContents);
-    }));
-    const mapValues = {};
-    for (let i = 0; i < uniqueFileNames.length; i++) {
-        mapValues[uniqueFileNames[i]] = maps[i];
-    }
-    return frames
-        .map((frame) => {
-        if (frame.type === 'symbolicated') {
-            return frame.frame;
-        }
-        const map = mapValues[frame.frame.fileName];
-        if (!map) {
-            return null;
-        }
-        const pos = (0, get_source_map_1.getOriginalPosition)(map, frame.frame.lineNumber, frame.frame.columnNumber);
-        const { functionName } = frame.frame;
-        let hasSource = null;
-        hasSource = pos.source ? map.sourceContentFor(pos.source, false) : null;
-        const scriptCode = hasSource && pos.line
-            ? (0, get_lines_around_1.getLinesAround)(pos.line, contextLines, hasSource.split('\n'))
-            : null;
-        return {
-            originalColumnNumber: pos.column,
-            originalFileName: pos.source,
-            originalFunctionName: functionName,
-            originalLineNumber: pos.line,
-            originalScriptCode: scriptCode,
-        };
-    })
-        .filter(remotion_1.Internals.truthy);
-};
-exports.unmap = unmap;

package/dist/error-overlay/remotion-overlay/AskOnDiscord.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const AskOnDiscord: React.FC;

package/dist/error-overlay/remotion-overlay/AskOnDiscord.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AskOnDiscord = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DISCORD_LINK = 'https://discord.gg/6VzzNDwUwV';
-const react_1 = require("react");
-const Button_1 = require("./Button");
-const AskOnDiscord = () => {
-    const openInBrowser = (0, react_1.useCallback)(() => {
-        window.open(DISCORD_LINK, '_blank');
-    }, []);
-    return (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: openInBrowser, children: "Ask on Discord" });
-};
-exports.AskOnDiscord = AskOnDiscord;

package/dist/error-overlay/remotion-overlay/Button.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const Button: React.FC<{
-    onClick: () => void;
-    disabled?: boolean;
-    children: React.ReactNode;
-}>;

package/dist/error-overlay/remotion-overlay/Button.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const INPUT_BORDER_COLOR_UNHOVERED = 'rgba(0, 0, 0, 0.6)';
-const INPUT_BACKGROUND = '#2f363d';
-const button = {
-    border: `1px solid ${INPUT_BORDER_COLOR_UNHOVERED}`,
-    borderRadius: 4,
-    backgroundColor: INPUT_BACKGROUND,
-    appearance: 'none',
-    fontFamily: 'inherit',
-    fontSize: 14,
-    color: 'white',
-};
-const buttonContainer = {
-    padding: 10,
-    cursor: 'pointer',
-    fontSize: 14,
-};
-const Button = ({ children, onClick, disabled }) => {
-    return ((0, jsx_runtime_1.jsx)("button", { style: button, type: "button", disabled: disabled, onClick: onClick, children: (0, jsx_runtime_1.jsx)("div", { style: buttonContainer, children: children }) }));
-};
-exports.Button = Button;

package/dist/error-overlay/remotion-overlay/CodeFrame.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ScriptLine } from '../react-overlay/utils/stack-frame';
-export declare const CodeFrame: React.FC<{
-    source: ScriptLine[];
-    lineNumberWidth: number;
-}>;

package/dist/error-overlay/remotion-overlay/CodeFrame.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeFrame = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const frame = {
-    backgroundColor: '#070707',
-    marginBottom: 20,
-};
-const lineNumber = {
-    display: 'inline-block',
-    whiteSpace: 'pre',
-    backgroundColor: '#121212',
-    paddingLeft: 10,
-    paddingRight: 12,
-    marginRight: 12,
-};
-const CodeFrame = ({ source, lineNumberWidth }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { style: frame, children: source.map((s, j) => {
-            return ((0, jsx_runtime_1.jsxs)("div", { style: {
-                    fontFamily: 'monospace',
-                    whiteSpace: 'pre',
-                    tabSize: 2,
-                    color: s.highlight ? 'white' : 'rgba(255, 255, 255, 0.6)',
-                    lineHeight: 1.7,
-                }, children: [(0, jsx_runtime_1.jsx)("div", { style: lineNumber, children: String(s.lineNumber).padStart(lineNumberWidth, ' ') }), s.content] }, j));
-        }) }));
-};
-exports.CodeFrame = CodeFrame;

package/dist/error-overlay/remotion-overlay/DismissButton.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const DismissButton: React.FC;

package/dist/error-overlay/remotion-overlay/DismissButton.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DismissButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const size = {
-    height: 20,
-    width: 20,
-};
-const style = {
-    appearance: 'none',
-    WebkitAppearance: 'none',
-    backgroundColor: 'transparent',
-    border: 'none',
-    cursor: 'pointer',
-};
-const DismissButton = () => {
-    const dismiss = (0, react_1.useCallback)(() => {
-        window.location.href = '/';
-    }, []);
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", style: style, onClick: dismiss, children: (0, jsx_runtime_1.jsx)("svg", { focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 352 512", style: size, children: (0, jsx_runtime_1.jsx)("path", { fill: "white", d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }) }) }));
-};
-exports.DismissButton = DismissButton;

package/dist/error-overlay/remotion-overlay/ErrorDisplay.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { ErrorRecord } from '../react-overlay/listen-to-runtime-errors';
-export declare const ErrorDisplay: React.FC<{
-    display: ErrorRecord;
-}>;

package/dist/error-overlay/remotion-overlay/ErrorDisplay.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorDisplay = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const map_error_to_react_stack_1 = require("../react-overlay/effects/map-error-to-react-stack");
-const AskOnDiscord_1 = require("./AskOnDiscord");
-const ErrorTitle_1 = require("./ErrorTitle");
-const OpenInEditor_1 = require("./OpenInEditor");
-const SearchGitHubIssues_1 = require("./SearchGitHubIssues");
-const StackFrame_1 = require("./StackFrame");
-const stack = {
-    marginTop: 17,
-    overflowX: 'scroll',
-    marginBottom: '10vh',
-};
-const spacer = {
-    width: 5,
-    display: 'inline-block',
-};
-const ErrorDisplay = ({ display }) => {
-    const highestLineNumber = Math.max(...display.stackFrames
-        .map((s) => s.originalScriptCode)
-        .flat(1)
-        .map((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.lineNumber) !== null && _a !== void 0 ? _a : 0; }));
-    const message = (0, react_1.useMemo)(() => {
-        // Format compilation errors
-        const location = (0, map_error_to_react_stack_1.getLocationFromBuildError)(display.error);
-        if (!location) {
-            return display.error.message;
-        }
-        return location.message
-            .replace(/\\n/g, '\n')
-            .replace(/\\t/g, '  ')
-            .replace(/^error:/, '')
-            .trim();
-    }, [display.error]);
-    const lineNumberWidth = String(highestLineNumber).length;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: display.error.name, message: message }), display.stackFrames.length > 0 && window.remotion_editorName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OpenInEditor_1.OpenInEditor, { stack: display.stackFrames[0] }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { message: display.error.message }), (0, jsx_runtime_1.jsx)("div", { style: spacer }), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, {}), (0, jsx_runtime_1.jsx)("div", { style: stack, children: display.stackFrames.map((s, i) => {
-                    return ((0, jsx_runtime_1.jsx)(StackFrame_1.StackElement
-                    // eslint-disable-next-line react/no-array-index-key
-                    , { isFirst: i === 0, s: s, lineNumberWidth: lineNumberWidth, defaultFunctionName: '(anonymous function)' }, i));
-                }) })] }));
-};
-exports.ErrorDisplay = ErrorDisplay;

package/dist/error-overlay/remotion-overlay/ErrorLoader.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const ErrorLoader: React.FC<{
-    error: Error;
-}>;

package/dist/error-overlay/remotion-overlay/ErrorLoader.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorLoader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const listen_to_runtime_errors_1 = require("../react-overlay/listen-to-runtime-errors");
-const ErrorDisplay_1 = require("./ErrorDisplay");
-const ErrorTitle_1 = require("./ErrorTitle");
-const container = {
-    width: '100%',
-    maxWidth: 1000,
-    paddingLeft: 14,
-    paddingRight: 14,
-    marginLeft: 'auto',
-    marginRight: 'auto',
-    fontFamily: 'SF Pro Text, sans-serif',
-    paddingTop: '5vh',
-};
-const errorWhileErrorStyle = {
-    color: 'white',
-    lineHeight: 1.5,
-    whiteSpace: 'pre',
-};
-const ErrorLoader = ({ error }) => {
-    const [state, setState] = (0, react_1.useState)({
-        type: 'loading',
-    });
-    (0, react_1.useEffect)(() => {
-        (0, listen_to_runtime_errors_1.getErrorRecord)(error)
-            .then((record) => {
-            if (record) {
-                setState({
-                    type: 'symbolicated',
-                    record,
-                });
-            }
-            else {
-                setState({
-                    type: 'no-record',
-                });
-            }
-        })
-            .catch((err) => {
-            setState({
-                err,
-                type: 'error',
-            });
-        });
-    }, [error]);
-    if (state.type === 'loading') {
-        return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: true, name: error.name, message: error.message }) }));
-    }
-    if (state.type === 'error') {
-        return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: error.name, message: error.message }), (0, jsx_runtime_1.jsx)("div", { style: errorWhileErrorStyle, children: "Error while getting stack trace:" }), (0, jsx_runtime_1.jsx)("div", { style: errorWhileErrorStyle, children: state.err.stack }), (0, jsx_runtime_1.jsx)("div", { style: errorWhileErrorStyle, children: "Report this in the Remotion repo." })] }));
-    }
-    if (state.type === 'no-record') {
-        return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: error.name, message: error.message }), (0, jsx_runtime_1.jsx)("div", { style: errorWhileErrorStyle, children: "Check the Terminal and browser console for error messages." })] }));
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(ErrorDisplay_1.ErrorDisplay, { display: state.record }) }));
-};
-exports.ErrorLoader = ErrorLoader;

package/dist/error-overlay/remotion-overlay/ErrorTitle.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const ErrorTitle: React.FC<{
-    name: string;
-    message: string;
-    symbolicating: boolean;
-}>;

package/dist/error-overlay/remotion-overlay/ErrorTitle.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorTitle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_overlay_1 = require("../react-overlay");
-const DismissButton_1 = require("./DismissButton");
-const Symbolicating_1 = require("./Symbolicating");
-const title = {
-    marginBottom: 8,
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-};
-const left = {
-    flex: 1,
-    paddingRight: 14,
-    lineHeight: 1.5,
-    whiteSpace: 'pre',
-    fontSize: '1.5em',
-    fontWeight: 'bold',
-    overflowX: 'auto',
-};
-const errName = {
-    fontSize: '0.8em',
-    background: 'linear-gradient(90deg,#4290f5,#42e9f5)',
-    WebkitBackgroundClip: 'text',
-    WebkitTextFillColor: 'transparent',
-    display: 'inline-block',
-};
-const row = {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-};
-const spacer = {
-    width: 5,
-};
-const ErrorTitle = ({ name, message, symbolicating }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: title, children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("span", { style: errName, children: name }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: row, children: [symbolicating ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Symbolicating_1.Symbolicating, {}), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, (0, jsx_runtime_1.jsx)("div", { children: message })] })] }), (0, react_overlay_1.didUnmountReactApp)() ? null : (0, jsx_runtime_1.jsx)(DismissButton_1.DismissButton, {})] }));
-};
-exports.ErrorTitle = ErrorTitle;

package/dist/error-overlay/remotion-overlay/OpenInEditor.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { SymbolicatedStackFrame } from '../react-overlay/utils/stack-frame';
-export declare const OpenInEditor: React.FC<{
-    stack: SymbolicatedStackFrame;
-}>;

package/dist/error-overlay/remotion-overlay/OpenInEditor.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenInEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Button_1 = require("./Button");
-const initialState = { type: 'idle' };
-const reducer = (state, action) => {
-    if (action.type === 'start') {
-        return {
-            type: 'load',
-        };
-    }
-    if (action.type === 'fail') {
-        return {
-            type: 'error',
-        };
-    }
-    if (action.type === 'reset') {
-        return {
-            type: 'idle',
-        };
-    }
-    if (action.type === 'succeed') {
-        return {
-            type: 'success',
-        };
-    }
-    return state;
-};
-const OpenInEditor = ({ stack }) => {
-    const isMounted = (0, react_1.useRef)(true);
-    const [state, dispatch] = (0, react_1.useReducer)(reducer, initialState);
-    const dispatchIfMounted = (0, react_1.useCallback)((payload) => {
-        if (isMounted.current === false)
-            return;
-        dispatch(payload);
-    }, []);
-    const openInBrowser = (0, react_1.useCallback)(() => {
-        dispatch({ type: 'start' });
-        fetch(`/api/open-in-editor`, {
-            method: 'post',
-            headers: {
-                'content-type': 'application/json',
-            },
-            body: JSON.stringify({
-                stack,
-            }),
-        })
-            .then((res) => res.json())
-            .then((data) => {
-            if (data.success) {
-                dispatchIfMounted({ type: 'succeed' });
-            }
-            else {
-                dispatchIfMounted({ type: 'fail' });
-            }
-        })
-            .catch((err) => {
-            dispatchIfMounted({ type: 'fail' });
-            console.log('Could not open browser', err);
-        })
-            .finally(() => {
-            setTimeout(() => {
-                dispatchIfMounted({ type: 'reset' });
-            }, 2000);
-        });
-    }, [dispatchIfMounted, stack]);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            isMounted.current = false;
-        };
-    }, []);
-    const label = (0, react_1.useMemo)(() => {
-        switch (state.type) {
-            case 'error':
-                return 'Failed to open';
-            case 'idle':
-                return `Open in ${window.remotion_editorName}`;
-            case 'success':
-                return `Opened in ${window.remotion_editorName}`;
-            case 'load':
-                return `Opening...`;
-            default:
-                throw new Error('invalid state');
-        }
-    }, [state.type]);
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: openInBrowser, disabled: state.type !== 'idle', children: label }));
-};
-exports.OpenInEditor = OpenInEditor;

package/dist/error-overlay/remotion-overlay/Overlay.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-declare type SetErrors = {
-    setErrors: (errs: State) => void;
-    addError: (err: Error) => void;
-};
-export declare const setErrorsRef: React.RefObject<SetErrors>;
-declare type State = {
-    type: 'clear';
-} | {
-    type: 'errors';
-    errors: Error[];
-};
-export declare const Overlay: React.FC;
-export {};