@remotion/renderer 4.0.175 → 4.0.177

package/build-browser-downloader.ts

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

package/dist/assets/calculate-asset-positions.d.ts

@@ -1,3 +1,3 @@
-import type { TRenderAsset } from 'remotion/no-react';
+import type { AudioOrVideoAsset } from 'remotion/no-react';
 import type { Assets } from './types';
-export declare const calculateAssetPositions: (frames: TRenderAsset[][]) => Assets;
+export declare const calculateAssetPositions: (frames: AudioOrVideoAsset[][]) => Assets;

package/dist/assets/calculate-asset-positions.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.calculateAssetPositions = void 0;
+const filter_asset_types_1 = require("../filter-asset-types");
 const resolve_asset_src_1 = require("../resolve-asset-src");
 const flatten_volume_array_1 = require("./flatten-volume-array");
 const types_1 = require("./types");
@@ -16,8 +17,9 @@ const findFrom = (target, renderAsset) => {
     return true;
 };
 const copyAndDeduplicateAssets = (renderAssets) => {
+    const onlyAudioAndVideo = (0, filter_asset_types_1.onlyAudioAndVideoAssets)(renderAssets);
     const deduplicated = [];
-    for (const renderAsset of renderAssets) {
+    for (const renderAsset of onlyAudioAndVideo) {
         if (!deduplicated.find((d) => d.id === renderAsset.id)) {
             deduplicated.push(renderAsset);
         }

package/dist/assets/convert-assets-to-file-urls.d.ts

@@ -1,4 +1,4 @@
-import type { TRenderAsset } from 'remotion/no-react';
+import type { AudioOrVideoAsset } from 'remotion/no-react';
 import type { LogLevel } from '../log-level';
 import type { FrameAndAssets } from '../render-frames';
 import type { RenderMediaOnDownload } from './download-and-map-assets-to-file';
@@ -9,4 +9,4 @@ export declare const convertAssetsToFileUrls: ({ assets, onDownload, downloadMap
     downloadMap: DownloadMap;
     indent: boolean;
     logLevel: LogLevel;
-}) => Promise<TRenderAsset[][]>;
+}) => Promise<AudioOrVideoAsset[][]>;

package/dist/assets/convert-assets-to-file-urls.js

@@ -14,7 +14,7 @@ const convertAssetsToFileUrls = async ({ assets, onDownload, downloadMap, indent
     const results = [];
     for (const ch of chunks) {
         const assetPromises = ch.map((frame) => {
-            const frameAssetPromises = frame.assets.map((a) => {
+            const frameAssetPromises = frame.audioAndVideoAssets.map((a) => {
                 return (0, download_and_map_assets_to_file_1.downloadAndMapAssetsToFileUrl)({
                     renderAsset: a,
                     onDownload,

package/dist/assets/download-and-map-assets-to-file.d.ts

@@ -1,4 +1,4 @@
-import type { TRenderAsset } from 'remotion/no-react';
+import type { AudioOrVideoAsset } from 'remotion/no-react';
 import type { LogLevel } from '../log-level';
 import type { DownloadMap } from './download-map';
 export type RenderMediaOnDownload = (src: string) => ((progress: {
@@ -20,10 +20,10 @@ export declare const getSanitizedFilenameForAssetUrl: ({ src, downloadDir, conte
     contentType: string | null;
 }) => string;
 export declare const downloadAndMapAssetsToFileUrl: ({ renderAsset, onDownload, downloadMap, logLevel, indent, }: {
-    renderAsset: TRenderAsset;
+    renderAsset: AudioOrVideoAsset;
     onDownload: RenderMediaOnDownload | null;
     downloadMap: DownloadMap;
     logLevel: LogLevel;
     indent: boolean;
-}) => Promise<TRenderAsset>;
+}) => Promise<AudioOrVideoAsset>;
 export declare const attachDownloadListenerToEmitter: (downloadMap: DownloadMap, onDownload: RenderMediaOnDownload | null) => () => void;

package/dist/assets/types.d.ts

@@ -1,5 +1,5 @@
-import type { TRenderAsset } from 'remotion/no-react';
-export type UnsafeAsset = Omit<TRenderAsset, 'frame' | 'id' | 'volume' | 'mediaFrame' | 'audioStartFrom'> & {
+import type { AudioOrVideoAsset } from 'remotion/no-react';
+export type UnsafeAsset = Omit<AudioOrVideoAsset, 'frame' | 'id' | 'volume' | 'mediaFrame' | 'audioStartFrom'> & {
     startInVideo: number;
     duration: number | null;
     trimLeft: number;
@@ -14,5 +14,5 @@ export type MediaAsset = Omit<UnsafeAsset, 'duration' | 'volume'> & {
     duration: number;
     volume: AssetVolume;
 };
-export declare const uncompressMediaAsset: (allRenderAssets: TRenderAsset[], assetToUncompress: TRenderAsset) => TRenderAsset;
+export declare const uncompressMediaAsset: (allRenderAssets: AudioOrVideoAsset[], assetToUncompress: AudioOrVideoAsset) => AudioOrVideoAsset;
 export type Assets = MediaAsset[];

package/dist/browser/BrowserFetcher.js

@@ -52,7 +52,12 @@ const make_file_executable_1 = require("../compositor/make-file-executable");
 const logger_1 = require("../logger");
 const get_download_destination_1 = require("./get-download-destination");
 const TESTED_VERSION = '123.0.6312.86';
+// https://github.com/microsoft/playwright/tree/v1.42.0
+const PLAYWRIGHT_VERSION = '1105'; // 123.0.6312.4
 function getChromeDownloadUrl({ platform, version, }) {
+    if (platform === 'linux-arm64') {
+        return `https://playwright.azureedge.net/builds/chromium/${version !== null && version !== void 0 ? version : PLAYWRIGHT_VERSION}/chromium-linux-arm64.zip`;
+    }
     return `https://storage.googleapis.com/chrome-for-testing-public/${version !== null && version !== void 0 ? version : TESTED_VERSION}/${platform}/chrome-headless-shell-${platform}.zip`;
 }
 const mkdirAsync = fs.promises.mkdir;
@@ -70,7 +75,7 @@ const getPlatform = () => {
         case 'darwin':
             return os.arch() === 'arm64' ? 'mac-arm64' : 'mac-x64';
         case 'linux':
-            return 'linux64';
+            return os.arch() === 'arm64' ? 'linux-arm64' : 'linux64';
         case 'win32':
             return 'win64';
         default:
@@ -99,13 +104,11 @@ const downloadBrowser = async ({ logLevel, indent, onProgress, version, }) => {
             recursive: true,
         });
     }
-    // Use system Chromium builds on Linux ARM devices
-    if (os.platform() !== 'darwin' && os.arch() === 'arm64') {
+    if (os.platform() !== 'darwin' &&
+        os.platform() !== 'linux' &&
+        os.arch() === 'arm64') {
         throw new Error([
-            'Chrome Headless Shell is not available for Linux for arm64 architecture.',
-            'If you are on Ubuntu, you can install with:',
-            'sudo apt install chromium',
-            'sudo apt install chromium-browser',
+            'Chrome Headless Shell is not available for Windows for arm64 architecture.',
         ].join('\n'));
     }
     try {
@@ -127,6 +130,15 @@ const downloadBrowser = async ({ logLevel, indent, onProgress, version, }) => {
         });
         logger_1.Log.info({ indent, logLevel });
         await (0, extract_zip_1.default)(archivePath, { dir: outputPath });
+        const chromePath = path.join(outputPath, 'chrome-linux', 'chrome');
+        const chromeHeadlessShellPath = path.join(outputPath, 'chrome-linux', 'chrome-headless-shell');
+        if (fs.existsSync(chromePath)) {
+            fs.renameSync(chromePath, chromeHeadlessShellPath);
+        }
+        const chromeLinuxFolder = path.join(outputPath, 'chrome-linux');
+        if (fs.existsSync(chromeLinuxFolder)) {
+            fs.renameSync(chromeLinuxFolder, path.join(outputPath, 'chrome-headless-shell-linux-arm64'));
+        }
     }
     finally {
         if (await existsAsync(archivePath)) {

package/dist/browser/BrowserRunner.js

@@ -237,7 +237,7 @@ function waitForWSEndpoint(browserProcess, timeout) {
     let stderrString = '';
     return new Promise((resolve, reject) => {
         browserStderr.addListener('data', onData);
-        browserProcess.addListener('close', onClose);
+        browserStderr.addListener('close', onClose);
         const listeners = [
             () => browserStderr.removeListener('data', onData),
             () => browserStderr.removeListener('close', onClose),

package/dist/client.d.ts

@@ -604,17 +604,17 @@ export declare const BrowserSafeApis: {
             description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "x264Preset";
             docLink: string;
-            type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+            type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+                value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+            setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
         };
         logLevelOption: {
             cliFlag: "log";
@@ -864,17 +864,17 @@ export declare const BrowserSafeApis: {
                 description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "x264Preset";
                 docLink: string;
-                type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+                type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
                 getValue: ({ commandLine }: {
                     commandLine: Record<string, unknown>;
                 }) => {
-                    value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+                    value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
                     source: string;
                 } | {
                     value: null;
                     source: string;
                 };
-                setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+                setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
             };
             readonly audioBitrate: {
                 name: string;
@@ -1586,17 +1586,17 @@ export declare const BrowserSafeApis: {
                 description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "x264Preset";
                 docLink: string;
-                type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+                type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
                 getValue: ({ commandLine }: {
                     commandLine: Record<string, unknown>;
                 }) => {
-                    value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+                    value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
                     source: string;
                 } | {
                     value: null;
                     source: string;
                 };
-                setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+                setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
             };
             readonly encodingMaxRate: {
                 name: string;
@@ -1952,17 +1952,17 @@ export declare const BrowserSafeApis: {
                 description: () => import("react/jsx-runtime").JSX.Element;
                 ssrName: "x264Preset";
                 docLink: string;
-                type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+                type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
                 getValue: ({ commandLine }: {
                     commandLine: Record<string, unknown>;
                 }) => {
-                    value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+                    value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
                     source: string;
                 } | {
                     value: null;
                     source: string;
                 };
-                setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+                setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
             };
             readonly encodingMaxRate: {
                 name: string;

package/dist/collect-assets.d.ts

@@ -0,0 +1,7 @@
+import type { ArtifactAsset } from 'remotion/no-react';
+import type { Page } from './browser/BrowserPage';
+export declare const collectAssets: ({ frame, freePage, timeoutInMilliseconds, }: {
+    frame: number;
+    freePage: Page;
+    timeoutInMilliseconds: number;
+}) => Promise<(import("remotion/no-react").AudioOrVideoAsset | ArtifactAsset)[]>;

package/dist/collect-assets.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.collectAssets = void 0;
+const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
+const collectAssets = async ({ frame, freePage, timeoutInMilliseconds, }) => {
+    const { value } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+        pageFunction: () => {
+            return window.remotion_collectAssets();
+        },
+        args: [],
+        frame,
+        page: freePage,
+        timeoutInMilliseconds,
+    });
+    const fixedArtifacts = value.map((asset) => {
+        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}`);
+        }
+        const stringOrUintArray = asset.binary
+            ? new TextEncoder().encode(atob(asset.content))
+            : asset.content;
+        return {
+            ...asset,
+            content: stringOrUintArray,
+        };
+    });
+    return fixedArtifacts;
+};
+exports.collectAssets = collectAssets;

package/dist/compress-assets.d.ts

@@ -2,6 +2,6 @@
  * Since audio or video can be base64-encoded, those can be really long strings.
  * Since we track the `src` property for every frame, Node.JS can run out of memory easily. Instead of duplicating the src for every frame, we save memory by replacing the full base 64 encoded data with a string `same-as-[asset-id]-[frame]` referencing a previous asset with the same src.
  */
-import type { TRenderAsset } from 'remotion/no-react';
-export declare const compressAsset: (previousRenderAssets: TRenderAsset[], newRenderAsset: TRenderAsset) => TRenderAsset;
+import type { AudioOrVideoAsset } from 'remotion/no-react';
+export declare const compressAsset: (previousRenderAssets: AudioOrVideoAsset[], newRenderAsset: AudioOrVideoAsset) => AudioOrVideoAsset;
 export declare const isAssetCompressed: (src: string) => boolean;

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

@@ -0,0 +1,3 @@
+import type { ArtifactAsset, AudioOrVideoAsset, TRenderAsset } from 'remotion/no-react';
+export declare const onlyAudioAndVideoAssets: (assets: TRenderAsset[]) => AudioOrVideoAsset[];
+export declare const onlyArtifact: (assets: TRenderAsset[]) => ArtifactAsset[];

package/dist/filter-asset-types.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onlyArtifact = exports.onlyAudioAndVideoAssets = void 0;
+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');
+};
+exports.onlyArtifact = onlyArtifact;

package/dist/index.d.ts

@@ -37,10 +37,11 @@ export { X264Preset } from './options/x264-preset';
 export { PixelFormat } from './pixel-format';
 export { RemotionServer } from './prepare-server';
 export { ProResProfile } from './prores-profile';
-export { RenderFramesOptions, renderFrames } from './render-frames';
+export { OnArtifact, RenderFramesOptions, renderFrames } from './render-frames';
 export { InternalRenderMediaOptions, RenderMediaOnProgress, RenderMediaOptions, SlowFrame, StitchingState, renderMedia, } from './render-media';
 export { RenderStillOptions, renderStill } from './render-still';
 export { SelectCompositionOptions, selectComposition, } from './select-composition';
+export { EmittedArtifact } from './serialize-artifact';
 export { StitchFramesToVideoOptions, stitchFramesToVideo, } from './stitch-frames-to-video';
 export { SymbolicatedStackFrame } from './symbolicate-stacktrace';
 export { OnStartData, RenderFramesOutput } from './types';
@@ -337,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: "compositor" | "ffmpeg" | "ffprobe";
+        type: "ffmpeg" | "ffprobe" | "compositor";
         indent: boolean;
         logLevel: "verbose" | "info" | "warn" | "error";
         binariesDirectory: string | null;
@@ -469,6 +470,7 @@ export declare const RenderInternals: {
         serveUrl: string;
         port: number | null;
         offthreadVideoCacheSizeInBytes: number | null;
+        onArtifact: import("./render-frames").OnArtifact | null;
     } & import("./options/option").ToOptions<{
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
@@ -748,7 +750,143 @@ export declare const RenderInternals: {
             setConfig: () => never;
         };
     }>) => Promise<import("remotion").VideoConfig[]>;
-    internalRenderFrames: (args_0: import("./render-frames").InternalRenderFramesOptions) => Promise<import("./types").RenderFramesOutput>;
+    internalRenderFrames: (args_0: {
+        onStart: ((data: import("./types").OnStartData) => void) | null;
+        onFrameUpdate: ((framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void) | null;
+        outputDir: string | null;
+        envVariables: Record<string, string>;
+        imageFormat: "jpeg" | "png" | "none";
+        jpegQuality: number;
+        frameRange: import("./frame-range").FrameRange | null;
+        everyNthFrame: number;
+        puppeteerInstance: HeadlessBrowser | undefined;
+        browserExecutable: import("./browser-executable").BrowserExecutable;
+        onBrowserLog: ((log: import("./browser-log").BrowserLog) => void) | null;
+        onFrameBuffer: ((buffer: Buffer, frame: number) => void) | null;
+        onDownload: import("./assets/download-and-map-assets-to-file").RenderMediaOnDownload | null;
+        chromiumOptions: import("./open-browser").ChromiumOptions;
+        scale: number;
+        port: number | null;
+        cancelSignal: import("./make-cancel-signal").CancelSignal | undefined;
+        composition: Omit<import("remotion").VideoConfig, "defaultProps" | "props">;
+        indent: boolean;
+        server: import("./prepare-server").RemotionServer | undefined;
+        muted: boolean;
+        concurrency: string | number | null;
+        webpackBundleOrServeUrl: string;
+        serializedInputPropsWithCustomSchema: string;
+        serializedResolvedPropsWithCustomSchema: string;
+        parallelEncodingEnabled: boolean;
+        compositionStart: number;
+        onArtifact: import("./render-frames").OnArtifact | null;
+    } & import("./options/option").ToOptions<{
+        readonly forSeamlessAacConcatenation: {
+            name: string;
+            cliFlag: "for-seamless-aac-concatenation";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            docLink: string;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: true;
+            } | {
+                source: string;
+                value: false;
+            };
+            setConfig: (value: boolean) => void;
+            ssrName: string;
+            type: boolean;
+        };
+        readonly offthreadVideoCacheSizeInBytes: {
+            name: string;
+            cliFlag: "offthreadvideo-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "offthreadVideoCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
+        readonly jpegQuality: {
+            name: string;
+            cliFlag: "jpeg-quality";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: string;
+            docLink: string;
+            type: number;
+            setConfig: (q: number | undefined) => void;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            };
+        };
+        readonly logLevel: {
+            cliFlag: "log";
+            name: string;
+            ssrName: string;
+            description: () => import("react/jsx-runtime").JSX.Element;
+            docLink: string;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                value: "verbose" | "info" | "warn" | "error";
+                source: string;
+            };
+            setConfig: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;
+            type: "verbose" | "info" | "warn" | "error";
+        };
+        readonly timeoutInMilliseconds: {
+            name: string;
+            cliFlag: "timeout";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "timeoutInMilliseconds";
+            docLink: string;
+            type: number;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            };
+            setConfig: (value: number) => void;
+        };
+        readonly binariesDirectory: {
+            name: string;
+            cliFlag: "binaries-directory";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "binariesDirectory";
+            docLink: string;
+            type: string | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: string | null;
+            };
+            setConfig: (value: string | null) => void;
+        };
+        readonly onBrowserDownload: {
+            name: string;
+            cliFlag: "on-browser-download";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "onBrowserDownload";
+            docLink: string;
+            type: import("./options/on-browser-download").OnBrowserDownload;
+            getValue: () => never;
+            setConfig: () => never;
+        };
+    }>) => Promise<import("./types").RenderFramesOutput>;
     internalRenderMedia: (args_0: import("./render-media").InternalRenderMediaOptions) => Promise<{
         buffer: Buffer | null;
         slowestFrames: import("./render-media").SlowFrame[];
@@ -785,7 +923,7 @@ export declare const RenderInternals: {
         assetsInfo: import("./assets/download-map").RenderAssetInfo | null;
         enforceAudioTrack: boolean;
         muted: boolean;
-    }) => "no" | "yes" | "maybe";
+    }) => "yes" | "maybe" | "no";
     codecSupportsMedia: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif") => {
         video: boolean;
         audio: boolean;

package/dist/options/index.d.ts

@@ -382,17 +382,17 @@ export declare const allOptions: {
         description: () => import("react/jsx-runtime").JSX.Element;
         ssrName: "x264Preset";
         docLink: string;
-        type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+        type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
         }) => {
-            value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+            value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
             source: string;
         } | {
             value: null;
             source: string;
         };
-        setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+        setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
     };
     logLevelOption: {
         cliFlag: "log";

package/dist/options/options-map.d.ts

@@ -72,17 +72,17 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "x264Preset";
             docLink: string;
-            type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+            type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+                value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+            setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
         };
         readonly audioBitrate: {
             name: string;
@@ -794,17 +794,17 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "x264Preset";
             docLink: string;
-            type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+            type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+                value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+            setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
         };
         readonly encodingMaxRate: {
             name: string;
@@ -1160,17 +1160,17 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: "x264Preset";
             docLink: string;
-            type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+            type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+                value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (profile: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
+            setConfig: (profile: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null) => void;
         };
         readonly encodingMaxRate: {
             name: string;

package/dist/options/x264-preset.d.ts

@@ -11,11 +11,11 @@ export declare const x264Option: {
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "x264Preset";
     docLink: string;
-    type: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | null;
+    type: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | null;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
-        value: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+        value: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
         source: string;
     } | {
         value: null;

package/dist/render-frames.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="node" />
-import type { TAsset } from 'remotion';
-import type { VideoConfig } from 'remotion/no-react';
+import type { AudioOrVideoAsset, VideoConfig } from 'remotion/no-react';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
@@ -12,8 +11,10 @@ import type { ChromiumOptions } from './open-browser';
 import type { ToOptions } from './options/option';
 import type { optionsMap } from './options/options-map';
 import type { RemotionServer } from './prepare-server';
+import type { EmittedArtifact } from './serialize-artifact';
 import type { OnStartData, RenderFramesOutput } from './types';
-export type InternalRenderFramesOptions = {
+export type OnArtifact = (asset: EmittedArtifact) => void;
+type InternalRenderFramesOptions = {
     onStart: null | ((data: OnStartData) => void);
     onFrameUpdate: null | ((framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void);
     outputDir: string | null;
@@ -41,10 +42,16 @@ export type InternalRenderFramesOptions = {
     serializedResolvedPropsWithCustomSchema: string;
     parallelEncodingEnabled: boolean;
     compositionStart: number;
+    onArtifact: OnArtifact | null;
 } & ToOptions<typeof optionsMap.renderFrames>;
+type ArtifactWithoutContent = {
+    frame: number;
+    filename: string;
+};
 export type FrameAndAssets = {
     frame: number;
-    assets: TAsset[];
+    audioAndVideoAssets: AudioOrVideoAsset[];
+    artifactAssets: ArtifactWithoutContent[];
 };
 export type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;
@@ -80,6 +87,7 @@ export type RenderFramesOptions = {
     composition: VideoConfig;
     muted?: boolean;
     concurrency?: number | string | null;
+    onArtifact?: OnArtifact | null;
     serveUrl: string;
 } & Partial<ToOptions<typeof optionsMap.renderFrames>>;
 export declare const internalRenderFrames: (args_0: InternalRenderFramesOptions) => Promise<RenderFramesOutput>;
@@ -90,3 +98,4 @@ export declare const internalRenderFrames: (args_0: InternalRenderFramesOptions)
  * @returns {Promise<RenderFramesOutput>} Information about the rendered frames and assets.
  */
 export declare const renderFrames: (options: RenderFramesOptions) => Promise<RenderFramesOutput>;
+export {};

package/dist/render-frames.js

@@ -16,6 +16,7 @@ const is_target_closed_err_1 = require("./browser/is-target-closed-err");
 const compress_assets_1 = require("./compress-assets");
 const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
+const filter_asset_types_1 = require("./filter-asset-types");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_concurrency_1 = require("./get-concurrency");
 const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range");
@@ -40,7 +41,7 @@ const validate_1 = require("./validate");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency: concurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency: concurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -219,15 +220,39 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             onFrameBuffer(buffer, frame);
         }
         (0, perf_1.stopPerfMeasure)(id);
-        const compressedAssets = collectedAssets.map((asset) => (0, compress_assets_1.compressAsset)(assets
+        const previousAudioRenderAssets = assets
             .filter(truthy_1.truthy)
-            .map((a) => a.assets)
-            .flat(2), asset));
+            .map((a) => a.audioAndVideoAssets)
+            .flat(2);
+        const previousArtifactAssets = assets
+            .filter(truthy_1.truthy)
+            .map((a) => a.artifactAssets)
+            .flat(2);
+        const audioAndVideoAssets = (0, filter_asset_types_1.onlyAudioAndVideoAssets)(collectedAssets);
+        const artifactAssets = (0, filter_asset_types_1.onlyArtifact)(collectedAssets);
+        for (const artifact of artifactAssets) {
+            for (const previousArtifact of previousArtifactAssets) {
+                if (artifact.filename === previousArtifact.filename) {
+                    reject(new Error(`An artifact with output "${artifact.filename}" was already registered at frame ${previousArtifact.frame}, but now registered again at frame ${artifact.frame}. Artifacts must have unique names. https://remotion.dev/docs/artifacts`));
+                    return;
+                }
+            }
+            onArtifact === null || onArtifact === void 0 ? void 0 : onArtifact(artifact);
+        }
+        const compressedAssets = audioAndVideoAssets.map((asset) => {
+            return (0, compress_assets_1.compressAsset)(previousAudioRenderAssets, asset);
+        });
         assets.push({
-            assets: compressedAssets,
+            audioAndVideoAssets: compressedAssets,
             frame,
+            artifactAssets: artifactAssets.map((a) => {
+                return {
+                    frame: a.frame,
+                    filename: a.filename,
+                };
+            }),
         });
-        compressedAssets.forEach((renderAsset) => {
+        for (const renderAsset of compressedAssets) {
             (0, download_and_map_assets_to_file_1.downloadAndMapAssetsToFileUrl)({
                 renderAsset,
                 onDownload,
@@ -239,7 +264,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
                     (renderAsset.src.length > 1000 ? '...' : '');
                 onError(new Error(`Error while downloading ${truncateWithEllipsis}: ${err.stack}`));
             });
-        });
+        }
         if (!assetsOnly) {
             framesRendered++;
             onFrameUpdate === null || onFrameUpdate === void 0 ? void 0 : onFrameUpdate(framesRendered, frame, perf_hooks_1.performance.now() - startTime);
@@ -385,7 +410,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         frameCount: framesToRender.length,
     };
 };
-const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, }) => {
+const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderFrames()`', false);
@@ -480,6 +505,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     forSeamlessAacConcatenation,
                     compositionStart,
                     onBrowserDownload,
+                    onArtifact,
                 });
             }),
         ])
@@ -530,7 +556,7 @@ exports.internalRenderFrames = (0, wrap_with_error_handling_1.wrapWithErrorHandl
  * @returns {Promise<RenderFramesOutput>} Information about the rendered frames and assets.
  */
 const renderFrames = (options) => {
-    const { composition, inputProps, onFrameUpdate, onStart, outputDir, serveUrl, browserExecutable, cancelSignal, chromiumOptions, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, imageFormat, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, } = options;
+    const { composition, inputProps, onFrameUpdate, onStart, outputDir, serveUrl, browserExecutable, cancelSignal, chromiumOptions, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, imageFormat, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, onArtifact, } = options;
     if (!composition) {
         throw new Error('No `composition` option has been specified for renderFrames()');
     }
@@ -584,6 +610,7 @@ const renderFrames = (options) => {
         compositionStart: 0,
         forSeamlessAacConcatenation: false,
         onBrowserDownload: onBrowserDownload !== null && onBrowserDownload !== void 0 ? onBrowserDownload : (0, browser_download_progress_bar_1.defaultBrowserDownloadProgress)({ indent, logLevel, api: 'renderFrames()' }),
+        onArtifact: onArtifact !== null && onArtifact !== void 0 ? onArtifact : null,
     });
 };
 exports.renderFrames = renderFrames;

package/dist/render-media.d.ts

@@ -16,6 +16,7 @@ import type { optionsMap } from './options/options-map';
 import type { PixelFormat } from './pixel-format';
 import type { RemotionServer } from './prepare-server';
 import type { ProResProfile } from './prores-profile';
+import type { OnArtifact } from './render-frames';
 import type { OnStartData } from './types';
 export type StitchingState = 'encoding' | 'muxing';
 export type SlowFrame = {
@@ -66,6 +67,7 @@ export type InternalRenderMediaOptions = {
     concurrency: number | string | null;
     binariesDirectory: string | null;
     compositionStart: number;
+    onArtifact: OnArtifact | null;
 } & MoreRenderMediaOptions;
 type Prettify<T> = {
     [K in keyof T]: T[K];
@@ -118,6 +120,7 @@ export type RenderMediaOptions = Prettify<{
     colorSpace?: ColorSpace;
     repro?: boolean;
     binariesDirectory?: string | null;
+    onArtifact?: OnArtifact;
 }> & Partial<MoreRenderMediaOptions>;
 type RenderMediaResult = {
     buffer: Buffer | null;
@@ -131,5 +134,5 @@ export declare const internalRenderMedia: (args_0: InternalRenderMediaOptions) =
  * @returns {Promise<RenderMediaResult>} A promise that resolves to the rendering result, including a buffer and information about the slowest frames.
  *
  */
-export declare const renderMedia: ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, }: RenderMediaOptions) => Promise<RenderMediaResult>;
+export declare const renderMedia: ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, }: RenderMediaOptions) => Promise<RenderMediaResult>;
 export {};

package/dist/render-media.js

@@ -50,7 +50,7 @@ const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, }) => {
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, }) => {
     if (repro) {
         (0, repro_1.enableRepro)({
             serveUrl,
@@ -354,6 +354,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 compositionStart,
                 forSeamlessAacConcatenation,
                 onBrowserDownload,
+                onArtifact,
             });
             return renderFramesProc;
         })
@@ -492,7 +493,7 @@ exports.internalRenderMedia = (0, wrap_with_error_handling_1.wrapWithErrorHandli
  * @returns {Promise<RenderMediaResult>} A promise that resolves to the rendering result, including a buffer and information about the slowest frames.
  *
  */
-const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, }) => {
+const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, }) => {
     var _a, _b;
     if (quality !== undefined) {
         console.warn(`The "quality" option has been renamed. Please use "jpegQuality" instead.`);
@@ -558,6 +559,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         separateAudioTo: separateAudioTo !== null && separateAudioTo !== void 0 ? separateAudioTo : null,
         forSeamlessAacConcatenation: forSeamlessAacConcatenation !== null && forSeamlessAacConcatenation !== void 0 ? forSeamlessAacConcatenation : false,
         onBrowserDownload: onBrowserDownload !== null && onBrowserDownload !== void 0 ? onBrowserDownload : (0, browser_download_progress_bar_1.defaultBrowserDownloadProgress)({ indent, logLevel, api: 'renderMedia()' }),
+        onArtifact: onArtifact !== null && onArtifact !== void 0 ? onArtifact : null,
         // TODO: In the future, introduce this as a public API when launching the distributed rendering API
         compositionStart: 0,
     });

package/dist/render-still.d.ts

@@ -10,6 +10,7 @@ import type { ChromiumOptions } from './open-browser';
 import type { ToOptions } from './options/option';
 import type { optionsMap } from './options/options-map';
 import type { RemotionServer } from './prepare-server';
+import type { OnArtifact } from './render-frames';
 type InternalRenderStillOptions = {
     composition: VideoConfig;
     output: string | null;
@@ -32,6 +33,7 @@ type InternalRenderStillOptions = {
     serveUrl: string;
     port: number | null;
     offthreadVideoCacheSizeInBytes: number | null;
+    onArtifact: OnArtifact | null;
 } & ToOptions<typeof optionsMap.renderStill>;
 export type RenderStillOptions = {
     port?: number | null;
@@ -62,6 +64,7 @@ export type RenderStillOptions = {
      * @deprecated Renamed to `jpegQuality`
      */
     quality?: never;
+    onArtifact?: OnArtifact;
 } & Partial<ToOptions<typeof optionsMap.renderStill>>;
 type RenderStillReturnValue = {
     buffer: Buffer | null;

package/dist/render-still.js

@@ -36,6 +36,7 @@ const browser_download_progress_bar_1 = require("./browser/browser-download-prog
 const convert_to_positive_frame_index_1 = require("./convert-to-positive-frame-index");
 const ensure_output_directory_1 = require("./ensure-output-directory");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
+const filter_asset_types_1 = require("./filter-asset-types");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const image_format_1 = require("./image-format");
 const jpeg_quality_1 = require("./jpeg-quality");
@@ -51,7 +52,7 @@ const validate_1 = require("./validate");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapGetter, downloadMap, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, }) => {
+const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapGetter, downloadMap, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -187,7 +188,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         logLevel,
         attempt: 0,
     });
-    const { buffer } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
+    const { buffer, collectedAssets } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
         frame: stillFrame,
         freePage: page,
         height: composition.height,
@@ -201,6 +202,17 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         downloadMap,
         timeoutInMilliseconds,
     });
+    const artifactAssets = (0, filter_asset_types_1.onlyArtifact)(collectedAssets);
+    const previousArtifactAssets = [];
+    for (const artifact of artifactAssets) {
+        for (const previousArtifact of previousArtifactAssets) {
+            if (artifact.filename === previousArtifact.filename) {
+                throw new Error(`An artifact with output "${artifact.filename}" was already registered at frame ${previousArtifact.frame}, but now registered again at frame ${artifact.frame}. Artifacts must have unique names. https://remotion.dev/docs/artifacts`);
+            }
+        }
+        previousArtifactAssets.push(artifact);
+        onArtifact === null || onArtifact === void 0 ? void 0 : onArtifact(artifact);
+    }
     await cleanup();
     return { buffer: output ? null : buffer };
 };
@@ -264,7 +276,7 @@ exports.internalRenderStill = (0, wrap_with_error_handling_1.wrapWithErrorHandli
  */
 const renderStill = (options) => {
     var _a, _b;
-    const { composition, serveUrl, browserExecutable, cancelSignal, chromiumOptions, dumpBrowserLogs, envVariables, frame, imageFormat, inputProps, jpegQuality, onBrowserLog, onDownload, output, overwrite, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, offthreadVideoCacheSizeInBytes, logLevel: passedLogLevel, binariesDirectory, onBrowserDownload, } = options;
+    const { composition, serveUrl, browserExecutable, cancelSignal, chromiumOptions, dumpBrowserLogs, envVariables, frame, imageFormat, inputProps, jpegQuality, onBrowserLog, onDownload, output, overwrite, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, offthreadVideoCacheSizeInBytes, logLevel: passedLogLevel, binariesDirectory, onBrowserDownload, onArtifact, } = options;
     if (typeof jpegQuality !== 'undefined' && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
     }
@@ -307,6 +319,7 @@ const renderStill = (options) => {
         offthreadVideoCacheSizeInBytes: offthreadVideoCacheSizeInBytes !== null && offthreadVideoCacheSizeInBytes !== void 0 ? offthreadVideoCacheSizeInBytes : null,
         binariesDirectory: binariesDirectory !== null && binariesDirectory !== void 0 ? binariesDirectory : null,
         onBrowserDownload: onBrowserDownload !== null && onBrowserDownload !== void 0 ? onBrowserDownload : (0, browser_download_progress_bar_1.defaultBrowserDownloadProgress)({ indent, logLevel, api: 'renderStill()' }),
+        onArtifact: onArtifact !== null && onArtifact !== void 0 ? onArtifact : null,
     });
 };
 exports.renderStill = renderStill;

package/dist/seek-to-frame.js

@@ -79,7 +79,7 @@ const waitForReady = ({ page, timeoutInMilliseconds, frame, indent, logLevel, })
                     args: [],
                     frame,
                     page,
-                    timeoutInMilliseconds,
+                    timeoutInMilliseconds: 5000,
                 })
                     .then((res) => {
                     reject(new Error(`Timeout exceeded rendering the component${frame ? ' at frame ' + frame : ''}. ${res.value ? `Open delayRender() handles: ${res.value}` : ''}`));

package/dist/serialize-artifact.d.ts

@@ -0,0 +1,5 @@
+export type EmittedArtifact = {
+    filename: string;
+    content: string | Uint8Array;
+    frame: number;
+};

package/dist/serialize-artifact.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -6,13 +6,14 @@ 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 }, { value: collectedAssets }] = await Promise.all([
+    const [{ value: clipRegion }, collectedAssets] = await Promise.all([
         (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
             pageFunction: () => {
                 if (typeof window.remotion_getClipRegion === 'undefined') {
@@ -25,15 +26,7 @@ const takeFrameAndCompose = async ({ freePage, imageFormat, jpegQuality, frame,
             page: freePage,
             timeoutInMilliseconds,
         }),
-        (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
-            pageFunction: () => {
-                return window.remotion_collectAssets();
-            },
-            args: [],
-            frame,
-            page: freePage,
-            timeoutInMilliseconds,
-        }),
+        (0, collect_assets_1.collectAssets)({ frame, freePage, timeoutInMilliseconds }),
     ]);
     if (imageFormat === 'none') {
         return { buffer: null, collectedAssets };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.175",
+  "version": "4.0.177",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,8 +17,8 @@
     "execa": "5.1.1",
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
-    "ws": "8.7.0",
-    "remotion": "4.0.175"
+    "ws": "8.17.1",
+    "remotion": "4.0.177"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -41,16 +41,16 @@
     "react-dom": "18.3.1",
     "vitest": "0.31.1",
     "@types/ws": "8.5.10",
-    "@remotion/streaming": "4.0.175"
+    "@remotion/streaming": "4.0.177"
   },
   "optionalDependencies": {
-    "@remotion/compositor-linux-arm64-gnu": "4.0.175",
-    "@remotion/compositor-darwin-arm64": "4.0.175",
-    "@remotion/compositor-linux-x64-gnu": "4.0.175",
-    "@remotion/compositor-darwin-x64": "4.0.175",
-    "@remotion/compositor-linux-x64-musl": "4.0.175",
-    "@remotion/compositor-win32-x64-msvc": "4.0.175",
-    "@remotion/compositor-linux-arm64-musl": "4.0.175"
+    "@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"
   },
   "keywords": [
     "remotion",