@remotion/cli 4.0.59 → 4.0.61

package/dist/benchmark.js

@@ -6,6 +6,7 @@ const remotion_1 = require("remotion");
 const chalk_1 = require("./chalk");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
+const preview_server_1 = require("./config/preview-server");
 const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
 const entry_point_1 = require("./entry-point");
 const get_cli_options_1 = require("./get-cli-options");
@@ -95,7 +96,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
         process.exit(1);
     }
     const fullEntryPoint = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
-    const { inputProps, envVariables, browserExecutable, chromiumOptions, port, puppeteerTimeout, browser, scale, publicDir, proResProfile, x264Preset, frameRange: defaultFrameRange, overwrite, jpegQuality, crf: configFileCrf, pixelFormat, scale: configFileScale, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, concurrency: unparsedConcurrency, offthreadVideoCacheSizeInBytes, colorSpace, } = await (0, get_cli_options_1.getCliOptions)({
+    const { inputProps, envVariables, browserExecutable, chromiumOptions, puppeteerTimeout, browser, scale, publicDir, proResProfile, x264Preset, frameRange: defaultFrameRange, overwrite, jpegQuality, crf: configFileCrf, pixelFormat, scale: configFileScale, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, concurrency: unparsedConcurrency, offthreadVideoCacheSizeInBytes, colorSpace, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
         remotionRoot,
@@ -138,7 +139,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
         envVariables,
         chromiumOptions,
         timeoutInMilliseconds: puppeteerTimeout,
-        port,
+        port: (0, preview_server_1.getRendererPortFromConfigFileAndCliFlag)(),
         puppeteerInstance,
         browserExecutable,
         indent: false,
@@ -209,7 +210,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
                 chromiumOptions,
                 timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
                 scale: configFileScale,
-                port,
+                port: (0, preview_server_1.getRendererPortFromConfigFileAndCliFlag)(),
                 numberOfGifLoops,
                 everyNthFrame,
                 logLevel,

package/dist/compositions.js

@@ -4,6 +4,7 @@ exports.listCompositionsCommand = void 0;
 const renderer_1 = require("@remotion/renderer");
 const remotion_1 = require("remotion");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
+const preview_server_1 = require("./config/preview-server");
 const entry_point_1 = require("./entry-point");
 const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
@@ -18,7 +19,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
         process.exit(1);
     }
     log_1.Log.verbose({ indent: false, logLevel }, 'Entry point:', file, 'reason:', reason);
-    const { browserExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, port, publicDir, offthreadVideoCacheSizeInBytes, } = await (0, get_cli_options_1.getCliOptions)({
+    const { browserExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, publicDir, offthreadVideoCacheSizeInBytes, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'get-compositions',
         remotionRoot,
@@ -50,7 +51,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
             indent: undefined,
         }).serializedString,
         timeoutInMilliseconds: puppeteerTimeout,
-        port,
+        port: (0, preview_server_1.getRendererPortFromConfigFileAndCliFlag)(),
         indent: false,
         onBrowserLog: null,
         puppeteerInstance: undefined,

package/dist/config/image-format.d.ts

@@ -2,4 +2,4 @@ import type { StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 export declare const setStillImageFormat: (format: StillImageFormat) => void;
 export declare const setVideoImageFormat: (format: VideoImageFormat) => void;
 export declare const getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-export declare const getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
+export declare const getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;

package/dist/config/index.d.ts

@@ -18,11 +18,22 @@ declare global {
          */
         readonly setCachingEnabled: (flag: boolean) => void;
         /**
-         * Define on which port Remotion should start it's HTTP servers.
+         * @deprecated
+         * Use `setStudioPort()` and `setRendererPort()` instead.
+         */
+        readonly setPort: (port: number | undefined) => void;
+        /**
+         * Set the HTTP port used by the Studio.
          * By default, Remotion will try to find a free port.
          * If you specify a port, but it's not available, Remotion will throw an error.
          */
-        readonly setPort: (port: number | undefined) => void;
+        readonly setStudioPort: (port: number | undefined) => void;
+        /**
+         * Set the HTTP port used to host the Webpack bundle.
+         * By default, Remotion will try to find a free port.
+         * If you specify a port, but it's not available, Remotion will throw an error.
+         */
+        readonly setRendererPort: (port: number | undefined) => void;
         /**
          * Define the location of the public/ directory.
          * By default it is a folder named "public" inside the current working directory.
@@ -302,7 +313,9 @@ export declare const ConfigInternals: {
     }) => boolean;
     getBrowserExecutable: () => BrowserExecutable;
     getScale: () => number;
-    getServerPort: () => number | undefined;
+    getStudioPort: () => number | undefined;
+    getRendererPortFromConfigFile: () => number | null;
+    getRendererPortFromConfigFileAndCliFlag: () => number | null;
     getChromiumDisableWebSecurity: () => boolean;
     getIgnoreCertificateErrors: () => boolean;
     getChromiumHeadlessMode: () => boolean;
@@ -316,7 +329,7 @@ export declare const ConfigInternals: {
     getShouldOutputImageSequence: (frameRange: FrameRange | null) => boolean;
     getDotEnvLocation: () => string | null;
     getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-    getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
+    getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
     getWebpackOverrideFn: () => WebpackOverrideFn;
     getWebpackCaching: () => boolean;
     getOutputLocation: () => string | null;

package/dist/config/index.js

@@ -115,6 +115,8 @@ exports.Config = {
     overrideWebpackConfig: override_webpack_2.overrideWebpackConfig,
     setCachingEnabled: webpack_caching_2.setWebpackCaching,
     setPort: preview_server_2.setPort,
+    setStudioPort: preview_server_2.setStudioPort,
+    setRendererPort: preview_server_2.setRendererPort,
     setPublicDir: public_dir_1.setPublicDir,
     setEntryPoint: entry_point_1.setEntryPoint,
     setLevel: log_1.setLogLevel,
@@ -173,7 +175,9 @@ exports.ConfigInternals = {
     getShouldOverwrite: overwrite_1.getShouldOverwrite,
     getBrowserExecutable: browser_executable_1.getBrowserExecutable,
     getScale: scale_1.getScale,
-    getServerPort: preview_server_1.getServerPort,
+    getStudioPort: preview_server_1.getStudioPort,
+    getRendererPortFromConfigFile: preview_server_1.getRendererPortFromConfigFile,
+    getRendererPortFromConfigFileAndCliFlag: preview_server_1.getRendererPortFromConfigFileAndCliFlag,
     getChromiumDisableWebSecurity: chromium_flags_1.getChromiumDisableWebSecurity,
     getIgnoreCertificateErrors: chromium_flags_1.getIgnoreCertificateErrors,
     getChromiumHeadlessMode: chromium_flags_1.getChromiumHeadlessMode,

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

@@ -1,2 +1,12 @@
+/**
+ *
+ * @param port
+ * @deprecated Use the `setStudioPort` and `setRendererPort` functions instead
+ * @returns
+ */
 export declare const setPort: (port: number | undefined) => void;
-export declare const getServerPort: () => number | undefined;
+export declare const setStudioPort: (port: number | undefined) => void;
+export declare const setRendererPort: (port: number | undefined) => void;
+export declare const getStudioPort: () => number | undefined;
+export declare const getRendererPortFromConfigFile: () => number | null;
+export declare const getRendererPortFromConfigFileAndCliFlag: () => number | null;

package/dist/config/preview-server.js

@@ -1,20 +1,49 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getServerPort = exports.setPort = void 0;
-let serverPort;
-const setPort = (port) => {
+exports.getRendererPortFromConfigFileAndCliFlag = exports.getRendererPortFromConfigFile = exports.getStudioPort = exports.setRendererPort = exports.setStudioPort = exports.setPort = void 0;
+const parse_command_line_1 = require("../parse-command-line");
+let studioPort;
+let rendererPort;
+const validatePort = (port) => {
     if (!['number', 'undefined'].includes(typeof port)) {
         throw new Error(`Studio server port should be a number. Got ${typeof port} (${JSON.stringify(port)})`);
     }
     if (port === undefined) {
-        serverPort = undefined;
         return;
     }
     if (port < 1 || port > 65535) {
         throw new Error(`Studio server port should be a number between 1 and 65535. Got ${port}`);
     }
-    serverPort = port;
+};
+/**
+ *
+ * @param port
+ * @deprecated Use the `setStudioPort` and `setRendererPort` functions instead
+ * @returns
+ */
+const setPort = (port) => {
+    (0, exports.setStudioPort)(port);
+    (0, exports.setRendererPort)(port);
 };
 exports.setPort = setPort;
-const getServerPort = () => serverPort;
-exports.getServerPort = getServerPort;
+const setStudioPort = (port) => {
+    validatePort(port);
+    studioPort = port;
+};
+exports.setStudioPort = setStudioPort;
+const setRendererPort = (port) => {
+    validatePort(port);
+    rendererPort = port;
+};
+exports.setRendererPort = setRendererPort;
+const getStudioPort = () => studioPort;
+exports.getStudioPort = getStudioPort;
+const getRendererPortFromConfigFile = () => {
+    return rendererPort !== null && rendererPort !== void 0 ? rendererPort : null;
+};
+exports.getRendererPortFromConfigFile = getRendererPortFromConfigFile;
+const getRendererPortFromConfigFileAndCliFlag = () => {
+    var _a, _b;
+    return (_b = (_a = parse_command_line_1.parsedCli.port) !== null && _a !== void 0 ? _a : rendererPort) !== null && _b !== void 0 ? _b : null;
+};
+exports.getRendererPortFromConfigFileAndCliFlag = getRendererPortFromConfigFileAndCliFlag;

package/dist/editor/components/NewComposition/RemInput.d.ts

@@ -13,5 +13,5 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     isFocused: boolean;
     isHovered: boolean;
 }) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
-export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status" | "rightAlign"> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | "rightAlign" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/NewComposition/RemInputTypeColor.d.ts

@@ -4,5 +4,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>
     status: RemInputStatus;
     name: string;
 };
-export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status"> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/NewComposition/RemTextarea.d.ts

@@ -3,5 +3,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLTextAreaEleme
     status: 'error' | 'warning' | 'ok';
 };
 export declare const inputBaseStyle: React.CSSProperties;
-export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/editor/components/RenderModal/human-readable-codec.d.ts

@@ -1,2 +1,2 @@
 import type { Codec } from '@remotion/renderer';
-export declare const humanReadableCodec: (codec: Codec) => "AAC" | "MP3" | "GIF" | "H.264" | "H.264 Matroska" | "H.265" | "ProRes" | "WebM VP8" | "WebM VP9" | "Waveform" | undefined;
+export declare const humanReadableCodec: (codec: Codec) => "GIF" | "AAC" | "MP3" | "H.264" | "H.264 Matroska" | "H.265" | "ProRes" | "WebM VP8" | "WebM VP9" | "Waveform" | undefined;

package/dist/event-source.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.openEventSource = exports.subscribeToEvent = void 0;
+const remotion_1 = require("remotion");
 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");
@@ -35,6 +36,12 @@ const openEventSource = () => {
             (0, NotificationCenter_1.sendErrorNotification)(`Rendering "${newEvent.compositionId}" failed`);
         }
         if (newEvent.type === 'new-public-folder') {
+            const payload = {
+                files: newEvent.files,
+            };
+            window.dispatchEvent(new CustomEvent(remotion_1.Internals.WATCH_REMOTION_STATIC_FILES, {
+                detail: payload,
+            }));
             window.remotion_staticFiles = newEvent.files;
             window.remotion_publicFolderExists = newEvent.folderExists;
         }

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

@@ -26,7 +26,6 @@ export declare const getCliOptions: (options: {
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;
-    port: number | null;
     muted: boolean;
     enforceAudioTrack: boolean;
     publicDir: string | null;
@@ -35,7 +34,7 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
     offthreadVideoCacheSizeInBytes: number | null;
     deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
     colorSpace: "default" | "bt709";

package/dist/get-cli-options.js

@@ -82,7 +82,6 @@ const getCliOptions = async (options) => {
     const x264Preset = getx264Preset();
     const browserExecutable = config_1.ConfigInternals.getBrowserExecutable();
     const scale = config_1.ConfigInternals.getScale();
-    const port = config_1.ConfigInternals.getServerPort();
     const chromiumOptions = {
         disableWebSecurity: config_1.ConfigInternals.getChromiumDisableWebSecurity(),
         ignoreCertificateErrors: config_1.ConfigInternals.getIgnoreCertificateErrors(),
@@ -107,7 +106,7 @@ const getCliOptions = async (options) => {
         frameRange,
         shouldOutputImageSequence,
         inputProps: (0, get_input_props_1.getInputProps)(null, options.logLevel),
-        envVariables: await (0, get_env_1.getEnvironmentVariables)(null, options.logLevel),
+        envVariables: (0, get_env_1.getEnvironmentVariables)(null, options.logLevel),
         jpegQuality: config_1.ConfigInternals.getJpegQuality(),
         browser: await getAndValidateBrowser({
             browserExecutable,
@@ -126,7 +125,6 @@ const getCliOptions = async (options) => {
         scale,
         chromiumOptions,
         overwrite,
-        port: port !== null && port !== void 0 ? port : null,
         muted: config_1.ConfigInternals.getMuted(),
         enforceAudioTrack: config_1.ConfigInternals.getEnforceAudioTrack(),
         publicDir: config_1.ConfigInternals.getPublicDir(),

package/dist/get-env.d.ts

@@ -1,2 +1,2 @@
 import type { LogLevel } from '@remotion/renderer';
-export declare const getEnvironmentVariables: (onUpdate: ((newProps: Record<string, string>) => void) | null, logLevel: LogLevel) => Promise<Record<string, string>>;
+export declare const getEnvironmentVariables: (onUpdate: ((newProps: Record<string, string>) => void) | null, logLevel: LogLevel) => Record<string, string>;

package/dist/get-env.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEnvironmentVariables = void 0;
 const renderer_1 = require("@remotion/renderer");
 const dotenv_1 = __importDefault(require("dotenv"));
-const node_fs_1 = __importDefault(require("node:fs"));
+const node_fs_1 = __importStar(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
@@ -52,9 +75,9 @@ const watchEnvFile = ({ processEnv, envFile, onUpdate, logLevel, }) => {
     });
     return unwatch;
 };
-const getEnvForEnvFile = async (processEnv, envFile, onUpdate, logLevel) => {
+const getEnvForEnvFile = (processEnv, envFile, onUpdate, logLevel) => {
     try {
-        const envFileData = await node_fs_1.default.promises.readFile(envFile);
+        const envFileData = (0, node_fs_1.readFileSync)(envFile);
         if (onUpdate) {
             if (typeof node_fs_1.default.watchFile === 'undefined') {
                 log_1.Log.warn({ indent: false, logLevel }, 'Unsupported feature (fs.watchFile): .env file will not hot reload.');
@@ -113,7 +136,7 @@ const getEnvironmentVariables = (onUpdate, logLevel) => {
                 });
             }
         }
-        return Promise.resolve(processEnv);
+        return processEnv;
     }
     return getEnvForEnvFile(processEnv, defaultEnvFile, onUpdate, logLevel);
 };

package/dist/index.d.ts

@@ -96,7 +96,6 @@ export declare const CliInternals: {
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
-        port: number | null;
         muted: boolean;
         enforceAudioTrack: boolean;
         publicDir: string | null;
@@ -105,7 +104,7 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
         offthreadVideoCacheSizeInBytes: number | null;
         deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
         colorSpace: "default" | "bt709";
@@ -117,7 +116,7 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
+        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
         "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
@@ -188,7 +187,7 @@ export declare const CliInternals: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
+        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -203,8 +202,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "none" | "png" | "jpeg" | null;
-    }) => "none" | "png" | "jpeg";
+        uiImageFormat: "png" | "jpeg" | "none" | null;
+    }) => "png" | "jpeg" | "none";
     printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, compositionCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;

package/dist/parse-command-line.js

@@ -23,6 +23,7 @@ exports.BooleanFlags = [
     'disable-chunk-optimization',
     'save-browser-logs',
     'disable-cloudwatch',
+    'enable-lambda-insights',
     'yes',
     'y',
     'disable-web-security',
@@ -122,9 +123,6 @@ const parseCommandLine = () => {
     if (typeof exports.parsedCli.scale !== 'undefined') {
         config_1.Config.setScale(exports.parsedCli.scale);
     }
-    if (typeof exports.parsedCli.port !== 'undefined') {
-        config_1.Config.setPort(exports.parsedCli.port);
-    }
     if (typeof exports.parsedCli.muted !== 'undefined') {
         config_1.Config.setMuted(exports.parsedCli.muted);
     }

package/dist/preview-server/dev-middleware/range-parser.d.ts

@@ -11,5 +11,5 @@ type Range = {
 type Ranges = Range[] & {
     type?: string;
 };
-export declare function parseRange(size: number, str: string | string[]): -1 | -2 | Ranges;
+export declare function parseRange(size: number, str: string | string[]): -1 | Ranges | -2;
 export {};

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processStill = void 0;
+const preview_server_1 = require("../../config/preview-server");
 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 still_1 = require("../../render-flows/still");
@@ -8,7 +9,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
     if (job.type !== 'still') {
         throw new Error('Expected still job');
     }
-    const { publicDir, browserExecutable, port, browser, puppeteerTimeout } = await (0, get_cli_options_1.getCliOptions)({
+    const { publicDir, browserExecutable, browser, puppeteerTimeout } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
         remotionRoot,
@@ -26,7 +27,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         fullEntryPoint,
         serializedInputPropsWithCustomSchema: job.serializedInputPropsWithCustomSchema,
         overwrite: true,
-        port,
+        port: (0, preview_server_1.getRendererPortFromConfigFile)(),
         publicDir,
         puppeteerTimeout,
         jpegQuality: job.jpegQuality,

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processVideoJob = void 0;
+const preview_server_1 = require("../../config/preview-server");
 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");
@@ -9,7 +10,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
     if (job.type !== 'video' && job.type !== 'sequence') {
         throw new Error('Expected video job');
     }
-    const { publicDir, browserExecutable, port, browser, ffmpegOverride } = await (0, get_cli_options_1.getCliOptions)({
+    const { publicDir, browserExecutable, browser, ffmpegOverride } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
         remotionRoot,
@@ -27,7 +28,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         fullEntryPoint,
         serializedInputPropsWithCustomSchema: job.serializedInputPropsWithCustomSchema,
         overwrite: true,
-        port,
+        port: (0, preview_server_1.getRendererPortFromConfigFile)(),
         publicDir,
         puppeteerTimeout: job.delayRenderTimeout,
         jpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : undefined,

package/dist/render.js

@@ -4,6 +4,7 @@ exports.render = void 0;
 const remotion_1 = require("remotion");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
+const preview_server_1 = require("./config/preview-server");
 const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
 const entry_point_1 = require("./entry-point");
 const get_audio_codec_1 = require("./get-audio-codec");
@@ -24,7 +25,7 @@ const render = async (remotionRoot, args, logLevel) => {
         log_1.Log.error('--frame flag was passed to the `render` command. This flag only works with the `still` command. Did you mean `--frames`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, jpegQuality, browser, browserExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, height, width, crf, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, numberOfGifLoops, offthreadVideoCacheSizeInBytes, colorSpace, } = await (0, get_cli_options_1.getCliOptions)({
+    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, jpegQuality, browser, browserExecutable, scale, chromiumOptions, everyNthFrame, puppeteerTimeout, publicDir, height, width, crf, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, numberOfGifLoops, offthreadVideoCacheSizeInBytes, colorSpace, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
         remotionRoot,
@@ -49,7 +50,7 @@ const render = async (remotionRoot, args, logLevel) => {
             data: inputProps,
         }).serializedString,
         puppeteerTimeout,
-        port,
+        port: (0, preview_server_1.getRendererPortFromConfigFileAndCliFlag)(),
         height,
         width,
         remainingArgs,

package/dist/still.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.still = void 0;
 const remotion_1 = require("remotion");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
+const preview_server_1 = require("./config/preview-server");
 const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
 const entry_point_1 = require("./entry-point");
 const get_cli_options_1 = require("./get-cli-options");
@@ -22,7 +23,7 @@ const still = async (remotionRoot, args, logLevel) => {
         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, offthreadVideoCacheSizeInBytes, } = await (0, get_cli_options_1.getCliOptions)({
+    const { browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, offthreadVideoCacheSizeInBytes, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
         remotionRoot,
@@ -44,7 +45,7 @@ const still = async (remotionRoot, args, logLevel) => {
             staticBase: null,
         }).serializedString,
         overwrite,
-        port,
+        port: (0, preview_server_1.getRendererPortFromConfigFileAndCliFlag)(),
         publicDir,
         puppeteerTimeout,
         jpegQuality,

package/dist/studio.js

@@ -49,7 +49,7 @@ const getPort = () => {
     if (parse_command_line_1.parsedCli.port) {
         return parse_command_line_1.parsedCli.port;
     }
-    const serverPort = config_1.ConfigInternals.getServerPort();
+    const serverPort = config_1.ConfigInternals.getStudioPort();
     if (serverPort) {
         return serverPort;
     }
@@ -75,7 +75,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
             });
         });
     }, logLevel);
-    let envVariables = await (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
+    let envVariables = (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
         (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
             envVariables = newEnvVariables;
             listener.sendEventToClient({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.59",
+  "version": "4.0.61",
   "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.59",
-    "@remotion/player": "4.0.59",
-    "@remotion/renderer": "4.0.59",
-    "remotion": "4.0.59",
-    "@remotion/media-utils": "4.0.59"
+    "@remotion/bundler": "4.0.61",
+    "@remotion/media-utils": "4.0.61",
+    "@remotion/player": "4.0.61",
+    "@remotion/renderer": "4.0.61",
+    "remotion": "4.0.61"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "react-dom": "18.2.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.59",
-    "@remotion/tailwind": "4.0.59"
+    "@remotion/zod-types": "4.0.61",
+    "@remotion/tailwind": "4.0.61"
   },
   "keywords": [
     "remotion",