@remotion/renderer 4.0.288 → 4.0.290

package/dist/assets/download-map.js

@@ -1,44 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cleanDownloadMap = exports.makeDownloadMap = void 0;
-const node_fs_1 = __importStar(require("node:fs"));
+const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const version_1 = require("remotion/version");
 const delete_directory_1 = require("../delete-directory");
 const offthread_video_server_1 = require("../offthread-video-server");
 const tmp_dir_1 = require("../tmp-dir");
@@ -47,19 +15,8 @@ const makeAndReturn = (dir, name) => {
     (0, node_fs_1.mkdirSync)(p);
     return p;
 };
-const dontInlineThis = 'package.json';
-let packageJsonPath = null;
-try {
-    packageJsonPath = require.resolve('../../' + dontInlineThis);
-}
-catch (_a) { }
-const packageJson = packageJsonPath && node_fs_1.default.existsSync(packageJsonPath)
-    ? JSON.parse(node_fs_1.default.readFileSync(packageJsonPath, 'utf-8'))
-    : null;
 const makeDownloadMap = () => {
-    const dir = (0, tmp_dir_1.tmpDir)(packageJson
-        ? `remotion-v${packageJson.version.replace(/\./g, '-')}-assets`
-        : 'remotion-assets');
+    const dir = (0, tmp_dir_1.tmpDir)(`remotion-v${version_1.VERSION}-assets`);
     let prevented = false;
     return {
         isDownloadingMap: {},

package/dist/browser/Browser.d.ts

@@ -43,6 +43,7 @@ export declare class HeadlessBrowser extends EventEmitter {
         indent: boolean;
     }): Promise<HeadlessBrowser>;
     connection: Connection;
+    id: string;
     runner: BrowserRunner;
     get _targets(): Map<string, Target>;
     constructor({ connection, defaultViewport, runner, }: {

package/dist/browser/Browser.js

@@ -63,6 +63,7 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
         _HeadlessBrowser_targets.set(this, void 0);
         __classPrivateFieldSet(this, _HeadlessBrowser_defaultViewport, defaultViewport, "f");
         this.connection = connection;
+        this.id = Math.random().toString(36).substring(2, 15);
         __classPrivateFieldSet(this, _HeadlessBrowser_defaultContext, new BrowserContext(this), "f");
         __classPrivateFieldSet(this, _HeadlessBrowser_contexts, new Map(), "f");
         __classPrivateFieldSet(this, _HeadlessBrowser_targets, new Map(), "f");

package/dist/collect-assets.js

@@ -16,16 +16,22 @@ const collectAssets = async ({ frame, freePage, timeoutInMilliseconds, }) => {
         if (asset.type !== 'artifact') {
             return asset;
         }
-        if (typeof asset.content !== 'string') {
-            throw new Error(`Expected string content for artifact ${asset.id}, but got ${asset.content}`);
+        if (asset.contentType === 'binary' || asset.contentType === 'text') {
+            if (typeof asset.content !== 'string') {
+                throw new Error(`Expected string content for artifact ${asset.id}, but got ${asset.content}`);
+            }
+            const stringOrUintArray = asset.contentType === 'binary'
+                ? new TextEncoder().encode(atob(asset.content))
+                : asset.content;
+            return {
+                ...asset,
+                content: stringOrUintArray,
+            };
         }
-        const stringOrUintArray = asset.binary
-            ? new TextEncoder().encode(atob(asset.content))
-            : asset.content;
-        return {
-            ...asset,
-            content: stringOrUintArray,
-        };
+        if (asset.contentType === 'thumbnail') {
+            return asset;
+        }
+        return asset;
     });
     return fixedArtifacts;
 };

package/dist/esm/index.mjs

@@ -3569,6 +3569,7 @@ class HeadlessBrowser extends EventEmitter {
   #defaultContext;
   #contexts;
   #targets;
+  id;
   runner;
   get _targets() {
     return this.#targets;
@@ -3581,6 +3582,7 @@ class HeadlessBrowser extends EventEmitter {
     super();
     this.#defaultViewport = defaultViewport;
     this.connection = connection;
+    this.id = Math.random().toString(36).substring(2, 15);
     this.#defaultContext = new BrowserContext(this);
     this.#contexts = new Map;
     this.#targets = new Map;
@@ -14501,8 +14503,9 @@ var attachDownloadListenerToEmitter = (downloadMap, onDownload) => {
 };
 
 // src/assets/download-map.ts
-import fs12, { mkdirSync as mkdirSync2 } from "node:fs";
+import { mkdirSync as mkdirSync2 } from "node:fs";
 import path14 from "node:path";
+import { VERSION as VERSION2 } from "remotion/version";
 
 // src/offthread-video-server.ts
 import { URLSearchParams } from "node:url";
@@ -14931,14 +14934,8 @@ var makeAndReturn = (dir, name) => {
   mkdirSync2(p);
   return p;
 };
-var dontInlineThis = "package.json";
-var packageJsonPath = null;
-try {
-  packageJsonPath = __require.resolve("../../" + dontInlineThis);
-} catch {}
-var packageJson = packageJsonPath && fs12.existsSync(packageJsonPath) ? JSON.parse(fs12.readFileSync(packageJsonPath, "utf-8")) : null;
 var makeDownloadMap = () => {
-  const dir = tmpDir(packageJson ? `remotion-v${packageJson.version.replace(/\./g, "-")}-assets` : "remotion-assets");
+  const dir = tmpDir(`remotion-v${VERSION2}-assets`);
   let prevented = false;
   return {
     isDownloadingMap: {},
@@ -15990,7 +15987,7 @@ var seekToFrame = async ({
 };
 
 // src/set-props-and-env.ts
-import { VERSION as VERSION2 } from "remotion/version";
+import { VERSION as VERSION3 } from "remotion/version";
 
 // src/goto-page-or-throw.ts
 var gotoPageOrThrow = async (page, urlToVisit, actualTimeout) => {
@@ -16179,7 +16176,7 @@ var innerSetPropsAndEnv = async ({
     throw new Error([
       `Incompatible site: When visiting ${urlToVisit}, a bundle was found, but one that is not compatible with this version of Remotion. Found version: ${siteVersion} - Required version: ${requiredVersion}. To resolve this error:`,
       "When using server-side rendering:",
-      ` ▸ Use 'bundle()' with '@remotion/bundler' of version ${VERSION2} to create a compatible bundle.`,
+      ` ▸ Use 'bundle()' with '@remotion/bundler' of version ${VERSION3} to create a compatible bundle.`,
       "When using the Remotion Lambda:",
       " ▸ Use `npx remotion lambda sites create` to redeploy the site with the latest version.",
       " ℹ Use --site-name with the same name as before to overwrite your site.",
@@ -16187,13 +16184,13 @@ var innerSetPropsAndEnv = async ({
     ].join(`
 `));
   }
-  if (remotionVersion !== VERSION2 && true) {
+  if (remotionVersion !== VERSION3 && true) {
     if (remotionVersion) {
       Log.warn({
         indent,
         logLevel
       }, [
-        `The site was bundled with version ${remotionVersion} of @remotion/bundler, while @remotion/renderer is on version ${VERSION2}. You may not have the newest bugfixes and features.`,
+        `The site was bundled with version ${remotionVersion} of @remotion/bundler, while @remotion/renderer is on version ${VERSION3}. You may not have the newest bugfixes and features.`,
         `To resolve this warning:`,
         "▸ Use `npx remotion lambda sites create` to redeploy the site with the latest version.",
         "  ℹ Use --site-name with the same name as before to overwrite your site.",
@@ -16204,7 +16201,7 @@ var innerSetPropsAndEnv = async ({
       Log.warn({
         indent,
         logLevel
-      }, `The site was bundled with an old version of Remotion, while @remotion/renderer is on version ${VERSION2}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
+      }, `The site was bundled with an old version of Remotion, while @remotion/renderer is on version ${VERSION3}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
     }
   }
 };
@@ -16837,9 +16834,7 @@ __export(exports_perf, {
   getPerf: () => getPerf
 });
 var perf = {
-  "activate-target": [],
   capture: [],
-  save: [],
   "extract-frame": [],
   piping: []
 };
@@ -16903,7 +16898,7 @@ var validateSelectedPixelFormatAndCodecCombination = (pixelFormat, codec) => {
 };
 
 // src/render-frames.ts
-import fs14 from "node:fs";
+import fs13 from "node:fs";
 import path20 from "node:path";
 import { NoReactInternals as NoReactInternals12 } from "remotion/no-react";
 
@@ -16957,7 +16952,7 @@ var cycleBrowserTabs = ({
 // src/combine-audio.ts
 import { rmSync as rmSync2, writeFileSync } from "fs";
 import { join as join3 } from "path";
-import { VERSION as VERSION3 } from "remotion/version";
+import { VERSION as VERSION4 } from "remotion/version";
 
 // src/options/separate-audio.tsx
 var DEFAULT = null;
@@ -17221,7 +17216,7 @@ var encodeAudio = async ({
     audioBitrate ? audioBitrate : "320k",
     "-vn",
     addRemotionMetadata ? `-metadata` : null,
-    addRemotionMetadata ? `comment=Made with Remotion ${VERSION3}` : null,
+    addRemotionMetadata ? `comment=Made with Remotion ${VERSION4}` : null,
     "-y",
     output
   ];
@@ -17297,7 +17292,7 @@ var combineAudioSeamlessly = async ({
     "copy",
     "-vn",
     addRemotionMetadata ? `-metadata` : null,
-    addRemotionMetadata ? `comment=Made with Remotion ${VERSION3}` : null,
+    addRemotionMetadata ? `comment=Made with Remotion ${VERSION4}` : null,
     "-y",
     output
   ];
@@ -17722,8 +17717,31 @@ import path19 from "path";
 var onlyAudioAndVideoAssets = (assets) => {
   return assets.filter((asset) => asset.type === "audio" || asset.type === "video");
 };
-var onlyArtifact = (assets) => {
-  return assets.filter((asset) => asset.type === "artifact");
+var onlyArtifact = ({
+  assets,
+  frameBuffer
+}) => {
+  const artifacts = assets.filter((asset) => asset.type === "artifact");
+  return artifacts.map((artifact) => {
+    if (artifact.contentType === "binary" || artifact.contentType === "text") {
+      return {
+        frame: artifact.frame,
+        content: artifact.content,
+        filename: artifact.filename
+      };
+    }
+    if (artifact.contentType === "thumbnail") {
+      if (frameBuffer === null) {
+        return null;
+      }
+      return {
+        frame: artifact.frame,
+        content: new Uint8Array(frameBuffer),
+        filename: artifact.filename
+      };
+    }
+    throw new Error("Unknown artifact type: " + artifact);
+  }).filter(truthy);
 };
 
 // src/collect-assets.ts
@@ -17745,14 +17763,20 @@ var collectAssets = async ({
     if (asset.type !== "artifact") {
       return asset;
     }
-    if (typeof asset.content !== "string") {
-      throw new Error(`Expected string content for artifact ${asset.id}, but got ${asset.content}`);
+    if (asset.contentType === "binary" || asset.contentType === "text") {
+      if (typeof asset.content !== "string") {
+        throw new Error(`Expected string content for artifact ${asset.id}, but got ${asset.content}`);
+      }
+      const stringOrUintArray = asset.contentType === "binary" ? new TextEncoder().encode(atob(asset.content)) : asset.content;
+      return {
+        ...asset,
+        content: stringOrUintArray
+      };
     }
-    const stringOrUintArray = asset.binary ? new TextEncoder().encode(atob(asset.content)) : asset.content;
-    return {
-      ...asset,
-      content: stringOrUintArray
-    };
+    if (asset.contentType === "thumbnail") {
+      return asset;
+    }
+    return asset;
   });
   return fixedArtifacts;
 };
@@ -17761,7 +17785,7 @@ var collectAssets = async ({
 import * as assert2 from "node:assert";
 
 // src/screenshot-task.ts
-import fs13 from "node:fs";
+import fs12 from "node:fs";
 var screenshotTask = async ({
   format,
   height,
@@ -17774,16 +17798,14 @@ var screenshotTask = async ({
 }) => {
   const client = page._client();
   const target = page.target();
-  const perfTarget = startPerfMeasure("activate-target");
   await client.send("Target.activateTarget", {
     targetId: target._targetId
   });
-  stopPerfMeasure(perfTarget);
-  const shouldSetDefaultBackground = omitBackground;
-  if (shouldSetDefaultBackground)
+  if (omitBackground) {
     await client.send("Emulation.setDefaultBackgroundColorOverride", {
       color: { r: 0, g: 0, b: 0, a: 0 }
     });
+  }
   const cap = startPerfMeasure("capture");
   try {
     let result;
@@ -17819,13 +17841,13 @@ var screenshotTask = async ({
       result = value;
     }
     stopPerfMeasure(cap);
-    if (shouldSetDefaultBackground)
+    if (omitBackground) {
       await client.send("Emulation.setDefaultBackgroundColorOverride");
-    const saveMarker = startPerfMeasure("save");
+    }
     const buffer = Buffer.from(result.data, "base64");
-    if (path19)
-      await fs13.promises.writeFile(path19, buffer);
-    stopPerfMeasure(saveMarker);
+    if (path19) {
+      await fs12.promises.writeFile(path19, buffer);
+    }
     return buffer;
   } catch (err) {
     if (err.message.includes("Unable to capture screenshot")) {
@@ -17858,18 +17880,27 @@ var screenshot = (options) => {
   }));
 };
 
-// src/screenshot-dom-element.ts
-var screenshotDOMElement = async ({
-  page,
+// src/take-frame.ts
+var takeFrame = async ({
+  freePage,
   imageFormat,
   jpegQuality,
-  opts,
-  height,
+  frame,
   width,
-  timeoutInMilliseconds,
-  scale
+  height,
+  output,
+  scale,
+  wantsBuffer,
+  timeoutInMilliseconds
 }) => {
-  const { path: path19 } = opts;
+  const collectedAssets = await collectAssets({
+    frame,
+    freePage,
+    timeoutInMilliseconds
+  });
+  if (imageFormat === "none") {
+    return { buffer: null, collectedAssets };
+  }
   if (imageFormat === "png" || imageFormat === "pdf" || imageFormat === "webp") {
     await puppeteerEvaluateWithCatch({
       pageFunction: () => {
@@ -17877,7 +17908,7 @@ var screenshotDOMElement = async ({
       },
       args: [],
       frame: null,
-      page,
+      page: freePage,
       timeoutInMilliseconds
     });
   } else {
@@ -17887,93 +17918,21 @@ var screenshotDOMElement = async ({
       },
       args: [],
       frame: null,
-      page,
+      page: freePage,
       timeoutInMilliseconds
     });
   }
-  if (imageFormat === "none") {
-    throw new TypeError('Tried to make a screenshot with format "none"');
-  }
   const buf = await screenshot({
-    page,
+    page: freePage,
     omitBackground: imageFormat === "png",
-    path: path19 ?? undefined,
+    path: (wantsBuffer ? undefined : output) ?? undefined,
     type: imageFormat,
     jpegQuality,
     width,
     height,
     scale
   });
-  if (typeof buf === "string") {
-    throw new TypeError("Expected a buffer");
-  }
-  return buf;
-};
-
-// src/provide-screenshot.ts
-var provideScreenshot = ({
-  page,
-  imageFormat,
-  options,
-  jpegQuality,
-  height,
-  width,
-  timeoutInMilliseconds,
-  scale
-}) => {
-  return screenshotDOMElement({
-    page,
-    opts: {
-      path: options.output
-    },
-    imageFormat,
-    jpegQuality,
-    height,
-    width,
-    timeoutInMilliseconds,
-    scale
-  });
-};
-
-// src/take-frame.ts
-var takeFrame = async ({
-  freePage,
-  imageFormat,
-  jpegQuality,
-  frame,
-  width,
-  height,
-  output,
-  scale,
-  wantsBuffer,
-  timeoutInMilliseconds
-}) => {
-  const collectedAssets = await collectAssets({
-    frame,
-    freePage,
-    timeoutInMilliseconds
-  });
-  if (imageFormat === "none") {
-    return { buffer: null, collectedAssets };
-  }
-  const shouldMakeBuffer = wantsBuffer;
-  const buf = await provideScreenshot({
-    page: freePage,
-    imageFormat,
-    jpegQuality,
-    options: {
-      frame,
-      output: wantsBuffer ? null : output
-    },
-    height,
-    width,
-    timeoutInMilliseconds,
-    scale
-  });
-  if (shouldMakeBuffer) {
-    return { buffer: buf, collectedAssets };
-  }
-  return { buffer: null, collectedAssets };
+  return { buffer: buf, collectedAssets };
 };
 
 // src/render-frame-with-option-to-reject.ts
@@ -18043,7 +18002,6 @@ var renderFrameWithOptionToReject = async ({
   if (outputDir && onFrameBuffer && imageFormat !== "none") {
     throw new Error("Pass either `outputDir` or `onFrameBuffer` to renderFrames(), not both.");
   }
-  const id = startPerfMeasure("save");
   const { buffer, collectedAssets } = await takeFrame({
     frame,
     freePage: page,
@@ -18069,12 +18027,14 @@ var renderFrameWithOptionToReject = async ({
     }
     onFrameBuffer(buffer, frame);
   }
-  stopPerfMeasure(id);
   const onlyAvailableAssets = assets.filter(truthy);
   const previousAudioRenderAssets = onlyAvailableAssets.map((a) => a.audioAndVideoAssets).flat(2);
   const previousArtifactAssets = onlyAvailableAssets.map((a) => a.artifactAssets).flat(2);
   const audioAndVideoAssets = onlyAudioAndVideoAssets(collectedAssets);
-  const artifactAssets = onlyArtifact(collectedAssets);
+  const artifactAssets = onlyArtifact({
+    assets: collectedAssets,
+    frameBuffer: buffer
+  });
   for (const artifact of artifactAssets) {
     for (const previousArtifact of previousArtifactAssets) {
       if (artifact.filename === previousArtifact.filename) {
@@ -18477,8 +18437,8 @@ var innerRenderFrames = async ({
   binariesDirectory
 }) => {
   if (outputDir) {
-    if (!fs14.existsSync(outputDir)) {
-      fs14.mkdirSync(outputDir, {
+    if (!fs13.existsSync(outputDir)) {
+      fs13.mkdirSync(outputDir, {
         recursive: true
       });
     }
@@ -18886,7 +18846,7 @@ var renderFrames = (options) => {
 };
 
 // src/render-media.ts
-import fs16 from "node:fs";
+import fs15 from "node:fs";
 import os6 from "node:os";
 import path25 from "node:path";
 import { NoReactInternals as NoReactInternals14 } from "remotion/no-react";
@@ -19774,7 +19734,7 @@ var createFfmpegMergeFilter = ({
 };
 
 // src/ffmpeg-filter-file.ts
-import fs15, { existsSync as existsSync5 } from "node:fs";
+import fs14, { existsSync as existsSync5 } from "node:fs";
 import path21 from "node:path";
 var makeFfmpegFilterFile = (complexFilter, downloadMap) => {
   return makeFfmpegFilterFileStr(complexFilter.filter, downloadMap);
@@ -19783,13 +19743,13 @@ var makeFfmpegFilterFileStr = async (complexFilter, downloadMap) => {
   const random2 = Math.random().toString().replace(".", "");
   const filterFile = path21.join(downloadMap.complexFilter, "complex-filter-" + random2 + ".txt");
   if (!existsSync5(downloadMap.complexFilter)) {
-    fs15.mkdirSync(downloadMap.complexFilter, { recursive: true });
+    fs14.mkdirSync(downloadMap.complexFilter, { recursive: true });
   }
-  await fs15.promises.writeFile(filterFile, complexFilter);
+  await fs14.promises.writeFile(filterFile, complexFilter);
   return {
     file: filterFile,
     cleanup: () => {
-      fs15.unlinkSync(filterFile);
+      fs14.unlinkSync(filterFile);
     }
   };
 };
@@ -20401,9 +20361,9 @@ var createAudio = async ({
 };
 
 // src/make-metadata-args.ts
-import { VERSION as VERSION4 } from "remotion/version";
+import { VERSION as VERSION5 } from "remotion/version";
 var makeMetadataArgs = (metadata) => {
-  const defaultComment = `Made with Remotion ${VERSION4}`;
+  const defaultComment = `Made with Remotion ${VERSION5}`;
   const newMetadata = {
     comment: defaultComment
   };
@@ -21080,7 +21040,7 @@ var internalRenderMediaRaw = ({
   }
   const imageFormat = isAudioCodec(codec) ? "none" : provisionalImageFormat;
   validateSelectedPixelFormatAndImageFormatCombination(pixelFormat, imageFormat);
-  const workingDir = fs16.mkdtempSync(path25.join(os6.tmpdir(), "react-motion-render"));
+  const workingDir = fs15.mkdtempSync(path25.join(os6.tmpdir(), "react-motion-render"));
   const preEncodedFileLocation = parallelEncoding ? path25.join(workingDir, "pre-encode." + getFileExtensionFromCodec(codec, audioCodec)) : null;
   if (onCtrlCExit && workingDir) {
     onCtrlCExit(`Delete ${workingDir}`, () => deleteDirectory(workingDir));
@@ -21365,10 +21325,10 @@ var internalRenderMediaRaw = ({
       }
       reject(err);
     }).finally(() => {
-      if (preEncodedFileLocation !== null && fs16.existsSync(preEncodedFileLocation)) {
+      if (preEncodedFileLocation !== null && fs15.existsSync(preEncodedFileLocation)) {
         deleteDirectory(path25.dirname(preEncodedFileLocation));
       }
-      if (workingDir && fs16.existsSync(workingDir)) {
+      if (workingDir && fs15.existsSync(workingDir)) {
         deleteDirectory(workingDir);
       }
       cleanupServerFn?.(false).catch((err) => {
@@ -21526,7 +21486,7 @@ var renderMedia = ({
 };
 
 // src/render-still.ts
-import fs17, { statSync as statSync2 } from "node:fs";
+import fs16, { statSync as statSync2 } from "node:fs";
 import path26 from "node:path";
 import { NoReactInternals as NoReactInternals15 } from "remotion/no-react";
 var innerRenderStill = async ({
@@ -21578,7 +21538,7 @@ var innerRenderStill = async ({
   output = typeof output === "string" ? path26.resolve(process.cwd(), output) : null;
   validateJpegQuality(jpegQuality);
   if (output) {
-    if (fs17.existsSync(output)) {
+    if (fs16.existsSync(output)) {
       if (!overwrite) {
         throw new Error(`Cannot render still - "overwrite" option was set to false, but the output destination ${output} already exists.`);
       }
@@ -21700,7 +21660,10 @@ var innerRenderStill = async ({
     wantsBuffer: !output,
     timeoutInMilliseconds
   });
-  const artifactAssets = onlyArtifact(collectedAssets);
+  const artifactAssets = onlyArtifact({
+    assets: collectedAssets,
+    frameBuffer: buffer
+  });
   const previousArtifactAssets = [];
   for (const artifact of artifactAssets) {
     for (const previousArtifact of previousArtifactAssets) {
@@ -22177,7 +22140,7 @@ var canConcatVideoSeamlessly = (codec) => {
 // src/combine-video-streams.ts
 import { rmSync as rmSync4, writeFileSync as writeFileSync2 } from "fs";
 import { join as join4 } from "path";
-import { VERSION as VERSION5 } from "remotion/version";
+import { VERSION as VERSION6 } from "remotion/version";
 var combineVideoStreams = async ({
   fps,
   codec,
@@ -22217,7 +22180,7 @@ var combineVideoStreams = async ({
     codec === "h265" ? "-tag:v" : null,
     codec === "h265" ? "hvc1" : null,
     addRemotionMetadata ? `-metadata` : null,
-    addRemotionMetadata ? `comment=Made with Remotion ${VERSION5}` : null,
+    addRemotionMetadata ? `comment=Made with Remotion ${VERSION6}` : null,
     "-y",
     output
   ].filter(truthy);

package/dist/filter-asset-types.d.ts

@@ -1,3 +1,7 @@
-import type { ArtifactAsset, AudioOrVideoAsset, TRenderAsset } from 'remotion/no-react';
+import type { AudioOrVideoAsset, TRenderAsset } from 'remotion/no-react';
+import type { EmittedArtifact } from './serialize-artifact';
 export declare const onlyAudioAndVideoAssets: (assets: TRenderAsset[]) => AudioOrVideoAsset[];
-export declare const onlyArtifact: (assets: TRenderAsset[]) => ArtifactAsset[];
+export declare const onlyArtifact: ({ assets, frameBuffer, }: {
+    assets: TRenderAsset[];
+    frameBuffer: Buffer | null;
+}) => EmittedArtifact[];

package/dist/filter-asset-types.js

@@ -1,11 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onlyArtifact = exports.onlyAudioAndVideoAssets = void 0;
+const truthy_1 = require("./truthy");
 const onlyAudioAndVideoAssets = (assets) => {
     return assets.filter((asset) => asset.type === 'audio' || asset.type === 'video');
 };
 exports.onlyAudioAndVideoAssets = onlyAudioAndVideoAssets;
-const onlyArtifact = (assets) => {
-    return assets.filter((asset) => asset.type === 'artifact');
+const onlyArtifact = ({ assets, frameBuffer, }) => {
+    const artifacts = assets.filter((asset) => asset.type === 'artifact');
+    return artifacts
+        .map((artifact) => {
+        if (artifact.contentType === 'binary' ||
+            artifact.contentType === 'text') {
+            return {
+                frame: artifact.frame,
+                content: artifact.content,
+                filename: artifact.filename,
+            };
+        }
+        if (artifact.contentType === 'thumbnail') {
+            if (frameBuffer === null) {
+                // A thumbnail artifact was defined to be emitted, but the output was not a video.
+                // Also, in Lambda, there are extra frames which are not video frames.
+                // This could happen if a thumbnail is unconditionally emitted.
+                return null;
+            }
+            return {
+                frame: artifact.frame,
+                content: new Uint8Array(frameBuffer),
+                filename: artifact.filename,
+            };
+        }
+        throw new Error('Unknown artifact type: ' + artifact);
+    })
+        .filter(truthy_1.truthy);
 };
 exports.onlyArtifact = onlyArtifact;

package/dist/perf.d.ts

@@ -1,4 +1,4 @@
-type PerfId = 'activate-target' | 'capture' | 'save' | 'extract-frame' | 'piping';
+type PerfId = 'capture' | 'extract-frame' | 'piping';
 export declare const startPerfMeasure: (marker: PerfId) => number;
 export declare const stopPerfMeasure: (id: number) => void;
 export declare const getPerf: () => string[];

package/dist/perf.js

@@ -2,9 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPerf = exports.stopPerfMeasure = exports.startPerfMeasure = void 0;
 const perf = {
-    'activate-target': [],
     capture: [],
-    save: [],
     'extract-frame': [],
     piping: [],
 };

package/dist/puppeteer-screenshot.d.ts

@@ -9,4 +9,4 @@ export declare const screenshot: (options: {
     width: number;
     height: number;
     scale: number;
-}) => Promise<Buffer | string>;
+}) => Promise<Buffer>;

package/dist/render-frame-with-option-to-reject.js

@@ -11,7 +11,6 @@ const handle_javascript_exception_1 = require("./error-handling/handle-javascrip
 const filter_asset_types_1 = require("./filter-asset-types");
 const get_frame_padded_index_1 = require("./get-frame-padded-index");
 const logger_1 = require("./logger");
-const perf_1 = require("./perf");
 const seek_to_frame_1 = require("./seek-to-frame");
 const take_frame_1 = require("./take-frame");
 const truthy_1 = require("./truthy");
@@ -51,7 +50,6 @@ const renderFrameWithOptionToReject = async ({ reject, width, height, compId, at
     if (outputDir && onFrameBuffer && imageFormat !== 'none') {
         throw new Error('Pass either `outputDir` or `onFrameBuffer` to renderFrames(), not both.');
     }
-    const id = (0, perf_1.startPerfMeasure)('save');
     const { buffer, collectedAssets } = await (0, take_frame_1.takeFrame)({
         frame,
         freePage: page,
@@ -79,7 +77,6 @@ const renderFrameWithOptionToReject = async ({ reject, width, height, compId, at
         }
         onFrameBuffer(buffer, frame);
     }
-    (0, perf_1.stopPerfMeasure)(id);
     const onlyAvailableAssets = assets.filter(truthy_1.truthy);
     const previousAudioRenderAssets = onlyAvailableAssets
         .map((a) => a.audioAndVideoAssets)
@@ -88,7 +85,10 @@ const renderFrameWithOptionToReject = async ({ reject, width, height, compId, at
         .map((a) => a.artifactAssets)
         .flat(2);
     const audioAndVideoAssets = (0, filter_asset_types_1.onlyAudioAndVideoAssets)(collectedAssets);
-    const artifactAssets = (0, filter_asset_types_1.onlyArtifact)(collectedAssets);
+    const artifactAssets = (0, filter_asset_types_1.onlyArtifact)({
+        assets: collectedAssets,
+        frameBuffer: buffer,
+    });
     for (const artifact of artifactAssets) {
         for (const previousArtifact of previousArtifactAssets) {
             if (artifact.filename === previousArtifact.filename) {

package/dist/render-still.js

@@ -209,7 +209,10 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         wantsBuffer: !output,
         timeoutInMilliseconds,
     });
-    const artifactAssets = (0, filter_asset_types_1.onlyArtifact)(collectedAssets);
+    const artifactAssets = (0, filter_asset_types_1.onlyArtifact)({
+        assets: collectedAssets,
+        frameBuffer: buffer,
+    });
     const previousArtifactAssets = [];
     for (const artifact of artifactAssets) {
         for (const previousArtifact of previousArtifactAssets) {

package/dist/screenshot-task.d.ts

@@ -9,4 +9,4 @@ export declare const screenshotTask: ({ format, height, omitBackground, page, wi
     width: number;
     height: number;
     scale: number;
-}) => Promise<Buffer | string>;
+}) => Promise<Buffer>;

package/dist/screenshot-task.js

@@ -10,16 +10,14 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
     var _a;
     const client = page._client();
     const target = page.target();
-    const perfTarget = (0, perf_1.startPerfMeasure)('activate-target');
     await client.send('Target.activateTarget', {
         targetId: target._targetId,
     });
-    (0, perf_1.stopPerfMeasure)(perfTarget);
-    const shouldSetDefaultBackground = omitBackground;
-    if (shouldSetDefaultBackground)
+    if (omitBackground) {
         await client.send('Emulation.setDefaultBackgroundColorOverride', {
             color: { r: 0, g: 0, b: 0, a: 0 },
         });
+    }
     const cap = (0, perf_1.startPerfMeasure)('capture');
     try {
         let result;
@@ -63,13 +61,13 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
             result = value;
         }
         (0, perf_1.stopPerfMeasure)(cap);
-        if (shouldSetDefaultBackground)
+        if (omitBackground) {
             await client.send('Emulation.setDefaultBackgroundColorOverride');
-        const saveMarker = (0, perf_1.startPerfMeasure)('save');
+        }
         const buffer = Buffer.from(result.data, 'base64');
-        if (path)
+        if (path) {
             await node_fs_1.default.promises.writeFile(path, buffer);
-        (0, perf_1.stopPerfMeasure)(saveMarker);
+        }
         return buffer;
     }
     catch (err) {

package/dist/take-frame.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.takeFrame = void 0;
 const collect_assets_1 = require("./collect-assets");
-const provide_screenshot_1 = require("./provide-screenshot");
+const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
+const puppeteer_screenshot_1 = require("./puppeteer-screenshot");
 const takeFrame = async ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, wantsBuffer, timeoutInMilliseconds, }) => {
+    var _a;
     const collectedAssets = await (0, collect_assets_1.collectAssets)({
         frame,
         freePage,
@@ -12,23 +14,40 @@ const takeFrame = async ({ freePage, imageFormat, jpegQuality, frame, width, hei
     if (imageFormat === 'none') {
         return { buffer: null, collectedAssets };
     }
-    const shouldMakeBuffer = wantsBuffer;
-    const buf = await (0, provide_screenshot_1.provideScreenshot)({
+    if (imageFormat === 'png' ||
+        imageFormat === 'pdf' ||
+        imageFormat === 'webp') {
+        await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+            pageFunction: () => {
+                document.body.style.background = 'transparent';
+            },
+            args: [],
+            frame: null,
+            page: freePage,
+            timeoutInMilliseconds,
+        });
+    }
+    else {
+        await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+            pageFunction: () => {
+                document.body.style.background = 'black';
+            },
+            args: [],
+            frame: null,
+            page: freePage,
+            timeoutInMilliseconds,
+        });
+    }
+    const buf = await (0, puppeteer_screenshot_1.screenshot)({
         page: freePage,
-        imageFormat,
+        omitBackground: imageFormat === 'png',
+        path: (_a = (wantsBuffer ? undefined : output)) !== null && _a !== void 0 ? _a : undefined,
+        type: imageFormat,
         jpegQuality,
-        options: {
-            frame,
-            output: wantsBuffer ? null : output,
-        },
-        height,
         width,
-        timeoutInMilliseconds,
+        height,
         scale,
     });
-    if (shouldMakeBuffer) {
-        return { buffer: buf, collectedAssets };
-    }
-    return { buffer: null, collectedAssets };
+    return { buffer: buf, collectedAssets };
 };
 exports.takeFrame = takeFrame;

package/package.json

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

package/build-browser-downloader.ts

@@ -1,8 +0,0 @@
-const out = await Bun.build({
-	entrypoints: ['src/ensure-browser.ts'],
-	target: 'node',
-});
-
-Bun.write('ensure-browser.mjs', await out.outputs[0].arrayBuffer());
-
-export {};

package/bundle.ts

@@ -1,27 +0,0 @@
-import {buildPackage} from '../.monorepo/builder';
-
-await buildPackage({
-	formats: {
-		cjs: 'use-tsc',
-		esm: 'build',
-	},
-	external: 'dependencies',
-	entrypoints: [
-		{
-			path: 'src/index.ts',
-			target: 'node',
-		},
-		{
-			path: 'src/client.ts',
-			target: 'node',
-		},
-		{
-			path: 'src/pure.ts',
-			target: 'browser',
-		},
-		{
-			path: 'src/error-handling.ts',
-			target: 'node',
-		},
-	],
-});

package/eslint.config.mjs

@@ -1,25 +0,0 @@
-import {remotionFlatConfig} from '@remotion/eslint-config-internal';
-
-const config = remotionFlatConfig({react: false});
-
-export default [
-	{
-		...config,
-		rules: {
-			...config.rules,
-			'@typescript-eslint/no-use-before-define': 'off',
-			'no-restricted-imports': [
-				'error',
-				{
-					patterns: ['@remotion/*/src/*', 'remotion/src/*'],
-					paths: ['remotion', 'react', 'react-dom'],
-				},
-			],
-		},
-		ignores: ['src/browser/**'],
-	},
-	{
-		...config,
-		files: ['src/test/**'],
-	},
-];

package/happydom.ts

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