@remotion/studio-server 4.0.496 → 4.0.497

package/dist/open-browser-shortcut.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerOpenBrowserShortcut = void 0;
 const readline = __importStar(require("node:readline"));
 const renderer_1 = require("@remotion/renderer");
+const better_opn_1 = require("./better-opn");
 const maybe_open_browser_1 = require("./maybe-open-browser");
 const live_events_1 = require("./preview-server/live-events");
 const registerOpenBrowserShortcut = ({ browserArgs, browserFlag, url, logLevel, }) => {
@@ -64,30 +65,39 @@ const registerOpenBrowserShortcut = ({ browserArgs, browserFlag, url, logLevel,
             process.stdin.pause();
         }
     };
-    const openStudio = () => {
+    const openStudio = async () => {
         if (isOpeningBrowser) {
             return;
         }
         isOpeningBrowser = true;
         (0, live_events_1.clearPrintPortMessageTimeout)();
-        (0, maybe_open_browser_1.maybeOpenBrowser)({
-            browserArgs,
-            browserFlag,
-            shouldOpenBrowser: true,
-            url,
-            logLevel,
-        })
-            .then((result) => {
+        try {
+            const didFocus = await (0, better_opn_1.focusBrowserTabByOrigin)({
+                url,
+                browserArgs,
+                browserFlag,
+            });
+            if (didFocus) {
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue(`Opened ${url} in browser`));
+                return;
+            }
+            const result = await (0, maybe_open_browser_1.maybeOpenBrowser)({
+                browserArgs,
+                browserFlag,
+                shouldOpenBrowser: true,
+                url,
+                logLevel,
+            });
             if (result.didOpenBrowser) {
-                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `Opened ${url} in browser`);
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue(`Opened ${url} in browser`));
             }
-        })
-            .catch((err) => {
+        }
+        catch (err) {
             renderer_1.RenderInternals.Log.error({ indent: false, logLevel }, 'Could not open browser:', err);
-        })
-            .finally(() => {
+        }
+        finally {
             isOpeningBrowser = false;
-        });
+        }
     };
     function onKeypress(_str, key) {
         if ((key === null || key === void 0 ? void 0 : key.ctrl) && key.name === 'c') {
@@ -98,7 +108,7 @@ const registerOpenBrowserShortcut = ({ browserArgs, browserFlag, url, logLevel,
         if ((key === null || key === void 0 ? void 0 : key.meta) || (key === null || key === void 0 ? void 0 : key.ctrl) || (key === null || key === void 0 ? void 0 : key.name) !== 's') {
             return;
         }
-        openStudio();
+        openStudio().catch(() => undefined);
     }
     readline.emitKeypressEvents(process.stdin);
     process.stdin.setRawMode(true);

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

@@ -40,6 +40,7 @@ const studio_shared_1 = require("@remotion/studio-shared");
 const recast = __importStar(require("recast"));
 const no_react_1 = require("remotion/no-react");
 const parse_ast_1 = require("../../codemods/parse-ast");
+const css_shorthand_properties_1 = require("../../helpers/css-shorthand-properties");
 const get_ast_node_path_1 = require("../../helpers/get-ast-node-path");
 const import_agnostic_node_path_1 = require("../../helpers/import-agnostic-node-path");
 const parse_keyframe_easing_expression_1 = require("../../helpers/parse-keyframe-easing-expression");
@@ -669,6 +670,15 @@ const validateStyleValue = (childKey, value) => {
     }
     return true;
 };
+const getObjectPropertyName = (property) => {
+    if (property.key.type === 'Identifier') {
+        return property.key.name;
+    }
+    if (property.key.type === 'StringLiteral') {
+        return property.key.value;
+    }
+    return null;
+};
 const getNestedPropStatus = ({ jsxElement, ast, parentKey, childKey, videoConfigValues, allowSpecialValues, }) => {
     const attr = jsxElement.attributes.find((a) => a.type !== 'JSXSpreadAttribute' &&
         a.name.type !== 'JSXNamespacedName' &&
@@ -687,9 +697,50 @@ const getNestedPropStatus = ({ jsxElement, ast, parentKey, childKey, videoConfig
         return computedStatus();
     }
     const objExpr = expression;
-    const prop = objExpr.properties.find((p) => p.type === 'ObjectProperty' &&
-        ((p.key.type === 'Identifier' && p.key.name === childKey) ||
-            (p.key.type === 'StringLiteral' && p.key.value === childKey)));
+    const cssShorthand = (0, css_shorthand_properties_1.getCssShorthandForLonghand)({
+        parentKey,
+        longhand: childKey,
+    });
+    if (cssShorthand &&
+        objExpr.properties.some((property) => {
+            if (property.type !== 'ObjectProperty') {
+                return false;
+            }
+            const propertyName = getObjectPropertyName(property);
+            return (propertyName !== null &&
+                cssShorthand.isUnsupportedProperty(propertyName));
+        })) {
+        return computedStatus();
+    }
+    let prop;
+    for (let index = objExpr.properties.length - 1; index >= 0; index--) {
+        const candidate = objExpr.properties[index];
+        if (candidate.type === 'SpreadElement') {
+            return computedStatus();
+        }
+        if (candidate.type === 'ObjectProperty' &&
+            (getObjectPropertyName(candidate) === childKey ||
+                getObjectPropertyName(candidate) === (cssShorthand === null || cssShorthand === void 0 ? void 0 : cssShorthand.shorthand))) {
+            prop = candidate;
+            break;
+        }
+    }
+    if (prop &&
+        cssShorthand &&
+        getObjectPropertyName(prop) === cssShorthand.shorthand) {
+        const shorthandValue = prop.value;
+        if (!(0, exports.isStaticValue)(shorthandValue, { allowSpecialValues: false })) {
+            return computedStatus();
+        }
+        const staticShorthandValue = (0, exports.extractStaticValue)(shorthandValue, {
+            allowSpecialValues: false,
+        });
+        if (typeof staticShorthandValue !== 'string') {
+            return computedStatus();
+        }
+        const parsed = cssShorthand.parse(staticShorthandValue);
+        return parsed ? staticStatus(parsed[childKey], null) : computedStatus();
+    }
     if (!prop) {
         // Property not set in the object, can be added
         return staticStatus(undefined, null);

package/dist/preview-server/routes/download-remote-asset.js

@@ -263,6 +263,7 @@ const downloadRemoteAssetHandler = async ({ input, publicDir, request }) => {
         src: assetPath,
         srcType: 'static',
         dimensions: fileType.dimensions,
+        durationInFrames: null,
         position: null,
     };
     return {

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

@@ -69,10 +69,14 @@ const validateElement = (element) => {
     }
     validateDimensions(element.dimensions);
 };
-const insertElementHandler = ({ input: { compositionFile, compositionId, element, position }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+const insertElementHandler = ({ input: { compositionFile, compositionId, element, from, position }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     try {
         validateElement(element);
         validatePosition(position);
+        if (from !== null &&
+            (!Number.isInteger(from) || !Number.isFinite(from) || from < 0)) {
+            throw new Error('from must be a non-negative integer');
+        }
         const componentName = (0, studio_shared_1.getElementComponentNameFromSourceCode)(element.sourceCode);
         if (componentName === null) {
             throw new Error('Element source must export exactly one named component');
@@ -118,9 +122,11 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                 props: [],
                 position: null,
             },
+            from: null,
             prettierConfigOverride: null,
             wrapInSequence: {
                 dimensions: element.dimensions,
+                from,
                 name: element.displayName,
                 position,
             },

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

@@ -72,6 +72,9 @@ const validateElement = (element, remotionRoot) => {
             validateDimension('width', element.dimensions.width);
             validateDimension('height', element.dimensions.height);
         }
+        if (element.durationInFrames !== null) {
+            validateDimension('durationInFrames', element.durationInFrames);
+        }
         return;
     }
     if (element.type === 'component') {
@@ -145,9 +148,13 @@ const getElementLabel = (element) => {
     }
     throw new Error('Unsupported element type');
 };
-const insertJsxElementHandler = ({ input: { compositionFile, compositionId, element }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+const insertJsxElementHandler = ({ input: { compositionFile, compositionId, element, from }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     try {
         validateElement(element, remotionRoot);
+        if (from !== null &&
+            (!Number.isInteger(from) || !Number.isFinite(from) || from < 0)) {
+            throw new Error('from must be a non-negative integer');
+        }
         const elementLabel = getElementLabel(element);
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[insert-jsx-element] Received request for compositionFile="${compositionFile}" compositionId="${compositionId}" element="${element.type}"`);
         const { fileName, source, oldContents, output, formatted, logLine } = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
@@ -155,6 +162,7 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
             compositionFile,
             compositionId,
             element,
+            from,
             prettierConfigOverride: null,
         });
         (0, undo_stack_1.pushToUndoStack)({

package/dist/preview-server/routes/install-dependency.js

@@ -6,6 +6,7 @@ const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
 const version_1 = require("remotion/version");
 const install_command_1 = require("../../helpers/install-command");
+const package_manager_spawn_options_1 = require("../../helpers/package-manager-spawn-options");
 const get_package_manager_1 = require("../get-package-manager");
 const getExtraPackageVersion = (packageName) => {
     const pkg = studio_shared_1.extraPackages.find((p) => p.name === packageName);
@@ -52,7 +53,10 @@ const handleInstallPackage = async ({ logLevel, remotionRoot, input: { packageNa
     const time = Date.now();
     try {
         await new Promise((resolve, reject) => {
-            const cmd = (0, node_child_process_1.spawn)(manager.manager, command, {});
+            const cmd = (0, node_child_process_1.spawn)(manager.manager, command, (0, package_manager_spawn_options_1.getPackageManagerSpawnOptions)());
+            cmd.on('error', (err) => {
+                reject(err);
+            });
             cmd.stdout.on('data', (d) => {
                 const splitted = d.toString().trim().split('\n');
                 splitted.forEach((line) => {

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

@@ -59,14 +59,20 @@ const shouldSuppressHmrForSequencePropEdits = (edits) => {
         (edit.sourceEdit === null || edit.sourceEdit === undefined));
 };
 exports.shouldSuppressHmrForSequencePropEdits = shouldSuppressHmrForSequencePropEdits;
-const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceKeyframes: [], effectKeyframes: [] }, clientId, undoLabel, redoLabel, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
-    var _a, _b, _c;
-    const totalKeyframeMoves = movedKeyframes.sequenceKeyframes.length +
-        movedKeyframes.effectKeyframes.length;
-    if (edits.length === 0 && totalKeyframeMoves === 0) {
+const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyframes, clientId, undoLabel, redoLabel, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    var _a, _b, _c, _d;
+    const keyframesToAdd = addedKeyframes === null ? [] : addedKeyframes;
+    const keyframesToMove = movedKeyframes === null
+        ? { sequenceKeyframes: [], effectKeyframes: [] }
+        : movedKeyframes;
+    const totalKeyframeMoves = keyframesToMove.sequenceKeyframes.length +
+        keyframesToMove.effectKeyframes.length;
+    if (edits.length === 0 &&
+        keyframesToAdd.length === 0 &&
+        totalKeyframeMoves === 0) {
         throw new Error('No sequence prop edits to save');
     }
-    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-sequence-props] Received request with ${edits.length} edit(s) and ${totalKeyframeMoves} moved keyframe(s)`);
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-sequence-props] Received request with ${edits.length} edit(s), ${keyframesToAdd.length} added keyframe(s), and ${totalKeyframeMoves} moved keyframe(s)`);
     const editGroups = new Map();
     for (const [index, edit] of edits.entries()) {
         const parsedValue = parseSequencePropEditValue(edit.value);
@@ -79,7 +85,8 @@ const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceK
         const group = (_a = editGroups.get(absolutePath)) !== null && _a !== void 0 ? _a : {
             fileRelativeToRoot,
             edits: [],
-            sequenceKeyframes: [],
+            addedKeyframes: [],
+            movedSequenceKeyframes: [],
             effectKeyframes: [],
         };
         group.edits.push({
@@ -98,7 +105,7 @@ const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceK
         });
         editGroups.set(absolutePath, group);
     }
-    for (const [index, keyframe,] of movedKeyframes.sequenceKeyframes.entries()) {
+    for (const keyframe of keyframesToAdd) {
         const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
             fileName: keyframe.fileName,
@@ -107,13 +114,14 @@ const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceK
         const group = (_b = editGroups.get(absolutePath)) !== null && _b !== void 0 ? _b : {
             fileRelativeToRoot,
             edits: [],
-            sequenceKeyframes: [],
+            addedKeyframes: [],
+            movedSequenceKeyframes: [],
             effectKeyframes: [],
         };
-        group.sequenceKeyframes.push({ ...keyframe, index });
+        group.addedKeyframes.push(keyframe);
         editGroups.set(absolutePath, group);
     }
-    for (const [index, keyframe] of movedKeyframes.effectKeyframes.entries()) {
+    for (const [index, keyframe,] of keyframesToMove.sequenceKeyframes.entries()) {
         const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
             fileName: keyframe.fileName,
@@ -122,7 +130,24 @@ const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceK
         const group = (_c = editGroups.get(absolutePath)) !== null && _c !== void 0 ? _c : {
             fileRelativeToRoot,
             edits: [],
-            sequenceKeyframes: [],
+            addedKeyframes: [],
+            movedSequenceKeyframes: [],
+            effectKeyframes: [],
+        };
+        group.movedSequenceKeyframes.push({ ...keyframe, index });
+        editGroups.set(absolutePath, group);
+    }
+    for (const [index, keyframe] of keyframesToMove.effectKeyframes.entries()) {
+        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName: keyframe.fileName,
+            action: 'modify',
+        });
+        const group = (_d = editGroups.get(absolutePath)) !== null && _d !== void 0 ? _d : {
+            fileRelativeToRoot,
+            edits: [],
+            addedKeyframes: [],
+            movedSequenceKeyframes: [],
             effectKeyframes: [],
         };
         group.effectKeyframes.push({ ...keyframe, index });
@@ -158,7 +183,40 @@ const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceK
                 });
             }
         }
-        for (const keyframeGroup of groupBy(group.sequenceKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
+        for (const keyframeGroup of groupBy(group.addedKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
+            const [firstSequenceKeyframe] = keyframeGroup;
+            if (!firstSequenceKeyframe) {
+                continue;
+            }
+            const updates = keyframeGroup.map((keyframe) => ({
+                key: keyframe.key,
+                operation: {
+                    type: 'add',
+                    frame: keyframe.frame,
+                    value: JSON.parse(keyframe.value),
+                },
+            }));
+            const result = await (0, update_keyframes_1.updateSequenceKeyframes)({
+                input: output,
+                nodePath: firstSequenceKeyframe.nodePath.nodePath,
+                schema: firstSequenceKeyframe.schema,
+                videoConfigValues: firstSequenceKeyframe.nodePath.videoConfigValues,
+                updates,
+            });
+            output = result.output;
+            firstLogLine = Math.min(firstLogLine, result.logLine);
+            for (const [updateIndex, update] of updates.entries()) {
+                sequenceKeyframeLogs.push({
+                    fileRelativeToRoot: group.fileRelativeToRoot,
+                    line: result.logLine,
+                    key: update.key,
+                    oldValueString: result.oldValueStrings[updateIndex],
+                    newValueString: result.newValueStrings[updateIndex],
+                    formatted: result.formatted,
+                });
+            }
+        }
+        for (const keyframeGroup of groupBy(group.movedSequenceKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
             const [firstSequenceKeyframe] = keyframeGroup;
             if (!firstSequenceKeyframe) {
                 continue;
@@ -318,10 +376,16 @@ const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceK
         });
     }
     (0, undo_stack_1.printUndoHint)(logLevel);
-    const results = edits.map((edit) => {
+    const statusTargets = [
+        ...new Map([...edits, ...keyframesToAdd].map((target) => [
+            JSON.stringify(target.nodePath),
+            target,
+        ])).values(),
+    ];
+    const results = statusTargets.map((target) => {
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
-            fileName: edit.fileName,
+            fileName: target.fileName,
             action: 'modify',
         });
         const output = outputByPath.get(absolutePath);
@@ -330,22 +394,26 @@ const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceK
         }
         const newStatus = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
             fileContents: output,
-            keys: (0, studio_shared_1.getAllSchemaKeys)(edit.schema),
-            assetKeys: (0, studio_shared_1.getAssetSchemaKeys)(edit.schema),
-            nodePath: edit.nodePath.nodePath,
+            keys: (0, studio_shared_1.getAllSchemaKeys)(target.schema),
+            assetKeys: (0, studio_shared_1.getAssetSchemaKeys)(target.schema),
+            nodePath: target.nodePath.nodePath,
             componentIdentity: null,
             effects: [],
-            videoConfigValues: edit.nodePath.videoConfigValues,
+            videoConfigValues: target.nodePath.videoConfigValues,
         });
         return {
-            fileName: edit.fileName,
-            nodePath: edit.nodePath,
+            fileName: target.fileName,
+            nodePath: target.nodePath,
             props: newStatus.props,
         };
     });
+    const firstResult = results[0];
+    if (!firstResult) {
+        throw new Error('Could not compute sequence prop edit status');
+    }
     return {
         canUpdate: true,
-        props: results[0].props,
+        props: firstResult.props,
         results,
     };
 });

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.496",
+	"version": "4.0.497",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -30,11 +30,11 @@
 		"kiwi-schema": "0.5.0",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.496",
+		"remotion": "4.0.497",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.496",
-		"@remotion/renderer": "4.0.496",
-		"@remotion/studio-shared": "4.0.496",
+		"@remotion/bundler": "4.0.497",
+		"@remotion/renderer": "4.0.497",
+		"@remotion/studio-shared": "4.0.497",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -42,7 +42,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.496",
+		"@remotion/eslint-config-internal": "4.0.497",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"

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

@@ -1,3 +0,0 @@
-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

@@ -1,89 +0,0 @@
-"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

@@ -1,3 +0,0 @@
-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

@@ -1,82 +0,0 @@
-"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/save-props-mutex.d.ts

@@ -1 +0,0 @@
-export declare const withSavePropsLock: <T>(fn: () => Promise<T>) => Promise<T>;

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withSavePropsLock = void 0;
-let chain = Promise.resolve();
-const withSavePropsLock = (fn) => {
-    const run = () => fn();
-    const next = chain.then(run, run);
-    chain = next.then(() => undefined, () => undefined);
-    return next;
-};
-exports.withSavePropsLock = withSavePropsLock;