@remotion/renderer 4.0.255 → 4.0.257

package/dist/render-frames.js

@@ -6,37 +6,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderFrames = exports.internalRenderFrames = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const perf_hooks_1 = require("perf_hooks");
 const no_react_1 = require("remotion/no-react");
-const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const browser_1 = require("./browser");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const browser_download_progress_bar_1 = require("./browser/browser-download-progress-bar");
 const flaky_errors_1 = require("./browser/flaky-errors");
-const compress_assets_1 = require("./compress-assets");
+const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
 const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
-const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
-const filter_asset_types_1 = require("./filter-asset-types");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_concurrency_1 = require("./get-concurrency");
 const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range");
 const get_extra_frames_to_capture_1 = require("./get-extra-frames-to-capture");
 const get_frame_padded_index_1 = require("./get-frame-padded-index");
 const get_frame_to_render_1 = require("./get-frame-to-render");
-const is_delay_render_error_with_retry_1 = require("./is-delay-render-error-with-retry");
 const jpeg_quality_1 = require("./jpeg-quality");
 const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
+const make_page_1 = require("./make-page");
+const next_frame_to_render_1 = require("./next-frame-to-render");
 const open_browser_1 = require("./open-browser");
-const perf_1 = require("./perf");
 const pool_1 = require("./pool");
 const prepare_server_1 = require("./prepare-server");
-const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
+const render_frame_and_retry_target_close_1 = require("./render-frame-and-retry-target-close");
 const replace_browser_1 = require("./replace-browser");
-const seek_to_frame_1 = require("./seek-to-frame");
-const set_props_and_env_1 = require("./set-props-and-env");
-const take_frame_1 = require("./take-frame");
-const truthy_1 = require("./truthy");
 const validate_1 = require("./validate");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
@@ -59,76 +51,34 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
     });
     const framesToRender = (0, get_duration_from_frame_range_1.getFramesToRender)(realFrameRange, everyNthFrame);
     const lastFrame = framesToRender[framesToRender.length - 1];
-    const makePage = async (context, initialFrame) => {
-        const page = await browserReplacer
-            .getBrowser()
-            .newPage(context, logLevel, indent);
-        pagesArray.push(page);
-        await page.setViewport({
-            width: composition.width,
-            height: composition.height,
-            deviceScaleFactor: scale,
-        });
-        const logCallback = (log) => {
-            onBrowserLog === null || onBrowserLog === void 0 ? void 0 : onBrowserLog({
-                stackTrace: log.stackTrace(),
-                text: log.text,
-                type: log.type,
-            });
-        };
-        if (onBrowserLog) {
-            page.on('console', logCallback);
-        }
-        await (0, set_props_and_env_1.setPropsAndEnv)({
-            serializedInputPropsWithCustomSchema,
-            envVariables,
-            page,
-            serveUrl,
-            initialFrame,
-            timeoutInMilliseconds,
-            proxyPort,
-            retriesRemaining: 2,
-            audioEnabled: !muted,
-            videoEnabled: imageFormat !== 'none',
+    const concurrencyOrFramesToRender = Math.min(framesToRender.length, resolvedConcurrency);
+    const makeNewPage = (frame, pageIndex) => {
+        return (0, make_page_1.makePage)({
+            context: sourceMapGetter,
+            initialFrame: frame,
+            browserReplacer,
             indent,
             logLevel,
-            onServeUrlVisited: () => undefined,
-        });
-        await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
-            // eslint-disable-next-line max-params
-            pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec) => {
-                window.remotion_setBundleMode({
-                    type: 'composition',
-                    compositionName: id,
-                    serializedResolvedPropsWithSchema: props,
-                    compositionDurationInFrames: durationInFrames,
-                    compositionFps: fps,
-                    compositionHeight: height,
-                    compositionWidth: width,
-                    compositionDefaultCodec: defaultCodec,
-                });
-            },
-            args: [
-                composition.id,
-                serializedResolvedPropsWithCustomSchema,
-                composition.durationInFrames,
-                composition.fps,
-                composition.height,
-                composition.width,
-                composition.defaultCodec,
-            ],
-            frame: null,
-            page,
+            onBrowserLog,
+            pagesArray,
+            scale,
+            composition,
+            envVariables,
+            imageFormat,
+            muted,
+            proxyPort,
+            serializedInputPropsWithCustomSchema,
+            serializedResolvedPropsWithCustomSchema,
+            serveUrl,
             timeoutInMilliseconds,
+            pageIndex,
         });
-        page.off('console', logCallback);
-        return page;
     };
-    const concurrencyOrFramesToRender = Math.min(framesToRender.length, resolvedConcurrency);
-    const getPool = async (context) => {
+    const getPool = async () => {
         const pages = new Array(concurrencyOrFramesToRender)
             .fill(true)
-            .map((_, i) => makePage(context, framesToRender[i]));
+            // TODO: Change different initial frame
+            .map((_, i) => makeNewPage(framesToRender[i], i));
         const puppeteerPages = await Promise.all(pages);
         const pool = new pool_1.Pool(puppeteerPages);
         return pool;
@@ -141,258 +91,77 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         totalFrames: framesToRender.length,
         countType,
     });
-    let framesRendered = 0;
-    const poolPromise = getPool(sourceMapGetter);
+    const framesRenderedObj = {
+        count: 0,
+    };
+    const poolPromise = getPool();
     onStart === null || onStart === void 0 ? void 0 : onStart({
         frameCount: framesToRender.length,
         parallelEncoding: parallelEncodingEnabled,
         resolvedConcurrency,
     });
     const assets = [];
-    let stopped = false;
+    const stoppedSignal = { stopped: false };
     cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
-        stopped = true;
+        stoppedSignal.stopped = true;
     });
     const frameDir = outputDir !== null && outputDir !== void 0 ? outputDir : downloadMap.compositingDir;
-    const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, compId, assetsOnly, attempt, }) => {
-        const pool = await poolPromise;
-        const freePage = await pool.acquire();
-        if (stopped) {
-            return reject(new Error('Render was stopped'));
-        }
-        const startTime = perf_hooks_1.performance.now();
-        const errorCallbackOnFrame = (err) => {
-            reject(err);
-        };
-        const cleanupPageError = (0, handle_javascript_exception_1.handleJavascriptException)({
-            page: freePage,
-            onError: errorCallbackOnFrame,
-            frame,
-        });
-        freePage.on('error', errorCallbackOnFrame);
-        const startSeeking = Date.now();
-        await (0, seek_to_frame_1.seekToFrame)({
-            frame,
-            page: freePage,
-            composition: compId,
-            timeoutInMilliseconds,
-            indent,
-            logLevel,
-            attempt,
-        });
-        const timeToSeek = Date.now() - startSeeking;
-        if (timeToSeek > 1000) {
-            logger_1.Log.verbose({ indent, logLevel }, `Seeking to frame ${frame} took ${timeToSeek}ms`);
-        }
-        if (!outputDir && !onFrameBuffer && imageFormat !== 'none') {
-            throw new Error('Called renderFrames() without specifying either `outputDir` or `onFrameBuffer`');
-        }
-        if (outputDir && onFrameBuffer && imageFormat !== 'none') {
-            throw new Error('Pass either `outputDir` or `onFrameBuffer` to renderFrames(), not both.');
-        }
-        const id = (0, perf_1.startPerfMeasure)('save');
-        const { buffer, collectedAssets } = await (0, take_frame_1.takeFrame)({
-            frame,
-            freePage,
-            height,
-            imageFormat: assetsOnly ? 'none' : imageFormat,
-            output: index === null
-                ? null
-                : node_path_1.default.join(frameDir, (0, get_frame_padded_index_1.getFrameOutputFileName)({
-                    frame,
-                    imageFormat,
-                    index,
-                    countType,
-                    lastFrame,
-                    totalFrames: framesToRender.length,
-                })),
-            jpegQuality,
-            width,
-            scale,
-            wantsBuffer: Boolean(onFrameBuffer),
-            timeoutInMilliseconds,
-        });
-        if (onFrameBuffer && !assetsOnly) {
-            if (!buffer) {
-                throw new Error('unexpected null buffer');
-            }
-            onFrameBuffer(buffer, frame);
-        }
-        (0, perf_1.stopPerfMeasure)(id);
-        const previousAudioRenderAssets = assets
-            .filter(truthy_1.truthy)
-            .map((a) => a.audioAndVideoAssets)
-            .flat(2);
-        const previousArtifactAssets = assets
-            .filter(truthy_1.truthy)
-            .map((a) => a.artifactAssets)
-            .flat(2);
-        const audioAndVideoAssets = (0, filter_asset_types_1.onlyAudioAndVideoAssets)(collectedAssets);
-        const artifactAssets = (0, filter_asset_types_1.onlyArtifact)(collectedAssets);
-        for (const artifact of artifactAssets) {
-            for (const previousArtifact of previousArtifactAssets) {
-                if (artifact.filename === previousArtifact.filename) {
-                    reject(new Error(`An artifact with output "${artifact.filename}" was already registered at frame ${previousArtifact.frame}, but now registered again at frame ${artifact.frame}. Artifacts must have unique names. https://remotion.dev/docs/artifacts`));
-                    return;
-                }
-            }
-            onArtifact === null || onArtifact === void 0 ? void 0 : onArtifact(artifact);
-        }
-        const compressedAssets = audioAndVideoAssets.map((asset) => {
-            return (0, compress_assets_1.compressAsset)(previousAudioRenderAssets, asset);
-        });
-        assets.push({
-            audioAndVideoAssets: compressedAssets,
-            frame,
-            artifactAssets: artifactAssets.map((a) => {
-                return {
-                    frame: a.frame,
-                    filename: a.filename,
-                };
-            }),
-        });
-        for (const renderAsset of compressedAssets) {
-            (0, download_and_map_assets_to_file_1.downloadAndMapAssetsToFileUrl)({
-                renderAsset,
-                onDownload,
-                downloadMap,
-                indent,
-                logLevel,
-                binariesDirectory,
-                cancelSignalForAudioAnalysis: cancelSignal,
-                shouldAnalyzeAudioImmediately: true,
-            }).catch((err) => {
-                const truncateWithEllipsis = renderAsset.src.substring(0, 1000) +
-                    (renderAsset.src.length > 1000 ? '...' : '');
-                onError(new Error(`Error while downloading ${truncateWithEllipsis}: ${err.stack}`));
-            });
-        }
-        if (!assetsOnly) {
-            framesRendered++;
-            onFrameUpdate === null || onFrameUpdate === void 0 ? void 0 : onFrameUpdate(framesRendered, frame, perf_hooks_1.performance.now() - startTime);
-        }
-        cleanupPageError();
-        freePage.off('error', errorCallbackOnFrame);
-        pool.release(freePage);
-    };
-    const renderFrame = ({ frame, index, assetsOnly, attempt, }) => {
-        return new Promise((resolve, reject) => {
-            renderFrameWithOptionToReject({
-                frame,
-                index,
-                reject,
-                width: composition.width,
-                height: composition.height,
-                compId: composition.id,
-                assetsOnly,
-                attempt,
-            })
-                .then(() => {
-                resolve();
-            })
-                .catch((err) => {
-                reject(err);
-            });
-        });
-    };
-    const renderFrameAndRetryTargetClose = async ({ frame, index, retriesLeft, attempt, assetsOnly, }) => {
-        var _a;
-        try {
-            await Promise.race([
-                renderFrame({ frame, index, assetsOnly, attempt }),
-                new Promise((_, reject) => {
-                    cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
-                        reject(new Error(make_cancel_signal_1.cancelErrorMessages.renderFrames));
-                    });
-                }),
-            ]);
-        }
-        catch (err) {
-            const isTargetClosedError = (0, flaky_errors_1.isTargetClosedErr)(err);
-            const shouldRetryError = (_a = err.stack) === null || _a === void 0 ? void 0 : _a.includes(no_react_1.NoReactInternals.DELAY_RENDER_RETRY_TOKEN);
-            const flakyNetworkError = (0, flaky_errors_1.isFlakyNetworkError)(err);
-            if ((0, make_cancel_signal_1.isUserCancelledRender)(err) && !shouldRetryError) {
-                throw err;
-            }
-            if (!isTargetClosedError && !shouldRetryError && !flakyNetworkError) {
-                throw err;
-            }
-            if (stopped) {
-                return;
-            }
-            if (retriesLeft === 0) {
-                logger_1.Log.warn({
-                    indent,
-                    logLevel,
-                }, `The browser crashed ${attempt} times while rendering frame ${frame}. Not retrying anymore. Learn more about this error under https://www.remotion.dev/docs/target-closed`);
-                throw err;
-            }
-            if (shouldRetryError) {
-                const pool = await poolPromise;
-                // Replace the closed page
-                const newPage = await makePage(sourceMapGetter, frame);
-                pool.release(newPage);
-                logger_1.Log.warn({ indent, logLevel }, `delayRender() timed out while rendering frame ${frame}: ${err.message}`);
-                const actualRetriesLeft = (0, is_delay_render_error_with_retry_1.getRetriesLeftFromError)(err);
-                return renderFrameAndRetryTargetClose({
-                    frame,
-                    index,
-                    retriesLeft: actualRetriesLeft,
-                    attempt: attempt + 1,
-                    assetsOnly,
-                });
-            }
-            logger_1.Log.warn({ indent, logLevel }, `The browser crashed while rendering frame ${frame}, retrying ${retriesLeft} more times. Learn more about this error under https://www.remotion.dev/docs/target-closed`);
-            // Replace the entire browser
-            await browserReplacer.replaceBrowser(makeBrowser, async () => {
-                const pages = new Array(concurrencyOrFramesToRender)
-                    .fill(true)
-                    .map(() => makePage(sourceMapGetter, frame));
-                const puppeteerPages = await Promise.all(pages);
-                const pool = await poolPromise;
-                for (const newPage of puppeteerPages) {
-                    pool.release(newPage);
-                }
-            });
-            await renderFrameAndRetryTargetClose({
-                frame,
-                index,
-                retriesLeft: retriesLeft - 1,
-                attempt: attempt + 1,
-                assetsOnly,
-            });
-        }
-    };
     // Render the extra frames at the beginning of the video first,
     // then the regular frames, then the extra frames at the end of the video.
     // While the order technically doesn't matter, components such as <Video> are
     // not always frame perfect and give a flicker.
     // We reduce the chance of flicker by rendering the frames in order.
-    await Promise.all(extraFramesToCaptureAssetsFrontend.map((frame) => {
-        return renderFrameAndRetryTargetClose({
-            frame,
-            index: null,
-            retriesLeft: MAX_RETRIES_PER_FRAME,
-            attempt: 1,
-            assetsOnly: true,
-        });
-    }));
-    await Promise.all(framesToRender.map((frame, index) => {
-        return renderFrameAndRetryTargetClose({
-            frame,
-            index,
-            retriesLeft: MAX_RETRIES_PER_FRAME,
-            attempt: 1,
-            assetsOnly: false,
+    const allFramesAndExtraFrames = [
+        ...extraFramesToCaptureAssetsFrontend,
+        ...framesToRender,
+        ...extraFramesToCaptureAssetsBackend,
+    ];
+    const shouldUsePartitionedRendering = (0, can_use_parallel_encoding_1.getShouldUsePartitionedRendering)();
+    if (shouldUsePartitionedRendering) {
+        logger_1.Log.info({ indent, logLevel }, 'Experimental: Using partitioned rendering (https://github.com/remotion-dev/remotion/pull/4830)');
+    }
+    const nextFrameToRender = shouldUsePartitionedRendering
+        ? (0, next_frame_to_render_1.partitionedNextFrameToRenderState)({
+            allFramesAndExtraFrames,
+            concurrencyOrFramesToRender,
+        })
+        : (0, next_frame_to_render_1.nextFrameToRenderState)({
+            allFramesAndExtraFrames,
+            concurrencyOrFramesToRender,
         });
-    }));
-    await Promise.all(extraFramesToCaptureAssetsBackend.map((frame) => {
-        return renderFrameAndRetryTargetClose({
-            frame,
-            index: null,
+    await Promise.all(allFramesAndExtraFrames.map(() => {
+        return (0, render_frame_and_retry_target_close_1.renderFrameAndRetryTargetClose)({
             retriesLeft: MAX_RETRIES_PER_FRAME,
             attempt: 1,
-            assetsOnly: true,
+            assets,
+            binariesDirectory,
+            cancelSignal,
+            composition,
+            countType,
+            downloadMap,
+            frameDir,
+            framesToRender,
+            imageFormat,
+            indent,
+            jpegQuality,
+            logLevel,
+            onArtifact,
+            onDownload,
+            onError,
+            outputDir,
+            poolPromise,
+            scale,
+            stoppedSignal,
+            timeoutInMilliseconds,
+            makeBrowser,
+            browserReplacer,
+            concurrencyOrFramesToRender,
+            framesRenderedObj,
+            lastFrame,
+            makeNewPage,
+            onFrameBuffer,
+            onFrameUpdate,
+            nextFrameToRender,
         });
     }));
     const firstFrameIndex = countType === 'from-zero' ? 0 : framesToRender[0];
@@ -466,7 +235,12 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
             ]).then(([{ server: openedServer, cleanupServer }, pInstance]) => {
                 const { serveUrl, offthreadPort, sourceMap, downloadMap } = openedServer;
                 const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(pInstance, logLevel, indent);
-                const cycle = (0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, resolvedConcurrency, logLevel, indent);
+                const cycle = (0, cycle_browser_tabs_1.cycleBrowserTabs)({
+                    puppeteerInstance: browserReplacer,
+                    concurrency: resolvedConcurrency,
+                    logLevel,
+                    indent,
+                });
                 cleanup.push(() => {
                     cycle.stopCycling();
                     return Promise.resolve();
@@ -536,7 +310,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
             else {
                 Promise.resolve(browserInstance)
                     .then((instance) => {
-                    return instance.close(true, logLevel, indent);
+                    return instance.close({ silent: true });
                 })
                     .catch((err) => {
                     if (!(err === null || err === void 0 ? void 0 : err.message.includes('Target closed'))) {

package/dist/render-partitions.d.ts

@@ -0,0 +1,7 @@
+export declare const renderPartitions: ({ frames, concurrency, }: {
+    frames: number[];
+    concurrency: number;
+}) => {
+    partitions: number[][];
+    getNextFrame: (pageIndex: number) => number;
+};

package/dist/render-partitions.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderPartitions = void 0;
+const renderPartitions = ({ frames, concurrency, }) => {
+    const partitions = [];
+    let start = 0;
+    for (let i = 0; i < concurrency; i++) {
+        const end = start + Math.ceil((frames.length - start) / (concurrency - i));
+        partitions.push(frames.slice(start, end));
+        start = end;
+    }
+    return {
+        partitions,
+        getNextFrame: (pageIndex) => {
+            if (partitions[pageIndex].length === 0) {
+                const partitionLengths = partitions.map((p) => p.length);
+                if (partitionLengths.every((p) => p === 0)) {
+                    throw new Error('No more frames to render');
+                }
+                let longestRemainingPartitionIndex = -1;
+                for (let i = 0; i < partitions.length; i++) {
+                    if (longestRemainingPartitionIndex === -1) {
+                        longestRemainingPartitionIndex = i;
+                        continue;
+                    }
+                    if (partitions[i].length >
+                        partitions[longestRemainingPartitionIndex].length) {
+                        longestRemainingPartitionIndex = i;
+                    }
+                }
+                if (longestRemainingPartitionIndex === -1) {
+                    throw new Error('No more frames to render');
+                }
+                // Round up - let's say only one frame is left to render, we should take this one
+                const slicePoint = Math.ceil(partitions[longestRemainingPartitionIndex].length / 2) -
+                    // but don't forget it's zero indexed :)
+                    1;
+                partitions[pageIndex] =
+                    partitions[longestRemainingPartitionIndex].slice(slicePoint);
+                partitions[longestRemainingPartitionIndex] = partitions[longestRemainingPartitionIndex].slice(0, slicePoint);
+            }
+            const value = partitions[pageIndex].shift();
+            if (value === undefined) {
+                throw new Error('No more frames to render');
+            }
+            return value;
+        },
+    };
+};
+exports.renderPartitions = renderPartitions;

package/dist/render-still.js

@@ -99,7 +99,12 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         onBrowserDownload,
         chromeMode,
     }));
-    const page = await browserInstance.newPage(sourceMapGetter, logLevel, indent);
+    const page = await browserInstance.newPage({
+        context: sourceMapGetter,
+        logLevel,
+        indent,
+        pageIndex: 0,
+    });
     await page.setViewport({
         width: composition.width,
         height: composition.height,
@@ -128,7 +133,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
             await page.close();
         }
         else {
-            browserInstance.close(true, logLevel, indent).catch((err) => {
+            browserInstance.close({ silent: true }).catch((err) => {
                 logger_1.Log.error({ indent, logLevel }, 'Unable to close browser', err);
             });
         }

package/dist/replace-browser.js

@@ -21,7 +21,7 @@ const handleBrowserCrash = (instance, logLevel, indent) => {
             try {
                 replacing = true;
                 await _instance
-                    .close(true, logLevel, indent)
+                    .close({ silent: true })
                     .then(() => {
                     logger_1.Log.info({ indent, logLevel }, 'Killed previous browser and making new one');
                 })

package/dist/select-composition.js

@@ -107,6 +107,7 @@ const internalSelectCompositionRaw = async (options) => {
             logLevel,
             onBrowserDownload,
             chromeMode,
+            pageIndex: 0,
         }),
         (0, prepare_server_1.makeOrReuseServer)(options.server, {
             webpackConfigOrServeUrl: serveUrlOrWebpackUrl,

package/dist/test-gpu.js

@@ -13,6 +13,7 @@ const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel,
         logLevel,
         onBrowserDownload,
         chromeMode,
+        pageIndex: 0,
     });
     await page.goto({ url: 'chrome://gpu', timeout: 12000 });
     const { value } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.255",
+  "version": "4.0.257",
   "description": "Render Remotion videos using Node.js or Bun",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,8 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.17.1",
-    "remotion": "4.0.255",
-    "@remotion/streaming": "4.0.255"
+    "remotion": "4.0.257",
+    "@remotion/streaming": "4.0.257"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -33,17 +33,17 @@
     "react-dom": "19.0.0",
     "@types/ws": "8.5.10",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.255",
-    "@remotion/example-videos": "4.0.255"
+    "@remotion/example-videos": "4.0.257",
+    "@remotion/eslint-config-internal": "4.0.257"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.255",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.255",
-    "@remotion/compositor-linux-arm64-musl": "4.0.255",
-    "@remotion/compositor-linux-x64-musl": "4.0.255",
-    "@remotion/compositor-linux-x64-gnu": "4.0.255",
-    "@remotion/compositor-win32-x64-msvc": "4.0.255",
-    "@remotion/compositor-darwin-x64": "4.0.255"
+    "@remotion/compositor-darwin-arm64": "4.0.257",
+    "@remotion/compositor-darwin-x64": "4.0.257",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.257",
+    "@remotion/compositor-linux-arm64-musl": "4.0.257",
+    "@remotion/compositor-linux-x64-gnu": "4.0.257",
+    "@remotion/compositor-linux-x64-musl": "4.0.257",
+    "@remotion/compositor-win32-x64-msvc": "4.0.257"
   },
   "keywords": [
     "remotion",