@remotion/studio-server 4.0.538 → 4.0.540

package/dist/file-watcher.d.ts

@@ -1,3 +1,4 @@
+import type { SourceFileVersion } from '@remotion/studio-shared';
 export type FileChangeMetadata = {
     skipSequencePropsUpdate: boolean;
 };
@@ -11,6 +12,7 @@ export type FileChangeEvent = {
     type: 'created';
     content: string;
     originatorClientId: string | undefined;
+    sourceVersion: SourceFileVersion | null;
 } | {
     type: 'deleted';
 } | {
@@ -18,9 +20,11 @@ export type FileChangeEvent = {
     content: string;
     originatorClientId: string | undefined;
     skipSequencePropsUpdate: boolean;
+    sourceVersion: SourceFileVersion | null;
 };
 type OnChange = (event: FileChangeEvent) => void;
 export type FileWatcherRegistry = {
+    readonly sourceVersionSessionId: string;
     installFileWatcher: (options: {
         file: string;
         onChange: OnChange;
@@ -35,9 +39,10 @@ export type FileWatcherRegistry = {
         exists: boolean;
         unwatch: () => void;
     };
-    writeFileAndNotifyFileWatchers: (options: WriteFileAndNotifyFileWatchersOptions) => void;
+    writeFileAndNotifyFileWatchers: (options: WriteFileAndNotifyFileWatchersOptions) => SourceFileVersion | null;
 };
 export declare const createFileWatcherRegistry: () => FileWatcherRegistry;
+export declare const getSourceVersionSessionId: () => string | null;
 export declare const setFileWatcherRegistry: (registry: FileWatcherRegistry) => (() => void);
 export declare const getFileWatcherRegistry: () => FileWatcherRegistry;
 export declare const installFileWatcher: FileWatcherRegistry['installFileWatcher'];

package/dist/file-watcher.js

@@ -33,12 +33,19 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.writeFileAndNotifyFileWatchers = exports.installFileWatcher = exports.getFileWatcherRegistry = exports.setFileWatcherRegistry = exports.createFileWatcherRegistry = void 0;
+exports.writeFileAndNotifyFileWatchers = exports.installFileWatcher = exports.getFileWatcherRegistry = exports.setFileWatcherRegistry = exports.getSourceVersionSessionId = exports.createFileWatcherRegistry = void 0;
+const node_crypto_1 = require("node:crypto");
 const node_fs_1 = __importStar(require("node:fs"));
 const watch_ignore_next_change_1 = require("./preview-server/watch-ignore-next-change");
 const getRegistryKey = (file, existenceOnly) => existenceOnly ? `${file}\0existence-only` : file;
 const createFileWatcherRegistry = () => {
     const sharedWatchers = new Map();
+    const sessionId = (0, node_crypto_1.randomUUID)();
+    let revision = 0;
+    const nextSourceVersion = () => ({
+        sessionId,
+        revision: ++revision,
+    });
     const _installFileWatcher = ({ file, onChange, existenceOnly, }) => {
         const registryKey = getRegistryKey(file, existenceOnly);
         const existing = sharedWatchers.get(registryKey);
@@ -74,6 +81,7 @@ const createFileWatcherRegistry = () => {
                         type: 'created',
                         content: '',
                         originatorClientId: undefined,
+                        sourceVersion: null,
                     };
                 }
                 else if (shared.existedBefore && !existsNow) {
@@ -85,7 +93,12 @@ const createFileWatcherRegistry = () => {
                 const content = (0, node_fs_1.readFileSync)(file, 'utf-8');
                 shared.existedBefore = true;
                 shared.lastKnownContent = content;
-                event = { type: 'created', content, originatorClientId: undefined };
+                event = {
+                    type: 'created',
+                    content,
+                    originatorClientId: undefined,
+                    sourceVersion: nextSourceVersion(),
+                };
             }
             else if (shared.existedBefore && !existsNow) {
                 shared.existedBefore = false;
@@ -107,6 +120,7 @@ const createFileWatcherRegistry = () => {
                     content,
                     originatorClientId: undefined,
                     skipSequencePropsUpdate: false,
+                    sourceVersion: nextSourceVersion(),
                 };
             }
             if (!event) {
@@ -133,9 +147,10 @@ const createFileWatcherRegistry = () => {
         var _a;
         (0, watch_ignore_next_change_1.prepareBundlerForFileWrite)(file);
         (0, node_fs_1.writeFileSync)(file, content);
+        const sourceVersion = nextSourceVersion();
         const shared = sharedWatchers.get(getRegistryKey(file, false));
         if (!shared) {
-            return;
+            return sourceVersion;
         }
         shared.lastKnownContent = content;
         shared.existedBefore = true;
@@ -145,16 +160,21 @@ const createFileWatcherRegistry = () => {
                 content,
                 originatorClientId,
                 skipSequencePropsUpdate: (_a = metadata === null || metadata === void 0 ? void 0 : metadata.skipSequencePropsUpdate) !== null && _a !== void 0 ? _a : false,
+                sourceVersion,
             });
         }
+        return sourceVersion;
     };
     return {
+        sourceVersionSessionId: sessionId,
         installFileWatcher: _installFileWatcher,
         writeFileAndNotifyFileWatchers: _writeFileAndNotifyFileWatchers,
     };
 };
 exports.createFileWatcherRegistry = createFileWatcherRegistry;
 let currentRegistry = null;
+const getSourceVersionSessionId = () => { var _a; return (_a = currentRegistry === null || currentRegistry === void 0 ? void 0 : currentRegistry.sourceVersionSessionId) !== null && _a !== void 0 ? _a : null; };
+exports.getSourceVersionSessionId = getSourceVersionSessionId;
 const setFileWatcherRegistry = (registry) => {
     currentRegistry = registry;
     return () => {
@@ -181,8 +201,8 @@ const installFileWatcher = (options) => {
 exports.installFileWatcher = installFileWatcher;
 const writeFileAndNotifyFileWatchers = (options) => {
     if (!currentRegistry) {
-        return;
+        return null;
     }
-    (0, exports.getFileWatcherRegistry)().writeFileAndNotifyFileWatchers(options);
+    return (0, exports.getFileWatcherRegistry)().writeFileAndNotifyFileWatchers(options);
 };
 exports.writeFileAndNotifyFileWatchers = writeFileAndNotifyFileWatchers;

package/dist/index.d.ts

@@ -48,7 +48,7 @@ export declare const StudioServerInternals: {
         content: string;
         originatorClientId: string | undefined;
         metadata: import("./file-watcher").FileChangeMetadata | null;
-    }) => void;
+    }) => import("@remotion/studio-shared").SourceFileVersion | null;
     createFileWatcherRegistry: typeof createFileWatcherRegistry;
     setFileWatcherRegistry: typeof setFileWatcherRegistry;
     AnsiDiff: typeof AnsiDiff;
@@ -69,6 +69,6 @@ export declare const StudioServerInternals: {
     removeCompletedClientRender: typeof removeCompletedClientRender;
     detectOutdatedRemotionSkills: typeof detectOutdatedRemotionSkills;
     parseRemotionSkillVersion: typeof parseRemotionSkillVersion;
-    remotionSkillNames: readonly ["remotion-best-practices", "remotion-captions", "remotion-create", "remotion-docs", "remotion-interactivity", "remotion-maps", "remotion-markup", "remotion-multimedia", "remotion-render", "remotion-saas", "remotion-studio", "remotion-upgrade"];
+    remotionSkillNames: readonly ["remotion-best-practices", "remotion-captions", "remotion-create", "remotion-docs", "remotion-interactivity", "remotion-license", "remotion-maps", "remotion-markup", "remotion-multimedia", "remotion-render", "remotion-saas", "remotion-studio", "remotion-upgrade"];
     getEditorName: typeof getEditorName;
 };

package/dist/preview-server/live-events.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setLiveEventsListener = exports.getLiveEventsListener = exports.waitForLiveEventsListener = exports.makeLiveEventsRouter = exports.clearPrintPortMessageTimeout = exports.subscribeToConfigChanges = void 0;
+const file_watcher_1 = require("../file-watcher");
 const server_ready_1 = require("../server-ready");
 const default_props_watchers_1 = require("./default-props-watchers");
 const file_existence_watchers_1 = require("./file-existence-watchers");
@@ -41,7 +42,13 @@ const makeLiveEventsRouter = (logLevel, getInitialUndoRedoState) => {
         }
         const clientId = String(Math.random());
         const { undoFile, redoFile } = getInitialUndoRedoState();
-        response.write(serializeMessage({ type: 'init', clientId, undoFile, redoFile }));
+        response.write(serializeMessage({
+            type: 'init',
+            clientId,
+            undoFile,
+            redoFile,
+            sourceVersionSessionId: (0, file_watcher_1.getSourceVersionSessionId)(),
+        }));
         const newClient = {
             id: clientId,
             response,

package/dist/preview-server/routes/add-render.js

@@ -58,6 +58,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 chromeMode: input.chromeMode,
                 offthreadVideoThreads: input.offthreadVideoThreads,
                 mediaCacheSizeInBytes: input.mediaCacheSizeInBytes,
+                preferredEffectBackend: input.preferredEffectBackend,
                 sampleRate: input.sampleRate,
                 licenseKey: input.licenseKey,
             },
@@ -98,6 +99,8 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 chromeMode: input.chromeMode,
                 offthreadVideoThreads: input.offthreadVideoThreads,
                 mediaCacheSizeInBytes: input.mediaCacheSizeInBytes,
+                preferredEffectBackend: input.preferredEffectBackend,
+                licenseKey: input.licenseKey,
             },
             logLevel,
         });
@@ -132,6 +135,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 chromeMode: input.chromeMode,
                 offthreadVideoThreads: input.offthreadVideoThreads,
                 mediaCacheSizeInBytes: input.mediaCacheSizeInBytes,
+                preferredEffectBackend: input.preferredEffectBackend,
                 licenseKey: input.licenseKey,
             },
             entryPoint,

package/dist/preview-server/routes/delete-keyframes.d.ts

@@ -1,5 +1,5 @@
 import type { LogLevel } from '@remotion/renderer';
-import type { DeleteEffectKeyframe, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe } from '@remotion/studio-shared';
+import type { DeleteEffectKeyframe, DeleteKeyframesRequest, DeleteKeyframesResponse, KeyframeMutationResult, DeleteSequenceKeyframe } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const deleteKeyframes: ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }: {
     sequenceKeyframes: DeleteSequenceKeyframe[];
@@ -7,5 +7,5 @@ export declare const deleteKeyframes: ({ sequenceKeyframes, effectKeyframes, cli
     clientId: string;
     remotionRoot: string;
     logLevel: LogLevel;
-}) => Promise<void>;
+}) => Promise<KeyframeMutationResult[]>;
 export declare const deleteKeyframesHandler: ApiHandler<DeleteKeyframesRequest, DeleteKeyframesResponse>;

package/dist/preview-server/routes/delete-keyframes.js

@@ -8,6 +8,7 @@ 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 get_keyframe_mutation_results_1 = require("./get-keyframe-mutation-results");
 const log_effect_update_1 = require("./log-updates/log-effect-update");
 const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
@@ -35,7 +36,7 @@ const getBatchDescription = ({ totalKeyframes, firstKeyframe, }) => {
     };
 };
 const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const totalKeyframes = sequenceKeyframes.length + effectKeyframes.length;
     if (totalKeyframes === 0) {
         throw new Error('No keyframes were specified for deletion');
@@ -67,6 +68,8 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         group.effectKeyframes.push({ ...keyframe, fileRelativeToRoot });
         fileGroups.set(absolutePath, group);
     }
+    const results = [];
+    const resultsByFile = new Map();
     const snapshots = [];
     const sequenceLogs = [];
     const effectLogs = [];
@@ -74,6 +77,7 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
         let output = fileContents;
         let firstLogLine = Number.POSITIVE_INFINITY;
+        const targets = [];
         for (const keyframeGroup of groupBy(group.sequenceKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
             const [firstSequenceKeyframe] = keyframeGroup;
             if (!firstSequenceKeyframe) {
@@ -97,6 +101,15 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
                 }),
             });
             output = result.output;
+            targets.push({
+                nodePath: {
+                    ...firstSequenceKeyframe.nodePath,
+                    absolutePath,
+                    nodePath: result.updatedNode.nodePath,
+                },
+                effectIndex: null,
+                keys: [...new Set(keyframeGroup.map((keyframe) => keyframe.key))],
+            });
             firstLogLine = Math.min(firstLogLine, result.logLine);
             for (const [keyframeIndex, keyframe] of keyframeGroup.entries()) {
                 sequenceLogs.push({
@@ -133,6 +146,15 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
                 }),
             });
             output = result.output;
+            targets.push({
+                nodePath: {
+                    ...firstEffectKeyframe.sequenceNodePath,
+                    absolutePath,
+                    nodePath: result.updatedEffect.nodePath,
+                },
+                effectIndex: firstEffectKeyframe.effectIndex,
+                keys: [...new Set(keyframeGroup.map((keyframe) => keyframe.key))],
+            });
             firstLogLine = Math.min(firstLogLine, result.logLine);
             for (const [keyframeIndex, keyframe] of keyframeGroup.entries()) {
                 effectLogs.push({
@@ -146,6 +168,12 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
                 });
             }
         }
+        const fileResults = (0, get_keyframe_mutation_results_1.getKeyframeMutationResults)({
+            fileContents: output,
+            targets,
+        });
+        results.push(...fileResults);
+        resultsByFile.set(absolutePath, fileResults);
         snapshots.push({
             filePath: absolutePath,
             oldContents: fileContents,
@@ -176,12 +204,15 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
     for (const snapshot of snapshots) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+        const sourceVersion = (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
             file: snapshot.filePath,
             content: snapshot.newContents,
             originatorClientId: clientId,
             metadata: null,
         });
+        for (const result of (_c = resultsByFile.get(snapshot.filePath)) !== null && _c !== void 0 ? _c : []) {
+            result.sourceVersion = sourceVersion;
+        }
     }
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({
@@ -213,17 +244,18 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         });
     }
     (0, undo_stack_1.printUndoHint)(logLevel);
+    return results;
 };
 exports.deleteKeyframes = deleteKeyframes;
 const deleteKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-keyframes] Received request to delete ${sequenceKeyframes.length + effectKeyframes.length} keyframe(s)`);
-    await (0, exports.deleteKeyframes)({
+    const results = await (0, exports.deleteKeyframes)({
         sequenceKeyframes,
         effectKeyframes,
         clientId,
         remotionRoot,
         logLevel,
     });
-    return { success: true };
+    return { success: true, results };
 });
 exports.deleteKeyframesHandler = deleteKeyframesHandler;

package/dist/preview-server/routes/duplicate-nodes.js

@@ -58,6 +58,7 @@ const duplicateNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) =>
                     logLine: Math.min(...logLines),
                     nodeLabels,
                     nodePathRemappings,
+                    duplicatedNodes: result.duplicatedNodes.map(({ filePath, nodePath }) => ({ absolutePath: filePath, nodePath })),
                     output,
                 };
             }));
@@ -109,6 +110,7 @@ const duplicateNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) =>
             return {
                 success: true,
                 nodePathMutation,
+                duplicatedNodes: updates.flatMap((update) => update.duplicatedNodes),
             };
         }
         catch (err) {

package/dist/preview-server/routes/get-keyframe-mutation-results.d.ts

@@ -0,0 +1,7 @@
+import type { KeyframeMutationResult } from '@remotion/studio-shared';
+export declare const getKeyframeMutationResults: ({ fileContents, targets, }: {
+    fileContents: string;
+    targets: readonly (Pick<KeyframeMutationResult, 'nodePath' | 'effectIndex'> & {
+        keys: string[];
+    })[];
+}) => KeyframeMutationResult[];

package/dist/preview-server/routes/get-keyframe-mutation-results.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getKeyframeMutationResults = void 0;
+const codemods_1 = require("@remotion/codemods");
+const getKeyframeMutationResults = ({ fileContents, targets, }) => {
+    return targets.map(({ nodePath, effectIndex, keys }) => {
+        const status = (0, codemods_1.getNodeProps)({
+            project: { rootDir: '/', files: { 'source.tsx': fileContents } },
+            node: { filePath: 'source.tsx', nodePath: nodePath.nodePath },
+            componentIdentity: null,
+            keys: effectIndex === null ? keys : [],
+            effectKeys: effectIndex === null
+                ? []
+                : Array.from({ length: effectIndex + 1 }, (_, index) => index === effectIndex ? keys : []),
+        });
+        if (effectIndex === null)
+            return { nodePath, effectIndex, props: status.props, sourceVersion: null };
+        const effect = status.effects[effectIndex];
+        if (!(effect === null || effect === void 0 ? void 0 : effect.canUpdate))
+            throw new Error('Could not read the updated effect keyframes');
+        return { nodePath, effectIndex, props: effect.props, sourceVersion: null };
+    });
+};
+exports.getKeyframeMutationResults = getKeyframeMutationResults;

package/dist/preview-server/routes/move-keyframes.d.ts

@@ -1,8 +1,8 @@
 import type { LogLevel } from '@remotion/renderer';
-import type { MoveKeyframesRequest, MoveKeyframesResponse } from '@remotion/studio-shared';
+import type { MoveKeyframesRequest, MoveKeyframesResponse, KeyframeMutationResult } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const moveKeyframes: ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }: MoveKeyframesRequest & {
     remotionRoot: string;
     logLevel: LogLevel;
-}) => Promise<void>;
+}) => Promise<KeyframeMutationResult[]>;
 export declare const moveKeyframesHandler: ApiHandler<MoveKeyframesRequest, MoveKeyframesResponse>;

package/dist/preview-server/routes/move-keyframes.js

@@ -8,6 +8,7 @@ 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 get_keyframe_mutation_results_1 = require("./get-keyframe-mutation-results");
 const log_effect_update_1 = require("./log-updates/log-effect-update");
 const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
@@ -35,7 +36,7 @@ const getBatchDescription = ({ totalKeyframes, firstKeyframe, }) => {
     };
 };
 const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const totalKeyframes = sequenceKeyframes.length + effectKeyframes.length;
     if (totalKeyframes === 0) {
         throw new Error('No keyframes were specified for moving');
@@ -79,6 +80,8 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
         });
         fileGroups.set(absolutePath, group);
     }
+    const results = [];
+    const resultsByFile = new Map();
     const snapshots = [];
     const sequenceLogs = [];
     const effectLogs = [];
@@ -86,6 +89,7 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
         let output = fileContents;
         let firstLogLine = Number.POSITIVE_INFINITY;
+        const targets = [];
         for (const keyframeGroup of groupBy(group.sequenceKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
             const [firstSequenceKeyframe] = keyframeGroup;
             if (!firstSequenceKeyframe) {
@@ -115,6 +119,15 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
                 updates,
             });
             output = result.output;
+            targets.push({
+                nodePath: {
+                    ...firstSequenceKeyframe.nodePath,
+                    absolutePath,
+                    nodePath: result.updatedNode.nodePath,
+                },
+                effectIndex: null,
+                keys: [...new Set(keyframeGroup.map((keyframe) => keyframe.key))],
+            });
             firstLogLine = Math.min(firstLogLine, result.logLine);
             for (const [updateIndex, update] of updates.entries()) {
                 sequenceLogs.push({
@@ -157,6 +170,15 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
                 updates,
             });
             output = result.output;
+            targets.push({
+                nodePath: {
+                    ...firstEffectKeyframe.sequenceNodePath,
+                    absolutePath,
+                    nodePath: result.updatedEffect.nodePath,
+                },
+                effectIndex: firstEffectKeyframe.effectIndex,
+                keys: [...new Set(keyframeGroup.map((keyframe) => keyframe.key))],
+            });
             firstLogLine = Math.min(firstLogLine, result.logLine);
             for (const [updateIndex, update] of updates.entries()) {
                 effectLogs.push({
@@ -170,6 +192,12 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
                 });
             }
         }
+        const fileResults = (0, get_keyframe_mutation_results_1.getKeyframeMutationResults)({
+            fileContents: output,
+            targets,
+        });
+        results.push(...fileResults);
+        resultsByFile.set(absolutePath, fileResults);
         snapshots.push({
             filePath: absolutePath,
             oldContents: fileContents,
@@ -200,12 +228,15 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
     for (const snapshot of snapshots) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+        const sourceVersion = (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
             file: snapshot.filePath,
             content: snapshot.newContents,
             originatorClientId: clientId,
             metadata: null,
         });
+        for (const result of (_c = resultsByFile.get(snapshot.filePath)) !== null && _c !== void 0 ? _c : []) {
+            result.sourceVersion = sourceVersion;
+        }
     }
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({
@@ -237,17 +268,18 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
         });
     }
     (0, undo_stack_1.printUndoHint)(logLevel);
+    return results;
 };
 exports.moveKeyframes = moveKeyframes;
 const moveKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[move-keyframes] Received request to move ${sequenceKeyframes.length + effectKeyframes.length} keyframe(s)`);
-    await (0, exports.moveKeyframes)({
+    const results = await (0, exports.moveKeyframes)({
         sequenceKeyframes,
         effectKeyframes,
         clientId,
         remotionRoot,
         logLevel,
     });
-    return { success: true };
+    return { success: true, results };
 });
 exports.moveKeyframesHandler = moveKeyframesHandler;

package/dist/preview-server/routes/precompose-jsx-nodes.js

@@ -10,7 +10,7 @@ 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 source_file_write_queue_1 = require("./source-file-write-queue");
-const precomposeJsxNodesHandler = ({ input: { nodes, dryRun, compositionFile, compositionId, metadata, existingCompositionIds, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
+const precomposeJsxNodesHandler = ({ input: { nodes, dryRun, compositionFile, compositionId, metadata, existingCompositionIds, name, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
     var _a;
     const attemptedWrites = [];
     let undoEntryPushed = false;
@@ -54,16 +54,8 @@ const precomposeJsxNodesHandler = ({ input: { nodes, dryRun, compositionFile, co
             compositionId,
             metadata,
             existingCompositionIds,
+            name,
         };
-        if (dryRun) {
-            const eligibility = (0, codemods_1.canPrecomposeJsxNodes)(codemodInput);
-            return Promise.resolve({
-                success: true,
-                ...eligibility,
-                nodePathMutation: null,
-                newCompositionId: null,
-            });
-        }
         let result;
         try {
             result = (0, codemods_1.precomposeJsxNodes)(codemodInput);
@@ -73,10 +65,21 @@ const precomposeJsxNodesHandler = ({ input: { nodes, dryRun, compositionFile, co
                 success: true,
                 canPrecompose: false,
                 reason: error instanceof Error ? error.message : String(error),
+                invalidName: error instanceof Error && error.name === 'PrecomposeNameError',
                 nodePathMutation: null,
                 newCompositionId: null,
             });
         }
+        if (dryRun) {
+            return Promise.resolve({
+                success: true,
+                canPrecompose: true,
+                reason: null,
+                invalidName: false,
+                nodePathMutation: null,
+                newCompositionId: result.newCompositionId,
+            });
+        }
         const changes = [...result.changes].sort((a, b) => Number(b.filePath === absolutePath) -
             Number(a.filePath === absolutePath));
         if (!changes.some(({ filePath }) => filePath === absolutePath) ||
@@ -172,6 +175,7 @@ const precomposeJsxNodesHandler = ({ input: { nodes, dryRun, compositionFile, co
             success: true,
             canPrecompose: true,
             reason: null,
+            invalidName: false,
             nodePathMutation,
             newCompositionId: result.newCompositionId,
         });

package/dist/preview-server/routes/split-sequences.js

@@ -60,6 +60,10 @@ const splitSequencesHandler = ({ input: { sequences }, remotionRoot, logLevel })
                 nodeLabels,
                 nodePathRemappings,
                 output,
+                splitNodes: result.insertedNodes.map(({ filePath, nodePath }) => ({
+                    absolutePath: filePath,
+                    nodePath,
+                })),
             };
         }));
         const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(updates.map((update) => ({
@@ -87,14 +91,16 @@ const splitSequencesHandler = ({ input: { sequences }, remotionRoot, logLevel })
             suppressHmrOnFileRestore: false,
             undoRedoNavigation: null,
         });
+        const sourceVersions = [];
         for (const update of updates) {
             (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            const sourceVersion = (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
                 file: update.absolutePath,
                 content: update.output,
                 originatorClientId: undefined,
                 metadata: { skipSequencePropsUpdate: true },
             });
+            sourceVersions.push({ absolutePath: update.absolutePath, sourceVersion });
             const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
                 remotionRoot,
                 absolutePath: update.absolutePath,
@@ -110,6 +116,8 @@ const splitSequencesHandler = ({ input: { sequences }, remotionRoot, logLevel })
         return {
             success: true,
             nodePathMutation,
+            splitNodes: updates.flatMap((update) => update.splitNodes),
+            sourceVersions,
         };
     }
     catch (err) {

package/dist/preview-server/sequence-props-watchers.js

@@ -181,9 +181,10 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
                 return;
             }
             try {
+                const sourceNodePath = watcherInfo.currentNodePath;
                 const result = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
                     fileContents: event.content,
-                    nodePath: watcherInfo.currentNodePath.nodePath,
+                    nodePath: sourceNodePath.nodePath,
                     componentIdentity,
                     keys,
                     assetKeys,
@@ -200,7 +201,8 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
                     listener.sendEventToClientId(clientId, {
                         type: 'sequence-props-updated',
                         fileName,
-                        nodePath: watcherInfo.currentNodePath,
+                        nodePath: sourceNodePath,
+                        sourceVersion: event.sourceVersion,
                         result,
                     });
                 });
@@ -214,6 +216,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
                             fileName,
                             line,
                             column,
+                            sourceVersion: event.sourceVersion,
                         });
                     });
                     return;

package/dist/preview-server/validate-same-origin.js

@@ -19,7 +19,8 @@ const validateSameOrigin = (req) => {
     catch (_a) {
         throw new Error('Request from different origin not allowed');
     }
-    if (originUrl.origin !== `http://${host}`) {
+    if (originUrl.origin !== `http://${host}` &&
+        originUrl.origin !== `https://${host}`) {
         throw new Error('Request from different origin not allowed');
     }
 };

package/dist/remotion-skill-names.d.ts

@@ -1,2 +1,2 @@
-export declare const remotionSkillNames: readonly ['remotion-best-practices', 'remotion-captions', 'remotion-create', 'remotion-docs', 'remotion-interactivity', 'remotion-maps', 'remotion-markup', 'remotion-multimedia', 'remotion-render', 'remotion-saas', 'remotion-studio', 'remotion-upgrade'];
+export declare const remotionSkillNames: readonly ['remotion-best-practices', 'remotion-captions', 'remotion-create', 'remotion-docs', 'remotion-interactivity', 'remotion-license', 'remotion-maps', 'remotion-markup', 'remotion-multimedia', 'remotion-render', 'remotion-saas', 'remotion-studio', 'remotion-upgrade'];
 export type RemotionSkillName = (typeof remotionSkillNames)[number];

package/dist/remotion-skill-names.js

@@ -7,6 +7,7 @@ exports.remotionSkillNames = [
     'remotion-create',
     'remotion-docs',
     'remotion-interactivity',
+    'remotion-license',
     'remotion-maps',
     'remotion-markup',
     'remotion-multimedia',

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.538",
+	"version": "4.0.540",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,28 +23,28 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.538",
+		"@remotion/studio-protocol": "4.0.540",
 		"@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.5.4",
-		"remotion": "4.0.538",
+		"zod": "4.6.7",
+		"remotion": "4.0.540",
 		"recast": "0.23.21",
-		"@remotion/bundler": "4.0.538",
-		"@remotion/renderer": "4.0.538",
-		"@remotion/codemods": "4.0.538",
-		"@remotion/studio-shared": "4.0.538",
+		"@remotion/bundler": "4.0.540",
+		"@remotion/renderer": "4.0.540",
+		"@remotion/codemods": "4.0.540",
+		"@remotion/studio-shared": "4.0.540",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
 	"devDependencies": {
 		"ast-types": "0.16.1",
-		"react": "19.2.3",
+		"react": "19.3.1",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.538",
+		"@remotion/eslint-config-internal": "4.0.540",
 		"eslint": "9.19.0",
 		"prettier": "3.8.1",
 		"@types/node": "20.12.14",