@remotion/studio-server 4.0.501 → 4.0.503

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

@@ -1,44 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeCanUpdateDefaultProps = exports.computeCanUpdateDefaultPropsFromContent = exports.checkIfTypeScriptFile = void 0;
+exports.computeCanUpdateDefaultProps = exports.checkIfTypeScriptFile = exports.computeCanUpdateDefaultPropsFromContent = void 0;
 const node_fs_1 = require("node:fs");
-const recast = __importStar(require("recast"));
-const parse_ast_1 = require("../../codemods/parse-ast");
+const studio_codemods_1 = require("@remotion/studio-codemods");
 const project_info_1 = require("../project-info");
-const can_update_sequence_props_1 = require("./can-update-sequence-props");
+const studio_codemods_2 = require("@remotion/studio-codemods");
+Object.defineProperty(exports, "computeCanUpdateDefaultPropsFromContent", { enumerable: true, get: function () { return studio_codemods_2.computeCanUpdateDefaultPropsFromContent; } });
 const checkIfTypeScriptFile = (file) => {
     if (!file.endsWith('.tsx') &&
         !file.endsWith('.ts') &&
@@ -48,100 +15,6 @@ const checkIfTypeScriptFile = (file) => {
     }
 };
 exports.checkIfTypeScriptFile = checkIfTypeScriptFile;
-const extractDefaultPropsFromSource = (input, compositionId) => {
-    const ast = (0, parse_ast_1.parseAst)(input);
-    let result = null;
-    recast.types.visit(ast, {
-        visitJSXElement(path) {
-            var _a;
-            const { openingElement } = path.node;
-            const openingName = openingElement.name;
-            if (openingName.type !== 'JSXIdentifier' &&
-                openingName.type !== 'JSXNamespacedName') {
-                this.traverse(path);
-                return;
-            }
-            if (openingName.name !== 'Composition' && openingName.name !== 'Still') {
-                this.traverse(path);
-                return;
-            }
-            if (!((_a = openingElement.attributes) === null || _a === void 0 ? void 0 : _a.some((attr) => {
-                if (attr.type === 'JSXSpreadAttribute') {
-                    return;
-                }
-                if (!attr.value) {
-                    return;
-                }
-                if (attr.value.type === 'JSXElement') {
-                    return;
-                }
-                if (attr.value.type === 'JSXExpressionContainer') {
-                    return;
-                }
-                if (attr.value.type === 'JSXFragment') {
-                    return;
-                }
-                return attr.name.name === 'id' && attr.value.value === compositionId;
-            }))) {
-                this.traverse(path);
-                return;
-            }
-            const defaultPropsAttr = openingElement.attributes.find((attr) => {
-                if (attr.type === 'JSXSpreadAttribute') {
-                    return;
-                }
-                return attr.name.name === 'defaultProps';
-            });
-            if (!defaultPropsAttr || defaultPropsAttr.type === 'JSXSpreadAttribute') {
-                this.traverse(path);
-                return;
-            }
-            if (!defaultPropsAttr.value ||
-                defaultPropsAttr.value.type !== 'JSXExpressionContainer') {
-                this.traverse(path);
-                return;
-            }
-            const { expression } = defaultPropsAttr.value;
-            if (expression.type === 'JSXEmptyExpression') {
-                this.traverse(path);
-                return;
-            }
-            if ((0, can_update_sequence_props_1.isStaticValue)(expression, {
-                allowSpecialValues: true,
-            })) {
-                const value = (0, can_update_sequence_props_1.extractStaticValue)(expression, {
-                    allowSpecialValues: true,
-                });
-                if (value !== null &&
-                    typeof value === 'object' &&
-                    !Array.isArray(value)) {
-                    result = value;
-                }
-            }
-            this.traverse(path);
-        },
-    });
-    return result;
-};
-const computeCanUpdateDefaultPropsFromContent = (content, compositionId) => {
-    try {
-        const currentDefaultProps = extractDefaultPropsFromSource(content, compositionId);
-        if (currentDefaultProps === null) {
-            throw new Error(`Could not find or extract defaultProps for composition "${compositionId}"`);
-        }
-        return {
-            canUpdate: true,
-            currentDefaultProps,
-        };
-    }
-    catch (err) {
-        return {
-            canUpdate: false,
-            reason: err.message,
-        };
-    }
-};
-exports.computeCanUpdateDefaultPropsFromContent = computeCanUpdateDefaultPropsFromContent;
 const computeCanUpdateDefaultProps = async ({ compositionId, remotionRoot, entryPoint, }) => {
     try {
         const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint);
@@ -150,7 +23,7 @@ const computeCanUpdateDefaultProps = async ({ compositionId, remotionRoot, entry
         }
         (0, exports.checkIfTypeScriptFile)(projectInfo.rootFile);
         const input = (0, node_fs_1.readFileSync)(projectInfo.rootFile, 'utf-8');
-        const result = (0, exports.computeCanUpdateDefaultPropsFromContent)(input, compositionId);
+        const result = (0, studio_codemods_1.computeCanUpdateDefaultPropsFromContent)(input, compositionId);
         return {
             result,
             rootFile: projectInfo.rootFile,

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

@@ -22,7 +22,7 @@ export declare const getStaticJsxChildrenAttribute: (jsxElement: JSXOpeningEleme
 export declare const hasJsxChildrenAttribute: (jsxElement: JSXOpeningElement) => boolean;
 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 lineColumnToNodePath: (ast: File, targetLine: number, targetColumn?: number | undefined, fileContents?: string | undefined) => SequenceNodePath | null;
 export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, componentIdentity, keys, assetKeys, effects, videoConfigValues, }: {
     fileContents: string;
     nodePath: SequenceNodePath;
@@ -42,9 +42,10 @@ export declare const computeSequencePropsStatus: ({ fileName, nodePath, componen
     remotionRoot: string;
     videoConfigValues: VideoConfigValues | null;
 }) => CanUpdateSequencePropsResponseTrue;
-export declare const computeSequencePropsStatusFromFilenameByLine: ({ fileName, line, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }: {
+export declare const computeSequencePropsStatusFromFilenameByLocation: ({ fileName, line, column, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }: {
     fileName: string;
     line: number;
+    column: number;
     componentIdentity: string | null;
     keys: string[];
     assetKeys?: string[] | undefined;

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

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeSequencePropsStatusFromFilenameByLine = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.lineColumnToNodePath = exports.findNodePathForJsxElement = exports.getStaticJsxTextContent = exports.hasJsxChildrenAttribute = exports.getStaticJsxChildrenAttribute = exports.findJsxElementNodeAtNodePath = exports.findJsxElementAtNodePath = exports.findJsxElementPathAtNodePath = exports.getComputedStatus = exports.extractStaticValue = exports.isStaticValue = void 0;
+exports.computeSequencePropsStatusFromFilenameByLocation = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.lineColumnToNodePath = exports.findNodePathForJsxElement = exports.getStaticJsxTextContent = exports.hasJsxChildrenAttribute = exports.getStaticJsxChildrenAttribute = exports.findJsxElementNodeAtNodePath = exports.findJsxElementAtNodePath = exports.findJsxElementPathAtNodePath = exports.getComputedStatus = exports.extractStaticValue = exports.isStaticValue = void 0;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
@@ -642,19 +642,51 @@ const findNodePathForJsxElement = (ast, target) => {
     return foundPath;
 };
 exports.findNodePathForJsxElement = findNodePathForJsxElement;
-const lineColumnToNodePath = (ast, targetLine) => {
-    let foundPath = null;
+const RECAST_TAB_WIDTH = 4;
+const sourceColumnToRecastColumn = ({ fileContents, line, column, }) => {
+    const sourceLine = fileContents.split('\n')[line - 1];
+    if (sourceLine === undefined) {
+        return column;
+    }
+    let recastColumn = 0;
+    for (let index = 0; index < column; index++) {
+        if (sourceLine[index] === '\t') {
+            recastColumn += RECAST_TAB_WIDTH - (recastColumn % RECAST_TAB_WIDTH);
+        }
+        else {
+            recastColumn++;
+        }
+    }
+    return recastColumn;
+};
+const lineColumnToNodePath = (ast, targetLine, targetColumn, fileContents) => {
+    var _a;
+    const lineMatches = [];
+    const exactMatches = [];
+    const recastTargetColumn = targetColumn === undefined || fileContents === undefined
+        ? targetColumn
+        : sourceColumnToRecastColumn({
+            fileContents,
+            line: targetLine,
+            column: targetColumn,
+        });
     recast.types.visit(ast, {
         visitJSXOpeningElement(p) {
             const { node } = p;
             if (node.loc && node.loc.start.line === targetLine) {
-                foundPath = getNodePathForRecastPath(p, ast);
-                return false;
+                const nodePath = getNodePathForRecastPath(p, ast);
+                lineMatches.push(nodePath);
+                if (node.loc.start.column === recastTargetColumn) {
+                    exactMatches.push(nodePath);
+                }
             }
             return this.traverse(p);
         },
     });
-    return foundPath;
+    if (exactMatches.length === 1) {
+        return exactMatches[0];
+    }
+    return (_a = lineMatches.at(-1)) !== null && _a !== void 0 ? _a : null;
 };
 exports.lineColumnToNodePath = lineColumnToNodePath;
 const PIXEL_VALUE_REGEX = /^-?\d+(\.\d+)?px$/;
@@ -944,7 +976,7 @@ const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, key
     });
 };
 exports.computeSequencePropsStatus = computeSequencePropsStatus;
-const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, componentIdentity, keys, assetKeys = [], effects, remotionRoot, logLevel, videoConfigValues, }) => {
+const computeSequencePropsStatusFromFilenameByLocation = ({ fileName, line, column, componentIdentity, keys, assetKeys = [], effects, remotionRoot, logLevel, videoConfigValues, }) => {
     try {
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
@@ -953,7 +985,7 @@ const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, componen
         });
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
         const ast = (0, parse_ast_1.parseAst)(fileContents);
-        const resolvedNodePath = (0, exports.lineColumnToNodePath)(ast, line);
+        const resolvedNodePath = (0, exports.lineColumnToNodePath)(ast, line, column, fileContents);
         if (!resolvedNodePath) {
             return {
                 status: {
@@ -985,6 +1017,17 @@ const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, componen
         };
     }
     catch (err) {
+        if (err instanceof resolve_file_inside_project_1.FileOutsideProjectError ||
+            err instanceof jsx_component_identity_1.JsxElementIdentityMismatchError ||
+            err instanceof jsx_element_not_found_at_location_error_1.JsxElementNotFoundAtLocationError) {
+            return {
+                status: {
+                    canUpdate: false,
+                    reason: 'not-found',
+                },
+                success: false,
+            };
+        }
         renderer_1.RenderInternals.Log.error({ indent: false, logLevel }, err);
         return {
             status: {
@@ -995,4 +1038,4 @@ const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, componen
         };
     }
 };
-exports.computeSequencePropsStatusFromFilenameByLine = computeSequencePropsStatusFromFilenameByLine;
+exports.computeSequencePropsStatusFromFilenameByLocation = computeSequencePropsStatusFromFilenameByLocation;

package/dist/preview-server/routes/default-editor.d.ts

@@ -0,0 +1,8 @@
+import type { GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse, UpdateDefaultEditorRequest, UpdateDefaultEditorResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const updateDefaultEditorInConfig: ({ configContents, defaultEditor, }: {
+    configContents: string;
+    defaultEditor: "cursor" | "sublime-text" | "vscode" | "vscodium" | "webstorm" | "windsurf" | "zed" | null;
+}) => string;
+export declare const getDefaultEditorInfoHandler: ApiHandler<GetDefaultEditorInfoRequest, GetDefaultEditorInfoResponse>;
+export declare const updateDefaultEditorHandler: ApiHandler<UpdateDefaultEditorRequest, UpdateDefaultEditorResponse>;

package/dist/preview-server/routes/default-editor.js

@@ -0,0 +1,131 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateDefaultEditorHandler = exports.getDefaultEditorInfoHandler = exports.updateDefaultEditorInConfig = void 0;
+const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
+const recast = __importStar(require("recast"));
+const parse_ast_1 = require("../../codemods/parse-ast");
+const file_watcher_1 = require("../../file-watcher");
+const editor_registry_1 = require("../../helpers/editor-registry");
+const updateDefaultEditorInConfig = ({ configContents, defaultEditor, }) => {
+    const ast = (0, parse_ast_1.parseAst)(configContents);
+    recast.types.visit(ast.program, {
+        visitExpressionStatement(path) {
+            const { expression } = path.node;
+            if (expression.type === 'CallExpression' &&
+                expression.callee.type === 'MemberExpression' &&
+                !expression.callee.computed &&
+                expression.callee.object.type === 'Identifier' &&
+                expression.callee.object.name === 'Config' &&
+                expression.callee.property.type === 'Identifier' &&
+                expression.callee.property.name === 'setDefaultEditor') {
+                path.prune();
+                return false;
+            }
+            this.traverse(path);
+        },
+    });
+    const configWithoutExistingCalls = recast.print(ast, {
+        lineTerminator: '\n',
+    }).code;
+    if (defaultEditor === null) {
+        return configWithoutExistingCalls;
+    }
+    const separator = configWithoutExistingCalls.endsWith('\n') ? '' : '\n';
+    return `${configWithoutExistingCalls}${separator}Config.setDefaultEditor('${defaultEditor}');\n`;
+};
+exports.updateDefaultEditorInConfig = updateDefaultEditorInConfig;
+const getDefaultEditorInfoHandler = async ({ getDefaultEditor }) => {
+    const installedEditors = await (0, editor_registry_1.getAvailableEditors)();
+    const configuredEditor = getDefaultEditor();
+    const customEditor = configuredEditor && typeof configuredEditor === 'object'
+        ? configuredEditor
+        : null;
+    return {
+        defaultEditor: typeof configuredEditor === 'object' ? 'custom' : configuredEditor,
+        installedEditors: [
+            ...installedEditors.map(({ id, name }) => ({ id, name })),
+            ...(customEditor
+                ? [{ id: 'custom', name: customEditor.name }]
+                : []),
+        ],
+    };
+};
+exports.getDefaultEditorInfoHandler = getDefaultEditorInfoHandler;
+const updateDefaultEditorHandler = async ({ input, configFile, getDefaultEditor }) => {
+    if (configFile === null || configFile === undefined) {
+        return {
+            success: false,
+            reason: 'No Remotion config file was loaded.',
+        };
+    }
+    if (input.defaultEditor === 'custom') {
+        const configuredEditor = getDefaultEditor();
+        if (!configuredEditor || typeof configuredEditor !== 'object') {
+            return {
+                success: false,
+                reason: 'No custom editor is configured.',
+            };
+        }
+        // The browser only knows the opaque "custom" ID. Keeping the existing
+        // config call untouched avoids exposing or rewriting its executable and
+        // arguments, which may have come from environment variables.
+        return { success: true };
+    }
+    if (input.defaultEditor !== null &&
+        !renderer_1.defaultEditorIds.includes(input.defaultEditor)) {
+        return {
+            success: false,
+            reason: `Unknown editor: ${input.defaultEditor}`,
+        };
+    }
+    if (input.defaultEditor !== null) {
+        const installedEditors = await (0, editor_registry_1.getAvailableEditors)();
+        if (!installedEditors.some(({ id }) => id === input.defaultEditor)) {
+            return {
+                success: false,
+                reason: 'The selected editor is not installed.',
+            };
+        }
+    }
+    const configContents = (0, node_fs_1.readFileSync)(configFile, 'utf8');
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(configFile, (0, exports.updateDefaultEditorInConfig)({
+        configContents,
+        defaultEditor: input.defaultEditor,
+    }), undefined);
+    return { success: true };
+};
+exports.updateDefaultEditorHandler = updateDefaultEditorHandler;

package/dist/preview-server/routes/delete-effect-keyframe.d.ts

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

package/dist/preview-server/routes/delete-effect-keyframe.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteEffectKeyframeHandler = 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 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 save_props_mutex_1 = require("./save-props-mutex");
+const deleteEffectKeyframeHandler = ({ input: { fileName, sequenceNodePath, effectIndex, key, frame, schema, clientId, }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-effect-keyframe] Received request for fileName="${fileName}" effectIndex=${effectIndex} key="${key}" frame=${frame}`);
+    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, oldValueStrings, newValueStrings, formatted, logLine, effectCallee, } = await (0, update_keyframes_1.updateEffectKeyframes)({
+        input: fileContents,
+        sequenceNodePath: sequenceNodePath.nodePath,
+        effectIndex,
+        updates: [
+            {
+                key,
+                operation: {
+                    type: 'remove',
+                    frame,
+                },
+            },
+        ],
+    });
+    const oldValueString = oldValueStrings[0];
+    const newValueString = newValueStrings[0];
+    const undoPropChange = `${key} keyframe restored at frame ${frame}`;
+    const redoPropChange = `${key} keyframe deleted at frame ${frame}`;
+    (0, undo_stack_1.pushToUndoStack)({
+        filePath: absolutePath,
+        oldContents: fileContents,
+        newContents: null,
+        logLevel,
+        remotionRoot,
+        logLine,
+        description: {
+            undoMessage: `↩️  ${undoPropChange}`,
+            redoMessage: `↪️  ${redoPropChange}`,
+        },
+        entryType: 'effect-props',
+        suppressHmrOnFileRestore: true,
+    });
+    (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
+    (0, log_effect_update_1.logEffectUpdate)({
+        fileRelativeToRoot,
+        line: logLine,
+        effectName: effectCallee,
+        propKey: key,
+        oldValueString,
+        newValueString,
+        defaultValueString: null,
+        formatted,
+        logLevel,
+        removedProps: [],
+        addedProps: [],
+    });
+    (0, undo_stack_1.printUndoHint)(logLevel);
+    const ast = (0, parse_ast_1.parseAst)((0, node_fs_1.readFileSync)(absolutePath, 'utf-8'));
+    const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, sequenceNodePath.nodePath);
+    if (!jsx) {
+        return {
+            canUpdate: false,
+            effectIndex,
+            reason: 'not-found',
+        };
+    }
+    return (0, can_update_effect_props_1.computeEffectPropStatus)({
+        jsx,
+        effectIndex,
+        keys: (0, studio_shared_1.getAllSchemaKeys)(schema),
+    });
+});
+exports.deleteEffectKeyframeHandler = deleteEffectKeyframeHandler;

package/dist/preview-server/routes/delete-sequence-keyframe.d.ts

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

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteSequenceKeyframeHandler = void 0;
+const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
+const studio_shared_1 = require("@remotion/studio-shared");
+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 undo_stack_1 = require("../undo-stack");
+const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
+const can_update_sequence_props_1 = require("./can-update-sequence-props");
+const log_update_1 = require("./log-updates/log-update");
+const save_props_mutex_1 = require("./save-props-mutex");
+const deleteSequenceKeyframeHandler = ({ input: { fileName, nodePath, key, frame, schema, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-sequence-keyframe] Received request for fileName="${fileName}" key="${key}" frame=${frame}`);
+    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, oldValueStrings, newValueStrings, formatted, logLine } = await (0, update_keyframes_1.updateSequenceKeyframes)({
+        input: fileContents,
+        nodePath: nodePath.nodePath,
+        updates: [
+            {
+                key,
+                operation: {
+                    type: 'remove',
+                    frame,
+                },
+            },
+        ],
+    });
+    const oldValueString = oldValueStrings[0];
+    const newValueString = newValueStrings[0];
+    const undoPropChange = `${key} keyframe restored at frame ${frame}`;
+    const redoPropChange = `${key} keyframe deleted at frame ${frame}`;
+    (0, undo_stack_1.pushToUndoStack)({
+        filePath: absolutePath,
+        oldContents: fileContents,
+        newContents: null,
+        logLevel,
+        remotionRoot,
+        logLine,
+        description: {
+            undoMessage: `↩️  ${undoPropChange}`,
+            redoMessage: `↪️  ${redoPropChange}`,
+        },
+        entryType: 'sequence-props',
+        suppressHmrOnFileRestore: true,
+    });
+    (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
+    (0, log_update_1.logUpdate)({
+        fileRelativeToRoot,
+        line: logLine,
+        key,
+        oldValueString,
+        newValueString,
+        defaultValueString: null,
+        formatted,
+        logLevel,
+        removedProps: [],
+        addedProps: [],
+    });
+    (0, undo_stack_1.printUndoHint)(logLevel);
+    const status = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
+        fileContents: output,
+        keys: (0, studio_shared_1.getAllSchemaKeys)(schema),
+        nodePath: nodePath.nodePath,
+        effects: [],
+    });
+    return {
+        canUpdate: true,
+        props: status.props,
+        results: [{ fileName, nodePath, props: status.props }],
+    };
+});
+exports.deleteSequenceKeyframeHandler = deleteSequenceKeyframeHandler;

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

@@ -0,0 +1,32 @@
+import type { ElementInstallExpectedFileState, PrepareElementInstallRequest } from '@remotion/studio-shared';
+export declare const normalizeElementSourceForComparison: (source: string) => string;
+export declare const getElementSourceHash: (source: string) => string;
+export declare const validateElementInstallPosition: (position: import("@remotion/studio-shared").InsertableCompositionElementPosition | null) => void;
+export declare const validateElementForInstallation: (element: {
+    dependencies: string[];
+    slug: string;
+    displayName: string;
+    sourceCode: string;
+    dimensions: import("@remotion/studio-protocol").ComponentDimensions | null;
+}) => void;
+export declare const makeRelativeElementImportPath: ({ fromFile, toFile, }: {
+    fromFile: string;
+    toFile: string;
+}) => string;
+export declare const getElementInstallPlan: ({ compositionFile, compositionId, element, remotionRoot, }: PrepareElementInstallRequest & {
+    remotionRoot: string;
+}) => Promise<{
+    componentName: string;
+    elementFileExists: boolean;
+    elementFileName: string;
+    existingElementSource: string | null;
+    expectedFileState: ElementInstallExpectedFileState;
+    filePath: string;
+    importPath: string;
+    location: import("../../helpers/resolve-composition-component").ResolvedCompositionComponentWithFile;
+    safePaths: {
+        compositionFileName: string;
+        elementFileName: string;
+        remotionRoot: string;
+    };
+}>;