@remotion/renderer 3.3.45 → 3.3.51

package/dist/index.d.ts

@@ -125,7 +125,6 @@ export declare const RenderInternals: {
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateQuality: (q: number | undefined) => void;
-    validateFrame: (frame: number, durationInFrames: number) => void;
     DEFAULT_TIMEOUT: number;
     DEFAULT_CODEC: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | undefined) => boolean;

package/dist/index.js

@@ -69,7 +69,6 @@ const tmp_dir_1 = require("./tmp-dir");
 const validate_concurrency_1 = require("./validate-concurrency");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
 const validate_ffmpeg_1 = require("./validate-ffmpeg");
-const validate_frame_1 = require("./validate-frame");
 const validate_opengl_renderer_1 = require("./validate-opengl-renderer");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_videobitrate_1 = require("./validate-videobitrate");
@@ -139,7 +138,6 @@ exports.RenderInternals = {
     validCodecs: codec_1.validCodecs,
     DEFAULT_PIXEL_FORMAT: pixel_format_1.DEFAULT_PIXEL_FORMAT,
     validateQuality: quality_1.validateQuality,
-    validateFrame: validate_frame_1.validateFrame,
     DEFAULT_TIMEOUT: TimeoutSettings_1.DEFAULT_TIMEOUT,
     DEFAULT_CODEC: codec_1.DEFAULT_CODEC,
     isAudioCodec: is_audio_codec_1.isAudioCodec,

package/dist/render-still.js

@@ -46,7 +46,6 @@ const quality_1 = require("./quality");
 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 validate_frame_1 = require("./validate-frame");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const innerRenderStill = async ({ composition, quality, imageFormat = 'png', serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale = 1, proxyPort, cancelSignal, downloadMap, }) => {
@@ -55,7 +54,7 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderStill()`', false);
     remotion_1.Internals.validateDurationInFrames(composition.durationInFrames, 'in the `config` object passed to `renderStill()`');
     (0, image_format_1.validateNonNullImageFormat)(imageFormat);
-    (0, validate_frame_1.validateFrame)(frame, composition.durationInFrames);
+    remotion_1.Internals.validateFrame(frame, composition.durationInFrames);
     const stillFrame = (0, convert_to_positive_frame_index_1.convertToPositiveFrameIndex)({
         durationInFrames: composition.durationInFrames,
         frame,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/renderer",
-	"version": "3.3.45",
+	"version": "3.3.51",
 	"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.45",
+		"remotion": "3.3.51",
 		"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.45",
-		"@remotion/compositor-darwin-x64": "3.3.45",
-		"@remotion/compositor-linux-arm64-gnu": "3.3.45",
-		"@remotion/compositor-linux-arm64-musl": "3.3.45",
-		"@remotion/compositor-linux-x64-gnu": "3.3.45",
-		"@remotion/compositor-linux-x64-musl": "3.3.45",
-		"@remotion/compositor-win32-x64-msvc": "3.3.45"
+		"@remotion/compositor-darwin-arm64": "3.3.51",
+		"@remotion/compositor-darwin-x64": "3.3.51",
+		"@remotion/compositor-linux-arm64-gnu": "3.3.51",
+		"@remotion/compositor-linux-arm64-musl": "3.3.51",
+		"@remotion/compositor-linux-x64-gnu": "3.3.51",
+		"@remotion/compositor-linux-x64-musl": "3.3.51",
+		"@remotion/compositor-win32-x64-msvc": "3.3.51"
 	},
 	"keywords": [
 		"remotion",
@@ -67,5 +67,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "75c028236b43ff2fd0f3f3772f9f79cfde069e36"
+	"gitHead": "be64134aece51abd6c63e644702517c868d6c8d0"
 }

package/dist/browser/is-target-closed-err.d.ts

@@ -1 +0,0 @@
-export declare const isTargetClosedErr: (error: Error | undefined) => boolean | undefined;

package/dist/browser/is-target-closed-err.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTargetClosedErr = void 0;
-const isTargetClosedErr = (error) => {
-    var _a, _b;
-    return (((_a = error === null || error === void 0 ? void 0 : error.message) === null || _a === void 0 ? void 0 : _a.includes('Target closed')) ||
-        ((_b = error === null || error === void 0 ? void 0 : error.message) === null || _b === void 0 ? void 0 : _b.includes('Session closed')));
-};
-exports.isTargetClosedErr = isTargetClosedErr;

package/dist/compositor/compositor.d.ts

@@ -1,12 +0,0 @@
-import type { CompositorCommand, CompositorInitiatePayload } from './payloads';
-export declare type Compositor = {
-    finishCommands: () => void;
-    executeCommand: (payload: Omit<CompositorCommand, 'nonce'>) => Promise<void>;
-    waitForDone: () => Promise<void>;
-};
-export declare const spawnCompositorOrReuse: ({ initiatePayload, renderId, }: {
-    initiatePayload: CompositorInitiatePayload;
-    renderId: string;
-}) => Compositor;
-export declare const releaseCompositorWithId: (renderId: string) => void;
-export declare const waitForCompositorWithIdToQuit: (renderId: string) => Promise<void>;

package/dist/compositor/compositor.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.waitForCompositorWithIdToQuit = exports.releaseCompositorWithId = exports.spawnCompositorOrReuse = void 0;
-const child_process_1 = require("child_process");
-const get_executable_path_1 = require("./get-executable-path");
-const compositorMap = {};
-const spawnCompositorOrReuse = ({ initiatePayload, renderId, }) => {
-    if (!compositorMap[renderId]) {
-        compositorMap[renderId] = startCompositor(initiatePayload);
-    }
-    return compositorMap[renderId];
-};
-exports.spawnCompositorOrReuse = spawnCompositorOrReuse;
-const releaseCompositorWithId = (renderId) => {
-    if (compositorMap[renderId]) {
-        compositorMap[renderId].finishCommands();
-    }
-};
-exports.releaseCompositorWithId = releaseCompositorWithId;
-const waitForCompositorWithIdToQuit = (renderId) => {
-    if (!compositorMap[renderId]) {
-        throw new TypeError('No compositor with that id');
-    }
-    return compositorMap[renderId].waitForDone();
-};
-exports.waitForCompositorWithIdToQuit = waitForCompositorWithIdToQuit;
-const startCompositor = (compositorInitiatePayload) => {
-    const bin = (0, get_executable_path_1.getExecutablePath)();
-    const child = (0, child_process_1.spawn)(`${bin}`, [JSON.stringify(compositorInitiatePayload)]);
-    const stderrChunks = [];
-    let stdoutListeners = [];
-    // TODO: Without this the render gets stuck!! :O
-    child.stderr.on('data', (d) => {
-        console.log('stderr', d.toString('utf-8'));
-    });
-    child.stdout.on('data', (d) => {
-        const str = d.toString('utf-8');
-        try {
-            const payloads = str
-                .split('--debug-end--')
-                .map((t) => t.trim())
-                .filter(Boolean);
-            for (const payload of payloads) {
-                const p = JSON.parse(payload.replace('--debug-start--', ''));
-                if (p.msg_type === 'debug') {
-                    console.log('Rust debug', p.msg);
-                }
-                stdoutListeners.forEach((s) => s(p));
-            }
-        }
-        catch (e) {
-            console.log({ str });
-        }
-    });
-    let nonce = 0;
-    return {
-        waitForDone: () => {
-            return new Promise((resolve, reject) => {
-                child.on('exit', (code) => {
-                    if (code === 0) {
-                        resolve();
-                    }
-                    else {
-                        reject(Buffer.concat(stderrChunks).toString('utf-8'));
-                    }
-                });
-            });
-        },
-        finishCommands: () => {
-            child.stdin.write('EOF\n');
-        },
-        executeCommand: (payload) => {
-            const actualPayload = {
-                ...payload,
-                nonce,
-            };
-            nonce++;
-            return new Promise((resolve, reject) => {
-                child.stdin.write(JSON.stringify(actualPayload) + '\n');
-                const onStdout = (p) => {
-                    if (p.msg_type === 'finish' && p.nonce === actualPayload.nonce) {
-                        resolve();
-                        stdoutListeners = stdoutListeners.filter((s) => s !== onStdout);
-                    }
-                    if (p.msg_type === 'error') {
-                        const err = new Error(p.error);
-                        err.stack = p.error + '\n' + p.backtrace;
-                        reject(err);
-                        stdoutListeners = stdoutListeners.filter((s) => s !== onStdout);
-                    }
-                };
-                stdoutListeners.push(onStdout);
-            });
-        },
-    };
-};

package/dist/determine-vcodec-ffmepg-flags.d.ts

@@ -1,2 +0,0 @@
-import type { SpecialVCodecForTransparency } from './assets/download-map';
-export declare const determineVcodecFfmepgFlags: (vcodecFlag: SpecialVCodecForTransparency) => string[];

package/dist/determine-vcodec-ffmepg-flags.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.determineVcodecFfmepgFlags = void 0;
-const truthy_1 = require("./truthy");
-const determineVcodecFfmepgFlags = (vcodecFlag) => {
-    return [
-        vcodecFlag === 'vp9' ? '-vcodec' : null,
-        vcodecFlag === 'vp9' ? 'libvpx-vp9' : null,
-        vcodecFlag === 'vp8' ? '-vcodec' : null,
-        vcodecFlag === 'vp8' ? 'libvpx' : null,
-    ].filter(truthy_1.truthy);
-};
-exports.determineVcodecFfmepgFlags = determineVcodecFfmepgFlags;

package/dist/get-audio-codec-name.d.ts

@@ -1,2 +0,0 @@
-import type { Codec } from './codec';
-export declare const getAudioCodecName: (codec: Codec) => string | null;

package/dist/get-audio-codec-name.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAudioCodecName = void 0;
-const is_audio_codec_1 = require("./is-audio-codec");
-const getAudioCodecName = (codec) => {
-    if (!(0, is_audio_codec_1.isAudioCodec)(codec)) {
-        // The mkv container supports WAV, but MP4 does only support
-        // AAC. Choose MKV codec for better quality because we can put in lossless audio
-        if (codec === 'h264-mkv') {
-            return 'pcm_s16le';
-        }
-        if (codec === 'vp8' || codec === 'vp9') {
-            return 'libopus';
-        }
-        return 'aac';
-    }
-    if (codec === 'aac') {
-        return 'aac';
-    }
-    if (codec === 'mp3') {
-        return 'libmp3lame';
-    }
-    if (codec === 'wav') {
-        return 'pcm_s16le';
-    }
-    return null;
-};
-exports.getAudioCodecName = getAudioCodecName;

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

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

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

@@ -1,55 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCompositionsFromBundle = void 0;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const remotion_1 = require("remotion");
-const vm_1 = __importDefault(require("vm"));
-const is_serve_url_1 = require("./is-serve-url");
-const getCompositionsFromBundle = (bundle, options) => {
-    const bundleFile = path_1.default.join(bundle, 'bundle.js');
-    if ((0, is_serve_url_1.isServeUrl)(bundle)) {
-        throw new Error('Can only use getCompositionFromBundle from a local file');
-    }
-    const content = fs_1.default.readFileSync(bundleFile, 'utf-8');
-    // @ts-éxpect-error
-    process.env.REMOTION_SERVER_RENDERING = 'true';
-    const context = {
-        window: {
-            remotion_envVariables: options.envVariables,
-        },
-        clearTimeout: () => {
-            console.trace('clearTimeout() called inside a server-side bundle. This is not supported.');
-        },
-        setTimeout: () => {
-            console.trace('setTimeout() called inside a server-side bundle. This is not supported.');
-        },
-        process: {
-            env: {
-                REMOTION_SERVER_RENDERING: true,
-            },
-        },
-        require,
-        Buffer,
-        console,
-    };
-    const vmContext = vm_1.default.createContext(context);
-    // TODO: Set props and env
-    const code = content;
-    vm_1.default.runInContext(code, vmContext, {
-        filename: bundleFile,
-        breakOnSigint: true,
-    });
-    const theRoot = remotion_1.Internals.getRoot();
-    if (!theRoot) {
-        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;
-    const comps = (0, remotion_1.getCompositionsFromMarkup)(Comp);
-    remotion_1.Internals.clearRoot();
-    return { compositions: comps, root: Comp };
-};
-exports.getCompositionsFromBundle = getCompositionsFromBundle;

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

@@ -1,3 +0,0 @@
-import type { ComponentType } from 'react';
-import type { TCompMetadata } from 'remotion';
-export declare const getCompositionsFromMarkup: (Comp: ComponentType) => TCompMetadata[];

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCompositionsFromMarkup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const server_1 = require("react-dom/server");
-const getCompositionsFromMarkup = (Comp) => {
-    process.env.REMOTION_SERVER_RENDERING = 'true';
-    const str = (0, server_1.renderToString)((0, jsx_runtime_1.jsx)(Comp, {}));
-    const matches = str.matchAll(/<div>(.*?)<\/div>/g);
-    const metadata = [];
-    for (const match of matches) {
-        const json = JSON.parse(match[1]);
-        metadata.push(json);
-    }
-    return metadata;
-};
-exports.getCompositionsFromMarkup = getCompositionsFromMarkup;

package/dist/get-compositions-on-server.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentType } from 'react';
-import type { TCompMetadata } from 'remotion';
-export declare const getCompositionsFromMarkup: (Comp: ComponentType) => TCompMetadata[];

package/dist/get-compositions-on-server.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCompositionsFromMarkup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const server_1 = require("react-dom/server");
-const getCompositionsFromMarkup = (Comp) => {
-    process.env.REMOTION_SERVER_RENDERING = 'true';
-    const str = (0, server_1.renderToString)((0, jsx_runtime_1.jsx)(Comp, {}));
-    console.log({ str }, (0, jsx_runtime_1.jsx)(Comp, {}));
-    const matches = str.matchAll(/<div>(.*?)<\/div>/g);
-    const metadata = [];
-    for (const match of matches) {
-        const json = JSON.parse(match[1]);
-        metadata.push(json);
-    }
-    return metadata;
-};
-exports.getCompositionsFromMarkup = getCompositionsFromMarkup;

package/dist/get-video-signals.d.ts

@@ -1,2 +0,0 @@
-import type { CompositorLayer } from './compositor/payloads';
-export declare const getNativeVideoSignals: (layers: CompositorLayer[]) => Record<string, Record<number, number>>;

package/dist/get-video-signals.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNativeVideoSignals = void 0;
-const getNativeVideoSignals = (layers) => {
-    const videoSignals = layers
-        .filter((l) => {
-        return l.type === 'VideoFrame';
-    })
-        .map((l) => {
-        if (l.type !== 'VideoFrame') {
-            throw new Error('Expected VideoFrame');
-        }
-        return { frame: l.params.frame, src: l.params.src };
-    });
-    const map = {};
-    // Return a map for each video source and the number of times each frame is expected to be used
-    for (const { src, frame } of videoSignals) {
-        if (!map[src]) {
-            map[src] = {};
-        }
-        if (!map[src][frame]) {
-            map[src][frame] = 0;
-        }
-        map[src][frame]++;
-    }
-    return map;
-};
-exports.getNativeVideoSignals = getNativeVideoSignals;

package/dist/lock-port-selection.d.ts

@@ -1,2 +0,0 @@
-export declare const lockPortSelection: () => void;
-export declare const unlockPortSelection: () => void;

package/dist/lock-port-selection.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.unlockPortSelection = exports.lockPortSelection = void 0;
-const locks = [];
-const waitForPortSelection = () => { };
-const lockPortSelection = () => {
-    locks.push();
-};
-exports.lockPortSelection = lockPortSelection;
-const unlockPortSelection = () => { };
-exports.unlockPortSelection = unlockPortSelection;

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

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

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

@@ -1,45 +0,0 @@
-"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/make-timeline-context-value.d.ts

@@ -1,2 +0,0 @@
-import type { SmallTCompMetadata, TimelineContextValue } from 'remotion';
-export declare const makeTimelineContextValue: (composition: SmallTCompMetadata, frame: number) => TimelineContextValue;

package/dist/make-timeline-context-value.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeTimelineContextValue = void 0;
-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;
-};
-exports.makeTimelineContextValue = makeTimelineContextValue;

package/dist/render-on-server.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentType } from 'react';
-import type { TCompMetadata } from 'remotion';
-export declare const renderOnServer: (Comp: ComponentType, composition: TCompMetadata) => Promise<void>;

package/dist/render-on-server.js

@@ -1,90 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderOnServer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const execa_1 = __importDefault(require("execa"));
-const path_1 = __importDefault(require("path"));
-const server_1 = require("react-dom/server");
-const remotion_1 = require("remotion");
-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';
-    // eslint-disable-next-line react/jsx-no-constructed-context-values
-    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';
-    await Promise.all(new Array(composition.durationInFrames).fill(true).map(async (_, i) => {
-        const frame = await pool.acquire();
-        // eslint-disable-next-line react/jsx-no-constructed-context-values
-        const value = {
-            audioAndVideoTags: { current: [] },
-            rootId: composition.id,
-            playing: false,
-            playbackRate: 1,
-            imperativePlaying: {
-                current: false,
-            },
-            frame: i,
-            setPlaybackRate: () => {
-                throw new Error('Not implemented');
-            },
-        };
-        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',
-            index: i,
-            countType: 'from-zero',
-            lastFrame: composition.durationInFrames - 1,
-            totalFrames: composition.durationInFrames,
-        }));
-        await (0, compose_1.compose)({
-            height: composition.height,
-            width: composition.width,
-            downloadMap,
-            imageFormat: 'AddToH264',
-            layers: [
-                {
-                    type: 'SvgImage',
-                    params: {
-                        height: composition.height,
-                        width: composition.width,
-                        markup: svg,
-                        x: 0,
-                        y: 0,
-                    },
-                },
-            ],
-            output: out,
-            renderId,
-            compositorInitiatePayload: {
-                create_h264_queue: true,
-                duration_in_frames: 300,
-                fps: 30,
-                video_signals: {},
-                height: composition.height,
-                width: composition.width,
-            },
-        });
-        pool.release(frame);
-    }));
-    (0, compositor_1.releaseCompositorWithId)(renderId);
-    console.timeEnd('frames');
-    await (0, compositor_1.waitForCompositorWithIdToQuit)(renderId);
-    console.time('convert');
-    await (0, execa_1.default)('ffmpeg', ['-i', 'fade.h264', '-c', 'copy', 'fade.mp4', '-y']);
-    console.timeEnd('convert');
-    console.timeEnd('total');
-};
-exports.renderOnServer = renderOnServer;

package/dist/render-svg.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,13 +0,0 @@
-"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 make_timeline_context_value_1 = require("./make-timeline-context-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: (0, make_timeline_context_value_1.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-video-layer.d.ts

@@ -1,9 +0,0 @@
-import type { ComponentType } from 'react';
-import type { TCompMetadata } from 'remotion';
-import type { NativeVideoLayerInfo } from 'remotion/src/video/NativeVideoForRendering';
-export declare const renderVideoLayer: ({ composition, Comp, frame, layer, }: {
-    composition: TCompMetadata;
-    Comp: ComponentType;
-    frame: number;
-    layer: number;
-}) => NativeVideoLayerInfo | null;

package/dist/render-video-layer.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderVideoLayer = 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 make_timeline_context_value_1 = require("./make-timeline-context-value");
-const renderVideoLayer = ({ composition, Comp, frame, layer, }) => {
-    process.env.REMOTION_SERVER_RENDERING = 'true';
-    const markup = (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: (0, make_timeline_context_value_1.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, {}) }) }) }));
-    const matches = markup.matchAll(/<div>(.*?)<\/div>/g);
-    let parsed = null;
-    for (const match of matches) {
-        if (parsed) {
-            throw new Error('cannot have more than one video layer');
-        }
-        const json = JSON.parse(match[1]);
-        parsed = json;
-    }
-    return parsed;
-};
-exports.renderVideoLayer = renderVideoLayer;

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

@@ -1,74 +0,0 @@
-/// <reference types="node" />
-import type { SmallTCompMetadata, TAsset } from 'remotion';
-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';
-import type { Pool } from './pool';
-import type { BrowserReplacer } from './replace-browser';
-export declare const renderWebFrameAndRetryTargetClose: ({ frame, index, retriesLeft, attempt, actualConcurrency, browserReplacer, poolPromise, composition, downloadMap, imageFormat, onFrameBuffer, outputDir, stopState, countType, scale, quality, framesToRender, lastFrame, framesRendered, browserExecutable, chromiumOptions, dumpBrowserLogs, pagesArray, onBrowserLog, inputProps, envVariables, muted, proxyPort, realFrameRange, serveUrl, timeoutInMilliseconds, }: {
-    frame: number;
-    index: number;
-    retriesLeft: number;
-    attempt: number;
-    actualConcurrency: number;
-    browserReplacer: BrowserReplacer | null;
-    poolPromise: Promise<Pool<Page>>;
-    composition: SmallTCompMetadata;
-    downloadMap: DownloadMap;
-    imageFormat: 'png' | 'jpeg' | 'none';
-    onFrameBuffer: ((buffer: Buffer, frame: number) => void) | undefined;
-    outputDir: string | null;
-    stopState: {
-        isStopped: boolean;
-    };
-    countType: CountType;
-    scale: number;
-    quality: number | undefined;
-    framesToRender: number[];
-    lastFrame: number;
-    framesRendered: {
-        frames: number;
-    };
-    browserExecutable?: BrowserExecutable | undefined;
-    chromiumOptions?: ChromiumOptions | undefined;
-    dumpBrowserLogs?: boolean | undefined;
-    pagesArray: Page[];
-    onBrowserLog?: ((log: BrowserLog) => void) | undefined;
-    inputProps: unknown;
-    envVariables?: Record<string, string> | undefined;
-    muted: boolean;
-    proxyPort: number;
-    realFrameRange: [number, number];
-    serveUrl: ServeUrl;
-    timeoutInMilliseconds: number;
-}) => Promise<{
-    layer: CompositorLayer | null;
-    buffer: Buffer | null;
-    assets: TAsset[];
-}>;
-export declare const makePage: ({ browserReplacer, pagesArray, composition, scale, onBrowserLog, inputProps, envVariables, serveUrl, realFrameRange, timeoutInMilliseconds, proxyPort, imageFormat, muted, }: {
-    browserReplacer: BrowserReplacer;
-    pagesArray: Page[];
-    composition: SmallTCompMetadata;
-    scale?: number | undefined;
-    onBrowserLog?: ((log: BrowserLog) => void) | undefined;
-    inputProps: unknown;
-    envVariables?: Record<string, string> | undefined;
-    serveUrl: ServeUrl;
-    realFrameRange: [number, number];
-    timeoutInMilliseconds: number | undefined;
-    proxyPort: number;
-    imageFormat: 'png' | 'jpeg' | 'none';
-    muted: boolean;
-}) => Promise<Page>;
-export declare const makeBrowser: ({ dumpBrowserLogs, browserExecutable, chromiumOptions, scale, }: {
-    dumpBrowserLogs?: boolean | undefined;
-    browserExecutable?: BrowserExecutable | undefined;
-    chromiumOptions?: ChromiumOptions | undefined;
-    scale?: number | undefined;
-}) => Promise<import("./browser/Browser").Browser>;

package/dist/render-web-frame.js

@@ -1,260 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeBrowser = exports.makePage = exports.renderWebFrameAndRetryTargetClose = void 0;
-const path_1 = __importDefault(require("path"));
-const browser_1 = require("./browser");
-const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
-const make_cancel_signal_1 = require("./make-cancel-signal");
-const open_browser_1 = require("./open-browser");
-const perf_1 = require("./perf");
-const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
-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 renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, poolPromise, stopState, imageFormat, downloadMap, scale, quality, }) => {
-    const pool = await poolPromise;
-    const freePage = await pool.acquire();
-    if (stopState.isStopped) {
-        reject(new Error('Render was stopped'));
-        throw new Error('stopped');
-    }
-    const errorCallbackOnFrame = (err) => {
-        reject(err);
-    };
-    const cleanupPageError = (0, handle_javascript_exception_1.handleJavascriptException)({
-        page: freePage,
-        onError: errorCallbackOnFrame,
-        frame,
-    });
-    freePage.on('error', errorCallbackOnFrame);
-    await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage });
-    const id = (0, perf_1.startPerfMeasure)('save');
-    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,
-        quality,
-        width,
-    });
-    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);
-    cleanupPageError();
-    freePage.off('error', errorCallbackOnFrame);
-    pool.release(freePage);
-    return { layer: compositionLayer, buffer, assets: collectedAssets };
-};
-const renderWebFrame = ({ frame, index, downloadMap, imageFormat, poolPromise, stopState, composition, scale, quality, }) => {
-    return new Promise((resolve, reject) => {
-        renderFrameWithOptionToReject({
-            frame,
-            index,
-            reject,
-            width: composition.width,
-            height: composition.height,
-            downloadMap,
-            imageFormat,
-            poolPromise,
-            stopState,
-            scale,
-            quality,
-        })
-            .then((res) => {
-            resolve(res);
-        })
-            .catch((err) => {
-            reject(err);
-        });
-    });
-};
-// TODO: Bring fixes for retrying here
-const renderWebFrameAndRetryTargetClose = async ({ frame, index, retriesLeft, attempt, actualConcurrency, browserReplacer, poolPromise, composition, downloadMap, imageFormat, onFrameBuffer, outputDir, stopState, countType, scale, quality, framesToRender, lastFrame, framesRendered, browserExecutable, chromiumOptions, dumpBrowserLogs, pagesArray, onBrowserLog, inputProps, envVariables, muted, proxyPort, realFrameRange, serveUrl, timeoutInMilliseconds, }) => {
-    var _a, _b;
-    try {
-        const returnval = await renderWebFrame({
-            frame,
-            index,
-            poolPromise,
-            composition,
-            downloadMap,
-            imageFormat,
-            stopState,
-            scale,
-            quality,
-        });
-        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')) &&
-            !((_b = err === null || err === void 0 ? void 0 : err.message) === null || _b === void 0 ? void 0 : _b.includes('Session closed'))) {
-            throw err;
-        }
-        if ((0, make_cancel_signal_1.isUserCancelledRender)(err)) {
-            throw err;
-        }
-        if (retriesLeft === 0) {
-            console.warn(err, `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;
-        }
-        console.warn(`The browser crashed while rendering frame ${frame}, retrying ${retriesLeft} more times. Learn more about this error under https://www.remotion.dev/docs/target-closed`);
-        if (!browserReplacer) {
-            throw new Error('Did not have browser replacer for web frame');
-        }
-        await browserReplacer.replaceBrowser(() => (0, exports.makeBrowser)({
-            browserExecutable,
-            chromiumOptions,
-            dumpBrowserLogs,
-            scale,
-        }), async () => {
-            const pages = new Array(actualConcurrency).fill(true).map(() => (0, exports.makePage)({
-                browserReplacer,
-                composition,
-                pagesArray,
-                onBrowserLog,
-                scale,
-                inputProps,
-                envVariables,
-                imageFormat,
-                muted,
-                proxyPort,
-                realFrameRange,
-                serveUrl,
-                timeoutInMilliseconds,
-            }));
-            const puppeteerPages = await Promise.all(pages);
-            const pool = await poolPromise;
-            for (const newPage of puppeteerPages) {
-                pool.release(newPage);
-            }
-        });
-        const fram = await (0, exports.renderWebFrameAndRetryTargetClose)({
-            frame,
-            index,
-            retriesLeft: retriesLeft - 1,
-            attempt: attempt + 1,
-            actualConcurrency,
-            browserReplacer,
-            composition,
-            downloadMap,
-            imageFormat,
-            onFrameBuffer,
-            outputDir,
-            poolPromise,
-            stopState,
-            countType,
-            scale,
-            quality,
-            framesToRender,
-            lastFrame,
-            framesRendered,
-            inputProps,
-            pagesArray,
-            browserExecutable,
-            chromiumOptions,
-            dumpBrowserLogs,
-            envVariables,
-            muted,
-            onBrowserLog,
-            proxyPort,
-            realFrameRange,
-            serveUrl,
-            timeoutInMilliseconds,
-        });
-        return fram;
-    }
-};
-exports.renderWebFrameAndRetryTargetClose = renderWebFrameAndRetryTargetClose;
-const makePage = async ({ browserReplacer, pagesArray, composition, scale, onBrowserLog, inputProps, envVariables, serveUrl, realFrameRange, timeoutInMilliseconds, proxyPort, imageFormat, muted, }) => {
-    if (!browserReplacer) {
-        throw new Error('canonot make page without browser replacer');
-    }
-    const page = await browserReplacer.getBrowser().newPage();
-    pagesArray.push(page);
-    await page.setViewport({
-        width: composition.width,
-        height: composition.height,
-        deviceScaleFactor: scale !== null && scale !== void 0 ? scale : 1,
-    });
-    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);
-    }
-    const initialFrame = realFrameRange[0];
-    await (0, set_props_and_env_1.setPropsAndEnv)({
-        inputProps,
-        envVariables,
-        page,
-        serveUrl,
-        initialFrame,
-        timeoutInMilliseconds,
-        proxyPort,
-        retriesRemaining: 2,
-        audioEnabled: !muted,
-        videoEnabled: imageFormat !== 'none',
-    });
-    await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
-        // eslint-disable-next-line max-params
-        pageFunction: (id, defaultProps, durationInFrames, fps, height, width) => {
-            window.setBundleMode({
-                type: 'composition',
-                compositionName: id,
-                compositionDefaultProps: defaultProps,
-                compositionDurationInFrames: durationInFrames,
-                compositionFps: fps,
-                compositionHeight: height,
-                compositionWidth: width,
-            });
-        },
-        args: [
-            composition.id,
-            composition.defaultProps,
-            composition.durationInFrames,
-            composition.fps,
-            composition.height,
-            composition.width,
-        ],
-        frame: null,
-        page,
-    });
-    page.off('console', logCallback);
-    return page;
-};
-exports.makePage = makePage;
-const makeBrowser = ({ dumpBrowserLogs, browserExecutable, chromiumOptions, scale, }) => (0, open_browser_1.openBrowser)(browser_1.DEFAULT_BROWSER, {
-    shouldDumpIo: dumpBrowserLogs,
-    browserExecutable,
-    chromiumOptions,
-    forceDeviceScaleFactor: scale !== null && scale !== void 0 ? scale : 1,
-});
-exports.makeBrowser = makeBrowser;

package/dist/validate-frame.d.ts

@@ -1 +0,0 @@
-export declare const validateFrame: (frame: number, durationInFrames: number) => void;

package/dist/validate-frame.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateFrame = void 0;
-const validateFrame = (frame, durationInFrames) => {
-    if (typeof frame === 'undefined') {
-        throw new TypeError(`Argument missing for parameter "frame"`);
-    }
-    if (typeof frame !== 'number') {
-        throw new TypeError(`Argument passed for "frame" is not a number: ${frame}`);
-    }
-    if (!Number.isFinite(frame)) {
-        throw new RangeError(`Frame ${frame} is not finite`);
-    }
-    if (frame % 1 !== 0) {
-        throw new RangeError(`Argument for frame must be an integer, but got ${frame}`);
-    }
-    if (frame < 0 && frame < -durationInFrames) {
-        throw new RangeError(`Cannot use frame ${frame}: Duration of composition is ${durationInFrames}, therefore the lowest frame that can be rendered is ${-durationInFrames}`);
-    }
-    if (frame > durationInFrames - 1) {
-        throw new RangeError(`Cannot use frame ${frame}: Duration of composition is ${durationInFrames}, therefore the highest frame that can be rendered is ${durationInFrames - 1}`);
-    }
-};
-exports.validateFrame = validateFrame;