@remotion/cli 4.0.113 → 4.0.115

package/dist/preview-server/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 type ScriptLine = {
-    lineNumber: number;
-    content: string;
-    highlight: boolean;
-};
-export type SymbolicatedStackFrame = {
-    originalFunctionName: string | null;
-    originalFileName: string | null;
-    originalLineNumber: number | null;
-    originalColumnNumber: number | null;
-    originalScriptCode: ScriptLine[] | null;
-};
-export type StackFrame = {
-    functionName: string | null;
-    fileName: string;
-    lineNumber: number;
-    columnNumber: number;
-};
-export 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/preview-server/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/preview-server/error-overlay/react-overlay/utils/unmapper.d.ts

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

package/dist/preview-server/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/preview-server/error-overlay/remotion-overlay/AskOnDiscord.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const AskOnDiscord: React.FC<{
-    canHaveKeyboardShortcuts: boolean;
-}>;

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

@@ -1,35 +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://remotion.dev/discord';
-const react_1 = require("react");
-const use_keybinding_1 = require("../../../editor/helpers/use-keybinding");
-const Button_1 = require("./Button");
-const ShortcutHint_1 = require("./ShortcutHint");
-const AskOnDiscord = ({ canHaveKeyboardShortcuts }) => {
-    const openInBrowser = (0, react_1.useCallback)(() => {
-        window.open(DISCORD_LINK, '_blank');
-    }, []);
-    const { registerKeybinding } = (0, use_keybinding_1.useKeybinding)();
-    (0, react_1.useEffect)(() => {
-        if (!canHaveKeyboardShortcuts) {
-            return;
-        }
-        const onEditor = () => {
-            openInBrowser();
-        };
-        const { unregister } = registerKeybinding({
-            event: 'keydown',
-            key: 'd',
-            callback: onEditor,
-            commandCtrlKey: true,
-            preventDefault: true,
-            triggerIfInputFieldFocused: false,
-            keepRegisteredWhenNotHighestContext: false,
-        });
-        return () => unregister();
-    }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);
-    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { onClick: openInBrowser, children: ["Ask on Discord", ' ', canHaveKeyboardShortcuts ? ((0, jsx_runtime_1.jsx)(ShortcutHint_1.ShortcutHint, { keyToPress: "d", cmdOrCtrl: true })) : null] }));
-};
-exports.AskOnDiscord = AskOnDiscord;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const Button: React.ForwardRefExoticComponent<{
-    onClick: () => void;
-    disabled?: boolean | undefined;
-    children: React.ReactNode;
-    style?: React.CSSProperties | undefined;
-    buttonContainerStyle?: React.CSSProperties | undefined;
-    autoFocus?: boolean | undefined;
-    title?: string | undefined;
-    id?: string | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../../editor/helpers/colors");
-const button = {
-    border: `1px solid ${colors_1.INPUT_BORDER_COLOR_UNHOVERED}`,
-    borderRadius: 4,
-    backgroundColor: colors_1.INPUT_BACKGROUND,
-    appearance: 'none',
-    fontFamily: 'inherit',
-    fontSize: 14,
-    color: 'white',
-    flexDirection: 'row',
-};
-const ButtonRefForwardFunction = ({ children, onClick, title, disabled, style, id, autoFocus, buttonContainerStyle, }, ref) => {
-    const combined = (0, react_1.useMemo)(() => {
-        return {
-            ...button,
-            ...(style !== null && style !== void 0 ? style : {}),
-        };
-    }, [style]);
-    const buttonContainer = (0, react_1.useMemo)(() => {
-        return {
-            padding: 10,
-            cursor: disabled ? 'inherit' : 'pointer',
-            fontSize: 14,
-            opacity: disabled ? 0.7 : 1,
-            ...(buttonContainerStyle !== null && buttonContainerStyle !== void 0 ? buttonContainerStyle : {}),
-        };
-    }, [buttonContainerStyle, disabled]);
-    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, id: id, style: combined, type: "button", disabled: disabled, onClick: onClick, autoFocus: autoFocus, title: title, children: (0, jsx_runtime_1.jsx)("div", { className: "css-reset", style: buttonContainer, children: children }) }));
-};
-exports.Button = (0, react_1.forwardRef)(ButtonRefForwardFunction);

package/dist/preview-server/error-overlay/remotion-overlay/CalculateMetadataErrorExplainer.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CalculateMetadataErrorExplainer: React.FC<{}>;

package/dist/preview-server/error-overlay/remotion-overlay/CalculateMetadataErrorExplainer.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculateMetadataErrorExplainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../../../editor/components/Menu/styles");
-const colors_1 = require("../../../editor/helpers/colors");
-const CalculateMetadataErrorExplainer = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, children: ["This error occured while calling", ' ', (0, jsx_runtime_1.jsx)("code", { style: styles_1.inlineCodeSnippet, children: "calculateMetadata()" }), "."] }));
-};
-exports.CalculateMetadataErrorExplainer = CalculateMetadataErrorExplainer;
-const style = {
-    borderRadius: 3,
-    color: 'white',
-    padding: 12,
-    backgroundColor: colors_1.BORDER_COLOR,
-    fontSize: 14,
-    fontFamily: 'sans-serif',
-};

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

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

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

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeFrame = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const is_menu_item_1 = require("../../../editor/components/Menu/is-menu-item");
-const colors_1 = require("../../../editor/helpers/colors");
-const container = {
-    display: 'flex',
-    flexDirection: 'row',
-    width: '100%',
-};
-const frame = {
-    backgroundColor: '#070707',
-    marginBottom: 20,
-    overflowY: 'auto',
-};
-const lineNumber = {
-    whiteSpace: 'pre',
-    paddingRight: 12,
-    color: 'inherit',
-    fontSize: 14,
-    lineHeight: 1.7,
-    width: 60,
-    flexShrink: 0,
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    fontFamily: 'monospace',
-};
-const CodeFrame = ({ source, lineNumberWidth }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { style: frame, className: is_menu_item_1.HORIZONTAL_SCROLLBAR_CLASSNAME, children: source.map((s, j) => {
-            return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                            ...lineNumber,
-                            backgroundColor: s.highlight ? 'white' : '#121212',
-                            color: s.highlight ? 'black' : 'rgba(255, 255, 255, 0.6)',
-                        }, children: String(s.lineNumber).padStart(lineNumberWidth, ' ') }), (0, jsx_runtime_1.jsx)("div", { style: {
-                            fontFamily: 'monospace',
-                            whiteSpace: 'pre',
-                            tabSize: 2,
-                            color: s.highlight ? 'white' : 'rgba(255, 255, 255, 0.6)',
-                            backgroundColor: s.highlight ? colors_1.BLUE : 'transparent',
-                            lineHeight: 1.7,
-                            paddingRight: 12,
-                            paddingLeft: 12,
-                        }, children: s.content })] }, j));
-        }) }));
-};
-exports.CodeFrame = CodeFrame;

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

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

package/dist/preview-server/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/preview-server/error-overlay/remotion-overlay/ErrorDisplay.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ErrorRecord } from '../react-overlay/listen-to-runtime-errors';
-export type OnRetry = null | (() => void);
-export declare const ErrorDisplay: React.FC<{
-    display: ErrorRecord;
-    keyboardShortcuts: boolean;
-    onRetry: OnRetry;
-    canHaveDismissButton: boolean;
-    calculateMetadata: boolean;
-}>;

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

@@ -1,52 +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 layout_1 = require("../../../editor/components/layout");
-const is_menu_item_1 = require("../../../editor/components/Menu/is-menu-item");
-const map_error_to_react_stack_1 = require("../react-overlay/effects/map-error-to-react-stack");
-const AskOnDiscord_1 = require("./AskOnDiscord");
-const CalculateMetadataErrorExplainer_1 = require("./CalculateMetadataErrorExplainer");
-const ErrorTitle_1 = require("./ErrorTitle");
-const get_help_link_1 = require("./get-help-link");
-const HelpLink_1 = require("./HelpLink");
-const OpenInEditor_1 = require("./OpenInEditor");
-const Retry_1 = require("./Retry");
-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, keyboardShortcuts, onRetry, canHaveDismissButton, calculateMetadata, }) => {
-    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;
-    const helpLink = (0, get_help_link_1.getHelpLink)(message);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: display.error.name, message: message, canHaveDismissButton: canHaveDismissButton }), helpLink ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HelpLink_1.HelpLink, { link: helpLink, canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, 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, { canHaveKeyboardShortcuts: keyboardShortcuts, stack: display.stackFrames[0] }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { canHaveKeyboardShortcuts: keyboardShortcuts, message: display.error.message }), (0, jsx_runtime_1.jsx)("div", { style: spacer }), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, { canHaveKeyboardShortcuts: keyboardShortcuts }), onRetry ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: spacer }), (0, jsx_runtime_1.jsx)(Retry_1.RetryButton, { onClick: onRetry })] })) : null, calculateMetadata ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 0.5 }), (0, jsx_runtime_1.jsx)(CalculateMetadataErrorExplainer_1.CalculateMetadataErrorExplainer, {})] })) : null, (0, jsx_runtime_1.jsx)("div", { style: stack, className: is_menu_item_1.HORIZONTAL_SCROLLBAR_CLASSNAME, 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/preview-server/error-overlay/remotion-overlay/ErrorLoader.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { OnRetry } from './ErrorDisplay';
-export declare const ErrorLoader: React.FC<{
-    error: Error;
-    keyboardShortcuts: boolean;
-    onRetry: OnRetry;
-    canHaveDismissButton: boolean;
-    calculateMetadata: boolean;
-}>;

package/dist/preview-server/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, keyboardShortcuts, onRetry, canHaveDismissButton, calculateMetadata, }) => {
-    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, canHaveDismissButton: canHaveDismissButton }) }));
-    }
-    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, canHaveDismissButton: canHaveDismissButton }), (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, canHaveDismissButton: canHaveDismissButton }), (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, { keyboardShortcuts: keyboardShortcuts, display: state.record, onRetry: onRetry, canHaveDismissButton: canHaveDismissButton, calculateMetadata: calculateMetadata }) }));
-};
-exports.ErrorLoader = ErrorLoader;

package/dist/preview-server/error-overlay/remotion-overlay/ErrorMessage.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const ErrorMessage: React.FC<{
-    message: string;
-}>;

package/dist/preview-server/error-overlay/remotion-overlay/ErrorMessage.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const player_1 = require("@remotion/player");
-const react_1 = require("react");
-const colors_1 = require("../../../editor/helpers/colors");
-const carets_1 = require("./carets");
-const fontSize = 24;
-const lineHeight = 1.5;
-const maxLines = 2;
-const buttonSize = 32;
-const maskImage = 'linear-gradient(to bottom, white 60%, transparent)';
-const container = {
-    position: 'relative',
-    marginBottom: 15,
-};
-const messageContainer = {
-    overflow: 'hidden',
-};
-const textContainer = {
-    fontSize,
-    lineHeight,
-};
-const moreLine = {
-    width: '100%',
-    display: 'flex',
-    justifyContent: 'center',
-    position: 'absolute',
-    border: `1px solid ${colors_1.INPUT_BORDER_COLOR_HOVERED}`,
-    height: 0,
-    marginTop: 4,
-};
-const moreButton = {
-    height: buttonSize,
-    width: buttonSize,
-    borderRadius: buttonSize / 2,
-    backgroundColor: colors_1.INPUT_BACKGROUND,
-    border: `1px solid ${colors_1.INPUT_BORDER_COLOR_UNHOVERED}`,
-    marginTop: -buttonSize / 2,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    cursor: 'pointer',
-    color: 'white',
-};
-const ErrorMessage = ({ message }) => {
-    const [expanded, setExpanded] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)(null);
-    const size = player_1.PlayerInternals.useElementSize(ref, {
-        shouldApplyCssTransforms: false,
-        triggerOnWindowResize: true,
-    });
-    const errorLines = size ? size.height / (lineHeight * fontSize) : null;
-    const style = (0, react_1.useMemo)(() => {
-        const isExpanded = expanded || (errorLines !== null && errorLines <= maxLines);
-        return {
-            ...messageContainer,
-            maxHeight: isExpanded ? undefined : fontSize * lineHeight * maxLines,
-            maskImage: isExpanded ? undefined : maskImage,
-            WebkitMaskImage: isExpanded ? undefined : maskImage,
-        };
-    }, [errorLines, expanded]);
-    const toggle = (0, react_1.useCallback)(() => {
-        setExpanded((e) => !e);
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, style: textContainer, children: message }) }), errorLines !== null && errorLines > maxLines ? ((0, jsx_runtime_1.jsx)("div", { style: moreLine, children: (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: toggle, style: moreButton, children: (0, jsx_runtime_1.jsx)(carets_1.CaretDown, { invert: expanded }) }) })) : null] }));
-};
-exports.ErrorMessage = ErrorMessage;

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

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

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorTitle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../../../editor/helpers/colors");
-const react_overlay_1 = require("../react-overlay");
-const DismissButton_1 = require("./DismissButton");
-const ErrorMessage_1 = require("./ErrorMessage");
-const Symbolicating_1 = require("./Symbolicating");
-const title = {
-    marginBottom: 8,
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-};
-const left = {
-    flex: 1,
-    paddingRight: 14,
-    fontWeight: 'bold',
-    maxWidth: '100%',
-};
-const errName = {
-    fontSize: 18,
-    color: colors_1.BLUE,
-    display: 'inline-block',
-};
-const row = {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-};
-const spacer = {
-    width: 5,
-};
-const ErrorTitle = ({ name, message, symbolicating, canHaveDismissButton }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: title, className: "css-reset", 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)(ErrorMessage_1.ErrorMessage, { message: message })] })] }), (0, react_overlay_1.didUnmountReactApp)() ? null : canHaveDismissButton ? ((0, jsx_runtime_1.jsx)(DismissButton_1.DismissButton, {})) : null] }));
-};
-exports.ErrorTitle = ErrorTitle;

package/dist/preview-server/error-overlay/remotion-overlay/HelpLink.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { THelpLink } from './get-help-link';
-export declare const HelpLink: React.FC<{
-    canHaveKeyboardShortcuts: boolean;
-    link: THelpLink;
-}>;

package/dist/preview-server/error-overlay/remotion-overlay/HelpLink.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HelpLink = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../../editor/helpers/colors");
-const use_keybinding_1 = require("../../../editor/helpers/use-keybinding");
-const Button_1 = require("./Button");
-const ShortcutHint_1 = require("./ShortcutHint");
-const buttonStyle = {
-    backgroundColor: colors_1.BLUE,
-    color: 'white',
-};
-const HelpLink = ({ canHaveKeyboardShortcuts, link }) => {
-    const openLink = (0, react_1.useCallback)(() => {
-        window.open(link.url, '_blank');
-    }, [link]);
-    const { registerKeybinding } = (0, use_keybinding_1.useKeybinding)();
-    (0, react_1.useEffect)(() => {
-        if (!canHaveKeyboardShortcuts) {
-            return;
-        }
-        const onEditor = () => {
-            openLink();
-        };
-        const { unregister } = registerKeybinding({
-            event: 'keydown',
-            key: 'h',
-            callback: onEditor,
-            commandCtrlKey: true,
-            preventDefault: true,
-            triggerIfInputFieldFocused: false,
-            keepRegisteredWhenNotHighestContext: false,
-        });
-        return () => unregister();
-    }, [canHaveKeyboardShortcuts, openLink, registerKeybinding]);
-    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { style: buttonStyle, onClick: openLink, children: ["Help: ", '"', link.title, '"', canHaveKeyboardShortcuts ? ((0, jsx_runtime_1.jsx)(ShortcutHint_1.ShortcutHint, { keyToPress: "h", cmdOrCtrl: true })) : null] }));
-};
-exports.HelpLink = HelpLink;