@remotion/renderer 4.0.267 → 4.0.268

package/bundle.ts

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

package/dist/assets/download-map.js

@@ -37,8 +37,13 @@ const makeAndReturn = (dir, name) => {
     (0, node_fs_1.mkdirSync)(p);
     return p;
 };
-const packageJsonPath = node_path_1.default.join(__dirname, '..', '..', 'package.json');
-const packageJson = node_fs_1.default.existsSync(packageJsonPath)
+const dontInlineThis = 'package.json';
+let packageJsonPath = null;
+try {
+    packageJsonPath = require.resolve('../../' + dontInlineThis);
+}
+catch (_a) { }
+const packageJson = packageJsonPath && node_fs_1.default.existsSync(packageJsonPath)
     ? JSON.parse(node_fs_1.default.readFileSync(packageJsonPath, 'utf-8'))
     : null;
 const makeDownloadMap = () => {

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 { BrowserLog } from '../browser-log';
 import type { LogLevel } from '../log-level';
 import type { Page } from './BrowserPage';
 import type { BrowserRunner } from './BrowserRunner';
@@ -50,17 +51,19 @@ export declare class HeadlessBrowser extends EventEmitter {
         runner: BrowserRunner;
     });
     browserContexts(): BrowserContext[];
-    newPage({ context, logLevel, indent, pageIndex, }: {
+    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, }: {
         context: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
+        onBrowserLog: null | ((log: BrowserLog) => void);
     }): Promise<Page>;
-    _createPageInContext({ context, logLevel, indent, pageIndex, }: {
+    _createPageInContext({ context, logLevel, indent, pageIndex, onBrowserLog, }: {
         context: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
+        onBrowserLog: null | ((log: BrowserLog) => void);
     }): Promise<Page>;
     targets(): Target[];
     waitForTarget(predicate: (x: Target) => boolean | Promise<boolean>, options?: WaitForTargetOptions): Promise<Target>;
@@ -78,11 +81,12 @@ export declare class BrowserContext extends EventEmitter {
         timeout?: number;
     }): Promise<Target>;
     pages(): Promise<Page[]>;
-    newPage({ context, logLevel, indent, pageIndex, }: {
+    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, }: {
         context: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
+        onBrowserLog: null | ((log: BrowserLog) => void);
     }): Promise<Page>;
     browser(): HeadlessBrowser;
 }

package/dist/browser/Browser.js

@@ -74,10 +74,16 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
     browserContexts() {
         return [__classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f"), ...Array.from(__classPrivateFieldGet(this, _HeadlessBrowser_contexts, "f").values())];
     }
-    newPage({ context, logLevel, indent, pageIndex, }) {
-        return __classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f").newPage({ context, logLevel, indent, pageIndex });
+    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, }) {
+        return __classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f").newPage({
+            context,
+            logLevel,
+            indent,
+            pageIndex,
+            onBrowserLog,
+        });
     }
-    async _createPageInContext({ context, logLevel, indent, pageIndex, }) {
+    async _createPageInContext({ context, logLevel, indent, pageIndex, onBrowserLog, }) {
         const { value: { targetId }, } = await this.connection.send('Target.createTarget', {
             url: 'about:blank',
             browserContextId: undefined,
@@ -95,6 +101,7 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
             logLevel,
             indent,
             pageIndex,
+            onBrowserLog,
         });
         if (!page) {
             throw new Error(`Failed to create a page for context`);
@@ -218,12 +225,13 @@ class BrowserContext extends EventEmitter_1.EventEmitter {
             return Boolean(page);
         });
     }
-    newPage({ context, logLevel, indent, pageIndex, }) {
+    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, }) {
         return __classPrivateFieldGet(this, _BrowserContext_browser, "f")._createPageInContext({
             context,
             logLevel,
             indent,
             pageIndex,
+            onBrowserLog,
         });
     }
     browser() {

package/dist/browser/BrowserPage.d.ts

@@ -1,3 +1,4 @@
+import { BrowserLog } from '../browser-log';
 import type { LogLevel } from '../log-level';
 import type { HeadlessBrowser } from './Browser';
 import type { CDPSession } from './Connection';
@@ -15,7 +16,6 @@ interface WaitForOptions {
     timeout?: number;
 }
 export declare const enum PageEmittedEvents {
-    Console = "console",
     Error = "error",
     Disposed = "disposed"
 }
@@ -27,7 +27,7 @@ interface PageEventObject {
 export declare class Page extends EventEmitter {
     #private;
     id: string;
-    static _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, }: {
+    static _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }: {
         client: CDPSession;
         target: Target;
         defaultViewport: Viewport;
@@ -36,14 +36,17 @@ export declare class Page extends EventEmitter {
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
+        onBrowserLog: null | ((log: BrowserLog) => void);
     }): Promise<Page>;
     closed: boolean;
     browser: HeadlessBrowser;
     screenshotTaskQueue: TaskQueue;
     sourceMapGetter: SourceMapGetter;
     logLevel: LogLevel;
+    indent: boolean;
     pageIndex: number;
-    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, }: {
+    onBrowserLog: null | ((log: BrowserLog) => void);
+    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }: {
         client: CDPSession;
         target: Target;
         browser: HeadlessBrowser;
@@ -51,6 +54,7 @@ export declare class Page extends EventEmitter {
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
+        onBrowserLog: null | ((log: BrowserLog) => void);
     });
     /**
      * Listen to page events.

package/dist/browser/BrowserPage.js

@@ -10,7 +10,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _Page_instances, _Page_client, _Page_target, _Page_timeoutSettings, _Page_frameManager, _Page_pageBindings, _Page_initialize, _Page_onTargetCrashed, _Page_onLogEntryAdded, _Page_onConsoleAPI, _Page_onBindingCalled, _Page_addConsoleMessage;
+var _Page_instances, _Page_client, _Page_target, _Page_timeoutSettings, _Page_frameManager, _Page_pageBindings, _Page_onConsole, _Page_initialize, _Page_onTargetCrashed, _Page_onLogEntryAdded, _Page_onConsoleAPI, _Page_onBindingCalled, _Page_addConsoleMessage;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Page = void 0;
 /**
@@ -49,7 +49,7 @@ const shouldHideWarning = (log) => {
     return false;
 };
 class Page extends EventEmitter_1.EventEmitter {
-    static async _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, }) {
+    static async _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }) {
         const page = new Page({
             client,
             target,
@@ -58,12 +58,13 @@ class Page extends EventEmitter_1.EventEmitter {
             logLevel,
             indent,
             pageIndex,
+            onBrowserLog,
         });
         await __classPrivateFieldGet(page, _Page_instances, "m", _Page_initialize).call(page);
         await page.setViewport(defaultViewport);
         return page;
     }
-    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, }) {
+    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }) {
         super();
         _Page_instances.add(this);
         this.closed = false;
@@ -72,57 +73,23 @@ 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());
-        __classPrivateFieldSet(this, _Page_client, client, "f");
-        __classPrivateFieldSet(this, _Page_target, target, "f");
-        __classPrivateFieldSet(this, _Page_frameManager, new FrameManager_1.FrameManager(client, this, indent, logLevel), "f");
-        this.screenshotTaskQueue = new TaskQueue_1.TaskQueue();
-        this.browser = browser;
-        this.id = String(Math.random());
-        this.sourceMapGetter = sourceMapGetter;
-        this.logLevel = logLevel;
-        this.pageIndex = pageIndex;
-        client.on('Target.attachedToTarget', (event) => {
-            switch (event.targetInfo.type) {
-                case 'iframe':
-                    break;
-                case 'worker':
-                    break;
-                default:
-                    // If we don't detach from service workers, they will never die.
-                    // We still want to attach to workers for emitting events.
-                    // We still want to attach to iframes so sessions may interact with them.
-                    // We detach from all other types out of an abundance of caution.
-                    // See https://source.chromium.org/chromium/chromium/src/+/main:content/browser/devtools/devtools_agent_host_impl.cc?ss=chromium&q=f:devtools%20-f:out%20%22::kTypePage%5B%5D%22
-                    // for the complete list of available types.
-                    client
-                        .send('Target.detachFromTarget', {
-                        sessionId: event.sessionId,
-                    })
-                        .catch((err) => logger_1.Log.error({ indent, logLevel }, err));
-            }
-        });
-        client.on('Runtime.consoleAPICalled', (event) => {
-            return __classPrivateFieldGet(this, _Page_instances, "m", _Page_onConsoleAPI).call(this, event);
-        });
-        client.on('Runtime.bindingCalled', (event) => {
-            return __classPrivateFieldGet(this, _Page_instances, "m", _Page_onBindingCalled).call(this, event);
-        });
-        client.on('Inspector.targetCrashed', () => {
-            return __classPrivateFieldGet(this, _Page_instances, "m", _Page_onTargetCrashed).call(this);
-        });
-        client.on('Log.entryAdded', (event) => {
-            return __classPrivateFieldGet(this, _Page_instances, "m", _Page_onLogEntryAdded).call(this, event);
-        });
-        this.on('console', (log) => {
-            var _a;
+        _Page_onConsole.set(this, (log) => {
+            var _a, _b;
             const { url, columnNumber, lineNumber } = log.location();
+            const logLevel = this.logLevel;
+            const indent = this.indent;
             if (shouldHideWarning(log)) {
                 return;
             }
+            (_a = this.onBrowserLog) === null || _a === void 0 ? void 0 : _a.call(this, {
+                stackTrace: log.stackTrace(),
+                text: log.text,
+                type: log.type,
+            });
             if ((url === null || url === void 0 ? void 0 : url.endsWith(no_react_1.NoReactInternals.bundleName)) &&
                 lineNumber &&
                 this.sourceMapGetter()) {
-                const origPosition = (_a = this.sourceMapGetter()) === null || _a === void 0 ? void 0 : _a.originalPositionFor({
+                const origPosition = (_b = this.sourceMapGetter()) === null || _b === void 0 ? void 0 : _b.originalPositionFor({
                     column: columnNumber !== null && columnNumber !== void 0 ? columnNumber : 0,
                     line: lineNumber,
                 });
@@ -161,6 +128,49 @@ class Page extends EventEmitter_1.EventEmitter {
                 logger_1.Log.verbose({ logLevel, tag: `console.${log.type}`, indent }, log.text);
             }
         });
+        __classPrivateFieldSet(this, _Page_client, client, "f");
+        __classPrivateFieldSet(this, _Page_target, target, "f");
+        __classPrivateFieldSet(this, _Page_frameManager, new FrameManager_1.FrameManager(client, this, indent, logLevel), "f");
+        this.screenshotTaskQueue = new TaskQueue_1.TaskQueue();
+        this.browser = browser;
+        this.id = String(Math.random());
+        this.sourceMapGetter = sourceMapGetter;
+        this.logLevel = logLevel;
+        this.indent = indent;
+        this.pageIndex = pageIndex;
+        this.onBrowserLog = onBrowserLog;
+        client.on('Target.attachedToTarget', (event) => {
+            switch (event.targetInfo.type) {
+                case 'iframe':
+                    break;
+                case 'worker':
+                    break;
+                default:
+                    // If we don't detach from service workers, they will never die.
+                    // We still want to attach to workers for emitting events.
+                    // We still want to attach to iframes so sessions may interact with them.
+                    // We detach from all other types out of an abundance of caution.
+                    // See https://source.chromium.org/chromium/chromium/src/+/main:content/browser/devtools/devtools_agent_host_impl.cc?ss=chromium&q=f:devtools%20-f:out%20%22::kTypePage%5B%5D%22
+                    // for the complete list of available types.
+                    client
+                        .send('Target.detachFromTarget', {
+                        sessionId: event.sessionId,
+                    })
+                        .catch((err) => logger_1.Log.error({ indent, logLevel }, err));
+            }
+        });
+        client.on('Runtime.consoleAPICalled', (event) => {
+            return __classPrivateFieldGet(this, _Page_instances, "m", _Page_onConsoleAPI).call(this, event);
+        });
+        client.on('Runtime.bindingCalled', (event) => {
+            return __classPrivateFieldGet(this, _Page_instances, "m", _Page_onBindingCalled).call(this, event);
+        });
+        client.on('Inspector.targetCrashed', () => {
+            return __classPrivateFieldGet(this, _Page_instances, "m", _Page_onTargetCrashed).call(this);
+        });
+        client.on('Log.entryAdded', (event) => {
+            return __classPrivateFieldGet(this, _Page_instances, "m", _Page_onLogEntryAdded).call(this, event);
+        });
     }
     /**
      * Listen to page events.
@@ -277,7 +287,7 @@ class Page extends EventEmitter_1.EventEmitter {
     }
 }
 exports.Page = Page;
-_Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSettings = new WeakMap(), _Page_frameManager = new WeakMap(), _Page_pageBindings = new WeakMap(), _Page_instances = new WeakSet(), _Page_initialize = async function _Page_initialize() {
+_Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSettings = new WeakMap(), _Page_frameManager = new WeakMap(), _Page_pageBindings = new WeakMap(), _Page_onConsole = new WeakMap(), _Page_instances = new WeakSet(), _Page_initialize = async function _Page_initialize() {
     await Promise.all([
         __classPrivateFieldGet(this, _Page_frameManager, "f").initialize(),
         __classPrivateFieldGet(this, _Page_client, "f").send('Target.setAutoAttach', {
@@ -291,6 +301,7 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
 }, _Page_onTargetCrashed = function _Page_onTargetCrashed() {
     this.emit('error', new Error('Page crashed!'));
 }, _Page_onLogEntryAdded = function _Page_onLogEntryAdded(event) {
+    var _a;
     const { level, text, args, source, url, lineNumber } = event.entry;
     if (args) {
         args.map((arg) => {
@@ -305,13 +316,19 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
             .join(', ')
         : '';
     if (source !== 'worker') {
-        this.emit("console" /* PageEmittedEvents.Console */, new ConsoleMessage_1.ConsoleMessage({
+        const message = new ConsoleMessage_1.ConsoleMessage({
             type: level,
             text,
             args: [],
             stackTraceLocations: [{ url, lineNumber }],
             previewString,
-        }));
+        });
+        (_a = this.onBrowserLog) === null || _a === void 0 ? void 0 : _a.call(this, {
+            stackTrace: message.stackTrace(),
+            text: message.text,
+            type: message.type,
+        });
+        __classPrivateFieldGet(this, _Page_onConsole, "f").call(this, message);
     }
 }, _Page_onConsoleAPI = function _Page_onConsoleAPI(event) {
     if (event.executionContextId === 0) {
@@ -356,12 +373,6 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
         contextId: event.executionContextId,
     });
 }, _Page_addConsoleMessage = function _Page_addConsoleMessage(eventType, args, stackTrace) {
-    if (!this.listenerCount("console" /* PageEmittedEvents.Console */)) {
-        args.forEach((arg) => {
-            return arg.dispose();
-        });
-        return;
-    }
     const textTokens = [];
     for (const arg of args) {
         const remoteObject = arg._remoteObject;
@@ -393,5 +404,5 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
         stackTraceLocations,
         previewString,
     });
-    this.emit("console" /* PageEmittedEvents.Console */, message);
+    __classPrivateFieldGet(this, _Page_onConsole, "f").call(this, message);
 };

package/dist/browser/Target.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { BrowserLog } from '../browser-log';
 import type { LogLevel } from '../log-level';
 import type { BrowserContext, HeadlessBrowser } from './Browser';
 import { Page } from './BrowserPage';
@@ -37,11 +38,12 @@ export declare class Target {
     /**
      * If the target is not of type `"page"` or `"background_page"`, returns `null`.
      */
-    page({ sourceMapGetter, logLevel, indent, pageIndex, }: {
+    page({ sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }: {
         sourceMapGetter: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
+        onBrowserLog: null | ((log: BrowserLog) => void);
     }): Promise<Page | null>;
     expectPage(): Promise<Page | null>;
     url(): string;

package/dist/browser/Target.js

@@ -79,7 +79,7 @@ class Target {
     /**
      * If the target is not of type `"page"` or `"background_page"`, returns `null`.
      */
-    async page({ sourceMapGetter, logLevel, indent, pageIndex, }) {
+    async page({ sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }) {
         var _a;
         if (isPagetTarget(__classPrivateFieldGet(this, _Target_targetInfo, "f")) && !__classPrivateFieldGet(this, _Target_pagePromise, "f")) {
             __classPrivateFieldSet(this, _Target_pagePromise, __classPrivateFieldGet(this, _Target_sessionFactory, "f").call(this).then((client) => {
@@ -93,6 +93,7 @@ class Target {
                     logLevel,
                     indent,
                     pageIndex,
+                    onBrowserLog,
                 });
             }), "f");
         }