@remotion/bundler 3.1.10 → 3.1.11

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

@@ -18,7 +18,6 @@ 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" }, void 0) }, void 0) }, void 0));
+    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;
-//# sourceMappingURL=DismissButton.js.map

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

@@ -3,4 +3,3 @@ import { ErrorRecord } from '../react-overlay/listen-to-runtime-errors';
 export declare const ErrorDisplay: React.FC<{
     display: ErrorRecord;
 }>;
-//# sourceMappingURL=ErrorDisplay.d.ts.map

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

@@ -3,12 +3,12 @@ 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 map_error_to_react_stack_1 = require("../react-overlay/effects/map-error-to-react-stack");
-const ErrorTitle_1 = require("./ErrorTitle");
 const stack = {
     marginTop: 17,
     overflowX: 'scroll',
@@ -36,11 +36,10 @@ const ErrorDisplay = ({ display }) => {
             .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 }, void 0), 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] }, void 0), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { message: display.error.message }, void 0), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: stack, children: display.stackFrames.map((s, i) => {
+    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));
-                }) }, void 0)] }, void 0));
+                }) })] }));
 };
 exports.ErrorDisplay = ErrorDisplay;
-//# sourceMappingURL=ErrorDisplay.js.map

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

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const ErrorLoader: React.FC<{
     error: Error;
 }>;
-//# sourceMappingURL=ErrorLoader.d.ts.map

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

@@ -48,15 +48,14 @@ const ErrorLoader = ({ 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 }, void 0) }, void 0));
+        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 }, void 0), (0, jsx_runtime_1.jsx)("div", { style: errorWhileErrorStyle, children: "Error while getting stack trace:" }, void 0), (0, jsx_runtime_1.jsx)("div", { style: errorWhileErrorStyle, children: state.err.stack }, void 0), (0, jsx_runtime_1.jsx)("div", { style: errorWhileErrorStyle, children: "Report this in the Remotion repo." }, void 0)] }, void 0));
+        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 }, void 0), (0, jsx_runtime_1.jsx)("div", { style: errorWhileErrorStyle, children: "Could not get a stack trace." }, void 0)] }, void 0));
+        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 }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(ErrorDisplay_1.ErrorDisplay, { display: state.record }) }));
 };
 exports.ErrorLoader = ErrorLoader;
-//# sourceMappingURL=ErrorLoader.js.map

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

@@ -4,4 +4,3 @@ export declare const ErrorTitle: React.FC<{
     message: string;
     symbolicating: boolean;
 }>;
-//# sourceMappingURL=ErrorTitle.d.ts.map

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

@@ -36,7 +36,6 @@ 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 }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (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, {}, void 0), (0, jsx_runtime_1.jsx)("div", { style: spacer }, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsx)("div", { children: message }, void 0)] }, void 0)] }, void 0), (0, react_overlay_1.didUnmountReactApp)() ? null : (0, jsx_runtime_1.jsx)(DismissButton_1.DismissButton, {}, void 0)] }, void 0));
+    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;
-//# sourceMappingURL=ErrorTitle.js.map

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

@@ -3,4 +3,3 @@ import { SymbolicatedStackFrame } from '../react-overlay/utils/stack-frame';
 export declare const OpenInEditor: React.FC<{
     stack: SymbolicatedStackFrame;
 }>;
-//# sourceMappingURL=OpenInEditor.d.ts.map

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

@@ -85,7 +85,6 @@ const OpenInEditor = ({ stack }) => {
                 throw new Error('invalid state');
         }
     }, [state.type]);
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: openInBrowser, disabled: state.type !== 'idle', children: label }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: openInBrowser, disabled: state.type !== 'idle', children: label }));
 };
 exports.OpenInEditor = OpenInEditor;
-//# sourceMappingURL=OpenInEditor.js.map

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

@@ -12,4 +12,3 @@ declare type State = {
 };
 export declare const Overlay: React.FC;
 export {};
-//# sourceMappingURL=Overlay.d.ts.map

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

@@ -44,7 +44,6 @@ const Overlay = () => {
             color: 'white',
         }, children: errors.errors.map((err) => {
             return (0, jsx_runtime_1.jsx)(ErrorLoader_1.ErrorLoader, { error: err }, err.stack);
-        }) }, void 0));
+        }) }));
 };
 exports.Overlay = Overlay;
-//# sourceMappingURL=Overlay.js.map

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

@@ -2,4 +2,3 @@ import React from 'react';
 export declare const SearchGithubIssues: React.FC<{
     message: string;
 }>;
-//# sourceMappingURL=SearchGitHubIssues.d.ts.map

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

@@ -8,7 +8,6 @@ const SearchGithubIssues = ({ message }) => {
     const openInBrowser = (0, react_1.useCallback)(() => {
         window.open(`https://github.com/remotion-dev/remotion/issues?q=${encodeURIComponent(message)}`, '_blank');
     }, [message]);
-    return (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: openInBrowser, children: "Search GitHub Issues" }, void 0);
+    return (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: openInBrowser, children: "Search GitHub Issues" });
 };
 exports.SearchGithubIssues = SearchGithubIssues;
-//# sourceMappingURL=SearchGitHubIssues.js.map

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

@@ -6,4 +6,3 @@ export declare const StackElement: React.FC<{
     isFirst: boolean;
     defaultFunctionName: string;
 }>;
-//# sourceMappingURL=StackFrame.d.ts.map

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

@@ -41,9 +41,8 @@ const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName }) => {
     const toggleCodeFrame = (0, react_1.useCallback)(() => {
         setShowCodeFrame((f) => !f);
     }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: header, children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("div", { style: fnName, children: (_a = s.originalFunctionName) !== null && _a !== void 0 ? _a : defaultFunctionName }, void 0), s.originalFileName ? ((0, jsx_runtime_1.jsxs)("div", { style: location, children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] }, void 0)) : null] }, void 0), s.originalScriptCode && s.originalScriptCode.length > 0 ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: toggleCodeFrame, children: showCodeFrame ? (0, jsx_runtime_1.jsx)(carets_1.CaretDown, {}, void 0) : (0, jsx_runtime_1.jsx)(carets_1.CaretRight, {}, void 0) }, void 0)) : null] }, void 0), (0, jsx_runtime_1.jsx)("div", { children: s.originalScriptCode &&
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: header, children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("div", { style: fnName, children: (_a = s.originalFunctionName) !== null && _a !== void 0 ? _a : defaultFunctionName }), s.originalFileName ? ((0, jsx_runtime_1.jsxs)("div", { style: location, children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) : null] }), s.originalScriptCode && s.originalScriptCode.length > 0 ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: toggleCodeFrame, children: showCodeFrame ? (0, jsx_runtime_1.jsx)(carets_1.CaretDown, {}) : (0, jsx_runtime_1.jsx)(carets_1.CaretRight, {}) })) : null] }), (0, jsx_runtime_1.jsx)("div", { children: s.originalScriptCode &&
                     s.originalScriptCode.length > 0 &&
-                    showCodeFrame ? ((0, jsx_runtime_1.jsx)(CodeFrame_1.CodeFrame, { lineNumberWidth: lineNumberWidth, source: s.originalScriptCode }, void 0)) : null }, void 0)] }, void 0));
+                    showCodeFrame ? ((0, jsx_runtime_1.jsx)(CodeFrame_1.CodeFrame, { lineNumberWidth: lineNumberWidth, source: s.originalScriptCode })) : null })] }));
 };
 exports.StackElement = StackElement;
-//# sourceMappingURL=StackFrame.js.map

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

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const Symbolicating: React.FC;
-//# sourceMappingURL=Symbolicating.d.ts.map

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Symbolicating = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Symbolicating = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("svg", { id: "loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "16", height: "16", fill: "white", ...props, children: [(0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(0 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(45 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.125s" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(90 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.25s" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(135 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.375s" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(180 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.5s" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(225 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.675s" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(270 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.75s" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(315 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.875s" }, void 0) }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)("svg", { id: "loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "16", height: "16", fill: "white", ...props, children: [(0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(0 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(45 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.125s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(90 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.25s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(135 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.375s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(180 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.5s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(225 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.675s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(270 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.75s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(315 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.875s" }) })] }));
 };
 exports.Symbolicating = Symbolicating;
-//# sourceMappingURL=Symbolicating.js.map

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

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 export declare const CaretRight: () => JSX.Element;
 export declare const CaretDown: () => JSX.Element;
-//# sourceMappingURL=carets.d.ts.map

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

@@ -3,11 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretDown = exports.CaretRight = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const CaretRight = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", { style: { height: 20 }, "aria-hidden": "true", focusable: "false", role: "img", viewBox: "0 0 192 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { style: { height: 20 }, "aria-hidden": "true", focusable: "false", role: "img", viewBox: "0 0 192 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z" }) }));
 };
 exports.CaretRight = CaretRight;
 const CaretDown = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", style: { height: 20 }, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", style: { height: 20 }, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" }) }));
 };
 exports.CaretDown = CaretDown;
-//# sourceMappingURL=carets.js.map

package/dist/error-overlay/remotion-overlay/format-location.d.ts

@@ -1,2 +1 @@
 export declare const formatLocation: (location: string) => string;
-//# sourceMappingURL=format-location.d.ts.map

package/dist/error-overlay/remotion-overlay/format-location.js

@@ -8,4 +8,3 @@ const formatLocation = (location) => {
     return location;
 };
 exports.formatLocation = formatLocation;
-//# sourceMappingURL=format-location.js.map

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

@@ -1,2 +1 @@
 export declare const mountRemotionOverlay: () => void;
-//# sourceMappingURL=index.d.ts.map

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

@@ -5,19 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mountRemotionOverlay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-// In React 18, you should use createRoot() from "react-dom/client".
-// In React 18, you should use render from "react-dom".
-// We support both, but Webpack chooses both of them and normalizes them to "react-dom/client",
-// hence why we import the right thing all the time but need to differentiate here
 const client_1 = __importDefault(require("react-dom/client"));
 const Overlay_1 = require("./Overlay");
 const mountRemotionOverlay = () => {
     if (client_1.default.createRoot) {
-        client_1.default.createRoot(document.getElementById('remotion-error-overlay')).render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}, void 0));
+        client_1.default.createRoot(document.getElementById('remotion-error-overlay')).render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}));
     }
     else {
-        client_1.default.render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}, void 0), document.getElementById('remotion-error-overlay'));
+        client_1.default.render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}), document.getElementById('remotion-error-overlay'));
     }
 };
 exports.mountRemotionOverlay = mountRemotionOverlay;
-//# sourceMappingURL=index.js.map

package/dist/get-latest-remotion-version.d.ts

@@ -1,2 +1 @@
 export declare const getLatestRemotionVersion: () => Promise<any>;
-//# sourceMappingURL=get-latest-remotion-version.d.ts.map

package/dist/get-latest-remotion-version.js

@@ -29,4 +29,3 @@ const getLatestRemotionVersion = async () => {
     return JSON.parse(pkgJson)['dist-tags'].latest;
 };
 exports.getLatestRemotionVersion = getLatestRemotionVersion;
-//# sourceMappingURL=get-latest-remotion-version.js.map

package/dist/get-package-manager.d.ts

@@ -6,4 +6,3 @@ declare type LockfilePath = {
 export declare const lockFilePaths: LockfilePath[];
 export declare const getPackageManager: () => PackageManager | 'unknown';
 export {};
-//# sourceMappingURL=get-package-manager.d.ts.map

package/dist/get-package-manager.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPackageManager = exports.lockFilePaths = void 0;
-const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
 exports.lockFilePaths = [
     { path: 'package-lock.json', manager: 'npm' },
     {
@@ -36,4 +36,3 @@ const getPackageManager = () => {
     return existingPkgManagers[0].manager;
 };
 exports.getPackageManager = getPackageManager;
-//# sourceMappingURL=get-package-manager.js.map

package/dist/get-port.d.ts

@@ -1,2 +1 @@
 export declare const getDesiredPort: (desiredPort: number | undefined, from: number, to: number) => Promise<number>;
-//# sourceMappingURL=get-port.d.ts.map

package/dist/get-port.js

@@ -5,16 +5,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDesiredPort = void 0;
 const net_1 = __importDefault(require("net"));
-const getAvailablePort = (portToTry) => new Promise((resolve, reject) => {
-    const server = net_1.default.createServer();
-    server.unref();
-    server.on('error', reject);
-    server.listen({ port: portToTry }, () => {
-        const { port } = server.address();
-        server.close(() => {
-            resolve(port);
-        });
+const p_limit_1 = require("./p-limit");
+const getAvailablePort = (portToTry) => new Promise((resolve) => {
+    let status = 'unavailable';
+    const host = '127.0.0.1';
+    const socket = new net_1.default.Socket();
+    socket.on('connect', () => {
+        status = 'unavailable';
+        socket.destroy();
     });
+    socket.setTimeout(1000);
+    socket.on('timeout', () => {
+        status = 'unavailable';
+        socket.destroy();
+        resolve(status);
+    });
+    socket.on('error', () => {
+        status = 'available';
+    });
+    socket.on('close', () => resolve(status));
+    socket.connect(portToTry, host);
 });
 const portCheckSequence = function* (ports) {
     if (ports) {
@@ -22,30 +32,18 @@ const portCheckSequence = function* (ports) {
     }
     yield 0; // Fall back to 0 if anything else failed
 };
-const isPortAvailable = async (port) => {
-    try {
-        await getAvailablePort(port);
-        return true;
-    }
-    catch (error) {
-        if (!['EADDRINUSE', 'EACCES'].includes(error.code)) {
-            throw error;
-        }
-        return false;
-    }
-};
 const getPort = async (from, to) => {
     const ports = makeRange(from, to);
     for (const port of portCheckSequence(ports)) {
-        if (await isPortAvailable(port)) {
+        if ((await getAvailablePort(port)) === 'available') {
             return port;
         }
     }
     throw new Error('No available ports found');
 };
-const getDesiredPort = async (desiredPort, from, to) => {
+const getDesiredPortUnlimited = async (desiredPort, from, to) => {
     if (typeof desiredPort !== 'undefined' &&
-        (await isPortAvailable(desiredPort))) {
+        (await getAvailablePort(desiredPort)) === 'available') {
         return desiredPort;
     }
     const actualPort = await getPort(from, to);
@@ -55,6 +53,10 @@ const getDesiredPort = async (desiredPort, from, to) => {
     }
     return actualPort;
 };
+const limit = (0, p_limit_1.pLimit)(1);
+const getDesiredPort = (desiredPort, from, to) => {
+    return limit(getDesiredPortUnlimited, desiredPort, from, to);
+};
 exports.getDesiredPort = getDesiredPort;
 const makeRange = (from, to) => {
     if (!Number.isInteger(from) || !Number.isInteger(to)) {
@@ -76,4 +78,3 @@ const makeRange = (from, to) => {
     };
     return generator(from, to);
 };
-//# sourceMappingURL=get-port.js.map

package/dist/hot-middleware/client.d.ts

@@ -17,4 +17,3 @@ declare function createReporter(): {
     success: () => undefined;
 };
 export {};
-//# sourceMappingURL=client.d.ts.map

package/dist/hot-middleware/client.js

@@ -204,4 +204,3 @@ module.exports = {
     },
     setOptionsAndConnect,
 };
-//# sourceMappingURL=client.js.map

package/dist/hot-middleware/index.d.ts

@@ -11,4 +11,3 @@ export declare const webpackHotMiddleware: (compiler: webpack.Compiler) => {
     publish(payload: HotMiddlewareMessage): void;
     close(): void;
 };
-//# sourceMappingURL=index.d.ts.map

package/dist/hot-middleware/index.js

@@ -6,8 +6,8 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webpackHotMiddleware = void 0;
-const types_1 = require("./types");
 const url_1 = require("url");
+const types_1 = require("./types");
 const pathMatch = function (url, path) {
     try {
         return (0, url_1.parse)(url).pathname === path;
@@ -178,4 +178,3 @@ function buildModuleMap(modules) {
     });
     return map;
 }
-//# sourceMappingURL=index.js.map

package/dist/hot-middleware/process-update.d.ts

@@ -10,4 +10,3 @@
  */
 import { HotMiddlewareOptions, ModuleMap } from './types';
 export declare const processUpdate: (hash: string | undefined, moduleMap: ModuleMap, options: HotMiddlewareOptions) => void;
-//# sourceMappingURL=process-update.d.ts.map

package/dist/hot-middleware/process-update.js

@@ -50,7 +50,7 @@ const processUpdate = function (hash, moduleMap, options) {
     async function check() {
         var _a;
         const cb = function (err, updatedModules) {
-            var _a, _b;
+            var _a;
             if (err)
                 return handleError(err);
             if (!updatedModules) {
@@ -69,7 +69,7 @@ const processUpdate = function (hash, moduleMap, options) {
                 logUpdates(updatedModules, renewedModules);
             };
             const applyResult = (_a = module.hot) === null || _a === void 0 ? void 0 : _a.apply(applyOptions, applyCallback);
-            if ((_b = applyResult) === null || _b === void 0 ? void 0 : _b.then) {
+            if (applyResult === null || applyResult === void 0 ? void 0 : applyResult.then) {
                 // HotModuleReplacement.runtime.js refers to the result as `outdatedModules`
                 applyResult
                     .then((outdatedModules) => {
@@ -145,4 +145,3 @@ const processUpdate = function (hash, moduleMap, options) {
     }
 };
 exports.processUpdate = processUpdate;
-//# sourceMappingURL=process-update.js.map

package/dist/hot-middleware/strip-ansi.d.ts

@@ -1,2 +1 @@
 export declare const stripAnsi: (str: string) => string;
-//# sourceMappingURL=strip-ansi.d.ts.map

package/dist/hot-middleware/strip-ansi.js

@@ -19,4 +19,3 @@ const stripAnsi = (str) => {
     return str.replace(ansiRegex(), '');
 };
 exports.stripAnsi = stripAnsi;
-//# sourceMappingURL=strip-ansi.js.map

package/dist/hot-middleware/types.d.ts

@@ -35,4 +35,3 @@ export declare type WebpackStats = ReturnType<webpack.Stats['toJson']>;
 export declare type ModuleMap = {
     [key: string]: string;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/hot-middleware/types.js

@@ -15,4 +15,3 @@ exports.hotMiddlewareOptions = {
     ansiColors: {},
     heartbeat: 10 * 1000,
 };
-//# sourceMappingURL=types.js.map

package/dist/is-path-inside.d.ts

@@ -0,0 +1 @@
+export declare const isPathInside: (thePath: string, potentialParent: string) => boolean;

package/dist/is-path-inside.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPathInside = void 0;
+const path_1 = __importDefault(require("path"));
+const isPathInside = function (thePath, potentialParent) {
+    // For inside-directory checking, we want to allow trailing slashes, so normalize.
+    thePath = stripTrailingSep(thePath);
+    potentialParent = stripTrailingSep(potentialParent);
+    // Node treats only Windows as case-insensitive in its path module; we follow those conventions.
+    if (process.platform === 'win32') {
+        thePath = thePath.toLowerCase();
+        potentialParent = potentialParent.toLowerCase();
+    }
+    return (thePath.lastIndexOf(potentialParent, 0) === 0 &&
+        (thePath[potentialParent.length] === path_1.default.sep ||
+            thePath[potentialParent.length] === undefined));
+};
+exports.isPathInside = isPathInside;
+function stripTrailingSep(thePath) {
+    if (thePath[thePath.length - 1] === path_1.default.sep) {
+        return thePath.slice(0, -1);
+    }
+    return thePath;
+}

package/dist/p-limit.d.ts

@@ -0,0 +1 @@
+export declare const pLimit: (concurrency: number) => <Arguments extends unknown[], ReturnType_1>(fn: (..._arguments: Arguments) => ReturnType_1 | PromiseLike<ReturnType_1>, ...args: Arguments) => Promise<ReturnType_1>;

package/dist/p-limit.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pLimit = void 0;
+const pLimit = (concurrency) => {
+    const queue = [];
+    let activeCount = 0;
+    const next = () => {
+        var _a;
+        activeCount--;
+        if (queue.length > 0) {
+            (_a = queue.shift()) === null || _a === void 0 ? void 0 : _a();
+        }
+    };
+    const run = async (fn, resolve, ...args) => {
+        activeCount++;
+        // eslint-disable-next-line require-await
+        const result = (async () => fn(...args))();
+        resolve(result);
+        try {
+            await result;
+        }
+        catch (_a) { }
+        next();
+    };
+    const enqueue = (fn, resolve, ...args) => {
+        queue.push(() => run(fn, resolve, ...args));
+        (async () => {
+            var _a;
+            // This function needs to wait until the next microtask before comparing
+            // `activeCount` to `concurrency`, because `activeCount` is updated asynchronously
+            // when the run function is dequeued and called. The comparison in the if-statement
+            // needs to happen asynchronously as well to get an up-to-date value for `activeCount`.
+            await Promise.resolve();
+            if (activeCount < concurrency && queue.length > 0) {
+                (_a = queue.shift()) === null || _a === void 0 ? void 0 : _a();
+            }
+        })();
+    };
+    const generator = (fn, ...args) => new Promise((resolve) => {
+        enqueue(fn, resolve, ...args);
+    });
+    Object.defineProperties(generator, {
+        activeCount: {
+            get: () => activeCount,
+        },
+        pendingCount: {
+            get: () => queue.length,
+        },
+        clearQueue: {
+            value: () => {
+                queue.length = 0;
+            },
+        },
+    });
+    return generator;
+};
+exports.pLimit = pLimit;

package/dist/project-info.d.ts

@@ -3,4 +3,3 @@ export declare type ProjectInfo = {
     relativeVideoFile: string | null;
 };
 export declare const getProjectInfo: () => Promise<ProjectInfo>;
-//# sourceMappingURL=project-info.d.ts.map

package/dist/project-info.js

@@ -20,4 +20,3 @@ const getProjectInfo = () => {
     });
 };
 exports.getProjectInfo = getProjectInfo;
-//# sourceMappingURL=project-info.js.map

package/dist/routes.d.ts

@@ -0,0 +1,2 @@
+import { IncomingMessage, ServerResponse } from 'http';
+export declare const handleRoutes: (hash: string, request: IncomingMessage, response: ServerResponse) => void | Promise<void>;