@remotion/studio-server 4.0.506 → 4.0.508

package/dist/preview-server/undo-stack.js

@@ -17,6 +17,7 @@ const read_visual_control_values_1 = require("../codemods/read-visual-control-va
 const file_watcher_1 = require("../file-watcher");
 const format_log_file_location_1 = require("./format-log-file-location");
 const live_events_1 = require("./live-events");
+const sequence_node_path_mutation_1 = require("./sequence-node-path-mutation");
 const watch_ignore_next_change_1 = require("./watch-ignore-next-change");
 const MAX_ENTRIES = 100;
 const undoStack = [];
@@ -56,7 +57,7 @@ const makeUndoEntry = ({ snapshots, description, entryType, suppressHmrOnFileRes
         suppressHmrOnFileRestore,
     };
 };
-function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, }) {
+function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, nodePathRemappings, }) {
     pushTransactionToUndoStack({
         snapshots: [
             {
@@ -64,6 +65,7 @@ function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotio
                 oldContents,
                 newContents,
                 logLine,
+                nodePathRemappings,
             },
         ],
         logLevel,
@@ -108,6 +110,7 @@ function pushToRedoStack({ filePath, oldContents, newContents, logLine, descript
                 oldContents,
                 newContents,
                 logLine,
+                nodePathRemappings: null,
             },
         ],
         description,
@@ -247,6 +250,29 @@ function popUndo() {
     if (redoStack.length > MAX_ENTRIES) {
         redoStack.shift();
     }
+    const files = entry.snapshots.flatMap((snapshot) => {
+        if (snapshot.nodePathRemappings === null) {
+            return [];
+        }
+        return [
+            {
+                absolutePath: snapshot.filePath,
+                remappings: snapshot.nodePathRemappings.flatMap((remapping) => {
+                    if (remapping.newNodePath === null) {
+                        return [];
+                    }
+                    return [
+                        {
+                            oldNodePath: remapping.newNodePath,
+                            newNodePath: remapping.oldNodePath,
+                        },
+                    ];
+                }),
+                restoredNodePaths: snapshot.nodePathRemappings.flatMap((remapping) => remapping.newNodePath === null ? [remapping.oldNodePath] : []),
+            },
+        ];
+    });
+    const nodePathMutation = files.length === 0 ? null : (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(files);
     for (const snapshot of entry.snapshots) {
         suppressUndoStackInvalidation(snapshot.filePath);
         if (entry.suppressHmrOnFileRestore) {
@@ -256,7 +282,14 @@ function popUndo() {
             (0, node_fs_1.rmSync)(snapshot.filePath, { force: true });
         }
         else {
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.oldContents, undefined);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: snapshot.filePath,
+                content: snapshot.oldContents,
+                originatorClientId: undefined,
+                metadata: snapshot.nodePathRemappings === null
+                    ? null
+                    : { skipSequencePropsUpdate: true },
+            });
         }
     }
     renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Undo: restored ${entry.filePath} (undo: ${undoStack.length}, redo: ${redoStack.length})`));
@@ -272,7 +305,7 @@ function popUndo() {
         ensureWatching(filePath);
     }
     broadcastState();
-    return { success: true };
+    return { success: true, nodePathMutation };
 }
 function popRedo() {
     const entry = redoStack.pop();
@@ -298,12 +331,32 @@ function popRedo() {
     if (undoStack.length > MAX_ENTRIES) {
         undoStack.shift();
     }
+    const files = snapshotsWithNewContents.flatMap((snapshot) => {
+        if (snapshot.nodePathRemappings === null) {
+            return [];
+        }
+        return [
+            {
+                absolutePath: snapshot.filePath,
+                remappings: snapshot.nodePathRemappings,
+                restoredNodePaths: [],
+            },
+        ];
+    });
+    const nodePathMutation = files.length === 0 ? null : (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(files);
     for (const snapshot of snapshotsWithNewContents) {
         suppressUndoStackInvalidation(snapshot.filePath);
         if (entry.suppressHmrOnFileRestore) {
             (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
         }
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.newContents, undefined);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: snapshot.filePath,
+            content: snapshot.newContents,
+            originatorClientId: undefined,
+            metadata: snapshot.nodePathRemappings === null
+                ? null
+                : { skipSequencePropsUpdate: true },
+        });
     }
     renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Redo: restored ${entry.filePath} (undo: ${undoStack.length}, redo: ${redoStack.length})`));
     logFileAction(entry.description.redoMessage, entry.filePath, entry.logLine);
@@ -318,7 +371,7 @@ function popRedo() {
         ensureWatching(filePath);
     }
     broadcastState();
-    return { success: true };
+    return { success: true, nodePathMutation };
 }
 /*
  * Keep stack accessors typed as readonly arrays so callers can only inspect

package/dist/routes.d.ts

@@ -27,7 +27,7 @@ export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash,
     getPreviewSampleRate: () => number | null;
     enableCrossSiteIsolation: boolean;
     getStudioRuntimeConfig: () => StudioRuntimeConfig;
-    getDefaultCodingAgent: () => "claude-code" | "codex" | "cursor" | "github-copilot" | null;
+    getDefaultCodingAgent: () => "claude-code" | "codex" | "copilot" | "cursor" | null;
     getDefaultEditor: () => DefaultEditor | null;
     configFile: string | null;
 }) => Promise<void>;

package/dist/routes.js

@@ -51,6 +51,7 @@ const get_package_manager_1 = require("./preview-server/get-package-manager");
 const get_static_file_fallback_hint_1 = require("./preview-server/get-static-file-fallback-hint");
 const handler_1 = require("./preview-server/handler");
 const public_folder_1 = require("./preview-server/public-folder");
+const app_icon_1 = require("./preview-server/routes/app-icon");
 const open_in_editor_1 = require("./preview-server/routes/open-in-editor");
 const serve_static_1 = require("./preview-server/serve-static");
 const handle_discovery_1 = require("./preview-server/studio-protocol/handle-discovery");
@@ -279,12 +280,18 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
             remotionRoot,
         });
     }
+    if (url.pathname.startsWith('/api/app-icon/')) {
+        return (0, app_icon_1.handleAppIcon)({
+            pathname: url.pathname,
+            request,
+            response,
+        });
+    }
     if (url.pathname === '/api/studio-protocol' ||
         url.pathname === '/api/studio-protocol/install' ||
         url.pathname === '/api/studio-protocol/license-key') {
         if (request.method === 'OPTIONS') {
             return (0, origin_policy_1.handleStudioProtocolOptions)({
-                licenseKey: url.pathname === '/api/studio-protocol/license-key',
                 request,
                 response,
             });

package/dist/start-studio.d.ts

@@ -36,7 +36,7 @@ export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser
     forceNew: boolean;
     rspack: boolean;
     getStudioRuntimeConfig: () => StudioRuntimeConfig;
-    getDefaultCodingAgent: () => "claude-code" | "codex" | "cursor" | "github-copilot" | null;
+    getDefaultCodingAgent: () => "claude-code" | "codex" | "copilot" | "cursor" | null;
     getDefaultEditor: () => DefaultEditor | null;
     configFile: string | null;
 }) => Promise<StartStudioResult>;

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.506",
+	"version": "4.0.508",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.506",
+		"@remotion/studio-protocol": "4.0.508",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
@@ -32,12 +32,12 @@
 		"semver": "7.5.3",
 		"zod": "4.4.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.506",
+		"remotion": "4.0.508",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.506",
-		"@remotion/renderer": "4.0.506",
-		"@remotion/studio-codemods": "4.0.506",
-		"@remotion/studio-shared": "4.0.506",
+		"@remotion/bundler": "4.0.508",
+		"@remotion/renderer": "4.0.508",
+		"@remotion/studio-codemods": "4.0.508",
+		"@remotion/studio-shared": "4.0.508",
 		"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.506",
+		"@remotion/eslint-config-internal": "4.0.508",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"

package/dist/preview-server/routes/delete-effect-keyframe.d.ts

@@ -1,3 +0,0 @@
-import type { DeleteEffectKeyframeRequest, DeleteEffectKeyframeResponse } from '@remotion/studio-shared';
-import type { ApiHandler } from '../api-types';
-export declare const deleteEffectKeyframeHandler: ApiHandler<DeleteEffectKeyframeRequest, DeleteEffectKeyframeResponse>;

package/dist/preview-server/routes/delete-effect-keyframe.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteEffectKeyframeHandler = void 0;
-const node_fs_1 = require("node:fs");
-const renderer_1 = require("@remotion/renderer");
-const studio_shared_1 = require("@remotion/studio-shared");
-const parse_ast_1 = require("../../codemods/parse-ast");
-const update_keyframes_1 = require("../../codemods/update-keyframes/update-keyframes");
-const file_watcher_1 = require("../../file-watcher");
-const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
-const undo_stack_1 = require("../undo-stack");
-const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
-const can_update_effect_props_1 = require("./can-update-effect-props");
-const can_update_sequence_props_1 = require("./can-update-sequence-props");
-const log_effect_update_1 = require("./log-updates/log-effect-update");
-const save_props_mutex_1 = require("./save-props-mutex");
-const deleteEffectKeyframeHandler = ({ input: { fileName, sequenceNodePath, effectIndex, key, frame, schema, clientId, }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
-    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-effect-keyframe] Received request for fileName="${fileName}" effectIndex=${effectIndex} key="${key}" frame=${frame}`);
-    const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-        remotionRoot,
-        fileName,
-        action: 'modify',
-    });
-    const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-    const { output, oldValueStrings, newValueStrings, formatted, logLine, effectCallee, } = await (0, update_keyframes_1.updateEffectKeyframes)({
-        input: fileContents,
-        sequenceNodePath: sequenceNodePath.nodePath,
-        effectIndex,
-        updates: [
-            {
-                key,
-                operation: {
-                    type: 'remove',
-                    frame,
-                },
-            },
-        ],
-    });
-    const oldValueString = oldValueStrings[0];
-    const newValueString = newValueStrings[0];
-    const undoPropChange = `${key} keyframe restored at frame ${frame}`;
-    const redoPropChange = `${key} keyframe deleted at frame ${frame}`;
-    (0, undo_stack_1.pushToUndoStack)({
-        filePath: absolutePath,
-        oldContents: fileContents,
-        newContents: null,
-        logLevel,
-        remotionRoot,
-        logLine,
-        description: {
-            undoMessage: `↩️  ${undoPropChange}`,
-            redoMessage: `↪️  ${redoPropChange}`,
-        },
-        entryType: 'effect-props',
-        suppressHmrOnFileRestore: true,
-    });
-    (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
-    (0, log_effect_update_1.logEffectUpdate)({
-        fileRelativeToRoot,
-        line: logLine,
-        effectName: effectCallee,
-        propKey: key,
-        oldValueString,
-        newValueString,
-        defaultValueString: null,
-        formatted,
-        logLevel,
-        removedProps: [],
-        addedProps: [],
-    });
-    (0, undo_stack_1.printUndoHint)(logLevel);
-    const ast = (0, parse_ast_1.parseAst)((0, node_fs_1.readFileSync)(absolutePath, 'utf-8'));
-    const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, sequenceNodePath.nodePath);
-    if (!jsx) {
-        return {
-            canUpdate: false,
-            effectIndex,
-            reason: 'not-found',
-        };
-    }
-    return (0, can_update_effect_props_1.computeEffectPropStatus)({
-        jsx,
-        effectIndex,
-        keys: (0, studio_shared_1.getAllSchemaKeys)(schema),
-    });
-});
-exports.deleteEffectKeyframeHandler = deleteEffectKeyframeHandler;

package/dist/preview-server/routes/delete-sequence-keyframe.d.ts

@@ -1,3 +0,0 @@
-import type { DeleteSequenceKeyframeRequest, DeleteSequenceKeyframeResponse } from '@remotion/studio-shared';
-import type { ApiHandler } from '../api-types';
-export declare const deleteSequenceKeyframeHandler: ApiHandler<DeleteSequenceKeyframeRequest, DeleteSequenceKeyframeResponse>;

package/dist/preview-server/routes/delete-sequence-keyframe.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteSequenceKeyframeHandler = void 0;
-const node_fs_1 = require("node:fs");
-const renderer_1 = require("@remotion/renderer");
-const studio_shared_1 = require("@remotion/studio-shared");
-const update_keyframes_1 = require("../../codemods/update-keyframes/update-keyframes");
-const file_watcher_1 = require("../../file-watcher");
-const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
-const undo_stack_1 = require("../undo-stack");
-const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
-const can_update_sequence_props_1 = require("./can-update-sequence-props");
-const log_update_1 = require("./log-updates/log-update");
-const save_props_mutex_1 = require("./save-props-mutex");
-const deleteSequenceKeyframeHandler = ({ input: { fileName, nodePath, key, frame, schema, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
-    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-sequence-keyframe] Received request for fileName="${fileName}" key="${key}" frame=${frame}`);
-    const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-        remotionRoot,
-        fileName,
-        action: 'modify',
-    });
-    const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-    const { output, oldValueStrings, newValueStrings, formatted, logLine } = await (0, update_keyframes_1.updateSequenceKeyframes)({
-        input: fileContents,
-        nodePath: nodePath.nodePath,
-        updates: [
-            {
-                key,
-                operation: {
-                    type: 'remove',
-                    frame,
-                },
-            },
-        ],
-    });
-    const oldValueString = oldValueStrings[0];
-    const newValueString = newValueStrings[0];
-    const undoPropChange = `${key} keyframe restored at frame ${frame}`;
-    const redoPropChange = `${key} keyframe deleted at frame ${frame}`;
-    (0, undo_stack_1.pushToUndoStack)({
-        filePath: absolutePath,
-        oldContents: fileContents,
-        newContents: null,
-        logLevel,
-        remotionRoot,
-        logLine,
-        description: {
-            undoMessage: `↩️  ${undoPropChange}`,
-            redoMessage: `↪️  ${redoPropChange}`,
-        },
-        entryType: 'sequence-props',
-        suppressHmrOnFileRestore: true,
-    });
-    (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
-    (0, log_update_1.logUpdate)({
-        fileRelativeToRoot,
-        line: logLine,
-        key,
-        oldValueString,
-        newValueString,
-        defaultValueString: null,
-        formatted,
-        logLevel,
-        removedProps: [],
-        addedProps: [],
-    });
-    (0, undo_stack_1.printUndoHint)(logLevel);
-    const status = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
-        fileContents: output,
-        keys: (0, studio_shared_1.getAllSchemaKeys)(schema),
-        nodePath: nodePath.nodePath,
-        effects: [],
-    });
-    return {
-        canUpdate: true,
-        props: status.props,
-        results: [{ fileName, nodePath, props: status.props }],
-    };
-});
-exports.deleteSequenceKeyframeHandler = deleteSequenceKeyframeHandler;

package/dist/preview-server/routes/save-props-mutex.d.ts

@@ -1 +0,0 @@
-export declare const withSavePropsLock: <T>(fn: () => Promise<T>) => Promise<T>;

package/dist/preview-server/routes/save-props-mutex.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withSavePropsLock = void 0;
-let chain = Promise.resolve();
-const withSavePropsLock = (fn) => {
-    const run = () => fn();
-    const next = chain.then(run, run);
-    chain = next.then(() => undefined, () => undefined);
-    return next;
-};
-exports.withSavePropsLock = withSavePropsLock;