@remotion/cli 4.0.21 → 4.0.23

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

@@ -101,6 +101,7 @@ export declare const CliInternals: {
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "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;
@@ -118,7 +119,8 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
+        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+        offthreadVideoCacheSizeInBytes: number | null;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
@@ -127,8 +129,9 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
+        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
+        "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
         "env-file": string;
         "ignore-certificate-errors": string;
@@ -177,6 +180,7 @@ export declare const CliInternals: {
         browser: string;
         "browser-args": string;
         "user-agent": string;
+        "offthreadvideo-cache-size-in-bytes": number | null;
     } & {
         _: string[];
     };
@@ -192,7 +196,7 @@ export declare const CliInternals: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
+        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -207,8 +211,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "png" | "jpeg" | "none" | null;
-    }) => "png" | "jpeg" | "none";
+        uiImageFormat: "none" | "png" | "jpeg" | null;
+    }) => "none" | "png" | "jpeg";
     printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
@@ -224,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[];
@@ -240,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,9 +1,11 @@
-import type { AudioCodec, BrowserExecutable, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+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;
     ['image-format']: VideoImageFormat | StillImageFormat;
     ['prores-profile']: ProResProfile;
+    ['x264-preset']: X264Preset;
     ['bundle-cache']: string;
     ['env-file']: string;
     ['ignore-certificate-errors']: string;
@@ -11,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

@@ -105,6 +105,9 @@ const parseCommandLine = () => {
     if (exports.parsedCli['prores-profile']) {
         config_1.Config.setProResProfile(String(exports.parsedCli['prores-profile']));
     }
+    if (exports.parsedCli['x264-preset']) {
+        config_1.Config.setX264Preset(String(exports.parsedCli['x264-preset']));
+    }
     if (exports.parsedCli.overwrite) {
         config_1.Config.setOverwriteOutput(exports.parsedCli.overwrite);
     }
@@ -142,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/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/error-overlay/react-overlay/listen-to-runtime-errors.js

@@ -42,6 +42,7 @@ const crashWithFrames = (crash) => (error) => {
     if (didHookOrderChange && !justRefreshedBecauseOfHooks) {
         // eslint-disable-next-line no-console
         console.log('Hook order changed. Reloading app...');
+        window.remotion_unsavedProps = false;
         window.location.reload();
     }
     else {

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/hot-middleware/process-update.d.ts

@@ -3,10 +3,5 @@
  * https://github.com/webpack-contrib/webpack-hot-middleware#readme
  * and rewritten in TypeScript. This file is MIT licensed
  */
-/**
- * Based heavily on https://github.com/webpack/webpack/blob/
- *  c0afdf9c6abc1dd70707c594e473802a566f7b6e/hot/only-dev-server.js
- * Original copyright Tobias Koppers @sokra (MIT license)
- */
 import type { HotMiddlewareOptions, ModuleMap } from './types';
 export declare const processUpdate: (hash: string | undefined, moduleMap: ModuleMap, options: HotMiddlewareOptions) => void;

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

@@ -7,6 +7,12 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processUpdate = void 0;
+/**
+ * Based heavily on https://github.com/webpack/webpack/blob/
+ *  c0afdf9c6abc1dd70707c594e473802a566f7b6e/hot/only-dev-server.js
+ * Original copyright Tobias Koppers @sokra (MIT license)
+ */
+const NotificationCenter_1 = require("../../editor/components/Notifications/NotificationCenter");
 if (!__webpack_module__.hot) {
     throw new Error('[Fast refresh] Hot Module Replacement is disabled.');
 }
@@ -128,16 +134,29 @@ const processUpdate = function (hash, moduleMap, options) {
         }
         if (options.warn) {
             console.warn('[Fast refresh] Update check failed: ' + (err.stack || err.message));
-            window.location.reload();
+            if (!window.remotion_unsavedProps) {
+                window.location.reload();
+            }
         }
     }
     function performReload() {
+        var _a;
         if (!reload) {
             return;
         }
         if (options.warn)
             console.warn('[Fast refresh] Reloading page');
-        window.location.reload();
+        if (window.remotion_unsavedProps) {
+            (_a = NotificationCenter_1.notificationCenter.current) === null || _a === void 0 ? void 0 : _a.addNotification({
+                id: 'random',
+                content: 'Fast refresh needs to reload the page, but you have unsaved props. Save then reload the page to apply changes.',
+                created: new Date().getMilliseconds(),
+                duration: 1,
+            });
+        }
+        else {
+            window.location.reload();
+        }
     }
 };
 exports.processUpdate = processUpdate;

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

@@ -1,4 +1,4 @@
-import type { AudioCodec, Codec, makeCancelSignal, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+import type { AudioCodec, Codec, makeCancelSignal, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { EnumPath } from '../../editor/components/RenderModal/SchemaEditor/extract-enum-json-paths';
 import type { AggregateRenderProgress } from '../../progress-types';
 import type { RequiredChromiumOptions } from '../../required-chromium-options';
@@ -29,6 +29,7 @@ type RenderJobDynamicFields = ({
     jpegQuality: number;
     frame: number;
     scale: number;
+    offthreadVideoCacheSizeInBytes: number | null;
 } & RenderJobDynamicStatus) | ({
     type: 'video';
     imageFormat: VideoImageFormat;
@@ -43,12 +44,14 @@ type RenderJobDynamicFields = ({
     muted: boolean;
     enforceAudioTrack: boolean;
     proResProfile: ProResProfile | null;
+    x264Preset: X264Preset | null;
     pixelFormat: PixelFormat;
     audioBitrate: string | null;
     videoBitrate: string | null;
     everyNthFrame: number;
     numberOfGifLoops: number | null;
     disallowParallelEncoding: boolean;
+    offthreadVideoCacheSizeInBytes: number | null;
 } & RenderJobDynamicStatus);
 export type RenderJob = {
     startedAt: number;
@@ -88,6 +91,7 @@ type AddRenderRequestDynamicFields = {
     muted: boolean;
     enforceAudioTrack: boolean;
     proResProfile: ProResProfile | null;
+    x264Preset: X264Preset | null;
     pixelFormat: PixelFormat;
     audioBitrate: string | null;
     videoBitrate: string | null;
@@ -106,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

@@ -4,7 +4,7 @@ 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;
+    var _a, _b, _c, _d;
     const defaults = window.remotion_renderDefaults;
     if (!defaults) {
         throw new Error('defaults not set');
@@ -33,6 +33,7 @@ const makeRetryPayload = (job) => {
             initialMuted: defaults.muted,
             initialEnforceAudioTrack: defaults.enforceAudioTrack,
             initialProResProfile: defaults.proResProfile,
+            initialx264Preset: defaults.x264Preset,
             initialPixelFormat: defaults.pixelFormat,
             initialAudioBitrate: defaults.audioBitrate,
             initialVideoBitrate: defaults.videoBitrate,
@@ -48,6 +49,7 @@ const makeRetryPayload = (job) => {
             defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: null,
             outFrameMark: null,
+            initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
         };
     }
     if (job.type === 'video') {
@@ -74,6 +76,7 @@ const makeRetryPayload = (job) => {
             initialRenderType,
             initialVideoCodecForVideoTab: initialVideoCodec,
             initialProResProfile: (_c = job.proResProfile) !== null && _c !== void 0 ? _c : defaults.proResProfile,
+            initialx264Preset: (_d = job.x264Preset) !== null && _d !== void 0 ? _d : defaults.x264Preset,
             initialPixelFormat: job.pixelFormat,
             initialAudioBitrate: job.audioBitrate,
             initialVideoBitrate: job.videoBitrate,
@@ -89,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

@@ -5,7 +5,7 @@ const convert_entry_point_to_serve_url_1 = require("../../convert-entry-point-to
 const get_cli_options_1 = require("../../get-cli-options");
 const render_1 = require("../../render-flows/render");
 const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     if (job.type !== 'video') {
         throw new Error('Expected video job');
     }
@@ -53,11 +53,13 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         muted: job.muted,
         enforceAudioTrack: job.enforceAudioTrack,
         proResProfile: (_b = job.proResProfile) !== null && _b !== void 0 ? _b : undefined,
+        x264Preset: (_c = job.x264Preset) !== null && _c !== void 0 ? _c : undefined,
         pixelFormat: job.pixelFormat,
         videoBitrate: job.videoBitrate,
         numberOfGifLoops: job.numberOfGifLoops,
         audioCodec: job.audioCodec,
         disallowParallelEncoding: job.disallowParallelEncoding,
+        offthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
     });
 };
 exports.processVideoJob = processVideoJob;

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

@@ -32,6 +32,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 muted: input.muted,
                 enforceAudioTrack: input.enforceAudioTrack,
                 proResProfile: input.proResProfile,
+                x264Preset: input.x264Preset,
                 pixelFormat: input.pixelFormat,
                 audioBitrate: input.audioBitrate,
                 videoBitrate: input.videoBitrate,
@@ -42,6 +43,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 chromiumOptions: input.chromiumOptions,
                 envVariables: input.envVariables,
                 serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
+                offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
             },
         });
     }
@@ -66,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

@@ -28,7 +28,7 @@ const static404 = (response) => {
     response.end('The static/ prefix has been changed, this URL is no longer valid.');
 };
 const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, getEnvVariables, publicDir, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const [edit] = await editorGuess;
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
     const defaultJpegQuality = config_1.ConfigInternals.getJpegQuality();
@@ -40,6 +40,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
     const enforceAudioTrack = config_1.ConfigInternals.getEnforceAudioTrack();
     const pixelFormat = config_1.ConfigInternals.getPixelFormat();
     const proResProfile = (_a = config_1.ConfigInternals.getProResProfile()) !== null && _a !== void 0 ? _a : 'hq';
+    const x264Preset = (_b = config_1.ConfigInternals.getPresetProfile()) !== null && _b !== void 0 ? _b : 'medium';
     const audioBitrate = config_1.ConfigInternals.getAudioBitrate();
     const videoBitrate = config_1.ConfigInternals.getVideoBitrate();
     const everyNthFrame = config_1.ConfigInternals.getEveryNthFrame();
@@ -52,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');
@@ -67,7 +69,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
         remotionRoot,
         studioServerCommand: packageManager === 'unknown' ? null : packageManager.startCommand,
         renderQueue: (0, queue_1.getRenderQueue)(),
-        numberOfAudioTags: (_b = parse_command_line_1.parsedCli['number-of-shared-audio-tags']) !== null && _b !== void 0 ? _b : (0, number_of_shared_audio_tags_1.getNumberOfSharedAudioTags)(),
+        numberOfAudioTags: (_c = parse_command_line_1.parsedCli['number-of-shared-audio-tags']) !== null && _c !== void 0 ? _c : (0, number_of_shared_audio_tags_1.getNumberOfSharedAudioTags)(),
         publicFiles: (0, public_folder_1.getFiles)(),
         includeFavicon: true,
         title: 'Remotion Studio',
@@ -84,6 +86,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
             muted,
             enforceAudioTrack,
             proResProfile,
+            x264Preset,
             pixelFormat,
             audioBitrate,
             videoBitrate,
@@ -95,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 } from '@remotion/renderer';
+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, 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;
@@ -40,8 +40,10 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     muted: boolean;
     enforceAudioTrack: boolean;
     proResProfile: ProResProfile | undefined;
+    x264Preset: X264Preset | undefined;
     pixelFormat: PixelFormat;
     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, 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}`));
@@ -268,6 +271,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         overwrite,
         pixelFormat,
         proResProfile,
+        x264Preset,
         jpegQuality: jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : renderer_1.RenderInternals.DEFAULT_JPEG_QUALITY,
         chromiumOptions,
         timeoutInMilliseconds: puppeteerTimeout,
@@ -314,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, 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,
@@ -75,11 +75,13 @@ const render = async (remotionRoot, args) => {
         muted,
         enforceAudioTrack,
         proResProfile,
+        x264Preset,
         pixelFormat,
         videoBitrate,
         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.21",
+  "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/media-utils": "4.0.21",
-    "@remotion/player": "4.0.21",
-    "@remotion/bundler": "4.0.21",
-    "@remotion/renderer": "4.0.21",
-    "remotion": "4.0.21"
+    "@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.21",
-    "@remotion/tailwind": "4.0.21"
+    "@remotion/zod-types": "4.0.23",
+    "@remotion/tailwind": "4.0.23"
   },
   "keywords": [
     "remotion",