@remotion/cli 4.0.41 → 4.0.43

package/dist/editor/components/UpdateCheck.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { PackageManager } from '../../preview-server/get-package-manager';
 export type UpdateInfo = {
     currentVersion: string;
@@ -6,4 +7,10 @@ export type UpdateInfo = {
     timedOut: boolean;
     packageManager: PackageManager | 'unknown';
 };
+export type Bug = {
+    title: string;
+    description: string;
+    link: string;
+    versions: string[];
+};
 export declare const UpdateCheck: () => JSX.Element | null;

package/dist/editor/components/UpdateCheck.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UpdateCheck = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const remotion_1 = require("remotion");
 const colors_1 = require("../helpers/colors");
 const modals_1 = require("../state/modals");
 const z_index_1 = require("../state/z-index");
@@ -20,6 +21,10 @@ const UpdateCheck = () => {
     const [info, setInfo] = (0, react_1.useState)(null);
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const { tabIndex } = (0, z_index_1.useZIndex)();
+    const [knownBugs, setKnownBugs] = (0, react_1.useState)(null);
+    const hasKnownBugs = (0, react_1.useMemo)(() => {
+        return knownBugs && knownBugs.length > 0;
+    }, [knownBugs]);
     const checkForUpdates = (0, react_1.useCallback)(() => {
         const controller = new AbortController();
         (0, actions_1.updateAvailable)(controller.signal)
@@ -34,24 +39,50 @@ const UpdateCheck = () => {
         });
         return controller;
     }, []);
+    const checkForBugs = (0, react_1.useCallback)(() => {
+        const controller = new AbortController();
+        fetch(`https://bugs.remotion.dev/api/${remotion_1.VERSION}`, {
+            signal: controller.signal,
+        })
+            .then(async (res) => {
+            const body = await res.json();
+            setKnownBugs(body.bugs);
+        })
+            .catch((err) => {
+            if (err.message.includes('aborted')) {
+                return;
+            }
+            console.log('Could not check for bugs in this version', err);
+        });
+        return controller;
+    }, []);
     (0, react_1.useEffect)(() => {
-        const abortController = checkForUpdates();
+        const abortUpdate = checkForUpdates();
+        const abortBugs = checkForBugs();
         return () => {
-            abortController.abort();
+            abortUpdate.abort();
+            abortBugs.abort();
         };
-    }, [checkForUpdates]);
+    }, [checkForBugs, checkForUpdates]);
     const openModal = (0, react_1.useCallback)(() => {
         setSelectedModal({
             type: 'update',
             info: info,
+            knownBugs: knownBugs,
         });
-    }, [info, setSelectedModal]);
+    }, [info, knownBugs, setSelectedModal]);
+    const dynButtonStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...buttonStyle,
+            color: hasKnownBugs ? colors_1.WARNING_COLOR : colors_1.BLUE,
+        };
+    }, [hasKnownBugs]);
     if (!info) {
         return null;
     }
     if (!info.updateAvailable) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("button", { tabIndex: tabIndex, style: buttonStyle, onClick: openModal, type: "button", children: "Update available!" }));
+    return ((0, jsx_runtime_1.jsx)("button", { tabIndex: tabIndex, style: dynButtonStyle, onClick: openModal, type: "button", children: hasKnownBugs ? 'Bugfixes available' : 'Update available' }));
 };
 exports.UpdateCheck = UpdateCheck;

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

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

package/dist/editor/components/UpdateModal/UpdateModal.js

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

package/dist/editor/helpers/checkerboard-background.d.ts

@@ -1,4 +1,4 @@
 export declare const getCheckerboardBackgroundSize: (size: number) => string;
 export declare const getCheckerboardBackgroundPos: (size: number) => string;
-export declare const checkerboardBackgroundColor: (checkerboard: boolean) => "black" | "white";
+export declare const checkerboardBackgroundColor: (checkerboard: boolean) => "white" | "black";
 export declare const checkerboardBackgroundImage: (checkerboard: boolean) => "\n     linear-gradient(\n        45deg,\n        rgba(0, 0, 0, 0.1) 25%,\n        transparent 25%\n      ),\n      linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%),\n      linear-gradient(135deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%)\n    " | undefined;

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" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)";

package/dist/editor/helpers/render-modal-sections.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

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

@@ -2,7 +2,7 @@ import type { AudioCodec, Codec, ColorSpace, OpenGlRenderer, PixelFormat, ProRes
 import type React from 'react';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
-import type { UpdateInfo } from '../components/UpdateCheck';
+import type { Bug, UpdateInfo } from '../components/UpdateCheck';
 export type CompType = 'composition' | 'still';
 export type RenderModalState = {
     type: 'render';
@@ -36,6 +36,7 @@ export type RenderModalState = {
     initialHeadless: boolean;
     initialOffthreadVideoCacheSizeInBytes: number | null;
     initialColorSpace: ColorSpace;
+    initialMultiProcessOnLinux: boolean;
     minConcurrency: number;
     maxConcurrency: number;
     defaultProps: Record<string, unknown>;
@@ -51,6 +52,7 @@ export type ModalState = {
 } | {
     type: 'update';
     info: UpdateInfo;
+    knownBugs: Bug[];
 } | {
     type: 'quick-switcher';
     mode: QuickSwitcherMode;

package/dist/get-cli-options.d.ts

@@ -15,13 +15,13 @@ export declare const getCliOptions: (options: {
     browser: "chrome";
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-    proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
+    proResProfile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined;
     x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     everyNthFrame: number;
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
-    logLevel: "verbose" | "info" | "warn" | "error";
+    logLevel: "error" | "verbose" | "info" | "warn";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;

package/dist/get-cli-options.js

@@ -85,6 +85,7 @@ const getCliOptions = async (options) => {
         headless: config_1.ConfigInternals.getChromiumHeadlessMode(),
         gl: (_a = config_1.ConfigInternals.getChromiumOpenGlRenderer()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.DEFAULT_OPENGL_RENDERER,
         userAgent: config_1.ConfigInternals.getChromiumUserAgent(),
+        enableMultiProcessOnLinux: config_1.ConfigInternals.getChromiumMultiProcessOnLinux(),
     };
     const everyNthFrame = config_1.ConfigInternals.getEveryNthFrame();
     const numberOfGifLoops = config_1.ConfigInternals.getNumberOfGifLoops();

package/dist/handle-common-errors.d.ts

@@ -0,0 +1,2 @@
+import type { LogLevel } from '@remotion/renderer';
+export declare const handleCommonError: (err: Error, logLevel: LogLevel) => Promise<void>;

package/dist/handle-common-errors.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleCommonError = void 0;
+const chalk_1 = require("./chalk");
+const log_1 = require("./log");
+const print_error_1 = require("./print-error");
+const truthy_1 = require("./truthy");
+const handleCommonError = async (err, logLevel) => {
+    var _a;
+    await (0, print_error_1.printError)(err, logLevel);
+    if (err.message.includes('Could not play video with')) {
+        log_1.Log.info();
+        log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/media-playback-error');
+    }
+    if (err.message.includes('A delayRender()') &&
+        err.message.includes('was called but not cleared after')) {
+        log_1.Log.info();
+        log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/timeout');
+    }
+    if (err.message.includes('Target closed')) {
+        log_1.Log.info();
+        log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/target-closed');
+    }
+    if (err.message.includes('ENAMETOOLONG')) {
+        log_1.Log.info();
+        log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/enametoolong');
+    }
+    if (err.message.includes('Error creating WebGL context')) {
+        log_1.Log.info();
+        log_1.Log.warn('💡 You might need to set the OpenGL renderer to "angle" (or "swangle" if rendering on lambda). Learn why at https://www.remotion.dev/docs/three');
+        log_1.Log.warn("💡 Check how it's done at https://www.remotion.dev/docs/chromium-flags#--gl");
+    }
+    if (err.message.includes('The bucket does not allow ACLs')) {
+        log_1.Log.info();
+        log_1.Log.info(chalk_1.chalk.green('💡 Fix this issue https://remotion.dev/docs/lambda/troubleshooting/bucket-disallows-acl'));
+    }
+    if (err.message.includes('Minified React error #306')) {
+        const componentName = (_a = err.message.match(/<\w+>/)) === null || _a === void 0 ? void 0 : _a[0];
+        log_1.Log.info([
+            '💡 This error indicates that the component',
+            componentName ? `(${componentName})` : null,
+            'you are trying to render is not imported correctly.',
+        ]
+            .filter(truthy_1.truthy)
+            .join(' '));
+        log_1.Log.info();
+        log_1.Log.info('   Check the root file and ensure that the component is not undefined.');
+        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/index.d.ts

@@ -63,24 +63,24 @@ export declare const CliInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
         errorAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
@@ -100,13 +100,13 @@ export declare const CliInternals: {
         browser: "chrome";
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
+        proResProfile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined;
         x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
         everyNthFrame: number;
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -132,7 +132,7 @@ export declare const CliInternals: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
-        "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
+        "prores-profile": "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy";
         "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
         "env-file": string;
@@ -186,10 +186,11 @@ export declare const CliInternals: {
         "color-space": "default" | "bt709";
         "delete-after": string | undefined;
         "enable-folder-expiry": boolean | undefined;
+        "enable-multiprocess-on-linux": boolean;
     } & {
         _: string[];
     };
-    printError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
+    printError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -231,7 +232,7 @@ export declare const CliInternals: {
     };
     listOfRemotionPackages: string[];
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     }) => boolean;
     getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }: {
         height: number | null;
@@ -246,7 +247,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
         offthreadVideoCacheSizeInBytes: number | null;

package/dist/index.js

@@ -64,7 +64,16 @@ const cli = async () => {
     }
     const isBun = typeof Bun !== 'undefined';
     if (isBun) {
-        log_1.Log.warn('You are running Remotion with Bun. Visit https://remotion.dev/bun for known bugs and status updates.');
+        const version = Bun.version.split('.');
+        if (version.length === 3) {
+            if (Number(version[0]) < 1) {
+                throw new Error('Please upgrade to at least Bun 1.0.3');
+            }
+            if (Number(version[1]) === 0 && Number(version[2]) < 3) {
+                throw new Error('Please upgrade to at least Bun 1.0.3');
+            }
+        }
+        log_1.Log.info('You are running Remotion with Bun, which is mostly supported. Visit https://remotion.dev/bun for more information.');
     }
     const isStudio = command === 'studio' || command === 'preview';
     const errorSymbolicationLock = isStudio

package/dist/log.d.ts

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

package/dist/parse-command-line.d.ts

@@ -1,5 +1,5 @@
 import type { AudioCodec, BrowserExecutable, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
-import type { BrowserSafeApis } from '@remotion/renderer/client';
+import { BrowserSafeApis } from '@remotion/renderer/client';
 type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
     ['pixel-format']: PixelFormat;
@@ -60,6 +60,7 @@ type CommandLineOptions = {
     ['user-agent']: string;
     [BrowserSafeApis.options.deleteAfterOption.cliFlag]: string | undefined;
     [BrowserSafeApis.options.folderExpiryOption.cliFlag]: boolean | undefined;
+    [BrowserSafeApis.options.enableMultiprocessOnLinuxOption.cliFlag]: boolean;
 };
 export declare const BooleanFlags: string[];
 export declare const parsedCli: CommandLineOptions & {

package/dist/parse-command-line.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.quietFlagProvided = exports.parseCommandLine = exports.parsedCli = exports.BooleanFlags = void 0;
 const renderer_1 = require("@remotion/renderer");
+const client_1 = require("@remotion/renderer/client");
 const minimist_1 = __importDefault(require("minimist"));
 const config_1 = require("./config");
 const log_1 = require("./log");
@@ -157,6 +158,9 @@ const parseCommandLine = () => {
     if (typeof exports.parsedCli['enable-folder-expiry'] !== 'undefined') {
         config_1.Config.setEnableFolderExpiry(exports.parsedCli['enable-folder-expiry']);
     }
+    if (typeof exports.parsedCli[client_1.BrowserSafeApis.options.enableMultiprocessOnLinuxOption.cliFlag] !== 'undefined') {
+        config_1.Config.setEnableFolderExpiry(exports.parsedCli[client_1.BrowserSafeApis.options.enableMultiprocessOnLinuxOption.cliFlag]);
+    }
 };
 exports.parseCommandLine = parseCommandLine;
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

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

@@ -75,6 +75,7 @@ export type RenderJob = {
     chromiumOptions: RequiredChromiumOptions;
     envVariables: Record<string, string>;
     serializedInputPropsWithCustomSchema: string;
+    multiProcessOnLinux: boolean;
 } & RenderJobDynamicFields;
 export type RenderJobWithCleanup = RenderJob & {
     cleanup: (() => void)[];
@@ -132,6 +133,7 @@ export type AddRenderRequest = {
     envVariables: Record<string, string>;
     serializedInputPropsWithCustomSchema: string;
     offthreadVideoCacheSizeInBytes: number | null;
+    multiProcessOnLinux: boolean;
 } & AddRenderRequestDynamicFields;
 export type RemoveRenderRequest = {
     jobId: string;

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

@@ -51,6 +51,7 @@ const makeRetryPayload = (job) => {
             outFrameMark: null,
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
             initialColorSpace: defaults.colorSpace,
+            initialMultiProcessOnLinux: job.multiProcessOnLinux,
         };
     }
     if (job.type === 'sequence') {
@@ -95,6 +96,7 @@ const makeRetryPayload = (job) => {
             outFrameMark: job.endFrame,
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
             initialColorSpace: defaults.colorSpace,
+            initialMultiProcessOnLinux: job.multiProcessOnLinux,
         };
     }
     if (job.type === 'video') {
@@ -139,6 +141,7 @@ const makeRetryPayload = (job) => {
             outFrameMark: job.endFrame,
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
             initialColorSpace: job.colorSpace,
+            initialMultiProcessOnLinux: job.multiProcessOnLinux,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/preview-server/routes/add-render.js

@@ -45,6 +45,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
                 offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
                 colorSpace: input.colorSpace,
+                multiProcessOnLinux: input.multiProcessOnLinux,
             },
         });
     }
@@ -74,6 +75,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 envVariables: input.envVariables,
                 serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
                 offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
+                multiProcessOnLinux: input.multiProcessOnLinux,
             },
         });
     }
@@ -99,6 +101,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 envVariables: input.envVariables,
                 serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
                 offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
+                multiProcessOnLinux: input.multiProcessOnLinux,
             },
             entryPoint,
             remotionRoot,

package/dist/preview-server/routes.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { LiveEventsServer } from './live-events';
 export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }: {

package/dist/preview-server/routes.js

@@ -57,6 +57,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
     const colorSpace = config_1.ConfigInternals.getColorSpace();
     const maxConcurrency = renderer_1.RenderInternals.getMaxConcurrency();
     const minConcurrency = renderer_1.RenderInternals.getMinConcurrency();
+    const multiProcessOnLinux = config_1.ConfigInternals.getChromiumMultiProcessOnLinux();
     response.setHeader('content-type', 'text/html');
     response.writeHead(200);
     const packageManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
@@ -101,6 +102,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
             openGlRenderer,
             offthreadVideoCacheSizeInBytes,
             colorSpace,
+            multiProcessOnLinux,
         },
         publicFolderExists: (0, node_fs_1.existsSync)(publicDir) ? publicDir : null,
     }));

package/dist/render-flows/render.js

@@ -171,6 +171,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         height: config.height,
         codec,
         scale,
+        wantsImageSequence: shouldOutputImageSequence,
     });
     const relativeOutputLocation = (0, get_filename_1.getOutputFilename)({
         imageSequence: shouldOutputImageSequence,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.41",
+  "version": "4.0.43",
   "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.41",
-    "@remotion/bundler": "4.0.41",
-    "@remotion/player": "4.0.41",
-    "remotion": "4.0.41",
-    "@remotion/media-utils": "4.0.41"
+    "@remotion/bundler": "4.0.43",
+    "@remotion/renderer": "4.0.43",
+    "@remotion/media-utils": "4.0.43",
+    "remotion": "4.0.43",
+    "@remotion/player": "4.0.43"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "react-dom": "^18.0.0",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.41",
-    "@remotion/tailwind": "4.0.41"
+    "@remotion/zod-types": "4.0.43",
+    "@remotion/tailwind": "4.0.43"
   },
   "keywords": [
     "remotion",