@remotion/cli 4.1.0-alpha1 → 4.1.0-alpha10

package/dist/editor/state/in-out.js

@@ -2,18 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimelineSetInOutFramePosition = exports.useTimelineInOutFramePosition = exports.SetTimelineInOutContext = exports.TimelineInOutContext = void 0;
 const react_1 = require("react");
-exports.TimelineInOutContext = (0, react_1.createContext)({
-    inFrame: null,
-    outFrame: null,
-});
+const remotion_1 = require("remotion");
+exports.TimelineInOutContext = (0, react_1.createContext)({});
 exports.SetTimelineInOutContext = (0, react_1.createContext)({
     setInAndOutFrames: () => {
         throw new Error('default');
     },
 });
 const useTimelineInOutFramePosition = () => {
+    var _a, _b, _c, _d;
+    const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
     const state = (0, react_1.useContext)(exports.TimelineInOutContext);
-    return state;
+    if (!videoConfig) {
+        return { inFrame: null, outFrame: null };
+    }
+    const maxFrame = videoConfig.durationInFrames - 1;
+    const actualInFrame = (_b = (_a = state[videoConfig.id]) === null || _a === void 0 ? void 0 : _a.inFrame) !== null && _b !== void 0 ? _b : null;
+    const actualOutFrame = (_d = (_c = state[videoConfig.id]) === null || _c === void 0 ? void 0 : _c.outFrame) !== null && _d !== void 0 ? _d : null;
+    return {
+        inFrame: actualInFrame === null
+            ? null
+            : actualInFrame >= maxFrame
+                ? null
+                : actualInFrame,
+        outFrame: actualOutFrame === null
+            ? null
+            : actualOutFrame >= maxFrame
+                ? null
+                : actualOutFrame,
+    };
 };
 exports.useTimelineInOutFramePosition = useTimelineInOutFramePosition;
 const useTimelineSetInOutFramePosition = () => {

package/dist/editor/state/marks.d.ts

@@ -1,2 +1,3 @@
-export declare const persistMarks: (comp: string, durationInFrames: number, marks: [number | null, number | null]) => void;
-export declare const loadMarks: (comp: string, durationInFrames: number) => [number | null, number | null];
+import type { TimelineInOutContextValue } from './in-out';
+export declare const persistMarks: (marks: TimelineInOutContextValue) => void;
+export declare const loadMarks: () => TimelineInOutContextValue;

package/dist/editor/state/marks.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadMarks = exports.persistMarks = void 0;
-const localStorageKey = (comp, durationInFrames) => `remotion.editor.marks.${comp}.${durationInFrames}`;
-const persistMarks = (comp, durationInFrames, marks) => {
-    localStorage.setItem(localStorageKey(comp, durationInFrames), JSON.stringify(marks));
+const localStorageKey = () => `remotion.editor.marksv2`;
+const persistMarks = (marks) => {
+    localStorage.setItem(localStorageKey(), JSON.stringify(marks));
 };
 exports.persistMarks = persistMarks;
-const loadMarks = (comp, durationInFrames) => {
-    const item = localStorage.getItem(localStorageKey(comp, durationInFrames));
+const loadMarks = () => {
+    const item = localStorage.getItem(localStorageKey());
     if (item === null) {
-        return [null, null];
+        return {};
     }
     return JSON.parse(item);
 };

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.d.ts

@@ -1,9 +1,9 @@
-import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, RemotionServer } from '@remotion/renderer';
-import type { AnyCompMetadata } from 'remotion';
-export declare const getCompositionId: ({ args, compositionIdFromUi, inputProps, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, verbose, indent, server, }: {
+import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, RemotionServer } from '@remotion/renderer';
+import type { VideoConfig } from 'remotion';
+export declare const getCompositionId: ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }: {
     args: string[];
     compositionIdFromUi: string | null;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     puppeteerInstance: HeadlessBrowser | undefined;
     envVariables: Record<string, string>;
     timeoutInMilliseconds: number;
@@ -11,12 +11,12 @@ export declare const getCompositionId: ({ args, compositionIdFromUi, inputProps,
     port: number | null;
     browserExecutable: BrowserExecutable;
     serveUrlOrWebpackUrl: string;
-    verbose: boolean;
+    logLevel: LogLevel;
     indent: boolean;
     server: RemotionServer;
 }) => Promise<{
     compositionId: string;
     reason: string;
-    config: AnyCompMetadata;
+    config: VideoConfig;
     argsAfterComposition: string[];
 }>;

package/dist/get-composition-id.js

@@ -2,6 +2,7 @@
 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 getCompName = ({ cliArgs, compositionIdFromUi, }) => {
@@ -15,15 +16,15 @@ const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
     const [compName, ...remainingArgs] = cliArgs;
     return { compName, remainingArgs, reason: 'Passed as argument' };
 };
-const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, verbose, indent, server, }) => {
+const getCompositionId = async ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }) => {
     const { compName, remainingArgs, reason: compReason, } = getCompName({
         cliArgs: args,
         compositionIdFromUi,
     });
     if (compName) {
-        const config = await renderer_1.RenderInternals.internalSelectComposition({
+        const { metadata: config, propsSize } = await renderer_1.RenderInternals.internalSelectComposition({
             id: compName,
-            inputProps,
+            serializedInputPropsWithCustomSchema,
             puppeteerInstance,
             envVariables,
             timeoutInMilliseconds,
@@ -31,11 +32,17 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
             browserExecutable,
             chromiumOptions,
             port,
-            verbose,
+            logLevel,
             server,
             indent,
             onBrowserLog: null,
         });
+        if (propsSize > 10000000) {
+            log_1.Log.warnAdvanced({
+                indent,
+                logLevel,
+            }, `The props of your composition are large (${(0, format_bytes_1.formatBytes)(propsSize)}). This may cause slowdown.`);
+        }
         if (!config) {
             throw new Error(`Cannot find composition with ID "${compName}"`);
         }
@@ -48,18 +55,18 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
     }
     if (!process.env.CI) {
         const comps = await renderer_1.RenderInternals.internalGetCompositions({
-            inputProps,
             puppeteerInstance,
             envVariables,
             timeoutInMilliseconds,
             chromiumOptions,
             port,
             browserExecutable,
-            verbose,
+            logLevel,
             indent,
             server,
             serveUrlOrWebpackUrl,
             onBrowserLog: null,
+            serializedInputPropsWithCustomSchema,
         });
         const { compositionId, reason } = await (0, show_compositions_picker_1.showSingleCompositionsPicker)(comps);
         if (compositionId && typeof compositionId === 'string') {

package/dist/get-composition-with-dimension-override.d.ts

@@ -1,6 +1,6 @@
-import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, RemotionServer } from '@remotion/renderer';
-import type { AnyCompMetadata } from 'remotion';
-export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, verbose, server, }: {
+import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, RemotionServer } from '@remotion/renderer';
+import type { VideoConfig } from 'remotion';
+export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, }: {
     height: number | null;
     width: number | null;
     args: string[];
@@ -13,12 +13,12 @@ export declare const getCompositionWithDimensionOverride: ({ height, width, args
     browserExecutable: BrowserExecutable | null;
     serveUrlOrWebpackUrl: string;
     indent: boolean;
-    verbose: boolean;
-    inputProps: Record<string, unknown>;
+    logLevel: LogLevel;
+    serializedInputPropsWithCustomSchema: string;
     server: RemotionServer;
 }) => Promise<{
     compositionId: string;
     reason: string;
-    config: AnyCompMetadata;
+    config: VideoConfig;
     argsAfterComposition: string[];
 }>;

package/dist/get-composition-with-dimension-override.js

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionWithDimensionOverride = void 0;
 const get_composition_id_1 = require("./get-composition-id");
-const getCompositionWithDimensionOverride = async ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, verbose, server, }) => {
+const getCompositionWithDimensionOverride = async ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, }) => {
     const returnValue = await (0, get_composition_id_1.getCompositionId)({
         args,
         compositionIdFromUi,
         indent,
         serveUrlOrWebpackUrl,
-        verbose,
+        logLevel,
         browserExecutable,
         chromiumOptions,
         envVariables,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         port,
         puppeteerInstance,
         timeoutInMilliseconds,

package/dist/handle-common-errors.js

@@ -48,5 +48,13 @@ const handleCommonError = async (err, logLevel) => {
         log_1.Log.info('   Oftentimes, this happens if the component is missing the `export` keyword');
         log_1.Log.info('   or if the component was renamed and the import statement not properly adjusted.');
     }
+    if (err.message.includes('GLIBC_')) {
+        log_1.Log.info('💡 Remotion requires at least Libc 2.35.');
+        log_1.Log.info('💡 Get help for this issue: https://github.com/remotion-dev/remotion/issues/2439');
+    }
+    if (err.message.includes('EBADF')) {
+        log_1.Log.info('💡 This error might be fixed by changing your Node version:');
+        log_1.Log.info('   https://github.com/remotion-dev/remotion/issues/2452');
+    }
 };
 exports.handleCommonError = handleCommonError;

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

@@ -9,7 +9,7 @@ export declare const CliInternals: {
         indent: boolean;
     }) => import("./progress-bar").OverwriteableCliOutput;
     chalk: {
-        enabled: boolean;
+        enabled: () => boolean;
         visible: boolean;
         styles: Record<string, {
             codes: [number, number];
@@ -33,6 +33,7 @@ export declare const CliInternals: {
         yellow: (str: string) => string;
         blue: (str: string) => string;
         magenta: (str: string) => string;
+        cyan: (str: string) => string;
         white: (str: string) => string;
         gray: (str: string) => string;
         bgBlack: (str: string) => string;
@@ -65,7 +66,6 @@ export declare const CliInternals: {
             logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
-            secondTag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
@@ -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;
@@ -202,7 +208,7 @@ export declare const CliInternals: {
         codec: import("@remotion/renderer").CodecOrUndefined;
         uiImageFormat: "png" | "jpeg" | "none" | null;
     }) => "png" | "jpeg" | "none";
-    printCompositions: (compositions: import("remotion").AnyCompMetadata[]) => void;
+    printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
         outName: string | null;
@@ -217,7 +223,7 @@ export declare const CliInternals: {
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
         logLevel: "verbose" | "info" | "warn" | "error";
     }) => boolean;
-    getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, verbose, server, }: {
+    getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, }: {
         height: number | null;
         width: number | null;
         args: string[];
@@ -230,13 +236,13 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        verbose: boolean;
-        inputProps: Record<string, unknown>;
+        logLevel: "verbose" | "info" | "warn" | "error";
+        serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
     }) => Promise<{
         compositionId: string;
         reason: string;
-        config: import("remotion").AnyCompMetadata;
+        config: import("remotion").VideoConfig;
         argsAfterComposition: string[];
     }>;
 };

package/dist/index.js

@@ -62,14 +62,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

@@ -5,7 +5,6 @@ export declare const Log: {
         logLevel: "verbose" | "info" | "warn" | "error";
     } & {
         tag?: string | undefined;
-        secondTag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
     infoAdvanced: (options: {
@@ -18,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/parse-command-line.js

@@ -88,7 +88,7 @@ const parseCommandLine = () => {
         config_1.ConfigInternals.setStillFrame(Number(exports.parsedCli.frame));
     }
     if (exports.parsedCli.png) {
-        throw new Error('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
+        throw new Error('The --png flag has been removed. Use --sequence --image-format=png from now on.');
     }
     if (exports.parsedCli.sequence) {
         config_1.Config.setImageSequence(true);

package/dist/preview-server/dev-middleware/range-parser.d.ts

@@ -11,5 +11,5 @@ type Range = {
 type Ranges = Range[] & {
     type?: string;
 };
-export declare function parseRange(size: number, str: string | string[]): -1 | Ranges | -2;
+export declare function parseRange(size: number, str: string | string[]): -1 | -2 | Ranges;
 export {};

package/dist/preview-server/dev-middleware/setup-hooks.js

@@ -23,7 +23,7 @@ function setupHooks(context) {
             logger.log('Compilation finished');
             const statsOptions = {
                 preset: 'errors-warnings',
-                colors: renderer_1.RenderInternals.isColorSupported,
+                colors: renderer_1.RenderInternals.isColorSupported(),
             };
             const printedStats = stats.toString(statsOptions);
             const lines = printedStats

package/dist/preview-server/render-queue/job.d.ts

@@ -61,7 +61,7 @@ export type RenderJob = {
     cancelToken: ReturnType<typeof makeCancelSignal>;
     chromiumOptions: RequiredChromiumOptions;
     envVariables: Record<string, string>;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
 } & RenderJobDynamicFields;
 export type RenderJobWithCleanup = RenderJob & {
     cleanup: (() => void)[];
@@ -105,7 +105,7 @@ export type AddRenderRequest = {
     chromiumOptions: RequiredChromiumOptions;
     delayRenderTimeout: number;
     envVariables: Record<string, string>;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
 } & AddRenderRequestDynamicFields;
 export type RemoveRenderRequest = {
     jobId: string;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRetryPayload = void 0;
+const remotion_1 = require("remotion");
 const get_default_video_contexts_1 = require("./get-default-video-contexts");
 const makeRetryPayload = (job) => {
     var _a, _b, _c;
@@ -44,7 +45,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
-            defaultProps: job.inputProps,
+            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: null,
             outFrameMark: null,
         };
@@ -85,7 +86,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
-            defaultProps: job.inputProps,
+            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: job.startFrame,
             outFrameMark: job.endFrame,
         };

package/dist/preview-server/render-queue/open-directory-in-finder.js

@@ -14,11 +14,17 @@ const openDirectoryInFinder = (dirToOpen, allowedDirectory) => {
     if (relativeToProcessCwd.startsWith('..')) {
         throw new Error(`Not allowed to open ${relativeToProcessCwd}`);
     }
-    const command = (0, node_os_1.platform)() === 'darwin'
-        ? 'open'
-        : (0, node_os_1.platform)() === 'linux'
-            ? 'xdg-open'
-            : 'start';
+    if ((0, node_os_1.platform)() === 'win32') {
+        return new Promise((resolve, reject) => {
+            (0, node_child_process_1.exec)(`start ${dirToOpen}`, (error) => {
+                if (error) {
+                    reject(error);
+                }
+                resolve();
+            });
+        });
+    }
+    const command = (0, node_os_1.platform)() === 'darwin' ? 'open' : 'xdg-open';
     const p = (0, node_child_process_1.spawn)(command, [(0, node_os_1.platform)() === 'darwin' ? '-R' : null, dirToOpen].filter(truthy_1.truthy));
     const stderrChunks = [];
     p.stderr.on('data', (d) => stderrChunks.push(d));