@remotion/renderer 4.0.351 → 4.0.353

package/dist/assets/inline-audio-mixing.js

@@ -121,12 +121,12 @@ const makeInlineAudioMixing = (dir) => {
         const samplesToShaveFromStart = trimLeftOffset * sample_rate_1.DEFAULT_SAMPLE_RATE;
         const samplesToShaveFromEnd = trimRightOffset * sample_rate_1.DEFAULT_SAMPLE_RATE;
         if (Math.abs(Math.round(samplesToShaveFromEnd) - samplesToShaveFromEnd) >
-            0.00000001) {
-            throw new Error('samplesToShaveFromEnd should be approximately an integer');
+            0.0000001) {
+            throw new Error(`samplesToShaveFromEnd should be approximately an integer, is${samplesToShaveFromEnd}`);
         }
         if (Math.abs(Math.round(samplesToShaveFromStart) - samplesToShaveFromStart) >
-            0.00000001) {
-            throw new Error('samplesToShaveFromStart should be approximately an integer');
+            0.0000001) {
+            throw new Error(`samplesToShaveFromStart should be approximately an integer, is ${samplesToShaveFromStart}`);
         }
         if (isFirst) {
             arr = arr.slice(Math.round(samplesToShaveFromStart) * asset.numberOfChannels);
@@ -135,10 +135,9 @@ const makeInlineAudioMixing = (dir) => {
             arr = arr.slice(0, arr.length + Math.round(samplesToShaveFromEnd) * asset.numberOfChannels);
         }
         const positionInSeconds = (asset.frame - firstFrame) / fps - (isFirst ? 0 : trimLeftOffset);
-        const position = Math.round(positionInSeconds *
+        const position = Math.round(positionInSeconds * sample_rate_1.DEFAULT_SAMPLE_RATE) *
             asset.numberOfChannels *
-            sample_rate_1.DEFAULT_SAMPLE_RATE *
-            BYTES_PER_SAMPLE);
+            BYTES_PER_SAMPLE;
         (0, node_fs_1.writeSync)(
         // fs
         fileDescriptor, 

package/dist/browser/BrowserPage.js

@@ -48,6 +48,32 @@ const shouldHideWarning = (log) => {
     }
     return false;
 };
+const format = (eventType, args) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const previewString = args
+        .filter((a) => { var _a; return !(a.type === 'symbol' && ((_a = a.description) === null || _a === void 0 ? void 0 : _a.includes(`__remotion_`))); })
+        .map((a) => (0, format_logs_1.formatRemoteObject)(a))
+        .filter(Boolean)
+        .join(' ');
+    let logLevelFromRemotionLog = null;
+    let tag = null;
+    for (const a of args) {
+        if (a.type === 'symbol' && ((_a = a.description) === null || _a === void 0 ? void 0 : _a.includes(`__remotion_level_`))) {
+            logLevelFromRemotionLog = (_d = (_c = (_b = a.description) === null || _b === void 0 ? void 0 : _b.split('__remotion_level_')) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.replace(')', '');
+        }
+        if (a.type === 'symbol' && ((_e = a.description) === null || _e === void 0 ? void 0 : _e.includes(`__remotion_tag_`))) {
+            tag = (_h = (_g = (_f = a.description) === null || _f === void 0 ? void 0 : _f.split('__remotion_tag_')) === null || _g === void 0 ? void 0 : _g[1]) === null || _h === void 0 ? void 0 : _h.replace(')', '');
+        }
+    }
+    const logLevelFromEvent = eventType === 'debug'
+        ? 'verbose'
+        : eventType === 'error'
+            ? 'error'
+            : eventType === 'warning'
+                ? 'warn'
+                : 'verbose';
+    return { previewString, logLevelFromRemotionLog, logLevelFromEvent, tag };
+};
 class Page extends EventEmitter_1.EventEmitter {
     static async _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, onBrowserLog, }) {
         const page = new Page({
@@ -74,22 +100,23 @@ class Page extends EventEmitter_1.EventEmitter {
         _Page_frameManager.set(this, void 0);
         _Page_pageBindings.set(this, new Map());
         _Page_onConsole.set(this, (log) => {
-            var _a, _b;
-            const { url, columnNumber, lineNumber } = log.location();
+            var _a, _b, _c;
+            const stackTrace = log.stackTrace();
+            const { url, columnNumber, lineNumber } = (_a = stackTrace[0]) !== null && _a !== void 0 ? _a : {};
             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(),
+            (_b = this.onBrowserLog) === null || _b === void 0 ? void 0 : _b.call(this, {
+                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 = (_b = this.sourceMapGetter()) === null || _b === void 0 ? void 0 : _b.originalPositionFor({
+                const origPosition = (_c = this.sourceMapGetter()) === null || _c === void 0 ? void 0 : _c.originalPositionFor({
                     column: columnNumber !== null && columnNumber !== void 0 ? columnNumber : 0,
                     line: lineNumber,
                 });
@@ -105,7 +132,9 @@ class Page extends EventEmitter_1.EventEmitter {
                 const tagInfo = [origPosition === null || origPosition === void 0 ? void 0 : origPosition.name, isDelayRenderClear ? null : file]
                     .filter(truthy_1.truthy)
                     .join('@');
-                const tag = [tabInfo, tagInfo].filter(truthy_1.truthy).join(', ');
+                const tag = [tabInfo, log.tag, log.tag ? null : tagInfo]
+                    .filter(truthy_1.truthy)
+                    .join(', ');
                 if (log.type === 'error') {
                     logger_1.Log.error({
                         logLevel,
@@ -114,11 +143,11 @@ class Page extends EventEmitter_1.EventEmitter {
                     }, log.previewString);
                 }
                 else {
-                    logger_1.Log.verbose({
+                    logger_1.Log[logLevel]({
                         logLevel,
                         tag,
                         indent,
-                    }, isDelayRenderClear ? log.previewString : log.previewString);
+                    }, log.previewString);
                 }
             }
             else if (log.type === 'error') {
@@ -317,13 +346,7 @@ _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(', ')
-        : '';
+    const { previewString, logLevelFromRemotionLog, logLevelFromEvent, tag } = format(level, args !== null && args !== void 0 ? args : []);
     if (source !== 'worker') {
         const message = new ConsoleMessage_1.ConsoleMessage({
             type: level,
@@ -331,6 +354,8 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
             args: [],
             stackTraceLocations: [{ url, lineNumber }],
             previewString,
+            logLevel: logLevelFromRemotionLog !== null && logLevelFromRemotionLog !== void 0 ? logLevelFromRemotionLog : logLevelFromEvent,
+            tag,
         });
         (_a = this.onBrowserLog) === null || _a === void 0 ? void 0 : _a.call(this, {
             stackTrace: message.stackTrace(),
@@ -382,6 +407,7 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
         contextId: event.executionContextId,
     });
 }, _Page_addConsoleMessage = function _Page_addConsoleMessage(eventType, args, stackTrace) {
+    var _a, _b;
     const textTokens = [];
     for (const arg of args) {
         const remoteObject = arg._remoteObject;
@@ -402,16 +428,16 @@ _Page_client = new WeakMap(), _Page_target = new WeakMap(), _Page_timeoutSetting
             });
         }
     }
-    const previewString = args
-        .map((a) => (0, format_logs_1.formatRemoteObject)(a._remoteObject))
-        .filter(Boolean)
-        .join(' ');
+    const { previewString, logLevelFromRemotionLog, logLevelFromEvent, tag } = format(eventType, (_a = args.map((a) => a._remoteObject)) !== null && _a !== void 0 ? _a : []);
+    const logLevel = (_b = logLevelFromRemotionLog) !== null && _b !== void 0 ? _b : logLevelFromEvent;
     const message = new ConsoleMessage_1.ConsoleMessage({
         type: eventType,
         text: textTokens.join(' '),
         args,
         stackTraceLocations,
         previewString,
+        logLevel,
+        tag,
     });
     __classPrivateFieldGet(this, _Page_onConsole, "f").call(this, message);
 };

package/dist/browser/ConsoleMessage.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { LogLevel } from 'remotion';
 import type { JSHandle } from './JSHandle';
 export interface ConsoleMessageLocation {
     url?: string;
@@ -26,13 +27,16 @@ export declare class ConsoleMessage {
     text: string;
     args: JSHandle[];
     previewString: string;
-    constructor({ type, text, args, stackTraceLocations, previewString, }: {
+    logLevel: LogLevel;
+    tag: string | null;
+    constructor({ type, text, args, stackTraceLocations, previewString, logLevel, tag, }: {
         type: ConsoleMessageType;
         text: string;
         args: JSHandle[];
         stackTraceLocations: ConsoleMessageLocation[];
         previewString: string;
+        logLevel: LogLevel;
+        tag: string | null;
     });
-    location(): ConsoleMessageLocation;
     stackTrace(): ConsoleMessageLocation[];
 }

package/dist/browser/ConsoleMessage.js

@@ -29,17 +29,15 @@ var _ConsoleMessage_stackTraceLocations;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConsoleMessage = void 0;
 class ConsoleMessage {
-    constructor({ type, text, args, stackTraceLocations, previewString, }) {
+    constructor({ type, text, args, stackTraceLocations, previewString, logLevel, tag, }) {
         _ConsoleMessage_stackTraceLocations.set(this, void 0);
         this.type = type;
         this.text = text;
         this.args = args;
         this.previewString = previewString;
         __classPrivateFieldSet(this, _ConsoleMessage_stackTraceLocations, stackTraceLocations, "f");
-    }
-    location() {
-        var _a;
-        return (_a = __classPrivateFieldGet(this, _ConsoleMessage_stackTraceLocations, "f")[0]) !== null && _a !== void 0 ? _a : {};
+        this.logLevel = logLevel;
+        this.tag = tag;
     }
     stackTrace() {
         return __classPrivateFieldGet(this, _ConsoleMessage_stackTraceLocations, "f");

package/dist/client.d.ts

@@ -947,10 +947,46 @@ export declare const BrowserSafeApis: {
             };
             setConfig: (pattern: string | null) => void;
         };
+        mediaCacheSizeInBytesOption: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
     };
     validColorSpaces: readonly ["default", "bt709", "bt2020-ncl"];
     optionsMap: {
         readonly renderMedia: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -1364,6 +1400,24 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly renderStill: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -1487,6 +1541,24 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly getCompositions: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -1595,6 +1667,24 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly selectComposition: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -1703,6 +1793,24 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly renderFrames: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly forSeamlessAacConcatenation: {
                 name: string;
                 cliFlag: "for-seamless-aac-concatenation";
@@ -1859,6 +1967,24 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly renderMediaOnLambda: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -2113,6 +2239,24 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly renderStillOnLambda: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -2244,11 +2388,11 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly getCompositionsOnLambda: {
-            readonly offthreadVideoCacheSizeInBytes: {
+            readonly mediaCacheSizeInBytes: {
                 name: string;
-                cliFlag: "offthreadvideo-cache-size-in-bytes";
+                cliFlag: "media-cache-size-in-bytes";
                 description: () => import("react/jsx-runtime").JSX.Element;
-                ssrName: "offthreadVideoCacheSizeInBytes";
+                ssrName: "mediaCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
                 getValue: ({ commandLine }: {
@@ -2262,11 +2406,11 @@ export declare const BrowserSafeApis: {
                 };
                 setConfig: (size: number | null) => void;
             };
-            readonly offthreadVideoThreads: {
+            readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
-                cliFlag: "offthreadvideo-video-threads";
+                cliFlag: "offthreadvideo-cache-size-in-bytes";
                 description: () => import("react/jsx-runtime").JSX.Element;
-                ssrName: "offthreadVideoThreads";
+                ssrName: "offthreadVideoCacheSizeInBytes";
                 docLink: string;
                 type: number | null;
                 getValue: ({ commandLine }: {
@@ -2312,6 +2456,24 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly renderMediaOnCloudRun: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -2596,6 +2758,24 @@ export declare const BrowserSafeApis: {
             };
         };
         readonly renderStillOnCloudRun: {
+            readonly mediaCacheSizeInBytes: {
+                name: string;
+                cliFlag: "media-cache-size-in-bytes";
+                description: () => import("react/jsx-runtime").JSX.Element;
+                ssrName: "mediaCacheSizeInBytes";
+                docLink: string;
+                type: number | null;
+                getValue: ({ commandLine }: {
+                    commandLine: Record<string, unknown>;
+                }) => {
+                    source: string;
+                    value: number;
+                } | {
+                    source: string;
+                    value: null;
+                };
+                setConfig: (size: number | null) => void;
+            };
             readonly offthreadVideoCacheSizeInBytes: {
                 name: string;
                 cliFlag: "offthreadvideo-cache-size-in-bytes";