@remotion/renderer 4.0.4 → 4.0.6

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

@@ -1,14 +1,12 @@
 import type { TAsset } from 'remotion';
-import { OffthreadVideoServerEmitter } from '../offthread-video-server';
 import type { DownloadMap } from './download-map';
 export type RenderMediaOnDownload = (src: string) => ((progress: {
     percent: number | null;
     downloaded: number;
     totalSize: number | null;
 }) => void) | undefined | void;
-export declare const downloadAsset: ({ src, downloadMap, emitter, }: {
+export declare const downloadAsset: ({ src, downloadMap, }: {
     src: string;
-    emitter: OffthreadVideoServerEmitter;
     downloadMap: DownloadMap;
 }) => Promise<string>;
 export declare const markAllAssetsAsDownloaded: (downloadMap: DownloadMap) => void;
@@ -23,4 +21,4 @@ export declare const downloadAndMapAssetsToFileUrl: ({ asset, onDownload, downlo
     onDownload: RenderMediaOnDownload | null;
     downloadMap: DownloadMap;
 }) => Promise<TAsset>;
-export declare const attachDownloadListenerToEmitter: (emitter: OffthreadVideoServerEmitter, onDownload: RenderMediaOnDownload | null) => () => void;
+export declare const attachDownloadListenerToEmitter: (downloadMap: DownloadMap, onDownload: RenderMediaOnDownload | null) => () => void;

package/dist/assets/download-and-map-assets-to-file.js

@@ -33,7 +33,6 @@ const remotion_1 = require("remotion");
 const compress_assets_1 = require("../compress-assets");
 const ensure_output_directory_1 = require("../ensure-output-directory");
 const mime_types_1 = require("../mime-types");
-const offthread_video_server_1 = require("../offthread-video-server");
 const download_file_1 = require("./download-file");
 const sanitize_filepath_1 = require("./sanitize-filepath");
 const waitForAssetToBeDownloaded = ({ src, downloadDir, downloadMap, }) => {
@@ -116,7 +115,7 @@ function validateBufferEncoding(potentialEncoding, dataUrl) {
         throw new TypeError(errMessage);
     }
 }
-const downloadAsset = async ({ src, downloadMap, emitter, }) => {
+const downloadAsset = async ({ src, downloadMap, }) => {
     var _a, _b, _c;
     if ((0, compress_assets_1.isAssetCompressed)(src)) {
         return src;
@@ -146,7 +145,7 @@ const downloadAsset = async ({ src, downloadMap, emitter, }) => {
     if (process.env.NODE_ENV === 'test') {
         console.log('Actually downloading asset', src);
     }
-    emitter.dispatchDownload(src);
+    downloadMap.emitter.dispatchDownload(src);
     if (src.startsWith('data:')) {
         const [assetDetails, assetData] = src.substring('data:'.length).split(',');
         if (!assetDetails.includes(';')) {
@@ -176,7 +175,7 @@ const downloadAsset = async ({ src, downloadMap, emitter, }) => {
     const { to } = await (0, download_file_1.downloadFile)({
         url: src,
         onProgress: (progress) => {
-            emitter.dispatchDownloadProgress(src, progress.percent, progress.downloaded, progress.totalSize);
+            downloadMap.emitter.dispatchDownloadProgress(src, progress.percent, progress.downloaded, progress.totalSize);
         },
         to: (contentDisposition, contentType) => (0, exports.getSanitizedFilenameForAssetUrl)({
             contentDisposition,
@@ -243,11 +242,9 @@ const getSanitizedFilenameForAssetUrl = ({ src, downloadDir, contentDisposition,
 };
 exports.getSanitizedFilenameForAssetUrl = getSanitizedFilenameForAssetUrl;
 const downloadAndMapAssetsToFileUrl = async ({ asset, onDownload, downloadMap, }) => {
-    const emitter = new offthread_video_server_1.OffthreadVideoServerEmitter();
-    const cleanup = (0, exports.attachDownloadListenerToEmitter)(emitter, onDownload);
+    const cleanup = (0, exports.attachDownloadListenerToEmitter)(downloadMap, onDownload);
     const newSrc = await (0, exports.downloadAsset)({
         src: asset.src,
-        emitter,
         downloadMap,
     });
     cleanup();
@@ -257,14 +254,21 @@ const downloadAndMapAssetsToFileUrl = async ({ asset, onDownload, downloadMap, }
     };
 };
 exports.downloadAndMapAssetsToFileUrl = downloadAndMapAssetsToFileUrl;
-const attachDownloadListenerToEmitter = (emitter, onDownload) => {
+const attachDownloadListenerToEmitter = (downloadMap, onDownload) => {
     const cleanup = [];
     if (!onDownload) {
         return () => undefined;
     }
-    const a = emitter.addEventListener('download', ({ detail: { src: initialSrc } }) => {
+    if (downloadMap.downloadListeners.includes(onDownload)) {
+        return () => undefined;
+    }
+    downloadMap.downloadListeners.push(onDownload);
+    cleanup.push(() => {
+        downloadMap.downloadListeners = downloadMap.downloadListeners.filter((l) => l !== onDownload);
+    });
+    const a = downloadMap.emitter.addEventListener('download', ({ detail: { src: initialSrc } }) => {
         const progress = onDownload(initialSrc);
-        const b = emitter.addEventListener('progress', ({ detail: { downloaded, percent, src: progressSrc, totalSize } }) => {
+        const b = downloadMap.emitter.addEventListener('progress', ({ detail: { downloaded, percent, src: progressSrc, totalSize } }) => {
             if (initialSrc === progressSrc) {
                 progress === null || progress === void 0 ? void 0 : progress({ downloaded, percent, totalSize });
             }

package/dist/assets/download-map.d.ts

@@ -1,10 +1,14 @@
 import type { TAsset } from 'remotion';
+import { OffthreadVideoServerEmitter } from '../offthread-video-server';
+import type { RenderMediaOnDownload } from './download-and-map-assets-to-file';
 export type AudioChannelsAndDurationResultCache = {
     channels: number;
     duration: number | null;
 };
 export type DownloadMap = {
     id: string;
+    emitter: OffthreadVideoServerEmitter;
+    downloadListeners: RenderMediaOnDownload[];
     isDownloadingMap: {
         [src: string]: {
             [downloadDir: string]: boolean;

package/dist/assets/download-map.js

@@ -30,6 +30,7 @@ exports.cleanDownloadMap = exports.makeDownloadMap = void 0;
 const node_fs_1 = __importStar(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const delete_directory_1 = require("../delete-directory");
+const offthread_video_server_1 = require("../offthread-video-server");
 const tmp_dir_1 = require("../tmp-dir");
 const makeAndReturn = (dir, name) => {
     const p = node_path_1.default.join(dir, name);
@@ -51,6 +52,7 @@ const makeDownloadMap = () => {
         durationOfAssetCache: {},
         id: String(Math.random()),
         assetDir: dir,
+        downloadListeners: [],
         downloadDir: makeAndReturn(dir, 'remotion-assets-dir'),
         complexFilter: makeAndReturn(dir, 'remotion-complex-filter'),
         preEncode: makeAndReturn(dir, 'pre-encode'),
@@ -59,6 +61,7 @@ const makeDownloadMap = () => {
         stitchFrames: makeAndReturn(dir, 'remotion-stitch-temp-dir'),
         compositingDir: makeAndReturn(dir, 'remotion-compositing-temp-dir'),
         compositorCache: {},
+        emitter: new offthread_video_server_1.OffthreadVideoServerEmitter(),
     };
 };
 exports.makeDownloadMap = makeDownloadMap;

package/dist/audio-codec.d.ts

@@ -5,7 +5,7 @@ export declare const supportedAudioCodecs: {
     readonly h264: readonly ["aac", "pcm-16"];
     readonly 'h264-mkv': readonly ["pcm-16"];
     readonly aac: readonly ["aac", "pcm-16"];
-    readonly gif: const[];
+    readonly gif: readonly [];
     readonly h265: readonly ["aac", "pcm-16"];
     readonly mp3: readonly ["mp3", "pcm-16"];
     readonly prores: readonly ["aac", "pcm-16"];

package/dist/browser/Browser.d.ts

@@ -41,8 +41,8 @@ export declare class HeadlessBrowser extends EventEmitter {
     get _targets(): Map<string, Target>;
     constructor(connection: Connection, defaultViewport: Viewport, closeCallback?: BrowserCloseCallback);
     browserContexts(): BrowserContext[];
-    newPage(context: AnySourceMapConsumer | null, logLevel: LogLevel, indent: boolean): Promise<Page>;
-    _createPageInContext(context: AnySourceMapConsumer | null, logLevel: LogLevel, indent: boolean): Promise<Page>;
+    newPage(context: Promise<AnySourceMapConsumer | null>, logLevel: LogLevel, indent: boolean): Promise<Page>;
+    _createPageInContext(context: Promise<AnySourceMapConsumer | null>, logLevel: LogLevel, indent: boolean): Promise<Page>;
     targets(): Target[];
     waitForTarget(predicate: (x: Target) => boolean | Promise<boolean>, options?: WaitForTargetOptions): Promise<Target>;
     pages(logLevel: LogLevel, indent: boolean): Promise<Page[]>;
@@ -57,7 +57,7 @@ export declare class BrowserContext extends EventEmitter {
         timeout?: number;
     }): Promise<Target>;
     pages(logLevel: LogLevel, indent: boolean): Promise<Page[]>;
-    newPage(context: AnySourceMapConsumer | null, logLevel: LogLevel, indent: boolean): Promise<Page>;
+    newPage(context: Promise<AnySourceMapConsumer | null>, logLevel: LogLevel, indent: boolean): Promise<Page>;
     browser(): HeadlessBrowser;
 }
 export {};

package/dist/browser/Browser.js

@@ -199,7 +199,7 @@ class BrowserContext extends EventEmitter_1.EventEmitter {
     async pages(logLevel, indent) {
         const pages = await Promise.all(this.targets()
             .filter((target) => target.type() === 'page')
-            .map((target) => target.page(null, logLevel, indent)));
+            .map((target) => target.page(Promise.resolve(null), logLevel, indent)));
         return pages.filter((page) => {
             return Boolean(page);
         });

package/dist/browser/BrowserPage.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import type { LogLevel } from '../log-level';
 import type { AnySourceMapConsumer } from '../symbolicate-stacktrace';
 import type { HeadlessBrowser } from './Browser';
 import type { CDPSession } from './Connection';
@@ -25,7 +26,6 @@ import type { JSHandle } from './JSHandle';
 import type { Viewport } from './PuppeteerViewport';
 import type { Target } from './Target';
 import { TaskQueue } from './TaskQueue';
-import type { LogLevel } from '../log-level';
 interface WaitForOptions {
     timeout?: number;
 }
@@ -47,7 +47,7 @@ export declare class Page extends EventEmitter {
         target: Target;
         defaultViewport: Viewport;
         browser: HeadlessBrowser;
-        sourcemapContext: AnySourceMapConsumer | null;
+        sourcemapContext: Promise<AnySourceMapConsumer | null>;
         logLevel: LogLevel;
         indent: boolean;
     }): Promise<Page>;
@@ -60,7 +60,7 @@ export declare class Page extends EventEmitter {
         client: CDPSession;
         target: Target;
         browser: HeadlessBrowser;
-        sourcemapContext: AnySourceMapConsumer | null;
+        sourcemapContext: Promise<AnySourceMapConsumer | null>;
         logLevel: LogLevel;
         indent: boolean;
     });
@@ -95,6 +95,6 @@ export declare class Page extends EventEmitter {
     close(options?: {
         runBeforeUnload?: boolean;
     }): Promise<void>;
-    setBrowserSourceMapContext(context: AnySourceMapConsumer | null): void;
+    setBrowserSourceMapContext(context: Promise<AnySourceMapConsumer | null>): void;
 }
 export {};

package/dist/browser/BrowserPage.js

@@ -29,6 +29,7 @@ var _Page_instances, _Page_client, _Page_target, _Page_timeoutSettings, _Page_fr
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Page = void 0;
 const remotion_1 = require("remotion");
+const format_logs_1 = require("../format-logs");
 const logger_1 = require("../logger");
 const truthy_1 = require("../truthy");
 const assert_1 = require("./assert");
@@ -39,7 +40,6 @@ const JSHandle_1 = require("./JSHandle");
 const TaskQueue_1 = require("./TaskQueue");
 const TimeoutSettings_1 = require("./TimeoutSettings");
 const util_1 = require("./util");
-const format_logs_1 = require("../format-logs");
 const shouldHideWarning = (log) => {
     // Mixed Content warnings caused by localhost should not be displayed
     if (log.text.includes('Mixed Content:') &&
@@ -71,13 +71,16 @@ class Page extends EventEmitter_1.EventEmitter {
         _Page_timeoutSettings.set(this, new TimeoutSettings_1.TimeoutSettings());
         _Page_frameManager.set(this, void 0);
         _Page_pageBindings.set(this, new Map());
+        this.sourcemapContext = null;
         __classPrivateFieldSet(this, _Page_client, client, "f");
         __classPrivateFieldSet(this, _Page_target, target, "f");
         __classPrivateFieldSet(this, _Page_frameManager, new FrameManager_1.FrameManager(client, this, __classPrivateFieldGet(this, _Page_timeoutSettings, "f")), "f");
         this.screenshotTaskQueue = new TaskQueue_1.TaskQueue();
         this.browser = browser;
         this.id = String(Math.random());
-        this.sourcemapContext = sourcemapContext;
+        sourcemapContext.then((context) => {
+            this.sourcemapContext = context;
+        });
         this.logLevel = logLevel;
         client.on('Target.attachedToTarget', (event) => {
             switch (event.targetInfo.type) {
@@ -131,11 +134,24 @@ class Page extends EventEmitter_1.EventEmitter {
                 ]
                     .filter(truthy_1.truthy)
                     .join(':');
-                logger_1.Log.verboseAdvanced({
-                    logLevel,
-                    tag: [origPosition.name, file].filter(truthy_1.truthy).join('@'),
-                    indent,
-                }, log.previewString);
+                const tag = [origPosition === null || origPosition === void 0 ? void 0 : origPosition.name, file].filter(truthy_1.truthy).join('@');
+                if (log.type === 'error') {
+                    logger_1.Log.errorAdvanced({
+                        logLevel,
+                        tag,
+                        indent,
+                    }, log.previewString);
+                }
+                else {
+                    logger_1.Log.verboseAdvanced({
+                        logLevel,
+                        tag,
+                        indent,
+                    }, log.previewString);
+                }
+            }
+            else if (log.type === 'error') {
+                logger_1.Log.errorAdvanced({ logLevel, tag: `console.${log.type}`, indent }, log.text);
             }
             else {
                 logger_1.Log.verboseAdvanced({ logLevel, tag: `console.${log.type}`, indent }, log.text);
@@ -234,7 +250,9 @@ class Page extends EventEmitter_1.EventEmitter {
         }
     }
     setBrowserSourceMapContext(context) {
-        this.sourcemapContext = context;
+        context.then((ctx) => {
+            this.sourcemapContext = ctx;
+        });
     }
 }
 exports.Page = Page;

package/dist/browser/Target.d.ts

@@ -37,7 +37,7 @@ export declare class Target {
     /**
      * If the target is not of type `"page"` or `"background_page"`, returns `null`.
      */
-    page(sourcemapContext: AnySourceMapConsumer | null, logLevel: LogLevel, indent: boolean): Promise<Page | null>;
+    page(sourcemapContext: Promise<AnySourceMapConsumer | null>, logLevel: LogLevel, indent: boolean): Promise<Page | null>;
     url(): string;
     /**
      * Identifies what kind of target this is.

package/dist/browser/create-browser-fetcher.js

@@ -31,30 +31,25 @@ function getRevision(product) {
 async function downloadBrowser(product) {
     const revision = getRevision(product);
     const revisionInfo = (0, BrowserFetcher_1.getRevisionInfo)(revision, product);
-    try {
-        await (0, BrowserFetcher_1.download)({
-            revision: revisionInfo.revision,
-            progressCallback: (downloadedBytes, totalBytes) => {
-                console.log('Downloading', supportedProducts[product], toMegabytes(downloadedBytes) + '/' + toMegabytes(totalBytes));
-            },
-            product,
-            platform: (0, BrowserFetcher_1.getPlatform)(product),
-            downloadHost: (0, BrowserFetcher_1.getDownloadHost)(product),
-            downloadsFolder: (0, BrowserFetcher_1.getDownloadsFolder)(product),
-        });
-        const _localRevisions = await (0, BrowserFetcher_1.localRevisions)((0, BrowserFetcher_1.getDownloadsFolder)(product), product, (0, BrowserFetcher_1.getPlatform)(product));
-        console.log(`${supportedProducts[product]} (${revisionInfo.revision}) downloaded to ${revisionInfo.folderPath}`);
-        await Promise.all(_localRevisions
-            .filter((__revision) => {
-            return __revision !== revisionInfo.revision;
-        })
-            .map((__revision) => {
-            return (0, BrowserFetcher_1.removeBrowser)(__revision, (0, BrowserFetcher_1.getFolderPath)(revision, (0, BrowserFetcher_1.getDownloadsFolder)(product), (0, BrowserFetcher_1.getPlatform)(product)));
-        }));
-    }
-    catch (err) {
-        throw new Error(`Failed to set up ${supportedProducts[product]} r${revision}! Set "PUPPETEER_SKIP_DOWNLOAD" env variable to skip download.`);
-    }
+    await (0, BrowserFetcher_1.download)({
+        revision: revisionInfo.revision,
+        progressCallback: (downloadedBytes, totalBytes) => {
+            console.log('Downloading', supportedProducts[product], toMegabytes(downloadedBytes) + '/' + toMegabytes(totalBytes));
+        },
+        product,
+        platform: (0, BrowserFetcher_1.getPlatform)(product),
+        downloadHost: (0, BrowserFetcher_1.getDownloadHost)(product),
+        downloadsFolder: (0, BrowserFetcher_1.getDownloadsFolder)(product),
+    });
+    const _localRevisions = await (0, BrowserFetcher_1.localRevisions)((0, BrowserFetcher_1.getDownloadsFolder)(product), product, (0, BrowserFetcher_1.getPlatform)(product));
+    console.log(`${supportedProducts[product]} (${revisionInfo.revision}) downloaded to ${revisionInfo.folderPath}`);
+    await Promise.all(_localRevisions
+        .filter((__revision) => {
+        return __revision !== revisionInfo.revision;
+    })
+        .map((__revision) => {
+        return (0, BrowserFetcher_1.removeBrowser)(__revision, (0, BrowserFetcher_1.getFolderPath)(revision, (0, BrowserFetcher_1.getDownloadsFolder)(product), (0, BrowserFetcher_1.getPlatform)(product)));
+    }));
 }
 exports.downloadBrowser = downloadBrowser;
 function toMegabytes(bytes) {

package/dist/client.d.ts

@@ -12,7 +12,7 @@ export declare const BrowserSafeApis: {
         readonly h264: readonly ["aac", "pcm-16"];
         readonly 'h264-mkv': readonly ["pcm-16"];
         readonly aac: readonly ["aac", "pcm-16"];
-        readonly gif: const[];
+        readonly gif: readonly [];
         readonly h265: readonly ["aac", "pcm-16"];
         readonly mp3: readonly ["mp3", "pcm-16"];
         readonly prores: readonly ["aac", "pcm-16"];
@@ -132,12 +132,7 @@ export declare const BrowserSafeApis: {
         };
         gif: {
             default: import("./file-extensions").FileExtension;
-            forAudioCodec: {
-                [x: string]: {
-                    possible: import("./file-extensions").FileExtension[];
-                    default: import("./file-extensions").FileExtension;
-                };
-            };
+            forAudioCodec: {};
         };
     };
     defaultAudioCodecs: {
@@ -178,8 +173,8 @@ export declare const BrowserSafeApis: {
             lossless: "pcm-16" | null;
         };
         gif: {
-            compressed: any;
-            lossless: any;
+            compressed: null;
+            lossless: null;
         };
     };
     defaultCodecsForFileExtension: Record<import("./file-extensions").FileExtension, "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif">;

package/dist/compositor/compositor.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
-import type { CompositorCommand } from './payloads';
 import type { LogLevel } from '../log-level';
+import type { CompositorCommand } from './payloads';
 export type Compositor = {
     finishCommands: () => void;
     executeCommand: <T extends keyof CompositorCommand>(type: T, payload: CompositorCommand[T]) => Promise<Buffer>;

package/dist/compositor/compositor.js

@@ -9,11 +9,11 @@ const node_fs_1 = require("node:fs");
 const node_os_1 = __importDefault(require("node:os"));
 const call_ffmpeg_1 = require("../call-ffmpeg");
 const get_concurrency_1 = require("../get-concurrency");
+const log_level_1 = require("../log-level");
 const logger_1 = require("../logger");
 const compose_1 = require("./compose");
 const get_executable_path_1 = require("./get-executable-path");
 const make_nonce_1 = require("./make-nonce");
-const log_level_1 = require("../log-level");
 const getIdealMaximumFrameCacheItems = () => {
     const freeMemory = node_os_1.default.freemem();
     // Assuming 1 frame is approximately 6MB

package/dist/compositor/payloads.d.ts

@@ -27,6 +27,12 @@ export type Layer = {
     };
 };
 export type CompositorImageFormat = 'Png' | 'Jpeg';
+export type VideoMetadata = {
+    fps: number;
+    width: number;
+    height: number;
+    durationInSeconds: number;
+};
 export type CompositorCommand = {
     Compose: {
         output: string;
@@ -54,6 +60,10 @@ export type CompositorCommand = {
     FreeUpMemory: {
         percent_of_memory: number;
     };
+    GetVideoMetadata: {
+        src: string;
+    };
+    VideoMetadata: VideoMetadata;
 };
 export type CompositorCommandSerialized<T extends keyof CompositorCommand> = {
     nonce: string;

package/dist/get-browser-instance.js

@@ -5,7 +5,7 @@ const browser_1 = require("./browser");
 const open_browser_1 = require("./open-browser");
 const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromiumOptions, context, forceDeviceScaleFactor, indent, logLevel, }) => {
     if (passedInInstance) {
-        const page = await passedInInstance.newPage(context, logLevel, indent);
+        const page = await passedInInstance.newPage(Promise.resolve(context), logLevel, indent);
         return {
             page,
             cleanup: () => {
@@ -26,7 +26,7 @@ const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromi
         viewport: null,
         logLevel,
     });
-    const browserPage = await browserInstance.newPage(context, logLevel, indent);
+    const browserPage = await browserInstance.newPage(Promise.resolve(context), logLevel, indent);
     return {
         page: browserPage,
         cleanup: () => {

package/dist/get-bundle-url-from-serve-url.d.ts

@@ -0,0 +1,2 @@
+export declare const getBundleUrlFromServeUrl: (serveUrl: string) => string;
+export declare const getBundleMapUrlFromServeUrl: (serveUrl: string) => string;

package/dist/get-bundle-url-from-serve-url.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBundleMapUrlFromServeUrl = exports.getBundleUrlFromServeUrl = void 0;
+const path_1 = __importDefault(require("path"));
+const remotion_1 = require("remotion");
+const is_serve_url_1 = require("./is-serve-url");
+const map = (webpackBundleOrServeUrl, suffix) => {
+    if ((0, is_serve_url_1.isServeUrl)(webpackBundleOrServeUrl)) {
+        const parsed = new URL(webpackBundleOrServeUrl);
+        const idx = parsed.pathname.lastIndexOf('/');
+        if (idx === -1) {
+            return parsed.origin + '/' + suffix;
+        }
+        return parsed.origin + parsed.pathname.substring(0, idx + 1) + suffix;
+    }
+    const index = webpackBundleOrServeUrl.lastIndexOf(path_1.default.sep);
+    const url = webpackBundleOrServeUrl.substring(0, index + 1) + suffix;
+    return url;
+};
+const getBundleUrlFromServeUrl = (serveUrl) => {
+    return map(serveUrl, remotion_1.Internals.bundleName);
+};
+exports.getBundleUrlFromServeUrl = getBundleUrlFromServeUrl;
+const getBundleMapUrlFromServeUrl = (serveUrl) => {
+    return map(serveUrl, remotion_1.Internals.bundleMapName);
+};
+exports.getBundleMapUrlFromServeUrl = getBundleMapUrlFromServeUrl;

package/dist/get-compositions.d.ts

@@ -2,9 +2,9 @@ import { type VideoConfig } from 'remotion';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
+import { type LogLevel } from './log-level';
 import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
-import { type LogLevel } from './log-level';
 type InternalGetCompositionsOptions = {
     serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;

package/dist/get-compositions.js

@@ -6,12 +6,12 @@ const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_browser_instance_1 = require("./get-browser-instance");
+const logger_1 = require("./logger");
 const prepare_server_1 = require("./prepare-server");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
-const logger_1 = require("./logger");
 const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCustomSchema, onBrowserLog, page, proxyPort, serveUrl, timeoutInMilliseconds, indent, logLevel, }) => {
     if (onBrowserLog) {
         page.on('console', (log) => {

package/dist/get-local-browser-executable.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLocalBrowserExecutable = exports.ensureLocalBrowser = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
+const node_os_1 = __importDefault(require("node:os"));
 const BrowserFetcher_1 = require("./browser/BrowserFetcher");
 const create_browser_fetcher_1 = require("./browser/create-browser-fetcher");
 const revisions_1 = require("./browser/revisions");
@@ -28,6 +29,20 @@ const getSearchPathsForProduct = (product) => {
             process.platform === 'win32'
                 ? 'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe'
                 : null,
+            process.platform === 'win32'
+                ? node_os_1.default.homedir() +
+                    '\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe'
+                : null,
+            process.platform === 'win32'
+                ? 'C:\\Program Files\\Google\\Chrome SxS\\Application\\chrome.exe'
+                : null,
+            process.platform === 'win32'
+                ? 'C:\\Program Files (x86)\\Google\\Chrome SxS\\Application\\chrome.exe'
+                : null,
+            process.platform === 'win32'
+                ? node_os_1.default.homedir() +
+                    '\\AppData\\Local\\Google\\Chrome SxS\\Application\\chrome.exe'
+                : null,
         ].filter(Boolean);
     }
     if (product === 'firefox') {

package/dist/get-video-metadata.d.ts

@@ -0,0 +1,2 @@
+import type { VideoMetadata } from './compositor/payloads';
+export declare const getVideoMetadata: (videoSource: string) => Promise<VideoMetadata>;

package/dist/get-video-metadata.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVideoMetadata = void 0;
+const compositor_1 = require("./compositor/compositor");
+const getVideoMetadata = async (videoSource) => {
+    const compositor = (0, compositor_1.startLongRunningCompositor)((0, compositor_1.getIdealMaximumFrameCacheItems)(), 'info', false);
+    const metadataResponse = await compositor.executeCommand('GetVideoMetadata', {
+        src: videoSource,
+    });
+    compositor.finishCommands();
+    await compositor.waitForDone();
+    return JSON.parse(metadataResponse.toString('utf-8'));
+};
+exports.getVideoMetadata = getVideoMetadata;

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export type { FfmpegOverrideFn } from './ffmpeg-override';
 export { FileExtension } from './file-extensions';
 export { FrameRange } from './frame-range';
 export { getCompositions, GetCompositionsOptions } from './get-compositions';
+export { getVideoMetadata } from './get-video-metadata';
 export { ImageFormat, StillImageFormat, validateSelectedPixelFormatAndImageFormatCombination, VideoImageFormat, } from './image-format';
 export type { LogLevel } from './log-level';
 export { CancelSignal, makeCancelSignal } from './make-cancel-signal';
@@ -49,7 +50,6 @@ export declare const RenderInternals: {
         port: number;
         close: () => Promise<void>;
         compositor: import("./compositor/compositor").Compositor;
-        events: import("./offthread-video-server").OffthreadVideoServerEmitter;
     }>;
     validateEvenDimensionsWithCodec: ({ width, height, codec, scale, }: {
         width: number;
@@ -262,19 +262,14 @@ export declare const RenderInternals: {
         };
         gif: {
             default: import("./file-extensions").FileExtension;
-            forAudioCodec: {
-                [x: string]: {
-                    possible: import("./file-extensions").FileExtension[];
-                    default: import("./file-extensions").FileExtension;
-                };
-            };
+            forAudioCodec: {};
         };
     };
     supportedAudioCodecs: {
         readonly h264: readonly ["aac", "pcm-16"];
         readonly 'h264-mkv': readonly ["pcm-16"];
         readonly aac: readonly ["aac", "pcm-16"];
-        readonly gif: const[];
+        readonly gif: readonly [];
         readonly h265: readonly ["aac", "pcm-16"];
         readonly mp3: readonly ["mp3", "pcm-16"];
         readonly prores: readonly ["aac", "pcm-16"];
@@ -372,6 +367,12 @@ export declare const RenderInternals: {
             logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
+        errorAdvanced: (options: {
+            indent: boolean;
+            logLevel: "verbose" | "info" | "warn" | "error";
+        } & {
+            tag?: string | undefined;
+        }, message?: any, ...optionalParams: any[]) => void;
     };
     getLogLevel: () => "verbose" | "info" | "warn" | "error";
     setLogLevel: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;

package/dist/index.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderInternals = exports.validateOutputFilename = exports.stitchFramesToVideo = exports.selectComposition = exports.renderStill = exports.renderMedia = exports.renderFrames = exports.openBrowser = exports.makeCancelSignal = exports.validateSelectedPixelFormatAndImageFormatCombination = exports.getCompositions = exports.ErrorWithStackFrame = void 0;
+exports.RenderInternals = exports.validateOutputFilename = exports.stitchFramesToVideo = exports.selectComposition = exports.renderStill = exports.renderMedia = exports.renderFrames = exports.openBrowser = exports.makeCancelSignal = exports.validateSelectedPixelFormatAndImageFormatCombination = exports.getVideoMetadata = exports.getCompositions = exports.ErrorWithStackFrame = void 0;
 const execa_1 = __importDefault(require("execa"));
 const download_file_1 = require("./assets/download-file");
 const audio_codec_1 = require("./audio-codec");
@@ -86,6 +86,8 @@ var handle_javascript_exception_1 = require("./error-handling/handle-javascript-
 Object.defineProperty(exports, "ErrorWithStackFrame", { enumerable: true, get: function () { return handle_javascript_exception_1.ErrorWithStackFrame; } });
 var get_compositions_2 = require("./get-compositions");
 Object.defineProperty(exports, "getCompositions", { enumerable: true, get: function () { return get_compositions_2.getCompositions; } });
+var get_video_metadata_1 = require("./get-video-metadata");
+Object.defineProperty(exports, "getVideoMetadata", { enumerable: true, get: function () { return get_video_metadata_1.getVideoMetadata; } });
 var image_format_2 = require("./image-format");
 Object.defineProperty(exports, "validateSelectedPixelFormatAndImageFormatCombination", { enumerable: true, get: function () { return image_format_2.validateSelectedPixelFormatAndImageFormatCombination; } });
 var make_cancel_signal_1 = require("./make-cancel-signal");

package/dist/logger.d.ts

@@ -17,6 +17,7 @@ export declare const Log: {
     warn: (message?: any, ...optionalParams: any[]) => void;
     warnAdvanced: (options: LogOptions, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
+    errorAdvanced: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => void;
 };
 export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error";
 export declare const setLogLevel: (newLogLevel: LogLevel) => void;

package/dist/logger.js

@@ -51,6 +51,16 @@ exports.Log = {
             return console.error(...args.map((a) => chalk_1.chalk.red(a)));
         }
     },
+    errorAdvanced: (options, ...args) => {
+        if ((0, log_level_1.isEqualOrBelowLogLevel)((0, exports.getLogLevel)(), 'error')) {
+            return console.log(...[
+                options.indent ? exports.INDENT_TOKEN : null,
+                options.tag ? (0, exports.verboseTag)(options.tag) : null,
+            ]
+                .filter(truthy_1.truthy)
+                .concat(args.map((a) => chalk_1.chalk.red(a))));
+        }
+    },
 };
 let logLevel = 'info';
 const getLogLevel = () => {

package/dist/offthread-video-server.d.ts

@@ -16,7 +16,6 @@ export declare const startOffthreadVideoServer: ({ downloadMap, concurrency, log
     listener: RequestListener;
     close: () => Promise<void>;
     compositor: Compositor;
-    events: OffthreadVideoServerEmitter;
 };
 type DownloadEventPayload = {
     src: string;

package/dist/offthread-video-server.js

@@ -30,7 +30,6 @@ const extractUrlAndSourceFromUrl = (url) => {
 };
 exports.extractUrlAndSourceFromUrl = extractUrlAndSourceFromUrl;
 const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent, }) => {
-    const events = new OffthreadVideoServerEmitter();
     const compositor = (0, compositor_1.startCompositor)('StartLongRunningProcess', {
         concurrency,
         maximum_frame_cache_items: (0, compositor_1.getIdealMaximumFrameCacheItems)(),
@@ -70,7 +69,7 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 return;
             }
             let extractStart = Date.now();
-            (0, download_and_map_assets_to_file_1.downloadAsset)({ src, emitter: events, downloadMap })
+            (0, download_and_map_assets_to_file_1.downloadAsset)({ src, downloadMap })
                 .then((to) => {
                 extractStart = Date.now();
                 return compositor.executeCommand('ExtractFrame', {
@@ -95,12 +94,11 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 .catch((err) => {
                 res.writeHead(500);
                 res.end();
-                events.dispatchError(err);
+                downloadMap.emitter.dispatchError(err);
                 console.log('Error occurred', err);
             });
         },
         compositor,
-        events,
     };
 };
 exports.startOffthreadVideoServer = startOffthreadVideoServer;

package/dist/prepare-server.d.ts

@@ -1,16 +1,14 @@
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
 import type { Compositor } from './compositor/compositor';
-import type { OffthreadVideoServerEmitter } from './offthread-video-server';
-import type { AnySourceMapConsumer } from './symbolicate-stacktrace';
 import type { LogLevel } from './log-level';
+import type { AnySourceMapConsumer } from './symbolicate-stacktrace';
 export type RemotionServer = {
     serveUrl: string;
     closeServer: (force: boolean) => Promise<unknown>;
     offthreadPort: number;
     compositor: Compositor;
-    sourceMap: AnySourceMapConsumer | null;
-    events: OffthreadVideoServerEmitter;
+    sourceMap: Promise<AnySourceMapConsumer | null>;
     downloadMap: DownloadMap;
 };
 type PrepareServerOptions = {

package/dist/prepare-server.js

@@ -9,6 +9,7 @@ const node_path_1 = __importDefault(require("node:path"));
 const remotion_1 = require("remotion");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const download_map_1 = require("./assets/download-map");
+const get_bundle_url_from_serve_url_1 = require("./get-bundle-url-from-serve-url");
 const is_serve_url_1 = require("./is-serve-url");
 const logger_1 = require("./logger");
 const serve_static_1 = require("./serve-static");
@@ -18,7 +19,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
     const downloadMap = (0, download_map_1.makeDownloadMap)();
     logger_1.Log.verboseAdvanced({ indent, logLevel }, 'Created directory for temporary files', downloadMap.assetDir);
     if ((0, is_serve_url_1.isServeUrl)(webpackConfigOrServeUrl)) {
-        const { port: offthreadPort, close: closeProxy, compositor: comp, events, } = await (0, serve_static_1.serveStatic)(null, {
+        const { port: offthreadPort, close: closeProxy, compositor: comp, } = await (0, serve_static_1.serveStatic)(null, {
             port,
             downloadMap,
             remotionRoot,
@@ -34,8 +35,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
             },
             offthreadPort,
             compositor: comp,
-            sourceMap: null,
-            events,
+            sourceMap: (0, symbolicate_stacktrace_1.getSourceMapFromRemoteUrl)((0, get_bundle_url_from_serve_url_1.getBundleMapUrlFromServeUrl)(webpackConfigOrServeUrl)),
             downloadMap,
         });
     }
@@ -46,7 +46,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
         throw new Error(`Tried to serve the Webpack bundle on a HTTP server, but the file ${indexFile} does not exist. Is this a valid path to a Webpack bundle?`);
     }
     const sourceMap = (0, symbolicate_stacktrace_1.getSourceMapFromLocalFile)(node_path_1.default.join(webpackConfigOrServeUrl, remotion_1.Internals.bundleName));
-    const { port: serverPort, close, compositor, events: newEvents, } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl, {
+    const { port: serverPort, close, compositor, } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl, {
         port,
         downloadMap,
         remotionRoot,
@@ -66,16 +66,15 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
         serveUrl: `http://localhost:${serverPort}`,
         offthreadPort: serverPort,
         compositor,
-        sourceMap: await sourceMap,
-        events: newEvents,
+        sourceMap,
         downloadMap,
     });
 };
 exports.prepareServer = prepareServer;
 const makeOrReuseServer = async (server, config, { onDownload, onError, }) => {
     if (server) {
-        const cleanupOnDownload = (0, download_and_map_assets_to_file_1.attachDownloadListenerToEmitter)(server.events, onDownload);
-        const cleanupError = server.events.addEventListener('error', ({ detail: { error } }) => {
+        const cleanupOnDownload = (0, download_and_map_assets_to_file_1.attachDownloadListenerToEmitter)(server.downloadMap, onDownload);
+        const cleanupError = server.downloadMap.emitter.addEventListener('error', ({ detail: { error } }) => {
             onError(error);
         });
         return {
@@ -88,8 +87,8 @@ const makeOrReuseServer = async (server, config, { onDownload, onError, }) => {
         };
     }
     const newServer = await (0, exports.prepareServer)(config);
-    const cleanupOnDownloadNew = (0, download_and_map_assets_to_file_1.attachDownloadListenerToEmitter)(newServer.events, onDownload);
-    const cleanupErrorNew = newServer.events.addEventListener('error', ({ detail: { error } }) => {
+    const cleanupOnDownloadNew = (0, download_and_map_assets_to_file_1.attachDownloadListenerToEmitter)(newServer.downloadMap, onDownload);
+    const cleanupErrorNew = newServer.downloadMap.emitter.addEventListener('error', ({ detail: { error } }) => {
         onError(error);
     });
     return {

package/dist/prespawn-ffmpeg.d.ts

@@ -1,10 +1,10 @@
 import type { Codec } from './codec';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { VideoImageFormat } from './image-format';
+import type { LogLevel } from './log-level';
 import type { CancelSignal } from './make-cancel-signal';
 import type { PixelFormat } from './pixel-format';
 import type { ProResProfile } from './prores-profile';
-import type { LogLevel } from './log-level';
 type RunningStatus = {
     type: 'running';
 } | {

package/dist/render-frames.d.ts

@@ -6,11 +6,11 @@ import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
 import type { FrameRange } from './frame-range';
 import type { VideoImageFormat } from './image-format';
+import { type LogLevel } from './log-level';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
 import type { OnStartData, RenderFramesOutput } from './types';
-import { type LogLevel } from './log-level';
 export type InternalRenderFramesOptions = {
     onStart: null | ((data: OnStartData) => void);
     onFrameUpdate: null | ((framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void);

package/dist/render-frames.js

@@ -21,6 +21,7 @@ const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range
 const get_frame_padded_index_1 = require("./get-frame-padded-index");
 const get_frame_to_render_1 = require("./get-frame-to-render");
 const jpeg_quality_1 = require("./jpeg-quality");
+const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const open_browser_1 = require("./open-browser");
 const perf_1 = require("./perf");
@@ -33,7 +34,6 @@ const set_props_and_env_1 = require("./set-props-and-env");
 const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const truthy_1 = require("./truthy");
 const validate_scale_1 = require("./validate-scale");
-const logger_1 = require("./logger");
 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, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourcemapContext, logLevel, indent, }) => {
     if (outputDir) {
@@ -340,9 +340,11 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
                     onError,
                 }),
                 browserInstance,
-            ]).then(([{ server: { serveUrl, offthreadPort, compositor, sourceMap, downloadMap, }, cleanupServer, }, pInstance,]) => {
+            ]).then(([{ server: openedServer, cleanupServer }, pInstance]) => {
+                const { serveUrl, offthreadPort, compositor, sourceMap, downloadMap } = openedServer;
                 const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(pInstance, logLevel, indent);
-                cleanup.push((0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, actualConcurrency, logLevel, indent).stopCycling);
+                cleanup.push((0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, actualConcurrency, logLevel, indent)
+                    .stopCycling);
                 cleanup.push(() => cleanupServer(false));
                 return innerRenderFrames({
                     onError,

package/dist/render-media.d.ts

@@ -9,13 +9,13 @@ import type { Codec } from './codec';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { FrameRange } from './frame-range';
 import type { VideoImageFormat } from './image-format';
+import { type LogLevel } from './log-level';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
 import type { PixelFormat } from './pixel-format';
 import type { RemotionServer } from './prepare-server';
 import type { ProResProfile } from './prores-profile';
 import type { OnStartData } from './types';
-import { type LogLevel } from './log-level';
 export type StitchingState = 'encoding' | 'muxing';
 export type SlowFrame = {
     frame: number;

package/dist/render-media.js

@@ -404,7 +404,7 @@ exports.internalRenderMedia = internalRenderMedia;
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
 const renderMedia = ({ proResProfile, 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, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel, }) => {
-    var _a;
+    var _a, _b;
     if (quality !== undefined) {
         console.warn(`The "quality" option has been renamed. Please use "jpegQuality" instead.`);
     }
@@ -455,7 +455,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
-            data: composition.props,
+            data: (_b = composition.props) !== null && _b !== void 0 ? _b : {},
         }).serializedString,
     });
 };

package/dist/render-still.d.ts

@@ -5,10 +5,10 @@ import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
 import type { StillImageFormat } from './image-format';
+import type { LogLevel } from './log-level';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
-import type { LogLevel } from './log-level';
 type InternalRenderStillOptions = {
     composition: VideoConfig;
     output: string | null;

package/dist/render-still.js

@@ -38,6 +38,7 @@ const handle_javascript_exception_1 = require("./error-handling/handle-javascrip
 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");
+const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const open_browser_1 = require("./open-browser");
 const overwrite_1 = require("./overwrite");
@@ -48,7 +49,6 @@ const set_props_and_env_1 = require("./set-props-and-env");
 const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
-const logger_1 = require("./logger");
 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, sourceMapContext, downloadMap, logLevel, indent, serializedResolvedPropsWithCustomSchema, }) => {
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
@@ -93,7 +93,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         viewport: null,
         logLevel,
     }));
-    const page = await browserInstance.newPage(sourceMapContext, logLevel, indent);
+    const page = await browserInstance.newPage(Promise.resolve(sourceMapContext), logLevel, indent);
     await page.setViewport({
         width: composition.width,
         height: composition.height,

package/dist/select-composition.d.ts

@@ -2,9 +2,9 @@ import { type VideoConfig } from 'remotion';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
+import { type LogLevel } from './log-level';
 import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
-import { type LogLevel } from './log-level';
 type InternalSelectCompositionsConfig = {
     serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;
@@ -42,5 +42,5 @@ export declare const internalSelectComposition: (options: InternalSelectComposit
  * @description Gets a composition defined in a Remotion project based on a Webpack bundle.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/select-composition)
  */
-export declare const selectComposition: (options: SelectCompositionOptions) => Promise<Omit<VideoConfig, 'defaultProps'>>;
+export declare const selectComposition: (options: SelectCompositionOptions) => Promise<VideoConfig>;
 export {};

package/dist/serve-handler/index.js

@@ -169,7 +169,7 @@ const serveHandler = async (request, response, config) => {
         return sendError(absolutePath, response, {
             statusCode: 404,
             code: 'not_found',
-            message: 'The requested path could not be found',
+            message: 'The requested path (' + absolutePath + ') could not be found',
         });
     }
     let streamOpts = null;

package/dist/serve-static.d.ts

@@ -1,6 +1,5 @@
 import type { DownloadMap } from './assets/download-map';
 import type { Compositor } from './compositor/compositor';
-import type { OffthreadVideoServerEmitter } from './offthread-video-server';
 import type { LogLevel } from './log-level';
 export declare const serveStatic: (path: string | null, options: {
     port: number | null;
@@ -13,5 +12,4 @@ export declare const serveStatic: (path: string | null, options: {
     port: number;
     close: () => Promise<void>;
     compositor: Compositor;
-    events: OffthreadVideoServerEmitter;
 }>;

package/dist/serve-static.js

@@ -9,7 +9,7 @@ const get_port_1 = require("./get-port");
 const offthread_video_server_1 = require("./offthread-video-server");
 const serve_handler_1 = require("./serve-handler");
 const serveStatic = async (path, options) => {
-    const { listener: offthreadRequest, close: closeCompositor, compositor, events, } = (0, offthread_video_server_1.startOffthreadVideoServer)({
+    const { listener: offthreadRequest, close: closeCompositor, compositor, } = (0, offthread_video_server_1.startOffthreadVideoServer)({
         downloadMap: options.downloadMap,
         concurrency: options.concurrency,
         logLevel: options.logLevel,
@@ -85,7 +85,7 @@ const serveStatic = async (path, options) => {
                     }),
                 ]);
             };
-            return { port: selectedPort, close, compositor, events };
+            return { port: selectedPort, close, compositor };
         }
         catch (err) {
             if (!(err instanceof Error)) {

package/dist/set-props-and-env.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setPropsAndEnv = void 0;
 const version_1 = require("remotion/version");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
+const logger_1 = require("./logger");
 const normalize_serve_url_1 = require("./normalize-serve-url");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const redirect_status_codes_1 = require("./redirect-status-codes");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
-const logger_1 = require("./logger");
 const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, indent, logLevel, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     const actualTimeout = timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT;

package/dist/stitch-frames-to-video.d.ts

@@ -4,10 +4,10 @@ import type { RenderAssetInfo } from './assets/download-map';
 import type { AudioCodec } from './audio-codec';
 import type { Codec } from './codec';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
+import type { LogLevel } from './log-level';
 import type { CancelSignal } from './make-cancel-signal';
 import type { PixelFormat } from './pixel-format';
 import type { ProResProfile } from './prores-profile';
-import type { LogLevel } from './log-level';
 type InternalStitchFramesToVideoOptions = {
     audioBitrate: string | null;
     videoBitrate: string | null;

package/dist/symbolicate-stacktrace.d.ts

@@ -1,6 +1,7 @@
 import type { BasicSourceMapConsumer, IndexedSourceMapConsumer } from 'source-map';
 import { SourceMapConsumer } from 'source-map';
 import type { UnsymbolicatedStackFrame } from './parse-browser-error-stack';
+export declare const getSourceMapFromRemoteUrl: (url: string) => Promise<BasicSourceMapConsumer | IndexedSourceMapConsumer>;
 type ScriptLine = {
     lineNumber: number;
     content: string;
@@ -22,7 +23,7 @@ export declare const symbolicateStackFrame: (frame: UnsymbolicatedStackFrame, ma
     originalLineNumber: number | null;
     originalScriptCode: ScriptLine[] | null;
 };
-export declare const getSourceMapFromRemoteFile: (fileName: string) => Promise<IndexedSourceMapConsumer | null>;
-export declare const getSourceMapFromLocalFile: (fileName: string) => Promise<IndexedSourceMapConsumer | null>;
+export declare const getSourceMapFromRemoteFile: (fileName: string) => Promise<AnySourceMapConsumer | null>;
+export declare const getSourceMapFromLocalFile: (fileName: string) => Promise<AnySourceMapConsumer | null>;
 export type AnySourceMapConsumer = BasicSourceMapConsumer | IndexedSourceMapConsumer;
 export {};

package/dist/symbolicate-stacktrace.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSourceMapFromLocalFile = exports.getSourceMapFromRemoteFile = exports.symbolicateStackFrame = exports.symbolicateFromSources = exports.symbolicateStackTraceFromRemoteFrames = void 0;
+exports.getSourceMapFromLocalFile = exports.getSourceMapFromRemoteFile = exports.symbolicateStackFrame = exports.symbolicateFromSources = exports.symbolicateStackTraceFromRemoteFrames = exports.getSourceMapFromRemoteUrl = void 0;
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const source_map_1 = require("source-map");
@@ -24,10 +24,18 @@ function extractSourceMapUrl(fileContents) {
     }
     return match[1].toString();
 }
-const getSourceMap = async (filePath, fileContents, type) => {
+const getSourceMapFromRemoteUrl = async (url) => {
+    if (!url.endsWith('.js.map')) {
+        throw new Error(`The URL ${url} does not seem to be a valid source map URL.`);
+    }
+    const obj = await fetchUrl(url);
+    return new source_map_1.SourceMapConsumer(obj);
+};
+exports.getSourceMapFromRemoteUrl = getSourceMapFromRemoteUrl;
+const getSourceMap = (filePath, fileContents, type) => {
     const sm = extractSourceMapUrl(fileContents);
     if (sm === null) {
-        return null;
+        return Promise.resolve(null);
     }
     if (sm.indexOf('data:') === 0) {
         const base64 = /^data:application\/json;([\w=:"-]+;)*base64,/;
@@ -36,17 +44,16 @@ const getSourceMap = async (filePath, fileContents, type) => {
             throw new Error('Sorry, non-base64 inline source-map encoding is not supported.');
         }
         const converted = window.atob(sm.substring(match2[0].length));
-        return new source_map_1.SourceMapConsumer(JSON.parse(converted));
+        return Promise.resolve(new source_map_1.SourceMapConsumer(JSON.parse(converted)));
     }
     if (type === 'local') {
         // Find adjacent file: bundle.js -> bundle.js.map
         const newFilePath = path_1.default.join(path_1.default.dirname(filePath), sm);
-        return new source_map_1.SourceMapConsumer((0, fs_1.readFileSync)(newFilePath, 'utf8'));
+        return Promise.resolve(new source_map_1.SourceMapConsumer((0, fs_1.readFileSync)(newFilePath, 'utf8')));
     }
     const index = filePath.lastIndexOf('/');
     const url = filePath.substring(0, index + 1) + sm;
-    const obj = await fetchUrl(url);
-    return new source_map_1.SourceMapConsumer(obj);
+    return (0, exports.getSourceMapFromRemoteUrl)(url);
 };
 const fetchUrl = async (url) => {
     const res = await (0, read_file_1.readFile)(url);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.7.0",
-    "remotion": "4.0.4"
+    "remotion": "4.0.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -34,7 +34,7 @@
     "@types/react-dom": "18.0.10",
     "eslint": "8.42.0",
     "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^2.3.4",
+    "prettier-plugin-organize-imports": "^3.2.2",
     "react": "18.0.0",
     "react-dom": "18.0.0",
     "typescript": "4.9.5",
@@ -42,13 +42,13 @@
     "zod": "^3.21.4"
   },
   "optionalDependencies": {
-    "@remotion/compositor-linux-arm64-musl": "4.0.4",
-    "@remotion/compositor-linux-x64-musl": "4.0.4",
-    "@remotion/compositor-darwin-arm64": "4.0.4",
-    "@remotion/compositor-linux-x64-gnu": "4.0.4",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.4",
-    "@remotion/compositor-darwin-x64": "4.0.4",
-    "@remotion/compositor-win32-x64-msvc": "4.0.4"
+    "@remotion/compositor-darwin-arm64": "4.0.6",
+    "@remotion/compositor-darwin-x64": "4.0.6",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.6",
+    "@remotion/compositor-linux-arm64-musl": "4.0.6",
+    "@remotion/compositor-linux-x64-gnu": "4.0.6",
+    "@remotion/compositor-linux-x64-musl": "4.0.6",
+    "@remotion/compositor-win32-x64-msvc": "4.0.6"
   },
   "keywords": [
     "remotion",