@remotion/renderer 4.1.0-alpha5 → 4.1.0-alpha7

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/compositor/compose.js

@@ -75,6 +75,11 @@ const callCompositor = (payload) => {
                 }
             }
         });
+        if (child.stdin.closed) {
+            reject(new Error('Compositor stdin closed unexpectedly,' +
+                Buffer.concat(stderrChunks).toString('utf-8')));
+            return;
+        }
         child.stdin.write(payload);
         child.stdin.end();
     });

package/dist/compositor/compositor.js

@@ -19,9 +19,9 @@ const getIdealMaximumFrameCacheItems = () => {
     // Assuming 1 frame is approximately 6MB
     // Assuming only half the available memory should be used
     const max = Math.floor(freeMemory / (1024 * 1024 * 6));
-    // Never store more than 1000 frames
-    // But 100 is needed even if it's going to swap
-    return Math.max(100, Math.min(max, 1000));
+    // Never store more than 2000 frames
+    // But 500 is needed even if it's going to swap
+    return Math.max(500, Math.min(max, 2000));
 };
 exports.getIdealMaximumFrameCacheItems = getIdealMaximumFrameCacheItems;
 const startLongRunningCompositor = (maximumFrameCacheItems, logLevel, indent) => {
@@ -206,7 +206,6 @@ const startCompositor = (type, payload, logLevel, indent) => {
                         params,
                     },
                 };
-                // TODO: Should have a way to error out a single task
                 child.stdin.write(JSON.stringify(composed) + '\n');
                 waiters.set(nonce, {
                     resolve: _resolve,

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/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import execa from 'execa';
 import { HeadlessBrowser } from './browser/Browser';
 import { SymbolicateableError } from './error-handling/symbolicateable-error';
@@ -42,7 +43,7 @@ export declare const RenderInternals: {
         downloadMap: import("./assets/download-map").DownloadMap;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         indent: boolean;
     }) => Promise<{
         port: number;
@@ -113,8 +114,8 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: import("./browser").Browser;
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | null;
-    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | null) => "swangle" | "angle" | "egl" | "swiftshader" | null;
+    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | null;
+    validateOpenGlRenderer: (option: "angle" | "swangle" | "egl" | "swiftshader" | null) => "angle" | "swangle" | "egl" | "swiftshader" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: number | undefined) => void;
@@ -122,7 +123,7 @@ export declare const RenderInternals: {
     DEFAULT_CODEC: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | undefined) => boolean;
     logLevels: readonly ["verbose", "info", "warn", "error"];
-    isEqualOrBelowLogLevel: (currentLevel: "verbose" | "info" | "warn" | "error", level: "verbose" | "info" | "warn" | "error") => boolean;
+    isEqualOrBelowLogLevel: (currentLevel: "error" | "verbose" | "info" | "warn", level: "error" | "verbose" | "info" | "warn") => boolean;
     isValidLogLevel: (level: string) => boolean;
     perf: typeof perf;
     convertToPositiveFrameIndex: ({ frame, durationInFrames, }: {
@@ -299,8 +300,8 @@ export declare const RenderInternals: {
     };
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
+    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -356,24 +357,24 @@ export declare const RenderInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
     };
-    getLogLevel: () => "verbose" | "info" | "warn" | "error";
-    setLogLevel: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;
+    getLogLevel: () => "error" | "verbose" | "info" | "warn";
+    setLogLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;
     INDENT_TOKEN: string;
     isColorSupported: () => boolean;
     HeadlessBrowser: typeof HeadlessBrowser;
@@ -382,7 +383,7 @@ export declare const RenderInternals: {
         port: number | null;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         indent: boolean;
     }) => Promise<import("./prepare-server").RemotionServer>;
     makeOrReuseServer: (server: import("./prepare-server").RemotionServer | undefined, config: {
@@ -390,7 +391,7 @@ export declare const RenderInternals: {
         port: number | null;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         indent: boolean;
     }, { onDownload, onError, }: {
         onError: (err: Error) => void;
@@ -404,7 +405,7 @@ export declare const RenderInternals: {
         output: string | null;
         frame: number;
         inputProps: Record<string, unknown>;
-        imageFormat: "png" | "jpeg" | "pdf" | "webp";
+        imageFormat: "jpeg" | "png" | "webp" | "pdf";
         jpegQuality: number;
         puppeteerInstance: HeadlessBrowser | null;
         envVariables: Record<string, string>;
@@ -418,7 +419,7 @@ export declare const RenderInternals: {
         cancelSignal: import("./make-cancel-signal").CancelSignal | null;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         serveUrl: string;
         port: number | null;
     }) => Promise<{
@@ -431,7 +432,7 @@ export declare const RenderInternals: {
         viewport: import("./browser/PuppeteerViewport").Viewport | null;
         indent: boolean;
         browser: import("./browser").Browser;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     }) => Promise<HeadlessBrowser>;
     internalSelectComposition: (options: {
         inputProps: Record<string, unknown>;
@@ -444,7 +445,7 @@ export declare const RenderInternals: {
         port: number | null;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         serveUrl: string;
         id: string;
     }) => Promise<{
@@ -462,7 +463,7 @@ export declare const RenderInternals: {
         port: number | null;
         server: import("./prepare-server").RemotionServer | undefined;
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         serveUrlOrWebpackUrl: string;
     }) => Promise<import("remotion").VideoConfig[]>;
     internalRenderFrames: ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, inputProps, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, }: import("./render-frames").InternalRenderFramesOptions) => Promise<import("./types").RenderFramesOutput>;

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/options/crf.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 exports.crfOption = {
     name: 'CRF',
     cliFlag: '--crf',
-    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No matter which codec you end up using, there's always a tradeoff between file size and video quality. You can control it by setting the so called CRF (Constant Rate Factor). The lower the number, the better the quality, the higher the number, the smaller the file is \u2013 of course at the cost of quality." })),
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No matter which codec you end up using, there's always a tradeoff between file size and video quality. You can control it by setting the CRF (Constant Rate Factor). The lower the number, the better the quality, the higher the number, the smaller the file is \u2013 of course at the cost of quality." })),
     ssrName: 'crf',
     docLink: 'https://www.remotion.dev/docs/encoding/#controlling-quality-using-the-crf-setting',
 };

package/dist/options/video-codec.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 exports.videoCodecOption = {
     name: 'Codec',
     cliFlag: '--codec',
-    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM and ProRes support transparency." })),
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, but sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM and ProRes support transparency." })),
     ssrName: 'codec',
     docLink: 'https://www.remotion.dev/docs/encoding/#choosing-a-codec',
 };

package/dist/render-frames.js

@@ -133,7 +133,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
     cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
         stopped = true;
     });
-    const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, }) => {
+    const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, compId, }) => {
         const pool = await poolPromise;
         const freePage = await pool.acquire();
         if (stopped) {
@@ -149,7 +149,12 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
             frame,
         });
         freePage.on('error', errorCallbackOnFrame);
-        await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage });
+        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`');
         }
@@ -210,6 +215,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
                 reject,
                 width: composition.width,
                 height: composition.height,
+                compId: composition.id,
             })
                 .then(() => {
                 resolve();
@@ -290,8 +296,7 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderFrames()`', false);
-    remotion_1.Internals.validateDurationInFrames({
-        durationInFrames: composition.durationInFrames,
+    remotion_1.Internals.validateDurationInFrames(composition.durationInFrames, {
         component: 'in the `config` object passed to `renderFrames()`',
         allowFloats: false,
     });

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/render-still.js

@@ -53,8 +53,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderStill()`', false);
-    remotion_1.Internals.validateDurationInFrames({
-        durationInFrames: composition.durationInFrames,
+    remotion_1.Internals.validateDurationInFrames(composition.durationInFrames, {
         component: 'in the `config` object passed to `renderStill()`',
         allowFloats: false,
     });
@@ -170,7 +169,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         frame: null,
         page,
     });
-    await (0, seek_to_frame_1.seekToFrame)({ frame: stillFrame, page });
+    await (0, seek_to_frame_1.seekToFrame)({ frame: stillFrame, page, composition: composition.id });
     const { buffer } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
         frame: stillFrame,
         freePage: page,

package/dist/seek-to-frame.d.ts

@@ -1,6 +1,7 @@
 import type { Page } from './browser/BrowserPage';
 export declare const waitForReady: (page: Page) => Promise<unknown>;
-export declare const seekToFrame: ({ frame, page, }: {
+export declare const seekToFrame: ({ frame, page, composition, }: {
     frame: number;
+    composition: string;
     page: Page;
 }) => Promise<void>;

package/dist/seek-to-frame.js

@@ -48,13 +48,13 @@ const waitForReady = (page) => {
     ]);
 };
 exports.waitForReady = waitForReady;
-const seekToFrame = async ({ frame, page, }) => {
+const seekToFrame = async ({ frame, page, composition, }) => {
     await (0, exports.waitForReady)(page);
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
-        pageFunction: (f) => {
-            window.remotion_setFrame(f);
+        pageFunction: (f, c) => {
+            window.remotion_setFrame(f, c);
         },
-        args: [frame],
+        args: [frame, composition],
         frame,
         page,
     });

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;
@@ -97,16 +98,16 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
         frame: null,
         page,
     });
-    const requiredVersion = '6';
+    const requiredVersion = '7';
     if (siteVersion !== requiredVersion) {
         throw new Error(`Incompatible site: When visiting ${urlToVisit}, a bundle was found, but one that is not compatible with this version of Remotion. Found version: ${siteVersion} - Required version: ${requiredVersion}. To resolve this error, please bundle and deploy again.`);
     }
     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.1.0-alpha5",
+  "version": "4.1.0-alpha7",
   "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.1.0-alpha5"
+    "remotion": "4.1.0-alpha7"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -42,13 +42,13 @@
     "zod": "^3.21.4"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.1.0-alpha5",
-    "@remotion/compositor-darwin-x64": "4.1.0-alpha5",
-    "@remotion/compositor-linux-x64-gnu": "4.1.0-alpha5",
-    "@remotion/compositor-linux-arm64-gnu": "4.1.0-alpha5",
-    "@remotion/compositor-linux-arm64-musl": "4.1.0-alpha5",
-    "@remotion/compositor-linux-x64-musl": "4.1.0-alpha5",
-    "@remotion/compositor-win32-x64-msvc": "4.1.0-alpha5"
+    "@remotion/compositor-darwin-arm64": "4.1.0-alpha7",
+    "@remotion/compositor-linux-arm64-musl": "4.1.0-alpha7",
+    "@remotion/compositor-linux-arm64-gnu": "4.1.0-alpha7",
+    "@remotion/compositor-win32-x64-msvc": "4.1.0-alpha7",
+    "@remotion/compositor-linux-x64-musl": "4.1.0-alpha7",
+    "@remotion/compositor-darwin-x64": "4.1.0-alpha7",
+    "@remotion/compositor-linux-x64-gnu": "4.1.0-alpha7"
   },
   "keywords": [
     "remotion",