@remotion/renderer 4.0.5 → 4.0.6

package/dist/assets/download-map.js

@@ -30,8 +30,8 @@ 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 tmp_dir_1 = require("../tmp-dir");
 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);
     (0, node_fs_1.mkdirSync)(p);

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/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-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';
@@ -366,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/prepare-server.d.ts

@@ -1,14 +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 { 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;
+    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");
@@ -34,7 +35,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
             },
             offthreadPort,
             compositor: comp,
-            sourceMap: null,
+            sourceMap: (0, symbolicate_stacktrace_1.getSourceMapFromRemoteUrl)((0, get_bundle_url_from_serve_url_1.getBundleMapUrlFromServeUrl)(webpackConfigOrServeUrl)),
             downloadMap,
         });
     }
@@ -65,7 +66,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
         serveUrl: `http://localhost:${serverPort}`,
         offthreadPort: serverPort,
         compositor,
-        sourceMap: await sourceMap,
+        sourceMap,
         downloadMap,
     });
 };

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) {

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-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>;

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.5",
+  "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.5"
+    "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-darwin-arm64": "4.0.5",
-    "@remotion/compositor-linux-arm64-musl": "4.0.5",
-    "@remotion/compositor-linux-x64-gnu": "4.0.5",
-    "@remotion/compositor-win32-x64-msvc": "4.0.5",
-    "@remotion/compositor-linux-x64-musl": "4.0.5",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.5",
-    "@remotion/compositor-darwin-x64": "4.0.5"
+    "@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",