@remotion/renderer 4.0.228 → 4.0.230

package/dist/client.d.ts

@@ -394,7 +394,7 @@ export declare const BrowserSafeApis: {
         webhookCustomDataOption: {
             name: string;
             cliFlag: "webhook-custom-data";
-            description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+            description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
             ssrName: "customData";
             docLink: string;
             type: Record<string, unknown> | null;
@@ -807,7 +807,7 @@ export declare const BrowserSafeApis: {
         metadataOption: {
             name: string;
             cliFlag: "metadata";
-            description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+            description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
             docLink: string;
             type: import("./options/metadata").Metadata;
             getValue: ({ commandLine }: {

package/dist/index.d.ts

@@ -139,7 +139,7 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: "chrome";
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     validateOpenGlRenderer: (option: unknown) => import("./options/gl").OpenGlRenderer | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "h264-ts", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
@@ -352,8 +352,8 @@ export declare const RenderInternals: {
     }) => execa.ExecaChildProcess<string>;
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "none" | "png" | "jpeg";
+    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -955,39 +955,5 @@ export declare const RenderInternals: {
             setConfig: () => never;
         };
     }>) => Promise<import("./ensure-browser").BrowserStatus>;
-    exampleVideos: {
-        bigBuckBunny: string;
-        transparentWebm: string;
-        framerWithoutFileExtension: string;
-        corrupted: string;
-        customDar: string;
-        screenrecording: string;
-        nofps: string;
-        variablefps: string;
-        zerotimestamp: string;
-        webcam: string;
-        iphonevideo: string;
-        av1: string;
-        framer24fps: string;
-        music: string;
-        notavideo: string;
-        notafile: string;
-        transparentwithdar: string;
-        prores: string;
-        iphonehevc: string;
-        matroskaPcm16: string;
-        mp4withmp3: string;
-        av1bbb: string;
-        av1mp4: string;
-        av1mp4WithColr: string;
-        vp8Vorbis: string;
-        vp9: string;
-        stretchedVp8: string;
-        matroskaMp3: string;
-        matroskaH265Aac: string;
-        opusWebm: string;
-        avi: string;
-        opus51Webm: string;
-    };
     printUsefulErrorMessage: (err: Error, logLevel: import("./log-level").LogLevel, indent: boolean) => void;
 };

package/dist/index.js

@@ -113,7 +113,6 @@ const browser_instances_1 = require("./browser-instances");
 const codec_supports_media_1 = require("./codec-supports-media");
 const make_file_executable_1 = require("./compositor/make-file-executable");
 const ensure_browser_2 = require("./ensure-browser");
-const example_videos_1 = require("./example-videos");
 const audio_codec_1 = require("./options/audio-codec");
 const print_useful_error_message_1 = require("./print-useful-error-message");
 const render_has_audio_1 = require("./render-has-audio");
@@ -205,7 +204,6 @@ exports.RenderInternals = {
     codecSupportsMedia: codec_supports_media_1.codecSupportsMedia,
     toMegabytes: to_megabytes_1.toMegabytes,
     internalEnsureBrowser: ensure_browser_2.internalEnsureBrowser,
-    exampleVideos: example_videos_1.exampleVideos,
     printUsefulErrorMessage: print_useful_error_message_1.printUsefulErrorMessage,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)

package/dist/options/gl.d.ts

@@ -1,7 +1,7 @@
 export declare const validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
 export type OpenGlRenderer = (typeof validOpenGlRenderers)[number];
 export declare const DEFAULT_OPENGL_RENDERER: OpenGlRenderer | null;
-export declare const getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+export declare const getChromiumOpenGlRenderer: () => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
 export declare const setChromiumOpenGlRenderer: (renderer: OpenGlRenderer) => void;
 export declare const glOption: {
     cliFlag: "gl";

package/dist/options/index.d.ts

@@ -171,7 +171,7 @@ export declare const allOptions: {
     webhookCustomDataOption: {
         name: string;
         cliFlag: "webhook-custom-data";
-        description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+        description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
         ssrName: "customData";
         docLink: string;
         type: Record<string, unknown> | null;
@@ -584,7 +584,7 @@ export declare const allOptions: {
     metadataOption: {
         name: string;
         cliFlag: "metadata";
-        description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+        description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
         docLink: string;
         type: import("./metadata").Metadata;
         getValue: ({ commandLine }: {

package/dist/options/metadata.d.ts

@@ -2,7 +2,7 @@ export type Metadata = Record<string, string>;
 export declare const metadataOption: {
     name: string;
     cliFlag: "metadata";
-    description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+    description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
     docLink: string;
     type: Metadata;
     getValue: ({ commandLine }: {

package/dist/options/webhook-custom-data.d.ts

@@ -1,7 +1,7 @@
 export declare const webhookCustomDataOption: {
     name: string;
     cliFlag: "webhook-custom-data";
-    description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+    description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
     ssrName: "customData";
     docLink: string;
     type: Record<string, unknown> | null;

package/dist/print-useful-error-message.js

@@ -3,13 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.printUsefulErrorMessage = void 0;
 const logger_1 = require("./logger");
 const truthy_1 = require("./truthy");
-const alreadyPrinted = [];
+let alreadyPrintedCache = [];
 const printUsefulErrorMessage = (err, logLevel, indent) => {
     var _a, _b;
-    if (alreadyPrinted.includes(err)) {
+    const errorStack = err.stack;
+    if (errorStack && alreadyPrintedCache.includes(errorStack)) {
         return;
     }
-    alreadyPrinted.push(err);
+    if (errorStack) {
+        alreadyPrintedCache.push(errorStack);
+        alreadyPrintedCache = alreadyPrintedCache.slice(-10);
+    }
     if (err.message.includes('Could not play video with')) {
         logger_1.Log.info({ indent, logLevel });
         logger_1.Log.info({ indent, logLevel }, '💡 Get help for this issue at https://remotion.dev/docs/media-playback-error');
@@ -44,8 +48,14 @@ const printUsefulErrorMessage = (err, logLevel, indent) => {
     }
     if (err.message.includes('Error creating WebGL context')) {
         logger_1.Log.info({ indent, logLevel });
-        console.warn('💡 You might need to set the OpenGL renderer to "angle-egl", "angle" (or "swangle" if rendering on lambda). Learn why at https://www.remotion.dev/docs/three');
-        console.warn("💡 Check how it's done at https://www.remotion.dev/docs/chromium-flags#--gl");
+        logger_1.Log.warn({
+            indent,
+            logLevel,
+        }, '💡 You might need to set the OpenGL renderer to "angle-egl", "angle" (or "swangle" if rendering on lambda). Learn why at https://www.remotion.dev/docs/three');
+        logger_1.Log.warn({
+            indent,
+            logLevel,
+        }, "💡 Check how it's done at https://www.remotion.dev/docs/chromium-flags#--gl");
     }
     if (err.message.includes('The bucket does not allow ACLs')) {
         logger_1.Log.info({ indent, logLevel });

package/package.json

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

package/dist/example-videos.d.ts

@@ -1,34 +0,0 @@
-export declare const exampleVideos: {
-    bigBuckBunny: string;
-    transparentWebm: string;
-    framerWithoutFileExtension: string;
-    corrupted: string;
-    customDar: string;
-    screenrecording: string;
-    nofps: string;
-    variablefps: string;
-    zerotimestamp: string;
-    webcam: string;
-    iphonevideo: string;
-    av1: string;
-    framer24fps: string;
-    music: string;
-    notavideo: string;
-    notafile: string;
-    transparentwithdar: string;
-    prores: string;
-    iphonehevc: string;
-    matroskaPcm16: string;
-    mp4withmp3: string;
-    av1bbb: string;
-    av1mp4: string;
-    av1mp4WithColr: string;
-    vp8Vorbis: string;
-    vp9: string;
-    stretchedVp8: string;
-    matroskaMp3: string;
-    matroskaH265Aac: string;
-    opusWebm: string;
-    avi: string;
-    opus51Webm: string;
-};

package/dist/example-videos.js

@@ -1,43 +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.exampleVideos = void 0;
-const node_path_1 = __importDefault(require("node:path"));
-const examplePackage = node_path_1.default.join(__dirname, '..', '..', 'example');
-const docsPackage = node_path_1.default.join(__dirname, '..', '..', 'docs');
-exports.exampleVideos = {
-    bigBuckBunny: node_path_1.default.join(examplePackage, 'public/bigbuckbunny.mp4'),
-    transparentWebm: node_path_1.default.join(docsPackage, '/static/img/transparent-video.webm'),
-    framerWithoutFileExtension: node_path_1.default.join(examplePackage, 'public', 'framermp4withoutfileextension'),
-    corrupted: node_path_1.default.join(examplePackage, 'public', 'corrupted.mp4'),
-    customDar: node_path_1.default.join(examplePackage, 'public', 'custom-dar.mp4'),
-    screenrecording: node_path_1.default.join(examplePackage, 'public', 'quick.mov'),
-    nofps: node_path_1.default.join(examplePackage, 'public', 'nofps.webm'),
-    variablefps: node_path_1.default.join(examplePackage, 'public', 'variablefps.webm'),
-    zerotimestamp: node_path_1.default.join(examplePackage, 'public', 'zero-timestamp.mp4'),
-    webcam: node_path_1.default.join(examplePackage, 'public', 'webcam.webm'),
-    iphonevideo: node_path_1.default.join(examplePackage, 'public', 'iphonevideo.mov'),
-    av1: node_path_1.default.join(examplePackage, 'public', 'av1.webm'),
-    framer24fps: node_path_1.default.join(examplePackage, 'src', 'resources', 'framer-24fps.mp4'),
-    music: node_path_1.default.join(examplePackage, 'public', 'music.mp3'),
-    notavideo: node_path_1.default.join(examplePackage, 'public', 'giphy.gif'),
-    notafile: node_path_1.default.join(examplePackage, 'public', 'doesnotexist'),
-    transparentwithdar: node_path_1.default.join(examplePackage, 'public', 'transparent-with-dar.webm'),
-    prores: node_path_1.default.join(examplePackage, 'public', 'prores.mov'),
-    iphonehevc: node_path_1.default.join(examplePackage, 'public', 'iphone-hevc.mov'),
-    matroskaPcm16: node_path_1.default.join(examplePackage, 'public', 'matroska-pcm16.mkv'),
-    mp4withmp3: node_path_1.default.join(examplePackage, 'public', 'mp4-mp3.mp4'),
-    av1bbb: node_path_1.default.join(examplePackage, 'public', 'av1-bbb.webm'),
-    av1mp4: node_path_1.default.join(examplePackage, 'public', 'av1-bbb.mp4'),
-    av1mp4WithColr: node_path_1.default.join(examplePackage, 'public', 'av1.mp4'),
-    vp8Vorbis: node_path_1.default.join(examplePackage, 'public', 'vp8-vorbis.webm'),
-    vp9: node_path_1.default.join(examplePackage, 'public', 'vp9.webm'),
-    stretchedVp8: node_path_1.default.join(examplePackage, 'public', 'stretched-vp8.webm'),
-    matroskaMp3: node_path_1.default.join(examplePackage, 'public', 'matroska-mp3.mkv'),
-    matroskaH265Aac: node_path_1.default.join(examplePackage, 'public', 'matroska-h265-aac.mkv'),
-    opusWebm: node_path_1.default.join(examplePackage, 'public', 'opus.webm'),
-    avi: node_path_1.default.join(examplePackage, 'public', 'example.avi'),
-    opus51Webm: node_path_1.default.join(examplePackage, 'public', 'vp8-opus-5-1-channels.webm'),
-};

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

@@ -1,22 +0,0 @@
-import type { TRenderAsset } from 'remotion/no-react';
-import type { DownloadMap } from './assets/download-map';
-import type { Page } from './browser/BrowserPage';
-import type { Compositor } from './compositor/compositor';
-import type { StillImageFormat, VideoImageFormat } from './image-format';
-export declare const takeFrameAndCompose: ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, downloadMap, wantsBuffer, compositor, timeoutInMilliseconds, }: {
-    freePage: Page;
-    imageFormat: VideoImageFormat | StillImageFormat;
-    jpegQuality: number | undefined;
-    frame: number;
-    height: number;
-    width: number;
-    output: string | null;
-    scale: number;
-    downloadMap: DownloadMap;
-    wantsBuffer: boolean;
-    compositor: Compositor;
-    timeoutInMilliseconds: number;
-}) => Promise<{
-    buffer: Buffer | null;
-    collectedAssets: TRenderAsset[];
-}>;

package/dist/take-frame-and-compose.js

@@ -1,100 +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.takeFrameAndCompose = void 0;
-const node_fs_1 = __importDefault(require("node:fs"));
-const node_path_1 = __importDefault(require("node:path"));
-const collect_assets_1 = require("./collect-assets");
-const compose_1 = require("./compositor/compose");
-const provide_screenshot_1 = require("./provide-screenshot");
-const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
-const truthy_1 = require("./truthy");
-const takeFrameAndCompose = async ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, downloadMap, wantsBuffer, compositor, timeoutInMilliseconds, }) => {
-    var _a;
-    const [{ value: clipRegion }, collectedAssets] = await Promise.all([
-        (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
-            pageFunction: () => {
-                if (typeof window.remotion_getClipRegion === 'undefined') {
-                    return null;
-                }
-                return window.remotion_getClipRegion();
-            },
-            args: [],
-            frame,
-            page: freePage,
-            timeoutInMilliseconds,
-        }),
-        (0, collect_assets_1.collectAssets)({ frame, freePage, timeoutInMilliseconds }),
-    ]);
-    if (imageFormat === 'none') {
-        return { buffer: null, collectedAssets };
-    }
-    const needsComposing = clipRegion === null
-        ? null
-        : {
-            tmpFile: node_path_1.default.join(downloadMap.compositingDir, `${frame}.${imageFormat}`),
-            finalOutFile: output !== null && output !== void 0 ? output : node_path_1.default.join(downloadMap.compositingDir, `${frame}-final.${imageFormat}`),
-            clipRegion: clipRegion,
-        };
-    if (clipRegion !== 'hide') {
-        const shouldMakeBuffer = wantsBuffer && !needsComposing;
-        const buf = await (0, provide_screenshot_1.provideScreenshot)({
-            page: freePage,
-            imageFormat,
-            jpegQuality,
-            options: {
-                frame,
-                output: shouldMakeBuffer ? null : ((_a = needsComposing === null || needsComposing === void 0 ? void 0 : needsComposing.tmpFile) !== null && _a !== void 0 ? _a : output),
-            },
-            height,
-            width,
-            clipRegion,
-            timeoutInMilliseconds,
-            scale,
-        });
-        if (shouldMakeBuffer) {
-            return { buffer: buf, collectedAssets };
-        }
-    }
-    if (needsComposing) {
-        if (imageFormat === 'pdf') {
-            throw new Error("You cannot use Rust APIs (like <Clipper>) if `imageFormat` is 'pdf'.");
-        }
-        if (imageFormat === 'webp') {
-            throw new Error("You cannot use Rust APIs (like <Clipper>) if `imageFormat` is 'webp'.");
-        }
-        await (0, compose_1.compose)({
-            height: height * scale,
-            width: width * scale,
-            layers: [
-                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,
-                        },
-                    },
-            ].filter(truthy_1.truthy),
-            output: needsComposing.finalOutFile,
-            downloadMap,
-            imageFormat: imageFormat === 'jpeg' ? 'Jpeg' : 'Png',
-            compositor,
-        });
-        if (wantsBuffer) {
-            const buffer = await node_fs_1.default.promises.readFile(needsComposing.finalOutFile);
-            await node_fs_1.default.promises.unlink(needsComposing.finalOutFile);
-            return { buffer, collectedAssets };
-        }
-    }
-    return { buffer: null, collectedAssets };
-};
-exports.takeFrameAndCompose = takeFrameAndCompose;