@remotion/studio-server 4.0.463 → 4.0.464

package/dist/file-watcher.d.ts

@@ -1,11 +1,13 @@
 export type FileChangeEvent = {
     type: 'created';
     content: string;
+    originatorClientId: string | undefined;
 } | {
     type: 'deleted';
 } | {
     type: 'changed';
     content: string;
+    originatorClientId: string | undefined;
 };
 type OnChange = (event: FileChangeEvent) => void;
 export type FileWatcherRegistry = {
@@ -23,7 +25,7 @@ export type FileWatcherRegistry = {
         exists: boolean;
         unwatch: () => void;
     };
-    writeFileAndNotifyFileWatchers: (file: string, content: string) => void;
+    writeFileAndNotifyFileWatchers: (file: string, content: string, originatorClientId: string | undefined) => void;
 };
 export declare const createFileWatcherRegistry: () => FileWatcherRegistry;
 export declare const setFileWatcherRegistry: (registry: FileWatcherRegistry) => () => void;

package/dist/file-watcher.js

@@ -69,7 +69,11 @@ const createFileWatcherRegistry = () => {
             if (existenceOnly) {
                 if (!shared.existedBefore && existsNow) {
                     shared.existedBefore = true;
-                    event = { type: 'created', content: '' };
+                    event = {
+                        type: 'created',
+                        content: '',
+                        originatorClientId: undefined,
+                    };
                 }
                 else if (shared.existedBefore && !existsNow) {
                     shared.existedBefore = false;
@@ -80,7 +84,7 @@ const createFileWatcherRegistry = () => {
                 const content = (0, node_fs_1.readFileSync)(file, 'utf-8');
                 shared.existedBefore = true;
                 shared.lastKnownContent = content;
-                event = { type: 'created', content };
+                event = { type: 'created', content, originatorClientId: undefined };
             }
             else if (shared.existedBefore && !existsNow) {
                 shared.existedBefore = false;
@@ -97,7 +101,7 @@ const createFileWatcherRegistry = () => {
                     return;
                 }
                 shared.lastKnownContent = content;
-                event = { type: 'changed', content };
+                event = { type: 'changed', content, originatorClientId: undefined };
             }
             if (!event) {
                 return;
@@ -119,7 +123,7 @@ const createFileWatcherRegistry = () => {
             },
         };
     };
-    const _writeFileAndNotifyFileWatchers = (file, content) => {
+    const _writeFileAndNotifyFileWatchers = (file, content, originatorClientId) => {
         (0, node_fs_1.writeFileSync)(file, content);
         const shared = sharedWatchers.get(getRegistryKey(file, false));
         if (!shared) {
@@ -128,7 +132,7 @@ const createFileWatcherRegistry = () => {
         shared.lastKnownContent = content;
         shared.existedBefore = true;
         for (const subscriber of shared.subscribers) {
-            subscriber({ type: 'changed', content });
+            subscriber({ type: 'changed', content, originatorClientId });
         }
     };
     return {
@@ -162,10 +166,10 @@ const installFileWatcher = (options) => {
     return (0, exports.getFileWatcherRegistry)().installFileWatcher(options);
 };
 exports.installFileWatcher = installFileWatcher;
-const writeFileAndNotifyFileWatchers = (file, content) => {
+const writeFileAndNotifyFileWatchers = (file, content, originatorClientId) => {
     if (!currentRegistry) {
         return;
     }
-    (0, exports.getFileWatcherRegistry)().writeFileAndNotifyFileWatchers(file, content);
+    (0, exports.getFileWatcherRegistry)().writeFileAndNotifyFileWatchers(file, content, originatorClientId);
 };
 exports.writeFileAndNotifyFileWatchers = writeFileAndNotifyFileWatchers;

package/dist/index.d.ts

@@ -63,7 +63,7 @@ export declare const StudioServerInternals: {
         exists: boolean;
         unwatch: () => void;
     };
-    writeFileAndNotifyFileWatchers: (file: string, content: string) => void;
+    writeFileAndNotifyFileWatchers: (file: string, content: string, originatorClientId: string | undefined) => void;
     createFileWatcherRegistry: () => import("./file-watcher").FileWatcherRegistry;
     setFileWatcherRegistry: (registry: import("./file-watcher").FileWatcherRegistry) => () => void;
     AnsiDiff: typeof AnsiDiff;
@@ -80,6 +80,16 @@ export declare const StudioServerInternals: {
         newContents: string;
         changesMade: import("./codemods/recast-mods").Change[];
     };
+    formatOutput: (tsContent: string) => Promise<string>;
+    updateDefaultProps: ({ input, compositionId, newDefaultProps, enumPaths, }: {
+        input: string;
+        compositionId: string;
+        newDefaultProps: Record<string, unknown>;
+        enumPaths: import("@remotion/studio-shared").EnumPath[];
+    }) => Promise<{
+        output: string;
+        formatted: boolean;
+    }>;
     getInstalledDependencies: (remotionRoot: string) => {
         dependencies: string[];
         devDependencies: string[];

package/dist/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "getDefaultOutLocation", { enumerable: true, get:
 const ansi_diff_1 = require("./ansi-diff");
 const client_render_queue_1 = require("./client-render-queue");
 const duplicate_composition_1 = require("./codemods/duplicate-composition");
+const update_default_props_1 = require("./codemods/update-default-props");
 const file_watcher_1 = require("./file-watcher");
 const get_latest_remotion_version_1 = require("./get-latest-remotion-version");
 const get_installed_dependencies_1 = require("./helpers/get-installed-dependencies");
@@ -32,6 +33,8 @@ exports.StudioServerInternals = {
     AnsiDiff: ansi_diff_1.AnsiDiff,
     formatBytes: studio_shared_1.formatBytes,
     parseAndApplyCodemod: duplicate_composition_1.parseAndApplyCodemod,
+    formatOutput: duplicate_composition_1.formatOutput,
+    updateDefaultProps: update_default_props_1.updateDefaultProps,
     getInstalledDependencies: get_installed_dependencies_1.getInstalledDependencies,
     getInstalledDependenciesWithVersions: get_installed_dependencies_1.getInstalledDependenciesWithVersions,
     getInstallCommand: install_command_1.getInstallCommand,

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

@@ -27,7 +27,7 @@ const applyCodemodHandler = async ({ input: { codemod, dryRun }, logLevel, remot
             newLines: formatted.split('\n'),
         });
         if (!dryRun) {
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(projectInfo.rootFile, formatted);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(projectInfo.rootFile, formatted, undefined);
             const end = Date.now() - time;
             renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue(`Edited root file in ${end}ms`));
         }

package/dist/preview-server/routes/apply-visual-control-change.js

@@ -126,7 +126,7 @@ const applyVisualControlHandler = async ({ input: { fileName, changes }, remotio
     });
     (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
     (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, undefined);
     (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
         listener.sendEventToClient({
             type: 'visual-control-values-changed',

package/dist/preview-server/routes/can-update-sequence-props.js

@@ -43,6 +43,7 @@ const renderer_1 = require("@remotion/renderer");
 const recast = __importStar(require("recast"));
 const parse_ast_1 = require("../../codemods/parse-ast");
 const get_ast_node_path_1 = require("../../helpers/get-ast-node-path");
+const jsx_element_not_found_at_location_error_1 = require("../jsx-element-not-found-at-location-error");
 const can_update_effect_props_1 = require("./can-update-effect-props");
 const isStaticValue = (node) => {
     switch (node.type) {
@@ -295,7 +296,7 @@ const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, keys, e
     const ast = (0, parse_ast_1.parseAst)(fileContents);
     const jsxElement = (0, exports.findJsxElementAtNodePath)(ast, nodePath);
     if (!jsxElement) {
-        throw new Error('Cannot compute sequence props status: Could not find a JSX element at the specified location');
+        throw new jsx_element_not_found_at_location_error_1.JsxElementNotFoundAtLocationError();
     }
     const filteredProps = computeSequenceOnlyPropsRecord({ jsxElement, keys });
     const effectsStatuses = computeEffectsForJsx({ jsxElement, effects });

package/dist/preview-server/routes/delete-jsx-node.js

@@ -39,7 +39,7 @@ const deleteJsxNodeHandler = async ({ input: { fileName, nodePath }, remotionRoo
             suppressHmrOnFileRestore: false,
         });
         (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, undefined);
         const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
             remotionRoot,
             absolutePath,

package/dist/preview-server/routes/duplicate-jsx-node.js

@@ -39,7 +39,7 @@ const duplicateJsxNodeHandler = async ({ input: { fileName, nodePath }, remotion
             suppressHmrOnFileRestore: false,
         });
         (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, undefined);
         const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
             remotionRoot,
             absolutePath,

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

@@ -19,7 +19,7 @@ const format_effect_prop_change_1 = require("./log-updates/format-effect-prop-ch
 const log_effect_update_1 = require("./log-updates/log-effect-update");
 const log_update_1 = require("./log-updates/log-update");
 const save_props_mutex_1 = require("./save-props-mutex");
-const saveEffectPropsHandler = ({ input: { fileName, sequenceNodePath, effectIndex, key, value, defaultValue, schema, }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const saveEffectPropsHandler = ({ input: { fileName, sequenceNodePath, effectIndex, key, value, defaultValue, schema, clientId, }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-effect-props] Received request for fileName="${fileName}" effectIndex=${effectIndex} key="${key}"`);
     const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
     const fileRelativeToRoot = node_path_1.default.relative(remotionRoot, absolutePath);
@@ -75,7 +75,7 @@ const saveEffectPropsHandler = ({ input: { fileName, sequenceNodePath, effectInd
     });
     (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
     (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
     (0, log_effect_update_1.logEffectUpdate)({
         fileRelativeToRoot,
         line: logLine,

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

@@ -17,7 +17,7 @@ const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const format_prop_change_1 = require("./log-updates/format-prop-change");
 const log_update_1 = require("./log-updates/log-update");
 const save_props_mutex_1 = require("./save-props-mutex");
-const saveSequencePropsHandler = ({ input: { fileName, nodePath, key, value, defaultValue, schema }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const saveSequencePropsHandler = ({ input: { fileName, nodePath, key, value, defaultValue, schema, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-sequence-props] Received request for fileName="${fileName}" key="${key}"`);
     const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
     const fileRelativeToRoot = node_path_1.default.relative(remotionRoot, absolutePath);
@@ -75,7 +75,7 @@ const saveSequencePropsHandler = ({ input: { fileName, nodePath, key, value, def
     });
     (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
     (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
     (0, log_update_1.logUpdate)({
         fileRelativeToRoot,
         line: logLine,

package/dist/preview-server/routes/update-default-props.js

@@ -45,7 +45,7 @@ const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps,
         });
         (0, undo_stack_1.suppressUndoStackInvalidation)(projectInfo.rootFile);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(projectInfo.rootFile);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(projectInfo.rootFile, output);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(projectInfo.rootFile, output, undefined);
         const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
             remotionRoot,
             absolutePath: projectInfo.rootFile,

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

@@ -8,6 +8,7 @@ const node_path_1 = __importDefault(require("node:path"));
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
 const file_watcher_1 = require("../file-watcher");
+const jsx_element_not_found_at_location_error_1 = require("./jsx-element-not-found-at-location-error");
 const live_events_1 = require("./live-events");
 const node_path_cache_1 = require("./node-path-cache");
 const can_update_sequence_props_1 = require("./routes/can-update-sequence-props");
@@ -77,6 +78,9 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, keys, effect
             if (event.type === 'deleted') {
                 return;
             }
+            if (event.originatorClientId === clientId) {
+                return;
+            }
             try {
                 const result = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
                     fileContents: event.content,
@@ -101,6 +105,17 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, keys, effect
                 });
             }
             catch (error) {
+                if (error instanceof jsx_element_not_found_at_location_error_1.JsxElementNotFoundAtLocationError) {
+                    (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+                        listener.sendEventToClientId(clientId, {
+                            type: 'lost-node-path',
+                            fileName,
+                            line,
+                            column,
+                        });
+                    });
+                    return;
+                }
                 renderer_1.RenderInternals.Log.error({ indent: false, logLevel }, error);
             }
         },

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

@@ -195,7 +195,7 @@ function popUndo() {
     if (entry.suppressHmrOnFileRestore) {
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(entry.filePath);
     }
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents, undefined);
     renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Undo: restored ${entry.filePath} (undo: ${undoStack.length}, redo: ${redoStack.length})`));
     logFileAction(entry.description.undoMessage, entry.filePath, entry.logLine);
     if (entry.entryType === 'visual-control') {
@@ -223,7 +223,7 @@ function popRedo() {
     if (entry.suppressHmrOnFileRestore) {
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(entry.filePath);
     }
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents, undefined);
     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);
     if (entry.entryType === 'visual-control') {

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.463",
+	"version": "4.0.464",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -27,11 +27,11 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.463",
+		"remotion": "4.0.464",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.463",
-		"@remotion/renderer": "4.0.463",
-		"@remotion/studio-shared": "4.0.463",
+		"@remotion/bundler": "4.0.464",
+		"@remotion/renderer": "4.0.464",
+		"@remotion/studio-shared": "4.0.464",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -39,7 +39,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.463",
+		"@remotion/eslint-config-internal": "4.0.464",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"