@remotion/renderer 4.0.74 → 4.0.75

package/dist/client.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const BrowserSafeApis: {
     getFileExtensionFromCodec: <T extends "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif">(codec: T, audioCodec: "mp3" | "aac" | "pcm-16" | "opus" | null) => import("./file-extensions").FileExtension;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
@@ -9,6 +8,7 @@ export declare const BrowserSafeApis: {
     proResProfileOptions: readonly ["4444-xq", "4444", "hq", "standard", "light", "proxy"];
     x264PresetOptions: readonly ["ultrafast", "superfast", "veryfast", "faster", "fast", "medium", "slow", "slower", "veryslow", "placebo"];
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
+    validPixelFormatsForCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"] | ("yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le")[];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     supportedAudioCodecs: {
         readonly h264: readonly ["aac", "pcm-16", "mp3"];
@@ -311,7 +311,7 @@ export declare const BrowserSafeApis: {
             cliFlag: string;
             docLink: string;
             name: string;
-            type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+            type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
             ssrName: string;
             description: () => JSX.Element;
         };

package/dist/client.js

@@ -25,6 +25,7 @@ exports.BrowserSafeApis = {
     proResProfileOptions: prores_profile_1.proResProfileOptions,
     x264PresetOptions: x264_preset_1.x264PresetOptions,
     validPixelFormats: pixel_format_1.validPixelFormats,
+    validPixelFormatsForCodec: pixel_format_1.validPixelFormatsForCodec,
     DEFAULT_PIXEL_FORMAT: pixel_format_1.DEFAULT_PIXEL_FORMAT,
     supportedAudioCodecs: audio_codec_1.supportedAudioCodecs,
     defaultFileExtensionMap: file_extensions_1.defaultFileExtensionMap,

package/dist/index.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="node" />
-/// <reference types="react" />
-/// <reference types="node" />
 import execa from 'execa';
 import { HeadlessBrowser } from './browser/Browser';
 import { SymbolicateableError } from './error-handling/symbolicateable-error';
@@ -138,8 +135,8 @@ 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: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
-    validateOpenGlRenderer: (option: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: number | undefined) => void;
@@ -314,7 +311,7 @@ export declare const RenderInternals: {
     };
     makeFileExtensionMap: () => Record<string, ("h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif")[]>;
     defaultCodecsForFileExtension: Record<import("./file-extensions").FileExtension, "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif">;
-    getExecutablePath: (type: "ffmpeg" | "ffprobe" | "compositor" | "ffmpeg-cwd", indent: boolean, logLevel: "verbose" | "info" | "warn" | "error") => string;
+    getExecutablePath: (type: "compositor" | "ffmpeg" | "ffprobe" | "ffmpeg-cwd", indent: boolean, logLevel: "verbose" | "info" | "warn" | "error") => string;
     callFf: (bin: "ffmpeg" | "ffprobe", args: (string | null)[], indent: boolean, logLevel: "verbose" | "info" | "warn" | "error", options?: execa.Options<string> | undefined) => execa.ExecaChildProcess<string>;
     dynamicLibraryPathOptions: (indent: boolean, logLevel: "verbose" | "info" | "warn" | "error") => {
         env: {
@@ -330,8 +327,8 @@ export declare const RenderInternals: {
     };
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
+    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -430,7 +427,7 @@ export declare const RenderInternals: {
         frame: number;
         serializedInputPropsWithCustomSchema: string;
         serializedResolvedPropsWithCustomSchema: string;
-        imageFormat: "jpeg" | "png" | "webp" | "pdf";
+        imageFormat: "png" | "jpeg" | "pdf" | "webp";
         jpegQuality: number;
         puppeteerInstance: HeadlessBrowser | null;
         envVariables: Record<string, string>;

package/dist/options/gl.d.ts

@@ -4,7 +4,7 @@ export declare const glOption: {
     cliFlag: string;
     docLink: string;
     name: string;
-    type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+    type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
     ssrName: string;
     description: () => JSX.Element;
 };

package/dist/options/index.d.ts

@@ -116,7 +116,7 @@ export declare const allOptions: {
         cliFlag: string;
         docLink: string;
         name: string;
-        type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+        type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
         ssrName: string;
         description: () => JSX.Element;
     };

package/dist/options/video-codec.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const videoCodecOption: {
     name: string;
     cliFlag: string;

package/dist/options/video-codec.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 exports.videoCodecOption = {
     name: 'Codec',
     cliFlag: 'codec',
-    description: () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, but sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM and ProRes support transparency." })),
+    description: () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, but sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM, GIF and ProRes support transparency." })),
     ssrName: 'codec',
     docLink: 'https://www.remotion.dev/docs/encoding/#choosing-a-codec',
     type: '',

package/dist/pixel-format.d.ts

@@ -2,4 +2,5 @@ import type { Codec } from './codec';
 export declare const validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
 export type PixelFormat = (typeof validPixelFormats)[number];
 export declare const DEFAULT_PIXEL_FORMAT: PixelFormat;
+export declare const validPixelFormatsForCodec: (codec: Codec) => readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"] | ("yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le")[];
 export declare const validateSelectedPixelFormatAndCodecCombination: (pixelFormat: PixelFormat | undefined, codec: Codec) => undefined;

package/dist/pixel-format.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateSelectedPixelFormatAndCodecCombination = exports.DEFAULT_PIXEL_FORMAT = exports.validPixelFormats = void 0;
+exports.validateSelectedPixelFormatAndCodecCombination = exports.validPixelFormatsForCodec = exports.DEFAULT_PIXEL_FORMAT = exports.validPixelFormats = void 0;
 exports.validPixelFormats = [
     'yuv420p',
     'yuva420p',
@@ -12,6 +12,13 @@ exports.validPixelFormats = [
     'yuva444p10le',
 ];
 exports.DEFAULT_PIXEL_FORMAT = 'yuv420p';
+const validPixelFormatsForCodec = (codec) => {
+    if (codec === 'vp8' || codec === 'vp9') {
+        return exports.validPixelFormats;
+    }
+    return exports.validPixelFormats.filter((format) => format !== 'yuva420p');
+};
+exports.validPixelFormatsForCodec = validPixelFormatsForCodec;
 const validateSelectedPixelFormatAndCodecCombination = (pixelFormat, codec) => {
     if (typeof pixelFormat === 'undefined') {
         return pixelFormat;
@@ -22,8 +29,9 @@ const validateSelectedPixelFormatAndCodecCombination = (pixelFormat, codec) => {
     if (pixelFormat !== 'yuva420p') {
         return;
     }
-    if (codec !== 'vp8' && codec !== 'vp9') {
-        throw new TypeError("Pixel format was set to 'yuva420p' but codec is not 'vp8' or 'vp9'. To render videos with alpha channel, you must choose a codec that supports it.");
+    const validFormats = (0, exports.validPixelFormatsForCodec)(codec);
+    if (!validFormats.includes(pixelFormat)) {
+        throw new TypeError(`Pixel format was set to 'yuva420p' but codec ${codec} does not support it. Valid pixel formats for codec ${codec} are: ${validFormats.join(', ')}.`);
     }
 };
 exports.validateSelectedPixelFormatAndCodecCombination = validateSelectedPixelFormatAndCodecCombination;

package/dist/provide-screenshot.d.ts

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.74",
+  "version": "4.0.75",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.7.0",
-    "remotion": "4.0.74"
+    "remotion": "4.0.75"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -40,13 +40,13 @@
     "vitest": "0.31.1"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.74",
-    "@remotion/compositor-darwin-x64": "4.0.74",
-    "@remotion/compositor-linux-x64-gnu": "4.0.74",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.74",
-    "@remotion/compositor-linux-arm64-musl": "4.0.74",
-    "@remotion/compositor-win32-x64-msvc": "4.0.74",
-    "@remotion/compositor-linux-x64-musl": "4.0.74"
+    "@remotion/compositor-darwin-x64": "4.0.75",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.75",
+    "@remotion/compositor-darwin-arm64": "4.0.75",
+    "@remotion/compositor-linux-x64-gnu": "4.0.75",
+    "@remotion/compositor-linux-arm64-musl": "4.0.75",
+    "@remotion/compositor-linux-x64-musl": "4.0.75",
+    "@remotion/compositor-win32-x64-msvc": "4.0.75"
   },
   "keywords": [
     "remotion",