@remotion/cli 4.0.0-alpha.217 → 4.0.0-alpha10

package/dist/render-flows/still.js

@@ -6,8 +6,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderStillFlow = void 0;
 const renderer_1 = require("@remotion/renderer");
-const fs_1 = require("fs");
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
 const chalk_1 = require("../chalk");
 const cleanup_before_quit_1 = require("../cleanup-before-quit");
 const config_1 = require("../config");
@@ -19,26 +19,27 @@ const parse_command_line_1 = require("../parse-command-line");
 const progress_bar_1 = require("../progress-bar");
 const progress_types_1 = require("../progress-types");
 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 renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, }) => {
+const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, outputLocationFromUi, }) => {
     var _a, _b;
     const downloads = [];
     const aggregate = (0, progress_types_1.initialAggregateRenderProgress)();
+    const updatesDontOverwrite = (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
     let renderProgress = null;
     const steps = [
         renderer_1.RenderInternals.isServeUrl(fullEntryPoint) ? null : 'bundling',
         'rendering',
     ].filter(truthy_1.truthy);
-    const updateProgress = () => {
+    const updateProgress = (newline) => {
         const { output, progress, message } = (0, progress_bar_1.makeRenderingAndStitchingProgress)({
             prog: aggregate,
-            indent: indentOutput,
             steps: steps.length,
             stitchingStep: steps.indexOf('stitching'),
         });
         if (renderProgress) {
-            renderProgress.update(output);
+            renderProgress.update(updatesDontOverwrite ? message : output, newline);
         }
         onProgress({ message, value: progress, ...aggregate });
     };
@@ -49,7 +50,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         chromiumOptions,
         shouldDumpIo,
         forceDeviceScaleFactor: scale,
-        indentationString: indentOutput ? log_1.INDENT_TOKEN + ' ' : '',
+        indent: indentOutput,
     });
     const { cleanup: cleanupBundle, urlOrBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         fullPath: fullEntryPoint,
@@ -59,7 +60,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         onProgress: ({ copying, bundling }) => {
             aggregate.bundling = bundling;
             aggregate.copyingState = copying;
-            updateProgress();
+            updateProgress(false);
         },
         indentOutput,
         logLevel,
@@ -69,34 +70,35 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
                 renderer_1.RenderInternals.deleteDirectory(dir);
             });
         },
+        quietProgress: updatesDontOverwrite,
     });
     addCleanupCallback(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;
     addCleanupCallback(() => puppeteerInstance.close(false));
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
     addCleanupCallback(() => renderer_1.RenderInternals.cleanDownloadMap(downloadMap));
-    const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {
-        inputProps,
-        puppeteerInstance,
-        envVariables,
-        timeoutInMilliseconds: puppeteerTimeout,
-        chromiumOptions,
-        port,
-        browserExecutable,
-        downloadMap,
-    });
     const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
-        validCompositions: comps,
         height,
         width,
         args: remainingArgs,
         compositionIdFromUi,
+        browserExecutable,
+        chromiumOptions,
+        downloadMap,
+        envVariables,
+        indent: indentOutput,
+        inputProps,
+        port,
+        puppeteerInstance,
+        serveUrlOrWebpackUrl: urlOrBundle,
+        timeoutInMilliseconds: puppeteerTimeout,
+        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
     });
     const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalStillImageFormat)({
         cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
         configImageFormat: (_b = config_1.ConfigInternals.getUserPreferredStillImageFormat()) !== null && _b !== void 0 ? _b : null,
         downloadName: null,
-        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition),
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition, outputLocationFromUi),
         isLambda: false,
         fromUi: imageFormatFromUi,
     });
@@ -105,15 +107,20 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         defaultExtension: imageFormat,
         args: argsAfterComposition,
         type: 'asset',
+        outputLocationFromUi,
     });
     const absoluteOutputLocation = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
-    (0, fs_1.mkdirSync)(path_1.default.join(absoluteOutputLocation, '..'), {
+    const exists = (0, node_fs_1.existsSync)(absoluteOutputLocation);
+    (0, node_fs_1.mkdirSync)(node_path_1.default.join(absoluteOutputLocation, '..'), {
         recursive: true,
     });
-    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason}), Output = ${relativeOutputLocation}, Format = ${imageFormat} (${source}), Composition = ${compositionId} (${reason})`));
+    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel, tag: 'config' }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
+    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.gray(`Composition = ${compositionId} (${reason}), Format = ${imageFormat} (${source}), Output = ${relativeOutputLocation}`));
     renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
         quiet: (0, parse_command_line_1.quietFlagProvided)(),
         cancelSignal,
+        updatesDontOverwrite: (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel }),
+        indent: indentOutput,
     });
     const renderStart = Date.now();
     aggregate.rendering = {
@@ -123,7 +130,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         steps,
         totalFrames: 1,
     };
-    updateProgress();
+    updateProgress(false);
     const onDownload = (src) => {
         const id = Math.random();
         const download = {
@@ -134,10 +141,10 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
             totalBytes: null,
         };
         downloads.push(download);
-        updateProgress();
+        updateProgress(false);
         return ({ percent }) => {
             download.progress = percent;
-            updateProgress();
+            updateProgress(false);
         };
     };
     await (0, renderer_1.renderStill)({
@@ -167,8 +174,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         steps,
         totalFrames: 1,
     };
-    updateProgress();
-    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel });
-    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.cyan(`▶️ ${absoluteOutputLocation}`));
+    updateProgress(true);
+    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputLocation}`));
 };
 exports.renderStillFlow = renderStillFlow;

package/dist/resolve-from.js

@@ -4,22 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveFrom = void 0;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
 const Module = require("module");
 const resolveFrom = (fromDirectory, moduleId) => {
     try {
-        fromDirectory = fs_1.default.realpathSync(fromDirectory);
+        fromDirectory = node_fs_1.default.realpathSync(fromDirectory);
     }
     catch (error) {
         if (error.code === 'ENOENT') {
-            fromDirectory = path_1.default.resolve(fromDirectory);
+            fromDirectory = node_path_1.default.resolve(fromDirectory);
         }
         else {
             throw error;
         }
     }
-    const fromFile = path_1.default.join(fromDirectory, 'noop.js');
+    const fromFile = node_path_1.default.join(fromDirectory, 'noop.js');
     const resolveFileName = () => 
     // @ts-expect-error
     Module._resolveFilename(moduleId, {

package/dist/setup-cache.d.ts

@@ -1,6 +1,6 @@
 import type { LogLevel } from '@remotion/renderer';
 import type { BundlingState, CopyingState } from './progress-bar';
-export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, }: {
+export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, }: {
     fullPath: string;
     remotionRoot: string;
     publicDir: string | null;
@@ -13,6 +13,7 @@ export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publi
     bundlingStep: number;
     steps: number;
     onDirectoryCreated: (path: string) => void;
+    quietProgress: boolean;
 }) => Promise<{
     urlOrBundle: string;
     cleanup: () => void;

package/dist/setup-cache.js

@@ -7,7 +7,8 @@ const config_1 = require("./config");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
-const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, }) => {
+const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
+const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, }) => {
     if (renderer_1.RenderInternals.isServeUrl(fullPath)) {
         return {
             urlOrBundle: fullPath,
@@ -24,6 +25,7 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
         bundlingStep,
         steps,
         onDirectoryCreated,
+        quietProgress,
     });
     return {
         urlOrBundle: bundled,
@@ -31,7 +33,7 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
     };
 };
 exports.bundleOnCliOrTakeServeUrl = bundleOnCliOrTakeServeUrl;
-const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, bundlingStep, steps, onDirectoryCreated, }) => {
+const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, }) => {
     var _a;
     const shouldCache = config_1.ConfigInternals.getWebpackCaching();
     const symlinkState = {
@@ -54,7 +56,7 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
             bundling: bundlingState,
             copying: copyingState,
             symLinks: symlinkState,
-        }, indent, bundlingStep, steps) + (newline ? '\n' : ''));
+        }, bundlingStep, steps), newline);
         onProgressCallback({
             bundling: bundlingState,
             copying: copyingState,
@@ -92,16 +94,18 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
     const cacheExistedBefore = bundler_1.BundlerInternals.cacheExists(remotionRoot, 'production', hash);
     if (cacheExistedBefore !== 'does-not-exist' && !shouldCache) {
         log_1.Log.infoAdvanced({ indent, logLevel }, '🧹 Cache disabled but found. Deleting... ');
-        await bundler_1.BundlerInternals.clearCache(remotionRoot);
+        await bundler_1.BundlerInternals.clearCache(remotionRoot, 'production');
     }
     if (cacheExistedBefore === 'other-exists' && shouldCache) {
         log_1.Log.infoAdvanced({ indent, logLevel }, '🧹 Webpack config change detected. Clearing cache... ');
-        await bundler_1.BundlerInternals.clearCache(remotionRoot);
+        await bundler_1.BundlerInternals.clearCache(remotionRoot, 'production');
     }
     const bundleStartTime = Date.now();
     const bundlingProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
-        quiet: (0, parse_command_line_1.quietFlagProvided)(),
+        quiet: quietProgress || (0, parse_command_line_1.quietFlagProvided)(),
         cancelSignal: null,
+        updatesDontOverwrite: (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel }),
+        indent,
     });
     let bundlingState = {
         progress: 0,

package/dist/should-use-non-overlaying-logger.d.ts

@@ -0,0 +1,4 @@
+import type { LogLevel } from '@remotion/renderer';
+export declare const shouldUseNonOverlayingLogger: ({ logLevel, }: {
+    logLevel: LogLevel;
+}) => boolean;

package/dist/should-use-non-overlaying-logger.js

@@ -0,0 +1,12 @@
+"use strict";
+// Should not use a logger that uses ANSI Diffing if
+// - using verbose logging (intersection of Chrome + Remotion + compositor logs)
+// - using a non-interactive terminal such as CI
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldUseNonOverlayingLogger = void 0;
+const renderer_1 = require("@remotion/renderer");
+const shouldUseNonOverlayingLogger = ({ logLevel, }) => {
+    return (renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose') ||
+        !process.stdout.isTTY);
+};
+exports.shouldUseNonOverlayingLogger = shouldUseNonOverlayingLogger;

package/dist/show-compositions-picker.d.ts

@@ -0,0 +1,8 @@
+import type { getCompositions } from '@remotion/renderer';
+declare type Await<T> = T extends PromiseLike<infer U> ? U : T;
+export declare const showSingleCompositionsPicker: (validCompositions: Await<ReturnType<typeof getCompositions>>) => Promise<{
+    compositionId: string;
+    reason: string;
+}>;
+export declare const showMultiCompositionsPicker: (validCompositions: Await<ReturnType<typeof getCompositions>>) => Promise<string[]>;
+export {};

package/dist/show-compositions-picker.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showMultiCompositionsPicker = exports.showSingleCompositionsPicker = void 0;
+const composition_prompts_1 = require("./composition-prompts");
+const chalk_1 = require("./chalk");
+const showSingleCompositionsPicker = async (validCompositions) => {
+    if (validCompositions.length === 1) {
+        const onlyComposition = validCompositions[0];
+        if (onlyComposition) {
+            return {
+                compositionId: onlyComposition.id,
+                reason: 'Only composition',
+            };
+        }
+    }
+    const selectedComposition = (await (0, composition_prompts_1.selectAsync)({
+        message: 'Select composition:',
+        optionsPerPage: 5,
+        type: 'select',
+        choices: validCompositions.map((comp) => {
+            return {
+                value: comp.id,
+                title: chalk_1.chalk.bold(comp.id),
+            };
+        }),
+    }));
+    return { compositionId: selectedComposition, reason: 'Selected' };
+};
+exports.showSingleCompositionsPicker = showSingleCompositionsPicker;
+const showMultiCompositionsPicker = async (validCompositions) => {
+    if (validCompositions.length === 1) {
+        const onlyComposition = validCompositions[0];
+        if (onlyComposition) {
+            return [onlyComposition.id];
+        }
+    }
+    const selectedComposition = await (0, composition_prompts_1.selectAsync)({
+        message: 'Select compositions:',
+        optionsPerPage: 5,
+        type: 'multiselect',
+        min: 1,
+        choices: validCompositions.map((comp) => {
+            return {
+                value: comp.id,
+                title: chalk_1.chalk.bold(comp.id),
+            };
+        }),
+    });
+    return selectedComposition;
+};
+exports.showMultiCompositionsPicker = showMultiCompositionsPicker;

package/dist/still.js

@@ -54,6 +54,7 @@ const still = async (remotionRoot, args) => {
             (0, cleanup_before_quit_1.registerCleanupJob)(c);
         },
         cancelSignal: null,
+        outputLocationFromUi: null,
     });
 };
 exports.still = still;

package/dist/studio.d.ts

@@ -0,0 +1 @@
+export declare const studioCommand: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/studio.js

@@ -0,0 +1,140 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.studioCommand = void 0;
+const node_crypto_1 = __importDefault(require("node:crypto"));
+const node_path_1 = __importDefault(require("node:path"));
+const better_opn_1 = require("./better-opn");
+const chalk_1 = require("./chalk");
+const config_1 = require("./config");
+const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
+const entry_point_1 = require("./entry-point");
+const get_env_1 = require("./get-env");
+const get_input_props_1 = require("./get-input-props");
+const get_network_address_1 = require("./get-network-address");
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+const get_absolute_public_dir_1 = require("./preview-server/get-absolute-public-dir");
+const live_events_1 = require("./preview-server/live-events");
+const public_folder_1 = require("./preview-server/public-folder");
+const start_server_1 = require("./preview-server/start-server");
+const watch_root_file_1 = require("./watch-root-file");
+const noop = () => undefined;
+const getShouldOpenBrowser = () => {
+    var _a;
+    if (parse_command_line_1.parsedCli['no-open']) {
+        return {
+            shouldOpenBrowser: false,
+            reasonForBrowserDecision: '--no-open specified',
+        };
+    }
+    if (((_a = process.env.BROWSER) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'none') {
+        return {
+            shouldOpenBrowser: false,
+            reasonForBrowserDecision: 'env BROWSER=none was set',
+        };
+    }
+    if (config_1.ConfigInternals.getShouldOpenBrowser() === false) {
+        return { shouldOpenBrowser: false, reasonForBrowserDecision: 'Config file' };
+    }
+    return { shouldOpenBrowser: true, reasonForBrowserDecision: 'default' };
+};
+const getPort = () => {
+    if (parse_command_line_1.parsedCli.port) {
+        return parse_command_line_1.parsedCli.port;
+    }
+    const serverPort = config_1.ConfigInternals.getServerPort();
+    if (serverPort) {
+        return serverPort;
+    }
+    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);
+    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');
+        log_1.Log.error('See https://www.remotion.dev/docs/register-root for more information.');
+        process.exit(1);
+    }
+    const desiredPort = getPort();
+    const fullEntryPath = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
+    let inputProps = (0, get_input_props_1.getInputProps)((newProps) => {
+        (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+            inputProps = newProps;
+            listener.sendEventToClient({
+                type: 'new-input-props',
+                newProps,
+            });
+        });
+    });
+    let envVariables = await (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
+        (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+            envVariables = newEnvVariables;
+            listener.sendEventToClient({
+                type: 'new-env-variables',
+                newEnvVariables,
+            });
+        });
+    });
+    const publicDir = (0, get_absolute_public_dir_1.getAbsolutePublicDir)({
+        userPassedPublicDir: config_1.ConfigInternals.getPublicDir(),
+        remotionRoot,
+    });
+    const hashPrefix = '/static-';
+    const staticHash = `${hashPrefix}${node_crypto_1.default.randomBytes(6).toString('hex')}`;
+    (0, public_folder_1.initPublicFolderWatch)({
+        publicDir,
+        remotionRoot,
+        onUpdate: () => {
+            (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+                listener.sendEventToClient({
+                    type: 'new-public-folder',
+                    files: (0, public_folder_1.getFiles)(),
+                });
+            });
+        },
+        staticHash,
+    });
+    (0, watch_root_file_1.watchRootFile)(remotionRoot);
+    const { port, liveEventsServer } = await (0, start_server_1.startServer)({
+        entry: node_path_1.default.resolve(__dirname, 'previewEntry.js'),
+        userDefinedComponent: fullEntryPath,
+        getCurrentInputProps: () => inputProps,
+        getEnvVariables: () => envVariables,
+        port: desiredPort,
+        maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
+        remotionRoot,
+        keyboardShortcutsEnabled: config_1.ConfigInternals.getKeyboardShortcutsEnabled(),
+        publicDir,
+        webpackOverride: config_1.ConfigInternals.getWebpackOverrideFn(),
+        poll: config_1.ConfigInternals.getWebpackPolling(),
+        userPassedPublicDir: config_1.ConfigInternals.getPublicDir(),
+        hash: staticHash,
+        hashPrefix,
+    });
+    (0, live_events_1.setLiveEventsListener)(liveEventsServer);
+    const networkAddress = (0, get_network_address_1.getNetworkAddress)();
+    if (networkAddress) {
+        log_1.Log.info(`Server ready - Local: ${chalk_1.chalk.underline(`http://localhost:${port}`)}, Network: ${chalk_1.chalk.underline(`http://${networkAddress}:${port}`)}`);
+    }
+    else {
+        log_1.Log.info(`Running on http://localhost:${port}`);
+    }
+    const { reasonForBrowserDecision, shouldOpenBrowser } = getShouldOpenBrowser();
+    if (shouldOpenBrowser) {
+        await (0, better_opn_1.openBrowser)({
+            url: `http://localhost:${port}`,
+            browserArgs: parse_command_line_1.parsedCli['browser-args'],
+            browserFlag: parse_command_line_1.parsedCli.browser,
+        });
+    }
+    else {
+        log_1.Log.verbose(`Not opening browser, reason: ${reasonForBrowserDecision}`);
+    }
+    await new Promise(noop);
+};
+exports.studioCommand = studioCommand;

package/dist/upgrade.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.upgrade = void 0;
 const renderer_1 = require("@remotion/renderer");
-const path_1 = __importDefault(require("path"));
+const node_path_1 = __importDefault(require("node:path"));
 const config_1 = require("./config");
 const get_latest_remotion_version_1 = require("./get-latest-remotion-version");
 const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
@@ -22,7 +22,7 @@ const getUpgradeCommand = ({ manager, packages, version, }) => {
 };
 const upgrade = async (remotionRoot, packageManager) => {
     var _a, _b, _c, _d;
-    const packageJsonFilePath = path_1.default.join(remotionRoot, 'package.json');
+    const packageJsonFilePath = node_path_1.default.join(remotionRoot, 'package.json');
     const packageJson = require(packageJsonFilePath);
     const dependencies = Object.keys(packageJson.dependencies);
     const devDependencies = Object.keys((_a = packageJson.devDependencies) !== null && _a !== void 0 ? _a : {});

package/dist/user-passed-output-location.d.ts

@@ -1,6 +1,7 @@
-export declare const getUserPassedOutputLocation: (args: string[]) => string;
-export declare const getOutputLocation: ({ compositionId, defaultExtension, args, type, }: {
+export declare const getUserPassedOutputLocation: (args: string[], uiPassedOutName: string | null) => string;
+export declare const getOutputLocation: ({ compositionId, defaultExtension, args, type, outputLocationFromUi, }: {
     compositionId: string;
+    outputLocationFromUi: string | null;
     defaultExtension: string;
     args: string[];
     type: 'asset' | 'sequence';

package/dist/user-passed-output-location.js

@@ -3,15 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOutputLocation = exports.getUserPassedOutputLocation = void 0;
 const config_1 = require("./config");
 const get_default_out_name_1 = require("./get-default-out-name");
-const getUserPassedOutputLocation = (args) => {
-    var _a;
-    const filename = (_a = args[0]) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getOutputLocation();
+const parse_command_line_1 = require("./parse-command-line");
+const getUserPassedOutputLocation = (args, uiPassedOutName) => {
+    var _a, _b;
+    const filename = (_b = (_a = uiPassedOutName !== null && uiPassedOutName !== void 0 ? uiPassedOutName : args[0]) !== null && _a !== void 0 ? _a : parse_command_line_1.parsedCli.output) !== null && _b !== void 0 ? _b : config_1.ConfigInternals.getOutputLocation();
     return filename;
 };
 exports.getUserPassedOutputLocation = getUserPassedOutputLocation;
-const getOutputLocation = ({ compositionId, defaultExtension, args, type, }) => {
+const getOutputLocation = ({ compositionId, defaultExtension, args, type, outputLocationFromUi, }) => {
     var _a;
-    return ((_a = (0, exports.getUserPassedOutputLocation)(args)) !== null && _a !== void 0 ? _a : (0, get_default_out_name_1.getDefaultOutLocation)({
+    if (typeof args[0] !== 'undefined' &&
+        typeof parse_command_line_1.parsedCli.output !== 'undefined') {
+        throw new Error('Both an output flag (--output) and an output location as a positional argument were passed. Please choose only one of the ways.');
+    }
+    return ((_a = (0, exports.getUserPassedOutputLocation)(args, outputLocationFromUi)) !== null && _a !== void 0 ? _a : (0, get_default_out_name_1.getDefaultOutLocation)({
         compositionName: compositionId,
         defaultExtension,
         type,

package/dist/versions.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.versionsCommand = exports.validateVersionsBeforeCommand = exports.VERSIONS_COMMAND = void 0;
 const renderer_1 = require("@remotion/renderer");
-const fs_1 = __importDefault(require("fs"));
+const node_fs_1 = __importDefault(require("node:fs"));
 const config_1 = require("./config");
 const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 const log_1 = require("./log");
@@ -14,7 +14,7 @@ const resolve_from_1 = require("./resolve-from");
 const getVersion = async (remotionRoot, p) => {
     try {
         const remotionPkgJson = (0, resolve_from_1.resolveFrom)(remotionRoot, `${p}/package.json`);
-        const file = await fs_1.default.promises.readFile(remotionPkgJson, 'utf-8');
+        const file = await node_fs_1.default.promises.readFile(remotionPkgJson, 'utf-8');
         const packageJson = JSON.parse(file);
         return packageJson.version;
     }

package/dist/watch-root-file.d.ts

@@ -0,0 +1 @@
+export declare const watchRootFile: (remotionRoot: string) => Promise<void>;

package/dist/watch-root-file.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.watchRootFile = void 0;
+const file_watcher_1 = require("./file-watcher");
+const live_events_1 = require("./preview-server/live-events");
+const project_info_1 = require("./preview-server/project-info");
+const watchRootFile = async (remotionRoot) => {
+    const rootFile = await (0, project_info_1.getProjectInfo)(remotionRoot);
+    if (!rootFile.videoFile) {
+        return;
+    }
+    (0, file_watcher_1.installFileWatcher)({
+        file: rootFile.videoFile,
+        onChange: () => {
+            // Don't care if changed, added or deleted - should trigger a refetch in the frontend all the time
+            (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+                listener.sendEventToClient({ type: 'root-file-changed' });
+            });
+        },
+    });
+};
+exports.watchRootFile = watchRootFile;