@remotion/renderer 4.0.177 → 4.0.178

package/README.md

@@ -1,9 +1,18 @@
-# Renderer
-
-Contains TypeScript + Rust code for rendering a Remotion video.
-
-See the public APIs here: https://remotion.dev/docs/renderer
-
-## Development
-
-For developing the Rust parts, see https://remotion.dev/docs/contributing/rust.
+# @remotion/renderer
+ 
+Render Remotion videos using Node.js or Bun
+ 
+[![NPM Downloads](https://img.shields.io/npm/dm/@remotion/renderer.svg?style=flat&color=black&label=Downloads)](https://npmcharts.com/compare/@remotion/renderer?minimal=true)
+ 
+## Installation
+ 
+```bash
+npm install @remotion/renderer --save-exact
+```
+ 
+When installing a Remotion package, make sure to align the version of all `remotion` and `@remotion/*` packages to the same version.
+Remove the `^` character from the version number to use the exact version.
+ 
+## Usage
+ 
+See the [documentation](https://www.remotion.dev/docs/renderer) for more information.

package/bunfig.toml

@@ -0,0 +1,2 @@
+[test]
+preload = "./happydom.ts"

package/dist/assets/read-file.js

@@ -19,11 +19,16 @@ const getClient = (url) => {
 };
 const readFileWithoutRedirect = (url) => {
     return new Promise((resolve, reject) => {
-        getClient(url)(url, {
-            headers: {
-                'User-Agent': 'Mozilla/5.0 (@remotion/renderer - https://remotion.dev)',
-            },
-        }, (res) => {
+        const client = getClient(url);
+        client(url, 
+        // Bun 1.1.16 does not support the `headers` option
+        typeof Bun === 'undefined'
+            ? {
+                headers: {
+                    'user-agent': 'Mozilla/5.0 (@remotion/renderer - https://remotion.dev)',
+                },
+            }
+            : {}, (res) => {
             resolve(res);
         }).on('error', (err) => {
             return reject(err);

package/dist/client.d.ts

@@ -467,19 +467,19 @@ export declare const BrowserSafeApis: {
             cliFlag: "gl";
             docLink: string;
             name: string;
-            type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+            type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
             ssrName: string;
             description: () => import("react/jsx-runtime").JSX.Element;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+                value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
+            setConfig: (value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
         };
         enableLambdaInsights: {
             name: string;

package/dist/compositor/payloads.d.ts

@@ -31,7 +31,7 @@ export type VideoMetadata = {
     fps: number;
     width: number;
     height: number;
-    durationInSeconds: number;
+    durationInSeconds: number | null;
     codec: 'h264' | 'h265' | 'vp8' | 'vp9' | 'av1' | 'prores' | 'unknown';
     canPlayInVideoTag: boolean;
     supportsSeeking: boolean;

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

@@ -4,6 +4,9 @@ export declare const createFfmpegComplexFilter: ({ filters, downloadMap, }: {
     filters: PreprocessedAudioTrack[];
     downloadMap: DownloadMap;
 }) => Promise<{
-    complexFilterFlag: [string, string] | null;
+    complexFilterFlag: [
+        string,
+        string
+    ] | null;
     cleanup: () => void;
 }>;

package/dist/get-cpu-count.d.ts

@@ -1 +1,2 @@
+export declare const getConcurrencyFromNProc: () => number | null;
 export declare const getCpuCount: () => number;

package/dist/get-cpu-count.js

@@ -3,7 +3,7 @@
 // docker run --cpuset-cpus="0,1" to assign only 2 CPUs.
 // However, Node.js returns the core count of the host system (up to 96!)
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCpuCount = void 0;
+exports.getCpuCount = exports.getConcurrencyFromNProc = void 0;
 const node_child_process_1 = require("node:child_process");
 const node_os_1 = require("node:os");
 // We also get it from nproc and use the minimum of the two.
@@ -15,9 +15,10 @@ const getConcurrencyFromNProc = () => {
         return null;
     }
 };
+exports.getConcurrencyFromNProc = getConcurrencyFromNProc;
 const getCpuCount = () => {
     const node = (0, node_os_1.cpus)().length;
-    const nproc = getConcurrencyFromNProc();
+    const nproc = (0, exports.getConcurrencyFromNProc)();
     if (nproc === null) {
         return node;
     }

package/dist/index.d.ts

@@ -141,8 +141,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: unknown) => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    validateOpenGlRenderer: (option: unknown) => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | 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";
     validateJpegQuality: (q: unknown) => void;
@@ -338,7 +338,7 @@ export declare const RenderInternals: {
     makeFileExtensionMap: () => Record<string, ("h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif")[]>;
     defaultCodecsForFileExtension: Record<import("./file-extensions").FileExtension, "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif">;
     getExecutablePath: ({ indent, logLevel, type, binariesDirectory, }: {
-        type: "ffmpeg" | "ffprobe" | "compositor";
+        type: "compositor" | "ffmpeg" | "ffprobe";
         indent: boolean;
         logLevel: "verbose" | "info" | "warn" | "error";
         binariesDirectory: string | null;
@@ -354,8 +354,8 @@ export declare const RenderInternals: {
     }) => execa.ExecaChildProcess<string>;
     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;
@@ -454,7 +454,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>;
@@ -755,7 +755,7 @@ export declare const RenderInternals: {
         onFrameUpdate: ((framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void) | null;
         outputDir: string | null;
         envVariables: Record<string, string>;
-        imageFormat: "jpeg" | "png" | "none";
+        imageFormat: "png" | "jpeg" | "none";
         jpegQuality: number;
         frameRange: import("./frame-range").FrameRange | null;
         everyNthFrame: number;

package/dist/options/gl.d.ts

@@ -1,19 +1,19 @@
 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: () => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+export declare const getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
 export declare const setChromiumOpenGlRenderer: (renderer: OpenGlRenderer) => void;
 export declare const glOption: {
     cliFlag: "gl";
     docLink: string;
     name: string;
-    type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     ssrName: string;
     description: () => import("react/jsx-runtime").JSX.Element;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
-        value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+        value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
         source: string;
     } | {
         value: null;

package/dist/options/index.d.ts

@@ -245,19 +245,19 @@ export declare const allOptions: {
         cliFlag: "gl";
         docLink: string;
         name: string;
-        type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+        type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
         ssrName: string;
         description: () => import("react/jsx-runtime").JSX.Element;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
         }) => {
-            value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+            value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
             source: string;
         } | {
             value: null;
             source: string;
         };
-        setConfig: (value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
+        setConfig: (value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
     };
     enableLambdaInsights: {
         name: string;

package/dist/port-config.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="node" />
+/// <reference types="node" />
 /// <reference types="bun-types" />
 /// <reference types="node" />
 /// <reference types="node" />
 /// <reference types="node" />
 /// <reference types="bun-types" />
 /// <reference types="bun-types" />
-/// <reference types="node" />
 import type { NetworkInterfaceInfo } from 'os';
 import os from 'os';
 type PortConfig = {
@@ -13,7 +13,7 @@ type PortConfig = {
     hostsToTry: string[];
 };
 export declare const getPortConfig: (preferIpv4: boolean) => PortConfig;
-export declare const getHostToBind: (flattened: os.NetworkInterfaceInfo[], preferIpv4: boolean) => "0.0.0.0" | "::";
+export declare const getHostToBind: (flattened: os.NetworkInterfaceInfo[], preferIpv4: boolean) => "::" | "0.0.0.0";
 export declare const getHostsToTry: (flattened: os.NetworkInterfaceInfo[]) => string[];
 export declare const flattenNetworkInterfaces: (networkInterfaces: NodeJS.Dict<NetworkInterfaceInfo[]>) => NetworkInterfaceInfo[];
 export declare const isIpV6Supported: (flattened: os.NetworkInterfaceInfo[]) => boolean;

package/happydom.ts

@@ -0,0 +1,6 @@
+import {GlobalRegistrator} from '@happy-dom/global-registrator';
+
+GlobalRegistrator.register();
+window.origin = 'http://localhost:3000';
+// @ts-expect-error
+window.remotion_staticBase = '/static-abcdef';

package/package.json

@@ -1,15 +1,15 @@
 {
+  "repository": {
+    "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
+  },
   "name": "@remotion/renderer",
-  "version": "4.0.177",
-  "description": "Renderer for Remotion",
+  "version": "4.0.178",
+  "description": "Render Remotion videos using Node.js or Bun",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "SEE LICENSE IN LICENSE.md",
-  "repository": {
-    "url": "https://github.com/remotion-dev/remotion"
-  },
   "bugs": {
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
@@ -18,39 +18,29 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.17.1",
-    "remotion": "4.0.177"
+    "remotion": "4.0.178"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@jonny/eslint-config": "3.0.281",
     "@testing-library/dom": "^8.16.0",
     "@testing-library/react": "13.3.0",
-    "@types/node": "18.14.6",
-    "@types/progress": "2.0.5",
-    "@types/bun": "1.0.12",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0",
-    "jsdom": "^24.0.0",
-    "eslint": "8.56.0",
-    "prettier": "3.2.5",
-    "prettier-plugin-organize-imports": "3.2.4",
+    "@happy-dom/global-registrator": "14.5.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "vitest": "0.31.1",
     "@types/ws": "8.5.10",
-    "@remotion/streaming": "4.0.177"
+    "@remotion/streaming": "4.0.178"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.177",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.177",
-    "@remotion/compositor-darwin-x64": "4.0.177",
-    "@remotion/compositor-linux-arm64-musl": "4.0.177",
-    "@remotion/compositor-linux-x64-gnu": "4.0.177",
-    "@remotion/compositor-linux-x64-musl": "4.0.177",
-    "@remotion/compositor-win32-x64-msvc": "4.0.177"
+    "@remotion/compositor-darwin-arm64": "4.0.178",
+    "@remotion/compositor-darwin-x64": "4.0.178",
+    "@remotion/compositor-linux-x64-gnu": "4.0.178",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.178",
+    "@remotion/compositor-linux-arm64-musl": "4.0.178",
+    "@remotion/compositor-linux-x64-musl": "4.0.178",
+    "@remotion/compositor-win32-x64-msvc": "4.0.178"
   },
   "keywords": [
     "remotion",
@@ -62,10 +52,11 @@
   "publishConfig": {
     "access": "public"
   },
+  "homepage": "https://www.remotion.dev/docs/renderer",
   "scripts": {
     "formatting": "prettier src --check",
     "lint": "eslint src --ext ts,tsx",
-    "test": "vitest --run",
+    "test": "bun test src",
     "build": "node build.mjs --debug",
     "build-all": "node build.mjs --all"
   }