@remotion/renderer 3.3.28 → 3.3.31

package/dist/create-ffmpeg-complex-filter.d.ts

@@ -1,8 +1,5 @@
 import type { DownloadMap } from './assets/download-map';
 export declare const createFfmpegComplexFilter: (filters: number, downloadMap: DownloadMap) => Promise<{
-    complexFilterFlag: [
-        string,
-        string
-    ] | null;
+    complexFilterFlag: [string, string] | null;
     cleanup: () => void;
 }>;

package/dist/determine-resize-params.d.ts

@@ -1,4 +1 @@
-export declare const determineResizeParams: (needsResize: [
-    number,
-    number
-] | null) => string[];
+export declare const determineResizeParams: (needsResize: [number, number] | null) => string[];

package/dist/extract-frame-from-video.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { OffthreadVideoImageFormat } from 'remotion';
 import type { DownloadMap } from './assets/download-map';
 import type { FfmpegExecutable } from './ffmpeg-executable';

package/dist/get-compositions-from-bundle.d.ts

@@ -1,2 +1,7 @@
+import type { ComponentType } from 'react';
+import type { TCompMetadata } from 'remotion';
 import type { GetCompositionsConfig } from './get-compositions';
-export declare const getCompositionsFromBundle: (bundle: string, options: GetCompositionsConfig) => import("remotion/src").TCompMetadata[];
+export declare const getCompositionsFromBundle: (bundle: string, options: GetCompositionsConfig) => {
+    compositions: TCompMetadata[];
+    root: ComponentType;
+};

package/dist/get-compositions-from-bundle.js

@@ -48,8 +48,8 @@ const getCompositionsFromBundle = (bundle, options) => {
         throw new Error('Did not call getRoot() in the bundle. Delaying the calling of getRoot() is not supported in server-side-rendering.');
     }
     const Comp = theRoot;
-    console.log({ Comp1: Comp });
     const comps = (0, remotion_1.getCompositionsFromMarkup)(Comp);
-    return comps;
+    remotion_1.Internals.clearRoot();
+    return { compositions: comps, root: Comp };
 };
 exports.getCompositionsFromBundle = getCompositionsFromBundle;

package/dist/get-compositions.js

@@ -89,13 +89,20 @@ const getCompositions = async (serveUrlOrWebpackUrl, config) => {
             close = closeServer;
             return innerGetCompositions(serveUrl, page, config !== null && config !== void 0 ? config : {}, offthreadPort);
         })
-            .then((comp) => resolve(comp))
+            .then((comp) => {
+            if (close) {
+                return Promise.all([comp, close(true)]);
+            }
+            return Promise.resolve([comp, null]);
+        })
+            .then(([comp]) => {
+            return resolve(comp);
+        })
             .catch((err) => {
             reject(err);
         })
             .finally(() => {
             cleanup();
-            close === null || close === void 0 ? void 0 : close();
             cleanupPageError();
             // Clean download map if it was not passed in
             if (!(config === null || config === void 0 ? void 0 : config.downloadMap)) {

package/dist/get-concurrency.d.ts

@@ -1 +1 @@
-export declare const getActualConcurrency: (userPreference: number | null) => number;
+export declare const getActualConcurrency: (userPreference: number | string | null) => number;

package/dist/get-concurrency.js

@@ -9,9 +9,16 @@ const getActualConcurrency = (userPreference) => {
     if (userPreference === null) {
         return Math.round(Math.min(8, Math.max(1, os_1.default.cpus().length / 2)));
     }
-    const rounded = Math.floor(userPreference);
     const max = os_1.default.cpus().length;
     const min = 1;
+    let rounded;
+    if (typeof userPreference === 'string') {
+        const percentage = parseInt(userPreference.slice(0, -1), 10);
+        rounded = Math.floor((percentage / 100) * max);
+    }
+    else {
+        rounded = Math.floor(userPreference);
+    }
     if (rounded > max) {
         throw new Error(`Maximum for --concurrency is ${max} (number of cores on this system)`);
     }

package/dist/get-extension-from-codec.d.ts

@@ -1,2 +1,2 @@
 import type { Codec } from './codec';
-export declare const getFileExtensionFromCodec: (codec: Codec, type: 'chunk' | 'final') => "mp3" | "aac" | "wav" | "gif" | "mp4" | "mkv" | "mov" | "webm";
+export declare const getFileExtensionFromCodec: (codec: Codec, type: 'chunk' | 'final') => "mp3" | "aac" | "wav" | "gif" | "webm" | "mp4" | "mov" | "mkv";

package/dist/get-frame-of-video-slow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { OffthreadVideoImageFormat } from 'remotion';
 import type { SpecialVCodecForTransparency } from './assets/download-map';
 import type { FfmpegExecutable } from './ffmpeg-executable';
@@ -7,10 +8,7 @@ export declare const getFrameOfVideoSlow: ({ src, duration, ffmpegExecutable, im
     duration: number;
     imageFormat: OffthreadVideoImageFormat;
     specialVCodecForTransparency: SpecialVCodecForTransparency;
-    needsResize: [
-        number,
-        number
-    ] | null;
+    needsResize: [number, number] | null;
     offset: number;
     fps: number | null;
     remotionRoot: string;

package/dist/guess-extension-for-media.d.ts

@@ -2,4 +2,4 @@ export declare const guessExtensionForVideo: ({ src, remotionRoot, ffprobeBinary
     src: string;
     remotionRoot: string;
     ffprobeBinary: string | null;
-}) => Promise<"mp3" | "wav" | "mp4" | "webm">;
+}) => Promise<"mp3" | "wav" | "webm" | "mp4">;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import execa from 'execa';
 import { SymbolicateableError } from './error-handling/symbolicateable-error';
 import { mimeContentType, mimeLookup } from './mime-types';
@@ -40,7 +41,7 @@ export declare const RenderInternals: {
         feature: "enable-gpl" | "enable-libx265" | "enable-libvpx";
         remotionRoot: string;
     }) => Promise<boolean>;
-    getActualConcurrency: (userPreference: number | null) => number;
+    getActualConcurrency: (userPreference: string | number | null) => number;
     validateFfmpeg: (customFfmpegBinary: string | null, remotionRoot: string, binary: "ffmpeg" | "ffprobe") => Promise<void>;
     serveStatic: (path: string | null, options: {
         port: number | null;
@@ -60,7 +61,7 @@ export declare const RenderInternals: {
         scale: number;
         codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     }) => void;
-    getFileExtensionFromCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif", type: "chunk" | "final") => "mp3" | "aac" | "wav" | "gif" | "mp4" | "mkv" | "mov" | "webm";
+    getFileExtensionFromCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif", type: "chunk" | "final") => "mp3" | "aac" | "wav" | "gif" | "webm" | "mp4" | "mov" | "mkv";
     tmpDir: (str: string) => string;
     deleteDirectory: (directory: string) => Promise<void>;
     isServeUrl: (potentialUrl: string) => boolean;

package/dist/last-frame-from-video-cache.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { OffthreadVideoImageFormat } from 'remotion';
 import type { DownloadMap, SpecialVCodecForTransparency } from './assets/download-map';
 import type { FfmpegExecutable } from './ffmpeg-executable';

package/dist/make-comp-manager-context.d.ts

@@ -0,0 +1,2 @@
+import type { CompositionManagerContext, TCompMetadata } from 'remotion';
+export declare const makeCompManagerContext: (composition: TCompMetadata) => CompositionManagerContext;

package/dist/make-comp-manager-context.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCompManagerContext = void 0;
+const makeCompManagerContext = (composition) => {
+    const memo = {
+        assets: [],
+        compositions: [composition],
+        currentComposition: composition.id,
+        currentCompositionMetadata: composition,
+        folders: [],
+        registerAsset: () => {
+            throw new Error('Not implemented');
+        },
+        registerComposition: () => {
+            throw new Error('Not implemented');
+        },
+        registerFolder: () => {
+            throw new Error('Not implemented');
+        },
+        setCurrentComposition: () => {
+            throw new Error('Not implemented');
+        },
+        registerSequence() {
+            throw new Error('Not implemented');
+        },
+        sequences: [],
+        setCurrentCompositionMetadata: () => {
+            throw new Error('Not implemented');
+        },
+        unregisterAsset: () => {
+            throw new Error('Not implemented');
+        },
+        unregisterComposition: () => {
+            throw new Error('Not implemented');
+        },
+        unregisterFolder: () => {
+            throw new Error('Not implemented');
+        },
+        unregisterSequence: () => {
+            throw new Error('Not implemented');
+        },
+    };
+    return memo;
+};
+exports.makeCompManagerContext = makeCompManagerContext;

package/dist/prepare-server.d.ts

@@ -12,6 +12,6 @@ export declare const prepareServer: ({ ffmpegExecutable, ffprobeExecutable, onDo
     remotionRoot: string;
 }) => Promise<{
     serveUrl: string;
-    closeServer: () => Promise<unknown>;
+    closeServer: (force: boolean) => Promise<unknown>;
     offthreadPort: number;
 }>;

package/dist/prepare-server.js

@@ -44,8 +44,11 @@ const prepareServer = async ({ ffmpegExecutable, ffprobeExecutable, onDownload,
         remotionRoot,
     });
     return Promise.resolve({
-        closeServer: () => {
-            return (0, wait_for_symbolication_error_to_be_done_1.waitForSymbolicationToBeDone)().then(() => close());
+        closeServer: async (force) => {
+            if (!force) {
+                await (0, wait_for_symbolication_error_to_be_done_1.waitForSymbolicationToBeDone)();
+            }
+            return close();
         },
         serveUrl: `http://localhost:${serverPort}`,
         offthreadPort: serverPort,

package/dist/provide-screenshot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { ImageFormat } from './image-format';

package/dist/puppeteer-screenshot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 export declare const screenshot: (options: {

package/dist/render-frames.d.ts

@@ -21,7 +21,7 @@ declare type ConfigOrComposition = {
     composition: SmallTCompMetadata;
 };
 declare type ConcurrencyOrParallelism = {
-    concurrency?: number | null;
+    concurrency?: number | string | null;
 } | {
     /**
      * @deprecated This field has been renamed to `concurrency`

package/dist/render-frames.js

@@ -343,7 +343,7 @@ const renderFrames = (options) => {
                 const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(puppeteerInstance);
                 const { stopCycling } = (0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, actualConcurrency);
                 cleanup.push(stopCycling);
-                cleanup.push(closeServer);
+                cleanup.push(() => closeServer(false));
                 return innerRenderFrames({
                     ...options,
                     puppeteerInstance,

package/dist/render-media.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { SmallTCompMetadata } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
@@ -71,7 +72,7 @@ export declare type RenderMediaOptions = {
     disallowParallelEncoding?: boolean;
 } & ServeUrlOrWebpackBundle & ConcurrencyOrParallelism;
 declare type ConcurrencyOrParallelism = {
-    concurrency?: number | null;
+    concurrency?: number | string | null;
 } | {
     /**
      * @deprecated This field has been renamed to `concurrency`

package/dist/render-on-server.js

@@ -13,51 +13,14 @@ const download_map_1 = require("./assets/download-map");
 const compose_1 = require("./compositor/compose");
 const compositor_1 = require("./compositor/compositor");
 const get_frame_padded_index_1 = require("./get-frame-padded-index");
+const make_comp_manager_context_1 = require("./make-comp-manager-context");
 const pool_1 = require("./pool");
 const renderOnServer = async (Comp, composition) => {
     console.time('total');
     console.time('frames');
     process.env.REMOTION_SERVER_RENDERING = 'true';
-    process.env.SELECT_COMP_ID = composition.id;
     // eslint-disable-next-line react/jsx-no-constructed-context-values
-    const memo = {
-        assets: [],
-        compositions: [composition],
-        currentComposition: composition.id,
-        currentCompositionMetadata: composition,
-        folders: [],
-        registerAsset: () => {
-            throw new Error('Not implemented');
-        },
-        registerComposition: () => {
-            throw new Error('Not implemented');
-        },
-        registerFolder: () => {
-            throw new Error('Not implemented');
-        },
-        setCurrentComposition: () => {
-            throw new Error('Not implemented');
-        },
-        registerSequence() {
-            throw new Error('Not implemented');
-        },
-        sequences: [],
-        setCurrentCompositionMetadata: () => {
-            throw new Error('Not implemented');
-        },
-        unregisterAsset: () => {
-            throw new Error('Not implemented');
-        },
-        unregisterComposition: () => {
-            throw new Error('Not implemented');
-        },
-        unregisterFolder: () => {
-            throw new Error('Not implemented');
-        },
-        unregisterSequence: () => {
-            throw new Error('Not implemented');
-        },
-    };
+    const memo = (0, make_comp_manager_context_1.makeCompManagerContext)(composition);
     const pool = new pool_1.Pool(new Array(4).fill(true).map((_, i) => i));
     const downloadMap = (0, download_map_1.makeDownloadMap)();
     const renderId = 'abc';
@@ -77,7 +40,7 @@ const renderOnServer = async (Comp, composition) => {
                 throw new Error('Not implemented');
             },
         };
-        const svg = (0, server_1.renderToStaticMarkup)((0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, { value: memo, children: (0, jsx_runtime_1.jsx)(Comp, {}) }) }));
+        const svg = (0, server_1.renderToStaticMarkup)((0, jsx_runtime_1.jsx)(remotion_1.Internals.SelectCompositionMode, { layer: 0, id: composition.id, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, { value: memo, children: (0, jsx_runtime_1.jsx)(Comp, {}) }) }) }));
         const out = path_1.default.join(downloadMap.compositingDir, (0, get_frame_padded_index_1.getFrameOutputFileName)({
             frame: i,
             imageFormat: 'tiff',

package/dist/render-still.js

@@ -208,7 +208,7 @@ const renderStill = (options) => {
             if (!(options === null || options === void 0 ? void 0 : options.downloadMap)) {
                 (0, download_map_1.cleanDownloadMap)(downloadMap);
             }
-            return close === null || close === void 0 ? void 0 : close();
+            return close === null || close === void 0 ? void 0 : close(false);
         });
     });
     return Promise.race([

package/dist/render-svg.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentType } from 'react';
+import type { TCompMetadata } from 'remotion';
+export declare const renderSvg: ({ composition, Comp, frame, layer, }: {
+    composition: TCompMetadata;
+    Comp: ComponentType;
+    frame: number;
+    layer: number;
+}) => string;

package/dist/render-svg.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderSvg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const server_1 = require("react-dom/server");
+const remotion_1 = require("remotion");
+const make_comp_manager_context_1 = require("./make-comp-manager-context");
+const makeTimelineContextValue = (composition, frame) => {
+    const value = {
+        audioAndVideoTags: { current: [] },
+        rootId: composition.id,
+        playing: false,
+        playbackRate: 1,
+        imperativePlaying: {
+            current: false,
+        },
+        frame,
+        setPlaybackRate: () => {
+            throw new Error('Not implemented');
+        },
+    };
+    return value;
+};
+const renderSvg = ({ composition, Comp, frame, layer, }) => {
+    const svg = (0, server_1.renderToStaticMarkup)((0, jsx_runtime_1.jsx)(remotion_1.Internals.SelectCompositionMode, { layer: layer, id: composition.id, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: makeTimelineContextValue(composition, frame), children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, { value: (0, make_comp_manager_context_1.makeCompManagerContext)(composition), children: (0, jsx_runtime_1.jsx)(Comp, {}) }) }) }));
+    return svg;
+};
+exports.renderSvg = renderSvg;

package/dist/render-web-frame.d.ts

@@ -1,9 +1,10 @@
-import type { SmallTCompMetadata, TAsset } from 'remotion/src';
+import type { SmallTCompMetadata, TAsset } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { Page } from './browser/BrowserPage';
+import type { CompositorLayer } from './compositor/payloads';
 import type { CountType } from './get-frame-padded-index';
 import type { ServeUrl } from './legacy-webpack-config';
 import type { ChromiumOptions } from './open-browser';
@@ -49,7 +50,10 @@ export declare const renderWebFrameAndRetryTargetClose: ({ frame, index, retries
     timeoutInMilliseconds: number;
     onDownload: RenderMediaOnDownload;
     onError: (err: Error) => void;
-}) => Promise<void>;
+}) => Promise<{
+    layer: CompositorLayer | null;
+    buffer: Buffer | null;
+}>;
 export declare const makePage: ({ browserReplacer, pagesArray, composition, scale, onBrowserLog, inputProps, envVariables, serveUrl, realFrameRange, timeoutInMilliseconds, proxyPort, imageFormat, muted, }: {
     browserReplacer: BrowserReplacer;
     pagesArray: Page[];

package/dist/render-web-frame.js

@@ -9,7 +9,6 @@ const download_and_map_assets_to_file_1 = require("./assets/download-and-map-ass
 const browser_1 = require("./browser");
 const compress_assets_1 = require("./compress-assets");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
-const get_frame_padded_index_1 = require("./get-frame-padded-index");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const open_browser_1 = require("./open-browser");
 const perf_1 = require("./perf");
@@ -18,11 +17,12 @@ const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const truthy_1 = require("./truthy");
-const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, poolPromise, stopState, outputDir, onFrameBuffer, imageFormat, downloadMap, onFrameUpdate, scale, assets, countType, quality, framesToRender, lastFrame, framesRendered, onDownload, onError, }) => {
+const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, poolPromise, stopState, imageFormat, downloadMap, onFrameUpdate, scale, assets, quality, framesRendered, onDownload, onError, }) => {
     const pool = await poolPromise;
     const freePage = await pool.acquire();
     if (stopState.isStopped) {
-        return reject(new Error('Render was stopped'));
+        reject(new Error('Render was stopped'));
+        throw new Error('stopped');
     }
     const startTime = performance.now();
     const errorCallbackOnFrame = (err) => {
@@ -35,39 +35,38 @@ const renderFrameWithOptionToReject = async ({ frame, index, reject, width, heig
     });
     freePage.on('error', errorCallbackOnFrame);
     await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage });
-    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 frameDir = outputDir !== null && outputDir !== void 0 ? outputDir : downloadMap.compositingDir;
-    const { buffer, collectedAssets } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
+    const output = path_1.default.join(downloadMap.compositingDir, `preframe-${index}.${imageFormat}`);
+    const { buffer, collectedAssets, clipRegion } = await (0, take_frame_and_compose_1.takeFrame)({
         frame,
         freePage,
         height,
         imageFormat,
-        output: path_1.default.join(frameDir, (0, get_frame_padded_index_1.getFrameOutputFileName)({
-            frame,
-            imageFormat,
-            index,
-            countType,
-            lastFrame,
-            totalFrames: framesToRender.length,
-        })),
         quality,
         width,
-        scale,
-        downloadMap,
-        wantsBuffer: Boolean(onFrameBuffer),
     });
-    if (onFrameBuffer) {
-        if (!buffer) {
-            throw new Error('unexpected null buffer');
-        }
-        onFrameBuffer(buffer, frame);
-    }
+    const needsComposing = clipRegion === null
+        ? null
+        : {
+            tmpFile: path_1.default.join(downloadMap.compositingDir, `${frame}.${imageFormat}`),
+            finalOutfie: output !== null && output !== void 0 ? output : path_1.default.join(downloadMap.compositingDir, `${frame}-final.${imageFormat}`),
+            clipRegion: clipRegion,
+        };
+    const compositionLayer = !needsComposing || needsComposing.clipRegion === 'hide'
+        ? null
+        : {
+            type: imageFormat === 'jpeg'
+                ? 'JpgImage'
+                : 'PngImage',
+            params: {
+                height: needsComposing.clipRegion.height * scale,
+                width: needsComposing.clipRegion.width * scale,
+                src: needsComposing.tmpFile,
+                x: needsComposing.clipRegion.x * scale,
+                y: needsComposing.clipRegion.y * scale,
+            },
+        };
+    // TODO: Always return buffer
     (0, perf_1.stopPerfMeasure)(id);
     const compressedAssets = collectedAssets.map((asset) => (0, compress_assets_1.compressAsset)(assets.filter(truthy_1.truthy).flat(1), asset));
     assets[index] = compressedAssets;
@@ -85,8 +84,9 @@ const renderFrameWithOptionToReject = async ({ frame, index, reject, width, heig
     cleanupPageError();
     freePage.off('error', errorCallbackOnFrame);
     pool.release(freePage);
+    return { layer: compositionLayer, buffer };
 };
-const renderWebFrame = ({ frame, index, downloadMap, imageFormat, onFrameBuffer, onFrameUpdate, outputDir, poolPromise, stopState, composition, assets, countType, scale, quality, lastFrame, framesToRender, framesRendered, onDownload, onError, }) => {
+const renderWebFrame = ({ frame, index, downloadMap, imageFormat, onFrameUpdate, poolPromise, stopState, composition, assets, scale, quality, framesRendered, onDownload, onError, }) => {
     return new Promise((resolve, reject) => {
         renderFrameWithOptionToReject({
             frame,
@@ -96,23 +96,18 @@ const renderWebFrame = ({ frame, index, downloadMap, imageFormat, onFrameBuffer,
             height: composition.height,
             downloadMap,
             imageFormat,
-            onFrameBuffer,
             onFrameUpdate,
-            outputDir,
             poolPromise,
             stopState,
             assets,
-            countType,
             scale,
             quality,
-            framesToRender,
-            lastFrame,
             framesRendered,
             onDownload,
             onError,
         })
-            .then(() => {
-            resolve();
+            .then((res) => {
+            resolve(res);
         })
             .catch((err) => {
             reject(err);
@@ -122,27 +117,23 @@ const renderWebFrame = ({ frame, index, downloadMap, imageFormat, onFrameBuffer,
 const renderWebFrameAndRetryTargetClose = async ({ frame, index, retriesLeft, attempt, actualConcurrency, browserReplacer, poolPromise, composition, downloadMap, imageFormat, onFrameBuffer, onFrameUpdate, outputDir, stopState, assets, countType, scale, quality, framesToRender, lastFrame, framesRendered, browserExecutable, chromiumOptions, dumpBrowserLogs, pagesArray, onBrowserLog, inputProps, envVariables, muted, proxyPort, realFrameRange, serveUrl, timeoutInMilliseconds, onDownload, onError, }) => {
     var _a, _b;
     try {
-        await renderWebFrame({
+        const returnval = await renderWebFrame({
             frame,
             index,
             poolPromise,
             composition,
             downloadMap,
             imageFormat,
-            onFrameBuffer,
             onFrameUpdate,
-            outputDir,
             stopState,
             assets,
-            countType,
             scale,
             quality,
-            framesToRender,
-            lastFrame,
             framesRendered,
             onDownload,
             onError,
         });
+        return returnval;
     }
     catch (err) {
         if (!((_a = err === null || err === void 0 ? void 0 : err.message) === null || _a === void 0 ? void 0 : _a.includes('Target closed')) &&
@@ -187,7 +178,7 @@ const renderWebFrameAndRetryTargetClose = async ({ frame, index, retriesLeft, at
                 pool.release(newPage);
             }
         });
-        await (0, exports.renderWebFrameAndRetryTargetClose)({
+        const fram = await (0, exports.renderWebFrameAndRetryTargetClose)({
             frame,
             index,
             retriesLeft: retriesLeft - 1,
@@ -224,6 +215,7 @@ const renderWebFrameAndRetryTargetClose = async ({ frame, index, retriesLeft, at
             onDownload,
             onError,
         });
+        return fram;
     }
 };
 exports.renderWebFrameAndRetryTargetClose = renderWebFrameAndRetryTargetClose;

package/dist/screenshot-dom-element.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { ImageFormat } from './image-format';

package/dist/screenshot-task.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/take-frame-and-compose.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { TAsset } from 'remotion';
 import type { DownloadMap } from './assets/download-map';
 import type { Page } from './browser/BrowserPage';

package/dist/try-to-extract-frame-of-video-fast.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { OffthreadVideoImageFormat } from 'remotion';
 import type { NeedsResize, SpecialVCodecForTransparency } from './assets/download-map';
 import type { FfmpegExecutable } from './ffmpeg-executable';

package/dist/validate-concurrency.js

@@ -8,17 +8,22 @@ const validateConcurrency = (value, setting) => {
     if (value === null) {
         return;
     }
-    if (typeof value !== 'number') {
-        throw new Error(setting + ' must be a number but is ' + value);
+    if (typeof value !== 'number' && typeof value !== 'string') {
+        throw new Error(setting + ' must a number or a string but is ' + value);
     }
-    if (value % 1 !== 0) {
-        throw new Error(setting + ' must be an integer, but is ' + value);
+    if (typeof value === 'number') {
+        if (value % 1 !== 0) {
+            throw new Error(setting + ' must be an integer, but is ' + value);
+        }
+        if (value < 1) {
+            throw new Error(setting + ' must be at least 1, but is ' + value);
+        }
+        if (value > require('os').cpus().length) {
+            throw new Error(`${setting} is set higher than the amount of CPU cores available. Available CPU cores: ${require('os').cpus().length}, value set: ${value}`);
+        }
     }
-    if (value < 1) {
-        throw new Error(setting + ' must be at least 1, but is ' + value);
-    }
-    if (value > require('os').cpus().length) {
-        throw new Error(`${setting} is set higher than the amount of CPU cores available. Available CPU cores: ${require('os').cpus().length}, value set: ${value}`);
+    else if (!/^\d+(\.\d+)?%$/.test(value)) {
+        throw new Error(`${setting} must be a number or percentage, but is ${JSON.stringify(value)}`);
     }
 };
 exports.validateConcurrency = validateConcurrency;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/renderer",
-	"version": "3.3.28",
+	"version": "3.3.31",
 	"description": "Renderer for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
 	"dependencies": {
 		"execa": "5.1.1",
 		"extract-zip": "2.0.1",
-		"remotion": "3.3.28",
+		"remotion": "3.3.31",
 		"source-map": "^0.8.0-beta.0",
 		"ws": "8.7.0"
 	},
@@ -49,13 +49,13 @@
 		"vitest": "0.24.3"
 	},
 	"optionalDependencies": {
-		"@remotion/compositor-darwin-arm64": "3.3.28",
-		"@remotion/compositor-darwin-x64": "3.3.28",
-		"@remotion/compositor-linux-arm64-gnu": "3.3.28",
-		"@remotion/compositor-linux-arm64-musl": "3.3.28",
-		"@remotion/compositor-linux-x64-gnu": "3.3.28",
-		"@remotion/compositor-linux-x64-musl": "3.3.28",
-		"@remotion/compositor-win32-x64-msvc": "3.3.28"
+		"@remotion/compositor-darwin-arm64": "3.3.31",
+		"@remotion/compositor-darwin-x64": "3.3.31",
+		"@remotion/compositor-linux-arm64-gnu": "3.3.31",
+		"@remotion/compositor-linux-arm64-musl": "3.3.31",
+		"@remotion/compositor-linux-x64-gnu": "3.3.31",
+		"@remotion/compositor-linux-x64-musl": "3.3.31",
+		"@remotion/compositor-win32-x64-msvc": "3.3.31"
 	},
 	"keywords": [
 		"remotion",
@@ -67,5 +67,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0caa0bec583b5e4c2b12b7375c365e02c2378eeb"
+	"gitHead": "4b89462c98236d59641272bd0649d880514e685f"
 }