@remotion/renderer 3.3.26 → 3.3.27

package/dist/compositor/payload.d.ts

@@ -0,0 +1,39 @@
+export declare type Layer = {
+    type: 'PngImage';
+    params: {
+        src: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+} | {
+    type: 'JpgImage';
+    params: {
+        src: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+} | {
+    type: 'Solid';
+    params: {
+        fill: [number, number, number, number];
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+};
+export declare type CliInput = {
+    v: number;
+    output: string;
+    width: number;
+    height: number;
+    layers: Layer[];
+};
+export declare type ErrorPayload = {
+    error: string;
+    backtrace: string;
+};

package/dist/compositor/payload.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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-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

@@ -61,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;
@@ -115,8 +115,8 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: import("./browser").Browser;
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | null;
-    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | null) => "swangle" | "angle" | "egl" | "swiftshader" | null;
+    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | null;
+    validateOpenGlRenderer: (option: "angle" | "swangle" | "egl" | "swiftshader" | null) => "angle" | "swangle" | "egl" | "swiftshader" | null;
     validImageFormats: readonly ["png", "jpeg", "none"];
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
@@ -126,7 +126,7 @@ export declare const RenderInternals: {
     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;
     logLevels: readonly ["verbose", "info", "warn", "error"];
-    isEqualOrBelowLogLevel: (currentLevel: "verbose" | "error" | "info" | "warn", level: "verbose" | "error" | "info" | "warn") => boolean;
+    isEqualOrBelowLogLevel: (currentLevel: "error" | "verbose" | "info" | "warn", level: "error" | "verbose" | "info" | "warn") => boolean;
     isValidLogLevel: (level: string) => boolean;
     perf: typeof perf;
     makeDownloadMap: () => import("./assets/download-map").DownloadMap;

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/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-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';

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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/renderer",
-	"version": "3.3.26",
+	"version": "3.3.27",
 	"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.26",
+		"remotion": "3.3.27",
 		"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.26",
-		"@remotion/compositor-darwin-x64": "3.3.26",
-		"@remotion/compositor-linux-arm64-gnu": "3.3.26",
-		"@remotion/compositor-linux-arm64-musl": "3.3.26",
-		"@remotion/compositor-linux-x64-gnu": "3.3.26",
-		"@remotion/compositor-linux-x64-musl": "3.3.26",
-		"@remotion/compositor-win32-x64-msvc": "3.3.26"
+		"@remotion/compositor-darwin-arm64": "3.3.27",
+		"@remotion/compositor-darwin-x64": "3.3.27",
+		"@remotion/compositor-linux-arm64-gnu": "3.3.27",
+		"@remotion/compositor-linux-arm64-musl": "3.3.27",
+		"@remotion/compositor-linux-x64-gnu": "3.3.27",
+		"@remotion/compositor-linux-x64-musl": "3.3.27",
+		"@remotion/compositor-win32-x64-msvc": "3.3.27"
 	},
 	"keywords": [
 		"remotion",
@@ -67,5 +67,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "8efe8771f7c2b1d22bd50e8c81cc37ae054dfae9"
+	"gitHead": "5dfc0dfa0df9592a358127a9aea9219244e6807a"
 }

package/dist/compositor/compositor.d.ts

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

package/dist/compositor/compositor.js

@@ -1,114 +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 truthy_1 = require("../truthy");
-const get_executable_path_1 = require("./get-executable-path");
-const compositorMap = {};
-const spawnCompositorOrReuse = (renderId) => {
-    if (!compositorMap[renderId]) {
-        compositorMap[renderId] = startCompositor();
-    }
-    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 = () => {
-    const bin = (0, get_executable_path_1.getExecutablePath)();
-    const child = (0, child_process_1.spawn)(bin);
-    const _stderrChunks = [];
-    const stdoutChunks = [];
-    child.stderr.on('data', (d) => {
-        console.log(d.toString('utf-8'));
-        _stderrChunks.push(d);
-    });
-    child.stdout.on('data', (d) => {
-        console.log(d.toString('utf-8'));
-        stdoutChunks.push(d);
-    });
-    let nonce = 0;
-    return {
-        waitForDone: () => {
-            return new Promise((resolve, reject) => {
-                child.on('exit', (code) => {
-                    console.log({ 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 stderrChunks = [];
-                const onStderr = (d) => {
-                    stderrChunks.push(d);
-                    const message = Buffer.concat(stderrChunks).toString('utf-8');
-                    let parsed = null;
-                    try {
-                        const content = JSON.parse(message);
-                        if (content.msg_type === 'error') {
-                            parsed = content;
-                        }
-                    }
-                    catch (error) {
-                        // TODO: Obviously bad, does not handle panics
-                        console.log('Rust debug err:', message);
-                    }
-                    if (parsed) {
-                        const err = new Error(parsed.error);
-                        err.stack = parsed.error + '\n' + parsed.backtrace;
-                        reject(err);
-                        child.stderr.off('data', onStderr);
-                        child.stdout.off('data', onStdout);
-                    }
-                };
-                const onStdout = (d) => {
-                    const str = d.toString('utf-8');
-                    const lineSplit = str.split('\n');
-                    for (const line of lineSplit.filter(truthy_1.truthy)) {
-                        let parsed = null;
-                        try {
-                            const p = JSON.parse(line);
-                            if (p.msg_type === 'finish') {
-                                parsed = p;
-                            }
-                        }
-                        catch (e) { }
-                        if (parsed && parsed.nonce === actualPayload.nonce) {
-                            resolve();
-                            child.stderr.off('data', onStderr);
-                            child.stdout.off('data', onStdout);
-                        }
-                    }
-                };
-                child.stderr.on('data', onStderr);
-                child.stdout.on('data', onStdout);
-            });
-        },
-    };
-};

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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCompositionsOnServer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const server_1 = require("react-dom/server");
-const getCompositionsOnServer = (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.getCompositionsOnServer = getCompositionsOnServer;

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,119 +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 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 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.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,
-        });
-        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;