@remotion/studio-server 4.0.533 → 4.0.535

package/dist/helpers/running-processes.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRunningProcesses = exports.isAppRunning = void 0;
+const node_child_process_1 = require("node:child_process");
+const node_util_1 = require("node:util");
+const execFilePromise = (0, node_util_1.promisify)(node_child_process_1.execFile);
+let processSnapshot = null;
+const isAppRunning = ({ processes, executablePath, commands, platform, }) => {
+    if (platform === 'darwin') {
+        const applicationPath = executablePath.split('/Contents/')[0];
+        if (applicationPath.endsWith('.app')) {
+            return processes.some(({ executable }) => executable === null || executable === void 0 ? void 0 : executable.startsWith(`${applicationPath}/Contents/MacOS/`));
+        }
+    }
+    const escapedCommands = commands.map((command) => command.replace(/\.(exe|cmd)$/i, '').replace(/[.*+?^${}()|[\]\\]/g, '\\$&'));
+    const escapedPath = executablePath.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    const executablePattern = new RegExp(`^"?(?:${escapedPath}|(?:[^"\\s]*[/\\\\])?(?:${escapedCommands.join('|')})(?:\\.(?:exe|cmd|js))?)"?(?=\\s|$)`, platform === 'win32' ? 'i' : '');
+    return processes.some(({ executable, commandLine }) => {
+        // Windows terminal launches put the app after the command interpreter.
+        const withoutCmd = (commandLine !== null && commandLine !== void 0 ? commandLine : '').replace(/^(?:"[^"\r\n]*[/\\]cmd(?:\.exe)?"|(?:[^\s"]*[/\\])?cmd(?:\.exe)?)\s+\/[ck]\s+/i, '');
+        // Node-based CLIs put the script after the interpreter path.
+        const withoutNode = withoutCmd.replace(/^(?:"[^"\r\n]*[/\\]node(?:\.exe)?"|(?:[^\s"]*[/\\])?node(?:\.exe)?)\s+/i, '');
+        return (executablePattern.test(executable !== null && executable !== void 0 ? executable : '') ||
+            executablePattern.test(withoutNode));
+    });
+};
+exports.isAppRunning = isAppRunning;
+const getRunningProcesses = () => {
+    if (processSnapshot !== null && processSnapshot.expiresAt > Date.now()) {
+        return processSnapshot.promise;
+    }
+    const snapshot = {
+        expiresAt: Infinity,
+        promise: (async () => {
+            try {
+                if (process.platform === 'win32') {
+                    const { stdout } = await execFilePromise('powershell.exe', [
+                        '-NoProfile',
+                        '-NonInteractive',
+                        '-Command',
+                        'ConvertTo-Json -Compress -InputObject @(Get-CimInstance Win32_Process | Select-Object ExecutablePath, CommandLine)',
+                    ], { timeout: 5000 });
+                    const processes = JSON.parse(stdout);
+                    return processes.map(({ ExecutablePath, CommandLine }) => ({
+                        executable: ExecutablePath,
+                        commandLine: CommandLine,
+                    }));
+                }
+                if (process.platform === 'darwin') {
+                    const { stdout } = await execFilePromise('ps', ['-ax', '-o', 'comm='], {
+                        timeout: 5000,
+                    });
+                    return stdout
+                        .split('\n')
+                        .filter(Boolean)
+                        .map((line) => ({
+                        executable: line.trim(),
+                        commandLine: null,
+                    }));
+                }
+                if (process.platform === 'linux') {
+                    // Use a fixed-width name column to preserve spaces in both fields.
+                    const executableWidth = 64;
+                    const { stdout } = await execFilePromise('ps', ['-e', '-ww', '-o', `comm:${executableWidth}=`, '-o', 'args='], { timeout: 5000 });
+                    return stdout
+                        .split('\n')
+                        .filter(Boolean)
+                        .map((line) => ({
+                        executable: line.slice(0, executableWidth).trim(),
+                        commandLine: line.slice(executableWidth).trim(),
+                    }));
+                }
+            }
+            catch (_a) {
+                return null;
+            }
+            return null;
+        })(),
+    };
+    processSnapshot = snapshot;
+    // Share the in-flight query and its result across nearby editor and agent
+    // requests, but refresh it when Studio is revisited later.
+    snapshot.promise.then(() => {
+        snapshot.expiresAt = Date.now() + 1000;
+    });
+    return snapshot.promise;
+};
+exports.getRunningProcesses = getRunningProcesses;

package/dist/helpers/video-config-numeric-expression.js

@@ -35,6 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateVideoConfigNumericExpression = exports.parseVideoConfigNumericExpression = void 0;
 const recast = __importStar(require("recast"));
+const no_react_1 = require("remotion/no-react");
 const b = recast.types.builders;
 const getNumericLiteral = (node) => {
     if (node.type === 'NumericLiteral') {
@@ -61,11 +62,13 @@ const getVideoConfigValue = ({ node, videoConfigValues, }) => {
     if (node.type !== 'Identifier') {
         return null;
     }
-    const value = videoConfigValues[node.name];
-    if (value === undefined || !Number.isFinite(value)) {
+    const binding = videoConfigValues instanceof Map
+        ? videoConfigValues.get(node)
+        : videoConfigValues[node.name];
+    if (binding === undefined) {
         return null;
     }
-    return { identifier: node.name, value };
+    return { identifier: node.name, binding };
 };
 const parseVideoConfigNumericExpression = ({ node, videoConfigValues, }) => {
     if (node.type === 'TSAsExpression') {
@@ -96,16 +99,11 @@ const parseVideoConfigNumericExpression = ({ node, videoConfigValues, }) => {
         if (minuend === null || subtrahend === null) {
             return null;
         }
-        const resolvedValue = minuend.value - subtrahend;
-        if (!Number.isFinite(resolvedValue)) {
-            return null;
-        }
         return {
             type: 'video-config-subtraction',
             identifier: minuend.identifier,
-            minuend: minuend.value,
+            binding: minuend.binding,
             subtrahend,
-            value: resolvedValue,
         };
     }
     if (node.operator !== '*') {
@@ -131,17 +129,12 @@ const parseVideoConfigNumericExpression = ({ node, videoConfigValues, }) => {
     }
     const multiplier = factorPosition === 'left' ? leftNumber : rightNumber;
     const configValue = factorPosition === 'left' ? rightVideoConfig : leftVideoConfig;
-    const value = multiplier * configValue.value;
-    if (!Number.isFinite(value)) {
-        return null;
-    }
     return {
         type: 'video-config-multiplication',
         identifier: configValue.identifier,
         multiplier,
-        multiplicand: configValue.value,
+        binding: configValue.binding,
         factorPosition,
-        value,
     };
 };
 exports.parseVideoConfigNumericExpression = parseVideoConfigNumericExpression;
@@ -156,13 +149,21 @@ const updateVideoConfigNumericExpression = ({ expression, value, }) => {
         return numericExpression(value);
     }
     if (expression.type === 'video-config-value') {
-        return value === expression.value
+        return value ===
+            no_react_1.NoReactInternals.evaluateSourceNumericValue(expression, null)
             ? b.identifier(expression.identifier)
             : numericExpression(value);
     }
     if (expression.type === 'video-config-subtraction') {
-        const subtrahend = expression.minuend - value;
-        if (!Number.isFinite(subtrahend)) {
+        const subtrahend = (expression.binding.type === 'constant'
+            ? expression.binding.value
+            : NaN) - value;
+        if (!Number.isFinite(subtrahend) ||
+            (expression.binding.type === 'constant'
+                ? expression.binding.value
+                : NaN) -
+                subtrahend !==
+                value) {
             return numericExpression(value);
         }
         return b.binaryExpression('-', b.identifier(expression.identifier), numericExpression(subtrahend));
@@ -170,8 +171,16 @@ const updateVideoConfigNumericExpression = ({ expression, value, }) => {
     if (expression.type !== 'video-config-multiplication' || value === 0) {
         return numericExpression(value);
     }
-    const multiplier = value / expression.multiplicand;
-    if (!Number.isFinite(multiplier) || multiplier === 0) {
+    const multiplier = value /
+        (expression.binding.type === 'constant' ? expression.binding.value : NaN);
+    // Preserve the expression only if evaluating it reproduces the requested value.
+    if (!Number.isFinite(multiplier) ||
+        multiplier === 0 ||
+        multiplier *
+            (expression.binding.type === 'constant'
+                ? expression.binding.value
+                : NaN) !==
+            value) {
         return numericExpression(value);
     }
     const factor = numericExpression(multiplier);

package/dist/helpers/video-config-values.d.ts

@@ -1,6 +1,9 @@
-import type { File } from '@babel/types';
-import type { VideoConfigValues } from 'remotion';
-export type VideoConfigIdentifierValues = Record<string, number>;
+import type { File, Identifier } from '@babel/types';
+import type { VideoConfigNumericBinding, VideoConfigValues } from 'remotion';
+export type VideoConfigIdentifierValues = Map<Identifier, VideoConfigNumericBinding> | Record<string, VideoConfigNumericBinding>;
+export declare const getVideoConfigIdentifiers: ({ ast, }: {
+    ast: File;
+}) => Map<Identifier, VideoConfigNumericBinding>;
 export declare const getVideoConfigIdentifierValues: ({ ast, videoConfigValues, }: {
     ast: File;
     videoConfigValues: VideoConfigValues | null;

package/dist/helpers/video-config-values.js

@@ -33,24 +33,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVideoConfigIdentifierValues = void 0;
+exports.getVideoConfigIdentifierValues = exports.getVideoConfigIdentifiers = void 0;
 const recast = __importStar(require("recast"));
-const getVideoConfigIdentifierValues = ({ ast, videoConfigValues, }) => {
+const getVideoConfigIdentifiers = ({ ast, }) => {
     const candidates = new Map();
-    const otherDeclarations = new Set();
-    const addCandidate = (identifier, value) => {
-        if (candidates.has(identifier) || otherDeclarations.has(identifier)) {
-            candidates.delete(identifier);
-            otherDeclarations.add(identifier);
-            return;
-        }
-        candidates.set(identifier, value);
-    };
     recast.types.visit(ast, {
         visitVariableDeclarator(path) {
             const { id, init } = path.node;
-            const isVideoConfigDeclaration = videoConfigValues !== null &&
-                id.type === 'ObjectPattern' &&
+            const isVideoConfigDeclaration = id.type === 'ObjectPattern' &&
                 (init === null || init === void 0 ? void 0 : init.type) === 'CallExpression' &&
                 init.callee.type === 'Identifier' &&
                 init.callee.name === 'useVideoConfig' &&
@@ -67,13 +57,16 @@ const getVideoConfigIdentifierValues = ({ ast, videoConfigValues, }) => {
                         : property.key.type === 'StringLiteral'
                             ? property.key.value
                             : null;
-                    if (configKey === null || !(configKey in videoConfigValues)) {
+                    if (configKey !== 'durationInFrames' &&
+                        configKey !== 'fps' &&
+                        configKey !== 'width' &&
+                        configKey !== 'height') {
                         continue;
                     }
-                    const value = videoConfigValues[configKey];
-                    if (Number.isFinite(value)) {
-                        addCandidate(property.value.name, value);
-                    }
+                    candidates.set(property.value, {
+                        type: 'video-config',
+                        field: configKey,
+                    });
                 }
             }
             else if (id.type === 'Identifier') {
@@ -85,19 +78,42 @@ const getVideoConfigIdentifierValues = ({ ast, videoConfigValues, }) => {
                     ? init.value
                     : null;
                 if (numericConstant !== null) {
-                    addCandidate(id.name, numericConstant);
+                    candidates.set(id, {
+                        type: 'constant',
+                        value: numericConstant,
+                    });
                 }
-                else {
-                    candidates.delete(id.name);
-                    otherDeclarations.add(id.name);
+            }
+            this.traverse(path);
+        },
+    });
+    // Resolve each reference to its declaration. Components may independently
+    // declare the same name, while parameters and other shadowing stay computed.
+    const bindings = new Map();
+    recast.types.visit(ast, {
+        visitIdentifier(path) {
+            var _a;
+            var _b;
+            const declarations = (_b = (_a = path.scope.lookup(path.node.name)) === null || _a === void 0 ? void 0 : _a.getBindings()[path.node.name]) !== null && _b !== void 0 ? _b : [];
+            if (declarations.length === 1) {
+                const binding = candidates.get(declarations[0].node);
+                if (binding !== undefined) {
+                    bindings.set(path.node, binding);
                 }
             }
             this.traverse(path);
         },
     });
-    for (const identifier of otherDeclarations) {
-        candidates.delete(identifier);
-    }
-    return Object.fromEntries(candidates);
+    return bindings;
 };
+exports.getVideoConfigIdentifiers = getVideoConfigIdentifiers;
+// Editing uses the current instance's configuration supplied with the mutation.
+const getVideoConfigIdentifierValues = ({ ast, videoConfigValues, }) => new Map([...(0, exports.getVideoConfigIdentifiers)({ ast })].flatMap(([identifier, binding]) => {
+    if (binding.type === 'constant')
+        return [[identifier, binding]];
+    const value = videoConfigValues === null || videoConfigValues === void 0 ? void 0 : videoConfigValues[binding.field];
+    return value === undefined || !Number.isFinite(value)
+        ? []
+        : [[identifier, { type: 'constant', value }]];
+}));
 exports.getVideoConfigIdentifierValues = getVideoConfigIdentifierValues;

package/dist/preview-server/api-routes.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.allApiRoutes = void 0;
+const open_in_app_1 = require("../helpers/open-in-app");
 const add_composition_1 = require("./routes/add-composition");
 const add_effect_1 = require("./routes/add-effect");
 const add_effect_keyframe_1 = require("./routes/add-effect-keyframe");
@@ -8,14 +9,13 @@ const add_folder_1 = require("./routes/add-folder");
 const add_keyframes_1 = require("./routes/add-keyframes");
 const add_render_1 = require("./routes/add-render");
 const add_sequence_keyframe_1 = require("./routes/add-sequence-keyframe");
+const app_info_1 = require("./routes/app-info");
 const apply_visual_control_change_1 = require("./routes/apply-visual-control-change");
 const batch_update_keyframe_settings_1 = require("./routes/batch-update-keyframe-settings");
 const cancel_render_1 = require("./routes/cancel-render");
 const composition_component_info_1 = require("./routes/composition-component-info");
 const convert_figma_clipboard_to_svg_1 = require("./routes/convert-figma-clipboard-to-svg");
 const copy_render_output_to_asset_1 = require("./routes/copy-render-output-to-asset");
-const default_coding_agent_1 = require("./routes/default-coding-agent");
-const default_editor_1 = require("./routes/default-editor");
 const delete_composition_1 = require("./routes/delete-composition");
 const delete_effect_1 = require("./routes/delete-effect");
 const delete_keyframes_1 = require("./routes/delete-keyframes");
@@ -58,6 +58,7 @@ const restart_studio_1 = require("./routes/restart-studio");
 const save_effect_props_1 = require("./routes/save-effect-props");
 const save_multiple_effect_props_1 = require("./routes/save-multiple-effect-props");
 const save_sequence_props_1 = require("./routes/save-sequence-props");
+const shared_memory_capture_support_1 = require("./routes/shared-memory-capture-support");
 const shutdown_studio_1 = require("./routes/shutdown-studio");
 const split_sequences_1 = require("./routes/split-sequences");
 const split_video_from_audio_1 = require("./routes/split-video-from-audio");
@@ -79,6 +80,7 @@ const update_sequence_keyframe_settings_1 = require("./routes/update-sequence-ke
 const upgrade_remotion_1 = require("./routes/upgrade-remotion");
 const wrap_node_1 = require("./routes/wrap-node");
 exports.allApiRoutes = {
+    '/api/shared-memory-capture-support': shared_memory_capture_support_1.sharedMemoryCaptureSupportHandler,
     '/api/invalidate-bundle': invalidate_bundle_1.invalidateBundleHandler,
     '/api/composition-component-info': composition_component_info_1.compositionComponentInfoHandler,
     '/api/copy-render-output-to-asset': copy_render_output_to_asset_1.copyRenderOutputToAssetHandler,
@@ -93,7 +95,7 @@ exports.allApiRoutes = {
     '/api/open-in-terminal': open_in_terminal_1.openInTerminalHandler,
     '/api/open-in-git-client': open_in_git_client_1.openInGitClientHandler,
     '/api/open-in-editor': open_in_editor_1.openInEditorHandler,
-    '/api/open-in-coding-agent': default_coding_agent_1.openInCodingAgentHandler,
+    '/api/open-in-coding-agent': open_in_app_1.openInCodingAgent,
     '/api/register-client-render': register_client_render_1.registerClientRenderHandler,
     '/api/unregister-client-render': unregister_client_render_1.unregisterClientRenderHandler,
     '/api/update-default-props': update_default_props_1.updateDefaultPropsHandler,
@@ -142,14 +144,15 @@ exports.allApiRoutes = {
     '/api/remotion-skills-info': remotion_skills_info_1.remotionSkillsInfoHandler,
     '/api/install-remotion-skill': install_remotion_skill_1.installRemotionSkillHandler,
     '/api/remove-remotion-skill': install_remotion_skill_1.removeRemotionSkillHandler,
+    '/api/upgrade-remotion-skill': install_remotion_skill_1.upgradeRemotionSkillHandler,
+    '/api/open-remotion-skill': remotion_skills_info_1.openRemotionSkillHandler,
     '/api/project-info': project_info_1.projectInfoHandler,
     '/api/delete-static-file': delete_static_file_1.deleteStaticFileHandler,
     '/api/rename-static-file': rename_static_file_1.renameStaticFileHandler,
     '/api/upgrade-remotion': upgrade_remotion_1.handleUpgradeRemotion,
     '/api/shutdown-studio': shutdown_studio_1.handleShutdownStudio,
     '/api/restart-studio': restart_studio_1.handleRestartStudio,
-    '/api/default-coding-agent-info': default_coding_agent_1.getDefaultCodingAgentInfoHandler,
-    '/api/default-editor-info': default_editor_1.getDefaultEditorInfoHandler,
+    '/api/app-info': app_info_1.appInfoHandler,
     '/api/insert-composition-element': insert_composition_element_1.insertCompositionElementHandler,
     '/api/insert-element': insert_element_1.insertElementHandler,
     '/api/prepare-element-install': prepare_element_install_1.prepareElementInstallHandler,

package/dist/preview-server/live-events.d.ts

@@ -7,6 +7,7 @@ export type LiveEventsServer = {
     closeConnections: () => Promise<void>;
     addNewClientListener: (cb: () => void) => () => void;
 };
+export declare const subscribeToConfigChanges: (onChange: () => void) => () => void;
 export declare const clearPrintPortMessageTimeout: () => void;
 export type InitialUndoRedoState = {
     undoFile: string | null;

package/dist/preview-server/live-events.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setLiveEventsListener = exports.getLiveEventsListener = exports.waitForLiveEventsListener = exports.makeLiveEventsRouter = exports.clearPrintPortMessageTimeout = void 0;
+exports.setLiveEventsListener = exports.getLiveEventsListener = exports.waitForLiveEventsListener = exports.makeLiveEventsRouter = exports.clearPrintPortMessageTimeout = exports.subscribeToConfigChanges = void 0;
 const server_ready_1 = require("../server-ready");
 const default_props_watchers_1 = require("./default-props-watchers");
 const file_existence_watchers_1 = require("./file-existence-watchers");
@@ -9,6 +9,14 @@ const serializeMessage = (message) => {
     return `data: ${JSON.stringify(message)}\n\n`;
 };
 let printPortMessageTimeout = null;
+const configChangeListeners = new Set();
+const subscribeToConfigChanges = (onChange) => {
+    configChangeListeners.add(onChange);
+    return () => {
+        configChangeListeners.delete(onChange);
+    };
+};
+exports.subscribeToConfigChanges = subscribeToConfigChanges;
 const clearPrintPortMessageTimeout = () => {
     if (printPortMessageTimeout) {
         clearTimeout(printPortMessageTimeout);
@@ -57,6 +65,9 @@ const makeLiveEventsRouter = (logLevel, getInitialUndoRedoState) => {
         return Promise.resolve();
     };
     const sendEventToClient = (event) => {
+        if (event.type === 'config-file-changed') {
+            configChangeListeners.forEach((listener) => listener());
+        }
         clients.forEach((client) => {
             client.response.write(serializeMessage(event));
         });

package/dist/preview-server/routes/add-sequence-keyframe.js

@@ -83,7 +83,6 @@ const addSequenceKeyframeHandler = ({ input: { fileName, nodePath, key, frame, v
         nodePath: updatedNodePath,
         componentIdentity: null,
         effects: [],
-        videoConfigValues: nodePath.videoConfigValues,
     });
     const updatedSubscriptionKey = { ...nodePath, nodePath: updatedNodePath };
     return {

package/dist/preview-server/routes/app-info.d.ts

@@ -0,0 +1,3 @@
+import type { GetAppInfoRequest, GetAppInfoResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const appInfoHandler: ApiHandler<GetAppInfoRequest, GetAppInfoResponse>;

package/dist/preview-server/routes/app-info.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appInfoHandler = void 0;
+const default_coding_agent_1 = require("./default-coding-agent");
+const default_editor_1 = require("./default-editor");
+const appInfoHandler = async (params) => {
+    const [editorInfo, codingAgentInfo] = await Promise.all([
+        (0, default_editor_1.getDefaultEditorInfoHandler)({ ...params, input: params.input.editor }),
+        (0, default_coding_agent_1.getDefaultCodingAgentInfoHandler)({
+            ...params,
+            input: params.input.codingAgent,
+        }),
+    ]);
+    return { editorInfo, codingAgentInfo };
+};
+exports.appInfoHandler = appInfoHandler;

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

@@ -1,5 +1,5 @@
 import type { File, JSXOpeningElement } from '@babel/types';
-import type { CanUpdateEffectPropsResponse, SequenceNodePath, InteractivitySchema, VideoConfigValues } from 'remotion';
+import type { CanUpdateEffectPropsResponse, SequenceNodePath, InteractivitySchema } from 'remotion';
 import { type VideoConfigIdentifierValues } from '../../helpers/video-config-values';
 export declare const computeEffectPropStatus: ({ ast, jsx, effectIndex, keys, videoConfigValues, }: {
     ast: File;
@@ -8,18 +8,16 @@ export declare const computeEffectPropStatus: ({ ast, jsx, effectIndex, keys, vi
     keys: string[];
     videoConfigValues: VideoConfigIdentifierValues;
 }) => CanUpdateEffectPropsResponse;
-export declare const computeEffectPropsStatusesFromContent: ({ fileContents, sequenceNodePath, effects, keysFor, videoConfigValues, }: {
+export declare const computeEffectPropsStatusesFromContent: ({ fileContents, sequenceNodePath, effects, keysFor, }: {
     fileContents: string;
     sequenceNodePath: SequenceNodePath;
     effects: InteractivitySchema[];
     keysFor: (effect: InteractivitySchema) => string[];
-    videoConfigValues: VideoConfigValues | null;
-}) => CanUpdateEffectPropsResponse[];
-export declare const computeEffectPropsStatusesFromFile: ({ fileName, sequenceNodePath, effects, keysFor, remotionRoot, videoConfigValues, }: {
+}) => CanUpdateEffectPropsResponse<import("remotion").SourceNumericValue>[];
+export declare const computeEffectPropsStatusesFromFile: ({ fileName, sequenceNodePath, effects, keysFor, remotionRoot, }: {
     fileName: string;
     sequenceNodePath: SequenceNodePath;
     effects: InteractivitySchema[];
     keysFor: (effect: InteractivitySchema) => string[];
     remotionRoot: string;
-    videoConfigValues: VideoConfigValues | null;
 }) => CanUpdateEffectPropsResponse[];

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.computeEffectPropsStatusesFromFile = exports.computeEffectPropsStatusesFromContent = exports.computeEffectPropStatus = void 0;
 const node_fs_1 = require("node:fs");
-const parse_ast_1 = require("../../codemods/parse-ast");
+const codemods_1 = require("@remotion/codemods");
+const no_react_1 = require("remotion/no-react");
 const update_effect_props_1 = require("../../codemods/update-effect-props/update-effect-props");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
 const video_config_numeric_expression_1 = require("../../helpers/video-config-numeric-expression");
-const video_config_values_1 = require("../../helpers/video-config-values");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const staticStatus = (codeValue) => ({
     status: 'static',
@@ -112,7 +112,7 @@ const getPropsFromObjectExpression = ({ ast, objExpr, keys, videoConfigValues, }
                 ? {
                     status: 'static',
                     keyframeDisplayOffsetAdjustment: null,
-                    codeValue: numericExpression.value,
+                    codeValue: no_react_1.NoReactInternals.evaluateSourceNumericValue(numericExpression, null),
                     ...(numericExpression.type === 'literal'
                         ? {}
                         : { numericExpression }),
@@ -195,30 +195,8 @@ const computeEffectPropStatus = ({ ast, jsx, effectIndex, keys, videoConfigValue
     };
 };
 exports.computeEffectPropStatus = computeEffectPropStatus;
-const computeEffectPropsStatusesFromContent = ({ fileContents, sequenceNodePath, effects, keysFor, videoConfigValues, }) => {
-    const ast = (0, parse_ast_1.parseAst)(fileContents);
-    const videoConfigIdentifierValues = (0, video_config_values_1.getVideoConfigIdentifierValues)({
-        ast,
-        videoConfigValues,
-    });
-    const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, sequenceNodePath);
-    if (!jsx) {
-        return effects.map((_effect, effectIndex) => ({
-            canUpdate: false,
-            effectIndex,
-            reason: 'not-found',
-        }));
-    }
-    return effects.map((effect, effectIndex) => (0, exports.computeEffectPropStatus)({
-        ast,
-        jsx,
-        effectIndex,
-        keys: keysFor(effect),
-        videoConfigValues: videoConfigIdentifierValues,
-    }));
-};
-exports.computeEffectPropsStatusesFromContent = computeEffectPropsStatusesFromContent;
-const computeEffectPropsStatusesFromFile = ({ fileName, sequenceNodePath, effects, keysFor, remotionRoot, videoConfigValues, }) => {
+({ computeEffectPropsStatusesFromContent: exports.computeEffectPropsStatusesFromContent } = codemods_1.CodemodsInternals);
+const computeEffectPropsStatusesFromFile = ({ fileName, sequenceNodePath, effects, keysFor, remotionRoot, }) => {
     const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
         remotionRoot,
         fileName,
@@ -230,7 +208,6 @@ const computeEffectPropsStatusesFromFile = ({ fileName, sequenceNodePath, effect
         sequenceNodePath,
         effects,
         keysFor,
-        videoConfigValues,
     });
 };
 exports.computeEffectPropsStatusesFromFile = computeEffectPropsStatusesFromFile;

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

@@ -1,13 +1,14 @@
 import type { Expression, File, JSXElement, JSXOpeningElement } from '@babel/types';
 import type { SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
-import type { CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceNodePath, VideoConfigValues } from 'remotion';
+import type { CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceNodePath } from 'remotion';
 import { type VideoConfigIdentifierValues } from '../../helpers/video-config-values';
+type CanUpdatePropStatus = CanUpdateSequencePropStatus;
 type StaticValueOptions = {
     allowSpecialValues: boolean;
 };
 export declare const isStaticValue: (node: Expression, options?: StaticValueOptions) => boolean;
 export declare const extractStaticValue: (node: Expression, options?: StaticValueOptions) => unknown;
-export declare const getComputedStatus: (node: Expression, ast: File, videoConfigValues: VideoConfigIdentifierValues) => CanUpdateSequencePropStatus;
+export declare const getComputedStatus: (node: Expression, ast: File, videoConfigValues: VideoConfigIdentifierValues) => CanUpdatePropStatus;
 export declare const getNodePathForRecastPath: (recastPath: any, ast: File) => SequenceNodePath;
 export declare const findJsxElementPathAtNodePath: (ast: File, nodePath: SequenceNodePath) => import("ast-types/lib/node-path").NodePath<N, V> | null;
 export declare const findJsxElementAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXOpeningElement | null;
@@ -40,16 +41,15 @@ export declare const resolveSequencePropsNodePathsFromFilename: ({ fileName, tar
     }[];
     remotionRoot: string;
 }) => (SequenceNodePath | null)[];
-export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, componentIdentity, keys, assetKeys, effects, videoConfigValues, }: {
+export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, componentIdentity, keys, assetKeys, effects, }: {
     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, assetKeys, effects, remotionRoot, videoConfigValues, }: {
+export declare const computeSequencePropsStatus: ({ fileName, nodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, }: {
     fileName: string;
     nodePath: SequenceNodePath;
     componentIdentity: string | null;
@@ -57,9 +57,8 @@ export declare const computeSequencePropsStatus: ({ fileName, nodePath, componen
     assetKeys?: string[] | undefined;
     effects: string[][];
     remotionRoot: string;
-    videoConfigValues: VideoConfigValues | null;
 }) => CanUpdateSequencePropsResponseTrue;
-export declare const computeSequencePropsStatusFromFilenameByLocation: ({ fileName, line, column, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }: {
+export declare const computeSequencePropsStatusFromFilenameByLocation: ({ fileName, line, column, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, }: {
     fileName: string;
     line: number;
     column: number;
@@ -69,6 +68,5 @@ export declare const computeSequencePropsStatusFromFilenameByLocation: ({ fileNa
     effects: string[][];
     remotionRoot: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-    videoConfigValues: VideoConfigValues;
 }) => SubscribeToSequencePropsResponse;
 export {};