@remotion/renderer 4.1.0-alpha1 → 4.1.0-alpha10

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

@@ -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 { Page } from './BrowserPage';
 import type { Connection } from './Connection';
@@ -40,12 +41,12 @@ export declare class HeadlessBrowser extends EventEmitter {
     get _targets(): Map<string, Target>;
     constructor(connection: Connection, defaultViewport: Viewport, closeCallback?: BrowserCloseCallback);
     browserContexts(): BrowserContext[];
-    newPage(context: AnySourceMapConsumer | null): Promise<Page>;
-    _createPageInContext(context: AnySourceMapConsumer | null): 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(): Promise<Page[]>;
-    close(silent: boolean): Promise<void>;
+    pages(logLevel: LogLevel, indent: boolean): Promise<Page[]>;
+    close(silent: boolean, logLevel: LogLevel, indent: boolean): Promise<void>;
     disconnect(): void;
 }
 export declare class BrowserContext extends EventEmitter {
@@ -55,8 +56,8 @@ export declare class BrowserContext extends EventEmitter {
     waitForTarget(predicate: (x: Target) => boolean | Promise<boolean>, options?: {
         timeout?: number;
     }): Promise<Target>;
-    pages(): Promise<Page[]>;
-    newPage(context: AnySourceMapConsumer | null): Promise<Page>;
+    pages(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

@@ -65,11 +65,11 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
     browserContexts() {
         return [__classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f"), ...Array.from(__classPrivateFieldGet(this, _HeadlessBrowser_contexts, "f").values())];
     }
-    newPage(context) {
-        return __classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f").newPage(context);
+    newPage(context, logLevel, indent) {
+        return __classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f").newPage(context, logLevel, indent);
     }
-    async _createPageInContext(context) {
-        const { targetId } = await this.connection.send('Target.createTarget', {
+    async _createPageInContext(context, logLevel, indent) {
+        const { value: { targetId }, } = await this.connection.send('Target.createTarget', {
             url: 'about:blank',
             browserContextId: undefined,
         });
@@ -81,7 +81,7 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
         if (!initialized) {
             throw new Error(`Failed to create target for page (id = ${targetId})`);
         }
-        const page = await target.page(context);
+        const page = await target.page(context, logLevel, indent);
         if (!page) {
             throw new Error(`Failed to create a page for context`);
         }
@@ -119,18 +119,18 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
             }
         }
     }
-    async pages() {
+    async pages(logLevel, indent) {
         const contextPages = await Promise.all(this.browserContexts().map((context) => {
-            return context.pages();
+            return context.pages(logLevel, indent);
         }));
         // Flatten array.
         return contextPages.reduce((acc, x) => {
             return acc.concat(x);
         }, []);
     }
-    async close(silent) {
+    async close(silent, logLevel, indent) {
         await __classPrivateFieldGet(this, _HeadlessBrowser_closeCallback, "f").call(null);
-        (await this.pages()).forEach((page) => {
+        (await this.pages(logLevel, indent)).forEach((page) => {
             page.emit("disposed" /* PageEmittedEvents.Disposed */);
             page.closed = true;
         });
@@ -196,16 +196,16 @@ class BrowserContext extends EventEmitter_1.EventEmitter {
             return target.browserContext() === this && predicate(target);
         }, options);
     }
-    async pages() {
+    async pages(logLevel, indent) {
         const pages = await Promise.all(this.targets()
             .filter((target) => target.type() === 'page')
-            .map((target) => target.page(null)));
+            .map((target) => target.page(Promise.resolve(null), logLevel, indent)));
         return pages.filter((page) => {
             return Boolean(page);
         });
     }
-    newPage(context) {
-        return __classPrivateFieldGet(this, _BrowserContext_browser, "f")._createPageInContext(context);
+    newPage(context, logLevel, indent) {
+        return __classPrivateFieldGet(this, _BrowserContext_browser, "f")._createPageInContext(context, logLevel, indent);
     }
     browser() {
         return __classPrivateFieldGet(this, _BrowserContext_browser, "f");

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';
@@ -41,18 +42,28 @@ interface PageEventObject {
 export declare class Page extends EventEmitter {
     #private;
     id: string;
-    static _create({ client, target, defaultViewport, browser, sourcemapContext, }: {
+    static _create({ client, target, defaultViewport, browser, sourcemapContext, logLevel, indent, }: {
         client: CDPSession;
         target: Target;
         defaultViewport: Viewport;
         browser: HeadlessBrowser;
-        sourcemapContext: AnySourceMapConsumer | null;
+        sourcemapContext: Promise<AnySourceMapConsumer | null>;
+        logLevel: LogLevel;
+        indent: boolean;
     }): Promise<Page>;
     closed: boolean;
     browser: HeadlessBrowser;
     screenshotTaskQueue: TaskQueue;
     sourcemapContext: AnySourceMapConsumer | null;
-    constructor(client: CDPSession, target: Target, browser: HeadlessBrowser, sourcemapContext: AnySourceMapConsumer | null);
+    logLevel: LogLevel;
+    constructor({ client, target, browser, sourcemapContext, logLevel, indent, }: {
+        client: CDPSession;
+        target: Target;
+        browser: HeadlessBrowser;
+        sourcemapContext: Promise<AnySourceMapConsumer | null>;
+        logLevel: LogLevel;
+        indent: boolean;
+    });
     /**
      * Listen to page events.
      */
@@ -75,8 +86,12 @@ export declare class Page extends EventEmitter {
     setDefaultTimeout(timeout: number): void;
     evaluateHandle<HandlerType extends JSHandle = JSHandle>(pageFunction: EvaluateHandleFn, ...args: SerializableOrJSHandle[]): Promise<HandlerType>;
     url(): string;
-    goto(url: string, options?: WaitForOptions & {
-        referer?: string;
+    goto({ url, timeout, options, }: {
+        url: string;
+        timeout: number;
+        options?: WaitForOptions & {
+            referer?: string;
+        };
     }): Promise<HTTPResponse | null>;
     bringToFront(): Promise<void>;
     evaluate<T extends EvaluateFn>(pageFunction: T, ...args: SerializableOrJSHandle[]): Promise<UnwrapPromiseLike<EvaluateFnReturnType<T>>>;
@@ -84,6 +99,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,14 +40,29 @@ const JSHandle_1 = require("./JSHandle");
 const TaskQueue_1 = require("./TaskQueue");
 const TimeoutSettings_1 = require("./TimeoutSettings");
 const util_1 = require("./util");
+const shouldHideWarning = (log) => {
+    // Mixed Content warnings caused by localhost should not be displayed
+    if (log.text.includes('Mixed Content:') &&
+        log.text.includes('http://localhost:')) {
+        return true;
+    }
+    return false;
+};
 class Page extends EventEmitter_1.EventEmitter {
-    static async _create({ client, target, defaultViewport, browser, sourcemapContext, }) {
-        const page = new Page(client, target, browser, sourcemapContext);
+    static async _create({ client, target, defaultViewport, browser, sourcemapContext, logLevel, indent, }) {
+        const page = new Page({
+            client,
+            target,
+            browser,
+            sourcemapContext,
+            logLevel,
+            indent,
+        });
         await __classPrivateFieldGet(page, _Page_instances, "m", _Page_initialize).call(page);
         await page.setViewport(defaultViewport);
         return page;
     }
-    constructor(client, target, browser, sourcemapContext) {
+    constructor({ client, target, browser, sourcemapContext, logLevel, indent, }) {
         super();
         _Page_instances.add(this);
         this.closed = false;
@@ -55,13 +71,17 @@ 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");
+        __classPrivateFieldSet(this, _Page_frameManager, new FrameManager_1.FrameManager(client, this), "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) {
                 case 'iframe':
@@ -97,6 +117,9 @@ class Page extends EventEmitter_1.EventEmitter {
         this.on('console', (log) => {
             var _a;
             const { url, columnNumber, lineNumber } = log.location();
+            if (shouldHideWarning(log)) {
+                return;
+            }
             if ((url === null || url === void 0 ? void 0 : url.endsWith(remotion_1.Internals.bundleName)) &&
                 lineNumber &&
                 this.sourcemapContext) {
@@ -111,15 +134,27 @@ class Page extends EventEmitter_1.EventEmitter {
                 ]
                     .filter(truthy_1.truthy)
                     .join(':');
-                logger_1.Log.verboseAdvanced({
-                    logLevel: (0, logger_1.getLogLevel)(),
-                    tag: `console.${log.type}()`,
-                    secondTag: [origPosition.name, file].filter(truthy_1.truthy).join('@'),
-                    indent: false,
-                }, log.text);
+                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: (0, logger_1.getLogLevel)(), tag: `console.${log.type}`, indent: false }, log.text);
+                logger_1.Log.verboseAdvanced({ logLevel, tag: `console.${log.type}`, indent }, log.text);
             }
         });
     }
@@ -157,8 +192,8 @@ class Page extends EventEmitter_1.EventEmitter {
     mainFrame() {
         return __classPrivateFieldGet(this, _Page_frameManager, "f").mainFrame();
     }
-    setViewport(viewport) {
-        return __classPrivateFieldGet(this, _Page_client, "f").send('Emulation.setDeviceMetricsOverride', {
+    async setViewport(viewport) {
+        const { value } = await __classPrivateFieldGet(this, _Page_client, "f").send('Emulation.setDeviceMetricsOverride', {
             mobile: false,
             width: viewport.width,
             height: viewport.height,
@@ -168,6 +203,7 @@ class Page extends EventEmitter_1.EventEmitter {
                 type: 'portraitPrimary',
             },
         });
+        return value;
     }
     setDefaultNavigationTimeout(timeout) {
         __classPrivateFieldGet(this, _Page_timeoutSettings, "f").setDefaultNavigationTimeout(timeout);
@@ -182,8 +218,8 @@ class Page extends EventEmitter_1.EventEmitter {
     url() {
         return this.mainFrame().url();
     }
-    goto(url, options = {}) {
-        return __classPrivateFieldGet(this, _Page_frameManager, "f").mainFrame().goto(url, options);
+    goto({ url, timeout, options = {}, }) {
+        return __classPrivateFieldGet(this, _Page_frameManager, "f").mainFrame().goto(url, timeout, options);
     }
     async bringToFront() {
         await __classPrivateFieldGet(this, _Page_client, "f").send('Page.bringToFront');
@@ -214,7 +250,9 @@ class Page extends EventEmitter_1.EventEmitter {
         }
     }
     setBrowserSourceMapContext(context) {
-        this.sourcemapContext = context;
+        context.then((ctx) => {
+            this.sourcemapContext = ctx;
+        });
     }
 }
 exports.Page = Page;
@@ -238,8 +276,21 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
             return (0, util_1.releaseObject)(__classPrivateFieldGet(this, _Page_client, "f"), arg);
         });
     }
+    const previewString = args
+        ? args
+            .map((arg) => {
+            return (0, format_logs_1.formatRemoteObject)(arg);
+        })
+            .join(', ')
+        : '';
     if (source !== 'worker') {
-        this.emit("console" /* PageEmittedEvents.Console */, new ConsoleMessage_1.ConsoleMessage(level, text, [], [{ url, lineNumber }]));
+        this.emit("console" /* PageEmittedEvents.Console */, new ConsoleMessage_1.ConsoleMessage({
+            type: level,
+            text,
+            args: [],
+            stackTraceLocations: [{ url, lineNumber }],
+            previewString,
+        }));
     }
 }, _Page_onConsoleAPI = function _Page_onConsoleAPI(event) {
     if (event.executionContextId === 0) {
@@ -310,6 +361,16 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
             });
         }
     }
-    const message = new ConsoleMessage_1.ConsoleMessage(eventType, textTokens.join(' '), args, stackTraceLocations);
+    const previewString = args
+        .map((a) => (0, format_logs_1.formatRemoteObject)(a._remoteObject))
+        .filter(Boolean)
+        .join(' ');
+    const message = new ConsoleMessage_1.ConsoleMessage({
+        type: eventType,
+        text: textTokens.join(' '),
+        args,
+        stackTraceLocations,
+        previewString,
+    });
     this.emit("console" /* PageEmittedEvents.Console */, message);
 };

package/dist/browser/BrowserRunner.d.ts

@@ -31,6 +31,5 @@ export declare class BrowserRunner {
     kill(): void;
     setupConnection(options: {
         timeout: number;
-        preferredRevision: string;
     }): Promise<Connection>;
 }

package/dist/browser/BrowserRunner.js

@@ -103,7 +103,7 @@ class BrowserRunner {
                         return;
                     }
                     const { output, tag } = formatted;
-                    logger_1.Log.verboseAdvanced({ indent: options.indent, logLevel: (0, logger_1.getLogLevel)(), tag }, output);
+                    logger_1.Log.verboseAdvanced({ indent: options.indent, logLevel: options.logLevel, tag }, output);
                 }
             });
             (_b = this.proc.stderr) === null || _b === void 0 ? void 0 : _b.on('data', (d) => {
@@ -114,7 +114,7 @@ class BrowserRunner {
                         return;
                     }
                     const { output, tag } = formatted;
-                    logger_1.Log.verboseAdvanced({ indent: options.indent, logLevel: (0, logger_1.getLogLevel)(), tag }, output);
+                    logger_1.Log.verboseAdvanced({ indent: options.indent, logLevel: options.logLevel, tag }, output);
                 }
             });
         }
@@ -200,8 +200,8 @@ class BrowserRunner {
     }
     async setupConnection(options) {
         (0, assert_1.assert)(this.proc, 'BrowserRunner not started.');
-        const { timeout, preferredRevision } = options;
-        const browserWSEndpoint = await waitForWSEndpoint(this.proc, timeout, preferredRevision);
+        const { timeout } = options;
+        const browserWSEndpoint = await waitForWSEndpoint(this.proc, timeout);
         const transport = await NodeWebSocketTransport_1.NodeWebSocketTransport.create(browserWSEndpoint);
         this.connection = new Connection_1.Connection(transport);
         return this.connection;
@@ -209,7 +209,7 @@ class BrowserRunner {
 }
 exports.BrowserRunner = BrowserRunner;
 _BrowserRunner_executablePath = new WeakMap(), _BrowserRunner_processArguments = new WeakMap(), _BrowserRunner_userDataDir = new WeakMap(), _BrowserRunner_closed = new WeakMap(), _BrowserRunner_listeners = new WeakMap(), _BrowserRunner_processClosing = new WeakMap();
-function waitForWSEndpoint(browserProcess, timeout, preferredRevision) {
+function waitForWSEndpoint(browserProcess, timeout) {
     (0, assert_1.assert)(browserProcess.stderr, '`browserProcess` does not have stderr.');
     const rl = readline.createInterface(browserProcess.stderr);
     let stderr = '';
@@ -240,7 +240,7 @@ function waitForWSEndpoint(browserProcess, timeout, preferredRevision) {
         }
         function onTimeout() {
             cleanup();
-            reject(new Errors_1.TimeoutError(`Timed out after ${timeout} ms while trying to connect to the browser! Only Chrome at revision r${preferredRevision} is guaranteed to work.`));
+            reject(new Errors_1.TimeoutError(`Timed out after ${timeout} ms while trying to connect to the browser!`));
         }
         function onLine(line) {
             stderr += line + '\n';

package/dist/browser/Connection.d.ts

@@ -7,7 +7,10 @@ export declare class Connection extends EventEmitter {
     constructor(transport: NodeWebSocketTransport);
     static fromSession(session: CDPSession): Connection | undefined;
     session(sessionId: string): CDPSession | null;
-    send<T extends keyof Commands>(method: T, ...paramArgs: Commands[T]['paramsType']): Promise<Commands[T]['returnType']>;
+    send<T extends keyof Commands>(method: T, ...paramArgs: Commands[T]['paramsType']): Promise<{
+        value: Commands[T]['returnType'];
+        size: number;
+    }>;
     _rawSend(message: Record<string, unknown>): number;
     dispose(): void;
     /**
@@ -34,8 +37,11 @@ export declare class CDPSession extends EventEmitter {
     #private;
     constructor(connection: Connection, targetType: string, sessionId: string);
     connection(): Connection | undefined;
-    send<T extends keyof Commands>(method: T, ...paramArgs: Commands[T]['paramsType']): Promise<Commands[T]['returnType']>;
-    _onMessage(object: CDPSessionOnMessageObject): void;
+    send<T extends keyof Commands>(method: T, ...paramArgs: Commands[T]['paramsType']): Promise<{
+        value: Commands[T]['returnType'];
+        size: number;
+    }>;
+    _onMessage(object: CDPSessionOnMessageObject, size: number): void;
     _onClosed(): void;
     id(): string;
 }

package/dist/browser/Connection.js

@@ -68,6 +68,7 @@ class Connection extends EventEmitter_1.EventEmitter {
                 reject,
                 error: new Errors_1.ProtocolError(),
                 method,
+                returnSize: true,
             });
         });
     }
@@ -87,7 +88,7 @@ class Connection extends EventEmitter_1.EventEmitter {
      * @returns The CDP session that is created
      */
     async createSession(targetInfo) {
-        const { sessionId } = await this.send('Target.attachToTarget', {
+        const { value: { sessionId }, } = await this.send('Target.attachToTarget', {
             targetId: targetInfo.targetId,
             flatten: true,
         });
@@ -126,7 +127,7 @@ _Connection_transport = new WeakMap(), _Connection_lastId = new WeakMap(), _Conn
     if (object.sessionId) {
         const session = __classPrivateFieldGet(this, _Connection_sessions, "f").get(object.sessionId);
         if (session) {
-            session._onMessage(object);
+            session._onMessage(object, message.length);
         }
     }
     else if (object.id) {
@@ -137,6 +138,9 @@ _Connection_transport = new WeakMap(), _Connection_lastId = new WeakMap(), _Conn
             if (object.error) {
                 callback.reject(createProtocolError(callback.error, callback.method, object));
             }
+            else if (callback.returnSize) {
+                callback.resolve({ value: object.result, size: message.length });
+            }
             else {
                 callback.resolve(object.result);
             }
@@ -195,16 +199,20 @@ class CDPSession extends EventEmitter_1.EventEmitter {
                 reject,
                 error: new Errors_1.ProtocolError(),
                 method,
+                returnSize: true,
             });
         });
     }
-    _onMessage(object) {
+    _onMessage(object, size) {
         const callback = object.id ? __classPrivateFieldGet(this, _CDPSession_callbacks, "f").get(object.id) : undefined;
         if (object.id && callback) {
             __classPrivateFieldGet(this, _CDPSession_callbacks, "f").delete(object.id);
             if (object.error) {
                 callback.reject(createProtocolError(callback.error, callback.method, object));
             }
+            else if (callback.returnSize) {
+                callback.resolve({ value: object.result, size });
+            }
             else {
                 callback.resolve(object.result);
             }

package/dist/browser/ConsoleMessage.d.ts

@@ -25,7 +25,14 @@ export declare class ConsoleMessage {
     type: ConsoleMessageType;
     text: string;
     args: JSHandle[];
-    constructor(type: ConsoleMessageType, text: string, args: JSHandle[], stackTraceLocations: ConsoleMessageLocation[]);
+    previewString: string;
+    constructor({ type, text, args, stackTraceLocations, previewString, }: {
+        type: ConsoleMessageType;
+        text: string;
+        args: JSHandle[];
+        stackTraceLocations: ConsoleMessageLocation[];
+        previewString: string;
+    });
     location(): ConsoleMessageLocation;
     stackTrace(): ConsoleMessageLocation[];
 }