@remotion/renderer 4.0.247 → 4.0.248

package/dist/browser/browser-download-progress-bar.js

@@ -5,10 +5,10 @@ const logger_1 = require("../logger");
 const to_megabytes_1 = require("../to-megabytes");
 const defaultBrowserDownloadProgress = ({ indent, logLevel, api, }) => ({ chromeMode }) => {
     if (chromeMode === 'chrome-for-testing') {
-        logger_1.Log.info({ indent, logLevel }, 'Downloading Chrome for Testing https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell');
+        logger_1.Log.info({ indent, logLevel }, 'Downloading Chrome for Testing https://www.remotion.dev/chrome-for-testing');
     }
     else {
-        logger_1.Log.info({ indent, logLevel }, 'Downloading Chrome Headless Shell https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell');
+        logger_1.Log.info({ indent, logLevel }, 'Downloading Chrome Headless Shell https://www.remotion.dev/chrome-headless-shell');
     }
     logger_1.Log.info({ indent, logLevel }, `Customize this behavior by adding a onBrowserDownload function to ${api}.`);
     let lastProgress = 0;

package/dist/client.d.ts

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

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

@@ -9,7 +9,7 @@ export declare const hasSpecifiedUnsupportedHardwareQualifySettings: ({ encoding
     encodingMaxRate: string | null;
     encodingBufferSize: string | null;
     crf: unknown;
-}) => "crf" | "encodingBufferSize" | "encodingMaxRate" | null;
+}) => "encodingMaxRate" | "encodingBufferSize" | "crf" | null;
 export declare const getCodecName: ({ codec, encodingMaxRate, encodingBufferSize, crf, hardwareAcceleration, logLevel, indent, }: {
     codec: Codec;
     hardwareAcceleration: HardwareAccelerationOption;

package/dist/index.d.ts

@@ -140,7 +140,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: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "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";
@@ -353,8 +353,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;

package/dist/open-browser.js

@@ -38,9 +38,9 @@ const getOpenGlRenderer = (option) => {
     if (renderer === 'vulkan') {
         return [
             '--use-angle=vulkan',
-            '--use-vulkan=swiftshader',
+            '--use-vulkan=native',
             '--disable-vulkan-fallback-to-gl-for-testing',
-            '--dignore-gpu-blocklist',
+            '--ignore-gpu-blocklist',
             '--enable-gpu',
         ];
     }

package/dist/options/chrome-mode.js

@@ -13,9 +13,9 @@ exports.chromeModeOption = {
     name: 'Chrome Mode',
     ssrName: 'chromeMode',
     description: () => {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["One of", ' ', exports.validChromeModeOptions.map((option, i) => ((0, jsx_runtime_1.jsxs)("code", { children: [option, i === exports.validChromeModeOptions.length - 1 ? '' : ', '] }, option))), ". Default ", (0, jsx_runtime_1.jsx)("code", { children: "headless-shell" }), ". Use", ' ', (0, jsx_runtime_1.jsx)("code", { children: "chrome-for-testing" }), " to take advantage of GPU drivers on Linux."] }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["One of", ' ', exports.validChromeModeOptions.map((option, i) => ((0, jsx_runtime_1.jsxs)("code", { children: [option, i === exports.validChromeModeOptions.length - 1 ? '' : ', '] }, option))), ". Default ", (0, jsx_runtime_1.jsx)("code", { children: "headless-shell" }), ".", ' ', (0, jsx_runtime_1.jsxs)("a", { href: "https://remotion.dev/docs/miscellaneous/chrome-headless-shell", children: ["Use ", (0, jsx_runtime_1.jsx)("code", { children: "chrome-for-testing" }), " to take advantage of GPU drivers on Linux."] })] }));
     },
-    docLink: 'https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell',
+    docLink: 'https://www.remotion.dev/chrome-for-testing',
     getValue: ({ commandLine }) => {
         if (commandLine[cliFlag]) {
             if (!exports.validChromeModeOptions.includes(commandLine[cliFlag])) {

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: () => "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";

package/dist/options/index.d.ts

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

package/ensure-browser.mjs

@@ -2545,7 +2545,7 @@ var require_extract_zip = __commonJS((exports, module) => {
 });
 
 // src/ensure-browser.ts
-import fs5 from "fs";
+import fs4 from "fs";
 
 // src/browser/BrowserFetcher.ts
 var import_extract_zip = __toESM(require_extract_zip(), 1);
@@ -3055,12 +3055,19 @@ var TESTED_VERSION = "123.0.6312.86";
 var PLAYWRIGHT_VERSION = "1105";
 function getChromeDownloadUrl({
   platform: platform2,
-  version
+  version,
+  chromeMode
 }) {
   if (platform2 === "linux-arm64") {
+    if (chromeMode === "chrome-for-testing") {
+      throw new Error(`chromeMode: 'chrome-for-testing' is not supported on platform linux-arm64`);
+    }
     return `https://playwright.azureedge.net/builds/chromium/${version ?? PLAYWRIGHT_VERSION}/chromium-linux-arm64.zip`;
   }
-  return `https://storage.googleapis.com/chrome-for-testing-public/${version ?? TESTED_VERSION}/${platform2}/chrome-headless-shell-${platform2}.zip`;
+  if (chromeMode === "headless-shell") {
+    return `https://storage.googleapis.com/chrome-for-testing-public/${version ?? TESTED_VERSION}/${platform2}/chrome-headless-shell-${platform2}.zip`;
+  }
+  return `https://storage.googleapis.com/chrome-for-testing-public/${version ?? TESTED_VERSION}/${platform2}/chrome-${platform2}.zip`;
 }
 var mkdirAsync = fs3.promises.mkdir;
 var unlinkAsync = promisify(fs3.unlink.bind(fs3));
@@ -3084,27 +3091,28 @@ var getPlatform = () => {
       throw new Error("Unsupported platform: " + platform2);
   }
 };
-var destination = "chrome-headless-shell";
-var getDownloadsFolder = () => {
+var getDownloadsFolder = (chromeMode) => {
+  const destination = chromeMode === "headless-shell" ? "chrome-headless-shell" : "chrome-for-testing";
   return path3.join(getDownloadsCacheDir(), destination);
 };
 var downloadBrowser = async ({
   logLevel,
   indent,
   onProgress,
-  version
+  version,
+  chromeMode
 }) => {
   const platform2 = getPlatform();
-  const downloadURL = getChromeDownloadUrl({ platform: platform2, version });
+  const downloadURL = getChromeDownloadUrl({ platform: platform2, version, chromeMode });
   const fileName = downloadURL.split("/").pop();
   if (!fileName) {
     throw new Error(`A malformed download URL was found: ${downloadURL}.`);
   }
-  const downloadsFolder = getDownloadsFolder();
+  const downloadsFolder = getDownloadsFolder(chromeMode);
   const archivePath = path3.join(downloadsFolder, fileName);
   const outputPath = getFolderPath(downloadsFolder, platform2);
   if (await existsAsync(outputPath)) {
-    return getRevisionInfo();
+    return getRevisionInfo(chromeMode);
   }
   if (!await existsAsync(downloadsFolder)) {
     await mkdirAsync(downloadsFolder, {
@@ -3149,25 +3157,40 @@ var downloadBrowser = async ({
       await unlinkAsync(archivePath);
     }
   }
-  const revisionInfo = getRevisionInfo();
+  const revisionInfo = getRevisionInfo(chromeMode);
   makeFileExecutableIfItIsNot(revisionInfo.executablePath);
   return revisionInfo;
 };
 var getFolderPath = (downloadsFolder, platform2) => {
   return path3.resolve(downloadsFolder, platform2);
 };
-var getExecutablePath = () => {
-  const downloadsFolder = getDownloadsFolder();
+var getExecutablePath = (chromeMode) => {
+  const downloadsFolder = getDownloadsFolder(chromeMode);
   const platform2 = getPlatform();
   const folderPath = getFolderPath(downloadsFolder, platform2);
-  return path3.join(folderPath, `chrome-headless-shell-${platform2}`, platform2 === "win64" ? "chrome-headless-shell.exe" : "chrome-headless-shell");
+  if (chromeMode === "chrome-for-testing") {
+    if (platform2 === "mac-arm64" || platform2 === "mac-x64") {
+      return path3.join(folderPath, `chrome-${platform2}`, "Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing");
+    }
+    if (platform2 === "win64") {
+      return path3.join(folderPath, "chrome-win64", "chrome.exe");
+    }
+    if (platform2 === "linux64" || platform2 === "linux-arm64") {
+      return path3.join(folderPath, "chrome-linux64", "chrome");
+    }
+    throw new Error("unsupported platform" + platform2);
+  }
+  if (chromeMode === "headless-shell") {
+    return path3.join(folderPath, `chrome-headless-shell-${platform2}`, platform2 === "win64" ? "chrome-headless-shell.exe" : "chrome-headless-shell");
+  }
+  throw new Error("unsupported chrome mode" + chromeMode);
 };
-var getRevisionInfo = () => {
-  const executablePath = getExecutablePath();
-  const downloadsFolder = getDownloadsFolder();
+var getRevisionInfo = (chromeMode) => {
+  const executablePath = getExecutablePath(chromeMode);
+  const downloadsFolder = getDownloadsFolder(chromeMode);
   const platform2 = getPlatform();
   const folderPath = getFolderPath(downloadsFolder, platform2);
-  const url = getChromeDownloadUrl({ platform: platform2, version: null });
+  const url = getChromeDownloadUrl({ platform: platform2, version: null, chromeMode });
   const local = fs3.existsSync(folderPath);
   return {
     executablePath,
@@ -3188,68 +3211,62 @@ var defaultBrowserDownloadProgress = ({
   indent,
   logLevel,
   api
-}) => () => {
-  Log.info({ indent, logLevel }, "Downloading Chrome Headless Shell https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell");
+}) => ({ chromeMode }) => {
+  if (chromeMode === "chrome-for-testing") {
+    Log.info({ indent, logLevel }, "Downloading Chrome for Testing https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell");
+  } else {
+    Log.info({ indent, logLevel }, "Downloading Chrome Headless Shell https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell");
+  }
   Log.info({ indent, logLevel }, `Customize this behavior by adding a onBrowserDownload function to ${api}.`);
   let lastProgress = 0;
   return {
     onProgress: (progress) => {
       if (progress.downloadedBytes > lastProgress + 1e7 || progress.percent === 1) {
         lastProgress = progress.downloadedBytes;
-        Log.info({ indent, logLevel }, `Downloading Chrome Headless Shell - ${toMegabytes(progress.downloadedBytes)}/${toMegabytes(progress.totalSizeInBytes)}`);
+        if (chromeMode === "chrome-for-testing") {
+          Log.info({ indent, logLevel }, `Downloading Chrome for Testing - ${toMegabytes(progress.downloadedBytes)}/${toMegabytes(progress.totalSizeInBytes)}`);
+        } else {
+          Log.info({ indent, logLevel }, `Downloading Chrome Headless Shell - ${toMegabytes(progress.downloadedBytes)}/${toMegabytes(progress.totalSizeInBytes)}`);
+        }
       }
     },
     version: null
   };
 };
 
-// src/get-local-browser.ts
-import fs4 from "fs";
-var getSearchPathsForProduct = () => {
-  return [];
-};
-var getLocalBrowser = () => {
-  for (const p of getSearchPathsForProduct()) {
-    if (fs4.existsSync(p)) {
-      return p;
-    }
-  }
-  return null;
-};
-
 // src/ensure-browser.ts
 var currentEnsureBrowserOperation = Promise.resolve();
 var internalEnsureBrowserUncapped = async ({
   indent,
   logLevel,
   browserExecutable,
-  onBrowserDownload
+  onBrowserDownload,
+  chromeMode
 }) => {
-  const status = getBrowserStatus(browserExecutable);
+  const status = getBrowserStatus({ browserExecutable, chromeMode });
   if (status.type === "no-browser") {
-    const { onProgress, version } = onBrowserDownload();
-    await downloadBrowser({ indent, logLevel, onProgress, version });
+    const { onProgress, version } = onBrowserDownload({ chromeMode });
+    await downloadBrowser({ indent, logLevel, onProgress, version, chromeMode });
   }
-  const newStatus = getBrowserStatus(browserExecutable);
+  const newStatus = getBrowserStatus({ browserExecutable, chromeMode });
   return newStatus;
 };
 var internalEnsureBrowser = (options) => {
   currentEnsureBrowserOperation = currentEnsureBrowserOperation.then(() => internalEnsureBrowserUncapped(options));
   return currentEnsureBrowserOperation;
 };
-var getBrowserStatus = (browserExecutable) => {
+var getBrowserStatus = ({
+  browserExecutable,
+  chromeMode
+}) => {
   if (browserExecutable) {
-    if (!fs5.existsSync(browserExecutable)) {
+    if (!fs4.existsSync(browserExecutable)) {
       throw new Error(`"browserExecutable" was specified as '${browserExecutable}' but the path doesn't exist. Pass "null" for "browserExecutable" to download a browser automatically.`);
     }
     return { path: browserExecutable, type: "user-defined-path" };
   }
-  const localBrowser = getLocalBrowser();
-  if (localBrowser !== null) {
-    return { path: localBrowser, type: "local-browser" };
-  }
-  const revision = getRevisionInfo();
-  if (revision.local && fs5.existsSync(revision.executablePath)) {
+  const revision = getRevisionInfo(chromeMode);
+  if (revision.local && fs4.existsSync(revision.executablePath)) {
     return { path: revision.executablePath, type: "local-puppeteer-browser" };
   }
   return { type: "no-browser" };
@@ -3265,7 +3282,8 @@ var ensureBrowser = (options) => {
       api: "ensureBrowser()",
       indent: false,
       logLevel
-    })
+    }),
+    chromeMode: options?.chromeMode ?? "headless-shell"
   });
 };
 export {

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.247",
+  "version": "4.0.248",
   "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.247",
-    "@remotion/streaming": "4.0.247"
+    "remotion": "4.0.248",
+    "@remotion/streaming": "4.0.248"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -33,17 +33,17 @@
     "react-dom": "19.0.0",
     "@types/ws": "8.5.10",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.247",
-    "@remotion/example-videos": "4.0.247"
+    "@remotion/example-videos": "4.0.248",
+    "@remotion/eslint-config-internal": "4.0.248"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.247",
-    "@remotion/compositor-darwin-x64": "4.0.247",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.247",
-    "@remotion/compositor-linux-x64-gnu": "4.0.247",
-    "@remotion/compositor-linux-x64-musl": "4.0.247",
-    "@remotion/compositor-linux-arm64-musl": "4.0.247",
-    "@remotion/compositor-win32-x64-msvc": "4.0.247"
+    "@remotion/compositor-darwin-x64": "4.0.248",
+    "@remotion/compositor-darwin-arm64": "4.0.248",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.248",
+    "@remotion/compositor-linux-arm64-musl": "4.0.248",
+    "@remotion/compositor-linux-x64-musl": "4.0.248",
+    "@remotion/compositor-win32-x64-msvc": "4.0.248",
+    "@remotion/compositor-linux-x64-gnu": "4.0.248"
   },
   "keywords": [
     "remotion",