@remotion/cli 4.0.22 → 4.0.23

package/dist/editor/components/RightPanel.js

@@ -4,10 +4,8 @@ exports.RightPanel = exports.rightSidebarTabs = exports.persistSelectedPanel = v
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
-const ShortcutHint_1 = require("../../preview-server/error-overlay/remotion-overlay/ShortcutHint");
 const colors_1 = require("../helpers/colors");
 const DataEditor_1 = require("./RenderModal/DataEditor");
-const deep_equal_1 = require("./RenderModal/SchemaEditor/deep-equal");
 const RenderQueue_1 = require("./RenderQueue");
 const RendersTab_1 = require("./RendersTab");
 const Tabs_1 = require("./Tabs");
@@ -18,10 +16,17 @@ const container = {
     display: 'flex',
     flexDirection: 'column',
 };
-const circle = {
-    width: 8,
-    height: 8,
-    borderRadius: 4,
+const PropsEditor = ({ composition }) => {
+    const { props, updateProps } = (0, react_1.useContext)(remotion_1.Internals.EditorPropsContext);
+    const setInputProps = (0, react_1.useCallback)((newProps) => {
+        updateProps({
+            id: composition.id,
+            defaultProps: composition.defaultProps,
+            newProps,
+        });
+    }, [composition.defaultProps, composition.id, updateProps]);
+    const actualProps = (0, react_1.useMemo)(() => { var _a, _b; return (_b = (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps) !== null && _b !== void 0 ? _b : {}; }, [composition.defaultProps, composition.id, props]);
+    return ((0, jsx_runtime_1.jsx)(DataEditor_1.DataEditor, { unresolvedComposition: composition, inputProps: actualProps, setInputProps: setInputProps, mayShowSaveButton: true, propsEditType: "default-props" }, composition.id));
 };
 const localStorageKey = 'remotion.sidebarPanel';
 const getSelectedPanel = () => {
@@ -40,8 +45,6 @@ const persistSelectedPanel = (panel) => {
 exports.persistSelectedPanel = persistSelectedPanel;
 exports.rightSidebarTabs = (0, react_1.createRef)();
 const RightPanel = () => {
-    const { props, updateProps } = (0, react_1.useContext)(remotion_1.Internals.EditorPropsContext);
-    const [saving, setSaving] = (0, react_1.useState)(false);
     const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel());
     const onCompositionsSelected = (0, react_1.useCallback)(() => {
         setPanel('input-props');
@@ -60,14 +63,6 @@ const RightPanel = () => {
         };
     }, []);
     const { compositions, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
-    const circleStyle = (0, react_1.useMemo)(() => {
-        const onTabColor = saving ? colors_1.LIGHT_TEXT : 'white';
-        return {
-            ...circle,
-            backgroundColor: panel === 'input-props' ? onTabColor : colors_1.LIGHT_TEXT,
-            cursor: 'help',
-        };
-    }, [panel, saving]);
     const composition = (0, react_1.useMemo)(() => {
         for (const comp of compositions) {
             if (comp.id === currentComposition) {
@@ -76,37 +71,9 @@ const RightPanel = () => {
         }
         return null;
     }, [compositions, currentComposition]);
-    const saveToolTip = (0, react_1.useMemo)(() => {
-        return process.env.KEYBOARD_SHORTCUTS_ENABLED
-            ? `Save using ${ShortcutHint_1.cmdOrCtrlCharacter}+S`
-            : 'There are unsaved changes';
-    }, []);
-    const setInputProps = (0, react_1.useCallback)((newProps) => {
-        if (composition === null) {
-            return;
-        }
-        updateProps({
-            id: composition.id,
-            defaultProps: composition.defaultProps,
-            newProps,
-        });
-    }, [composition, updateProps]);
-    const actualProps = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        if (composition === null) {
-            return {};
-        }
-        return (_b = (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps) !== null && _b !== void 0 ? _b : {};
-    }, [composition, props]);
-    const unsavedChangesExist = (0, react_1.useMemo)(() => {
-        if (composition === null || composition.defaultProps === undefined) {
-            return false;
-        }
-        return !(0, deep_equal_1.deepEqual)(composition.defaultProps, actualProps);
-    }, [actualProps, composition]);
     if (composition === null) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsxs)(Tabs_1.Tab, { selected: panel === 'input-props', onClick: onCompositionsSelected, style: { justifyContent: 'space-between' }, children: ["Props", unsavedChangesExist ? ((0, jsx_runtime_1.jsx)("div", { title: saveToolTip, style: circleStyle })) : null] }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) }), panel === 'renders' ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(DataEditor_1.DataEditor, { unresolvedComposition: composition, inputProps: actualProps, setInputProps: setInputProps, mayShowSaveButton: true, propsEditType: "default-props", saving: saving, setSaving: setSaving }, composition.id))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'input-props', onClick: onCompositionsSelected, children: "Props" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) }), panel === 'renders' ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(PropsEditor, { composition: composition }))] }));
 };
 exports.RightPanel = RightPanel;

package/dist/editor/components/SidebarRenderButton.js

@@ -73,12 +73,19 @@ const SidebarRenderButton = ({ composition, visible }) => {
             initialDisableWebSecurity: defaults.disableWebSecurity,
             initialOpenGlRenderer: defaults.openGlRenderer,
             initialHeadless: defaults.headless,
+            initialOffthreadVideoCacheSizeInBytes: defaults.offthreadVideoCacheSizeInBytes,
             initialIgnoreCertificateErrors: defaults.ignoreCertificateErrors,
             defaultProps: (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps,
             inFrameMark: null,
             outFrameMark: null,
         });
-    }, [composition.defaultProps, composition.id, isVideo, props, setSelectedModal]);
+    }, [
+        composition.defaultProps,
+        composition.id,
+        isVideo,
+        props,
+        setSelectedModal,
+    ]);
     const renderAction = (0, react_1.useCallback)((color) => {
         return (0, jsx_runtime_1.jsx)(render_1.ThinRenderIcon, { fill: color, svgProps: iconStyle });
     }, [iconStyle]);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PackageManager } from '../../preview-server/get-package-manager';
 export type UpdateInfo = {
     currentVersion: string;

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/editor/helpers/convert-env-variables.d.ts

@@ -1,2 +1,8 @@
-export declare const envVariablesObjectToArray: (envVariables: Record<string, string>) => [string, string][];
-export declare const envVariablesArrayToObject: (envVariables: [string, string][]) => Record<string, string>;
+export declare const envVariablesObjectToArray: (envVariables: Record<string, string>) => [
+    string,
+    string
+][];
+export declare const envVariablesArrayToObject: (envVariables: [
+    string,
+    string
+][]) => Record<string, string>;

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

@@ -1,4 +1,3 @@
-/// <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

@@ -34,6 +34,7 @@ export type RenderModalState = {
     initialOpenGlRenderer: OpenGlRenderer | null;
     initialIgnoreCertificateErrors: boolean;
     initialHeadless: boolean;
+    initialOffthreadVideoCacheSizeInBytes: number | null;
     minConcurrency: number;
     maxConcurrency: number;
     defaultProps: Record<string, unknown>;

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

@@ -35,4 +35,5 @@ export declare const getCliOptions: (options: {
     height: number | null;
     width: number | null;
     configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+    offthreadVideoCacheSizeInBytes: number | null;
 }>;

package/dist/get-cli-options.js

@@ -123,6 +123,7 @@ const getCliOptions = async (options) => {
         height,
         width,
         configFileImageFormat: config_1.ConfigInternals.getUserPreferredVideoImageFormat(),
+        offthreadVideoCacheSizeInBytes: config_1.ConfigInternals.getOffthreadVideoCacheSizeInBytes(),
     };
 };
 exports.getCliOptions = getCliOptions;

package/dist/get-composition-id.d.ts

@@ -1,6 +1,6 @@
 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, }: {
+export declare const getCompositionId: ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, offthreadVideoCacheSizeInBytes, }: {
     args: string[];
     compositionIdFromUi: string | null;
     serializedInputPropsWithCustomSchema: string;
@@ -14,6 +14,7 @@ export declare const getCompositionId: ({ args, compositionIdFromUi, serializedI
     logLevel: LogLevel;
     indent: boolean;
     server: RemotionServer;
+    offthreadVideoCacheSizeInBytes: number | null;
 }) => Promise<{
     compositionId: string;
     reason: string;

package/dist/get-composition-id.js

@@ -16,7 +16,7 @@ const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
     const [compName, ...remainingArgs] = cliArgs;
     return { compName, remainingArgs, reason: 'Passed as argument' };
 };
-const getCompositionId = async ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }) => {
+const getCompositionId = async ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, offthreadVideoCacheSizeInBytes, }) => {
     const { compName, remainingArgs, reason: compReason, } = getCompName({
         cliArgs: args,
         compositionIdFromUi,
@@ -36,6 +36,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, serializedInputProp
             server,
             indent,
             onBrowserLog: null,
+            offthreadVideoCacheSizeInBytes,
         });
         if (propsSize > 10000000) {
             log_1.Log.warnAdvanced({
@@ -67,6 +68,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, serializedInputProp
             serveUrlOrWebpackUrl,
             onBrowserLog: null,
             serializedInputPropsWithCustomSchema,
+            offthreadVideoCacheSizeInBytes,
         });
         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, 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, }: {
+export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }: {
     height: number | null;
     width: number | null;
     args: string[];
@@ -16,6 +16,7 @@ export declare const getCompositionWithDimensionOverride: ({ height, width, args
     logLevel: LogLevel;
     serializedInputPropsWithCustomSchema: string;
     server: RemotionServer;
+    offthreadVideoCacheSizeInBytes: number | null;
 }) => Promise<{
     compositionId: string;
     reason: string;

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

@@ -2,7 +2,7 @@
 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, serializedInputPropsWithCustomSchema, logLevel, server, }) => {
+const getCompositionWithDimensionOverride = async ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }) => {
     const returnValue = await (0, get_composition_id_1.getCompositionId)({
         args,
         compositionIdFromUi,
@@ -17,6 +17,7 @@ const getCompositionWithDimensionOverride = async ({ height, width, args, compos
         puppeteerInstance,
         timeoutInMilliseconds,
         server,
+        offthreadVideoCacheSizeInBytes,
     });
     return {
         ...returnValue,

package/dist/index.d.ts

@@ -120,6 +120,7 @@ export declare const CliInternals: {
         height: number | null;
         width: number | null;
         configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+        offthreadVideoCacheSizeInBytes: number | null;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
@@ -179,6 +180,7 @@ export declare const CliInternals: {
         browser: string;
         "browser-args": string;
         "user-agent": string;
+        "offthreadvideo-cache-size-in-bytes": number | null;
     } & {
         _: string[];
     };
@@ -226,7 +228,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, serializedInputPropsWithCustomSchema, logLevel, server, }: {
+    getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }: {
         height: number | null;
         width: number | null;
         args: string[];
@@ -242,6 +244,7 @@ export declare const CliInternals: {
         logLevel: "verbose" | "info" | "warn" | "error";
         serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
+        offthreadVideoCacheSizeInBytes: number | null;
     }) => Promise<{
         compositionId: string;
         reason: string;

package/dist/list-of-remotion-packages.js

@@ -5,6 +5,7 @@ exports.listOfRemotionPackages = void 0;
 exports.listOfRemotionPackages = [
     '@remotion/bundler',
     '@remotion/cli',
+    '@remotion/cloudrun',
     '@remotion/eslint-config',
     '@remotion/eslint-plugin',
     '@remotion/renderer',

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

@@ -1,4 +1,5 @@
 import type { AudioCodec, BrowserExecutable, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
+import type { BrowserSafeApis } from '@remotion/renderer/client';
 type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
     ['pixel-format']: PixelFormat;
@@ -12,6 +13,8 @@ type CommandLineOptions = {
     ['every-nth-frame']: number;
     ['number-of-gif-loops']: number;
     ['number-of-shared-audio-tags']: number;
+    [BrowserSafeApis.options.offthreadVideoCacheSizeInBytesOption
+        .cliFlag]: typeof BrowserSafeApis.options.offthreadVideoCacheSizeInBytesOption.type;
     version: string;
     codec: Codec;
     concurrency: number;

package/dist/parse-command-line.js

@@ -145,6 +145,9 @@ const parseCommandLine = () => {
     if (typeof exports.parsedCli['video-bitrate'] !== 'undefined') {
         config_1.Config.setVideoBitrate(exports.parsedCli['video-bitrate']);
     }
+    if (typeof exports.parsedCli['offthreadvideo-cache-size-in-bytes'] !== 'undefined') {
+        config_1.Config.setOffthreadVideoCacheSizeInBytes(exports.parsedCli['offthreadvideo-cache-size-in-bytes']);
+    }
 };
 exports.parseCommandLine = parseCommandLine;
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

package/dist/preview-server/error-overlay/react-overlay/utils/open-in-editor.d.ts

@@ -1,6 +1,6 @@
 declare const editorNames: readonly ["atom", "/Applications/Atom Beta.app/Contents/MacOS/Atom Beta", "brackets", "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl", "/Applications/Sublime Text Dev.app/Contents/SharedSupport/bin/subl", "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl", "code", "code-insiders", "vscodium", "/Applications/AppCode.app/Contents/MacOS/appcode", "/Applications/CLion.app/Contents/MacOS/clion", "/Applications/IntelliJ IDEA.app/Contents/MacOS/idea", "/Applications/PhpStorm.app/Contents/MacOS/phpstorm", "/Applications/PyCharm.app/Contents/MacOS/pycharm", "/Applications/PyCharm CE.app/Contents/MacOS/pycharm", "/Applications/RubyMine.app/Contents/MacOS/rubymine", "/Applications/WebStorm.app/Contents/MacOS/webstorm", "/Applications/GoLand.app/Contents/MacOS/goland", "/Applications/Rider.app/Contents/MacOS/rider", "mvim", "emacs", "gvim", "idea", "phpstorm", "pycharm", "rubymine", "subl", "sublime_text", "vim", "webstorm", "goland", "rider", "Brackets.exe", "Code.exe", "Code - Insiders.exe", "VSCodium.exe", "atom.exe", "sublime_text.exe", "notepad++.exe", "clion.exe", "clion64.exe", "idea.exe", "idea64.exe", "phpstorm.exe", "phpstorm64.exe", "pycharm.exe", "pycharm64.exe", "rubymine.exe", "rubymine64.exe", "webstorm.exe", "webstorm64.exe", "goland.exe", "goland64.exe", "rider.exe", "rider64.exe", "nano"];
 export declare const getDisplayNameForEditor: (editor: Editor | null) => string | null;
-type Editor = typeof editorNames[number];
+type Editor = (typeof editorNames)[number];
 type ProcessAndCommand = {
     process: string;
     command: Editor;

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

@@ -29,6 +29,7 @@ type RenderJobDynamicFields = ({
     jpegQuality: number;
     frame: number;
     scale: number;
+    offthreadVideoCacheSizeInBytes: number | null;
 } & RenderJobDynamicStatus) | ({
     type: 'video';
     imageFormat: VideoImageFormat;
@@ -50,6 +51,7 @@ type RenderJobDynamicFields = ({
     everyNthFrame: number;
     numberOfGifLoops: number | null;
     disallowParallelEncoding: boolean;
+    offthreadVideoCacheSizeInBytes: number | null;
 } & RenderJobDynamicStatus);
 export type RenderJob = {
     startedAt: number;
@@ -108,6 +110,7 @@ export type AddRenderRequest = {
     delayRenderTimeout: number;
     envVariables: Record<string, string>;
     serializedInputPropsWithCustomSchema: string;
+    offthreadVideoCacheSizeInBytes: number | null;
 } & AddRenderRequestDynamicFields;
 export type RemoveRenderRequest = {
     jobId: string;

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

@@ -49,6 +49,7 @@ const makeRetryPayload = (job) => {
             defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: null,
             outFrameMark: null,
+            initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
         };
     }
     if (job.type === 'video') {
@@ -91,6 +92,7 @@ const makeRetryPayload = (job) => {
             defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: job.startFrame,
             outFrameMark: job.endFrame,
+            initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/preview-server/render-queue/process-still.js

@@ -41,6 +41,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         addCleanupCallback,
         cancelSignal: job.cancelToken.cancelSignal,
         outputLocationFromUi: job.outName,
+        offthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
     });
 };
 exports.processStill = processStill;

package/dist/preview-server/render-queue/process-video.js

@@ -59,6 +59,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         numberOfGifLoops: job.numberOfGifLoops,
         audioCodec: job.audioCodec,
         disallowParallelEncoding: job.disallowParallelEncoding,
+        offthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
     });
 };
 exports.processVideoJob = processVideoJob;

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

@@ -43,6 +43,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 chromiumOptions: input.chromiumOptions,
                 envVariables: input.envVariables,
                 serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
+                offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
             },
         });
     }
@@ -67,6 +68,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 delayRenderTimeout: input.delayRenderTimeout,
                 envVariables: input.envVariables,
                 serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
+                offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
             },
             entryPoint,
             remotionRoot,

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

@@ -1,4 +1,3 @@
-/// <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

@@ -53,6 +53,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
     const headless = config_1.ConfigInternals.getChromiumHeadlessMode();
     const ignoreCertificateErrors = config_1.ConfigInternals.getIgnoreCertificateErrors();
     const openGlRenderer = config_1.ConfigInternals.getChromiumOpenGlRenderer();
+    const offthreadVideoCacheSizeInBytes = config_1.ConfigInternals.getOffthreadVideoCacheSizeInBytes();
     const maxConcurrency = renderer_1.RenderInternals.getMaxConcurrency();
     const minConcurrency = renderer_1.RenderInternals.getMinConcurrency();
     response.setHeader('content-type', 'text/html');
@@ -97,6 +98,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
             headless,
             ignoreCertificateErrors,
             openGlRenderer,
+            offthreadVideoCacheSizeInBytes,
         },
         publicFolderExists: (0, node_fs_1.existsSync)(publicDir) ? publicDir : null,
     }));

package/dist/render-flows/render.d.ts

@@ -1,7 +1,7 @@
 import type { AudioCodec, Browser, BrowserExecutable, CancelSignal, ChromiumOptions, Codec, Crf, FfmpegOverrideFn, FrameRange, LogLevel, PixelFormat, ProResProfile, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { Loop } from '../config/number-of-gif-loops';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderVideoFlow: ({ 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, x264Preset, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, }: {
+export declare const renderVideoFlow: ({ 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, x264Preset, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -45,4 +45,5 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     numberOfGifLoops: Loop;
     audioCodec: AudioCodec | null;
     disallowParallelEncoding: boolean;
+    offthreadVideoCacheSizeInBytes: number | null;
 }) => Promise<void>;

package/dist/render-flows/render.js

@@ -47,7 +47,7 @@ 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 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, x264Preset, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, }) => {
+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, x264Preset, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, }) => {
     var _a;
     const downloads = [];
     if (browserExecutable) {
@@ -138,6 +138,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         remotionRoot,
         logLevel,
         webpackConfigOrServeUrl: urlOrBundle,
+        offthreadVideoCacheSizeInBytes,
     });
     addCleanupCallback(() => server.closeServer(false));
     const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
@@ -156,6 +157,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         timeoutInMilliseconds: puppeteerTimeout,
         logLevel,
         server,
+        offthreadVideoCacheSizeInBytes,
     });
     const { codec, reason: codecReason } = (0, get_final_output_codec_1.getFinalOutputCodec)({
         cliFlag: parse_command_line_1.parsedCli.codec,
@@ -242,6 +244,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
                 staticBase: null,
                 data: config.props,
             }).serializedString,
+            offthreadVideoCacheSizeInBytes,
         });
         updateRenderProgress({ newline: true, printToConsole: true });
         log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`▶ ${absoluteOutputFile}`));
@@ -315,6 +318,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             indent: undefined,
             staticBase: null,
         }).serializedString,
+        offthreadVideoCacheSizeInBytes,
     });
     updateRenderProgress({ newline: true, printToConsole: true });
     log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputFile}`));

package/dist/render-flows/still.d.ts

@@ -1,6 +1,6 @@
 import type { Browser, BrowserExecutable, CancelSignal, ChromiumOptions, LogLevel, StillImageFormat } from '@remotion/renderer';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, }: {
+export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -27,4 +27,5 @@ export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPoin
     addCleanupCallback: (cb: () => void) => void;
     cancelSignal: CancelSignal | null;
     outputLocationFromUi: string | null;
+    offthreadVideoCacheSizeInBytes: number | null;
 }) => Promise<void>;

package/dist/render-flows/still.js

@@ -24,7 +24,7 @@ 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 renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, }) => {
+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, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, }) => {
     var _a, _b;
     const aggregate = (0, progress_types_1.initialAggregateRenderProgress)();
     const updatesDontOverwrite = (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
@@ -88,6 +88,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         remotionRoot,
         logLevel,
         webpackConfigOrServeUrl: urlOrBundle,
+        offthreadVideoCacheSizeInBytes,
     });
     addCleanupCallback(() => server.closeServer(false));
     addCleanupCallback(() => cleanupBundle());
@@ -109,6 +110,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         timeoutInMilliseconds: puppeteerTimeout,
         logLevel,
         server,
+        offthreadVideoCacheSizeInBytes,
     });
     const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalStillImageFormat)({
         cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
@@ -175,6 +177,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
             staticBase: null,
             data: config.props,
         }).serializedString,
+        offthreadVideoCacheSizeInBytes,
     });
     aggregate.rendering = {
         frames: 1,

package/dist/render.js

@@ -25,7 +25,7 @@ const render = async (remotionRoot, args) => {
         log_1.Log.error('--frame flag was passed to the `render` command. This flag only works with the `still` command. Did you mean `--frames`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, jpegQuality, browser, browserExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, height, width, crf, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, numberOfGifLoops, } = await (0, get_cli_options_1.getCliOptions)({
+    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, jpegQuality, browser, browserExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, height, width, crf, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, numberOfGifLoops, offthreadVideoCacheSizeInBytes, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
         remotionRoot,
@@ -81,6 +81,7 @@ const render = async (remotionRoot, args) => {
         numberOfGifLoops,
         audioCodec,
         disallowParallelEncoding: false,
+        offthreadVideoCacheSizeInBytes,
     });
 };
 exports.render = render;

package/dist/still.js

@@ -22,7 +22,7 @@ const still = async (remotionRoot, args) => {
         log_1.Log.error('--frames flag was passed to the `still` command. This flag only works with the `render` command. Did you mean `--frame`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const { browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, logLevel, } = await (0, get_cli_options_1.getCliOptions)({
+    const { browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, logLevel, offthreadVideoCacheSizeInBytes, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
         remotionRoot,
@@ -60,6 +60,7 @@ const still = async (remotionRoot, args) => {
         },
         cancelSignal: null,
         outputLocationFromUi: null,
+        offthreadVideoCacheSizeInBytes,
     });
 };
 exports.still = still;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.22",
+  "version": "4.0.23",
   "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/bundler": "4.0.22",
-    "@remotion/media-utils": "4.0.22",
-    "@remotion/renderer": "4.0.22",
-    "@remotion/player": "4.0.22",
-    "remotion": "4.0.22"
+    "@remotion/renderer": "4.0.23",
+    "remotion": "4.0.23",
+    "@remotion/bundler": "4.0.23",
+    "@remotion/media-utils": "4.0.23",
+    "@remotion/player": "4.0.23"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -58,14 +58,14 @@
     "eslint-plugin-10x": "1.5.2",
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.4.0",
-    "prettier": "^2.7.1",
+    "prettier": "3.0.2",
     "prettier-plugin-organize-imports": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.22",
-    "@remotion/tailwind": "4.0.22"
+    "@remotion/zod-types": "4.0.23",
+    "@remotion/tailwind": "4.0.23"
   },
   "keywords": [
     "remotion",

package/dist/config/presets-profile.d.ts

@@ -1,3 +0,0 @@
-import type { PresetsProfile } from '@remotion/renderer';
-export declare const getPresetProfile: () => PresetsProfile | undefined;
-export declare const setPresetProfile: (profile: PresetsProfile | undefined) => void;