@remotion/renderer 4.0.354 → 4.0.356

package/dist/assets/types.d.ts

@@ -6,7 +6,7 @@ export type UnsafeAsset = Omit<AudioOrVideoAsset, 'frame' | 'id' | 'volume' | 'm
     volume: number[];
     id: string;
     playbackRate: number;
-    toneFrequency: number | null;
+    toneFrequency: number;
     audioStreamIndex: number;
 };
 export type AssetVolume = number | number[];

package/dist/browser/Browser.d.ts

@@ -15,7 +15,7 @@
  */
 import { BrowserLog } from '../browser-log';
 import type { LogLevel } from '../log-level';
-import type { Page } from './BrowserPage';
+import type { OnLog, Page } from './BrowserPage';
 import type { BrowserRunner } from './BrowserRunner';
 import type { Connection } from './Connection';
 import { EventEmitter } from './EventEmitter';
@@ -52,19 +52,21 @@ export declare class HeadlessBrowser extends EventEmitter {
         runner: BrowserRunner;
     });
     browserContexts(): BrowserContext[];
-    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, }: {
+    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog, }: {
         context: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
         onBrowserLog: null | ((log: BrowserLog) => void);
+        onLog: OnLog;
     }): Promise<Page>;
-    _createPageInContext({ context, logLevel, indent, pageIndex, onBrowserLog, }: {
+    _createPageInContext({ context, logLevel, indent, pageIndex, onBrowserLog, onLog, }: {
         context: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
         onBrowserLog: null | ((log: BrowserLog) => void);
+        onLog: OnLog;
     }): Promise<Page>;
     targets(): Target[];
     waitForTarget(predicate: (x: Target) => boolean | Promise<boolean>, options?: WaitForTargetOptions): Promise<Target>;
@@ -82,12 +84,13 @@ export declare class BrowserContext extends EventEmitter {
         timeout?: number;
     }): Promise<Target>;
     pages(): Promise<Page[]>;
-    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, }: {
+    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog, }: {
         context: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
         onBrowserLog: null | ((log: BrowserLog) => void);
+        onLog: OnLog;
     }): Promise<Page>;
     browser(): HeadlessBrowser;
 }

package/dist/browser/Browser.js

@@ -75,16 +75,17 @@ 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, onBrowserLog, }) {
+    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog, }) {
         return __classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f").newPage({
             context,
             logLevel,
             indent,
             pageIndex,
             onBrowserLog,
+            onLog,
         });
     }
-    async _createPageInContext({ context, logLevel, indent, pageIndex, onBrowserLog, }) {
+    async _createPageInContext({ context, logLevel, indent, pageIndex, onBrowserLog, onLog, }) {
         const { value: { targetId }, } = await this.connection.send('Target.createTarget', {
             url: 'about:blank',
             browserContextId: undefined,
@@ -103,6 +104,7 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
             indent,
             pageIndex,
             onBrowserLog,
+            onLog,
         });
         if (!page) {
             throw new Error(`Failed to create a page for context`);
@@ -226,13 +228,14 @@ class BrowserContext extends EventEmitter_1.EventEmitter {
             return Boolean(page);
         });
     }
-    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, }) {
+    newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog, }) {
         return __classPrivateFieldGet(this, _BrowserContext_browser, "f")._createPageInContext({
             context,
             logLevel,
             indent,
             pageIndex,
             onBrowserLog,
+            onLog,
         });
     }
     browser() {

package/dist/browser/BrowserPage.d.ts

@@ -24,10 +24,15 @@ interface PageEventObject {
     error: Error;
     disposed: undefined;
 }
+export type OnLog = ({ logLevel, previewString, tag, }: {
+    logLevel: LogLevel;
+    tag: string;
+    previewString: string;
+}) => void;
 export declare class Page extends EventEmitter {
     #private;
     id: string;
-    static _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }: {
+    static _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, onLog, }: {
         client: CDPSession;
         target: Target;
         defaultViewport: Viewport;
@@ -37,6 +42,7 @@ export declare class Page extends EventEmitter {
         indent: boolean;
         pageIndex: number;
         onBrowserLog: null | ((log: BrowserLog) => void);
+        onLog: OnLog;
     }): Promise<Page>;
     closed: boolean;
     browser: HeadlessBrowser;
@@ -46,7 +52,8 @@ export declare class Page extends EventEmitter {
     indent: boolean;
     pageIndex: number;
     onBrowserLog: null | ((log: BrowserLog) => void);
-    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }: {
+    onLog: OnLog;
+    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, onLog, }: {
         client: CDPSession;
         target: Target;
         browser: HeadlessBrowser;
@@ -55,6 +62,7 @@ export declare class Page extends EventEmitter {
         indent: boolean;
         pageIndex: number;
         onBrowserLog: null | ((log: BrowserLog) => void);
+        onLog: OnLog;
     });
     /**
      * Listen to page events.

package/dist/browser/BrowserPage.js

@@ -75,7 +75,7 @@ const format = (eventType, args) => {
     return { previewString, logLevelFromRemotionLog, logLevelFromEvent, tag };
 };
 class Page extends EventEmitter_1.EventEmitter {
-    static async _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }) {
+    static async _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, onLog, }) {
         const page = new Page({
             client,
             target,
@@ -85,12 +85,13 @@ class Page extends EventEmitter_1.EventEmitter {
             indent,
             pageIndex,
             onBrowserLog,
+            onLog,
         });
         await __classPrivateFieldGet(page, _Page_instances, "m", _Page_initialize).call(page);
         await page.setViewport(defaultViewport);
         return page;
     }
-    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }) {
+    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, onLog, }) {
         super();
         _Page_instances.add(this);
         this.closed = false;
@@ -135,20 +136,11 @@ class Page extends EventEmitter_1.EventEmitter {
                 const tag = [tabInfo, log.tag, log.tag ? null : tagInfo]
                     .filter(truthy_1.truthy)
                     .join(', ');
-                if (log.type === 'error') {
-                    logger_1.Log.error({
-                        logLevel,
-                        tag,
-                        indent,
-                    }, log.previewString);
-                }
-                else {
-                    logger_1.Log[logLevel]({
-                        logLevel,
-                        tag,
-                        indent,
-                    }, log.previewString);
-                }
+                this.onLog({
+                    logLevel: log.logLevel,
+                    tag,
+                    previewString: log.previewString,
+                });
             }
             else if (log.type === 'error') {
                 if (log.text.includes('Failed to load resource:')) {
@@ -177,6 +169,7 @@ class Page extends EventEmitter_1.EventEmitter {
         this.indent = indent;
         this.pageIndex = pageIndex;
         this.onBrowserLog = onBrowserLog;
+        this.onLog = onLog;
         client.on('Target.attachedToTarget', (event) => {
             switch (event.targetInfo.type) {
                 case 'iframe':

package/dist/browser/Target.d.ts

@@ -16,7 +16,7 @@
 import { BrowserLog } from '../browser-log';
 import type { LogLevel } from '../log-level';
 import type { BrowserContext, HeadlessBrowser } from './Browser';
-import { Page } from './BrowserPage';
+import { OnLog, Page } from './BrowserPage';
 import type { CDPSession } from './Connection';
 import type { TargetInfo } from './devtools-types';
 import type { Viewport } from './PuppeteerViewport';
@@ -38,12 +38,13 @@ export declare class Target {
     /**
      * If the target is not of type `"page"` or `"background_page"`, returns `null`.
      */
-    page({ sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }: {
+    page({ sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, onLog, }: {
         sourceMapGetter: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
         pageIndex: number;
         onBrowserLog: null | ((log: BrowserLog) => void);
+        onLog: OnLog;
     }): 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, onBrowserLog, }) {
+    async page({ sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, onLog, }) {
         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) => {
@@ -94,6 +94,7 @@ class Target {
                     indent,
                     pageIndex,
                     onBrowserLog,
+                    onLog,
                 });
             }), "f");
         }

package/dist/default-on-log.d.ts

@@ -0,0 +1,2 @@
+import type { OnLog } from './browser/BrowserPage';
+export declare const defaultOnLog: OnLog;

package/dist/default-on-log.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultOnLog = void 0;
+const logger_1 = require("./logger");
+const defaultOnLog = ({ logLevel, tag, previewString }) => {
+    logger_1.Log[logLevel]({ logLevel, tag, indent: false }, previewString);
+};
+exports.defaultOnLog = defaultOnLog;

package/dist/esm/error-handling.mjs

@@ -175,6 +175,23 @@ var verboseTag = (str) => {
   return isColorSupported() ? chalk.bgBlack(` ${str} `) : `[${str}]`;
 };
 var Log = {
+  formatLogs: (logLevel, options, args) => {
+    return [
+      options.indent ? INDENT_TOKEN : null,
+      options.tag ? verboseTag(options.tag) : null
+    ].filter(truthy).concat(args.map((a) => {
+      if (logLevel === "warn") {
+        return chalk.yellow(a);
+      }
+      if (logLevel === "error") {
+        return chalk.red(a);
+      }
+      if (logLevel === "verbose" || logLevel === "trace") {
+        return chalk.gray(a);
+      }
+      return a;
+    }));
+  },
   trace: (options, ...args) => {
     writeInRepro("trace", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "trace")) {
@@ -182,10 +199,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.gray(a))));
+      return console.log(...Log.formatLogs("trace", options, args));
     }
   },
   verbose: (options, ...args) => {
@@ -195,10 +209,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.gray(a))));
+      return console.log(...Log.formatLogs("verbose", options, args));
     }
   },
   info: (options, ...args) => {
@@ -208,7 +219,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[options.indent ? INDENT_TOKEN : null].filter(truthy).concat(args ?? []));
+      return console.log(...Log.formatLogs("info", options, args));
     }
   },
   warn: (options, ...args) => {
@@ -218,7 +229,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.warn(...[options.indent ? chalk.yellow(INDENT_TOKEN) : null].filter(truthy).concat(args.map((a) => chalk.yellow(a))));
+      return console.warn(...Log.formatLogs("warn", options, args));
     }
   },
   error: (options, ...args) => {
@@ -228,10 +239,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.error(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.red(a))));
+      return console.error(...Log.formatLogs("error", options, args));
     }
   }
 };