@remotion/studio-server 4.0.512 → 4.0.514

package/dist/preview-server/routes/element-install-plan.d.ts

@@ -25,7 +25,7 @@ export declare const getElementInstallPlan: ({ compositionFile, compositionId, e
     expectedFileState: ElementInstallExpectedFileState;
     filePath: string;
     importPath: string;
-    location: import("../../helpers/resolve-composition-component").ResolvedCompositionComponentWithFile;
+    location: import("@remotion/studio-codemods").ResolvedCompositionComponentWithFile;
     safePaths: {
         compositionFileName: string;
         elementFileName: string;

package/dist/preview-server/routes/insert-element.js

@@ -197,8 +197,8 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
             : plan.elementFileExists
                 ? 'Reused existing Element source'
                 : 'Created Element source';
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(elementLocationLabel)} ${elementFileAction}`);
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(compositionLocationLabel)} Added <${plan.componentName}>`);
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(elementLocationLabel)} ${elementFileAction}`);
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(compositionLocationLabel)} Added <${plan.componentName}>`);
         if (!inserted.formatted) {
             (0, log_update_1.warnAboutPrettierOnce)(logLevel);
         }

package/dist/preview-server/routes/insert-jsx-element.js

@@ -204,7 +204,7 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
             absolutePath: fileName,
             line: logLine,
         });
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Added ${elementLabel}`);
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Added ${elementLabel}`);
         if (!formatted) {
             (0, log_update_1.warnAboutPrettierOnce)(logLevel);
         }

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.logEffectUpdate = void 0;
 const renderer_1 = require("@remotion/renderer");
+const source_file_write_queue_1 = require("../source-file-write-queue");
 const format_effect_prop_change_1 = require("./format-effect-prop-change");
 const log_update_1 = require("./log-update");
 const logEffectUpdate = ({ fileRelativeToRoot, line, effectName, propKey, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }) => {
@@ -15,7 +16,7 @@ const logEffectUpdate = ({ fileRelativeToRoot, line, effectName, propKey, oldVal
         removedProps,
         addedProps,
     });
-    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} ${propChange}`);
+    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} ${propChange}`);
     if (!formatted) {
         (0, log_update_1.warnAboutPrettierOnce)(logLevel);
     }

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.logUpdate = exports.normalizeQuotes = exports.warnAboutPrettierOnce = void 0;
 const renderer_1 = require("@remotion/renderer");
+const source_file_write_queue_1 = require("../source-file-write-queue");
 const format_prop_change_1 = require("./format-prop-change");
 let warnedAboutPrettier = false;
 const warnAboutPrettierOnce = (logLevel) => {
@@ -31,7 +32,7 @@ const logUpdate = ({ fileRelativeToRoot, line, key, oldValueString, newValueStri
         removedProps,
         addedProps,
     });
-    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} ${propChange}`);
+    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} ${propChange}`);
     if (!formatted) {
         (0, exports.warnAboutPrettierOnce)(logLevel);
     }

package/dist/preview-server/routes/paste-effects.js

@@ -66,7 +66,7 @@ const pasteEffectsHandler = ({ input: { targetFileName, targetSequenceNodePath,
                 absolutePath,
                 line: logLine,
             });
-            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Pasted ${(0, formatting_1.attrName)(effectDescription)}`);
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Pasted ${(0, formatting_1.attrName)(effectDescription)}`);
             if (!formatted) {
                 (0, log_update_1.warnAboutPrettierOnce)(logLevel);
             }

package/dist/preview-server/routes/remotion-skills-info.d.ts

@@ -0,0 +1,7 @@
+import type { GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const getRemotionSkillsInfo: ({ remotionRoot, homeDirectory, }: {
+    remotionRoot: string;
+    homeDirectory?: string | undefined;
+}) => GetRemotionSkillsInfoResponse;
+export declare const remotionSkillsInfoHandler: ApiHandler<GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse>;

package/dist/preview-server/routes/remotion-skills-info.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.remotionSkillsInfoHandler = exports.getRemotionSkillsInfo = void 0;
+const node_fs_1 = require("node:fs");
+const node_os_1 = require("node:os");
+const node_path_1 = __importDefault(require("node:path"));
+const detect_outdated_remotion_skills_1 = require("../../detect-outdated-remotion-skills");
+const getRemotionSkillsInfo = ({ remotionRoot, homeDirectory = (0, node_os_1.homedir)(), }) => {
+    const skillsDirectories = (0, detect_outdated_remotion_skills_1.getRemotionSkillsDirectories)({
+        cwd: remotionRoot,
+        homeDirectory,
+    });
+    const isSkillAvailable = (skillName) => Object.values(skillsDirectories).some((skillsDirectory) => (0, node_fs_1.existsSync)(node_path_1.default.join(skillsDirectory, skillName, 'SKILL.md')));
+    return {
+        remotionUpgradeSkillAvailable: isSkillAvailable('remotion-upgrade'),
+        remotionInteractivitySkillAvailable: isSkillAvailable('remotion-interactivity'),
+    };
+};
+exports.getRemotionSkillsInfo = getRemotionSkillsInfo;
+const remotionSkillsInfoHandler = ({ remotionRoot }) => Promise.resolve((0, exports.getRemotionSkillsInfo)({ remotionRoot }));
+exports.remotionSkillsInfoHandler = remotionSkillsInfoHandler;

package/dist/preview-server/routes/reorder-effect.js

@@ -54,7 +54,7 @@ const reorderEffectHandler = ({ input: { fileName, sequenceNodePath, fromIndex,
                 absolutePath,
                 line: logLine,
             });
-            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Reordered ${(0, formatting_1.attrName)(effectLabel)}`);
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Reordered ${(0, formatting_1.attrName)(effectLabel)}`);
             if (!formatted) {
                 (0, log_update_1.warnAboutPrettierOnce)(logLevel);
             }

package/dist/preview-server/routes/reorder-sequence.js

@@ -62,7 +62,7 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodeP
                 absolutePath,
                 line: logLine,
             });
-            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Reordered ${(0, formatting_1.attrName)(sequenceLabel)}`);
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Reordered ${(0, formatting_1.attrName)(sequenceLabel)}`);
             if (!formatted) {
                 (0, log_update_1.warnAboutPrettierOnce)(logLevel);
             }

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

@@ -190,6 +190,7 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
     }
     const snapshots = [];
     const outputByPath = new Map();
+    const statusAstByPath = new Map();
     const resultByIndex = new Map();
     const updatedNodePaths = new Map();
     const sequenceKeyframeLogs = [];
@@ -198,14 +199,20 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
     for (const [absolutePath, group] of editGroups) {
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
         let output = fileContents;
+        const cachedStatusAst = group.edits.length > 0
+            ? (0, can_update_sequence_props_1.takeCachedSequencePropsStatusAst)(fileContents)
+            : null;
+        let sequencePropsAst = null;
         let firstLogLine = Number.POSITIVE_INFINITY;
         if (group.edits.length > 0) {
-            const { output: sequencePropsOutput, formatted, results: updateResults, } = await (0, update_sequence_props_1.updateMultipleSequenceProps)({
+            const { output: sequencePropsOutput, formatted, results: updateResults, ast, } = await (0, update_sequence_props_1.updateMultipleSequenceProps)({
                 input: output,
                 changes: group.edits.map(exports.convertSequencePropEditToCodemodChange),
                 prettierConfigOverride: null,
+                ast: cachedStatusAst !== null && cachedStatusAst !== void 0 ? cachedStatusAst : undefined,
             });
             output = sequencePropsOutput;
+            sequencePropsAst = ast;
             const firstUpdate = updateResults[0];
             if (firstUpdate) {
                 firstLogLine = Math.min(firstLogLine, firstUpdate.logLine);
@@ -365,6 +372,13 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
                 });
             }
         }
+        if (sequencePropsAst &&
+            group.captionPatches.length === 0 &&
+            group.addedKeyframes.length === 0 &&
+            group.movedSequenceKeyframes.length === 0 &&
+            group.effectKeyframes.length === 0) {
+            statusAstByPath.set(absolutePath, sequencePropsAst);
+        }
         outputByPath.set(absolutePath, output);
         snapshots.push({
             filePath: absolutePath,
@@ -481,15 +495,24 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
         if (!output) {
             throw new Error('Could not compute sequence prop edit status');
         }
-        const newStatus = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
-            fileContents: output,
+        const statusInput = {
             keys: (0, studio_shared_1.getAllSchemaKeys)(target.schema),
             assetKeys: (0, studio_shared_1.getAssetSchemaKeys)(target.schema),
             nodePath: (_a = updatedNodePaths.get(`${absolutePath}:${JSON.stringify(target.nodePath.nodePath)}`)) !== null && _a !== void 0 ? _a : target.nodePath.nodePath,
             componentIdentity: null,
             effects: [],
             videoConfigValues: target.nodePath.videoConfigValues,
-        });
+        };
+        const statusAst = statusAstByPath.get(absolutePath);
+        const newStatus = statusAst
+            ? (0, can_update_sequence_props_1.computeSequencePropsStatusFromAst)({
+                ...statusInput,
+                ast: statusAst,
+            })
+            : (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
+                ...statusInput,
+                fileContents: output,
+            });
         return {
             fileName: target.fileName,
             nodePath: target.nodePath,

package/dist/preview-server/routes/source-file-write-queue.d.ts

@@ -1 +1,2 @@
+export declare const getCodemodTimingPrefix: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => string;
 export declare const withSourceFileWriteQueue: <T>(fn: () => Promise<T>) => Promise<T>;

package/dist/preview-server/routes/source-file-write-queue.js

@@ -1,9 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withSourceFileWriteQueue = void 0;
+exports.withSourceFileWriteQueue = exports.getCodemodTimingPrefix = void 0;
+const node_async_hooks_1 = require("node:async_hooks");
 let chain = Promise.resolve();
+const codemodStartTime = new node_async_hooks_1.AsyncLocalStorage();
+const getCodemodTimingPrefix = (logLevel) => {
+    const startTime = codemodStartTime.getStore();
+    return logLevel === 'trace' && startTime !== undefined
+        ? `[${Date.now() - startTime}ms] `
+        : '';
+};
+exports.getCodemodTimingPrefix = getCodemodTimingPrefix;
 const withSourceFileWriteQueue = (fn) => {
-    const run = () => fn();
+    const run = () => codemodStartTime.run(Date.now(), fn);
     const next = chain.then(run, run);
     chain = next.then(() => undefined, () => undefined);
     return next;

package/dist/preview-server/routes/split-jsx-sequence.js

@@ -60,7 +60,7 @@ const splitJsxSequenceHandler = ({ input: { fileName, nodePath, sequenceKeys, sp
             absolutePath,
             line: logLine,
         });
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split ${nodeLabel}`);
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split ${nodeLabel}`);
         if (!formatted) {
             (0, log_update_1.warnAboutPrettierOnce)(logLevel);
         }

package/dist/preview-server/routes/split-video-from-audio.d.ts

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

package/dist/preview-server/routes/split-video-from-audio.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitVideoFromAudioHandler = void 0;
+const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
+const split_video_from_audio_1 = require("../../codemods/split-video-from-audio");
+const file_watcher_1 = require("../../file-watcher");
+const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
+const format_log_file_location_1 = require("../format-log-file-location");
+const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
+const undo_stack_1 = require("../undo-stack");
+const log_update_1 = require("./log-updates/log-update");
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const splitVideoFromAudioHandler = ({ input: { fileName, nodePath }, remotionRoot, logLevel }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    try {
+        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[split-video-from-audio] Received request for fileName="${fileName}"`);
+        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName,
+            action: 'modify',
+        });
+        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+        const { output, formatted, nodeLabel, logLine, nodePathRemappings } = await (0, split_video_from_audio_1.splitVideoFromAudio)({
+            input: fileContents,
+            nodePath,
+        });
+        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
+            {
+                absolutePath,
+                remappings: nodePathRemappings,
+                restoredNodePaths: [],
+            },
+        ]);
+        (0, undo_stack_1.pushToUndoStack)({
+            filePath: absolutePath,
+            oldContents: fileContents,
+            newContents: null,
+            logLevel,
+            remotionRoot,
+            logLine,
+            description: {
+                undoMessage: `↩️  Split of audio from ${nodeLabel}`,
+                redoMessage: `↪️  Split of audio from ${nodeLabel}`,
+            },
+            entryType: 'split-video-from-audio',
+            suppressHmrOnFileRestore: false,
+            nodePathRemappings,
+        });
+        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: absolutePath,
+            content: output,
+            originatorClientId: undefined,
+            metadata: { skipSequencePropsUpdate: true },
+        });
+        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+            remotionRoot,
+            absolutePath,
+            line: logLine,
+        });
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split audio from ${nodeLabel}`);
+        if (!formatted) {
+            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+        }
+        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[split-video-from-audio] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+        (0, undo_stack_1.printUndoHint)(logLevel);
+        return {
+            success: true,
+            nodePathMutation,
+        };
+    }
+    catch (err) {
+        return {
+            success: false,
+            reason: err.message,
+            stack: err.stack,
+        };
+    }
+});
+exports.splitVideoFromAudioHandler = splitVideoFromAudioHandler;

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

@@ -1,3 +1,3 @@
-import type { SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
+import type { SubscribeToSequencePropsBatchRequest, SubscribeToSequencePropsBatchResponse } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
-export declare const subscribeToSequenceProps: ApiHandler<SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse>;
+export declare const subscribeToSequenceProps: ApiHandler<SubscribeToSequencePropsBatchRequest, SubscribeToSequencePropsBatchResponse>;

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

@@ -2,12 +2,43 @@
 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, assetKeys = [], effects, clientId, videoConfigValues, }, remotionRoot, logLevel, }) => {
-    const result = (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
+const can_update_sequence_props_1 = require("./can-update-sequence-props");
+const subscribeToSequenceProps = ({ input, remotionRoot, logLevel }) => {
+    var _a, _b;
+    const requests = (_a = input.requests) !== null && _a !== void 0 ? _a : [input];
+    const unresolvedByFile = new Map();
+    for (const [index, request] of requests.entries()) {
+        if (request.nodePath !== null) {
+            continue;
+        }
+        const unresolved = (_b = unresolvedByFile.get(request.fileName)) !== null && _b !== void 0 ? _b : [];
+        unresolved.push({ index, line: request.line, column: request.column });
+        unresolvedByFile.set(request.fileName, unresolved);
+    }
+    const resolvedNodePaths = new Map();
+    for (const [fileName, unresolved] of unresolvedByFile) {
+        try {
+            const nodePaths = (0, can_update_sequence_props_1.resolveSequencePropsNodePathsFromFilename)({
+                fileName,
+                targets: unresolved,
+                remotionRoot,
+            });
+            for (const [index, nodePath] of nodePaths.entries()) {
+                if (nodePath) {
+                    resolvedNodePaths.set(unresolved[index].index, nodePath);
+                }
+            }
+        }
+        catch (_c) {
+            // Let each subscription produce its usual not-found response.
+        }
+    }
+    const results = requests.map(({ fileName, line, column, nodePath, componentIdentity, keys, assetKeys = [], effects, clientId, videoConfigValues, }, index) => (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
         fileName,
         line,
         column,
         nodePath,
+        resolvedNodePath: resolvedNodePaths.get(index),
         componentIdentity,
         keys,
         assetKeys,
@@ -16,7 +47,10 @@ const subscribeToSequenceProps = ({ input: { fileName, line, column, nodePath, c
         clientId,
         videoConfigValues,
         logLevel,
+    }));
+    return Promise.resolve({
+        ...results[0],
+        results,
     });
-    return Promise.resolve(result);
 };
 exports.subscribeToSequenceProps = subscribeToSequenceProps;

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

@@ -60,7 +60,7 @@ const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumP
                 absolutePath: projectInfo.rootFile,
                 line: logLine,
             });
-            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Updated default props for "${compositionId}"`);
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Updated default props for "${compositionId}"`);
             if (!formatted) {
                 (0, log_update_1.warnAboutPrettierOnce)(logLevel);
             }

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

@@ -1,10 +1,11 @@
 import { type SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
 import type { SequenceNodePath, VideoConfigValues } from 'remotion';
-export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }: {
+export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, resolvedNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }: {
     fileName: string;
     line: number;
     column: number;
     nodePath: SequenceNodePath | null;
+    resolvedNodePath?: SequenceNodePath | null | undefined;
     componentIdentity: string | null;
     keys: string[];
     assetKeys: string[];

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

@@ -15,7 +15,7 @@ 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, 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, }) => {
+const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, resolvedNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }) => {
     if (preferredNodePath) {
         try {
             const fromNodePath = (0, can_update_sequence_props_1.computeSequencePropsStatus)({
@@ -85,6 +85,36 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
             };
         }
     }
+    if (resolvedNodePath) {
+        try {
+            return {
+                status: (0, can_update_sequence_props_1.computeSequencePropsStatus)({
+                    fileName,
+                    nodePath: resolvedNodePath,
+                    componentIdentity,
+                    keys,
+                    assetKeys,
+                    effects,
+                    remotionRoot,
+                    videoConfigValues,
+                }),
+                nodePath: {
+                    absolutePath: node_path_1.default.resolve(remotionRoot, fileName),
+                    nodePath: resolvedNodePath,
+                    sequenceKeys: keys,
+                    effectKeys: effects,
+                    videoConfigValues,
+                },
+                success: true,
+            };
+        }
+        catch (error) {
+            if (!(error instanceof jsx_component_identity_1.JsxElementIdentityMismatchError ||
+                error instanceof jsx_element_not_found_at_location_error_1.JsxElementNotFoundAtLocationError)) {
+                throw error;
+            }
+        }
+    }
     const status = (0, can_update_sequence_props_1.computeSequencePropsStatusFromFilenameByLocation)({
         fileName,
         line,
@@ -99,13 +129,14 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
     });
     return status;
 };
-const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }) => {
+const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, resolvedNodePath = null, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }) => {
     var _a;
     const initialResult = getSequencePropsStatus({
         fileName,
         line,
         column,
         preferredNodePath,
+        resolvedNodePath,
         componentIdentity,
         keys,
         assetKeys,