@remotion/cli 4.0.89 → 4.0.91

package/dist/bundle.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bundleCommand = void 0;
 const bundler_1 = require("@remotion/bundler");
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("./chalk");
@@ -45,7 +45,9 @@ const bundleCommand = async (remotionRoot, args, logLevel) => {
     const gitignoreFolder = bundler_1.BundlerInternals.findClosestFolderWithFile(outputPath, '.gitignore');
     const existed = (0, fs_1.existsSync)(outputPath);
     if (existed) {
-        if (!(0, fs_1.existsSync)(path_1.default.join(outputPath, 'index.html'))) {
+        const existsIndexHtml = (0, fs_1.existsSync)(path_1.default.join(outputPath, 'index.html'));
+        const isEmpty = (0, fs_1.readdirSync)(outputPath).length === 0;
+        if (!existsIndexHtml && !isEmpty) {
             log_1.Log.error(`The folder at ${outputPath} already exists, and needs to be deleted before a new bundle can be created.`);
             log_1.Log.error('However, it does not look like the folder was created by `npx remotion bundle` (no index.html).');
             log_1.Log.error('Aborting to prevent accidental data loss.');
@@ -72,7 +74,7 @@ const bundleCommand = async (remotionRoot, args, logLevel) => {
             }
             if (copying.doneIn === null) {
                 if (updatesDontOverwrite) {
-                    return `Copying public dir ${studio_1.StudioInternals.formatBytes(copying.bytes)}`;
+                    return `Copying public dir ${studio_server_1.StudioServerInternals.formatBytes(copying.bytes)}`;
                 }
             }
         },

package/dist/cloudrun-command.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cloudrunCommand = void 0;
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const log_1 = require("./log");
 const cloudrunCommand = async (remotionRoot, args, logLevel) => {
     try {
@@ -13,13 +13,13 @@ const cloudrunCommand = async (remotionRoot, args, logLevel) => {
         process.exit(0);
     }
     catch (err) {
-        const manager = studio_1.StudioInternals.getPackageManager(remotionRoot, undefined);
+        const manager = studio_server_1.StudioServerInternals.getPackageManager(remotionRoot, undefined);
         const installCommand = manager === 'unknown' ? 'npm i' : manager.installCommand;
         log_1.Log.error(err);
         log_1.Log.error('Remotion Cloud Run is not installed.');
         log_1.Log.infoAdvanced({ indent: false, logLevel }, '');
         log_1.Log.infoAdvanced({ indent: false, logLevel }, 'You can install it using:');
-        log_1.Log.infoAdvanced({ indent: false, logLevel }, `${installCommand} @remotion/cloudrun@${studio_1.StudioInternals.getRemotionVersion()}`);
+        log_1.Log.infoAdvanced({ indent: false, logLevel }, `${installCommand} @remotion/cloudrun@${studio_server_1.StudioServerInternals.getRemotionVersion()}`);
         process.exit(1);
     }
 };

package/dist/config/index.js

@@ -48,7 +48,7 @@ const still_frame_1 = require("./still-frame");
 const timeout_1 = require("./timeout");
 const webpack_caching_1 = require("./webpack-caching");
 const x264_preset_1 = require("./x264-preset");
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const audio_codec_1 = require("./audio-codec");
 const beep_on_finish_1 = require("./beep-on-finish");
 const bitrate_1 = require("./bitrate");
@@ -108,7 +108,7 @@ exports.Config = {
     get Puppeteer() {
         throw new Error('The config format has changed. Change `Config.Puppeteer.*()` calls to `Config.*()` in your config file.');
     },
-    setMaxTimelineTracks: studio_1.StudioInternals.setMaxTimelineTracks,
+    setMaxTimelineTracks: studio_server_1.StudioServerInternals.setMaxTimelineTracks,
     setKeyboardShortcutsEnabled: keyboard_shortcuts_1.setKeyboardShortcutsEnabled,
     setNumberOfSharedAudioTags: number_of_shared_audio_tags_1.setNumberOfSharedAudioTags,
     setWebpackPollingInMilliseconds: webpack_poll_1.setWebpackPollingInMilliseconds,
@@ -205,7 +205,7 @@ exports.ConfigInternals = {
     Logging,
     setFrameRangeFromCli: frame_range_1.setFrameRangeFromCli,
     setStillFrame: still_frame_1.setStillFrame,
-    getMaxTimelineTracks: studio_1.StudioInternals.getMaxTimelineTracks,
+    getMaxTimelineTracks: studio_server_1.StudioServerInternals.getMaxTimelineTracks,
     defaultOverrideFunction: override_webpack_1.defaultOverrideFunction,
     setMuted: muted_1.setMuted,
     getMuted: muted_1.getMuted,

package/dist/download-progress.d.ts

@@ -1,3 +1,3 @@
-import type { DownloadProgress } from '@remotion/studio';
+import type { DownloadProgress } from '@remotion/studio-server';
 export declare const getFileSizeDownloadBar: (downloaded: number) => string;
 export declare const makeMultiDownloadProgress: (progresses: DownloadProgress[]) => string | null;

package/dist/download-progress.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMultiDownloadProgress = exports.getFileSizeDownloadBar = void 0;
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const make_progress_bar_1 = require("./make-progress-bar");
 const truthy_1 = require("./truthy");
 const getFileSizeDownloadBar = (downloaded) => {
     const desiredLength = (0, make_progress_bar_1.makeProgressBar)(0).length;
-    return `[${studio_1.StudioInternals.formatBytes(downloaded).padEnd(desiredLength - 2, ' ')}]`;
+    return `[${studio_server_1.StudioServerInternals.formatBytes(downloaded).padEnd(desiredLength - 2, ' ')}]`;
 };
 exports.getFileSizeDownloadBar = getFileSizeDownloadBar;
 const makeMultiDownloadProgress = (progresses) => {

package/dist/get-composition-id.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionId = void 0;
 const renderer_1 = require("@remotion/renderer");
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const log_1 = require("./log");
 const show_compositions_picker_1 = require("./show-compositions-picker");
 const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
@@ -42,7 +42,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, serializedInputProp
             log_1.Log.warn({
                 indent,
                 logLevel,
-            }, `The props of your composition are large (${studio_1.StudioInternals.formatBytes(propsSize)}). This may cause slowdown.`);
+            }, `The props of your composition are large (${studio_server_1.StudioServerInternals.formatBytes(propsSize)}). This may cause slowdown.`);
         }
         if (!config) {
             throw new Error(`Cannot find composition with ID "${compName}"`);

package/dist/get-env.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEnvironmentVariables = void 0;
 const renderer_1 = require("@remotion/renderer");
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const dotenv_1 = __importDefault(require("dotenv"));
 const node_fs_1 = __importStar(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
@@ -52,7 +52,7 @@ const watchEnvFile = ({ processEnv, envFile, onUpdate, logLevel, }) => {
             ...dotenv_1.default.parse(file),
         });
     };
-    const { unwatch } = studio_1.StudioInternals.installFileWatcher({
+    const { unwatch } = studio_server_1.StudioServerInternals.installFileWatcher({
         file: envFile,
         onChange: async (type) => {
             try {

package/dist/get-render-defaults.d.ts

@@ -1,2 +1,2 @@
-import type { RenderDefaults } from '@remotion/bundler';
+import type { RenderDefaults } from '@remotion/studio';
 export declare const getRenderDefaults: () => RenderDefaults;

package/dist/index.d.ts

@@ -113,6 +113,12 @@ export declare const CliInternals: {
         repro: boolean;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
+    formatBytes: (number: number, options?: (Intl.NumberFormatOptions & {
+        locale: string;
+        bits?: boolean | undefined;
+        binary?: boolean | undefined;
+        signed: boolean;
+    }) | undefined) => string;
     initializeCli: (remotionRoot: string) => Promise<"verbose" | "info" | "warn" | "error">;
     BooleanFlags: string[];
     quietFlagProvided: () => boolean;
@@ -184,12 +190,6 @@ export declare const CliInternals: {
         _: string[];
     };
     printError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
-    formatBytes: (number: number, options?: (Intl.NumberFormatOptions & {
-        locale: string;
-        bits?: boolean | undefined;
-        binary?: boolean | undefined;
-        signed: boolean;
-    }) | undefined) => string;
     getFileSizeDownloadBar: (downloaded: number) => string;
     determineFinalStillImageFormat: ({ downloadName, outName, configImageFormat, cliFlag, isLambda, fromUi, }: {
         downloadName: string | null;

package/dist/index.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CliInternals = exports.cli = void 0;
 const renderer_1 = require("@remotion/renderer");
-const studio_1 = require("@remotion/studio");
 const minimist_1 = __importDefault(require("minimist"));
 const benchmark_1 = require("./benchmark");
 const bundle_1 = require("./bundle");
@@ -37,7 +36,7 @@ const progress_bar_1 = require("./progress-bar");
 const render_1 = require("./render");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const still_1 = require("./still");
-const studio_2 = require("./studio");
+const studio_1 = require("./studio");
 const upgrade_1 = require("./upgrade");
 const versions_1 = require("./versions");
 const cli = async () => {
@@ -77,7 +76,7 @@ const cli = async () => {
             await (0, compositions_1.listCompositionsCommand)(remotionRoot, args, logLevel);
         }
         else if (isStudio) {
-            await (0, studio_2.studioCommand)(remotionRoot, args, logLevel);
+            await (0, studio_1.studioCommand)(remotionRoot, args, logLevel);
         }
         else if (command === 'lambda') {
             await (0, lambda_command_1.lambdaCommand)(remotionRoot, args, logLevel);
@@ -133,6 +132,7 @@ const cli = async () => {
     }
 };
 exports.cli = cli;
+const studio_server_1 = require("@remotion/studio-server");
 exports.CliInternals = {
     createOverwriteableCliOutput: progress_bar_1.createOverwriteableCliOutput,
     chalk: chalk_1.chalk,
@@ -140,12 +140,12 @@ exports.CliInternals = {
     Log: log_1.Log,
     getCliOptions: get_cli_options_1.getCliOptions,
     loadConfig: get_config_file_name_1.loadConfig,
+    formatBytes: studio_server_1.StudioServerInternals.formatBytes,
     initializeCli: initialize_cli_1.initializeCli,
     BooleanFlags: parse_command_line_1.BooleanFlags,
     quietFlagProvided: parse_command_line_1.quietFlagProvided,
     parsedCli: parse_command_line_1.parsedCli,
     printError: print_error_1.printError,
-    formatBytes: studio_1.StudioInternals.formatBytes,
     getFileSizeDownloadBar: download_progress_1.getFileSizeDownloadBar,
     determineFinalStillImageFormat: determine_image_format_1.determineFinalStillImageFormat,
     minimist: minimist_1.default,

package/dist/lambda-command.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.lambdaCommand = void 0;
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const log_1 = require("./log");
 const lambdaCommand = async (remotionRoot, args, logLevel) => {
     try {
@@ -13,13 +13,13 @@ const lambdaCommand = async (remotionRoot, args, logLevel) => {
         process.exit(0);
     }
     catch (err) {
-        const manager = studio_1.StudioInternals.getPackageManager(remotionRoot, undefined);
+        const manager = studio_server_1.StudioServerInternals.getPackageManager(remotionRoot, undefined);
         const installCommand = manager === 'unknown' ? 'npm i' : manager.installCommand;
         log_1.Log.error(err);
         log_1.Log.error('Remotion Lambda is not installed.');
         log_1.Log.info('');
         log_1.Log.info('You can install it using:');
-        log_1.Log.info(`${installCommand} @remotion/lambda@${studio_1.StudioInternals.getRemotionVersion()}`);
+        log_1.Log.info(`${installCommand} @remotion/lambda@${studio_server_1.StudioServerInternals.getRemotionVersion()}`);
         process.exit(1);
     }
 };

package/dist/list-of-remotion-packages.js

@@ -26,8 +26,11 @@ exports.listOfRemotionPackages = [
     '@remotion/gif',
     '@remotion/shapes',
     '@remotion/studio',
+    '@remotion/studio-server',
+    '@remotion/studio-shared',
     '@remotion/zod-types',
     '@remotion/tailwind',
     '@remotion/transitions',
+    '@remotion/animation-utils',
     'remotion',
 ];

package/dist/make-on-download.d.ts

@@ -1,5 +1,5 @@
 import type { LogLevel, RenderMediaOnDownload } from '@remotion/renderer';
-import type { DownloadProgress } from '@remotion/studio';
+import type { DownloadProgress } from '@remotion/studio-server';
 export declare const makeOnDownload: ({ indent, logLevel, updatesDontOverwrite, downloads, updateRenderProgress, isUsingParallelEncoding, }: {
     indent: boolean;
     logLevel: LogLevel;

package/dist/make-on-download.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeOnDownload = void 0;
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const log_1 = require("./log");
 const makeOnDownload = ({ indent, logLevel, updatesDontOverwrite, downloads, updateRenderProgress, isUsingParallelEncoding, }) => {
     return (src) => {
@@ -32,7 +32,7 @@ const makeOnDownload = ({ indent, logLevel, updatesDontOverwrite, downloads, upd
             lastUpdate = Date.now();
             log_1.Log.verbose({ indent, logLevel }, `Download [${nextDownloadIndex}]:`, percent
                 ? `${(percent * 100).toFixed(1)}%`
-                : studio_1.StudioInternals.formatBytes(downloaded));
+                : studio_server_1.StudioServerInternals.formatBytes(downloaded));
             updateRenderProgress({
                 newline: false,
                 printToConsole: !updatesDontOverwrite,

package/dist/parse-command-line.d.ts

@@ -2,63 +2,63 @@ import type { AudioCodec, BrowserExecutable, Codec, OpenGlRenderer, PixelFormat,
 declare const beepOnFinishOption: {
     name: string;
     cliFlag: "beep-on-finish";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: null;
     docLink: string;
     type: boolean;
 }, colorSpaceOption: {
     name: string;
     cliFlag: "color-space";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     docLink: string;
     ssrName: string;
     type: "default" | "bt709" | "bt2020-ncl";
 }, offthreadVideoCacheSizeInBytes: {
     name: string;
     cliFlag: "offthreadvideo-cache-size-in-bytes";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "offthreadVideoCacheSizeInBytes";
     docLink: string;
     type: number | null;
 }, encodingBufferSizeOption: {
     name: string;
     cliFlag: "buffer-size";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "encodingBufferSize";
     docLink: string;
     type: string | null;
 }, encodingMaxRateOption: {
     name: string;
     cliFlag: "max-rate";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "encodingMaxRate";
     docLink: string;
     type: string | null;
 }, deleteAfterOption: {
     name: string;
     cliFlag: "delete-after";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "deleteAfter";
     docLink: string;
     type: string | null;
 }, folderExpiryOption: {
     name: string;
     cliFlag: "enable-folder-expiry";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "enableFolderExpiry";
     docLink: string;
     type: boolean | null;
 }, enableMultiprocessOnLinuxOption: {
     name: string;
     cliFlag: "enable-multiprocess-on-linux";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
     type: boolean;
 }, numberOfGifLoopsOption: {
     name: string;
     cliFlag: "number-of-gif-loops";
-    description: () => JSX.Element;
+    description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "numberOfGifLoops";
     docLink: string;
     type: number | null;

package/dist/progress-bar.d.ts

@@ -1,5 +1,5 @@
 import type { CancelSignal } from '@remotion/renderer';
-import type { AggregateRenderProgress, BundlingState, CopyingState } from '@remotion/studio';
+import type { AggregateRenderProgress, BundlingState, CopyingState } from '@remotion/studio-server';
 export type OverwriteableCliOutput = {
     update: (up: string, newline: boolean) => boolean;
 };

package/dist/progress-bar.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRenderingAndStitchingProgress = exports.makeBundlingAndCopyProgress = exports.createOverwriteableCliOutput = void 0;
 const renderer_1 = require("@remotion/renderer");
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const chalk_1 = require("./chalk");
 const download_progress_1 = require("./download-progress");
 const make_progress_bar_1 = require("./make-progress-bar");
@@ -33,7 +33,7 @@ const createOverwriteableCliOutput = (options) => {
             },
         };
     }
-    const diff = new studio_1.StudioInternals.AnsiDiff();
+    const diff = new studio_server_1.StudioServerInternals.AnsiDiff();
     (_a = options.cancelSignal) === null || _a === void 0 ? void 0 : _a.call(options, () => {
         process.stdout.write(diff.finish());
     });
@@ -172,7 +172,7 @@ const getGuiProgressSubtitle = (progress) => {
         return `Bundling ${Math.round(progress.bundling.progress * 100)}%`;
     }
     if (progress.copyingState.doneIn === null) {
-        return `Copying public dir ${studio_1.StudioInternals.formatBytes(progress.copyingState.bytes)}`;
+        return `Copying public dir ${studio_server_1.StudioServerInternals.formatBytes(progress.copyingState.bytes)}`;
     }
     if (!progress.rendering) {
         return `Getting compositions`;

package/dist/progress-types.d.ts

@@ -1,2 +1,2 @@
-import type { AggregateRenderProgress } from '@remotion/studio';
+import type { AggregateRenderProgress } from '@remotion/studio-server';
 export declare const initialAggregateRenderProgress: () => AggregateRenderProgress;

package/dist/render-flows/render.d.ts

@@ -1,5 +1,5 @@
 import type { AudioCodec, Browser, BrowserExecutable, CancelSignal, ChromiumOptions, Codec, ColorSpace, Crf, FfmpegOverrideFn, FrameRange, LogLevel, PixelFormat, ProResProfile, VideoImageFormat, X264Preset } from '@remotion/renderer';
-import type { JobProgressCallback } from '@remotion/studio';
+import type { JobProgressCallback } from '@remotion/studio-server';
 import type { Loop } from '../config/number-of-gif-loops';
 export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, colorSpace, repro, }: {
     remotionRoot: string;

package/dist/render-flows/still.d.ts

@@ -1,5 +1,5 @@
 import type { Browser, BrowserExecutable, CancelSignal, ChromiumOptions, LogLevel, StillImageFormat } from '@remotion/renderer';
-import type { JobProgressCallback } from '@remotion/studio';
+import type { JobProgressCallback } from '@remotion/studio-server';
 export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, }: {
     remotionRoot: string;
     fullEntryPoint: string;

package/dist/render-queue/process-still.d.ts

@@ -1,4 +1,4 @@
-import type { JobProgressCallback, RenderJob } from '@remotion/studio';
+import type { JobProgressCallback, RenderJob } from '@remotion/studio-server';
 export declare const processStill: ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }: {
     job: RenderJob;
     remotionRoot: string;

package/dist/render-queue/process-video.d.ts

@@ -1,5 +1,5 @@
 import type { LogLevel } from '@remotion/renderer';
-import type { JobProgressCallback, RenderJob } from '@remotion/studio';
+import type { JobProgressCallback, RenderJob } from '@remotion/studio-server';
 export declare const processVideoJob: ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, logLevel, }: {
     job: RenderJob;
     remotionRoot: string;

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

@@ -1,5 +1,5 @@
 import type { LogLevel } from '@remotion/renderer';
-import type { RenderJob, RenderJobWithCleanup } from '@remotion/studio';
+import type { RenderJob, RenderJobWithCleanup } from '@remotion/studio-server';
 export declare const getRenderQueue: () => RenderJob[];
 export declare const addJob: ({ job, entryPoint, remotionRoot, logLevel, }: {
     job: RenderJobWithCleanup;

package/dist/render-queue/queue.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cancelJob = exports.removeJob = exports.addJob = exports.getRenderQueue = void 0;
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const node_path_1 = __importDefault(require("node:path"));
 const chalk_1 = require("../chalk");
 const config_1 = require("../config");
@@ -31,7 +31,7 @@ const getRenderQueue = () => {
 };
 exports.getRenderQueue = getRenderQueue;
 const notifyClientsOfJobUpdate = () => {
-    studio_1.StudioInternals.waitForLiveEventsListener().then((listener) => {
+    studio_server_1.StudioServerInternals.waitForLiveEventsListener().then((listener) => {
         listener.sendEventToClient({
             type: 'render-queue-updated',
             queue: (0, exports.getRenderQueue)(),
@@ -163,7 +163,7 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, logLevel, }) =>
             logLevel,
         });
         log_1.Log.info(chalk_1.chalk.gray('╰─ Done in ' + (Date.now() - startTime) + 'ms.'));
-        const { unwatch } = studio_1.StudioInternals.installFileWatcher({
+        const { unwatch } = studio_server_1.StudioServerInternals.installFileWatcher({
             file: node_path_1.default.resolve(remotionRoot, nextJob.outName),
             onChange: (type) => {
                 if (type === 'created') {
@@ -205,7 +205,7 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, logLevel, }) =>
             };
         });
         await (0, print_error_1.printError)(err, config_1.ConfigInternals.Logging.getLogLevel());
-        studio_1.StudioInternals.waitForLiveEventsListener().then((listener) => {
+        studio_server_1.StudioServerInternals.waitForLiveEventsListener().then((listener) => {
             listener.sendEventToClient({
                 type: 'render-job-failed',
                 compositionId: nextJob.compositionId,

package/dist/setup-cache.d.ts

@@ -1,5 +1,5 @@
 import type { LogLevel } from '@remotion/renderer';
-import type { BundlingState, CopyingState } from '@remotion/studio';
+import type { BundlingState, CopyingState } from '@remotion/studio-server';
 export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, quietFlag, outDir, }: {
     fullPath: string;
     remotionRoot: string;

package/dist/studio.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.studioCommand = void 0;
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const config_1 = require("./config");
 const number_of_shared_audio_tags_1 = require("./config/number-of-shared-audio-tags");
 const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
@@ -35,7 +35,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
     const desiredPort = getPort();
     const fullEntryPath = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
     let inputProps = (0, get_input_props_1.getInputProps)((newProps) => {
-        studio_1.StudioInternals.waitForLiveEventsListener().then((listener) => {
+        studio_server_1.StudioServerInternals.waitForLiveEventsListener().then((listener) => {
             inputProps = newProps;
             listener.sendEventToClient({
                 type: 'new-input-props',
@@ -44,7 +44,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         });
     }, logLevel);
     let envVariables = (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
-        studio_1.StudioInternals.waitForLiveEventsListener().then((listener) => {
+        studio_server_1.StudioServerInternals.waitForLiveEventsListener().then((listener) => {
             envVariables = newEnvVariables;
             listener.sendEventToClient({
                 type: 'new-env-variables',
@@ -54,7 +54,8 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
     }, logLevel);
     const maxTimelineTracks = config_1.ConfigInternals.getMaxTimelineTracks();
     const keyboardShortcutsEnabled = config_1.ConfigInternals.getKeyboardShortcutsEnabled();
-    await studio_1.StudioInternals.startStudio({
+    await studio_server_1.StudioServerInternals.startStudio({
+        previewEntry: require.resolve('@remotion/studio/entry'),
         browserArgs: parse_command_line_1.parsedCli['browser-args'],
         browserFlag: parse_command_line_1.parsedCli.browser,
         logLevel,

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 studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const node_path_1 = __importDefault(require("node:path"));
 const config_1 = require("./config");
 const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
@@ -34,12 +34,12 @@ const upgrade = async (remotionRoot, packageManager, version) => {
         log_1.Log.info('Upgrading to specified version: ' + version);
     }
     else {
-        targetVersion = await studio_1.StudioInternals.getLatestRemotionVersion();
+        targetVersion = await studio_server_1.StudioServerInternals.getLatestRemotionVersion();
         log_1.Log.info('Newest Remotion version is', targetVersion);
     }
-    const manager = studio_1.StudioInternals.getPackageManager(remotionRoot, packageManager);
+    const manager = studio_server_1.StudioServerInternals.getPackageManager(remotionRoot, packageManager);
     if (manager === 'unknown') {
-        throw new Error(`No lockfile was found in your project (one of ${studio_1.StudioInternals.lockFilePaths
+        throw new Error(`No lockfile was found in your project (one of ${studio_server_1.StudioServerInternals.lockFilePaths
             .map((p) => p.path)
             .join(', ')}). Install dependencies using your favorite manager!`);
     }

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOutputLocation = exports.getUserPassedOutputLocation = void 0;
-const studio_1 = require("@remotion/studio");
+const studio_server_1 = require("@remotion/studio-server");
 const config_1 = require("./config");
 const parse_command_line_1 = require("./parse-command-line");
 const getUserPassedOutputLocation = (args, uiPassedOutName) => {
@@ -16,7 +16,7 @@ const getOutputLocation = ({ compositionId, defaultExtension, args, type, output
         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 : studio_1.StudioInternals.getDefaultOutLocation({
+    return ((_a = (0, exports.getUserPassedOutputLocation)(args, outputLocationFromUi)) !== null && _a !== void 0 ? _a : (0, studio_server_1.getDefaultOutLocation)({
         compositionName: compositionId,
         defaultExtension,
         type,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.89",
+  "version": "4.0.91",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -31,12 +31,13 @@
     "dotenv": "9.0.2",
     "minimist": "1.2.6",
     "prompts": "2.4.2",
-    "@remotion/player": "4.0.89",
-    "@remotion/media-utils": "4.0.89",
-    "@remotion/bundler": "4.0.89",
-    "@remotion/renderer": "4.0.89",
-    "remotion": "4.0.89",
-    "@remotion/studio": "4.0.89"
+    "@remotion/bundler": "4.0.91",
+    "@remotion/player": "4.0.91",
+    "@remotion/renderer": "4.0.91",
+    "@remotion/media-utils": "4.0.91",
+    "@remotion/studio-server": "4.0.91",
+    "@remotion/studio": "4.0.91",
+    "remotion": "4.0.91"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -48,9 +49,9 @@
     "bun-types": "0.8.0",
     "@types/node": "18.14.6",
     "@types/prompts": "^2.4.1",
-    "@types/react": "18.0.26",
+    "@types/react": "18.2.48",
     "@types/prettier": "^2.7.2",
-    "@types/react-dom": "18.0.11",
+    "@types/react-dom": "18.2.18",
     "eslint": "8.42.0",
     "eslint-plugin-10x": "1.5.2",
     "eslint-plugin-react": "7.32.2",
@@ -61,8 +62,8 @@
     "react-dom": "18.2.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.89",
-    "@remotion/tailwind": "4.0.89"
+    "@remotion/tailwind": "4.0.91",
+    "@remotion/zod-types": "4.0.91"
   },
   "keywords": [
     "remotion",