@remotion/studio-server 4.0.456 → 4.0.458

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

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

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

@@ -0,0 +1,8 @@
+"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.d.ts

@@ -1,14 +1,29 @@
 import type { SequenceNodePath } from '@remotion/studio-shared';
-export declare const updateSequenceProps: ({ input, nodePath, key, value, defaultValue, prettierConfigOverride, }: {
-    input: string;
-    nodePath: SequenceNodePath;
+import type { SequenceSchema } from 'remotion';
+export type SequencePropUpdate = {
     key: string;
     value: unknown;
-    defaultValue: unknown;
+    defaultValue: unknown | null;
+};
+export declare const updateSequencePropsAst: ({ input, nodePath, updates, schema, }: {
+    input: string;
+    nodePath: SequenceNodePath;
+    updates: SequencePropUpdate[];
+    schema?: SequenceSchema | undefined;
+}) => {
+    serialized: string;
+    oldValueStrings: string[];
+    logLine: number;
+};
+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;
-    oldValueString: string;
+    oldValueStrings: string[];
     formatted: boolean;
     logLine: number;
 }>;

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

@@ -33,95 +33,160 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateSequenceProps = void 0;
+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 updateSequenceProps = async ({ input, nodePath, key, value, defaultValue, prettierConfigOverride, }) => {
+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 updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
     var _a, _b, _c;
     var _d;
     const ast = (0, parse_ast_1.parseAst)(input);
-    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) : '';
     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;
-    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;
+    const oldValueStrings = [];
+    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;
             }
-            if (a.name.type === 'JSXNamespacedName') {
-                return false;
+            else if (attr && attr.type !== 'JSXSpreadAttribute' && !attr.value) {
+                // JSX shorthand like `loop` (no value) is implicitly `true`
+                oldValueString = 'true';
             }
-            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 if (!attr && defaultValue !== null) {
+                oldValueString = JSON.stringify(defaultValue);
             }
-        }
-        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 = [];
+            if (isDefault) {
+                if (attr && attr.type !== 'JSXSpreadAttribute' && node.attributes) {
+                    node.attributes.splice(attrIndex, 1);
                 }
-                node.attributes.push(newAttr);
             }
             else {
-                attr.value = newValue;
+                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 (_e) {
+                    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 finalFile = (0, parse_ast_1.serializeAst)(ast);
+    return {
+        serialized: (0, parse_ast_1.serializeAst)(ast),
+        oldValueStrings,
+        logLine,
+    };
+};
+exports.updateSequencePropsAst = updateSequencePropsAst;
+const updateSequenceProps = async ({ input, nodePath, updates, schema, prettierConfigOverride, }) => {
+    const { serialized, oldValueStrings, logLine } = (0, exports.updateSequencePropsAst)({
+        input,
+        nodePath,
+        updates,
+        schema,
+    });
     const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
-        input: finalFile,
+        input: serialized,
         prettierConfigOverride,
     });
     return {
         output,
-        oldValueString,
+        oldValueStrings,
         formatted,
         logLine,
     };

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

@@ -118,8 +118,8 @@ const applyVisualControlHandler = async ({ input: { fileName, changes }, remotio
         remotionRoot,
         logLine,
         description: {
-            undoMessage: 'Undid visual control change',
-            redoMessage: 'Redid visual control change',
+            undoMessage: 'Undo: Visual control change',
+            redoMessage: 'Redo: Visual control change',
         },
         entryType: 'visual-control',
         suppressHmrOnFileRestore: true,

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

@@ -11,7 +11,7 @@ export declare const computeSequencePropsStatus: ({ fileName, nodePath, keys, re
     keys: string[];
     remotionRoot: string;
 }) => CanUpdateSequencePropsResponse;
-export declare const computeSequencePropsStatusByLine: ({ fileName, line, keys, remotionRoot, }: {
+export declare const computeSequencePropsStatusFromFilenameByLine: ({ fileName, line, keys, remotionRoot, }: {
     fileName: string;
     line: number;
     keys: string[];

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

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeSequencePropsStatusByLine = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.lineColumnToNodePath = exports.findJsxElementAtNodePath = exports.extractStaticValue = exports.isStaticValue = void 0;
+exports.computeSequencePropsStatusFromFilenameByLine = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.lineColumnToNodePath = exports.findJsxElementAtNodePath = exports.extractStaticValue = exports.isStaticValue = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
 const recast = __importStar(require("recast"));
@@ -294,7 +294,7 @@ const computeSequencePropsStatus = ({ fileName, nodePath, keys, remotionRoot, })
     }
 };
 exports.computeSequencePropsStatus = computeSequencePropsStatus;
-const computeSequencePropsStatusByLine = ({ fileName, line, keys, remotionRoot, }) => {
+const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, keys, remotionRoot, }) => {
     try {
         const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
         const fileRelativeToRoot = node_path_1.default.relative(remotionRoot, absolutePath);
@@ -321,4 +321,4 @@ const computeSequencePropsStatusByLine = ({ fileName, line, keys, remotionRoot,
         };
     }
 };
-exports.computeSequencePropsStatusByLine = computeSequencePropsStatusByLine;
+exports.computeSequencePropsStatusFromFilenameByLine = computeSequencePropsStatusFromFilenameByLine;

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

@@ -32,8 +32,8 @@ const deleteJsxNodeHandler = async ({ input: { fileName, nodePath }, remotionRoo
             remotionRoot,
             logLine,
             description: {
-                undoMessage: `Undid deletion of ${nodeLabel}`,
-                redoMessage: `Redid deletion of ${nodeLabel}`,
+                undoMessage: `Undo: Deletion of ${nodeLabel}`,
+                redoMessage: `Redo: Deletion of ${nodeLabel}`,
             },
             entryType: 'delete-jsx-node',
             suppressHmrOnFileRestore: false,

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

@@ -32,8 +32,8 @@ const duplicateJsxNodeHandler = async ({ input: { fileName, nodePath }, remotion
             remotionRoot,
             logLine,
             description: {
-                undoMessage: `Undid duplication of ${nodeLabel}`,
-                redoMessage: `Redid duplication of ${nodeLabel}`,
+                undoMessage: `Undo: duplication of ${nodeLabel}`,
+                redoMessage: `Redo: duplication of ${nodeLabel}`,
             },
             entryType: 'duplicate-jsx-node',
             suppressHmrOnFileRestore: false,

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

@@ -7,13 +7,15 @@ exports.saveSequencePropsHandler = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
 const renderer_1 = require("@remotion/renderer");
+const remotion_1 = require("remotion");
+const get_all_schema_keys_1 = require("../../codemods/get-all-schema-keys");
 const update_sequence_props_1 = require("../../codemods/update-sequence-props");
 const file_watcher_1 = require("../../file-watcher");
 const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const log_update_1 = require("./log-update");
-const saveSequencePropsHandler = async ({ input: { fileName, nodePath, key, value, defaultValue, observedKeys }, remotionRoot, logLevel, }) => {
+const saveSequencePropsHandler = async ({ input: { fileName, nodePath, key, value, defaultValue, schema }, remotionRoot, logLevel, }) => {
     try {
         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);
@@ -22,13 +24,19 @@ const saveSequencePropsHandler = async ({ input: { fileName, nodePath, key, valu
             throw new Error('Cannot modify a file outside the project');
         }
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { output, oldValueString, formatted, logLine } = await (0, update_sequence_props_1.updateSequenceProps)({
+        const { output, oldValueStrings, formatted, logLine } = await (0, update_sequence_props_1.updateSequenceProps)({
             input: fileContents,
             nodePath,
-            key,
-            value: JSON.parse(value),
-            defaultValue: defaultValue !== null ? JSON.parse(defaultValue) : null,
+            updates: [
+                {
+                    key,
+                    value: JSON.parse(value),
+                    defaultValue: defaultValue !== null ? JSON.parse(defaultValue) : null,
+                },
+            ],
+            schema: remotion_1.Internals.sequenceSchema,
         });
+        const oldValueString = oldValueStrings[0];
         const newValueString = JSON.stringify(JSON.parse(value));
         const parsedDefault = defaultValue !== null ? JSON.parse(defaultValue) : null;
         const defaultValueString = parsedDefault !== null ? JSON.stringify(parsedDefault) : null;
@@ -54,8 +62,8 @@ const saveSequencePropsHandler = async ({ input: { fileName, nodePath, key, valu
             remotionRoot,
             logLine,
             description: {
-                undoMessage: `Undid ${undoPropChange}`,
-                redoMessage: `Redid ${redoPropChange}`,
+                undoMessage: `Undo: ${undoPropChange}`,
+                redoMessage: `Redo: ${redoPropChange}`,
             },
             entryType: 'sequence-props',
             suppressHmrOnFileRestore: true,
@@ -76,7 +84,7 @@ const saveSequencePropsHandler = async ({ input: { fileName, nodePath, key, valu
         (0, undo_stack_1.printUndoHint)(logLevel);
         const newStatus = (0, can_update_sequence_props_1.computeSequencePropsStatus)({
             fileName,
-            keys: observedKeys,
+            keys: (0, get_all_schema_keys_1.getAllSchemaKeys)(schema),
             nodePath,
             remotionRoot,
         });

package/dist/preview-server/routes/subscribe-to-sequence-props.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.subscribeToSequenceProps = void 0;
+const get_all_schema_keys_1 = require("../../codemods/get-all-schema-keys");
 const sequence_props_watchers_1 = require("../sequence-props-watchers");
-const subscribeToSequenceProps = ({ input: { fileName, line, column, keys, clientId }, remotionRoot }) => {
+const subscribeToSequenceProps = ({ input: { fileName, line, column, schema, clientId }, remotionRoot }) => {
     const result = (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
         fileName,
         line,
         column,
-        keys,
+        keys: (0, get_all_schema_keys_1.getAllSchemaKeys)(schema),
         remotionRoot,
         clientId,
     });

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

@@ -37,8 +37,8 @@ const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps,
             remotionRoot,
             logLine,
             description: {
-                undoMessage: `Undid default props update for "${compositionId}"`,
-                redoMessage: `Redid default props update for "${compositionId}"`,
+                undoMessage: `Undo: default props update for "${compositionId}"`,
+                redoMessage: `Redo: default props update for "${compositionId}"`,
             },
             entryType: 'default-props',
             suppressHmrOnFileRestore: true,

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

@@ -13,12 +13,9 @@ const sequencePropsWatchers = {};
 const makeWatcherKey = ({ absolutePath, nodePath, }) => {
     return `${absolutePath}:${JSON.stringify(nodePath)}`;
 };
-const subscribeToSequencePropsWatchers = ({ fileName, line, column, keys, remotionRoot, clientId, }) => {
-    var _a;
-    const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
+const getSequencePropsStatus = ({ fileName, line, column, keys, remotionRoot, }) => {
     // Try cached nodePath first (handles stale source maps after suppressed rebuilds)
     const cachedNodePath = (0, node_path_cache_1.getCachedNodePath)(fileName, line, column);
-    let initialResult;
     if (cachedNodePath) {
         const cachedResult = (0, can_update_sequence_props_1.computeSequencePropsStatus)({
             fileName,
@@ -27,29 +24,29 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, keys, remoti
             remotionRoot,
         });
         if (cachedResult.canUpdate) {
-            initialResult = cachedResult;
-        }
-        else {
-            // Cached nodePath no longer valid, fall back to line-based lookup
-            initialResult = (0, can_update_sequence_props_1.computeSequencePropsStatusByLine)({
-                fileName,
-                line,
-                keys,
-                remotionRoot,
-            });
+            return cachedResult;
         }
     }
-    else {
-        initialResult = (0, can_update_sequence_props_1.computeSequencePropsStatusByLine)({
-            fileName,
-            line,
-            keys,
-            remotionRoot,
-        });
-    }
+    return (0, can_update_sequence_props_1.computeSequencePropsStatusFromFilenameByLine)({
+        fileName,
+        line,
+        keys,
+        remotionRoot,
+    });
+};
+const subscribeToSequencePropsWatchers = ({ fileName, line, column, keys, remotionRoot, clientId, }) => {
+    var _a;
+    const initialResult = getSequencePropsStatus({
+        fileName,
+        line,
+        column,
+        keys,
+        remotionRoot,
+    });
     if (!initialResult.canUpdate) {
         return initialResult;
     }
+    const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
     // Cache the resolved nodePath for future lookups with stale source maps
     (0, node_path_cache_1.setCachedNodePath)(fileName, line, column, initialResult.nodePath);
     const { nodePath } = initialResult;

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.456",
+	"version": "4.0.458",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"sideEffects": false,
@@ -28,11 +28,11 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.456",
+		"remotion": "4.0.458",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.456",
-		"@remotion/renderer": "4.0.456",
-		"@remotion/studio-shared": "4.0.456",
+		"@remotion/bundler": "4.0.458",
+		"@remotion/renderer": "4.0.458",
+		"@remotion/studio-shared": "4.0.458",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2"
@@ -41,7 +41,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.456",
+		"@remotion/eslint-config-internal": "4.0.458",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"