@remotion/studio-server 4.0.462 → 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/jsx-element-not-found-at-location-error.d.ts

@@ -0,0 +1,3 @@
+export declare class JsxElementNotFoundAtLocationError extends Error {
+    constructor();
+}

package/dist/preview-server/jsx-element-not-found-at-location-error.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JsxElementNotFoundAtLocationError = void 0;
+class JsxElementNotFoundAtLocationError extends Error {
+    constructor() {
+        super('Cannot compute sequence props status: Could not find a JSX element at the specified location');
+        this.name = 'JsxElementNotFoundAtLocationError';
+    }
+}
+exports.JsxElementNotFoundAtLocationError = JsxElementNotFoundAtLocationError;

package/dist/preview-server/project-info.js

@@ -6,8 +6,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProjectInfo = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const getRootFileFromEntryPoint = (entryPoint) => {
+    const entryBase = node_path_1.default.basename(entryPoint, node_path_1.default.extname(entryPoint));
+    if (!entryBase.endsWith('-entry')) {
+        return null;
+    }
+    const stem = entryBase.slice(0, -'-entry'.length);
+    const pascalCase = stem
+        .split('-')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join('');
+    const rootName = `${pascalCase}Root`;
+    const entryDir = node_path_1.default.dirname(entryPoint);
+    for (const ext of ['.tsx', '.ts', '.jsx', '.js']) {
+        const candidate = node_path_1.default.join(entryDir, rootName + ext);
+        if ((0, node_fs_1.existsSync)(candidate)) {
+            return candidate;
+        }
+    }
+    return null;
+};
 const getProjectInfo = (remotionRoot, entryPoint) => {
     var _a;
+    const rootFileFromEntryPoint = getRootFileFromEntryPoint(entryPoint);
+    if (rootFileFromEntryPoint) {
+        return Promise.resolve({
+            rootFile: rootFileFromEntryPoint,
+            relativeRootFile: node_path_1.default.relative(remotionRoot, rootFileFromEntryPoint),
+        });
+    }
     const knownPaths = [
         'src/Root.tsx',
         'src/Root.jsx',

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

@@ -18,7 +18,8 @@ const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const format_effect_prop_change_1 = require("./log-updates/format-effect-prop-change");
 const log_effect_update_1 = require("./log-updates/log-effect-update");
 const log_update_1 = require("./log-updates/log-update");
-const saveEffectPropsHandler = async ({ input: { fileName, sequenceNodePath, effectIndex, key, value, defaultValue, schema, }, remotionRoot, logLevel, }) => {
+const save_props_mutex_1 = require("./save-props-mutex");
+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);
@@ -74,7 +75,7 @@ const saveEffectPropsHandler = async ({ input: { fileName, sequenceNodePath, eff
     });
     (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,
@@ -103,5 +104,5 @@ const saveEffectPropsHandler = async ({ input: { fileName, sequenceNodePath, eff
         effectIndex,
         keys: (0, studio_shared_1.getAllSchemaKeys)(schema),
     });
-};
+});
 exports.saveEffectPropsHandler = saveEffectPropsHandler;

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

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

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

@@ -0,0 +1,11 @@
+"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;

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

@@ -16,7 +16,8 @@ const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 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 saveSequencePropsHandler = async ({ input: { fileName, nodePath, key, value, defaultValue, schema }, remotionRoot, logLevel, }) => {
+const save_props_mutex_1 = require("./save-props-mutex");
+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);
@@ -74,7 +75,7 @@ const saveSequencePropsHandler = async ({ input: { fileName, nodePath, key, valu
     });
     (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,
@@ -95,5 +96,5 @@ const saveSequencePropsHandler = async ({ input: { fileName, nodePath, key, valu
         remotionRoot,
     });
     return newStatus;
-};
+});
 exports.saveSequencePropsHandler = saveSequencePropsHandler;

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.462",
+	"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.462",
+		"remotion": "4.0.464",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.462",
-		"@remotion/renderer": "4.0.462",
-		"@remotion/studio-shared": "4.0.462",
+		"@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.462",
+		"@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"

package/dist/codemods/get-all-schema-keys.d.ts

@@ -1,2 +0,0 @@
-import type { SequenceSchema } from 'remotion';
-export declare const getAllSchemaKeys: (schema: SequenceSchema) => string[];

package/dist/codemods/get-all-schema-keys.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllSchemaKeys = void 0;
-const remotion_1 = require("remotion");
-const getAllSchemaKeys = (schema) => {
-    return Object.keys(remotion_1.Internals.getFlatSchemaWithAllKeys(schema));
-};
-exports.getAllSchemaKeys = getAllSchemaKeys;

package/dist/codemods/update-sequence-props/find-props-to-delete.d.ts

@@ -1,6 +0,0 @@
-import type { SequenceSchema } from 'remotion';
-export declare const findPropsToDelete: ({ schema, key, value, }: {
-    schema: SequenceSchema;
-    key: string;
-    value: unknown;
-}) => string[];

package/dist/codemods/update-sequence-props/find-props-to-delete.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findPropsToDelete = void 0;
-const findPropsToDelete = ({ schema, key, value, }) => {
-    const fieldSchema = schema[key];
-    if (!fieldSchema) {
-        throw new Error('Key ' + JSON.stringify(key) + ' not found in schema');
-    }
-    if (typeof value !== 'string') {
-        throw new Error('Value must be a string, but is ' + JSON.stringify(value));
-    }
-    if (fieldSchema.type !== 'enum') {
-        throw new Error('Key ' + JSON.stringify(key) + ' is not an enum');
-    }
-    const currentVariant = fieldSchema.variants[value];
-    if (!currentVariant) {
-        throw new Error('Value for ' +
-            JSON.stringify(key) +
-            ' must be one of ' +
-            Object.keys(fieldSchema.variants)
-                .map((v) => JSON.stringify(v))
-                .join(', ') +
-            ', got ' +
-            JSON.stringify(value));
-    }
-    const otherVariants = Object.keys(fieldSchema.variants).filter((v) => v !== value);
-    const otherKeys = new Set();
-    for (const variant of otherVariants) {
-        const otherVariant = fieldSchema.variants[variant];
-        const keys = Object.keys(otherVariant);
-        for (const k of keys) {
-            otherKeys.add(k);
-        }
-    }
-    return [...otherKeys];
-};
-exports.findPropsToDelete = findPropsToDelete;

package/dist/codemods/update-sequence-props.d.ts

@@ -1,35 +0,0 @@
-import type { SequenceNodePath } from 'remotion';
-import type { SequenceSchema } from 'remotion';
-export type SequencePropUpdate = {
-    key: string;
-    value: unknown;
-    defaultValue: unknown | null;
-};
-export type RemovedProp = {
-    key: string;
-    valueString: string;
-};
-export declare const updateSequencePropsAst: ({ input, nodePath, updates, schema, }: {
-    input: string;
-    nodePath: SequenceNodePath;
-    updates: SequencePropUpdate[];
-    schema: SequenceSchema;
-}) => {
-    serialized: string;
-    oldValueStrings: string[];
-    logLine: number;
-    removedProps: RemovedProp[];
-};
-export declare const updateSequenceProps: ({ input, nodePath, updates, schema, prettierConfigOverride, }: {
-    input: string;
-    nodePath: SequenceNodePath;
-    updates: SequencePropUpdate[];
-    schema: SequenceSchema;
-    prettierConfigOverride?: Record<string, unknown> | null | undefined;
-}) => Promise<{
-    output: string;
-    oldValueStrings: string[];
-    formatted: boolean;
-    logLine: number;
-    removedProps: RemovedProp[];
-}>;

package/dist/codemods/update-sequence-props.js

@@ -1,237 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateSequenceProps = exports.updateSequencePropsAst = void 0;
-const recast = __importStar(require("recast"));
-const can_update_sequence_props_1 = require("../preview-server/routes/can-update-sequence-props");
-const format_file_content_1 = require("./format-file-content");
-const parse_ast_1 = require("./parse-ast");
-const update_nested_prop_1 = require("./update-nested-prop");
-const b = recast.types.builders;
-const removeVariantKey = ({ node, variantKey, }) => {
-    var _a;
-    const dotIndex = variantKey.indexOf('.');
-    if (dotIndex === -1) {
-        const idx = (_a = node.attributes) === null || _a === void 0 ? void 0 : _a.findIndex((a) => a.type === 'JSXAttribute' &&
-            a.name.type === 'JSXIdentifier' &&
-            a.name.name === variantKey);
-        if (idx !== undefined && idx !== -1 && node.attributes) {
-            node.attributes.splice(idx, 1);
-        }
-        return;
-    }
-    (0, update_nested_prop_1.updateNestedProp)({
-        node,
-        parentKey: variantKey.slice(0, dotIndex),
-        childKey: variantKey.slice(dotIndex + 1),
-        value: undefined,
-        defaultValue: null,
-        isDefault: true,
-    });
-};
-const snapshotTopLevelAttrs = (node) => {
-    var _a;
-    const result = new Map();
-    for (const a of (_a = node.attributes) !== null && _a !== void 0 ? _a : []) {
-        if (a.type === 'JSXAttribute' && a.name.type === 'JSXIdentifier') {
-            const name = a.name.name;
-            const printed = recast
-                .print(a)
-                .code.replace(/\s+/g, ' ')
-                .replace(/,(\s*[}\]])/g, '$1')
-                .trim();
-            const prefix = `${name}=`;
-            let valueOnly = printed.startsWith(prefix)
-                ? printed.slice(prefix.length)
-                : printed;
-            if (valueOnly.startsWith('{') && valueOnly.endsWith('}')) {
-                valueOnly = valueOnly.slice(1, -1).trim();
-            }
-            result.set(name, valueOnly);
-        }
-    }
-    return result;
-};
-const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
-    var _a, _b, _c;
-    var _d, _e;
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const node = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, nodePath);
-    if (!node) {
-        throw new Error('Could not find a JSX element at the specified line to update');
-    }
-    const logLine = (_d = (_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _d !== void 0 ? _d : 1;
-    const oldValueStrings = [];
-    const initialAttrs = snapshotTopLevelAttrs(node);
-    const updatedTopLevelKeys = new Set(updates.map(({ key }) => {
-        const dot = key.indexOf('.');
-        return dot === -1 ? key : key.slice(0, dot);
-    }));
-    for (const { key, value, defaultValue } of updates) {
-        let oldValueString = '';
-        const isDefault = defaultValue !== null &&
-            JSON.stringify(value) === JSON.stringify(defaultValue);
-        const dotIndex = key.indexOf('.');
-        const isNested = dotIndex !== -1;
-        const parentKey = isNested ? key.slice(0, dotIndex) : key;
-        const childKey = isNested ? key.slice(dotIndex + 1) : '';
-        if (isNested) {
-            oldValueString = (0, update_nested_prop_1.updateNestedProp)({
-                node,
-                parentKey,
-                childKey,
-                value,
-                defaultValue,
-                isDefault,
-            });
-        }
-        else {
-            const attrIndex = (_b = node.attributes) === null || _b === void 0 ? void 0 : _b.findIndex((a) => {
-                if (a.type === 'JSXSpreadAttribute') {
-                    return false;
-                }
-                if (a.name.type === 'JSXNamespacedName') {
-                    return false;
-                }
-                return a.name.name === key;
-            });
-            const attr = attrIndex !== undefined && attrIndex !== -1
-                ? (_c = node.attributes) === null || _c === void 0 ? void 0 : _c[attrIndex]
-                : undefined;
-            if (attr && attr.type !== 'JSXSpreadAttribute' && attr.value) {
-                const printed = recast.print(attr.value).code;
-                // Strip JSX expression container braces, e.g. "{30}" -> "30"
-                oldValueString =
-                    printed.startsWith('{') && printed.endsWith('}')
-                        ? printed.slice(1, -1)
-                        : printed;
-            }
-            else if (attr && attr.type !== 'JSXSpreadAttribute' && !attr.value) {
-                // JSX shorthand like `loop` (no value) is implicitly `true`
-                oldValueString = 'true';
-            }
-            else if (!attr && defaultValue !== null) {
-                oldValueString = JSON.stringify(defaultValue);
-            }
-            if (isDefault) {
-                if (attr && attr.type !== 'JSXSpreadAttribute' && node.attributes) {
-                    node.attributes.splice(attrIndex, 1);
-                }
-            }
-            else {
-                const parsed = (0, update_nested_prop_1.parseValueExpression)(value);
-                const newValue = value === true ? null : b.jsxExpressionContainer(parsed);
-                if (!attr || attr.type === 'JSXSpreadAttribute') {
-                    const newAttr = b.jsxAttribute(b.jsxIdentifier(key), newValue);
-                    if (!node.attributes) {
-                        node.attributes = [];
-                    }
-                    node.attributes.push(newAttr);
-                }
-                else {
-                    attr.value = newValue;
-                }
-            }
-        }
-        oldValueStrings.push(oldValueString);
-        if (schema && !isNested) {
-            const fieldSchema = schema[key];
-            if (fieldSchema && fieldSchema.type === 'enum') {
-                let oldRawValue;
-                try {
-                    oldRawValue = JSON.parse(oldValueString);
-                }
-                catch (_f) {
-                    oldRawValue = oldValueString;
-                }
-                if (oldRawValue !== value) {
-                    const oldVariant = typeof oldRawValue === 'string'
-                        ? fieldSchema.variants[oldRawValue]
-                        : undefined;
-                    const newVariant = typeof value === 'string' ? fieldSchema.variants[value] : undefined;
-                    if (oldVariant) {
-                        const newKeys = new Set(newVariant ? Object.keys(newVariant) : []);
-                        for (const variantKey of Object.keys(oldVariant)) {
-                            if (newKeys.has(variantKey)) {
-                                continue;
-                            }
-                            removeVariantKey({ node, variantKey });
-                        }
-                    }
-                }
-            }
-        }
-    }
-    const finalAttrNames = new Set();
-    for (const a of (_e = node.attributes) !== null && _e !== void 0 ? _e : []) {
-        if (a.type === 'JSXAttribute' && a.name.type === 'JSXIdentifier') {
-            finalAttrNames.add(a.name.name);
-        }
-    }
-    const removedProps = [];
-    for (const [name, valueString] of initialAttrs) {
-        if (finalAttrNames.has(name) || updatedTopLevelKeys.has(name)) {
-            continue;
-        }
-        removedProps.push({ key: name, valueString });
-    }
-    return {
-        serialized: (0, parse_ast_1.serializeAst)(ast),
-        oldValueStrings,
-        logLine,
-        removedProps,
-    };
-};
-exports.updateSequencePropsAst = updateSequencePropsAst;
-const updateSequenceProps = async ({ input, nodePath, updates, schema, prettierConfigOverride, }) => {
-    const { serialized, oldValueStrings, logLine, removedProps } = (0, exports.updateSequencePropsAst)({
-        input,
-        nodePath,
-        updates,
-        schema,
-    });
-    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
-        input: serialized,
-        prettierConfigOverride,
-    });
-    return {
-        output,
-        oldValueStrings,
-        formatted,
-        logLine,
-        removedProps,
-    };
-};
-exports.updateSequenceProps = updateSequenceProps;

package/dist/preview-server/routes/log-update.d.ts

@@ -1,29 +0,0 @@
-export declare const warnAboutPrettierOnce: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
-export declare const normalizeQuotes: (str: string) => string;
-export declare const fg: (r: number, g: number, b: number, str: string) => string;
-export declare const bg: (r: number, g: number, b: number, str: string) => string;
-export declare const strikeThrough: (str: string) => string;
-export type PropDelta = {
-    key: string;
-    valueString: string;
-};
-export declare const formatPropChange: ({ key, oldValueString, newValueString, defaultValueString, removedProps, addedProps, }: {
-    key: string;
-    oldValueString: string;
-    newValueString: string;
-    defaultValueString: string | null;
-    removedProps: PropDelta[];
-    addedProps: PropDelta[];
-}) => string;
-export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }: {
-    fileRelativeToRoot: string;
-    line: number;
-    key: string;
-    oldValueString: string;
-    newValueString: string;
-    defaultValueString: string | null;
-    formatted: boolean;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-    removedProps: PropDelta[];
-    addedProps: PropDelta[];
-}) => void;

package/dist/preview-server/routes/log-update.js

@@ -1,126 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.logUpdate = exports.formatPropChange = exports.strikeThrough = exports.bg = exports.fg = exports.normalizeQuotes = exports.warnAboutPrettierOnce = void 0;
-const renderer_1 = require("@remotion/renderer");
-let warnedAboutPrettier = false;
-const warnAboutPrettierOnce = (logLevel) => {
-    if (warnedAboutPrettier) {
-        return;
-    }
-    warnedAboutPrettier = true;
-    renderer_1.RenderInternals.Log.warn({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.yellow('Could not format with Prettier. File will need to be formatted manually.'));
-};
-exports.warnAboutPrettierOnce = warnAboutPrettierOnce;
-const normalizeQuotes = (str) => {
-    if (str.length >= 2 &&
-        ((str.startsWith("'") && str.endsWith("'")) ||
-            (str.startsWith('"') && str.endsWith('"')))) {
-        return `'${str.slice(1, -1)}'`;
-    }
-    return str;
-};
-exports.normalizeQuotes = normalizeQuotes;
-// 24-bit ANSI helpers
-const fg = (r, g, b, str) => `\u001b[38;2;${r};${g};${b}m${str}\u001b[39m`;
-exports.fg = fg;
-const bg = (r, g, b, str) => `\u001b[48;2;${r};${g};${b}m${str}\u001b[49m`;
-exports.bg = bg;
-// eslint-disable-next-line no-control-regex
-const stripAnsi = (str) => str.replace(/\u001b\[[0-9;]*m/g, '');
-const strikeThrough = (str) => `\u001b[9m\u001b[38;2;255;85;85m${stripAnsi(str)}\u001b[39m\u001b[29m`;
-exports.strikeThrough = strikeThrough;
-// Monokai-inspired syntax colors
-const attrName = (str) => (0, exports.fg)(166, 226, 46, str);
-const equals = (str) => (0, exports.fg)(249, 38, 114, str);
-const punctuation = (str) => (0, exports.fg)(248, 248, 242, str);
-const stringValue = (str) => (0, exports.fg)(230, 219, 116, str);
-const numberValue = (str) => (0, exports.fg)(174, 129, 255, str);
-const colorValue = (str) => {
-    if ((str.startsWith("'") && str.endsWith("'")) ||
-        (str.startsWith('"') && str.endsWith('"'))) {
-        return stringValue(str);
-    }
-    if (/^-?\d+(\.\d+)?$/.test(str)) {
-        return numberValue(str);
-    }
-    return punctuation(str);
-};
-const colorEnabled = () => renderer_1.RenderInternals.chalk.enabled();
-// Format key={value} with Monokai syntax highlighting
-const formatSimpleProp = (key, value) => {
-    return `${attrName(key)}${equals('=')}${punctuation('{')}${colorValue(value)}${punctuation('}')}`;
-};
-// Format parentKey={{childKey: value}} with Monokai syntax highlighting
-const formatNestedProp = (parentKey, childKey, value) => {
-    return `${attrName(parentKey)}${equals('=')}${punctuation('{{')}${punctuation(childKey)}${punctuation(':')} ${colorValue(value)}${punctuation('}}')}`;
-};
-const formatPropDelta = ({ key, valueString }) => {
-    if (!colorEnabled()) {
-        const dotIdx = key.indexOf('.');
-        if (dotIdx === -1) {
-            return `${key}={${valueString}}`;
-        }
-        const parent = key.slice(0, dotIdx);
-        const child = key.slice(dotIdx + 1);
-        return `${parent}={{${child}: ${valueString}}}`;
-    }
-    const dotIdx = key.indexOf('.');
-    if (dotIdx === -1) {
-        return formatSimpleProp(key, valueString);
-    }
-    return formatNestedProp(key.slice(0, dotIdx), key.slice(dotIdx + 1), valueString);
-};
-const formatSideProps = ({ removedProps, addedProps, }) => {
-    const parts = [];
-    for (const prop of removedProps) {
-        const formatted = formatPropDelta(prop);
-        parts.push(colorEnabled() ? (0, exports.strikeThrough)(formatted) : formatted);
-    }
-    for (const prop of addedProps) {
-        parts.push(formatPropDelta(prop));
-    }
-    if (parts.length === 0) {
-        return '';
-    }
-    return `, ${parts.join(', ')}`;
-};
-const formatPropChange = ({ key, oldValueString, newValueString, defaultValueString, removedProps, addedProps, }) => {
-    const suffix = formatSideProps({ removedProps, addedProps });
-    if (!colorEnabled()) {
-        const dotIdx = key.indexOf('.');
-        if (dotIdx === -1) {
-            return `${key}={${oldValueString}} \u2192 ${key}={${newValueString}}${suffix}`;
-        }
-        const parent = key.slice(0, dotIdx);
-        const child = key.slice(dotIdx + 1);
-        return `${parent}={{${child}: ${oldValueString}}} \u2192 ${parent}={{${child}: ${newValueString}}}${suffix}`;
-    }
-    const dotIndex = key.indexOf('.');
-    const formatProp = (value) => dotIndex === -1
-        ? formatSimpleProp(key, value)
-        : formatNestedProp(key.slice(0, dotIndex), key.slice(dotIndex + 1), value);
-    if (defaultValueString !== null && newValueString === defaultValueString) {
-        return `${(0, exports.strikeThrough)(formatProp(oldValueString))}${suffix}`;
-    }
-    if (defaultValueString !== null && oldValueString === defaultValueString) {
-        return `${formatProp(newValueString)}${suffix}`;
-    }
-    return `${formatProp(oldValueString)} \u2192 ${formatProp(newValueString)}${suffix}`;
-};
-exports.formatPropChange = formatPropChange;
-const logUpdate = ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }) => {
-    const locationLabel = `${fileRelativeToRoot}:${line}`;
-    const propChange = (0, exports.formatPropChange)({
-        key,
-        oldValueString: (0, exports.normalizeQuotes)(oldValueString),
-        newValueString: (0, exports.normalizeQuotes)(newValueString),
-        defaultValueString: defaultValueString !== null ? (0, exports.normalizeQuotes)(defaultValueString) : null,
-        removedProps,
-        addedProps,
-    });
-    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}:`)} ${propChange}`);
-    if (!formatted) {
-        (0, exports.warnAboutPrettierOnce)(logLevel);
-    }
-};
-exports.logUpdate = logUpdate;

package/dist/preview-server/routes/log-updates/format-side-prop.js

@@ -1 +0,0 @@
-"use strict";