@remotion/renderer 4.0.0 → 4.0.2

package/dist/browser/BrowserPage.js

@@ -40,6 +40,14 @@ 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:') &&
+        log.text.includes('http://localhost:')) {
+        return true;
+    }
+    return false;
+};
 class Page extends EventEmitter_1.EventEmitter {
     static async _create({ client, target, defaultViewport, browser, sourcemapContext, logLevel, indent, }) {
         const page = new Page({
@@ -106,6 +114,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) {

package/dist/browser/should-log-message.js

@@ -18,6 +18,12 @@ const shouldLogBrowserMessage = (message) => {
     if (message.includes('Failed to send GpuControl.CreateCommandBuffer')) {
         return false;
     }
+    if (message.includes('CreatePlatformSocket() failed: Address family not supported by protocol')) {
+        return false;
+    }
+    if (message.includes('Fontconfig error: No writable cache directories')) {
+        return false;
+    }
     return true;
 };
 exports.shouldLogBrowserMessage = shouldLogBrowserMessage;

package/dist/format-logs.js

@@ -48,6 +48,9 @@ const formatObjectPreview = (preview) => {
             return chalk_1.chalk.reset(`${property.name}: ${formatProperty(property)}`);
         });
         if (preview.subtype === 'array') {
+            if (preview.overflow) {
+                return chalk_1.chalk.reset(`[ ${preview.properties.map((p) => formatProperty(p)).join(', ')}, …]`);
+            }
             return chalk_1.chalk.reset(`[ ${preview.properties.map((p) => formatProperty(p)).join(', ')} ]`);
         }
         if (preview.subtype === 'arraybuffer') {
@@ -104,6 +107,9 @@ const formatObjectPreview = (preview) => {
         if (properties.length === 0) {
             return chalk_1.chalk.reset('{}');
         }
+        if (preview.overflow) {
+            return chalk_1.chalk.reset(`{ ${properties.join(', ')}, …}`);
+        }
         return chalk_1.chalk.reset(`{ ${properties.join(', ')} }`);
     }
     return '';

package/dist/logger.js

@@ -23,15 +23,16 @@ exports.Log = {
             return console.log(...[
                 options.indent ? exports.INDENT_TOKEN : null,
                 options.tag ? (0, exports.verboseTag)(options.tag) : null,
-                ...args.map((a) => chalk_1.chalk.gray(a)),
-            ].filter(truthy_1.truthy));
+            ]
+                .filter(truthy_1.truthy)
+                .concat(args.map((a) => chalk_1.chalk.gray(a))));
         }
     },
     info: (...args) => {
         exports.Log.infoAdvanced({ indent: false, logLevel: (0, exports.getLogLevel)() }, ...args);
     },
     infoAdvanced: (options, ...args) => {
-        return console.log(...[options.indent ? exports.INDENT_TOKEN : null, ...args].filter(truthy_1.truthy));
+        return console.log(...[options.indent ? exports.INDENT_TOKEN : null].filter(truthy_1.truthy).concat(args));
     },
     warn: (...args) => {
         if ((0, log_level_1.isEqualOrBelowLogLevel)((0, exports.getLogLevel)(), 'warn')) {
@@ -40,10 +41,9 @@ exports.Log = {
     },
     warnAdvanced: (options, ...args) => {
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'warn')) {
-            return console.warn(...[
-                options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null,
-                ...args.map((a) => chalk_1.chalk.yellow(a)),
-            ].filter(truthy_1.truthy));
+            return console.warn(...[options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null]
+                .filter(truthy_1.truthy)
+                .concat(args.map((a) => chalk_1.chalk.yellow(a))));
         }
     },
     error: (...args) => {

package/dist/offthread-video-server.js

@@ -5,6 +5,7 @@ const node_url_1 = require("node:url");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const compositor_1 = require("./compositor/compositor");
 const log_level_1 = require("./log-level");
+const logger_1 = require("./logger");
 const extractUrlAndSourceFromUrl = (url) => {
     const parsed = new URL(url, 'http://localhost');
     const query = parsed.search;
@@ -68,8 +69,10 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 res.end();
                 return;
             }
+            let extractStart = Date.now();
             (0, download_and_map_assets_to_file_1.downloadAsset)({ src, emitter: events, downloadMap })
                 .then((to) => {
+                extractStart = Date.now();
                 return compositor.executeCommand('ExtractFrame', {
                     input: to,
                     time,
@@ -77,6 +80,11 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 });
             })
                 .then((readable) => {
+                const extractEnd = Date.now();
+                const timeToExtract = extractEnd - extractStart;
+                if (timeToExtract > 1000) {
+                    logger_1.Log.verbose(`Took ${timeToExtract}ms to extract frame from ${src} at ${time}`);
+                }
                 if (!readable) {
                     throw new Error('no readable from ffmpeg');
                 }

package/dist/render-frames.js

@@ -149,7 +149,12 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
             frame,
         });
         freePage.on('error', errorCallbackOnFrame);
+        const startSeeking = Date.now();
         await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage, composition: compId });
+        const timeToSeek = Date.now() - startSeeking;
+        if (timeToSeek > 1000) {
+            logger_1.Log.verbose(`Seeking to frame ${frame} took ${timeToSeek}ms`);
+        }
         if (!outputDir && !onFrameBuffer && imageFormat !== 'none') {
             throw new Error('Called renderFrames() without specifying either `outputDir` or `onFrameBuffer`');
         }

package/dist/render-media.js

@@ -94,11 +94,13 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
         logLevel,
         tag: 'renderMedia()',
     }, 'Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
-    logger_1.Log.verboseAdvanced({
-        indent,
-        logLevel,
-        tag: 'renderMedia()',
-    }, 'User disallowed parallel encoding:', Boolean(disallowParallelEncoding));
+    if (disallowParallelEncoding) {
+        logger_1.Log.verboseAdvanced({
+            indent,
+            logLevel,
+            tag: 'renderMedia()',
+        }, 'User disallowed parallel encoding.');
+    }
     if (parallelEncoding) {
         logger_1.Log.verboseAdvanced({
             indent,

package/dist/set-props-and-env.js

@@ -7,6 +7,7 @@ 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 ({ inputProps, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     const actualTimeout = timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT;
@@ -103,10 +104,10 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
     }
     if (remotionVersion !== version_1.VERSION && process.env.NODE_ENV !== 'test') {
         if (remotionVersion) {
-            console.warn(`The site was bundled with version ${remotionVersion} of @remotion/bundler, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
+            logger_1.Log.warn(`The site was bundled with version ${remotionVersion} of @remotion/bundler, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
         }
         else {
-            console.warn(`The site was bundled with an old version of Remotion, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
+            logger_1.Log.warn(`The site was bundled with an old version of Remotion, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
         }
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "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.0"
+    "remotion": "4.0.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -42,13 +42,13 @@
     "zod": "^3.21.4"
   },
   "optionalDependencies": {
-    "@remotion/compositor-linux-arm64-gnu": "4.0.0",
-    "@remotion/compositor-linux-x64-gnu": "4.0.0",
-    "@remotion/compositor-darwin-arm64": "4.0.0",
-    "@remotion/compositor-linux-x64-musl": "4.0.0",
-    "@remotion/compositor-linux-arm64-musl": "4.0.0",
-    "@remotion/compositor-darwin-x64": "4.0.0",
-    "@remotion/compositor-win32-x64-msvc": "4.0.0"
+    "@remotion/compositor-darwin-x64": "4.0.2",
+    "@remotion/compositor-darwin-arm64": "4.0.2",
+    "@remotion/compositor-linux-x64-gnu": "4.0.2",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.2",
+    "@remotion/compositor-linux-arm64-musl": "4.0.2",
+    "@remotion/compositor-linux-x64-musl": "4.0.2",
+    "@remotion/compositor-win32-x64-msvc": "4.0.2"
   },
   "keywords": [
     "remotion",