@remotion/studio-server 4.0.536 → 4.0.538

package/dist/preview-server/routes/delete-keyframes.js

@@ -3,16 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteKeyframesHandler = exports.deleteKeyframes = void 0;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
-const studio_shared_1 = require("@remotion/studio-shared");
-const parse_ast_1 = require("../../codemods/parse-ast");
 const update_keyframes_1 = require("../../codemods/update-keyframes/update-keyframes");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
-const video_config_values_1 = require("../../helpers/video-config-values");
 const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
-const can_update_effect_props_1 = require("./can-update-effect-props");
-const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const log_effect_update_1 = require("./log-updates/log-effect-update");
 const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
@@ -46,42 +41,33 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         throw new Error('No keyframes were specified for deletion');
     }
     const fileGroups = new Map();
-    const resolvedSequenceKeyframes = [];
-    const resolvedEffectKeyframes = [];
-    for (const [index, keyframe] of sequenceKeyframes.entries()) {
+    for (const keyframe of sequenceKeyframes) {
         const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
             fileName: keyframe.fileName,
             action: 'modify',
         });
         const group = (_a = fileGroups.get(absolutePath)) !== null && _a !== void 0 ? _a : {
-            fileRelativeToRoot,
             sequenceKeyframes: [],
             effectKeyframes: [],
         };
-        const resolved = { ...keyframe, index, absolutePath, fileRelativeToRoot };
-        group.sequenceKeyframes.push(resolved);
-        resolvedSequenceKeyframes.push(resolved);
+        group.sequenceKeyframes.push({ ...keyframe, fileRelativeToRoot });
         fileGroups.set(absolutePath, group);
     }
-    for (const [index, keyframe] of effectKeyframes.entries()) {
+    for (const keyframe of effectKeyframes) {
         const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
             fileName: keyframe.fileName,
             action: 'modify',
         });
         const group = (_b = fileGroups.get(absolutePath)) !== null && _b !== void 0 ? _b : {
-            fileRelativeToRoot,
             sequenceKeyframes: [],
             effectKeyframes: [],
         };
-        const resolved = { ...keyframe, index, absolutePath, fileRelativeToRoot };
-        group.effectKeyframes.push(resolved);
-        resolvedEffectKeyframes.push(resolved);
+        group.effectKeyframes.push({ ...keyframe, fileRelativeToRoot });
         fileGroups.set(absolutePath, group);
     }
     const snapshots = [];
-    const outputByPath = new Map();
     const sequenceLogs = [];
     const effectLogs = [];
     for (const [absolutePath, group] of fileGroups) {
@@ -166,7 +152,6 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
             newContents: output,
             logLine: Number.isFinite(firstLogLine) ? firstLogLine : 1,
         });
-        outputByPath.set(absolutePath, output);
     }
     const [firstKeyframe] = sequenceKeyframes.length > 0 ? sequenceKeyframes : effectKeyframes;
     if (!firstKeyframe) {
@@ -228,53 +213,6 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         });
     }
     (0, undo_stack_1.printUndoHint)(logLevel);
-    const sequenceResults = resolvedSequenceKeyframes.map((keyframe) => {
-        const output = outputByPath.get(keyframe.absolutePath);
-        if (!output) {
-            throw new Error('Could not compute sequence keyframe deletion status');
-        }
-        const status = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
-            fileContents: output,
-            keys: (0, studio_shared_1.getAllSchemaKeys)(keyframe.schema),
-            nodePath: keyframe.nodePath.nodePath,
-            componentIdentity: null,
-            effects: [],
-        });
-        return {
-            fileName: keyframe.fileName,
-            nodePath: keyframe.nodePath,
-            props: status.props,
-        };
-    });
-    const astByPath = new Map();
-    const effectResults = resolvedEffectKeyframes.map((keyframe) => {
-        var _a;
-        const output = outputByPath.get(keyframe.absolutePath);
-        if (!output) {
-            throw new Error('Could not compute effect keyframe deletion status');
-        }
-        const ast = (_a = astByPath.get(keyframe.absolutePath)) !== null && _a !== void 0 ? _a : (0, parse_ast_1.parseAst)(output);
-        astByPath.set(keyframe.absolutePath, ast);
-        const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, keyframe.sequenceNodePath.nodePath);
-        if (!jsx) {
-            return {
-                canUpdate: false,
-                effectIndex: keyframe.effectIndex,
-                reason: 'not-found',
-            };
-        }
-        return (0, can_update_effect_props_1.computeEffectPropStatus)({
-            ast,
-            jsx,
-            effectIndex: keyframe.effectIndex,
-            keys: (0, studio_shared_1.getAllSchemaKeys)(keyframe.schema),
-            videoConfigValues: (0, video_config_values_1.getVideoConfigIdentifierValues)({
-                ast,
-                videoConfigValues: keyframe.sequenceNodePath.videoConfigValues,
-            }),
-        });
-    });
-    return { sequenceResults, effectResults };
 };
 exports.deleteKeyframes = deleteKeyframes;
 const deleteKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {

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

@@ -1,7 +1,7 @@
-import type { ElementInstallExpectedFileState, PrepareElementInstallRequest } from '@remotion/studio-shared';
+import type { ElementInstallExpectedFileState, InsertElementRequest, PrepareElementInstallRequest } from '@remotion/studio-shared';
 export declare const getElementSourceHash: (source: string) => string;
-export declare const validateElementInstallPosition: (position: import("@remotion/studio-shared").InsertableCompositionElementPosition | null) => void;
-export declare const validateElementForInstallation: (element: import("@remotion/studio-shared").InstallableElement) => void;
+export declare const validateElementInstallPosition: (position: InsertElementRequest['position']) => void;
+export declare const validateElementForInstallation: (element: InsertElementRequest['element']) => void;
 export declare const makeRelativeElementImportPath: ({ fromFile, toFile, }: {
     fromFile: string;
     toFile: string;

package/dist/preview-server/routes/find-in-file.d.ts

@@ -1,12 +1,5 @@
+import { CodemodsInternals } from '@remotion/codemods';
 import type { FindInFileRequest, FindInFileResponse } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
-export declare const findSearchPosition: ({ contents, lineNumber, columnNumber, search, }: {
-    contents: string;
-    lineNumber: number;
-    columnNumber: number;
-    search: string;
-}) => {
-    lineNumber: number;
-    columnNumber: number;
-};
+export declare const { findSearchPosition }: typeof CodemodsInternals;
 export declare const findInFileHandler: ApiHandler<FindInFileRequest, FindInFileResponse>;

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

@@ -79,10 +79,7 @@ const insertElementHandler = async ({ input: { compositionFile, compositionId, c
             const componentOwnsSequence = installationMode === 'component-owned-sequence';
             if (componentOwnsSequence &&
                 element.initialProps !== null &&
-                ['from', 'durationInFrames', 'name'].some((prop) => {
-                    var _a;
-                    return Object.hasOwn((_a = element.initialProps) !== null && _a !== void 0 ? _a : {}, prop);
-                })) {
+                ['from', 'durationInFrames', 'name'].some((prop) => { var _a; return Object.hasOwn((_a = element.initialProps) !== null && _a !== void 0 ? _a : {}, prop); })) {
                 throw new Error('Component-owned Element initial props must not override from, durationInFrames, or name');
             }
             if (componentOwnsSequence &&

package/dist/preview-server/routes/install-dependency.d.ts

@@ -1,18 +1,6 @@
 import { type InstallPackageRequest, type InstallPackageResponse, type PackageInstallSpec } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
 export declare const getPackageInstallSpec: (dependency: PackageInstallSpec) => string;
-export declare const handleInstallPackage: ({ logLevel, remotionRoot, input: { dependencies }, invalidateBundle, }: {
-    input: InstallPackageRequest;
-    entryPoint: string;
-    remotionRoot: string;
-    request: import("http").IncomingMessage;
-    response: import("http").ServerResponse<import("http").IncomingMessage>;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-    methods: import("../api-types").QueueMethods;
-    publicDir: string;
-    binariesDirectory: string | null;
-    configFile: string | null;
-    getDefaultCodingAgent: () => "claude-code" | "codex" | "copilot" | "cursor" | null;
-    getDefaultEditor: () => import("@remotion/renderer").DefaultEditor | null;
-} & {
+export declare const handleInstallPackage: ({ logLevel, remotionRoot, input: { dependencies }, invalidateBundle, }: Parameters<ApiHandler<InstallPackageRequest, InstallPackageResponse>>[0] & {
     readonly invalidateBundle: () => Promise<void>;
 }) => Promise<InstallPackageResponse>;

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

@@ -1,3 +1,4 @@
+import type { LogLevel } from '@remotion/renderer';
 import type { PropDelta } from './formatting';
 export declare const logEffectUpdate: ({ fileRelativeToRoot, line, effectName, propKey, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }: {
     fileRelativeToRoot: string;
@@ -8,7 +9,7 @@ export declare const logEffectUpdate: ({ fileRelativeToRoot, line, effectName, p
     newValueString: string;
     defaultValueString: string | null;
     formatted: boolean;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
     removedProps: PropDelta[];
     addedProps: PropDelta[];
 }) => void;

package/dist/preview-server/routes/log-updates/log-update.d.ts

@@ -1,5 +1,6 @@
+import type { LogLevel } from '@remotion/renderer';
 import type { PropDelta } from './formatting';
-export declare const warnAboutPrettierOnce: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
+export declare const warnAboutPrettierOnce: (logLevel: LogLevel) => void;
 export declare const normalizeQuotes: (str: string) => string;
 export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }: {
     fileRelativeToRoot: string;
@@ -9,7 +10,7 @@ export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString
     newValueString: string;
     defaultValueString: string | null;
     formatted: boolean;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
     removedProps: PropDelta[];
     addedProps: PropDelta[];
 }) => void;

package/dist/preview-server/routes/move-keyframes.d.ts

@@ -1,7 +1,8 @@
+import type { LogLevel } from '@remotion/renderer';
 import type { MoveKeyframesRequest, MoveKeyframesResponse } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const moveKeyframes: ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }: MoveKeyframesRequest & {
     remotionRoot: string;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
 }) => Promise<void>;
 export declare const moveKeyframesHandler: ApiHandler<MoveKeyframesRequest, MoveKeyframesResponse>;

package/dist/preview-server/routes/open-in-editor.d.ts

@@ -1,8 +1,8 @@
-import type { DefaultEditor } from '@remotion/renderer';
+import type { DefaultEditor, LogLevel } from '@remotion/renderer';
 import type { OpenInEditorRequest, OpenInEditorResponse } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const getEditorName: ({ getDefaultEditor, logLevel, }: {
     getDefaultEditor: () => DefaultEditor | null;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
 }) => Promise<string | null>;
 export declare const openInEditorHandler: ApiHandler<OpenInEditorRequest, OpenInEditorResponse>;

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

@@ -2,7 +2,7 @@ import type { GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse, OpenR
 import type { ApiHandler } from '../api-types';
 export declare const getRemotionSkillsInfo: ({ remotionRoot, homeDirectory, }: {
     remotionRoot: string;
-    homeDirectory?: string | undefined;
+    homeDirectory?: string;
 }) => GetRemotionSkillsInfoResponse;
 export declare const remotionSkillsInfoHandler: ApiHandler<GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse>;
 export declare const openRemotionSkillHandler: ApiHandler<OpenRemotionSkillRequest, void>;

package/dist/preview-server/routes/save-multiple-effect-props.js

@@ -141,6 +141,9 @@ const saveMultipleEffectPropsHandler = ({ input: { edits, clientId, undoLabel, r
             edit,
         ])).values(),
     ];
+    const statusAsts = new Map();
+    // Share binding analysis, but resolve each target's video configuration below.
+    const statusIdentifiers = new Map();
     const results = statusTargets.map((edit) => {
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
@@ -151,24 +154,38 @@ const saveMultipleEffectPropsHandler = ({ input: { edits, clientId, undoLabel, r
         if (!output) {
             throw new Error('Could not compute effect prop edit status');
         }
-        const ast = (0, parse_ast_1.parseAst)(output);
+        let ast = statusAsts.get(absolutePath);
+        if (!ast) {
+            ast = (0, parse_ast_1.parseAst)(output);
+            statusAsts.set(absolutePath, ast);
+        }
         const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, edit.sequenceNodePath.nodePath);
-        const status = jsx
-            ? (0, can_update_effect_props_1.computeEffectPropStatus)({
+        let status;
+        if (jsx) {
+            const keys = (0, studio_shared_1.getAllSchemaKeys)(edit.schema);
+            let identifiers = statusIdentifiers.get(absolutePath);
+            if (!identifiers) {
+                identifiers = (0, video_config_values_1.getVideoConfigIdentifiers)({ ast });
+                statusIdentifiers.set(absolutePath, identifiers);
+            }
+            status = (0, can_update_effect_props_1.computeEffectPropStatus)({
                 ast,
                 jsx,
                 effectIndex: edit.effectIndex,
-                keys: (0, studio_shared_1.getAllSchemaKeys)(edit.schema),
-                videoConfigValues: (0, video_config_values_1.getVideoConfigIdentifierValues)({
-                    ast,
+                keys,
+                videoConfigValues: (0, video_config_values_1.resolveVideoConfigIdentifierValues)({
+                    identifiers,
                     videoConfigValues: edit.sequenceNodePath.videoConfigValues,
                 }),
-            })
-            : {
+            });
+        }
+        else {
+            status = {
                 canUpdate: false,
                 effectIndex: edit.effectIndex,
                 reason: 'not-found',
             };
+        }
         return {
             fileName: edit.fileName,
             sequenceNodePath: edit.sequenceNodePath,

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

@@ -13,10 +13,10 @@ type ResolvedSequencePropEdit = {
     schema: SaveSequencePropEdit['schema'];
     sourceEdit: SaveSequencePropEdit['sourceEdit'];
 };
-export declare const convertSequencePropEditToCodemodChange: (edit: Pick<ResolvedSequencePropEdit, "defaultValue" | "key" | "nodePath" | "schema" | "sourceEdit" | "value">) => SequencePropsNodeUpdate;
+export declare const convertSequencePropEditToCodemodChange: (edit: Pick<ResolvedSequencePropEdit, 'nodePath' | 'key' | 'value' | 'defaultValue' | 'schema' | 'sourceEdit'>) => SequencePropsNodeUpdate;
 export declare const shouldSuppressHmrForSequencePropEdits: (edits: readonly {
     key: string;
-    sourceEdit?: import("@remotion/studio-shared").SaveSequencePropSourceEdit | null | undefined;
+    sourceEdit?: SaveSequencePropEdit['sourceEdit'];
 }[]) => boolean;
 export declare const saveSequencePropsHandler: ApiHandler<SaveSequencePropsRequest, SaveSequencePropsResponse>;
 export {};

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

@@ -1,2 +1,3 @@
-export declare const getCodemodTimingPrefix: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => string;
-export declare const withSourceFileWriteQueue: <T>(fn: () => T | Promise<T>) => Promise<T>;
+import type { LogLevel } from '@remotion/renderer';
+export declare const getCodemodTimingPrefix: (logLevel: LogLevel) => string;
+export declare const withSourceFileWriteQueue: <T>(fn: () => Promise<T> | T) => Promise<T>;

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

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.subscribeToDefaultProps = void 0;
 const default_props_watchers_1 = require("../default-props-watchers");
-const subscribeToDefaultProps = ({ input: { compositionId, clientId }, remotionRoot, entryPoint }) => {
+const subscribeToDefaultProps = ({ input: { compositionId, clientId, symbolicatedStack }, remotionRoot, entryPoint, }) => {
     return (0, default_props_watchers_1.subscribeToDefaultPropsWatchers)({
         compositionId,
         clientId,
+        symbolicatedStack,
         remotionRoot,
         entryPoint,
     });

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

@@ -1,51 +1,72 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.subscribeToSequenceProps = void 0;
+const node_path_1 = __importDefault(require("node:path"));
 const sequence_props_watchers_1 = require("../sequence-props-watchers");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const subscribeToSequenceProps = ({ input, remotionRoot, logLevel }) => {
     var _a;
-    const unresolvedByFile = new Map();
+    // Source contents are shared only within this synchronous subscription batch.
+    const fileContentsCache = new Map();
+    const requestsByFile = new Map();
     for (const [index, request] of input.requests.entries()) {
-        if (request.nodePath !== null) {
-            continue;
-        }
-        const unresolved = (_a = unresolvedByFile.get(request.fileName)) !== null && _a !== void 0 ? _a : [];
-        unresolved.push({ index, line: request.line, column: request.column });
-        unresolvedByFile.set(request.fileName, unresolved);
+        const absolutePath = node_path_1.default.resolve(remotionRoot, request.fileName);
+        const indexes = (_a = requestsByFile.get(absolutePath)) !== null && _a !== void 0 ? _a : [];
+        indexes.push(index);
+        requestsByFile.set(absolutePath, indexes);
     }
-    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);
+    const results = [];
+    // Finish each file before moving on so large batches do not evict and
+    // repeatedly parse the same source snapshot from the bounded AST cache.
+    for (const indexes of requestsByFile.values()) {
+        const unresolved = indexes
+            .filter((index) => input.requests[index].nodePath === null)
+            .map((index) => ({
+            index,
+            line: input.requests[index].line,
+            column: input.requests[index].column,
+        }));
+        const resolvedNodePaths = new Map();
+        if (unresolved.length > 0) {
+            try {
+                const nodePaths = (0, can_update_sequence_props_1.resolveSequencePropsNodePathsFromFilename)({
+                    fileName: input.requests[indexes[0]].fileName,
+                    targets: unresolved,
+                    remotionRoot,
+                    fileContentsCache,
+                });
+                for (const [index, nodePath] of nodePaths.entries()) {
+                    if (nodePath) {
+                        resolvedNodePaths.set(unresolved[index].index, nodePath);
+                    }
                 }
             }
+            catch (_b) {
+                // Let each subscription produce its usual not-found response.
+            }
         }
-        catch (_b) {
-            // Let each subscription produce its usual not-found response.
+        for (const index of indexes) {
+            const { fileName, line, column, nodePath, componentIdentity, keys, assetKeys, effects, clientId, } = input.requests[index];
+            results[index] = (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
+                fileName,
+                line,
+                column,
+                nodePath,
+                resolvedNodePath: resolvedNodePaths.get(index),
+                componentIdentity,
+                keys,
+                assetKeys,
+                effects,
+                remotionRoot,
+                clientId,
+                logLevel,
+                fileContentsCache,
+            });
         }
     }
-    const results = input.requests.map(({ fileName, line, column, nodePath, componentIdentity, keys, assetKeys, effects, clientId, }, index) => (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
-        fileName,
-        line,
-        column,
-        nodePath,
-        resolvedNodePath: resolvedNodePaths.get(index),
-        componentIdentity,
-        keys,
-        assetKeys,
-        effects,
-        remotionRoot,
-        clientId,
-        logLevel,
-    }));
     return Promise.resolve({ results });
 };
 exports.subscribeToSequenceProps = subscribeToSequenceProps;

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

@@ -1,3 +1,3 @@
-import type { UnsubscribeFromSequencePropsRequest } from '@remotion/studio-shared';
+import type { UnsubscribeFromSequencePropsBatchRequest } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
-export declare const unsubscribeFromSequenceProps: ApiHandler<UnsubscribeFromSequencePropsRequest, undefined>;
+export declare const unsubscribeFromSequenceProps: ApiHandler<UnsubscribeFromSequencePropsBatchRequest, undefined>;

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

@@ -2,16 +2,18 @@
 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, assetKeys = [], effectKeys, }, remotionRoot, }) => {
-    (0, sequence_props_watchers_1.unsubscribeFromSequencePropsWatchers)({
-        fileName,
-        nodePath: nodePath.nodePath,
-        remotionRoot,
-        clientId,
-        sequenceKeys,
-        assetKeys,
-        effectKeys,
-    });
+const unsubscribeFromSequenceProps = ({ input, remotionRoot }) => {
+    for (const { fileName, nodePath, clientId, sequenceKeys, assetKeys = [], effectKeys, } of input.requests) {
+        (0, sequence_props_watchers_1.unsubscribeFromSequencePropsWatchers)({
+            fileName,
+            nodePath: nodePath.nodePath,
+            remotionRoot,
+            clientId,
+            sequenceKeys,
+            assetKeys,
+            effectKeys,
+        });
+    }
     return Promise.resolve(undefined);
 };
 exports.unsubscribeFromSequenceProps = unsubscribeFromSequenceProps;

package/dist/preview-server/routes/unwrap-node.d.ts

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

package/dist/preview-server/routes/unwrap-node.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.unwrapNodeHandler = void 0;
+const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
+const renderer_1 = require("@remotion/renderer");
+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 source_file_write_queue_1 = require("./source-file-write-queue");
+const unwrapNodeHandler = ({ input: { fileName, compositionId, nodePath, dryRun }, remotionRoot, logLevel, }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
+        var _a;
+        try {
+            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 canUnwrap = (0, codemods_1.canUnwrapNode)({ input: fileContents, nodePath });
+            if (dryRun) {
+                return Promise.resolve({
+                    success: true,
+                    canUnwrap,
+                    nodePathMutation: null,
+                });
+            }
+            const result = (0, codemods_1.unwrapNode)({
+                project: { files: { [absolutePath]: fileContents }, rootDir: remotionRoot },
+                node: { filePath: absolutePath, nodePath },
+            });
+            const change = result.changes.find(({ filePath }) => filePath === absolutePath);
+            if ((change === null || change === void 0 ? void 0 : change.previousContents) !== fileContents ||
+                change.nextContents === null) {
+                throw new Error('Could not unwrap JSX node');
+            }
+            const output = change.nextContents;
+            const remappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath, oldJsxName, newJsxName }) => ({
+                oldNodePath,
+                newNodePath,
+                oldJsxName,
+                newJsxName,
+            }));
+            const { childNodePath } = result;
+            const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([{ absolutePath, remappings }], childNodePath !== null
+                ? { compositionId, absolutePath, nodePath: childNodePath }
+                : null);
+            const line = result.logLine;
+            (0, undo_stack_1.pushTransactionToUndoStack)({
+                snapshots: [
+                    {
+                        filePath: absolutePath,
+                        oldContents: fileContents,
+                        newContents: null,
+                        logLine: line,
+                        nodePathRemappings: remappings,
+                    },
+                ],
+                logLevel,
+                remotionRoot,
+                description: {
+                    undoMessage: '↩️  Unwrapping JSX',
+                    redoMessage: '↪️  Unwrapping JSX',
+                },
+                entryType: 'unwrap-node',
+                suppressHmrOnFileRestore: false,
+                undoRedoNavigation: null,
+            });
+            (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,
+            });
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(locationLabel)} Unwrapped JSX`);
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[unwrap-node] Wrote ${fileRelativeToRoot}`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return Promise.resolve({ success: true, canUnwrap, nodePathMutation });
+        }
+        catch (err) {
+            return Promise.resolve({
+                success: false,
+                reason: err.message,
+                stack: (_a = err.stack) !== null && _a !== void 0 ? _a : '',
+            });
+        }
+    });
+};
+exports.unwrapNodeHandler = unwrapNodeHandler;