@remotion/studio-server 4.0.491 → 4.0.492

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