@remotion/studio-server 4.0.519 → 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/element-install-plan.d.ts

@@ -2,15 +2,7 @@ import type { ElementInstallExpectedFileState, PrepareElementInstallRequest } fr
 export declare const normalizeElementSourceForComparison: (source: string) => string;
 export declare const getElementSourceHash: (source: string) => string;
 export declare const validateElementInstallPosition: (position: import("@remotion/studio-shared").InsertableCompositionElementPosition | null) => void;
-export declare const validateElementForInstallation: (element: {
-    dependencies: import("@remotion/studio-protocol").ElementDependency[];
-    durationInFrames?: number | undefined;
-    installationMode?: import("@remotion/studio-protocol").ElementInstallationMode | undefined;
-    slug: string;
-    displayName: string;
-    sourceCode: string;
-    dimensions: import("@remotion/studio-protocol").ComponentDimensions | null;
-}) => void;
+export declare const validateElementForInstallation: (element: import("@remotion/studio-shared").InstallableElement) => void;
 export declare const makeRelativeElementImportPath: ({ fromFile, toFile, }: {
     fromFile: string;
     toFile: string;

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) {
@@ -23,14 +22,15 @@ const hasExpectedFileState = ({ expected, actual, }) => {
     return actual.sourceHash === expected.sourceHash;
 };
 const insertElementHandler = ({ input: { compositionFile, compositionId, element, expectedFileState, from, position, overwriteExisting, }, entryPoint, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
-    var _a, _b;
     try {
         (0, element_install_plan_1.validateElementInstallPosition)(position);
         if (from !== null &&
             (!Number.isInteger(from) || !Number.isFinite(from) || from < 0)) {
             throw new Error('from must be a non-negative integer');
         }
-        const installationMode = (_a = element.installationMode) !== null && _a !== void 0 ? _a : 'wrapped';
+        const installationMode = element.installationMode === null
+            ? 'wrapped'
+            : element.installationMode;
         const componentOwnsSequence = installationMode === 'component-owned-sequence';
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[insert-element] Received request for compositionFile="${compositionFile}" compositionId="${compositionId}" element="${element.slug}"`);
         const plan = await (0, element_install_plan_1.getElementInstallPlan)({
@@ -90,7 +90,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                 importPath: plan.importPath,
                 props: componentOwnsSequence
                     ? [
-                        ...(element.durationInFrames === undefined
+                        ...(element.durationInFrames === null
                             ? []
                             : [
                                 {
@@ -109,7 +109,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                 ? null
                 : {
                     dimensions: element.dimensions,
-                    durationInFrames: (_b = element.durationInFrames) !== null && _b !== void 0 ? _b : null,
+                    durationInFrames: element.durationInFrames,
                     from,
                     name: element.displayName,
                     position,
@@ -206,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/studio-protocol/handle-element-library.js

@@ -1,19 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolElementLibrary = void 0;
-const zod_1 = require("zod");
+const studio_protocol_1 = require("@remotion/studio-protocol");
 const element_install_state_1 = require("../element-install-state");
 const parse_body_1 = require("../parse-body");
 const origin_policy_1 = require("./origin-policy");
 const protocol_response_1 = require("./protocol-response");
-const studioProtocolElementLibraryRequestSchema = zod_1.z.object({
-    operation: zod_1.z.literal('add-element-library'),
-    protocol: zod_1.z.literal('remotion-studio-protocol'),
-    protocolVersion: zod_1.z.literal(1),
-    targetId: zod_1.z.string().min(1),
-    url: zod_1.z.string(),
-    displayName: zod_1.z.string().nullable(),
-});
 const MAX_STUDIO_PROTOCOL_ELEMENT_LIBRARY_BODY_SIZE = 16 * 1024;
 const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab, liveEventsServer, request, response, }) => {
     var _a;
@@ -62,8 +54,8 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
         });
         return;
     }
-    const parsedRequest = studioProtocolElementLibraryRequestSchema.safeParse(body);
-    if (!parsedRequest.success) {
+    const parsedRequest = studio_protocol_1.StudioProtocolInternals.parseStudioProtocolAddElementLibraryRequest(body);
+    if (parsedRequest === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'unsupported-protocol',
             message: 'Invalid Remotion Studio Protocol request.',
@@ -74,7 +66,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
     }
     let normalizedUrl;
     try {
-        const parsedUrl = new URL(parsedRequest.data.url);
+        const parsedUrl = new URL(parsedRequest.url);
         if (parsedUrl.protocol !== 'http:' && parsedUrl.protocol !== 'https:') {
             throw new Error('Unsupported protocol');
         }
@@ -89,7 +81,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
         });
         return;
     }
-    const displayName = (_b = (_a = parsedRequest.data.displayName) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : null;
+    const displayName = (_b = (_a = parsedRequest.displayName) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : null;
     if (displayName === '') {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'invalid-display-name',
@@ -103,7 +95,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
         now: Date.now(),
         origin: requestOrigin,
         purpose: 'add-element-library',
-        targetId: parsedRequest.data.targetId,
+        targetId: parsedRequest.targetId,
     });
     if (target === null) {
         (0, protocol_response_1.writeStudioProtocolError)({

package/dist/preview-server/studio-protocol/handle-install.js

@@ -2,22 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolInstall = void 0;
 const studio_protocol_1 = require("@remotion/studio-protocol");
-const zod_1 = require("zod");
 const element_install_state_1 = require("../element-install-state");
 const parse_body_1 = require("../parse-body");
 const origin_policy_1 = require("./origin-policy");
 const protocol_response_1 = require("./protocol-response");
-const studioProtocolInstallRequestSchema = zod_1.z.object({
-    operation: zod_1.z.literal('install-element'),
-    protocol: zod_1.z.literal('remotion-studio-protocol'),
-    protocolVersion: zod_1.z.literal(1),
-    targetId: zod_1.z.string(),
-    payload: zod_1.z.unknown(),
-});
 // A valid payload may contain 250,000 JSON characters. Allow room for its
 // UTF-8 representation and the protocol envelope while keeping memory bounded.
 const MAX_STUDIO_PROTOCOL_INSTALL_BODY_SIZE = 1000000;
 const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, origin, target, }) => {
+    var _a, _b;
     if (target.compositionFile === null || target.compositionId === null) {
         return false;
     }
@@ -27,7 +20,11 @@ const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, orig
         createdAt: Date.now(),
         compositionFile: target.compositionFile,
         compositionId: target.compositionId,
-        element,
+        element: {
+            ...element,
+            durationInFrames: (_a = element.durationInFrames) !== null && _a !== void 0 ? _a : null,
+            installationMode: (_b = element.installationMode) !== null && _b !== void 0 ? _b : null,
+        },
         from: null,
         position: null,
         source: {
@@ -89,21 +86,15 @@ const handleStudioProtocolInstall = async ({ focusStudioTab, liveEventsServer, r
         });
         return;
     }
-    const parsedRequest = studioProtocolInstallRequestSchema.safeParse(body);
-    if (!parsedRequest.success) {
-        (0, protocol_response_1.writeStudioProtocolError)({
-            code: 'unsupported-protocol',
-            message: 'Invalid Remotion Studio Protocol request.',
-            response,
-            status: 400,
-        });
-        return;
-    }
-    const payload = studio_protocol_1.StudioProtocolInternals.parseStudioElementPayload(parsedRequest.data.payload);
-    if (payload === null) {
+    const parsedRequest = studio_protocol_1.StudioProtocolInternals.parseStudioProtocolInstallRequest(body);
+    if (parsedRequest.status !== 'valid') {
         (0, protocol_response_1.writeStudioProtocolError)({
-            code: 'invalid-payload',
-            message: 'Invalid Element payload.',
+            code: parsedRequest.status === 'invalid-payload'
+                ? 'invalid-payload'
+                : 'unsupported-protocol',
+            message: parsedRequest.status === 'invalid-payload'
+                ? 'Invalid Element payload.'
+                : 'Invalid Remotion Studio Protocol request.',
             response,
             status: 400,
         });
@@ -113,7 +104,7 @@ const handleStudioProtocolInstall = async ({ focusStudioTab, liveEventsServer, r
         now: Date.now(),
         origin: requestOrigin,
         purpose: 'install-element',
-        targetId: parsedRequest.data.targetId,
+        targetId: parsedRequest.request.targetId,
     });
     if (target === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
@@ -125,7 +116,7 @@ const handleStudioProtocolInstall = async ({ focusStudioTab, liveEventsServer, r
         return;
     }
     if (!deliverElementInstall({
-        element: payload.element,
+        element: parsedRequest.request.payload.element,
         focusStudioTab,
         liveEventsServer,
         origin: requestOrigin,

package/dist/preview-server/studio-protocol/handle-license-key.js

@@ -2,18 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolLicenseKey = void 0;
 const studio_protocol_1 = require("@remotion/studio-protocol");
-const zod_1 = require("zod");
 const element_install_state_1 = require("../element-install-state");
 const parse_body_1 = require("../parse-body");
 const origin_policy_1 = require("./origin-policy");
 const protocol_response_1 = require("./protocol-response");
-const studioProtocolLicenseKeyRequestSchema = zod_1.z.object({
-    operation: zod_1.z.literal('set-license-key'),
-    protocol: zod_1.z.literal('remotion-studio-protocol'),
-    protocolVersion: zod_1.z.literal(1),
-    targetId: zod_1.z.string().min(1),
-    licenseKey: zod_1.z.string(),
-});
 const MAX_STUDIO_PROTOCOL_LICENSE_KEY_BODY_SIZE = 4096;
 const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, liveEventsServer, request, response, }) => {
     (0, origin_policy_1.setStudioProtocolCorsHeaders)({ request, response });
@@ -60,8 +52,8 @@ const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, live
         });
         return;
     }
-    const parsedRequest = studioProtocolLicenseKeyRequestSchema.safeParse(body);
-    if (!parsedRequest.success) {
+    const parsedRequest = studio_protocol_1.StudioProtocolInternals.parseStudioProtocolSetLicenseKeyRequest(body);
+    if (parsedRequest === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'unsupported-protocol',
             message: 'Invalid Remotion Studio Protocol request.',
@@ -70,7 +62,7 @@ const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, live
         });
         return;
     }
-    if (!studio_protocol_1.StudioProtocolInternals.isValidPublicLicenseKey(parsedRequest.data.licenseKey)) {
+    if (!studio_protocol_1.StudioProtocolInternals.isValidPublicLicenseKey(parsedRequest.licenseKey)) {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'invalid-license-key',
             message: 'The license key is not a valid public Remotion license key.',
@@ -83,7 +75,7 @@ const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, live
         now: Date.now(),
         origin: requestOrigin,
         purpose: 'set-license-key',
-        targetId: parsedRequest.data.targetId,
+        targetId: parsedRequest.targetId,
     });
     if (target === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
@@ -105,7 +97,7 @@ const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, live
     }
     const delivered = liveEventsServer.sendEventToClientId(target.clientId, {
         type: 'license-key-install-request',
-        licenseKey: parsedRequest.data.licenseKey,
+        licenseKey: parsedRequest.licenseKey,
     });
     if (!delivered) {
         (0, protocol_response_1.writeStudioProtocolError)({

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.519",
+	"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.519",
+		"@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.519",
+		"remotion": "4.0.521",
 		"recast": "0.23.21",
-		"@remotion/bundler": "4.0.519",
-		"@remotion/renderer": "4.0.519",
-		"@remotion/studio-codemods": "4.0.519",
-		"@remotion/studio-shared": "4.0.519",
+		"@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.519",
+		"@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"