@remotion/studio-server 4.0.491 → 4.0.493

package/dist/codemods/recast-mods.js

@@ -434,6 +434,8 @@ const transformLoneJsxElement = (expression, transformation, changesMade, parent
         compId === transformation.idToDelete) ||
         (transformation.type === 'rename-composition' &&
             compId === transformation.idToRename) ||
+        (transformation.type === 'update-composition-metadata' &&
+            compId === transformation.idToUpdate) ||
         (transformation.type === 'duplicate-composition' &&
             compId === transformation.idToDuplicate) ||
         (transformation.type === 'delete-folder' &&
@@ -512,6 +514,21 @@ const mapJsxChild = (c, transformation, changesMade, parentFolderName) => {
             }),
         ];
     }
+    if (transformation.type === 'update-composition-metadata' &&
+        compId === transformation.idToUpdate) {
+        return [
+            changeComposition({
+                jsxElement: c,
+                newCompositionId: null,
+                newCompositionFps: transformation.newFps,
+                newCompositionDurationInFrames: transformation.newDurationInFrames,
+                newCompositionHeight: transformation.newHeight,
+                newCompositionWidth: transformation.newWidth,
+                changesMade,
+                newTagToUse: null,
+            }),
+        ];
+    }
     if (transformation.type === 'delete-composition' &&
         compId === transformation.idToDelete) {
         changesMade.push({
@@ -783,7 +800,8 @@ const changeComposition = ({ jsxElement, newCompositionId, newCompositionFps, ne
         // id="one"
         if (attribute.name.name === 'id' &&
             attribute.value &&
-            attribute.value.type === 'StringLiteral') {
+            attribute.value.type === 'StringLiteral' &&
+            newCompositionId !== null) {
             changesMade.push({
                 description: 'Replaced composition id',
             });
@@ -796,7 +814,8 @@ const changeComposition = ({ jsxElement, newCompositionId, newCompositionFps, ne
         if (attribute.name.name === 'id' &&
             attribute.value &&
             attribute.value.type === 'JSXExpressionContainer' &&
-            attribute.value.expression.type === 'StringLiteral') {
+            attribute.value.expression.type === 'StringLiteral' &&
+            newCompositionId !== null) {
             changesMade.push({
                 description: 'Replaced composition id',
             });
@@ -811,85 +830,74 @@ const changeComposition = ({ jsxElement, newCompositionId, newCompositionFps, ne
                 },
             };
         }
-        if (attribute.name.name === 'fps' &&
-            attribute.value &&
-            attribute.value.type === 'JSXExpressionContainer' &&
-            attribute.value.expression.type === 'NumericLiteral' &&
-            newCompositionFps !== null) {
+        if (attribute.name.name === 'fps' && newCompositionFps !== null) {
             changesMade.push({
                 description: 'Replaced FPS',
             });
             return {
                 ...attribute,
-                value: {
-                    ...attribute.value,
-                    expression: {
-                        ...attribute.value.expression,
-                        value: newCompositionFps,
-                    },
-                },
+                value: b.jsxExpressionContainer(b.numericLiteral(newCompositionFps)),
             };
         }
         if (attribute.name.name === 'durationInFrames' &&
-            attribute.value &&
-            attribute.value.type === 'JSXExpressionContainer' &&
-            attribute.value.expression.type === 'NumericLiteral' &&
             newCompositionDurationInFrames !== null) {
             changesMade.push({
                 description: 'Replaced durationInFrames',
             });
             return {
                 ...attribute,
-                value: {
-                    ...attribute.value,
-                    expression: {
-                        ...attribute.value.expression,
-                        value: newCompositionDurationInFrames,
-                    },
-                },
+                value: b.jsxExpressionContainer(b.numericLiteral(newCompositionDurationInFrames)),
             };
         }
-        if (attribute.name.name === 'width' &&
-            attribute.value &&
-            attribute.value.type === 'JSXExpressionContainer' &&
-            attribute.value.expression.type === 'NumericLiteral' &&
-            newCompositionWidth !== null) {
+        if (attribute.name.name === 'width' && newCompositionWidth !== null) {
             changesMade.push({
                 description: 'Replaced width',
             });
             return {
                 ...attribute,
-                value: {
-                    ...attribute.value,
-                    expression: {
-                        ...attribute.value.expression,
-                        value: newCompositionWidth,
-                    },
-                },
+                value: b.jsxExpressionContainer(b.numericLiteral(newCompositionWidth)),
             };
         }
-        if (attribute.name.name === 'height' &&
-            attribute.value &&
-            attribute.value.type === 'JSXExpressionContainer' &&
-            attribute.value.expression.type === 'NumericLiteral' &&
-            newCompositionHeight !== null) {
+        if (attribute.name.name === 'height' && newCompositionHeight !== null) {
             changesMade.push({
                 description: 'Replaced height',
             });
             return {
                 ...attribute,
-                value: {
-                    ...attribute.value,
-                    expression: {
-                        ...attribute.value.expression,
-                        value: newCompositionHeight,
-                    },
-                },
+                value: b.jsxExpressionContainer(b.numericLiteral(newCompositionHeight)),
             };
         }
         return attribute;
     })
         .filter(Boolean);
+    if (newCompositionFps !== null &&
+        !attributes.some((attribute) => attribute.type === 'JSXAttribute' &&
+            attribute.name.type === 'JSXIdentifier' &&
+            attribute.name.name === 'fps')) {
+        changesMade.push({ description: 'Added FPS' });
+        attributes.push(jsxAttributeWithExpression('fps', b.numericLiteral(newCompositionFps)));
+    }
+    if (newCompositionDurationInFrames !== null &&
+        !attributes.some((attribute) => attribute.type === 'JSXAttribute' &&
+            attribute.name.type === 'JSXIdentifier' &&
+            attribute.name.name === 'durationInFrames')) {
+        changesMade.push({ description: 'Added durationInFrames' });
+        attributes.push(jsxAttributeWithExpression('durationInFrames', b.numericLiteral(newCompositionDurationInFrames)));
+    }
+    if (newCompositionWidth !== null &&
+        !attributes.some((attribute) => attribute.type === 'JSXAttribute' &&
+            attribute.name.type === 'JSXIdentifier' &&
+            attribute.name.name === 'width')) {
+        changesMade.push({ description: 'Added width' });
+        attributes.push(jsxAttributeWithExpression('width', b.numericLiteral(newCompositionWidth)));
+    }
+    if (newCompositionHeight !== null &&
+        !attributes.some((attribute) => attribute.type === 'JSXAttribute' &&
+            attribute.name.type === 'JSXIdentifier' &&
+            attribute.name.name === 'height')) {
+        changesMade.push({ description: 'Added height' });
+        attributes.push(jsxAttributeWithExpression('height', b.numericLiteral(newCompositionHeight)));
+    }
     const newName = newTagToUse !== null && newTagToUse !== void 0 ? newTagToUse : name.name;
     if (newName !== name.name) {
         changesMade.push({

package/dist/codemods/split-jsx-sequence.js

@@ -74,6 +74,11 @@ const getStaticNumber = (attribute) => {
     if (expression.type === 'NumericLiteral') {
         return expression.value;
     }
+    if (expression.type === 'UnaryExpression' &&
+        expression.operator === '-' &&
+        expression.argument.type === 'NumericLiteral') {
+        return -expression.argument.value;
+    }
     if (expression.type === 'Identifier' && expression.name === 'Infinity') {
         return Infinity;
     }

package/dist/helpers/resolve-composition-component.js

@@ -508,6 +508,9 @@ const getComponentRootNode = (declaration) => {
 const createSequenceElement = () => {
     return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier('Sequence'), []), recast.types.builders.jsxClosingElement(recast.types.builders.jsxIdentifier('Sequence')), []);
 };
+const createSequenceWithChild = ({ child, sequenceLocalName, }) => {
+    return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier(sequenceLocalName), []), recast.types.builders.jsxClosingElement(recast.types.builders.jsxIdentifier(sequenceLocalName)), [child]);
+};
 const createNumberAttribute = (name, value) => {
     return recast.types.builders.jsxAttribute(recast.types.builders.jsxIdentifier(name), recast.types.builders.jsxExpressionContainer(recast.types.builders.numericLiteral(value)));
 };
@@ -1019,8 +1022,8 @@ const createCompositionComponentElement = ({ localName, props, }) => {
     return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier(localName), attributes, true), null, []);
 };
 const addElementToComponentRoot = ({ ast, exportName, element, }) => {
-    var _a;
-    var _b;
+    var _a, _b;
+    var _c, _d;
     const declaration = getDeclarationByExportName({ ast, exportName });
     if (!declaration) {
         throw new Error('Could not find composition component declaration');
@@ -1033,9 +1036,6 @@ const addElementToComponentRoot = ({ ast, exportName, element, }) => {
         }
         throw new Error('Composition component does not return JSX');
     }
-    if (rootNode.type === 'JSXElement' && rootNode.openingElement.selfClosing) {
-        throw new Error('Cannot insert into a self-closing root JSX element');
-    }
     const CANVAS_ROOT_ELEMENTS = [
         'ThreeCanvas',
         'RiveCanvas',
@@ -1047,11 +1047,35 @@ const addElementToComponentRoot = ({ ast, exportName, element, }) => {
         CANVAS_ROOT_ELEMENTS.includes(rootNode.openingElement.name.name)) {
         throw new Error(`Cannot insert a JSX element into a composition whose root element is <${rootNode.openingElement.name.name}>`);
     }
+    if (rootNode.type === 'JSXElement' && rootNode.openingElement.selfClosing) {
+        const fragment = recast.types.builders.jsxFragment(recast.types.builders.jsxOpeningFragment(), recast.types.builders.jsxClosingFragment(), [
+            createSequenceWithChild({
+                child: rootNode,
+                sequenceLocalName: ensureSequenceImport(ast),
+            }),
+            element,
+        ]);
+        let replaced = false;
+        recast.types.visit(ast, {
+            visitJSXElement(astPath) {
+                if (astPath.node === rootNode) {
+                    astPath.replace(fragment);
+                    replaced = true;
+                    return false;
+                }
+                this.traverse(astPath);
+            },
+        });
+        if (!replaced) {
+            throw new Error('Could not replace composition component root');
+        }
+        return (_c = (_a = rootNode.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _c !== void 0 ? _c : 1;
+    }
     if (!rootNode.children) {
         throw new Error('Composition component root does not accept children');
     }
     rootNode.children.push(element);
-    return (_b = (_a = rootNode.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _b !== void 0 ? _b : 1;
+    return (_d = (_b = rootNode.loc) === null || _b === void 0 ? void 0 : _b.start.line) !== null && _d !== void 0 ? _d : 1;
 };
 const getDefaultExportDeclaration = (ast) => {
     let declaration = null;

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

@@ -40,6 +40,9 @@ const getCodemodLogMessage = (codemod) => {
     if (codemod.type === 'rename-composition') {
         return `Renamed composition "${codemod.idToRename}" to "${codemod.newId}"`;
     }
+    if (codemod.type === 'update-composition-metadata') {
+        return `Updated metadata of composition "${codemod.idToUpdate}"`;
+    }
     if (codemod.type === 'delete-composition') {
         return `Deleted composition "${codemod.idToDelete}"`;
     }
@@ -84,6 +87,14 @@ const getCodemodUndoDescription = (codemod) => {
             entryType: codemod.type,
         };
     }
+    if (codemod.type === 'update-composition-metadata') {
+        const label = `metadata of composition "${codemod.idToUpdate}"`;
+        return {
+            undoMessage: `↩️  Update of ${label}`,
+            redoMessage: `↪️  Update of ${label}`,
+            entryType: codemod.type,
+        };
+    }
     if (codemod.type === 'duplicate-composition') {
         const label = `composition "${codemod.idToDuplicate}" to "${codemod.newId}"`;
         return {

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

@@ -23,28 +23,31 @@ export declare const hasJsxChildrenAttribute: (jsxElement: JSXOpeningElement) =>
 export declare const getStaticJsxTextContent: (jsxElement: JSXElement) => StaticJsxTextContent | null;
 export declare const findNodePathForJsxElement: (ast: File, target: JSXOpeningElement) => SequenceNodePath | null;
 export declare const lineColumnToNodePath: (ast: File, targetLine: number) => SequenceNodePath | null;
-export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, componentIdentity, keys, effects, videoConfigValues, }: {
+export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, componentIdentity, keys, assetKeys, effects, videoConfigValues, }: {
     fileContents: string;
     nodePath: SequenceNodePath;
     componentIdentity: string | null;
     keys: string[];
+    assetKeys?: string[] | undefined;
     effects: string[][];
     videoConfigValues: VideoConfigValues | null;
 }) => CanUpdateSequencePropsResponseTrue;
-export declare const computeSequencePropsStatus: ({ fileName, nodePath, componentIdentity, keys, effects, remotionRoot, videoConfigValues, }: {
+export declare const computeSequencePropsStatus: ({ fileName, nodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, videoConfigValues, }: {
     fileName: string;
     nodePath: SequenceNodePath;
     componentIdentity: string | null;
     keys: string[];
+    assetKeys?: string[] | undefined;
     effects: string[][];
     remotionRoot: string;
     videoConfigValues: VideoConfigValues | null;
 }) => CanUpdateSequencePropsResponseTrue;
-export declare const computeSequencePropsStatusFromFilenameByLine: ({ fileName, line, componentIdentity, keys, effects, remotionRoot, logLevel, videoConfigValues, }: {
+export declare const computeSequencePropsStatusFromFilenameByLine: ({ fileName, line, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }: {
     fileName: string;
     line: number;
     componentIdentity: string | null;
     keys: string[];
+    assetKeys?: string[] | undefined;
     effects: string[][];
     remotionRoot: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";

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

@@ -480,7 +480,7 @@ const getComputedStatus = (node, ast, videoConfigValues) => {
     };
 };
 exports.getComputedStatus = getComputedStatus;
-const getPropsStatus = (jsxElement, ast, videoConfigValues) => {
+const getPropsStatus = (jsxElement, ast, videoConfigValues, assetKeys) => {
     const props = {};
     for (const attr of jsxElement.attributes) {
         if (attr.type === 'JSXSpreadAttribute') {
@@ -504,11 +504,14 @@ const getPropsStatus = (jsxElement, ast, videoConfigValues) => {
         }
         if (value.type === 'JSXExpressionContainer') {
             const { expression } = value;
+            const staticValueOptions = {
+                allowSpecialValues: assetKeys.includes(name),
+            };
             if (expression.type === 'JSXEmptyExpression') {
                 props[name] = computedStatus();
                 continue;
             }
-            if (!(0, exports.isStaticValue)(expression)) {
+            if (!(0, exports.isStaticValue)(expression, staticValueOptions)) {
                 const numericExpression = (0, video_config_numeric_expression_1.parseVideoConfigNumericExpression)({
                     node: expression,
                     videoConfigValues,
@@ -518,7 +521,7 @@ const getPropsStatus = (jsxElement, ast, videoConfigValues) => {
                     : (0, exports.getComputedStatus)(expression, ast, videoConfigValues);
                 continue;
             }
-            props[name] = staticStatus((0, exports.extractStaticValue)(expression), null);
+            props[name] = staticStatus((0, exports.extractStaticValue)(expression, staticValueOptions), null);
             continue;
         }
         props[name] = computedStatus();
@@ -666,7 +669,7 @@ const validateStyleValue = (childKey, value) => {
     }
     return true;
 };
-const getNestedPropStatus = ({ jsxElement, ast, parentKey, childKey, videoConfigValues, }) => {
+const getNestedPropStatus = ({ jsxElement, ast, parentKey, childKey, videoConfigValues, allowSpecialValues, }) => {
     const attr = jsxElement.attributes.find((a) => a.type !== 'JSXSpreadAttribute' &&
         a.name.type !== 'JSXNamespacedName' &&
         a.name.name === parentKey);
@@ -692,7 +695,8 @@ const getNestedPropStatus = ({ jsxElement, ast, parentKey, childKey, videoConfig
         return staticStatus(undefined, null);
     }
     const propValue = prop.value;
-    if (!(0, exports.isStaticValue)(propValue)) {
+    const staticValueOptions = { allowSpecialValues };
+    if (!(0, exports.isStaticValue)(propValue, staticValueOptions)) {
         const numericExpression = (0, video_config_numeric_expression_1.parseVideoConfigNumericExpression)({
             node: propValue,
             videoConfigValues,
@@ -701,7 +705,7 @@ const getNestedPropStatus = ({ jsxElement, ast, parentKey, childKey, videoConfig
             ? staticStatus(numericExpression.value, numericExpression)
             : (0, exports.getComputedStatus)(propValue, ast, videoConfigValues);
     }
-    const propStatus = (0, exports.extractStaticValue)(propValue);
+    const propStatus = (0, exports.extractStaticValue)(propValue, staticValueOptions);
     if (!validateStyleValue(childKey, propStatus)) {
         return computedStatus();
     }
@@ -716,8 +720,8 @@ const computeEffectsForJsx = ({ ast, jsxElement, effects, videoConfigValues, })
         videoConfigValues,
     }));
 };
-const computeSequenceOnlyPropsRecord = ({ jsxElement, jsxElementNode, ast, keys, videoConfigValues, }) => {
-    const allProps = getPropsStatus(jsxElement, ast, videoConfigValues);
+const computeSequenceOnlyPropsRecord = ({ jsxElement, jsxElementNode, ast, keys, assetKeys, videoConfigValues, }) => {
+    const allProps = getPropsStatus(jsxElement, ast, videoConfigValues, assetKeys);
     const filteredProps = {};
     for (const key of keys) {
         if (key === 'children') {
@@ -744,6 +748,7 @@ const computeSequenceOnlyPropsRecord = ({ jsxElement, jsxElementNode, ast, keys,
                 parentKey: key.slice(0, dotIndex),
                 childKey: key.slice(dotIndex + 1),
                 videoConfigValues,
+                allowSpecialValues: assetKeys.includes(key),
             });
         }
         else if (key in allProps) {
@@ -755,7 +760,7 @@ const computeSequenceOnlyPropsRecord = ({ jsxElement, jsxElementNode, ast, keys,
     }
     return filteredProps;
 };
-const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, componentIdentity, keys, effects, videoConfigValues, }) => {
+const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, componentIdentity, keys, assetKeys = [], effects, videoConfigValues, }) => {
     var _a;
     const ast = (0, parse_ast_1.parseAst)(fileContents);
     const videoConfigIdentifierValues = (0, video_config_values_1.getVideoConfigIdentifierValues)({
@@ -778,6 +783,7 @@ const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, compone
         jsxElementNode,
         ast,
         keys,
+        assetKeys,
         videoConfigValues: videoConfigIdentifierValues,
     });
     const effectsStatuses = computeEffectsForJsx({
@@ -793,7 +799,7 @@ const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, compone
     };
 };
 exports.computeSequencePropsStatusFromContent = computeSequencePropsStatusFromContent;
-const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, keys, effects, remotionRoot, videoConfigValues, }) => {
+const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, keys, assetKeys = [], effects, remotionRoot, videoConfigValues, }) => {
     const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
         remotionRoot,
         fileName,
@@ -805,12 +811,13 @@ const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, key
         nodePath,
         componentIdentity,
         keys,
+        assetKeys,
         effects,
         videoConfigValues,
     });
 };
 exports.computeSequencePropsStatus = computeSequencePropsStatus;
-const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, componentIdentity, keys, effects, remotionRoot, logLevel, videoConfigValues, }) => {
+const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, componentIdentity, keys, assetKeys = [], effects, remotionRoot, logLevel, videoConfigValues, }) => {
     try {
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
@@ -835,6 +842,7 @@ const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, componen
                 nodePath: resolvedNodePath,
                 componentIdentity,
                 keys,
+                assetKeys,
                 effects,
                 remotionRoot,
                 videoConfigValues,

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

@@ -331,6 +331,7 @@ const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceK
         const newStatus = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
             fileContents: output,
             keys: (0, studio_shared_1.getAllSchemaKeys)(edit.schema),
+            assetKeys: (0, studio_shared_1.getAssetSchemaKeys)(edit.schema),
             nodePath: edit.nodePath.nodePath,
             componentIdentity: null,
             effects: [],

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.subscribeToSequenceProps = void 0;
 const sequence_props_watchers_1 = require("../sequence-props-watchers");
-const subscribeToSequenceProps = ({ input: { fileName, line, column, nodePath, componentIdentity, keys, effects, clientId, videoConfigValues, }, remotionRoot, logLevel, }) => {
+const subscribeToSequenceProps = ({ input: { fileName, line, column, nodePath, componentIdentity, keys, assetKeys = [], effects, clientId, videoConfigValues, }, remotionRoot, logLevel, }) => {
     const result = (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
         fileName,
         line,
@@ -10,6 +10,7 @@ const subscribeToSequenceProps = ({ input: { fileName, line, column, nodePath, c
         nodePath,
         componentIdentity,
         keys,
+        assetKeys,
         effects,
         remotionRoot,
         clientId,

package/dist/preview-server/routes/unsubscribe-from-sequence-props.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.unsubscribeFromSequenceProps = void 0;
 const sequence_props_watchers_1 = require("../sequence-props-watchers");
-const unsubscribeFromSequenceProps = ({ input: { fileName, nodePath, clientId, sequenceKeys, effectKeys }, remotionRoot, }) => {
+const unsubscribeFromSequenceProps = ({ input: { fileName, nodePath, clientId, sequenceKeys, assetKeys = [], effectKeys, }, remotionRoot, }) => {
     (0, sequence_props_watchers_1.unsubscribeFromSequencePropsWatchers)({
         fileName,
         nodePath: nodePath.nodePath,
         remotionRoot,
         clientId,
         sequenceKeys,
+        assetKeys,
         effectKeys,
         videoConfigValues: nodePath.videoConfigValues,
     });

package/dist/preview-server/sequence-props-watchers.d.ts

@@ -1,24 +1,26 @@
 import { type SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
 import type { SequenceNodePath, VideoConfigValues } from 'remotion';
-export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }: {
+export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }: {
     fileName: string;
     line: number;
     column: number;
     nodePath: SequenceNodePath | null;
     componentIdentity: string | null;
     keys: string[];
+    assetKeys: string[];
     effects: string[][];
     remotionRoot: string;
     clientId: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     videoConfigValues: VideoConfigValues;
 }) => SubscribeToSequencePropsResponse;
-export declare const unsubscribeFromSequencePropsWatchers: ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, effectKeys, videoConfigValues, }: {
+export declare const unsubscribeFromSequencePropsWatchers: ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, assetKeys, effectKeys, videoConfigValues, }: {
     fileName: string;
     nodePath: SequenceNodePath;
     remotionRoot: string;
     clientId: string;
     sequenceKeys: string[];
+    assetKeys: string[];
     effectKeys: string[][];
     videoConfigValues: VideoConfigValues | null;
 }) => void;

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

@@ -14,8 +14,8 @@ 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");
 const sequencePropsWatchers = {};
-const getWatcherKey = (nodePath) => `${(0, studio_shared_1.stringifySequenceSubscriptionKey)(nodePath)}:${JSON.stringify(nodePath.videoConfigValues)}`;
-const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, componentIdentity, keys, effects, remotionRoot, logLevel, videoConfigValues, }) => {
+const getWatcherKey = (nodePath, assetKeys) => `${(0, studio_shared_1.stringifySequenceSubscriptionKey)(nodePath)}:${assetKeys.join('\0')}:${JSON.stringify(nodePath.videoConfigValues)}`;
+const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }) => {
     if (preferredNodePath) {
         try {
             const fromNodePath = (0, can_update_sequence_props_1.computeSequencePropsStatus)({
@@ -23,6 +23,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
                 nodePath: preferredNodePath,
                 componentIdentity,
                 keys,
+                assetKeys,
                 effects,
                 remotionRoot,
                 videoConfigValues,
@@ -56,6 +57,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
                     nodePath: cachedNodePath,
                     componentIdentity,
                     keys,
+                    assetKeys,
                     effects,
                     remotionRoot,
                     videoConfigValues,
@@ -88,6 +90,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
         line,
         componentIdentity,
         keys,
+        assetKeys,
         effects,
         remotionRoot,
         logLevel,
@@ -95,7 +98,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
     });
     return status;
 };
-const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }) => {
+const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }) => {
     var _a;
     const initialResult = getSequencePropsStatus({
         fileName,
@@ -104,6 +107,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
         preferredNodePath,
         componentIdentity,
         keys,
+        assetKeys,
         effects,
         remotionRoot,
         logLevel,
@@ -116,7 +120,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
     // Cache the resolved nodePath for future lookups with stale source maps
     (0, node_path_cache_1.setCachedNodePath)(fileName, line, column, initialResult.nodePath.nodePath);
     const { nodePath } = initialResult;
-    const watcherKey = getWatcherKey(nodePath);
+    const watcherKey = getWatcherKey(nodePath, assetKeys);
     // If a watcher already exists for this key, just bump the ref count
     if ((_a = sequencePropsWatchers[clientId]) === null || _a === void 0 ? void 0 : _a[watcherKey]) {
         sequencePropsWatchers[clientId][watcherKey].refCount++;
@@ -138,6 +142,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
                     nodePath: nodePath.nodePath,
                     componentIdentity,
                     keys,
+                    assetKeys,
                     effects,
                     videoConfigValues,
                 });
@@ -181,7 +186,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
     return initialResult;
 };
 exports.subscribeToSequencePropsWatchers = subscribeToSequencePropsWatchers;
-const unsubscribeFromSequencePropsWatchers = ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, effectKeys, videoConfigValues, }) => {
+const unsubscribeFromSequencePropsWatchers = ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, assetKeys, effectKeys, videoConfigValues, }) => {
     const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
     const watcherKey = getWatcherKey({
         absolutePath,
@@ -189,7 +194,7 @@ const unsubscribeFromSequencePropsWatchers = ({ fileName, nodePath, remotionRoot
         sequenceKeys,
         effectKeys,
         videoConfigValues,
-    });
+    }, assetKeys);
     if (!sequencePropsWatchers[clientId] ||
         !sequencePropsWatchers[clientId][watcherKey]) {
         return;

package/dist/preview-server/undo-stack.d.ts

@@ -3,7 +3,7 @@ export interface UndoEntryDescription {
     undoMessage: string;
     redoMessage: string;
 }
-type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-add' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'duplicate-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'split-jsx-sequence' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
+type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-add' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'duplicate-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'split-jsx-sequence' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'update-composition-metadata' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
 type UndoEntrySnapshot = {
     filePath: string;
     oldContents: string | null;
@@ -55,6 +55,8 @@ type UndoEntry = {
     entryType: 'delete-composition';
 } | {
     entryType: 'rename-composition';
+} | {
+    entryType: 'update-composition-metadata';
 } | {
     entryType: 'new-composition';
 } | {

package/dist/routes.js

@@ -278,6 +278,7 @@ const handleFallback = async ({ remotionRoot, hash, response, request, getCurren
         title: 'Remotion Studio',
         renderDefaults: getRenderDefaults(),
         publicFolderExists: (0, node_fs_1.existsSync)(publicDir) ? publicDir : null,
+        fileSystemPlatform: process.platform,
         gitSource,
         projectName: (0, studio_shared_1.getProjectName)({
             basename: node_path_1.default.basename,

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.491",
+	"version": "4.0.493",
 	"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.491",
+		"remotion": "4.0.493",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.491",
-		"@remotion/renderer": "4.0.491",
-		"@remotion/studio-shared": "4.0.491",
+		"@remotion/bundler": "4.0.493",
+		"@remotion/renderer": "4.0.493",
+		"@remotion/studio-shared": "4.0.493",
 		"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.491",
+		"@remotion/eslint-config-internal": "4.0.493",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"