@remotion/studio 4.0.80

package/dist/components/UpdateCheck.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UpdateCheck = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const colors_1 = require("../helpers/colors");
+const modals_1 = require("../state/modals");
+const z_index_1 = require("../state/z-index");
+const actions_1 = require("./RenderQueue/actions");
+const buttonStyle = {
+    appearance: 'none',
+    color: colors_1.BLUE,
+    border: 'none',
+    fontWeight: 'bold',
+    backgroundColor: 'transparent',
+    cursor: 'pointer',
+    fontSize: 14,
+    display: 'inline-flex',
+    justifyContent: 'center',
+};
+const UpdateCheck = () => {
+    const [info, setInfo] = (0, react_1.useState)(null);
+    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
+    const { tabIndex } = (0, z_index_1.useZIndex)();
+    const [knownBugs, setKnownBugs] = (0, react_1.useState)(null);
+    const hasKnownBugs = (0, react_1.useMemo)(() => {
+        return knownBugs && knownBugs.length > 0;
+    }, [knownBugs]);
+    const checkForUpdates = (0, react_1.useCallback)(() => {
+        const controller = new AbortController();
+        (0, actions_1.updateAvailable)(controller.signal)
+            .then((d) => {
+            setInfo(d);
+        })
+            .catch((err) => {
+            if (err.message.includes('aborted')) {
+                return;
+            }
+            // eslint-disable-next-line no-console
+            console.log('Could not check for updates', err);
+        });
+        return controller;
+    }, []);
+    const checkForBugs = (0, react_1.useCallback)(() => {
+        const controller = new AbortController();
+        fetch(`https://bugs.remotion.dev/api/${remotion_1.VERSION}`, {
+            signal: controller.signal,
+        })
+            .then(async (res) => {
+            const body = await res.json();
+            setKnownBugs(body.bugs);
+        })
+            .catch((err) => {
+            if (err.message.includes('aborted')) {
+                return;
+            }
+            // eslint-disable-next-line no-console
+            console.log('Could not check for bugs in this version', err);
+        });
+        return controller;
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const abortUpdate = checkForUpdates();
+        const abortBugs = checkForBugs();
+        return () => {
+            abortUpdate.abort();
+            abortBugs.abort();
+        };
+    }, [checkForBugs, checkForUpdates]);
+    const openModal = (0, react_1.useCallback)(() => {
+        setSelectedModal({
+            type: 'update',
+            info: info,
+            knownBugs: knownBugs,
+        });
+    }, [info, knownBugs, setSelectedModal]);
+    const dynButtonStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...buttonStyle,
+            color: hasKnownBugs ? colors_1.WARNING_COLOR : colors_1.LIGHT_TEXT,
+        };
+    }, [hasKnownBugs]);
+    if (!info) {
+        return null;
+    }
+    if (!info.updateAvailable) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("button", { tabIndex: tabIndex, style: dynButtonStyle, onClick: openModal, type: "button", title: hasKnownBugs ? 'Bugfixes available' : 'Update available', children: hasKnownBugs ? ('Bugfixes available') : ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", style: {
+                height: 16,
+                width: 16,
+            }, viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM135.1 217.4c-4.5 4.2-7.1 10.1-7.1 16.3c0 12.3 10 22.3 22.3 22.3H208v96c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V256h57.7c12.3 0 22.3-10 22.3-22.3c0-6.2-2.6-12.1-7.1-16.3L269.8 117.5c-3.8-3.5-8.7-5.5-13.8-5.5s-10.1 2-13.8 5.5L135.1 217.4z" }) })) }));
+};
+exports.UpdateCheck = UpdateCheck;

package/dist/components/UpdateModal/OpenIssueButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const OpenIssueButton: React.FC<{
+    link: string;
+}>;

package/dist/components/UpdateModal/OpenIssueButton.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpenIssueButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../../helpers/colors");
+const svgStyle = {
+    width: '11px',
+    height: '11px',
+};
+const buttonStyle = {
+    border: 'none',
+    width: '24px',
+    height: '24px',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+const OpenIssueButton = ({ link }) => {
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const buttonTooltip = `Open GitHub issue in new Tab`;
+    const handleClick = (0, react_1.useCallback)(() => {
+        window.open(link, '_blank');
+    }, [link]);
+    const svgFillColor = (0, react_1.useMemo)(() => {
+        return hovered ? 'white' : colors_1.LIGHT_TEXT;
+    }, [hovered]);
+    const openInEditorSvg = ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", style: svgStyle, children: (0, jsx_runtime_1.jsx)("path", { fill: svgFillColor, d: "M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" }) }));
+    const onPointerEnter = (0, react_1.useCallback)(() => {
+        setHovered(true);
+    }, []);
+    const onPointerLeave = (0, react_1.useCallback)(() => {
+        setHovered(false);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("button", { title: buttonTooltip, type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, style: buttonStyle, onClick: handleClick, children: openInEditorSvg }));
+};
+exports.OpenIssueButton = OpenIssueButton;

package/dist/components/UpdateModal/UpdateModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Bug, UpdateInfo } from '../UpdateCheck';
+export declare const UpdateModal: React.FC<{
+    info: UpdateInfo;
+    knownBugs: Bug[];
+}>;

package/dist/components/UpdateModal/UpdateModal.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UpdateModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../../helpers/colors");
+const copy_text_1 = require("../../helpers/copy-text");
+const modals_1 = require("../../state/modals");
+const CopyButton_1 = require("../CopyButton");
+const KnownBugs_1 = require("../KnownBugs");
+const layout_1 = require("../layout");
+const ModalContainer_1 = require("../ModalContainer");
+const ModalHeader_1 = require("../ModalHeader");
+const NotificationCenter_1 = require("../Notifications/NotificationCenter");
+const container = {
+    padding: 20,
+    paddingTop: 0,
+};
+const text = {
+    fontSize: 14,
+};
+const title = {
+    paddingTop: 12,
+    paddingBottom: 8,
+    ...text,
+};
+const code = {
+    background: colors_1.SELECTED_BACKGROUND,
+    padding: '12px 10px',
+    fontSize: 14,
+    marginTop: 10,
+    marginBottom: 10,
+};
+const link = {
+    fontWeight: 'bold',
+    color: colors_1.BLUE,
+    textDecoration: 'none',
+    ...text,
+};
+const commands = {
+    npm: 'npx remotion upgrade',
+    yarn: 'yarn remotion upgrade',
+    pnpm: 'pnpm exec remotion upgrade',
+    bun: 'bun remotion upgrade',
+    unknown: 'npx remotion upgrade',
+};
+const UpdateModal = ({ info, knownBugs }) => {
+    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
+    const onQuit = (0, react_1.useCallback)(() => {
+        setSelectedModal(null);
+    }, [setSelectedModal]);
+    const hasKnownBugs = (0, react_1.useMemo)(() => {
+        return knownBugs && (knownBugs === null || knownBugs === void 0 ? void 0 : knownBugs.length) > 0;
+    }, [knownBugs]);
+    const command = commands[info.packageManager];
+    const onClick = (0, react_1.useCallback)(() => {
+        (0, copy_text_1.copyText)(command).catch((err) => {
+            (0, NotificationCenter_1.sendErrorNotification)(`Could not copy: ${err.message}`);
+        });
+    }, [command]);
+    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onOutsideClick: onQuit, onEscape: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Update available" }), (0, jsx_runtime_1.jsxs)("div", { style: container, children: [hasKnownBugs ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { style: title, children: ["The currently installed version ", info.currentVersion, " has the following known bugs:"] }), (0, jsx_runtime_1.jsx)(KnownBugs_1.KnownBugs, { bugs: knownBugs }), (0, jsx_runtime_1.jsx)("div", { style: { height: '20px' } }), (0, jsx_runtime_1.jsx)("div", { style: text, children: "To upgrade, run the following command:" })] })) : ((0, jsx_runtime_1.jsx)("div", { style: title, children: "A new update for Remotion is available! Run the following command:" })), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, { children: (0, jsx_runtime_1.jsx)("pre", { onClick: onClick, style: code, children: command }) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)(CopyButton_1.CopyButton, { textToCopy: command, label: "Copy", labelWhenCopied: "Copied!" })] }), (0, jsx_runtime_1.jsxs)("div", { style: text, children: ["This will upgrade Remotion from ", info.currentVersion, " to", ' ', info.latestVersion, "."] }), (0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Read the", ' ', (0, jsx_runtime_1.jsx)("a", { style: link, target: "_blank", href: "https://github.com/remotion-dev/remotion/releases", children: "Release notes" }), ' ', "to know what", "'s", " new in Remotion."] })] })] }));
+};
+exports.UpdateModal = UpdateModal;

package/dist/components/ZoomGesturesProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ZoomGesturesProvider: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist/components/ZoomGesturesProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZoomGesturesProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const editor_zoom_gestures_1 = require("../state/editor-zoom-gestures");
+const ZoomGesturesProvider = ({ children }) => {
+    const [editorZoomGestures, setEditorZoomGesturesState] = (0, react_1.useState)(() => (0, editor_zoom_gestures_1.loadEditorZoomGesturesOption)());
+    const setEditorZoomGestures = (0, react_1.useCallback)((newValue) => {
+        setEditorZoomGesturesState((prevState) => {
+            const newVal = newValue(prevState);
+            (0, editor_zoom_gestures_1.persistEditorZoomGesturesOption)(newVal);
+            return newVal;
+        });
+    }, []);
+    const editorZoomGesturesCtx = (0, react_1.useMemo)(() => {
+        return {
+            editorZoomGestures,
+            setEditorZoomGestures,
+        };
+    }, [editorZoomGestures, setEditorZoomGestures]);
+    return ((0, jsx_runtime_1.jsx)(editor_zoom_gestures_1.EditorZoomGesturesContext.Provider, { value: editorZoomGesturesCtx, children: children }));
+};
+exports.ZoomGesturesProvider = ZoomGesturesProvider;

package/dist/components/ZoomPersistor.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+import type { CanvasContent } from 'remotion';
+export declare const getZoomFromLocalStorage: () => Record<string, number>;
+export declare const deriveCanvasContentFromUrl: () => CanvasContent | null;
+export declare const ZoomPersistor: React.FC;

package/dist/components/ZoomPersistor.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZoomPersistor = exports.deriveCanvasContentFromUrl = exports.getZoomFromLocalStorage = void 0;
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const timeline_zoom_1 = require("../state/timeline-zoom");
+const makeKey = () => {
+    return `remotion.zoom-map`;
+};
+const persistCurrentZoom = (zoom) => {
+    localStorage.setItem(makeKey(), JSON.stringify(zoom));
+};
+const getZoomFromLocalStorage = () => {
+    const zoom = localStorage.getItem(makeKey());
+    return zoom ? JSON.parse(zoom) : {};
+};
+exports.getZoomFromLocalStorage = getZoomFromLocalStorage;
+const deriveCanvasContentFromUrl = () => {
+    const substrings = window.location.pathname.split('/').filter(Boolean);
+    const lastPart = substrings[substrings.length - 1];
+    if (substrings[0] === 'assets') {
+        return {
+            type: 'asset',
+            asset: decodeURIComponent(window.location.pathname.substring('/assets/'.length)),
+        };
+    }
+    if (substrings[0] === 'outputs') {
+        return {
+            type: 'output',
+            path: decodeURIComponent(window.location.pathname.substring('/outputs/'.length)),
+        };
+    }
+    if (lastPart) {
+        return {
+            type: 'composition',
+            compositionId: lastPart,
+        };
+    }
+    return null;
+};
+exports.deriveCanvasContentFromUrl = deriveCanvasContentFromUrl;
+const ZoomPersistor = () => {
+    const [playing] = remotion_1.Internals.Timeline.usePlayingState();
+    const { zoom } = (0, react_1.useContext)(timeline_zoom_1.TimelineZoomCtx);
+    const { canvasContent } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
+    const urlState = (0, exports.deriveCanvasContentFromUrl)();
+    const isActive = urlState &&
+        urlState.type === 'composition' &&
+        canvasContent &&
+        canvasContent.type === 'composition' &&
+        urlState.compositionId === canvasContent.compositionId;
+    (0, react_1.useEffect)(() => {
+        if (!isActive) {
+            return;
+        }
+        persistCurrentZoom(zoom);
+    }, [zoom, isActive, playing, urlState]);
+    return null;
+};
+exports.ZoomPersistor = ZoomPersistor;

package/dist/components/get-zod-if-possible.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ZodType = Awaited<typeof import('zod')>['z'];
+export type ZodTypesType = Awaited<typeof import('@remotion/zod-types')>;
+export declare const getZodIfPossible: () => Promise<ZodType | null>;
+export declare const getZTypesIfPossible: () => Promise<ZodTypesType | null>;
+export declare const useZodIfPossible: () => typeof import("zod/lib/external") | null;
+export declare const useZodTypesIfPossible: () => typeof import("@remotion/zod-types") | null;
+export declare const ZodProvider: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist/components/get-zod-if-possible.js

@@ -0,0 +1,79 @@
+"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.ZodProvider = exports.useZodTypesIfPossible = exports.useZodIfPossible = exports.getZTypesIfPossible = exports.getZodIfPossible = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const getZodIfPossible = async () => {
+    try {
+        const { z } = await Promise.resolve().then(() => __importStar(require('zod')));
+        return z;
+    }
+    catch (err) {
+        return null;
+    }
+};
+exports.getZodIfPossible = getZodIfPossible;
+const getZTypesIfPossible = async () => {
+    try {
+        const mod = await Promise.resolve().then(() => __importStar(require('@remotion/zod-types')));
+        return mod;
+    }
+    catch (err) {
+        return null;
+    }
+};
+exports.getZTypesIfPossible = getZTypesIfPossible;
+const useZodIfPossible = () => {
+    var _a;
+    const context = (0, react_1.useContext)(ZodContext);
+    return (_a = context === null || context === void 0 ? void 0 : context.zod) !== null && _a !== void 0 ? _a : null;
+};
+exports.useZodIfPossible = useZodIfPossible;
+const useZodTypesIfPossible = () => {
+    var _a;
+    const context = (0, react_1.useContext)(ZodContext);
+    return (_a = context === null || context === void 0 ? void 0 : context.zodTypes) !== null && _a !== void 0 ? _a : null;
+};
+exports.useZodTypesIfPossible = useZodTypesIfPossible;
+const ZodContext = (0, react_1.createContext)(null);
+const ZodProvider = ({ children }) => {
+    const [zod, setZod] = (0, react_1.useState)(null);
+    const [zodTypes, setZodTypes] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        (0, exports.getZodIfPossible)().then((z) => setZod(z));
+    }, []);
+    (0, react_1.useEffect)(() => {
+        (0, exports.getZTypesIfPossible)().then((z) => setZodTypes(z));
+    }, []);
+    const contextValue = (0, react_1.useMemo)(() => {
+        return {
+            zod,
+            zodTypes,
+        };
+    }, [zod, zodTypes]);
+    return ((0, jsx_runtime_1.jsx)(ZodContext.Provider, { value: contextValue, children: children }));
+};
+exports.ZodProvider = ZodProvider;

package/dist/components/layout.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export declare const SPACING_UNIT = 8;
+export declare const Spacing: React.FC<{
+    x?: number;
+    y?: number;
+    block?: boolean;
+}>;
+export declare const Flex: React.FC<{
+    children?: React.ReactNode;
+}>;
+export declare const Row: React.FC<{
+    justify?: 'center' | 'flex-start' | 'flex-end';
+    align?: 'center';
+    style?: React.CSSProperties;
+    flex?: number;
+    className?: string;
+    children: React.ReactNode;
+} & HTMLAttributes<HTMLDivElement>>;
+export declare const Column: React.FC<{
+    justify?: 'center';
+    align?: 'center';
+    style?: React.CSSProperties;
+    className?: string;
+    children: React.ReactNode;
+}>;

package/dist/components/layout.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Column = exports.Row = exports.Flex = exports.Spacing = exports.SPACING_UNIT = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.SPACING_UNIT = 8;
+const Spacing = ({ x = 0, y = 0, block = false }) => {
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            display: block ? 'block' : 'inline-block',
+            width: x * exports.SPACING_UNIT,
+            height: y * exports.SPACING_UNIT,
+            flexShrink: 0,
+        };
+    }, [block, x, y]);
+    return (0, jsx_runtime_1.jsx)("div", { style: style });
+};
+exports.Spacing = Spacing;
+const flexCss = { flex: 1 };
+const Flex = ({ children }) => (0, jsx_runtime_1.jsx)("div", { style: flexCss, children: children });
+exports.Flex = Flex;
+const Row = ({ children, justify, className, align, flex, style = {}, ...other }) => {
+    const finalStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...style,
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: justify !== null && justify !== void 0 ? justify : 'flex-start',
+            alignItems: align !== null && align !== void 0 ? align : 'flex-start',
+            flex: flex !== null && flex !== void 0 ? flex : undefined,
+        };
+    }, [align, flex, justify, style]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: finalStyle, ...other, children: children }));
+};
+exports.Row = Row;
+const Column = ({ children, justify, className, align, style = {} }) => {
+    const finalStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...style,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: justify !== null && justify !== void 0 ? justify : 'flex-start',
+            alignItems: align !== null && align !== void 0 ? align : 'flex-start',
+        };
+    }, [align, justify, style]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: finalStyle, children: children }));
+};
+exports.Column = Column;

package/dist/error-overlay/entry-basic.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/error-overlay/entry-basic.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_overlay_1 = require("./react-overlay");
+const remotion_overlay_1 = require("./remotion-overlay");
+const Overlay_1 = require("./remotion-overlay/Overlay");
+(0, react_overlay_1.startReportingRuntimeErrors)(() => {
+    if (__webpack_module__.hot) {
+        __webpack_module__.hot.addStatusHandler((status) => {
+            var _a;
+            if (status === 'apply') {
+                if ((0, react_overlay_1.didUnmountReactApp)()) {
+                    return window.location.reload();
+                }
+                (_a = Overlay_1.setErrorsRef.current) === null || _a === void 0 ? void 0 : _a.setErrors({
+                    type: 'clear',
+                });
+            }
+        });
+    }
+});
+(0, remotion_overlay_1.mountRemotionOverlay)();

package/dist/error-overlay/react-overlay/effects/format-warning.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+import type { ReactFrame } from './proxy-console';
+export declare function massageWarning(warning: string, frames: ReactFrame[]): {
+    message: string;
+    stack: string;
+};

package/dist/error-overlay/react-overlay/effects/format-warning.js

@@ -0,0 +1,41 @@
+"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.massageWarning = void 0;
+function stripInlineStacktrace(message) {
+    return message
+        .split('\n')
+        .filter((line) => !line.match(/^\s*in/))
+        .join('\n'); // "  in Foo"
+}
+function massageWarning(warning, frames) {
+    const message = stripInlineStacktrace(warning);
+    // Reassemble the stack with full filenames provided by React
+    let stack = '';
+    let lastFilename;
+    let lastLineNumber;
+    for (let index = 0; index < frames.length; ++index) {
+        const { fileName, lineNumber } = frames[index];
+        if (fileName === null ||
+            lineNumber === null ||
+            lineNumber === undefined ||
+            fileName === undefined) {
+            continue;
+        }
+        if (fileName === lastFilename &&
+            typeof lineNumber === 'number' &&
+            typeof lastLineNumber === 'number' &&
+            Math.abs(lineNumber - lastLineNumber) < 3) {
+            continue;
+        }
+        lastFilename = fileName;
+        lastLineNumber = lineNumber;
+        let { name } = frames[index];
+        name = name || '(anonymous function)';
+        stack += `in ${name} (at ${fileName}:${lineNumber})\n`;
+    }
+    return { message, stack };
+}
+exports.massageWarning = massageWarning;

package/dist/error-overlay/react-overlay/effects/map-error-to-react-stack.d.ts

@@ -0,0 +1,7 @@
+export type ErrorLocation = {
+    fileName: string;
+    columnNumber: number;
+    lineNumber: number;
+    message: string;
+};
+export declare const getLocationFromBuildError: (err: Error) => ErrorLocation | null;

package/dist/error-overlay/react-overlay/effects/map-error-to-react-stack.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocationFromBuildError = void 0;
+const no_react_1 = require("remotion/no-react");
+const getLocationFromBuildError = (err) => {
+    var _a;
+    if (!err.stack) {
+        return null;
+    }
+    if (!err.stack.startsWith('Error: Module build failed') &&
+        !err.stack.startsWith('Error: Cannot find module')) {
+        return null;
+    }
+    const split = err.stack.split('\n');
+    return ((_a = split
+        .map((s) => {
+        if (s.startsWith('Error')) {
+            return null;
+        }
+        const matchWebpackOrEsbuild = s.match(/(.*):([0-9]+):([0-9]+): (.*)/);
+        if (matchWebpackOrEsbuild) {
+            return {
+                fileName: matchWebpackOrEsbuild[1],
+                lineNumber: Number(matchWebpackOrEsbuild[2]),
+                columnNumber: Number(matchWebpackOrEsbuild[3]),
+                message: matchWebpackOrEsbuild[4],
+            };
+        }
+        const matchMissingModule = s.match(/\s+at(.*)\s\((.*)\)/);
+        if (!matchMissingModule) {
+            return null;
+        }
+        if (s.includes('webpackMissingModule')) {
+            return null;
+        }
+        const [, filename] = matchMissingModule;
+        return {
+            columnNumber: 0,
+            lineNumber: 1,
+            message: split[0],
+            fileName: filename.trim(),
+        };
+    })
+        .filter(no_react_1.NoReactInternals.truthy)[0]) !== null && _a !== void 0 ? _a : null);
+};
+exports.getLocationFromBuildError = getLocationFromBuildError;

package/dist/error-overlay/react-overlay/effects/proxy-console.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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 ReactFrame = {
+    fileName: string | null;
+    lineNumber: number | null;
+    name: string | null;
+};
+declare const registerReactStack: () => void;
+declare const unregisterReactStack: () => void;
+type ErrorData = {
+    type: 'webpack-error';
+    message: string;
+    frames: ReactFrame[];
+} | {
+    type: 'build-error';
+    error: Error;
+};
+type ConsoleProxyCallback = (data: ErrorData) => void;
+declare const permanentRegister: (type: 'error', callback: ConsoleProxyCallback) => void;
+export { permanentRegister, registerReactStack, unregisterReactStack };