@remotion/studio-server 4.0.520 → 4.0.521

package/dist/codemods/split-jsx-sequence.d.ts

@@ -7,7 +7,6 @@ export declare const splitJsxSequence: ({ input, nodePath, sequenceKeys, splitFr
     prettierConfigOverride?: Record<string, unknown> | null | undefined;
 }) => Promise<{
     output: string;
-    formatted: boolean;
     nodeLabel: string;
     logLine: number;
     nodePathRemappings: import("@remotion/studio-shared").SequenceNodePathRemapping[];

package/dist/codemods/split-jsx-sequence.js

@@ -2,16 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.splitJsxSequence = void 0;
 const studio_codemods_1 = require("@remotion/studio-codemods");
-const format_file_content_1 = require("./format-file-content");
 const splitJsxSequence = ({ input, nodePath, sequenceKeys, splitFrame, prettierConfigOverride, }) => (0, studio_codemods_1.splitJsxSequence)({
     input,
     nodePath,
     sequenceKeys,
     splitFrame,
-    formatFile: ({ contents, prettierConfigOverride: override }) => (0, format_file_content_1.formatFileContent)({
-        input: contents,
-        prettierConfigOverride: override,
-    }),
     prettierConfigOverride,
 });
 exports.splitJsxSequence = splitJsxSequence;

package/dist/helpers/install-command.js

@@ -15,6 +15,7 @@ const getInstallCommand = ({ manager, packages, version, additionalArgs, }) => {
         pnpm: ['i', ...additionalArgs, ...pkgList],
         yarn: ['add', '--exact', ...additionalArgs, ...pkgList],
         bun: ['i', ...additionalArgs, ...pkgList],
+        nub: ['add', ...additionalArgs, ...pkgList],
     };
     return commands[manager];
 };

package/dist/helpers/resolve-composition-component.d.ts

@@ -34,7 +34,6 @@ export declare const insertJsxElementIntoComposition: ({ remotionRoot, compositi
     source: string;
     oldContents: string;
     output: string;
-    formatted: boolean;
     logLine: number;
     nodePathRemappings: SequenceNodePathRemapping[];
     insertedNodePath: SequenceNodePath | null;

package/dist/helpers/resolve-composition-component.js

@@ -7,13 +7,11 @@ exports.insertJsxElementIntoComposition = exports.resolveCompositionComponent =
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const studio_codemods_1 = require("@remotion/studio-codemods");
-const format_file_content_1 = require("../codemods/format-file-content");
 const svg_to_jsx_1 = require("./svg-to-jsx");
 const makeCodemodEnvironment = (remotionRoot) => ({
     dirname: node_path_1.default.dirname,
     extname: node_path_1.default.extname,
     fileExists: (fileName) => node_fs_1.default.existsSync(fileName) && node_fs_1.default.statSync(fileName).isFile(),
-    formatFile: ({ contents, prettierConfigOverride }) => (0, format_file_content_1.formatFileContent)({ input: contents, prettierConfigOverride }),
     isAbsolute: node_path_1.default.isAbsolute,
     join: node_path_1.default.join,
     pathSeparator: node_path_1.default.sep,

package/dist/preview-server/api-routes.js

@@ -47,6 +47,7 @@ const restart_studio_1 = require("./routes/restart-studio");
 const save_effect_props_1 = require("./routes/save-effect-props");
 const save_multiple_effect_props_1 = require("./routes/save-multiple-effect-props");
 const save_sequence_props_1 = require("./routes/save-sequence-props");
+const shutdown_studio_1 = require("./routes/shutdown-studio");
 const split_jsx_sequence_1 = require("./routes/split-jsx-sequence");
 const split_video_from_audio_1 = require("./routes/split-video-from-audio");
 const subscribe_to_default_props_1 = require("./routes/subscribe-to-default-props");
@@ -62,6 +63,7 @@ const update_default_props_1 = require("./routes/update-default-props");
 const update_effect_keyframe_settings_1 = require("./routes/update-effect-keyframe-settings");
 const update_element_install_target_1 = require("./routes/update-element-install-target");
 const update_sequence_keyframe_settings_1 = require("./routes/update-sequence-keyframe-settings");
+const upgrade_remotion_1 = require("./routes/upgrade-remotion");
 exports.allApiRoutes = {
     '/api/composition-component-info': composition_component_info_1.compositionComponentInfoHandler,
     '/api/copy-render-output-to-asset': copy_render_output_to_asset_1.copyRenderOutputToAssetHandler,
@@ -113,6 +115,8 @@ exports.allApiRoutes = {
     '/api/project-info': project_info_1.projectInfoHandler,
     '/api/delete-static-file': delete_static_file_1.deleteStaticFileHandler,
     '/api/rename-static-file': rename_static_file_1.renameStaticFileHandler,
+    '/api/upgrade-remotion': upgrade_remotion_1.handleUpgradeRemotion,
+    '/api/shutdown-studio': shutdown_studio_1.handleShutdownStudio,
     '/api/restart-studio': restart_studio_1.handleRestartStudio,
     '/api/default-coding-agent-info': default_coding_agent_1.getDefaultCodingAgentInfoHandler,
     '/api/default-editor-info': default_editor_1.getDefaultEditorInfoHandler,

package/dist/preview-server/close-and-restart.d.ts

@@ -1,2 +1,5 @@
-export declare const noOpUntilRestart: () => Promise<void>;
+type StudioAction = 'restart' | 'shutdown';
+export declare const noOpUntilRestart: () => Promise<StudioAction>;
 export declare const signalRestart: () => void;
+export declare const signalShutdown: () => void;
+export {};

package/dist/preview-server/close-and-restart.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.signalRestart = exports.noOpUntilRestart = void 0;
+exports.signalShutdown = exports.signalRestart = exports.noOpUntilRestart = void 0;
 const resolveFunctions = [];
 const noOpUntilRestart = () => {
     return new Promise((resolve) => {
@@ -9,9 +9,10 @@ const noOpUntilRestart = () => {
 };
 exports.noOpUntilRestart = noOpUntilRestart;
 const signalRestart = () => {
-    resolveFunctions.forEach((f) => {
-        f();
-    });
-    resolveFunctions.length = 0;
+    resolveFunctions.splice(0).forEach((resolve) => resolve('restart'));
 };
 exports.signalRestart = signalRestart;
+const signalShutdown = () => {
+    resolveFunctions.splice(0).forEach((resolve) => resolve('shutdown'));
+};
+exports.signalShutdown = signalShutdown;

package/dist/preview-server/get-package-manager.js

@@ -26,6 +26,12 @@ exports.lockFilePaths = [
         installCommand: 'pnpm i',
         startCommand: 'pnpm exec remotion studio',
     },
+    {
+        path: 'nub.lock',
+        manager: 'nub',
+        installCommand: 'nub add',
+        startCommand: 'nubx remotion studio',
+    },
     {
         path: 'bun.lock',
         manager: 'bun',

package/dist/preview-server/routes/apply-codemod.js

@@ -68,6 +68,12 @@ const getCodemodLogMessage = (codemod) => {
             : 'to root';
         return `Moved composition "${codemod.idToMove}" ${destination}`;
     }
+    if (codemod.type === 'move-composition-or-folder') {
+        const source = codemod.source.type === 'composition'
+            ? `composition "${codemod.source.compositionId}"`
+            : `folder "${getFolderPath(codemod.source.parentName, codemod.source.folderName)}"`;
+        return `Moved ${source}`;
+    }
     if (codemod.type === 'rename-folder') {
         const oldName = getFolderPath(codemod.parentName, codemod.folderName);
         const newName = getFolderPath(codemod.parentName, codemod.newName);
@@ -130,6 +136,16 @@ const getCodemodUndoDescription = (codemod) => {
             entryType: codemod.type,
         };
     }
+    if (codemod.type === 'move-composition-or-folder') {
+        const label = codemod.source.type === 'composition'
+            ? `composition "${codemod.source.compositionId}"`
+            : `folder "${getFolderPath(codemod.source.parentName, codemod.source.folderName)}"`;
+        return {
+            undoMessage: `↩️  Move of ${label}`,
+            redoMessage: `↪️  Move of ${label}`,
+            entryType: codemod.type,
+        };
+    }
     if (codemod.type === 'new-composition') {
         return {
             undoMessage: `↩️  Creation of composition "${codemod.newId}"`,

package/dist/preview-server/routes/insert-element.js

@@ -8,7 +8,6 @@ const format_log_file_location_1 = require("../format-log-file-location");
 const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const element_install_plan_1 = require("./element-install-plan");
-const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
 const hasExpectedFileState = ({ expected, actual, }) => {
     if (expected.exists !== actual.exists) {
@@ -207,9 +206,6 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                 : 'Created Element source';
         renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(elementLocationLabel)} ${elementFileAction}`);
         renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(compositionLocationLabel)} Added <${plan.componentName}>`);
-        if (!inserted.formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
-        }
         (0, undo_stack_1.printUndoHint)(logLevel);
         return { success: true, nodePathMutation };
     }

package/dist/preview-server/routes/insert-jsx-element.js

@@ -13,7 +13,6 @@ const resolve_composition_component_1 = require("../../helpers/resolve-compositi
 const format_log_file_location_1 = require("../format-log-file-location");
 const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
-const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
 const validateDimension = (name, value) => {
     if (!Number.isFinite(value) || value < 1) {
@@ -159,7 +158,7 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
         }
         const elementLabel = getElementLabel(element);
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[insert-jsx-element] Received request for compositionFile="${compositionFile}" compositionId="${compositionId}" element="${element.type}"`);
-        const { fileName, source, oldContents, output, formatted, insertedNodePath, logLine, nodePathRemappings, } = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
+        const { fileName, source, oldContents, output, insertedNodePath, logLine, nodePathRemappings, } = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
             remotionRoot,
             compositionFile,
             compositionId,
@@ -204,10 +203,7 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
             line: logLine,
         });
         renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Added ${elementLabel}`);
-        if (!formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
-        }
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[insert-jsx-element] Wrote ${source}${formatted ? ' (formatted)' : ''}`);
+        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[insert-jsx-element] Wrote ${source}`);
         (0, undo_stack_1.printUndoHint)(logLevel);
         return {
             success: true,

package/dist/preview-server/routes/restart-studio.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleRestartStudio = void 0;
 const close_and_restart_1 = require("../close-and-restart");
-const handleRestartStudio = () => {
-    (0, close_and_restart_1.signalRestart)();
+const handleRestartStudio = ({ response }) => {
+    response.once('finish', close_and_restart_1.signalRestart);
     return Promise.resolve({});
 };
 exports.handleRestartStudio = handleRestartStudio;

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

@@ -0,0 +1,2 @@
+import type { ApiHandler } from '../api-types';
+export declare const handleShutdownStudio: ApiHandler<{}, {}>;

package/dist/preview-server/routes/shutdown-studio.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleShutdownStudio = void 0;
+const close_and_restart_1 = require("../close-and-restart");
+const handleShutdownStudio = ({ response }) => {
+    // Flush the acknowledgement before closing the HTTP and live-event connections.
+    response.once('finish', close_and_restart_1.signalShutdown);
+    return Promise.resolve({});
+};
+exports.handleShutdownStudio = handleShutdownStudio;

package/dist/preview-server/routes/split-jsx-sequence.js

@@ -9,7 +9,6 @@ const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside
 const format_log_file_location_1 = require("../format-log-file-location");
 const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
-const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
 const splitJsxSequenceHandler = ({ input: { fileName, nodePath, sequenceKeys, splitFrame }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     try {
@@ -20,7 +19,7 @@ const splitJsxSequenceHandler = ({ input: { fileName, nodePath, sequenceKeys, sp
             action: 'modify',
         });
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { output, formatted, nodeLabel, logLine, nodePathRemappings } = await (0, split_jsx_sequence_1.splitJsxSequence)({
+        const { output, nodeLabel, logLine, nodePathRemappings } = await (0, split_jsx_sequence_1.splitJsxSequence)({
             input: fileContents,
             nodePath,
             sequenceKeys,
@@ -60,10 +59,7 @@ const splitJsxSequenceHandler = ({ input: { fileName, nodePath, sequenceKeys, sp
             line: logLine,
         });
         renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split ${nodeLabel}`);
-        if (!formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
-        }
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[split-jsx-sequence] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[split-jsx-sequence] Wrote ${fileRelativeToRoot}`);
         (0, undo_stack_1.printUndoHint)(logLevel);
         return {
             success: true,

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

@@ -0,0 +1,3 @@
+import type { ApiRoutes } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const handleUpgradeRemotion: ApiHandler<ApiRoutes['/api/upgrade-remotion']['Request'], ApiRoutes['/api/upgrade-remotion']['Response']>;

package/dist/preview-server/routes/upgrade-remotion.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleUpgradeRemotion = void 0;
+const node_child_process_1 = require("node:child_process");
+const node_path_1 = __importDefault(require("node:path"));
+const renderer_1 = require("@remotion/renderer");
+let upgrading = false;
+const handleUpgradeRemotion = async ({ remotionRoot, logLevel, input: { version } }) => {
+    if (typeof version !== 'string' || !/^\d+\.\d+\.\d+$/.test(version)) {
+        throw new Error('Invalid Remotion version.');
+    }
+    if (upgrading) {
+        throw new Error('A Remotion upgrade is already in progress.');
+    }
+    upgrading = true;
+    try {
+        const cliPackage = require.resolve('@remotion/cli/package.json', {
+            paths: [remotionRoot],
+        });
+        const cli = node_path_1.default.join(node_path_1.default.dirname(cliPackage), 'remotion-cli.js');
+        await new Promise((resolve, reject) => {
+            const child = (0, node_child_process_1.spawn)(process.execPath, [cli, 'upgrade', `--version=${version}`], {
+                cwd: remotionRoot,
+                stdio: ['ignore', 'pipe', 'pipe'],
+                env: { ...process.env, CI: '1' },
+            });
+            let output = '';
+            const onOutput = (chunk) => {
+                const message = chunk.toString();
+                output = (output + message).slice(-8000);
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, message.trimEnd());
+            };
+            child.stdout.on('data', onOutput);
+            child.stderr.on('data', onOutput);
+            child.on('error', reject);
+            child.on('close', (code, signal) => {
+                if (code === 0) {
+                    resolve();
+                }
+                else {
+                    reject(new Error(`Remotion upgrade failed (exit code ${code}, signal ${signal}).\n${output}`));
+                }
+            });
+        });
+        return {};
+    }
+    finally {
+        upgrading = false;
+    }
+};
+exports.handleUpgradeRemotion = handleUpgradeRemotion;

package/dist/preview-server/undo-stack.d.ts

@@ -4,7 +4,7 @@ export interface UndoEntryDescription {
     undoMessage: string;
     redoMessage: string;
 }
-type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-add' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'duplicate-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'split-jsx-sequence' | 'split-video-from-audio' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'update-composition-metadata' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
+type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-add' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'duplicate-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'split-jsx-sequence' | 'split-video-from-audio' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'update-composition-metadata' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'move-composition-or-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
 type UndoEntrySnapshot = {
     filePath: string;
     oldContents: string | null;

package/dist/start-studio.d.ts

@@ -6,6 +6,8 @@ export type StartStudioResult = {
     type: 'restarted';
 } | {
     type: 'already-running';
+} | {
+    type: 'shutdown';
 };
 export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, remotionRoot, relativePublicDir, bundlerOverride, rspackOverride, webpackOverride, poll, getRenderDefaults, getRenderQueue, getNumberOfAudioTags, queueMethods, previewEntry, gitSource, binariesDirectory, forceIPv4, getAudioLatencyHint, getExperimentalKeepAudioContextAlive, getPreviewSampleRate, enableCrossSiteIsolation, forceNew, rspack, getStudioRuntimeConfig, getDefaultCodingAgent, getDefaultEditor, configFile, }: {
     browserArgs: string;

package/dist/start-studio.js

@@ -130,6 +130,7 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         url: studioUrl,
         logLevel,
     });
+    let action;
     try {
         await (0, maybe_open_browser_1.maybeOpenBrowser)({
             browserArgs,
@@ -138,15 +139,20 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
             url: studioUrl,
             logLevel,
         });
-        await (0, close_and_restart_1.noOpUntilRestart)();
+        action = await (0, close_and_restart_1.noOpUntilRestart)();
     }
     finally {
         openBrowserShortcut.cleanup();
     }
-    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, 'Closing server to restart...');
+    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, action === 'shutdown'
+        ? 'Shutting down Studio...'
+        : 'Closing server to restart...');
     await liveEventsServer.closeConnections();
     cleanupLiveEventsListener();
     await close();
+    if (action === 'shutdown') {
+        return { type: 'shutdown' };
+    }
     renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue('Restarting server...'));
     return { type: 'restarted' };
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.520",
+	"version": "4.0.521",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,21 +23,21 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.520",
+		"@remotion/studio-protocol": "4.0.521",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
 		"@svgr/plugin-jsx": "8.1.0",
 		"kiwi-schema": "0.5.0",
 		"semver": "7.5.3",
-		"zod": "4.4.3",
+		"zod": "4.5.4",
 		"prettier": "3.8.1",
-		"remotion": "4.0.520",
+		"remotion": "4.0.521",
 		"recast": "0.23.21",
-		"@remotion/bundler": "4.0.520",
-		"@remotion/renderer": "4.0.520",
-		"@remotion/studio-codemods": "4.0.520",
-		"@remotion/studio-shared": "4.0.520",
+		"@remotion/bundler": "4.0.521",
+		"@remotion/renderer": "4.0.521",
+		"@remotion/studio-codemods": "4.0.521",
+		"@remotion/studio-shared": "4.0.521",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -45,7 +45,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.520",
+		"@remotion/eslint-config-internal": "4.0.521",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"