@remotion/cli 4.0.354 → 4.0.356

package/dist/benchmark.js

@@ -207,6 +207,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
         mediaCacheSizeInBytes: mediaCacheSizeInBytesOption.getValue({
             commandLine: parsed_cli_1.parsedCli,
         }).value,
+        onLog: renderer_1.RenderInternals.defaultOnLog,
     });
     const ids = (remainingArgs[0]
         ? String(remainingArgs[0])
@@ -363,6 +364,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
                 mediaCacheSizeInBytes: mediaCacheSizeInBytesOption.getValue({
                     commandLine: parsed_cli_1.parsedCli,
                 }).value,
+                onLog: renderer_1.RenderInternals.defaultOnLog,
             }, (run, progress) => {
                 benchmarkProgress.update(makeBenchmarkProgressBar({
                     totalRuns: runs,

package/dist/compositions.js

@@ -114,6 +114,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
         }),
         chromeMode,
         mediaCacheSizeInBytes,
+        onLog: renderer_1.RenderInternals.defaultOnLog,
     });
     (0, print_compositions_1.printCompositions)(compositions, logLevel);
 };

package/dist/get-composition-id.js

@@ -86,6 +86,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, serializedInputProp
         onBrowserDownload,
         chromeMode,
         mediaCacheSizeInBytes,
+        onLog: renderer_1.RenderInternals.defaultOnLog,
     });
     if (comps.length === 1) {
         return {

package/dist/gpu.js

@@ -61,6 +61,7 @@ const gpuCommand = async (logLevel) => {
             quiet: (0, parsed_cli_1.quietFlagProvided)(),
         }),
         chromeMode,
+        onLog: renderer_1.RenderInternals.defaultOnLog,
     });
     for (const { feature, status } of statuses) {
         log_1.Log.info({ indent: false, logLevel }, `${feature}: ${colorStatus(status)}`);

package/dist/index.d.ts

@@ -60,6 +60,9 @@ export declare const CliInternals: {
     };
     makeProgressBar: (percentage: number, noColor: boolean) => string;
     Log: {
+        formatLogs: (logLevel: import("@remotion/renderer").LogLevel, options: import("@remotion/renderer").LogOptions & {
+            tag?: string;
+        }, args: Parameters<typeof console.log>) => string[];
         trace: (options: import("@remotion/renderer").LogOptions & {
             tag?: string;
         }, message?: any, ...optionalParams: any[]) => boolean | void;

package/dist/log.d.ts

@@ -1,4 +1,7 @@
 export declare const Log: {
+    formatLogs: (logLevel: import("@remotion/renderer").LogLevel, options: import("@remotion/renderer").LogOptions & {
+        tag?: string;
+    }, args: Parameters<typeof console.log>) => string[];
     trace: (options: import("@remotion/renderer").LogOptions & {
         tag?: string;
     }, message?: any, ...optionalParams: any[]) => boolean | void;

package/dist/progress-bar.js

@@ -167,6 +167,23 @@ const getRightLabelWidth = (totalFrames) => {
     return `${totalFrames}/${totalFrames}`.length;
 };
 exports.getRightLabelWidth = getRightLabelWidth;
+const makeLogsProgress = (logs) => {
+    if (logs.length === 0) {
+        return null;
+    }
+    return logs
+        .map((log) => {
+        var _a;
+        return renderer_1.RenderInternals.Log.formatLogs(log.logLevel, {
+            indent: false,
+            // It the log makes it this far, it should be logged
+            // Bypass log level filter
+            logLevel: 'trace',
+            tag: (_a = log.tag) !== null && _a !== void 0 ? _a : undefined,
+        }, [log.previewString]).join(' ');
+    })
+        .join('\n');
+};
 const makeStitchingProgress = ({ stitchingProgress, isUsingParallelEncoding, }) => {
     const { frames, totalFrames, doneIn, stage, codec } = stitchingProgress;
     const progress = frames / totalFrames;
@@ -189,9 +206,10 @@ const makeStitchingProgress = ({ stitchingProgress, isUsingParallelEncoding, })
 };
 const makeRenderingAndStitchingProgress = ({ prog, isUsingParallelEncoding, }) => {
     var _a;
-    const { rendering, stitching, downloads, bundling, artifactState } = prog;
+    const { rendering, stitching, downloads, bundling, artifactState, logs } = prog;
     const output = [
         rendering ? makeRenderingProgress(rendering) : null,
+        makeLogsProgress(logs),
         (0, download_progress_1.makeMultiDownloadProgress)(downloads, (_a = rendering === null || rendering === void 0 ? void 0 : rendering.totalFrames) !== null && _a !== void 0 ? _a : 0),
         stitching === null
             ? null

package/dist/progress-types.js

@@ -16,5 +16,6 @@ const initialAggregateRenderProgress = () => ({
     artifactState: {
         received: [],
     },
+    logs: [],
 });
 exports.initialAggregateRenderProgress = initialAggregateRenderProgress;

package/dist/render-flows/add-log-to-aggredate-progress.d.ts

@@ -0,0 +1,8 @@
+import type { AggregateRenderProgress } from '@remotion/studio-shared';
+import type { LogLevel } from 'remotion';
+export declare const addLogToAggregateProgress: ({ logs, logLevel, previewString, tag, }: {
+    logs: AggregateRenderProgress["logs"];
+    logLevel: LogLevel;
+    previewString: string;
+    tag: string | null;
+}) => void;

package/dist/render-flows/add-log-to-aggredate-progress.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addLogToAggregateProgress = void 0;
+const addLogToAggregateProgress = ({ logs, logLevel, previewString, tag, }) => {
+    logs.push({ logLevel, previewString, tag });
+};
+exports.addLogToAggregateProgress = addLogToAggregateProgress;

package/dist/render-flows/add-log-to-aggregate-progress.d.ts

@@ -0,0 +1,9 @@
+import type { AggregateRenderProgress } from '@remotion/studio-shared';
+import type { LogLevel } from 'remotion';
+export declare const addLogToAggregateProgress: ({ logs, logLogLevel, logLevel, previewString, tag, }: {
+    logs: AggregateRenderProgress["logs"];
+    logLogLevel: LogLevel;
+    logLevel: LogLevel;
+    previewString: string;
+    tag: string | null;
+}) => void;

package/dist/render-flows/add-log-to-aggregate-progress.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addLogToAggregateProgress = void 0;
+const renderer_1 = require("@remotion/renderer");
+const addLogToAggregateProgress = ({ logs, logLogLevel, logLevel, previewString, tag, }) => {
+    if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, logLogLevel)) {
+        logs.push({ logLevel: logLogLevel, previewString, tag });
+        if (logs.length > 3) {
+            logs.shift();
+        }
+    }
+};
+exports.addLogToAggregateProgress = addLogToAggregateProgress;

package/dist/render-flows/render.js

@@ -61,6 +61,7 @@ const setup_cache_1 = require("../setup-cache");
 const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
+const add_log_to_aggregate_progress_1 = require("./add-log-to-aggregate-progress");
 const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, }) => {
     var _a;
     const isVerbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
@@ -115,6 +116,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         bytes: 0,
         doneIn: null,
     };
+    const logsProgress = [];
     let artifactState = { received: [] };
     const updateRenderProgress = ({ newline, printToConsole, }) => {
         const aggregateRenderProgress = {
@@ -124,6 +126,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             bundling: bundlingProgress,
             copyingState,
             artifactState,
+            logs: logsProgress,
         };
         const { output, message, progress } = (0, progress_bar_1.makeRenderingAndStitchingProgress)({
             prog: aggregateRenderProgress,
@@ -209,7 +212,10 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         artifactState,
         onProgress: (progress) => {
             artifactState = progress;
-            updateRenderProgress({ newline: false, printToConsole: true });
+            updateRenderProgress({
+                newline: false,
+                printToConsole: !updatesDontOverwrite,
+            });
         },
         compositionId,
     });
@@ -294,6 +300,28 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         codec: shouldOutputImageSequence ? undefined : codec,
         uiImageFormat,
     });
+    const onLog = ({ logLevel: logLogLevel, previewString, tag }) => {
+        (0, add_log_to_aggregate_progress_1.addLogToAggregateProgress)({
+            logs: logsProgress,
+            logLogLevel,
+            previewString,
+            tag,
+            logLevel,
+        });
+        if (!updatesDontOverwrite) {
+            updateRenderProgress({
+                newline: false,
+                printToConsole: !updatesDontOverwrite,
+            });
+        }
+        else {
+            log_1.Log[logLogLevel]({
+                indent,
+                logLevel,
+                tag,
+            }, previewString);
+        }
+    };
     if (shouldOutputImageSequence) {
         node_fs_1.default.mkdirSync(absoluteOutputFile, {
             recursive: true,
@@ -353,6 +381,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             chromeMode,
             imageSequencePattern,
             mediaCacheSizeInBytes,
+            onLog,
         });
         log_1.Log.info({ indent, logLevel }, chalk_1.chalk.blue(`\n▶ ${absoluteOutputFile}`));
         return;
@@ -442,6 +471,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         hardwareAcceleration,
         chromeMode,
         mediaCacheSizeInBytes,
+        onLog,
     });
     if (!updatesDontOverwrite) {
         updateRenderProgress({ newline: true, printToConsole: true });

package/dist/render-flows/still.js

@@ -27,6 +27,7 @@ const setup_cache_1 = require("../setup-cache");
 const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
+const add_log_to_aggregate_progress_1 = require("./add-log-to-aggregate-progress");
 const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, chromeMode, offthreadVideoThreads, audioLatencyHint, mediaCacheSizeInBytes, }) => {
     var _a, _b;
     const isVerbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
@@ -250,6 +251,19 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         chromeMode,
         offthreadVideoThreads,
         mediaCacheSizeInBytes,
+        onLog: ({ logLevel: logLogLevel, previewString, tag }) => {
+            (0, add_log_to_aggregate_progress_1.addLogToAggregateProgress)({
+                logs: aggregate.logs,
+                logLogLevel,
+                previewString,
+                tag,
+                logLevel,
+            });
+            updateRenderProgress({
+                newline: false,
+                printToConsole: true,
+            });
+        },
     });
     aggregate.rendering = {
         frames: 1,

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
   },
   "name": "@remotion/cli",
-  "version": "4.0.354",
+  "version": "4.0.356",
   "description": "Control Remotion features using the `npx remotion` command",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -33,14 +33,14 @@
     "dotenv": "9.0.2",
     "minimist": "1.2.6",
     "prompts": "2.4.2",
-    "@remotion/media-utils": "4.0.354",
-    "@remotion/renderer": "4.0.354",
-    "@remotion/player": "4.0.354",
-    "@remotion/studio": "4.0.354",
-    "remotion": "4.0.354",
-    "@remotion/studio-server": "4.0.354",
-    "@remotion/studio-shared": "4.0.354",
-    "@remotion/bundler": "4.0.354"
+    "@remotion/bundler": "4.0.356",
+    "@remotion/media-utils": "4.0.356",
+    "remotion": "4.0.356",
+    "@remotion/player": "4.0.356",
+    "@remotion/studio-shared": "4.0.356",
+    "@remotion/studio-server": "4.0.356",
+    "@remotion/studio": "4.0.356",
+    "@remotion/renderer": "4.0.356"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -54,11 +54,11 @@
     "react-dom": "19.0.0",
     "zod": "3.22.3",
     "eslint": "9.19.0",
-    "@remotion/zod-types": "4.0.354",
-    "@remotion/tailwind-v4": "4.0.354",
-    "@remotion/enable-scss": "4.0.354",
-    "@remotion/skia": "4.0.354",
-    "@remotion/eslint-config-internal": "4.0.354"
+    "@remotion/zod-types": "4.0.356",
+    "@remotion/eslint-config-internal": "4.0.356",
+    "@remotion/enable-scss": "4.0.356",
+    "@remotion/tailwind-v4": "4.0.356",
+    "@remotion/skia": "4.0.356"
   },
   "keywords": [
     "remotion",