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

package/dist/editor/state/z-index.js

@@ -1,17 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useZIndex = exports.HigherZIndex = void 0;
+exports.useZIndex = exports.HigherZIndex = exports.ZIndexContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const use_keybinding_1 = require("../helpers/use-keybinding");
 const highest_z_index_1 = require("./highest-z-index");
 const input_dragger_click_lock_1 = require("./input-dragger-click-lock");
-const ZIndexContext = (0, react_1.createContext)({
+exports.ZIndexContext = (0, react_1.createContext)({
     currentIndex: 0,
 });
-const margin = {
-    margin: 'auto',
-};
 const EscapeHook = ({ onEscape }) => {
     const keybindings = (0, use_keybinding_1.useKeybinding)();
     (0, react_1.useEffect)(() => {
@@ -21,8 +18,6 @@ const EscapeHook = ({ onEscape }) => {
             callback: onEscape,
             commandCtrlKey: false,
             preventDefault: true,
-            // To dismiss the Quick Switcher menu if input is focused
-            triggerIfInputFieldFocused: true,
         });
         return () => {
             escape.unregister();
@@ -31,7 +26,7 @@ const EscapeHook = ({ onEscape }) => {
     return null;
 };
 const HigherZIndex = ({ children, onEscape, onOutsideClick }) => {
-    const context = (0, react_1.useContext)(ZIndexContext);
+    const context = (0, react_1.useContext)(exports.ZIndexContext);
     const highestContext = (0, react_1.useContext)(highest_z_index_1.HighestZIndexContext);
     const containerRef = (0, react_1.useRef)(null);
     const currentIndex = context.currentIndex + 1;
@@ -59,13 +54,8 @@ const HigherZIndex = ({ children, onEscape, onOutsideClick }) => {
             };
             window.addEventListener('pointerup', onUp, { once: true });
         };
-        // If a menu is opened, then this component will also still receive the pointerdown event.
-        // However we may not interpret it as a outside click, so we need to wait for the next tick
-        requestAnimationFrame(() => {
-            window.addEventListener('pointerdown', listener);
-        });
+        window.addEventListener('pointerdown', listener);
         return () => {
-            onUp = null;
             if (onUp) {
                 // @ts-expect-error
                 window.removeEventListener('pointerup', onUp, { once: true });
@@ -78,11 +68,11 @@ const HigherZIndex = ({ children, onEscape, onOutsideClick }) => {
             currentIndex,
         };
     }, [currentIndex]);
-    return ((0, jsx_runtime_1.jsxs)(ZIndexContext.Provider, { value: value, children: [(0, jsx_runtime_1.jsx)(EscapeHook, { onEscape: onEscape }), (0, jsx_runtime_1.jsx)("div", { ref: containerRef, style: margin, children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)(exports.ZIndexContext.Provider, { value: value, children: [(0, jsx_runtime_1.jsx)(EscapeHook, { onEscape: onEscape }), (0, jsx_runtime_1.jsx)("div", { ref: containerRef, children: children })] }));
 };
 exports.HigherZIndex = HigherZIndex;
 const useZIndex = () => {
-    const context = (0, react_1.useContext)(ZIndexContext);
+    const context = (0, react_1.useContext)(exports.ZIndexContext);
     const highestContext = (0, react_1.useContext)(highest_z_index_1.HighestZIndexContext);
     const isHighestContext = highestContext.highestIndex === context.currentIndex;
     return (0, react_1.useMemo)(() => ({

package/dist/event-source-events.d.ts

@@ -1,27 +1,12 @@
 import type { StaticFile } from 'remotion';
-import type { RenderJob } from './preview-server/render-queue/job';
 export declare type EventSourceEvent = {
     type: 'new-input-props';
     newProps: object;
 } | {
     type: 'init';
-    clientId: string;
 } | {
     type: 'new-env-variables';
     newEnvVariables: Record<string, string>;
-} | {
-    type: 'render-queue-updated';
-    queue: RenderJob[];
-} | {
-    type: 'render-job-failed';
-    compositionId: string;
-    error: Error;
-} | {
-    type: 'watched-file-undeleted';
-    file: string;
-} | {
-    type: 'watched-file-deleted';
-    file: string;
 } | {
     type: 'new-public-folder';
     files: StaticFile[];

package/dist/event-source.d.ts

@@ -1,3 +1 @@
-import type { EventSourceEvent } from './event-source-events';
-export declare const subscribeToEvent: (type: EventSourceEvent['type'], listener: (event: EventSourceEvent) => void) => () => void;
 export declare const openEventSource: () => void;

package/dist/event-source.js

@@ -1,53 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.openEventSource = exports.subscribeToEvent = void 0;
-const NotificationCenter_1 = require("./editor/components/Notifications/NotificationCenter");
-const context_1 = require("./editor/components/RenderQueue/context");
-const client_id_1 = require("./editor/helpers/client-id");
+exports.openEventSource = void 0;
+const ServerDisconnected_1 = require("./editor/components/Notifications/ServerDisconnected");
 let source = null;
-let listeners = [];
-const subscribeToEvent = (type, listener) => {
-    listeners.push({ type, listener });
-    return () => {
-        listeners = listeners.filter((l) => l.type !== type || l.listener !== listener);
-    };
-};
-exports.subscribeToEvent = subscribeToEvent;
 const openEventSource = () => {
     source = new EventSource('/events');
     source.addEventListener('message', (event) => {
-        var _a, _b;
         const newEvent = JSON.parse(event.data);
         if (newEvent.type === 'new-input-props' ||
             newEvent.type === 'new-env-variables') {
             window.location.reload();
         }
-        if (newEvent.type === 'init') {
-            (_a = client_id_1.previewServerConnectionRef.current) === null || _a === void 0 ? void 0 : _a.set({
-                type: 'connected',
-                clientId: newEvent.clientId,
-            });
-        }
-        if (newEvent.type === 'render-queue-updated') {
-            (_b = context_1.renderJobsRef.current) === null || _b === void 0 ? void 0 : _b.updateRenderJobs(newEvent.queue);
-        }
-        if (newEvent.type === 'render-job-failed') {
-            (0, NotificationCenter_1.sendErrorNotification)(`Rendering "${newEvent.compositionId}" failed`);
-        }
         if (newEvent.type === 'new-public-folder') {
             window.remotion_staticFiles = newEvent.files;
         }
-        listeners.forEach((l) => {
-            if (l.type === newEvent.type) {
-                l.listener(newEvent);
-            }
-        });
     });
     source.addEventListener('open', () => {
+        var _a;
+        (_a = ServerDisconnected_1.serverDisconnectedRef.current) === null || _a === void 0 ? void 0 : _a.setServerConnected();
         source.addEventListener('error', () => {
             var _a;
-            (_a = client_id_1.previewServerConnectionRef.current) === null || _a === void 0 ? void 0 : _a.set({ type: 'disconnected' });
             // Display an error message that the preview server has disconnected.
+            (_a = ServerDisconnected_1.serverDisconnectedRef.current) === null || _a === void 0 ? void 0 : _a.setServerDisconnected();
             source === null || source === void 0 ? void 0 : source.close();
             // Retry later
             setTimeout(() => {

package/dist/get-cli-options.d.ts

@@ -1,4 +1,12 @@
-import type { BrowserExecutable, ChromiumOptions, FrameRange } from '@remotion/renderer';
+import type { BrowserExecutable, ChromiumOptions, Codec, FrameRange } from '@remotion/renderer';
+export declare const validateFfmpegCanUseCodec: (codec: Codec, remotionRoot: string) => Promise<void>;
+export declare const getFinalCodec: (options: {
+    downloadName: string | null;
+    outName: string | null;
+}) => {
+    codec: Codec;
+    reason: string;
+};
 export declare const getAndValidateAbsoluteOutputFile: (relativeOutputLocation: string, overwrite: boolean) => string;
 export declare const getCliOptions: (options: {
     isLambda: boolean;
@@ -11,7 +19,7 @@ export declare const getCliOptions: (options: {
     shouldOutputImageSequence: boolean;
     inputProps: object;
     envVariables: Record<string, string>;
-    jpegQuality: number | undefined;
+    quality: number | undefined;
     browser: import("@remotion/renderer").Browser;
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
@@ -20,6 +28,8 @@ export declare const getCliOptions: (options: {
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
+    ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
+    ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
     logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;
@@ -33,5 +43,4 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
 }>;

package/dist/get-cli-options.js

@@ -3,14 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCliOptions = exports.getAndValidateAbsoluteOutputFile = void 0;
+exports.getCliOptions = exports.getAndValidateAbsoluteOutputFile = exports.getFinalCodec = exports.validateFfmpegCanUseCodec = void 0;
 const renderer_1 = require("@remotion/renderer");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const config_1 = require("./config");
 const get_env_1 = require("./get-env");
+const get_final_output_codec_1 = require("./get-final-output-codec");
 const get_input_props_1 = require("./get-input-props");
 const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
 const getAndValidateFrameRange = () => {
     const frameRange = config_1.ConfigInternals.getRange();
     if (typeof frameRange === 'number') {
@@ -20,6 +22,48 @@ const getAndValidateFrameRange = () => {
     }
     return frameRange;
 };
+const validateFfmpegCanUseCodec = async (codec, remotionRoot) => {
+    const ffmpegExecutable = config_1.ConfigInternals.getCustomFfmpegExecutable();
+    if (codec === 'vp8' &&
+        !(await renderer_1.RenderInternals.ffmpegHasFeature({
+            feature: 'enable-libvpx',
+            ffmpegExecutable,
+            remotionRoot,
+        }))) {
+        log_1.Log.error("The Vp8 codec has been selected, but your FFMPEG binary wasn't compiled with the --enable-lipvpx flag.");
+        log_1.Log.error('This does not work, please switch out your FFMPEG binary or choose a different codec.');
+    }
+    if (codec === 'h265' &&
+        !(await renderer_1.RenderInternals.ffmpegHasFeature({
+            feature: 'enable-gpl',
+            ffmpegExecutable,
+            remotionRoot,
+        }))) {
+        log_1.Log.error("The H265 codec has been selected, but your FFMPEG binary wasn't compiled with the --enable-gpl flag.");
+        log_1.Log.error('This does not work, please recompile your FFMPEG binary with --enable-gpl --enable-libx265 or choose a different codec.');
+    }
+    if (codec === 'h265' &&
+        !(await renderer_1.RenderInternals.ffmpegHasFeature({
+            feature: 'enable-libx265',
+            ffmpegExecutable,
+            remotionRoot,
+        }))) {
+        log_1.Log.error("The H265 codec has been selected, but your FFMPEG binary wasn't compiled with the --enable-libx265 flag.");
+        log_1.Log.error('This does not work, please recompile your FFMPEG binary with --enable-gpl --enable-libx265 or choose a different codec.');
+    }
+};
+exports.validateFfmpegCanUseCodec = validateFfmpegCanUseCodec;
+const getFinalCodec = (options) => {
+    var _a;
+    const { codec, reason } = (0, get_final_output_codec_1.getFinalOutputCodec)({
+        cliFlag: parse_command_line_1.parsedCli.codec,
+        configFile: (_a = config_1.ConfigInternals.getOutputCodecOrUndefined()) !== null && _a !== void 0 ? _a : null,
+        downloadName: options.downloadName,
+        outName: options.outName,
+    });
+    return { codec, reason };
+};
+exports.getFinalCodec = getFinalCodec;
 const getBrowser = () => { var _a; return (_a = config_1.ConfigInternals.getBrowser()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.DEFAULT_BROWSER; };
 const getAndValidateAbsoluteOutputFile = (relativeOutputLocation, overwrite) => {
     const absoluteOutputFile = path_1.default.resolve(process.cwd(), relativeOutputLocation);
@@ -30,8 +74,12 @@ const getAndValidateAbsoluteOutputFile = (relativeOutputLocation, overwrite) =>
     return absoluteOutputFile;
 };
 exports.getAndValidateAbsoluteOutputFile = getAndValidateAbsoluteOutputFile;
-const getAndValidateShouldOutputImageSequence = ({ frameRange, }) => {
+const getAndValidateShouldOutputImageSequence = async ({ frameRange, isLambda, remotionRoot, }) => {
     const shouldOutputImageSequence = config_1.ConfigInternals.getShouldOutputImageSequence(frameRange);
+    // When parsing options locally, we don't need FFMPEG because the render will happen on Lambda
+    if (!shouldOutputImageSequence && !isLambda) {
+        await renderer_1.RenderInternals.validateFfmpeg(config_1.ConfigInternals.getCustomFfmpegExecutable(), remotionRoot, 'ffmpeg');
+    }
     return shouldOutputImageSequence;
 };
 const getCrf = (shouldOutputImageSequence) => {
@@ -61,8 +109,10 @@ const getCliOptions = async (options) => {
     const frameRange = getAndValidateFrameRange();
     const shouldOutputImageSequence = options.type === 'still'
         ? true
-        : getAndValidateShouldOutputImageSequence({
+        : await getAndValidateShouldOutputImageSequence({
             frameRange,
+            isLambda: options.isLambda,
+            remotionRoot: options.remotionRoot,
         });
     const overwrite = config_1.ConfigInternals.getShouldOverwrite({
         defaultValue: !options.isLambda,
@@ -72,6 +122,8 @@ const getCliOptions = async (options) => {
     const pixelFormat = config_1.ConfigInternals.getPixelFormat();
     const proResProfile = getProResProfile();
     const browserExecutable = config_1.ConfigInternals.getBrowserExecutable();
+    const ffmpegExecutable = config_1.ConfigInternals.getCustomFfmpegExecutable();
+    const ffprobeExecutable = config_1.ConfigInternals.getCustomFfprobeExecutable();
     const scale = config_1.ConfigInternals.getScale();
     const port = config_1.ConfigInternals.getServerPort();
     const chromiumOptions = {
@@ -92,9 +144,9 @@ const getCliOptions = async (options) => {
         concurrency,
         frameRange,
         shouldOutputImageSequence,
-        inputProps: (0, get_input_props_1.getInputProps)(null),
-        envVariables: await (0, get_env_1.getEnvironmentVariables)(null),
-        jpegQuality: config_1.ConfigInternals.getJpegQuality(),
+        inputProps: (0, get_input_props_1.getInputProps)(() => undefined),
+        envVariables: await (0, get_env_1.getEnvironmentVariables)(() => undefined),
+        quality: config_1.ConfigInternals.getQuality(),
         browser: await getAndValidateBrowser(browserExecutable),
         crf,
         pixelFormat,
@@ -103,6 +155,8 @@ const getCliOptions = async (options) => {
         numberOfGifLoops,
         stillFrame: config_1.ConfigInternals.getStillFrame(),
         browserExecutable,
+        ffmpegExecutable,
+        ffprobeExecutable,
         logLevel: config_1.ConfigInternals.Logging.getLogLevel(),
         scale,
         chromiumOptions,
@@ -116,7 +170,6 @@ const getCliOptions = async (options) => {
         videoBitrate,
         height,
         width,
-        configFileImageFormat: config_1.ConfigInternals.getUserPreferredVideoImageFormat(),
     };
 };
 exports.getCliOptions = getCliOptions;

package/dist/get-composition-id.d.ts

@@ -1,11 +1,7 @@
-import type { AnyCompMetadata } from 'remotion';
-export declare const getCompositionId: ({ validCompositions, args, compositionIdFromUi, }: {
-    validCompositions: AnyCompMetadata[];
-    args: string[];
-    compositionIdFromUi: string | null;
-}) => Promise<{
+import type { TCompMetadata } from 'remotion';
+export declare const getCompositionId: (validCompositions: TCompMetadata[], args: string[]) => Promise<{
     compositionId: string;
     reason: string;
-    config: AnyCompMetadata;
+    config: TCompMetadata;
     argsAfterComposition: string[];
 }>;

package/dist/get-composition-id.js

@@ -3,22 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionId = void 0;
 const log_1 = require("./log");
 const select_composition_1 = require("./select-composition");
-const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
-    if (compositionIdFromUi) {
-        return {
-            compName: compositionIdFromUi,
-            remainingArgs: [],
-            reason: 'via UI',
-        };
-    }
-    const [compName, ...remainingArgs] = cliArgs;
-    return { compName, remainingArgs, reason: 'Passed as argument' };
-};
-const getCompositionId = async ({ validCompositions, args, compositionIdFromUi, }) => {
-    const { compName, remainingArgs, reason: compReason, } = getCompName({
-        cliArgs: args,
-        compositionIdFromUi,
-    });
+const getCompositionId = async (validCompositions, args) => {
+    const [compName, ...remainingArgs] = args;
     if (compName) {
         const config = validCompositions.find((c) => c.id === compName);
         if (!config) {
@@ -28,7 +14,7 @@ const getCompositionId = async ({ validCompositions, args, compositionIdFromUi,
         }
         return {
             compositionId: compName,
-            reason: compReason,
+            reason: 'Passed as argument',
             config,
             argsAfterComposition: remainingArgs,
         };

package/dist/get-composition-with-dimension-override.d.ts

@@ -1,13 +1,12 @@
-import type { AnyCompMetadata } from 'remotion';
-export declare const getCompositionWithDimensionOverride: ({ validCompositions, height, width, args, compositionIdFromUi, }: {
-    validCompositions: AnyCompMetadata[];
+import type { TCompMetadata } from 'remotion';
+export declare const getCompositionWithDimensionOverride: ({ validCompositions, height, width, args, }: {
+    validCompositions: TCompMetadata[];
     height: number | null;
     width: number | null;
     args: string[];
-    compositionIdFromUi: string | null;
 }) => Promise<{
     compositionId: string;
     reason: string;
-    config: AnyCompMetadata;
+    config: TCompMetadata;
     argsAfterComposition: string[];
 }>;

package/dist/get-composition-with-dimension-override.js

@@ -2,12 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionWithDimensionOverride = void 0;
 const get_composition_id_1 = require("./get-composition-id");
-const getCompositionWithDimensionOverride = async ({ validCompositions, height, width, args, compositionIdFromUi, }) => {
-    const returnValue = await (0, get_composition_id_1.getCompositionId)({
-        validCompositions,
-        args,
-        compositionIdFromUi,
-    });
+const getCompositionWithDimensionOverride = async ({ validCompositions, height, width, args, }) => {
+    const returnValue = await (0, get_composition_id_1.getCompositionId)(validCompositions, args);
     return {
         ...returnValue,
         config: {

package/dist/get-config-file-name.d.ts

@@ -1 +1,3 @@
+export declare const defaultConfigFileJavascript = "remotion.config.js";
+export declare const defaultConfigFileTypescript = "remotion.config.ts";
 export declare const loadConfig: (remotionRoot: string) => Promise<string | null>;

package/dist/get-config-file-name.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadConfig = void 0;
+exports.loadConfig = exports.defaultConfigFileTypescript = exports.defaultConfigFileJavascript = void 0;
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const load_config_1 = require("./load-config");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
-const defaultConfigFileJavascript = 'remotion.config.js';
-const defaultConfigFileTypescript = 'remotion.config.ts';
+exports.defaultConfigFileJavascript = 'remotion.config.js';
+exports.defaultConfigFileTypescript = 'remotion.config.ts';
 const loadConfig = (remotionRoot) => {
     if (parse_command_line_1.parsedCli.config) {
         const fullPath = path_1.default.resolve(process.cwd(), parse_command_line_1.parsedCli.config);
@@ -23,11 +23,11 @@ const loadConfig = (remotionRoot) => {
     if (remotionRoot === null) {
         return Promise.resolve(null);
     }
-    if ((0, fs_1.existsSync)(path_1.default.resolve(remotionRoot, defaultConfigFileTypescript))) {
-        return (0, load_config_1.loadConfigFile)(remotionRoot, defaultConfigFileTypescript, false);
+    if ((0, fs_1.existsSync)(path_1.default.resolve(remotionRoot, exports.defaultConfigFileTypescript))) {
+        return (0, load_config_1.loadConfigFile)(remotionRoot, exports.defaultConfigFileTypescript, false);
     }
-    if ((0, fs_1.existsSync)(path_1.default.resolve(remotionRoot, defaultConfigFileJavascript))) {
-        return (0, load_config_1.loadConfigFile)(remotionRoot, defaultConfigFileJavascript, true);
+    if ((0, fs_1.existsSync)(path_1.default.resolve(remotionRoot, exports.defaultConfigFileJavascript))) {
+        return (0, load_config_1.loadConfigFile)(remotionRoot, exports.defaultConfigFileJavascript, true);
     }
     return Promise.resolve(null);
 };

package/dist/get-env.d.ts

@@ -1 +1 @@
-export declare const getEnvironmentVariables: (onUpdate: ((newProps: Record<string, string>) => void) | null) => Promise<Record<string, string>>;
+export declare const getEnvironmentVariables: (onUpdate: (newProps: Record<string, string>) => void) => Promise<Record<string, string>>;

package/dist/get-env.js

@@ -10,7 +10,6 @@ const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
-const file_watcher_1 = require("./file-watcher");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 function getProcessEnv() {
@@ -21,43 +20,54 @@ function getProcessEnv() {
     }
     return env;
 }
-const watchEnvFile = ({ processEnv, envFile, onUpdate, }) => {
-    const updateFile = async () => {
-        const file = await fs_1.default.promises.readFile(envFile, 'utf-8');
-        onUpdate({
-            ...processEnv,
-            ...dotenv_1.default.parse(file),
-        });
-    };
-    const { unwatch } = (0, file_watcher_1.installFileWatcher)({
-        file: envFile,
-        onChange: async (type) => {
-            try {
-                if (type === 'deleted') {
-                    log_1.Log.warn(`${envFile} was deleted.`);
-                }
-                else if (type === 'changed') {
-                    await updateFile();
-                    log_1.Log.info(chalk_1.chalk.blueBright(`Updated env file ${envFile}`));
-                }
-                else if (type === 'created') {
-                    await updateFile();
-                    log_1.Log.info(chalk_1.chalk.blueBright(`Created env file ${envFile}`));
-                }
+const watchEnvFile = ({ processEnv, envFile, onUpdate, existedBefore, }) => {
+    const listener = async () => {
+        try {
+            const file = await fs_1.default.promises.readFile(envFile, 'utf-8');
+            onUpdate({
+                ...processEnv,
+                ...dotenv_1.default.parse(file),
+            });
+            if (existedBefore) {
+                log_1.Log.info(chalk_1.chalk.blueBright(`Updated env file ${envFile}`));
+            }
+            else {
+                log_1.Log.info(chalk_1.chalk.blueBright(`Added env file ${envFile}`));
+            }
+            fs_1.default.unwatchFile(envFile, listener);
+            watchEnvFile({
+                envFile,
+                existedBefore: true,
+                onUpdate,
+                processEnv,
+            });
+        }
+        catch (err) {
+            // No error message if user did not have a .env file from the beginning
+            if (!existedBefore && !fs_1.default.existsSync(envFile)) {
+                return;
             }
-            catch (err) {
-                log_1.Log.error(`${envFile} update failed with error ${err.stack}`);
+            if (fs_1.default.existsSync(envFile) && existedBefore) {
+                log_1.Log.error(`${envFile} update failed with error ${err}`);
             }
-        },
-    });
-    return unwatch;
+            else {
+                log_1.Log.warn(`${envFile} was deleted.`);
+                fs_1.default.unwatchFile(envFile, listener);
+                watchEnvFile({
+                    envFile,
+                    existedBefore: false,
+                    onUpdate,
+                    processEnv,
+                });
+            }
+        }
+    };
+    fs_1.default.watchFile(envFile, { interval: 100 }, listener);
 };
 const getEnvForEnvFile = async (processEnv, envFile, onUpdate) => {
     try {
         const envFileData = await fs_1.default.promises.readFile(envFile);
-        if (onUpdate) {
-            watchEnvFile({ processEnv, envFile, onUpdate });
-        }
+        watchEnvFile({ processEnv, envFile, onUpdate, existedBefore: true });
         return {
             ...processEnv,
             ...dotenv_1.default.parse(envFileData),
@@ -95,13 +105,12 @@ const getEnvironmentVariables = (onUpdate) => {
     }
     const defaultEnvFile = path_1.default.resolve(remotionRoot, '.env');
     if (!fs_1.default.existsSync(defaultEnvFile)) {
-        if (onUpdate) {
-            watchEnvFile({
-                processEnv,
-                envFile: defaultEnvFile,
-                onUpdate,
-            });
-        }
+        watchEnvFile({
+            processEnv,
+            envFile: defaultEnvFile,
+            onUpdate,
+            existedBefore: false,
+        });
         return Promise.resolve(processEnv);
     }
     return getEnvForEnvFile(processEnv, defaultEnvFile, onUpdate);

package/dist/get-filename.d.ts

@@ -1,10 +1,6 @@
-import type { LogLevel } from '@remotion/renderer';
-export declare const getOutputFilename: ({ imageSequence, compositionName, defaultExtension, args, fromUi, indent, logLevel, }: {
+export declare const getOutputFilename: ({ imageSequence, compositionName, defaultExtension, args, }: {
     imageSequence: boolean;
     compositionName: string;
     defaultExtension: string;
     args: string[];
-    fromUi: string | null;
-    indent: boolean;
-    logLevel: LogLevel;
 }) => string;

package/dist/get-filename.js

@@ -4,10 +4,7 @@ exports.getOutputFilename = void 0;
 const renderer_1 = require("@remotion/renderer");
 const log_1 = require("./log");
 const user_passed_output_location_1 = require("./user-passed-output-location");
-const getOutputFilename = ({ imageSequence, compositionName, defaultExtension, args, fromUi, indent, logLevel, }) => {
-    if (fromUi) {
-        return fromUi;
-    }
+const getOutputFilename = ({ imageSequence, compositionName, defaultExtension, args, }) => {
     const filename = (0, user_passed_output_location_1.getOutputLocation)({
         compositionId: compositionName,
         defaultExtension,
@@ -17,13 +14,14 @@ const getOutputFilename = ({ imageSequence, compositionName, defaultExtension, a
     const extension = renderer_1.RenderInternals.getExtensionOfFilename(filename);
     if (imageSequence) {
         if (extension !== null) {
-            throw new Error('The output directory of the image sequence cannot have an extension. Got: ' +
+            log_1.Log.error('The output directory of the image sequence cannot have an extension. Got: ' +
                 extension);
+            process.exit(1);
         }
         return filename;
     }
     if (extension === null && !imageSequence) {
-        log_1.Log.warnAdvanced({ indent, logLevel }, `No file extension specified, adding ${defaultExtension} automatically.`);
+        log_1.Log.warn(`No file extension specified, adding ${defaultExtension} automatically.`);
         return `${filename}.${defaultExtension}`;
     }
     return filename;

package/dist/get-final-output-codec.d.ts

@@ -1,10 +1,9 @@
 import type { Codec, CodecOrUndefined } from '@remotion/renderer';
-export declare const getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
+export declare const getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, }: {
     cliFlag: CodecOrUndefined;
     outName: string | null;
     downloadName: string | null;
     configFile: Codec | null;
-    uiCodec: Codec | null;
 }) => {
     codec: Codec;
     reason: string;

package/dist/get-final-output-codec.js

@@ -12,10 +12,7 @@ const deriveCodecsFromFilename = (extension) => {
         possible: (_b = renderer_1.RenderInternals.makeFileExtensionMap()[extension]) !== null && _b !== void 0 ? _b : [],
     };
 };
-const getFinalOutputCodec = ({ cliFlag, configFile, downloadName, outName, uiCodec, }) => {
-    if (uiCodec) {
-        return { codec: uiCodec, reason: 'via UI' };
-    }
+const getFinalOutputCodec = ({ cliFlag, configFile, downloadName, outName, }) => {
     const downloadNameExtension = renderer_1.RenderInternals.getExtensionOfFilename(downloadName);
     const outNameExtension = renderer_1.RenderInternals.getExtensionOfFilename(outName);
     const derivedDownloadCodecs = deriveCodecsFromFilename(downloadNameExtension);

package/dist/get-input-props.d.ts

@@ -1 +1,5 @@
-export declare const getInputProps: (onUpdate: ((newProps: object) => void) | null) => object;
+/**
+ * @description You can retrieve inputs that you pass in, from the command line using --props, or the inputProps parameter if you're using the Node.js API
+ * @see [Documentation](https://www.remotion.dev/docs/get-input-props)
+ */
+export declare const getInputProps: (onUpdate: (newProps: object) => void) => object;