@remotion/cli 4.0.55 → 4.0.57

package/dist/preview-server/render-queue/process-video.js

@@ -4,7 +4,7 @@ exports.processVideoJob = void 0;
 const convert_entry_point_to_serve_url_1 = require("../../convert-entry-point-to-serve-url");
 const get_cli_options_1 = require("../../get-cli-options");
 const render_1 = require("../../render-flows/render");
-const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
+const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, logLevel, }) => {
     var _a, _b, _c;
     if (job.type !== 'video' && job.type !== 'sequence') {
         throw new Error('Expected video job');
@@ -13,6 +13,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         isLambda: false,
         type: 'still',
         remotionRoot,
+        logLevel,
     });
     const fullEntryPoint = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(entryPoint);
     await (0, render_1.renderVideoFlow)({
@@ -34,7 +35,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         scale: job.scale,
         width: null,
         compositionIdFromUi: job.compositionId,
-        logLevel: job.verbose ? 'verbose' : 'info',
+        logLevel: job.logLevel,
         onProgress,
         indent: true,
         concurrency: job.concurrency,

package/dist/preview-server/render-queue/queue.d.ts

@@ -1,9 +1,11 @@
+import type { LogLevel } from '@remotion/renderer';
 import type { RenderJob, RenderJobWithCleanup } from './job';
 export declare const getRenderQueue: () => RenderJob[];
-export declare const addJob: ({ job, entryPoint, remotionRoot, }: {
+export declare const addJob: ({ job, entryPoint, remotionRoot, logLevel, }: {
     job: RenderJobWithCleanup;
     entryPoint: string;
     remotionRoot: string;
+    logLevel: LogLevel;
 }) => void;
 export declare const removeJob: (jobId: string) => void;
 export declare const cancelJob: (jobId: string) => void;

package/dist/preview-server/render-queue/queue.js

@@ -39,7 +39,7 @@ const notifyClientsOfJobUpdate = () => {
         });
     });
 };
-const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
+const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, logLevel, }) => {
     if (job.type === 'still') {
         await (0, process_still_1.processStill)({
             job,
@@ -57,14 +57,15 @@ const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanu
             entryPoint,
             onProgress,
             addCleanupCallback,
+            logLevel,
         });
         return;
     }
     throw new Error(`Unknown job ${JSON.stringify(job)}`);
 };
-const addJob = ({ job, entryPoint, remotionRoot, }) => {
+const addJob = ({ job, entryPoint, remotionRoot, logLevel, }) => {
     jobQueue.push(job);
-    processJobIfPossible({ entryPoint, remotionRoot });
+    processJobIfPossible({ entryPoint, remotionRoot, logLevel });
     notifyClientsOfJobUpdate();
 };
 exports.addJob = addJob;
@@ -93,7 +94,7 @@ const cancelJob = (jobId) => {
     }
 };
 exports.cancelJob = cancelJob;
-const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
+const processJobIfPossible = async ({ remotionRoot, entryPoint, logLevel, }) => {
     const runningJob = jobQueue.find((q) => {
         return q.status === 'running';
     });
@@ -160,6 +161,7 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
             addCleanupCallback: (cleanup) => {
                 jobCleanups.push(cleanup);
             },
+            logLevel,
         });
         log_1.Log.info(chalk_1.chalk.gray('╰─ Done in ' + (Date.now() - startTime) + 'ms.'));
         const { unwatch } = (0, file_watcher_1.installFileWatcher)({
@@ -215,5 +217,5 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
     finally {
         await Promise.all(jobCleanups.map((c) => c()));
     }
-    processJobIfPossible({ remotionRoot, entryPoint });
+    processJobIfPossible({ remotionRoot, entryPoint, logLevel });
 };

package/dist/preview-server/routes/add-render.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleAddRender = void 0;
 const renderer_1 = require("@remotion/renderer");
 const queue_1 = require("../render-queue/queue");
-const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
+const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, }) => {
     const id = String(Math.random()).replace('0.', '');
     if (input.type === 'video') {
         (0, queue_1.addJob)({
@@ -23,7 +23,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 jpegQuality: input.jpegQuality,
                 scale: input.scale,
                 startedAt: Date.now(),
-                verbose: input.verbose,
+                logLevel: input.logLevel,
                 cancelToken: (0, renderer_1.makeCancelSignal)(),
                 concurrency: input.concurrency,
                 crf: input.crf,
@@ -47,6 +47,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 colorSpace: input.colorSpace,
                 multiProcessOnLinux: input.multiProcessOnLinux,
             },
+            logLevel,
         });
     }
     if (input.type === 'sequence') {
@@ -65,7 +66,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 jpegQuality: input.jpegQuality,
                 scale: input.scale,
                 startedAt: Date.now(),
-                verbose: input.verbose,
+                logLevel: input.logLevel,
                 cancelToken: (0, renderer_1.makeCancelSignal)(),
                 concurrency: input.concurrency,
                 endFrame: input.endFrame,
@@ -77,6 +78,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 offthreadVideoCacheSizeInBytes: input.offthreadVideoCacheSizeInBytes,
                 multiProcessOnLinux: input.multiProcessOnLinux,
             },
+            logLevel,
         });
     }
     if (input.type === 'still') {
@@ -94,7 +96,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 scale: input.scale,
                 cleanup: [],
                 deletedOutputLocation: false,
-                verbose: input.verbose,
+                logLevel: input.logLevel,
                 cancelToken: (0, renderer_1.makeCancelSignal)(),
                 chromiumOptions: input.chromiumOptions,
                 delayRenderTimeout: input.delayRenderTimeout,
@@ -105,6 +107,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
             },
             entryPoint,
             remotionRoot,
+            logLevel,
         });
     }
     return Promise.resolve(undefined);

package/dist/preview-server/routes.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="node" />
+import type { LogLevel } from '@remotion/renderer';
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { LiveEventsServer } from './live-events';
-export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }: {
+export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, }: {
     staticHash: string;
     staticHashPrefix: string;
     outputHash: string;
@@ -14,4 +14,5 @@ export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash,
     remotionRoot: string;
     entryPoint: string;
     publicDir: string;
+    logLevel: LogLevel;
 }) => void | Promise<void> | Promise<ServerResponse<IncomingMessage> | undefined>;

package/dist/preview-server/routes.js

@@ -200,7 +200,7 @@ const handleFavicon = (_, response) => {
     const readStream = (0, node_fs_1.createReadStream)(filePath);
     readStream.pipe(response);
 };
-const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }) => {
+const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/project-info') {
         return handleProjectInfo(remotionRoot, request, response);
@@ -224,6 +224,7 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
                 handler: value,
                 request,
                 response,
+                logLevel,
             });
         }
     }

package/dist/preview-server/start-server.d.ts

@@ -1,4 +1,5 @@
 import type { WebpackOverrideFn } from '@remotion/bundler';
+import type { LogLevel } from '@remotion/renderer';
 import type { LiveEventsServer } from './live-events';
 export declare const startServer: (options: {
     entry: string;
@@ -17,6 +18,7 @@ export declare const startServer: (options: {
     staticHashPrefix: string;
     outputHash: string;
     outputHashPrefix: string;
+    logLevel: LogLevel;
 }) => Promise<{
     port: number;
     liveEventsServer: LiveEventsServer;

package/dist/preview-server/start-server.js

@@ -62,6 +62,7 @@ const startServer = async (options) => {
                 remotionRoot: options.remotionRoot,
                 entryPoint: options.userDefinedComponent,
                 publicDir: options.publicDir,
+                logLevel: options.logLevel,
             });
         })
             .catch((err) => {

package/dist/render-flows/render.js

@@ -51,7 +51,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
     var _a;
     const downloads = [];
     if (browserExecutable) {
-        log_1.Log.verboseAdvanced({ indent, logLevel }, 'Browser executable: ', browserExecutable);
+        log_1.Log.verbose({ indent, logLevel }, 'Browser executable: ', browserExecutable);
     }
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser,
@@ -186,7 +186,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         fromUi: outputLocationFromUI,
         logLevel,
     });
-    log_1.Log.verboseAdvanced({ indent, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
+    log_1.Log.verbose({ indent, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
     log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.gray(`Composition = ${compositionId} (${reason}), Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
     const absoluteOutputFile = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
     const exists = (0, node_fs_1.existsSync)(absoluteOutputFile);
@@ -213,7 +213,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         const outputDir = shouldOutputImageSequence
             ? absoluteOutputFile
             : await node_fs_1.default.promises.mkdtemp(node_path_1.default.join(node_os_1.default.tmpdir(), 'react-motion-render'));
-        log_1.Log.verboseAdvanced({ indent, logLevel }, 'Output dir', outputDir);
+        log_1.Log.verbose({ indent, logLevel }, 'Output dir', outputDir);
         await renderer_1.RenderInternals.internalRenderFrames({
             imageFormat,
             serializedInputPropsWithCustomSchema,
@@ -331,12 +331,12 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
     });
     updateRenderProgress({ newline: true, printToConsole: true });
     log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputFile}`));
-    log_1.Log.verboseAdvanced({ indent, logLevel }, `Slowest frames:`);
+    log_1.Log.verbose({ indent, logLevel }, `Slowest frames:`);
     slowestFrames.forEach(({ frame, time }) => {
-        log_1.Log.verboseAdvanced({ indent, logLevel }, `  Frame ${frame} (${time.toFixed(3)}ms)`);
+        log_1.Log.verbose({ indent, logLevel }, `  Frame ${frame} (${time.toFixed(3)}ms)`);
     });
     for (const line of renderer_1.RenderInternals.perf.getPerf()) {
-        log_1.Log.verboseAdvanced({ indent, logLevel }, line);
+        log_1.Log.verbose({ indent, logLevel }, line);
     }
 };
 exports.renderVideoFlow = renderVideoFlow;

package/dist/render-flows/still.js

@@ -51,7 +51,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         onProgress({ message, value: progress, ...aggregate });
     };
     if (browserExecutable) {
-        log_1.Log.verboseAdvanced({ indent, logLevel }, 'Browser executable: ', browserExecutable);
+        log_1.Log.verbose({ indent, logLevel }, 'Browser executable: ', browserExecutable);
     }
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser,
@@ -137,7 +137,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
     (0, node_fs_1.mkdirSync)(node_path_1.default.join(absoluteOutputLocation, '..'), {
         recursive: true,
     });
-    log_1.Log.verboseAdvanced({ indent, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
+    log_1.Log.verbose({ indent, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
     log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.gray(`Composition = ${compositionId} (${reason}), Format = ${imageFormat} (${source}), Output = ${relativeOutputLocation}`));
     const renderStart = Date.now();
     aggregate.rendering = {

package/dist/render.d.ts

@@ -1 +1,2 @@
-export declare const render: (remotionRoot: string, args: string[]) => Promise<void>;
+import type { LogLevel } from '@remotion/renderer';
+export declare const render: (remotionRoot: string, args: string[], logLevel: LogLevel) => Promise<void>;

package/dist/render.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.render = void 0;
-// eslint-disable-next-line no-restricted-imports
 const remotion_1 = require("remotion");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
@@ -12,8 +11,8 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const render_1 = require("./render-flows/render");
-const render = async (remotionRoot, args) => {
-    const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
+const render = async (remotionRoot, args, logLevel) => {
+    const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)(args, remotionRoot, logLevel);
     if (!file) {
         log_1.Log.error('No entry point specified. Pass more arguments:');
         log_1.Log.error('   npx remotion render [entry-point] [composition-name] [out-name]');
@@ -29,6 +28,7 @@ const render = async (remotionRoot, args) => {
         isLambda: false,
         type: 'series',
         remotionRoot,
+        logLevel,
     });
     const audioCodec = (0, get_audio_codec_1.getResolvedAudioCodec)();
     await (0, render_1.renderVideoFlow)({

package/dist/setup-cache.js

@@ -137,14 +137,14 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
         progress: 1,
         doneIn: Date.now() - bundleStartTime,
     };
-    log_1.Log.verboseAdvanced({ logLevel, indent }, 'Bundling done in', bundlingState.doneIn + 'ms');
+    log_1.Log.verbose({ logLevel, indent }, 'Bundling done in', bundlingState.doneIn + 'ms');
     copyingState = {
         ...copyingState,
         doneIn: copyStart ? Date.now() - copyStart : 0,
     };
-    log_1.Log.verboseAdvanced({ logLevel, indent }, 'Copying done in ', copyingState.doneIn + 'ms');
+    log_1.Log.verbose({ logLevel, indent }, 'Copying done in ', copyingState.doneIn + 'ms');
     updateProgress(true);
-    log_1.Log.verboseAdvanced({ indent, logLevel }, 'Bundled under', bundled);
+    log_1.Log.verbose({ indent, logLevel }, 'Bundled under', bundled);
     const cacheExistedAfter = bundler_1.BundlerInternals.cacheExists(remotionRoot, 'production', hash) === 'exists';
     if (cacheExistedAfter) {
         if (cacheExistedBefore === 'does-not-exist' ||

package/dist/still.d.ts

@@ -1 +1,2 @@
-export declare const still: (remotionRoot: string, args: string[]) => Promise<void>;
+import type { LogLevel } from '@remotion/renderer';
+export declare const still: (remotionRoot: string, args: string[], logLevel: LogLevel) => Promise<void>;

package/dist/still.js

@@ -9,8 +9,8 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const still_1 = require("./render-flows/still");
-const still = async (remotionRoot, args) => {
-    const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
+const still = async (remotionRoot, args, logLevel) => {
+    const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)(args, remotionRoot, logLevel);
     if (!file) {
         log_1.Log.error('No entry point specified. Pass more arguments:');
         log_1.Log.error('   npx remotion render [entry-point] [composition-name] [out-name]');
@@ -22,10 +22,11 @@ const still = async (remotionRoot, args) => {
         log_1.Log.error('--frames flag was passed to the `still` command. This flag only works with the `render` command. Did you mean `--frame`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const { browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, logLevel, offthreadVideoCacheSizeInBytes, } = await (0, get_cli_options_1.getCliOptions)({
+    const { browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, offthreadVideoCacheSizeInBytes, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
         remotionRoot,
+        logLevel,
     });
     await (0, still_1.renderStillFlow)({
         remotionRoot,

package/dist/studio.d.ts

@@ -1 +1,2 @@
-export declare const studioCommand: (remotionRoot: string, args: string[]) => Promise<void>;
+import type { LogLevel } from '@remotion/renderer';
+export declare const studioCommand: (remotionRoot: string, args: string[], logLevel: LogLevel) => Promise<void>;

package/dist/studio.js

@@ -55,9 +55,9 @@ const getPort = () => {
     }
     return null;
 };
-const studioCommand = async (remotionRoot, args) => {
-    const { file, reason } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
-    log_1.Log.verbose('Entry point:', file, 'reason:', reason);
+const studioCommand = async (remotionRoot, args, logLevel) => {
+    const { file, reason } = (0, entry_point_1.findEntryPoint)(args, remotionRoot, logLevel);
+    log_1.Log.verbose({ indent: false, logLevel }, 'Entry point:', file, 'reason:', reason);
     if (!file) {
         log_1.Log.error('No Remotion entrypoint was found. Specify an additional argument manually:');
         log_1.Log.error('  npx remotion studio src/index.ts');
@@ -74,7 +74,7 @@ const studioCommand = async (remotionRoot, args) => {
                 newProps,
             });
         });
-    });
+    }, logLevel);
     let envVariables = await (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
         (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
             envVariables = newEnvVariables;
@@ -83,7 +83,7 @@ const studioCommand = async (remotionRoot, args) => {
                 newEnvVariables,
             });
         });
-    });
+    }, logLevel);
     const publicDir = (0, get_absolute_public_dir_1.getAbsolutePublicDir)({
         userPassedPublicDir: config_1.ConfigInternals.getPublicDir(),
         remotionRoot,
@@ -130,6 +130,7 @@ const studioCommand = async (remotionRoot, args) => {
         staticHashPrefix,
         outputHash,
         outputHashPrefix,
+        logLevel,
     });
     (0, live_events_1.setLiveEventsListener)(liveEventsServer);
     const networkAddress = (0, get_network_address_1.getNetworkAddress)();
@@ -149,7 +150,7 @@ const studioCommand = async (remotionRoot, args) => {
         });
     }
     else {
-        log_1.Log.verbose(`Not opening browser, reason: ${reasonForBrowserDecision}`);
+        log_1.Log.verbose({ indent: false, logLevel }, `Not opening browser, reason: ${reasonForBrowserDecision}`);
     }
     await new Promise(noop);
 };

package/dist/versions.d.ts

@@ -1,3 +1,4 @@
+import type { LogLevel } from '@remotion/renderer';
 export declare const VERSIONS_COMMAND = "versions";
-export declare const validateVersionsBeforeCommand: (remotionRoot: string) => Promise<void>;
-export declare const versionsCommand: (remotionRoot: string) => Promise<void>;
+export declare const validateVersionsBeforeCommand: (remotionRoot: string, logLevel: LogLevel) => Promise<void>;
+export declare const versionsCommand: (remotionRoot: string, logLevel: LogLevel) => Promise<void>;

package/dist/versions.js

@@ -36,38 +36,39 @@ const getAllVersions = async (remotionRoot) => {
     return (await Promise.all(list_of_remotion_packages_1.listOfRemotionPackages.map(async (p) => [p, await getVersion(remotionRoot, p)]))).filter(([, version]) => version);
 };
 exports.VERSIONS_COMMAND = 'versions';
-const validateVersionsBeforeCommand = async (remotionRoot) => {
+const validateVersionsBeforeCommand = async (remotionRoot, logLevel) => {
     const versions = await getAllVersions(remotionRoot);
     const grouped = groupBy(versions);
     const installedVersions = Object.keys(grouped);
     if (installedVersions.length === 1) {
         return;
     }
-    log_1.Log.warn('-------------');
-    log_1.Log.warn('Version mismatch:');
+    const logOptions = { indent: false, logLevel };
+    log_1.Log.warn(logOptions, '-------------');
+    log_1.Log.warn(logOptions, 'Version mismatch:');
     for (const version of installedVersions) {
-        log_1.Log.warn(`- On version: ${version}`);
+        log_1.Log.warn(logOptions, `- On version: ${version}`);
         for (const pkg of grouped[version]) {
-            log_1.Log.warn(`  - ${pkg}`);
+            log_1.Log.warn(logOptions, `  - ${pkg}`);
         }
         log_1.Log.info();
     }
-    log_1.Log.warn('You may experience breakages such as:');
-    log_1.Log.warn('- React context and hooks not working');
-    log_1.Log.warn('- Type errors and feature incompatibilities');
-    log_1.Log.warn('- Failed renders and unclear errors');
-    log_1.Log.warn();
-    log_1.Log.warn('To resolve:');
-    log_1.Log.warn('- Make sure your package.json has all Remotion packages pointing to the same version.');
-    log_1.Log.warn('- Remove the `^` character in front of a version to pin a package.');
+    log_1.Log.warn(logOptions, 'You may experience breakages such as:');
+    log_1.Log.warn(logOptions, '- React context and hooks not working');
+    log_1.Log.warn(logOptions, '- Type errors and feature incompatibilities');
+    log_1.Log.warn(logOptions, '- Failed renders and unclear errors');
+    log_1.Log.warn(logOptions);
+    log_1.Log.warn(logOptions, 'To resolve:');
+    log_1.Log.warn(logOptions, '- Make sure your package.json has all Remotion packages pointing to the same version.');
+    log_1.Log.warn(logOptions, '- Remove the `^` character in front of a version to pin a package.');
     if (!renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose')) {
-        log_1.Log.warn('- Run `npx remotion versions --log=verbose` to see the path of the modules resolved.');
+        log_1.Log.warn(logOptions, '- Run `npx remotion versions --log=verbose` to see the path of the modules resolved.');
     }
-    log_1.Log.warn('-------------');
+    log_1.Log.warn(logOptions, '-------------');
     log_1.Log.info();
 };
 exports.validateVersionsBeforeCommand = validateVersionsBeforeCommand;
-const versionsCommand = async (remotionRoot) => {
+const versionsCommand = async (remotionRoot, logLevel) => {
     (0, parse_command_line_1.parseCommandLine)();
     const versions = await getAllVersions(remotionRoot);
     const grouped = groupBy(versions);
@@ -78,7 +79,7 @@ const versionsCommand = async (remotionRoot) => {
         log_1.Log.info(`On version: ${version}`);
         for (const pkg of grouped[version]) {
             log_1.Log.info(`- ${pkg}`);
-            log_1.Log.verbose(`  ${(0, resolve_from_1.resolveFrom)(remotionRoot, `${pkg}/package.json`)}`);
+            log_1.Log.verbose({ indent: false, logLevel }, `  ${(0, resolve_from_1.resolveFrom)(remotionRoot, `${pkg}/package.json`)}`);
         }
         log_1.Log.info();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.55",
+  "version": "4.0.57",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.0.55",
-    "@remotion/media-utils": "4.0.55",
-    "@remotion/player": "4.0.55",
-    "remotion": "4.0.55",
-    "@remotion/renderer": "4.0.55"
+    "@remotion/bundler": "4.0.57",
+    "@remotion/player": "4.0.57",
+    "@remotion/media-utils": "4.0.57",
+    "remotion": "4.0.57",
+    "@remotion/renderer": "4.0.57"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "react-dom": "^18.0.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.55",
-    "@remotion/tailwind": "4.0.55"
+    "@remotion/tailwind": "4.0.57",
+    "@remotion/zod-types": "4.0.57"
   },
   "keywords": [
     "remotion",