@remotion/cli 4.0.4 → 4.0.6

package/dist/benchmark.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.benchmarkCommand = void 0;
 const renderer_1 = require("@remotion/renderer");
+const remotion_1 = require("remotion");
 const chalk_1 = require("./chalk");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
@@ -18,7 +19,6 @@ const setup_cache_1 = require("./setup-cache");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const show_compositions_picker_1 = require("./show-compositions-picker");
 const truthy_1 = require("./truthy");
-const remotion_1 = require("remotion");
 const DEFAULT_RUNS = 3;
 const getValidConcurrency = (cliConcurrency) => {
     const { concurrencies } = parse_command_line_1.parsedCli;

package/dist/compositions.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.listCompositionsCommand = void 0;
 const renderer_1 = require("@remotion/renderer");
+const remotion_1 = require("remotion");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
 const entry_point_1 = require("./entry-point");
@@ -9,7 +10,6 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const print_compositions_1 = require("./print-compositions");
 const setup_cache_1 = require("./setup-cache");
-const remotion_1 = require("remotion");
 const listCompositionsCommand = async (remotionRoot, args) => {
     const { file, reason } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
     if (!file) {

package/dist/config/log.d.ts

@@ -1 +1 @@
-export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error", setLogLevel: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;
+export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn", setLogLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;

package/dist/editor/components/CanvasOrLoading.js

@@ -6,15 +6,15 @@ const react_1 = require("react");
 const remotion_1 = require("remotion");
 const ErrorLoader_1 = require("../../preview-server/error-overlay/remotion-overlay/ErrorLoader");
 const colors_1 = require("../helpers/colors");
+const timeline_zoom_1 = require("../state/timeline-zoom");
 const Canvas_1 = require("./Canvas");
+const FramePersistor_1 = require("./FramePersistor");
 const layout_1 = require("./layout");
 const styles_1 = require("./Menu/styles");
 const Spinner_1 = require("./Spinner");
-const FramePersistor_1 = require("./FramePersistor");
-const ZoomPersistor_1 = require("./ZoomPersistor");
-const timeline_scroll_logic_1 = require("./Timeline/timeline-scroll-logic");
-const timeline_zoom_1 = require("../state/timeline-zoom");
 const imperative_state_1 = require("./Timeline/imperative-state");
+const timeline_scroll_logic_1 = require("./Timeline/timeline-scroll-logic");
+const ZoomPersistor_1 = require("./ZoomPersistor");
 const container = {
     color: 'white',
     flex: 1,

package/dist/editor/components/GlobalKeybindings.js

@@ -43,7 +43,7 @@ const GlobalKeybindings = () => {
             callback: () => {
                 setCheckerboard((c) => !c);
             },
-            commandCtrlKey: true,
+            commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
         });

package/dist/editor/components/PlaybackRateSelector.js

@@ -9,7 +9,7 @@ const playbackrate_1 = require("../state/playbackrate");
 const ControlButton_1 = require("./ControlButton");
 const ComboBox_1 = require("./NewComposition/ComboBox");
 const commonPlaybackRates = [
-    -4, -2, -1, -0.5, -0.25, 0.25, 0.5, 1, 2, 4,
+    -4, -2, -1, -0.5, -0.25, 0.25, 0.5, 1, 1.5, 2, 4,
 ];
 const getPlaybackRateLabel = (playbackRate) => {
     return `${playbackRate}x`;

package/dist/editor/components/RenderModal/DataEditor.js

@@ -89,7 +89,6 @@ const setPersistedShowWarningState = (val) => {
 };
 const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, mayShowSaveButton, propsEditType, }) => {
     const [mode, setMode] = (0, react_1.useState)('schema');
-    const [valBeforeSafe, setValBeforeSafe] = (0, react_1.useState)(inputProps);
     const [saving, setSaving] = (0, react_1.useState)(false);
     const [showWarning, setShowWarningWithoutPersistance] = (0, react_1.useState)(() => getPersistedShowWarningState());
     const inJSONEditor = mode === 'json';
@@ -214,7 +213,6 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, mayShowS
             (0, NotificationCenter_1.sendErrorNotification)('Cannot update default props: No Zod schema');
             return;
         }
-        setValBeforeSafe(inputProps);
         (0, actions_1.updateDefaultProps)(unresolvedComposition.id, inputProps, (0, extract_enum_json_paths_1.extractEnumJsonPaths)(schema, z, [])).then((response) => {
             if (!response.success) {
                 (0, NotificationCenter_1.sendErrorNotification)('Cannot update default props: ' + response.reason);
@@ -291,6 +289,6 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, mayShowS
     }
     return ((0, jsx_runtime_1.jsxs)("div", { style: outer, children: [(0, jsx_runtime_1.jsxs)("div", { style: controlContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: tabWrapper, children: [(0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl, { items: modeItems, needsWrapping: false }), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}), warnings.length > 0 ? ((0, jsx_runtime_1.jsx)(WarningIndicatorButton_1.WarningIndicatorButton, { setShowWarning: setShowWarning, showWarning: showWarning, warningCount: warnings.length })) : null] }), showWarning && warnings.length > 0
                         ? warnings.map((warning) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { message: warning, align: "flex-start", type: "warning" })] }, warning)))
-                        : null] }), mode === 'schema' ? ((0, jsx_runtime_1.jsx)(SchemaEditor_1.SchemaEditor, { value: inputProps, setValue: setInputProps, schema: schema, zodValidationResult: zodValidationResult, defaultProps: unresolvedComposition.defaultProps, onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: !zodValidationResult.success })) : ((0, jsx_runtime_1.jsx)(RenderModalJSONPropsEditor_1.RenderModalJSONPropsEditor, { value: inputProps !== null && inputProps !== void 0 ? inputProps : {}, setValue: setInputProps, onSave: onUpdate, valBeforeSafe: valBeforeSafe, showSaveButton: showSaveButton, serializedJSON: serializedJSON, defaultProps: unresolvedComposition.defaultProps, schema: schema }))] }));
+                        : null] }), mode === 'schema' ? ((0, jsx_runtime_1.jsx)(SchemaEditor_1.SchemaEditor, { value: inputProps, setValue: setInputProps, schema: schema, zodValidationResult: zodValidationResult, defaultProps: unresolvedComposition.defaultProps, onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: !zodValidationResult.success })) : ((0, jsx_runtime_1.jsx)(RenderModalJSONPropsEditor_1.RenderModalJSONPropsEditor, { value: inputProps !== null && inputProps !== void 0 ? inputProps : {}, setValue: setInputProps, onSave: onUpdate, showSaveButton: showSaveButton, serializedJSON: serializedJSON, defaultProps: unresolvedComposition.defaultProps, schema: schema }))] }));
 };
 exports.DataEditor = DataEditor;

package/dist/editor/components/RenderModal/RenderModalBasic.d.ts

@@ -1,8 +1,8 @@
 import type { Codec, ProResProfile } from '@remotion/renderer';
 import React from 'react';
+import type { VideoConfig } from 'remotion';
 import type { SegmentedControlItem } from '../SegmentedControl';
 import type { RenderType } from './RenderModalAdvanced';
-import type { VideoConfig } from 'remotion';
 export declare const RenderModalBasic: React.FC<{
     renderMode: RenderType;
     imageFormatOptions: SegmentedControlItem[];

package/dist/editor/components/RenderModal/RenderModalJSONPropsEditor.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-import type { z } from 'zod';
 import type { SerializedJSONWithCustomFields } from 'remotion';
+import type { z } from 'zod';
 export type EditType = 'inputProps' | 'defaultProps';
 export declare const RenderModalJSONPropsEditor: React.FC<{
     value: unknown;
     setValue: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
     onSave: () => void;
-    valBeforeSafe: unknown;
     showSaveButton: boolean;
     serializedJSON: SerializedJSONWithCustomFields | null;
     defaultProps: Record<string, unknown>;

package/dist/editor/components/RenderModal/RenderModalJSONPropsEditor.js

@@ -26,14 +26,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderModalJSONPropsEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
+const remotion_1 = require("remotion");
 const Button_1 = require("../../../preview-server/error-overlay/remotion-overlay/Button");
 const colors_1 = require("../../helpers/colors");
 const use_keybinding_1 = require("../../helpers/use-keybinding");
 const layout_1 = require("../layout");
 const RemTextarea_1 = require("../NewComposition/RemTextarea");
 const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
+const deep_equal_1 = require("./SchemaEditor/deep-equal");
 const ZodErrorMessages_1 = require("./SchemaEditor/ZodErrorMessages");
-const remotion_1 = require("remotion");
 const style = {
     fontFamily: 'monospace',
     flex: 1,
@@ -54,7 +55,7 @@ const parseJSON = (str, schema) => {
         return { str, validJSON: false, error: e.message };
     }
 };
-const RenderModalJSONPropsEditor = ({ setValue, value, defaultProps, onSave, valBeforeSafe, showSaveButton, serializedJSON, schema, }) => {
+const RenderModalJSONPropsEditor = ({ setValue, value, defaultProps, onSave, showSaveButton, serializedJSON, schema, }) => {
     if (serializedJSON === null) {
         throw new Error('expecting serializedJSON to be defined');
     }
@@ -92,8 +93,8 @@ const RenderModalJSONPropsEditor = ({ setValue, value, defaultProps, onSave, val
         }
     }, [schema, setValue]);
     const hasChanged = (0, react_1.useMemo)(() => {
-        return value && JSON.stringify(value) !== JSON.stringify(valBeforeSafe);
-    }, [valBeforeSafe, value]);
+        return !(0, deep_equal_1.deepEqual)(value, defaultProps);
+    }, [defaultProps, value]);
     const onQuickSave = (0, react_1.useCallback)(() => {
         if (hasChanged) {
             onSave();
@@ -117,9 +118,9 @@ const RenderModalJSONPropsEditor = ({ setValue, value, defaultProps, onSave, val
         };
     }, [keybindings, onQuickSave, onSave]);
     const reset = (0, react_1.useCallback)(() => {
-        setLocalValue(parseJSON(serializedJSON.serializedString, schema));
         setValue(defaultProps);
-    }, [defaultProps, schema, serializedJSON.serializedString, setValue]);
+        setLocalValue(parseJSON(JSON.stringify(defaultProps, null, 2), schema));
+    }, [defaultProps, schema, setValue]);
     const textAreaStyle = (0, react_1.useMemo)(() => {
         const fail = !localValue.validJSON || !localValue.zodValidation.success;
         if (!fail) {
@@ -130,10 +131,8 @@ const RenderModalJSONPropsEditor = ({ setValue, value, defaultProps, onSave, val
             borderColor: colors_1.FAIL_COLOR,
         };
     }, [localValue]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: scrollable, children: [(0, jsx_runtime_1.jsx)(RemTextarea_1.RemTextarea, { onChange: onChange, value: localValue.str, status: localValue.validJSON ? 'ok' : 'error', style: textAreaStyle }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), localValue.validJSON === false ? ((0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", message: localValue.error, type: "error" })) : localValue.zodValidation.success === false ? ((0, jsx_runtime_1.jsx)(ZodErrorMessages_1.ZodErrorMessages, { zodValidationResult: localValue.zodValidation, viewTab: "json" })) : null, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { disabled: !localValue.validJSON ||
-                            !(localValue.validJSON && !localValue.zodValidation.success), onClick: reset, children: "Reset" }), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}), (0, jsx_runtime_1.jsx)(Button_1.Button, { disabled: !localValue.validJSON, onClick: onPretty, children: "Format" }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onSave, disabled: !(localValue.validJSON && localValue.zodValidation.success) ||
+    return ((0, jsx_runtime_1.jsxs)("div", { style: scrollable, children: [(0, jsx_runtime_1.jsx)(RemTextarea_1.RemTextarea, { onChange: onChange, value: localValue.str, status: localValue.validJSON ? 'ok' : 'error', style: textAreaStyle }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), localValue.validJSON === false ? ((0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", message: localValue.error, type: "error" })) : localValue.zodValidation.success === false ? ((0, jsx_runtime_1.jsx)(ZodErrorMessages_1.ZodErrorMessages, { zodValidationResult: localValue.zodValidation, viewTab: "json" })) : null, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { disabled: !(hasChanged || !localValue.validJSON), onClick: reset, children: "Reset" }), (0, jsx_runtime_1.jsx)(layout_1.Flex, {}), (0, jsx_runtime_1.jsx)(Button_1.Button, { disabled: !localValue.validJSON, onClick: onPretty, children: "Format" }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), showSaveButton ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onSave, disabled: !(localValue.validJSON && localValue.zodValidation.success) ||
                             !localValue.validJSON ||
-                            !hasChanged ||
-                            !showSaveButton, children: "Save" })] })] }));
+                            !hasChanged, children: "Save" })) : null] })] }));
 };
 exports.RenderModalJSONPropsEditor = RenderModalJSONPropsEditor;

package/dist/editor/components/RenderModal/SchemaEditor/SchemaLabel.js

@@ -9,7 +9,6 @@ const InlineRemoveButton_1 = require("../InlineRemoveButton");
 const get_schema_label_1 = require("./get-schema-label");
 const SchemaResetButton_1 = require("./SchemaResetButton");
 const SchemaSaveButton_1 = require("./SchemaSaveButton");
-const colors_2 = require("../../../helpers/colors");
 const compactStyles = {
     fontSize: 15,
     color: colors_1.LIGHT_TEXT,
@@ -24,7 +23,7 @@ const SchemaLabel = ({ jsonPath, isDefaultValue, onReset, onSave, showSaveButton
         return {
             fontFamily: 'monospace',
             fontSize: 14,
-            color: valid ? colors_1.LIGHT_TEXT : colors_2.FAIL_COLOR,
+            color: valid ? colors_1.LIGHT_TEXT : colors_1.FAIL_COLOR,
             lineHeight: '24px',
         };
     }, [valid]);

package/dist/editor/components/RenderModal/SchemaEditor/ZodArrayEditor.js

@@ -26,19 +26,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZodArrayEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
+const plus_1 = require("../../../icons/plus");
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const InlineAction_1 = require("../../InlineAction");
+const layout_1 = require("../layout");
 const create_zod_values_1 = require("./create-zod-values");
 const deep_equal_1 = require("./deep-equal");
-const local_state_1 = require("./local-state");
-const ZodArrayItemEditor_1 = require("./ZodArrayItemEditor");
 const Fieldset_1 = require("./Fieldset");
-const SchemaVerticalGuide_1 = require("./SchemaVerticalGuide");
-const layout_1 = require("../layout");
+const local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
 const SchemaSeparationLine_1 = require("./SchemaSeparationLine");
-const InlineAction_1 = require("../../InlineAction");
-const plus_1 = require("../../../icons/plus");
+const SchemaVerticalGuide_1 = require("./SchemaVerticalGuide");
+const ZodArrayItemEditor_1 = require("./ZodArrayItemEditor");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
-const SchemaLabel_1 = require("./SchemaLabel");
 const ZodArrayEditor = ({ schema, jsonPath, setValue, defaultValue, value, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
     const { localValue, onChange, RevisionContextProvider, reset } = (0, local_state_1.useLocalState)({
         value,

package/dist/editor/components/RenderModal/SchemaEditor/ZodBooleanEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
+import type { z } from 'zod';
 import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
-import type { z } from 'zod';
 export declare const ZodBooleanEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

package/dist/editor/components/RenderModal/SchemaEditor/ZodBooleanEditor.js

@@ -4,9 +4,9 @@ exports.ZodBooleanEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Checkbox_1 = require("../../Checkbox");
-const SchemaLabel_1 = require("./SchemaLabel");
 const Fieldset_1 = require("./Fieldset");
 const local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
 const fullWidth = {
     width: '100%',
 };

package/dist/editor/components/RenderModal/SchemaEditor/ZodColorEditor.js

@@ -9,9 +9,9 @@ const layout_1 = require("../../layout");
 const InputDragger_1 = require("../../NewComposition/InputDragger");
 const RemInput_1 = require("../../NewComposition/RemInput");
 const RemInputTypeColor_1 = require("../../NewComposition/RemInputTypeColor");
+const Fieldset_1 = require("./Fieldset");
 const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
-const Fieldset_1 = require("./Fieldset");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
 const fullWidth = {
     width: '100%',

package/dist/editor/components/RenderModal/SchemaEditor/ZodDateEditor.js

@@ -6,9 +6,9 @@ const react_1 = require("react");
 const colors_1 = require("../../../helpers/colors");
 const layout_1 = require("../../layout");
 const RemInput_1 = require("../../NewComposition/RemInput");
+const Fieldset_1 = require("./Fieldset");
 const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
-const Fieldset_1 = require("./Fieldset");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
 const fullWidth = {
     width: '100%',

package/dist/editor/components/RenderModal/SchemaEditor/ZodEffectEditor.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZodEffectEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
-const local_state_1 = require("./local-state");
-const ZodSwitch_1 = require("./ZodSwitch");
 const Fieldset_1 = require("./Fieldset");
+const local_state_1 = require("./local-state");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const ZodSwitch_1 = require("./ZodSwitch");
 const fullWidth = {
     width: '100%',
 };

package/dist/editor/components/RenderModal/SchemaEditor/ZodEnumEditor.js

@@ -6,9 +6,9 @@ const react_1 = require("react");
 const Checkmark_1 = require("../../../icons/Checkmark");
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const ComboBox_1 = require("../../NewComposition/ComboBox");
+const Fieldset_1 = require("./Fieldset");
 const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
-const Fieldset_1 = require("./Fieldset");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
 const container = {
     width: '100%',

package/dist/editor/components/RenderModal/SchemaEditor/ZodFieldValidation.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZodFieldValidation = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
 const layout_1 = require("../../layout");
+const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
 const InfoBubble_1 = require("../InfoBubble");
 const legend = {
     display: 'flex',

package/dist/editor/components/RenderModal/SchemaEditor/ZodNonEditableValue.js

@@ -4,8 +4,8 @@ exports.ZonNonEditableValue = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const colors_1 = require("../../../helpers/colors");
-const SchemaLabel_1 = require("./SchemaLabel");
 const Fieldset_1 = require("./Fieldset");
+const SchemaLabel_1 = require("./SchemaLabel");
 const fullWidth = {
     width: '100%',
 };

package/dist/editor/components/RenderModal/SchemaEditor/ZodNumberEditor.js

@@ -4,9 +4,9 @@ exports.ZodNumberEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const InputDragger_1 = require("../../NewComposition/InputDragger");
+const Fieldset_1 = require("./Fieldset");
 const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
-const Fieldset_1 = require("./Fieldset");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
 const fullWidth = {
     width: '100%',

package/dist/editor/components/RenderModal/SchemaEditor/ZodObjectEditor.js

@@ -1,21 +1,40 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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.ZodObjectEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
-const local_state_1 = require("./local-state");
-const ZodSwitch_1 = require("./ZodSwitch");
+const layout_1 = require("../layout");
+const deep_equal_1 = require("./deep-equal");
 const Fieldset_1 = require("./Fieldset");
+const local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
 const SchemaSeparationLine_1 = require("./SchemaSeparationLine");
-const layout_1 = require("../layout");
 const SchemaVerticalGuide_1 = require("./SchemaVerticalGuide");
-const SchemaLabel_1 = require("./SchemaLabel");
-const deep_equal_1 = require("./deep-equal");
+const ZodSwitch_1 = require("./ZodSwitch");
 const ZodObjectEditor = ({ schema, jsonPath, setValue, value, defaultValue, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
     const z = (0, get_zod_if_possible_1.useZodIfPossible)();
     if (!z) {
@@ -43,7 +62,7 @@ const ZodObjectEditor = ({ schema, jsonPath, setValue, value, defaultValue, onSa
                         return localValue.value;
                     }, false, false);
                 }, saveDisabledByParent: saveDisabledByParent, saving: saving, showSaveButton: showSaveButton, valid: localValue.zodValidation.success })), (0, jsx_runtime_1.jsx)(RevisionContextProvider, { children: (0, jsx_runtime_1.jsx)(SchemaVerticalGuide_1.SchemaVerticalGuide, { isRoot: isRoot, children: keys.map((key, i) => {
-                        return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { mayPad: true, jsonPath: [...jsonPath, key], schema: shape[key], value: localValue.value[key], 
+                        return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { mayPad: true, jsonPath: [...jsonPath, key], schema: shape[key], value: localValue.value[key], 
                                     // In case of null | {a: string, b: string} type, we need to fallback to the default value
                                     defaultValue: (defaultValue !== null && defaultValue !== void 0 ? defaultValue : value)[key], setValue: (val, forceApply) => {
                                         onChange((oldVal) => {

package/dist/editor/components/RenderModal/SchemaEditor/ZodOrNullishEditor.js

@@ -8,10 +8,10 @@ const Checkbox_1 = require("../../Checkbox");
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const layout_1 = require("../../layout");
 const create_zod_values_1 = require("./create-zod-values");
-const SchemaLabel_1 = require("./SchemaLabel");
-const ZodSwitch_1 = require("./ZodSwitch");
 const Fieldset_1 = require("./Fieldset");
 const local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
+const ZodSwitch_1 = require("./ZodSwitch");
 const labelStyle = {
     fontFamily: 'sans-serif',
     fontSize: 14,

package/dist/editor/components/RenderModal/SchemaEditor/ZodStaticFileEditor.js

@@ -7,9 +7,9 @@ const remotion_1 = require("remotion");
 const Checkmark_1 = require("../../../icons/Checkmark");
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const ComboBox_1 = require("../../NewComposition/ComboBox");
+const Fieldset_1 = require("./Fieldset");
 const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
-const Fieldset_1 = require("./Fieldset");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
 const container = {
     width: '100%',

package/dist/editor/components/RenderModal/SchemaEditor/ZodStringEditor.js

@@ -5,9 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const RemInput_1 = require("../../NewComposition/RemInput");
+const Fieldset_1 = require("./Fieldset");
 const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
-const Fieldset_1 = require("./Fieldset");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
 const fullWidth = {
     width: '100%',

package/dist/editor/components/Timeline/TimelineDragHandler.js

@@ -10,13 +10,13 @@ const timeline_layout_1 = require("../../helpers/timeline-layout");
 const in_out_1 = require("../../state/in-out");
 const timeline_zoom_1 = require("../../state/timeline-zoom");
 const is_menu_item_1 = require("../Menu/is-menu-item");
+const TimelineInOutToggle_1 = require("../TimelineInOutToggle");
 const timeline_refs_1 = require("./timeline-refs");
 const timeline_scroll_logic_1 = require("./timeline-scroll-logic");
 const TimelineInOutPointer_1 = require("./TimelineInOutPointer");
 const TimelineInOutPointerHandle_1 = require("./TimelineInOutPointerHandle");
 const TimelineSlider_1 = require("./TimelineSlider");
 const TimelineWidthProvider_1 = require("./TimelineWidthProvider");
-const TimelineInOutToggle_1 = require("../TimelineInOutToggle");
 const inner = {
     overflowY: 'auto',
     overflowX: 'hidden',

package/dist/editor/helpers/colors.d.ts

@@ -16,4 +16,4 @@ export declare const BLUE_DISABLED = "#284f73";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.25)";

package/dist/error-with-stack-frame.d.ts

@@ -0,0 +1,19 @@
+import type { Page, SymbolicatedStackFrame } from '@remotion/renderer';
+export declare class ErrorWithStackFrame extends Error {
+    symbolicatedStackFrames: SymbolicatedStackFrame[] | null;
+    frame: number | null;
+    name: string;
+    delayRenderCall: SymbolicatedStackFrame[] | null;
+    constructor({ message, symbolicatedStackFrames, frame, name, delayRenderCall, }: {
+        message: string;
+        symbolicatedStackFrames: SymbolicatedStackFrame[] | null;
+        frame: number | null;
+        name: string;
+        delayRenderCall: SymbolicatedStackFrame[] | null;
+    });
+}
+export declare const handleJavascriptException: ({ page, onError, frame, }: {
+    page: Page;
+    frame: number | null;
+    onError: (err: Error) => void;
+}) => () => void;

package/dist/error-with-stack-frame.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleJavascriptException = exports.ErrorWithStackFrame = void 0;
+const remotion_1 = require("remotion");
+const renderer_1 = require("@remotion/renderer");
+const log_1 = require("./log");
+class ErrorWithStackFrame extends Error {
+    constructor({ message, symbolicatedStackFrames, frame, name, delayRenderCall, }) {
+        super(message);
+        this.symbolicatedStackFrames = symbolicatedStackFrames;
+        this.frame = frame;
+        this.name = name;
+        this.delayRenderCall = delayRenderCall;
+    }
+}
+exports.ErrorWithStackFrame = ErrorWithStackFrame;
+const cleanUpErrorMessage = (exception) => {
+    var _a, _b, _c, _d;
+    let errorMessage = (_a = exception.exceptionDetails.exception) === null || _a === void 0 ? void 0 : _a.description;
+    if (!errorMessage) {
+        return null;
+    }
+    const errorType = (_b = exception.exceptionDetails.exception) === null || _b === void 0 ? void 0 : _b.className;
+    const prefix = `${errorType}: `;
+    if (errorMessage.startsWith(prefix)) {
+        errorMessage = errorMessage.substring(prefix.length);
+    }
+    const frames = (_d = (_c = exception.exceptionDetails.stackTrace) === null || _c === void 0 ? void 0 : _c.callFrames.length) !== null && _d !== void 0 ? _d : 0;
+    const split = errorMessage.split('\n');
+    return split.slice(0, Math.max(1, split.length - frames)).join('\n');
+};
+const removeDelayRenderStack = (message) => {
+    const index = message.indexOf(remotion_1.Internals.DELAY_RENDER_CALLSTACK_TOKEN);
+    if (index === -1) {
+        return message;
+    }
+    return message.substring(0, index);
+};
+const callFrameToStackFrame = (callFrame) => {
+    return {
+        columnNumber: callFrame.columnNumber,
+        fileName: callFrame.url,
+        functionName: callFrame.functionName,
+        lineNumber: callFrame.lineNumber,
+    };
+};
+const handleJavascriptException = ({ page, onError, frame, }) => {
+    const client = page._client();
+    const handler = (exception) => {
+        var _a, _b, _c;
+        const rawErrorMessage = (_a = exception.exceptionDetails.exception) === null || _a === void 0 ? void 0 : _a.description;
+        const cleanErrorMessage = cleanUpErrorMessage(exception);
+        if (!cleanErrorMessage) {
+            log_1.Log.error(exception);
+            const err = new Error(rawErrorMessage);
+            err.stack = rawErrorMessage;
+            onError(err);
+            return;
+        }
+        if (!exception.exceptionDetails.stackTrace) {
+            const err = new Error(removeDelayRenderStack(cleanErrorMessage));
+            err.stack = rawErrorMessage;
+            onError(err);
+            return;
+        }
+        const errorType = (_b = exception.exceptionDetails.exception) === null || _b === void 0 ? void 0 : _b.className;
+        const symbolicatedErr = new renderer_1.RenderInternals.SymbolicateableError({
+            message: removeDelayRenderStack(cleanErrorMessage),
+            stackFrame: exception.exceptionDetails.stackTrace.callFrames.map((f) => callFrameToStackFrame(f)),
+            frame,
+            name: errorType,
+            stack: (_c = exception.exceptionDetails.exception) === null || _c === void 0 ? void 0 : _c.description,
+        });
+        onError(symbolicatedErr);
+    };
+    client.on('Runtime.exceptionThrown', handler);
+    return () => {
+        client.off('Runtime.exceptionThrown', handler);
+    };
+};
+exports.handleJavascriptException = handleJavascriptException;

package/dist/get-composition-id.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionId = void 0;
 const renderer_1 = require("@remotion/renderer");
+const format_bytes_1 = require("./format-bytes");
 const log_1 = require("./log");
 const show_compositions_picker_1 = require("./show-compositions-picker");
-const format_bytes_1 = require("./format-bytes");
 const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
     if (compositionIdFromUi) {
         return {

package/dist/handle-javascript-error.d.ts

@@ -0,0 +1,20 @@
+import type { Page } from '../browser/BrowserPage';
+import type { SymbolicatedStackFrame } from '../symbolicate-stacktrace';
+export declare class ErrorWithStackFrame extends Error {
+    symbolicatedStackFrames: SymbolicatedStackFrame[] | null;
+    frame: number | null;
+    name: string;
+    delayRenderCall: SymbolicatedStackFrame[] | null;
+    constructor({ message, symbolicatedStackFrames, frame, name, delayRenderCall, }: {
+        message: string;
+        symbolicatedStackFrames: SymbolicatedStackFrame[] | null;
+        frame: number | null;
+        name: string;
+        delayRenderCall: SymbolicatedStackFrame[] | null;
+    });
+}
+export declare const handleJavascriptException: ({ page, onError, frame, }: {
+    page: Page;
+    frame: number | null;
+    onError: (err: Error) => void;
+}) => () => void;

package/dist/handle-javascript-error.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleJavascriptException = exports.ErrorWithStackFrame = void 0;
+const remotion_1 = require("remotion");
+const symbolicateable_error_1 = require("./symbolicateable-error");
+const log_1 = require("./log");
+class ErrorWithStackFrame extends Error {
+    constructor({ message, symbolicatedStackFrames, frame, name, delayRenderCall, }) {
+        super(message);
+        this.symbolicatedStackFrames = symbolicatedStackFrames;
+        this.frame = frame;
+        this.name = name;
+        this.delayRenderCall = delayRenderCall;
+    }
+}
+exports.ErrorWithStackFrame = ErrorWithStackFrame;
+const cleanUpErrorMessage = (exception) => {
+    var _a, _b, _c, _d;
+    let errorMessage = (_a = exception.exceptionDetails.exception) === null || _a === void 0 ? void 0 : _a.description;
+    if (!errorMessage) {
+        return null;
+    }
+    const errorType = (_b = exception.exceptionDetails.exception) === null || _b === void 0 ? void 0 : _b.className;
+    const prefix = `${errorType}: `;
+    if (errorMessage.startsWith(prefix)) {
+        errorMessage = errorMessage.substring(prefix.length);
+    }
+    const frames = (_d = (_c = exception.exceptionDetails.stackTrace) === null || _c === void 0 ? void 0 : _c.callFrames.length) !== null && _d !== void 0 ? _d : 0;
+    const split = errorMessage.split('\n');
+    return split.slice(0, Math.max(1, split.length - frames)).join('\n');
+};
+const removeDelayRenderStack = (message) => {
+    const index = message.indexOf(remotion_1.Internals.DELAY_RENDER_CALLSTACK_TOKEN);
+    if (index === -1) {
+        return message;
+    }
+    return message.substring(0, index);
+};
+const callFrameToStackFrame = (callFrame) => {
+    return {
+        columnNumber: callFrame.columnNumber,
+        fileName: callFrame.url,
+        functionName: callFrame.functionName,
+        lineNumber: callFrame.lineNumber,
+    };
+};
+const handleJavascriptException = ({ page, onError, frame, }) => {
+    const client = page._client();
+    const handler = (exception) => {
+        var _a, _b, _c;
+        const rawErrorMessage = (_a = exception.exceptionDetails.exception) === null || _a === void 0 ? void 0 : _a.description;
+        const cleanErrorMessage = cleanUpErrorMessage(exception);
+        if (!cleanErrorMessage) {
+            log_1.Log.error(exception);
+            const err = new Error(rawErrorMessage);
+            err.stack = rawErrorMessage;
+            onError(err);
+            return;
+        }
+        if (!exception.exceptionDetails.stackTrace) {
+            const err = new Error(removeDelayRenderStack(cleanErrorMessage));
+            err.stack = rawErrorMessage;
+            onError(err);
+            return;
+        }
+        const errorType = (_b = exception.exceptionDetails.exception) === null || _b === void 0 ? void 0 : _b.className;
+        const symbolicatedErr = new symbolicateable_error_1.SymbolicateableError({
+            message: removeDelayRenderStack(cleanErrorMessage),
+            stackFrame: exception.exceptionDetails.stackTrace.callFrames.map((f) => callFrameToStackFrame(f)),
+            frame,
+            name: errorType,
+            stack: (_c = exception.exceptionDetails.exception) === null || _c === void 0 ? void 0 : _c.description,
+        });
+        onError(symbolicatedErr);
+    };
+    client.on('Runtime.exceptionThrown', handler);
+    return () => {
+        client.off('Runtime.exceptionThrown', handler);
+    };
+};
+exports.handleJavascriptException = handleJavascriptException;

package/dist/index.d.ts

@@ -78,6 +78,12 @@ export declare const CliInternals: {
             logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
+        errorAdvanced: (options: {
+            indent: boolean;
+            logLevel: "verbose" | "info" | "warn" | "error";
+        } & {
+            tag?: string | undefined;
+        }, message?: any, ...optionalParams: any[]) => void;
     };
     getCliOptions: (options: {
         isLambda: boolean;

package/dist/index.js

@@ -61,14 +61,17 @@ const cli = async () => {
     if (command !== versions_1.VERSIONS_COMMAND) {
         await (0, versions_1.validateVersionsBeforeCommand)(remotionRoot);
     }
-    const errorSymbolicationLock = renderer_1.RenderInternals.registerErrorSymbolicationLock();
+    const isStudio = command === 'studio' || command === 'preview';
+    const errorSymbolicationLock = isStudio
+        ? 0
+        : renderer_1.RenderInternals.registerErrorSymbolicationLock();
     (0, cleanup_before_quit_1.handleCtrlC)();
     await (0, initialize_cli_1.initializeCli)(remotionRoot);
     try {
         if (command === 'compositions') {
             await (0, compositions_1.listCompositionsCommand)(remotionRoot, args);
         }
-        else if (command === 'preview' || command === 'studio') {
+        else if (isStudio) {
             await (0, studio_1.studioCommand)(remotionRoot, args);
         }
         else if (command === 'lambda') {

package/dist/log.d.ts

@@ -17,4 +17,10 @@ export declare const Log: {
         logLevel: "verbose" | "info" | "warn" | "error";
     }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
+    errorAdvanced: (options: {
+        indent: boolean;
+        logLevel: "verbose" | "info" | "warn" | "error";
+    } & {
+        tag?: string | undefined;
+    }, message?: any, ...optionalParams: any[]) => void;
 };

package/dist/preview-server/render-queue/make-retry-payload.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRetryPayload = void 0;
-const get_default_video_contexts_1 = require("./get-default-video-contexts");
 const remotion_1 = require("remotion");
+const get_default_video_contexts_1 = require("./get-default-video-contexts");
 const makeRetryPayload = (job) => {
     var _a, _b, _c;
     const defaults = window.remotion_renderDefaults;

package/dist/preview-server/routes/update-default-props.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateDefaultPropsHandler = void 0;
 const node_fs_1 = require("node:fs");
+const remotion_1 = require("remotion");
 const update_default_props_1 = require("../../codemods/update-default-props");
 const project_info_1 = require("../project-info");
 const can_update_default_props_1 = require("./can-update-default-props");
-const remotion_1 = require("remotion");
 const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot }) => {
     try {
         const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot);

package/dist/print-error.js

@@ -9,13 +9,16 @@ const progress_bar_1 = require("./progress-bar");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const printError = async (err, logLevel) => {
     if (err instanceof renderer_1.RenderInternals.SymbolicateableError) {
+        const updatesDoOverwrite = !(0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
         const output = (0, progress_bar_1.createOverwriteableCliOutput)({
             quiet: false,
             cancelSignal: null,
-            updatesDontOverwrite: (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel }),
+            updatesDontOverwrite: !updatesDoOverwrite,
             indent: false,
         });
-        output.update(chalk_1.chalk.red('Symbolicating minified error message...\n' + err.message), false);
+        if (updatesDoOverwrite) {
+            output.update(chalk_1.chalk.red('Symbolicating minified error message...\n' + err.message), false);
+        }
         try {
             const symbolicated = await renderer_1.RenderInternals.symbolicateError(err);
             if (symbolicated.frame === null) {
@@ -27,7 +30,7 @@ const printError = async (err, logLevel) => {
             (0, code_frame_1.printCodeFrameAndStack)(symbolicated);
         }
         catch (e) {
-            output.update(chalk_1.chalk.red('(Error occurred symbolicating stack trace - printing minified stack trace)'), true);
+            output.update(chalk_1.chalk.red(''), true);
             log_1.Log.error();
             log_1.Log.error(err.stack || err);
         }

package/dist/render-flows/render.js

@@ -31,6 +31,7 @@ const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = __importStar(require("node:fs"));
 const node_os_1 = __importDefault(require("node:os"));
 const node_path_1 = __importDefault(require("node:path"));
+const remotion_1 = require("remotion");
 const chalk_1 = require("../chalk");
 const config_1 = require("../config");
 const get_cli_options_1 = require("../get-cli-options");
@@ -45,7 +46,6 @@ const setup_cache_1 = require("../setup-cache");
 const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const remotion_1 = require("remotion");
 const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, }) => {
     var _a;
     const downloads = [];

package/dist/render-flows/still.js

@@ -8,6 +8,7 @@ exports.renderStillFlow = void 0;
 const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const remotion_1 = require("remotion");
 const chalk_1 = require("../chalk");
 const cleanup_before_quit_1 = require("../cleanup-before-quit");
 const config_1 = require("../config");
@@ -22,7 +23,6 @@ const setup_cache_1 = require("../setup-cache");
 const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const remotion_1 = require("remotion");
 const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, outputLocationFromUi, }) => {
     var _a, _b;
     const downloads = [];

package/dist/symbolicate-error.d.ts

@@ -0,0 +1,3 @@
+import { ErrorWithStackFrame } from './handle-javascript-exception';
+import type { SymbolicateableError } from './symbolicateable-error';
+export declare const symbolicateError: (symbolicateableError: SymbolicateableError) => Promise<ErrorWithStackFrame>;

package/dist/symbolicate-error.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.symbolicateError = void 0;
+const symbolicate_stacktrace_1 = require("../symbolicate-stacktrace");
+const handle_javascript_exception_1 = require("./handle-javascript-exception");
+const truthy_1 = require("./truthy");
+const symbolicateError = async (symbolicateableError) => {
+    const { delayRenderCall, stackFrame } = symbolicateableError;
+    const [mainErrorFrames, delayRenderFrames] = await Promise.all([
+        stackFrame ? (0, symbolicate_stacktrace_1.symbolicateStackTraceFromRemoteFrames)(stackFrame) : null,
+        delayRenderCall
+            ? (0, symbolicate_stacktrace_1.symbolicateStackTraceFromRemoteFrames)(delayRenderCall)
+            : null,
+    ].filter(truthy_1.truthy));
+    const symbolicatedErr = new handle_javascript_exception_1.ErrorWithStackFrame({
+        message: symbolicateableError.message,
+        symbolicatedStackFrames: mainErrorFrames,
+        frame: symbolicateableError.frame,
+        name: symbolicateableError.name,
+        delayRenderCall: delayRenderFrames,
+    });
+    return symbolicatedErr;
+};
+exports.symbolicateError = symbolicateError;

package/dist/symbolicate-errors.d.ts

@@ -0,0 +1,7 @@
+import type { SymbolicatedStackFrame, UnsymbolicatedStackFrame } from '@remotion/renderer';
+import type { SourceMapConsumer } from 'source-map';
+import { ErrorWithStackFrame } from './error-with-stack-frame';
+export declare const symbolicateError: (symbolicateableError: SymbolicateableError) => Promise<ErrorWithStackFrame>;
+export declare const symbolicateStackTraceFromRemoteFrames: (frames: UnsymbolicatedStackFrame[]) => Promise<SymbolicatedStackFrame[]>;
+export declare const getSourceMapFromRemoteFile: (fileName: string) => Promise<any>;
+export declare const symbolicateFromSources: (frames: UnsymbolicatedStackFrame[], mapValues: Record<string, SourceMapConsumer | null>) => SymbolicatedStackFrame[];

package/dist/symbolicate-errors.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.symbolicateFromSources = exports.getSourceMapFromRemoteFile = exports.symbolicateStackTraceFromRemoteFrames = exports.symbolicateError = void 0;
+const renderer_1 = require("@remotion/renderer");
+const truthy_1 = require("./truthy");
+const error_with_stack_frame_1 = require("./error-with-stack-frame");
+const symbolicateError = async (symbolicateableError) => {
+    const { delayRenderCall, stackFrame } = symbolicateableError;
+    const [mainErrorFrames, delayRenderFrames] = await Promise.all([
+        stackFrame ? (0, exports.symbolicateStackTraceFromRemoteFrames)(stackFrame) : null,
+        delayRenderCall
+            ? (0, exports.symbolicateStackTraceFromRemoteFrames)(delayRenderCall)
+            : null,
+    ].filter(truthy_1.truthy));
+    const symbolicatedErr = new error_with_stack_frame_1.ErrorWithStackFrame({
+        message: symbolicateableError.message,
+        symbolicatedStackFrames: mainErrorFrames,
+        frame: symbolicateableError.frame,
+        name: symbolicateableError.name,
+        delayRenderCall: delayRenderFrames,
+    });
+    return symbolicatedErr;
+};
+exports.symbolicateError = symbolicateError;
+const symbolicateStackTraceFromRemoteFrames = async (frames) => {
+    const uniqueFileNames = [
+        ...new Set(frames
+            .map((f) => f.fileName)
+            .filter((f) => f.startsWith('http://') || f.startsWith('https://'))
+            .filter(truthy_1.truthy)),
+    ];
+    const maps = await Promise.all(uniqueFileNames.map((fileName) => {
+        return (0, exports.getSourceMapFromRemoteFile)(fileName);
+    }));
+    const mapValues = {};
+    for (let i = 0; i < uniqueFileNames.length; i++) {
+        mapValues[uniqueFileNames[i]] = maps[i];
+    }
+    return (0, exports.symbolicateFromSources)(frames, mapValues);
+};
+exports.symbolicateStackTraceFromRemoteFrames = symbolicateStackTraceFromRemoteFrames;
+const getSourceMapFromRemoteFile = async (fileName) => {
+    const fileContents = await renderer_1.RenderInternals.fetchUrl(fileName);
+    return renderer_1.RenderInternals.getSourceMap(fileName, fileContents, 'remote');
+};
+exports.getSourceMapFromRemoteFile = getSourceMapFromRemoteFile;
+const symbolicateFromSources = (frames, mapValues) => {
+    return frames
+        .map((frame) => {
+        const map = mapValues[frame.fileName];
+        if (!map) {
+            return null;
+        }
+        return symbolicateStackFrame(frame, map);
+    })
+        .filter(truthy_1.truthy);
+};
+exports.symbolicateFromSources = symbolicateFromSources;
+const symbolicateStackFrame = (frame, map) => {
+    const pos = getOriginalPosition(map, frame.lineNumber, frame.columnNumber);
+    const hasSource = pos.source ? map.sourceContentFor(pos.source, false) : null;
+    const scriptCode = hasSource && pos.line
+        ? getLinesAround(pos.line, 3, hasSource.split('\n'))
+        : null;
+    return {
+        originalColumnNumber: pos.column,
+        originalFileName: pos.source,
+        originalFunctionName: frame.functionName,
+        originalLineNumber: pos.line,
+        originalScriptCode: scriptCode,
+    };
+};
+const getOriginalPosition = (source_map, line, column) => {
+    const result = source_map.originalPositionFor({
+        line,
+        column,
+    });
+    return { line: result.line, column: result.column, source: result.source };
+};
+function getLinesAround(line, count, lines) {
+    const result = [];
+    for (let index = Math.max(0, line - 1 - count) + 1; index <= Math.min(lines.length - 1, line - 1 + count); ++index) {
+        result.push({
+            lineNumber: index + 1,
+            content: lines[index],
+            highlight: index + 1 === line,
+        });
+    }
+    return result;
+}

package/dist/symbolicate-stacktrace.d.ts

@@ -0,0 +1,28 @@
+import type { BasicSourceMapConsumer, IndexedSourceMapConsumer } from 'source-map';
+import { SourceMapConsumer } from 'source-map';
+import type { UnsymbolicatedStackFrame } from './parse-browser-error-stack';
+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 declare const symbolicateStackTraceFromRemoteFrames: (frames: UnsymbolicatedStackFrame[]) => Promise<SymbolicatedStackFrame[]>;
+export declare const symbolicateFromSources: (frames: UnsymbolicatedStackFrame[], mapValues: Record<string, SourceMapConsumer | null>) => SymbolicatedStackFrame[];
+export declare const symbolicateStackFrame: (frame: UnsymbolicatedStackFrame, map: SourceMapConsumer) => {
+    originalColumnNumber: number | null;
+    originalFileName: string | null;
+    originalFunctionName: any;
+    originalLineNumber: number | null;
+    originalScriptCode: ScriptLine[] | null;
+};
+export declare const getSourceMapFromRemoteFile: (fileName: string) => Promise<SourceMapConsumer | null>;
+export declare const getSourceMapFromLocalFile: (fileName: string) => Promise<SourceMapConsumer | null>;
+export type AnySourceMapConsumer = BasicSourceMapConsumer | IndexedSourceMapConsumer;
+export {};

package/dist/symbolicate-stacktrace.js

@@ -0,0 +1,135 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSourceMapFromLocalFile = exports.getSourceMapFromRemoteFile = exports.symbolicateStackFrame = exports.symbolicateFromSources = exports.symbolicateStackTraceFromRemoteFrames = void 0;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const source_map_1 = require("source-map");
+const read_file_1 = require("./assets/read-file");
+const truthy_1 = require("./truthy");
+function extractSourceMapUrl(fileContents) {
+    const regex = /\/\/[#@] ?sourceMappingURL=([^\s'"]+)\s*$/gm;
+    let match = null;
+    for (;;) {
+        const next = regex.exec(fileContents);
+        if (next === null || next === undefined) {
+            break;
+        }
+        match = next;
+    }
+    if (!(match === null || match === void 0 ? void 0 : match[1])) {
+        return null;
+    }
+    return match[1].toString();
+}
+const getSourceMap = async (filePath, fileContents, type) => {
+    const sm = extractSourceMapUrl(fileContents);
+    if (sm === null) {
+        return null;
+    }
+    if (sm.indexOf('data:') === 0) {
+        const base64 = /^data:application\/json;([\w=:"-]+;)*base64,/;
+        const match2 = sm.match(base64);
+        if (!match2) {
+            throw new Error('Sorry, non-base64 inline source-map encoding is not supported.');
+        }
+        const converted = window.atob(sm.substring(match2[0].length));
+        return new source_map_1.SourceMapConsumer(JSON.parse(converted));
+    }
+    if (type === 'local') {
+        // Find adjacent file: bundle.js -> bundle.js.map
+        const newFilePath = path_1.default.join(path_1.default.dirname(filePath), sm);
+        return new source_map_1.SourceMapConsumer((0, fs_1.readFileSync)(newFilePath, 'utf8'));
+    }
+    const index = filePath.lastIndexOf('/');
+    const url = filePath.substring(0, index + 1) + sm;
+    const obj = await fetchUrl(url);
+    return new source_map_1.SourceMapConsumer(obj);
+};
+const fetchUrl = async (url) => {
+    const res = await (0, read_file_1.readFile)(url);
+    return new Promise((resolve, reject) => {
+        let downloaded = '';
+        res.on('data', (d) => {
+            downloaded += d;
+        });
+        res.on('end', () => {
+            resolve(downloaded);
+        });
+        res.on('error', (err) => reject(err));
+    });
+};
+function getLinesAround(line, count, lines) {
+    const result = [];
+    for (let index = Math.max(0, line - 1 - count) + 1; index <= Math.min(lines.length - 1, line - 1 + count); ++index) {
+        result.push({
+            lineNumber: index + 1,
+            content: lines[index],
+            highlight: index + 1 === line,
+        });
+    }
+    return result;
+}
+const getOriginalPosition = (source_map, line, column) => {
+    const result = source_map.originalPositionFor({
+        line,
+        column,
+    });
+    return { line: result.line, column: result.column, source: result.source };
+};
+const symbolicateStackTraceFromRemoteFrames = async (frames) => {
+    const uniqueFileNames = [
+        ...new Set(frames
+            .map((f) => f.fileName)
+            .filter((f) => f.startsWith('http://') || f.startsWith('https://'))
+            .filter(truthy_1.truthy)),
+    ];
+    const maps = await Promise.all(uniqueFileNames.map((fileName) => {
+        return (0, exports.getSourceMapFromRemoteFile)(fileName);
+    }));
+    const mapValues = {};
+    for (let i = 0; i < uniqueFileNames.length; i++) {
+        mapValues[uniqueFileNames[i]] = maps[i];
+    }
+    return (0, exports.symbolicateFromSources)(frames, mapValues);
+};
+exports.symbolicateStackTraceFromRemoteFrames = symbolicateStackTraceFromRemoteFrames;
+const symbolicateFromSources = (frames, mapValues) => {
+    return frames
+        .map((frame) => {
+        const map = mapValues[frame.fileName];
+        if (!map) {
+            return null;
+        }
+        return (0, exports.symbolicateStackFrame)(frame, map);
+    })
+        .filter(truthy_1.truthy);
+};
+exports.symbolicateFromSources = symbolicateFromSources;
+const symbolicateStackFrame = (frame, map) => {
+    const pos = getOriginalPosition(map, frame.lineNumber, frame.columnNumber);
+    const hasSource = pos.source ? map.sourceContentFor(pos.source, false) : null;
+    const scriptCode = hasSource && pos.line
+        ? getLinesAround(pos.line, 3, hasSource.split('\n'))
+        : null;
+    return {
+        originalColumnNumber: pos.column,
+        originalFileName: pos.source,
+        originalFunctionName: frame.functionName,
+        originalLineNumber: pos.line,
+        originalScriptCode: scriptCode,
+    };
+};
+exports.symbolicateStackFrame = symbolicateStackFrame;
+const getSourceMapFromRemoteFile = async (fileName) => {
+    const fileContents = await fetchUrl(fileName);
+    return getSourceMap(fileName, fileContents, 'remote');
+};
+exports.getSourceMapFromRemoteFile = getSourceMapFromRemoteFile;
+const getSourceMapFromLocalFile = (fileName) => {
+    const fileContents = (0, fs_1.readFileSync)(fileName, 'utf8');
+    return getSourceMap(fileName, fileContents, 'local');
+};
+exports.getSourceMapFromLocalFile = getSourceMapFromLocalFile;

package/dist/symbolicateable-error.d.ts

@@ -0,0 +1,16 @@
+/**
+ * A symbolicateable error is an error that can be symolicated by fetching the original sources. By throwing a symbolicateable error, Remotion CLI will attempt to symplicate it
+ */
+import type { UnsymbolicatedStackFrame } from '../parse-browser-error-stack';
+export declare class SymbolicateableError extends Error {
+    stackFrame: UnsymbolicatedStackFrame[] | null;
+    delayRenderCall: UnsymbolicatedStackFrame[] | null;
+    frame: number | null;
+    constructor({ message, stack, stackFrame, frame, name, }: {
+        message: string;
+        stack: string | undefined;
+        frame: number | null;
+        name: string;
+        stackFrame: UnsymbolicatedStackFrame[] | null;
+    });
+}

package/dist/symbolicateable-error.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * A symbolicateable error is an error that can be symolicated by fetching the original sources. By throwing a symbolicateable error, Remotion CLI will attempt to symplicate it
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SymbolicateableError = void 0;
+const delay_render_embedded_stack_1 = require("../delay-render-embedded-stack");
+class SymbolicateableError extends Error {
+    constructor({ message, stack, stackFrame, frame, name, }) {
+        super(message);
+        this.stack = stack;
+        this.stackFrame = stackFrame;
+        this.frame = frame;
+        this.name = name;
+        this.delayRenderCall = stack ? (0, delay_render_embedded_stack_1.parseDelayRenderEmbeddedStack)(stack) : null;
+    }
+}
+exports.SymbolicateableError = SymbolicateableError;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/renderer": "4.0.4",
-    "@remotion/bundler": "4.0.4",
-    "remotion": "4.0.4",
-    "@remotion/player": "4.0.4",
-    "@remotion/media-utils": "4.0.4"
+    "@remotion/bundler": "4.0.6",
+    "@remotion/renderer": "4.0.6",
+    "remotion": "4.0.6",
+    "@remotion/media-utils": "4.0.6",
+    "@remotion/player": "4.0.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -59,14 +59,14 @@
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.4.0",
     "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^2.3.4",
+    "prettier-plugin-organize-imports": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "typescript": "4.9.5",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.4",
-    "@remotion/tailwind": "4.0.4"
+    "@remotion/zod-types": "4.0.6",
+    "@remotion/tailwind": "4.0.6"
   },
   "keywords": [
     "remotion",