@remotion/studio-server 4.0.472 → 4.0.474

package/dist/preview-server/routes/rename-static-file.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renameStaticFileHandler = void 0;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const resolvePublicPath = ({ publicDir, relativePath, }) => {
+    if (relativePath.length === 0) {
+        throw new Error('Path cannot be empty');
+    }
+    const resolved = path_1.default.join(publicDir, relativePath);
+    const relativeToPublicDir = path_1.default.relative(publicDir, resolved);
+    if (relativeToPublicDir.startsWith('..') ||
+        path_1.default.isAbsolute(relativeToPublicDir)) {
+        throw new Error(`Not allowed to write to ${relativeToPublicDir}`);
+    }
+    return resolved;
+};
+const renameStaticFileHandler = ({ input: { oldRelativePath, newRelativePath }, publicDir }) => {
+    const oldResolved = resolvePublicPath({
+        publicDir,
+        relativePath: oldRelativePath,
+    });
+    const newResolved = resolvePublicPath({
+        publicDir,
+        relativePath: newRelativePath,
+    });
+    if (oldResolved === newResolved) {
+        return Promise.resolve({ success: true });
+    }
+    if (!(0, fs_1.existsSync)(oldResolved)) {
+        throw new Error(`${oldRelativePath} does not exist`);
+    }
+    const oldStat = (0, fs_1.statSync)(oldResolved);
+    if (!oldStat.isFile()) {
+        throw new Error(`${oldRelativePath} is not a file`);
+    }
+    if ((0, fs_1.existsSync)(newResolved)) {
+        const newStat = (0, fs_1.statSync)(newResolved);
+        const pointsToSameFile = oldStat.dev === newStat.dev && oldStat.ino === newStat.ino;
+        if (!pointsToSameFile) {
+            throw new Error(`${newRelativePath} already exists`);
+        }
+    }
+    (0, fs_1.mkdirSync)(path_1.default.dirname(newResolved), { recursive: true });
+    (0, fs_1.renameSync)(oldResolved, newResolved);
+    return Promise.resolve({
+        success: true,
+    });
+};
+exports.renameStaticFileHandler = renameStaticFileHandler;

package/dist/preview-server/routes/reorder-sequence.d.ts

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

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reorderSequenceHandler = void 0;
+const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
+const reorder_sequence_1 = require("../../codemods/reorder-sequence");
+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 undo_stack_1 = require("../undo-stack");
+const formatting_1 = require("./log-updates/formatting");
+const log_update_1 = require("./log-updates/log-update");
+const reorderSequenceHandler = async ({ input: { fileName, sourceNodePath, targetNodePath, position, clientId }, remotionRoot, logLevel, }) => {
+    try {
+        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[reorder-sequence] Received request for fileName="${fileName}" position=${position}`);
+        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName,
+            action: 'modify',
+        });
+        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+        const { output, formatted, sequenceLabel, logLine } = await (0, reorder_sequence_1.reorderSequence)({
+            input: fileContents,
+            sourceNodePath: sourceNodePath.nodePath,
+            targetNodePath: targetNodePath.nodePath,
+            position,
+        });
+        (0, undo_stack_1.pushToUndoStack)({
+            filePath: absolutePath,
+            oldContents: fileContents,
+            newContents: null,
+            logLevel,
+            remotionRoot,
+            logLine,
+            description: {
+                undoMessage: `↩️  Reordering of ${sequenceLabel}`,
+                redoMessage: `↪️  Reordering of ${sequenceLabel}`,
+            },
+            entryType: 'reorder-sequence',
+            suppressHmrOnFileRestore: false,
+        });
+        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
+        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+            remotionRoot,
+            absolutePath,
+            line: logLine,
+        });
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Reordered ${(0, formatting_1.attrName)(sequenceLabel)}`);
+        if (!formatted) {
+            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+        }
+        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[reorder-sequence] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+        (0, undo_stack_1.printUndoHint)(logLevel);
+        return {
+            success: true,
+        };
+    }
+    catch (err) {
+        return {
+            success: false,
+            reason: err.message,
+            stack: err.stack,
+        };
+    }
+};
+exports.reorderSequenceHandler = reorderSequenceHandler;

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

@@ -16,7 +16,8 @@ const format_effect_prop_change_1 = require("./log-updates/format-effect-prop-ch
 const log_effect_update_1 = require("./log-updates/log-effect-update");
 const log_update_1 = require("./log-updates/log-update");
 const save_props_mutex_1 = require("./save-props-mutex");
-const saveEffectPropsHandler = ({ input: { fileName, sequenceNodePath, effectIndex, key, value, defaultValue, schema, clientId, }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const saveEffectPropsHandler = ({ input, remotionRoot, logLevel }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+    const { fileName, sequenceNodePath, effectIndex, key, defaultValue, schema, clientId, } = input;
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-effect-props] Received request for fileName="${fileName}" effectIndex=${effectIndex} key="${key}"`);
     const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
         remotionRoot,
@@ -25,20 +26,34 @@ const saveEffectPropsHandler = ({ input: { fileName, sequenceNodePath, effectInd
     });
     const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
     const parsedDefault = defaultValue !== null ? JSON.parse(defaultValue) : null;
-    const { output, oldValueString, formatted, logLine, effectCallee, removedProps, } = await (0, update_effect_props_1.updateEffectProps)({
+    const update = (() => {
+        switch (input.type) {
+            case 'value':
+                return {
+                    key,
+                    value: JSON.parse(input.value),
+                    defaultValue: parsedDefault,
+                };
+            case 'effect-param':
+                return {
+                    key,
+                    effectParam: input.effectParam,
+                    defaultValue: parsedDefault,
+                };
+            default:
+                throw new Error(`Unsupported save effect props request type: ${input.type}`);
+        }
+    })();
+    const { output, oldValueString, newValueString, formatted, logLine, effectCallee, removedProps, } = await (0, update_effect_props_1.updateEffectProps)({
         input: fileContents,
         sequenceNodePath: sequenceNodePath.nodePath,
         effectIndex,
-        update: {
-            key,
-            value: JSON.parse(value),
-            defaultValue: parsedDefault,
-        },
+        update,
         schema,
     });
     const defaultValueString = parsedDefault !== null ? JSON.stringify(parsedDefault) : null;
     const normalizedOld = (0, log_update_1.normalizeQuotes)(oldValueString);
-    const normalizedNew = (0, log_update_1.normalizeQuotes)(value);
+    const normalizedNew = (0, log_update_1.normalizeQuotes)(newValueString);
     const normalizedDefault = defaultValueString !== null ? (0, log_update_1.normalizeQuotes)(defaultValueString) : null;
     const normalizedRemovedProps = removedProps.map((prop) => ({
         ...prop,
@@ -85,7 +100,7 @@ const saveEffectPropsHandler = ({ input: { fileName, sequenceNodePath, effectInd
         effectName: effectCallee,
         propKey: key,
         oldValueString,
-        newValueString: value,
+        newValueString,
         defaultValueString,
         formatted,
         logLevel,

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

@@ -11,7 +11,6 @@ const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside
 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 format_prop_change_1 = require("./log-updates/format-prop-change");
 const log_update_1 = require("./log-updates/log-update");
 const save_props_mutex_1 = require("./save-props-mutex");
 const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLabel }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
@@ -88,39 +87,8 @@ const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLab
             });
         }
     }
-    const [firstEdit] = edits;
-    const firstResult = resultByIndex.get(0);
-    if (!firstResult) {
-        throw new Error('Could not compute sequence prop edit result');
-    }
-    const undoMessage = undoLabel !== null
-        ? `↩️  ${undoLabel}`
-        : edits.length === 1
-            ? `↩️  ${(0, format_prop_change_1.formatPropChange)({
-                key: firstEdit.key,
-                oldValueString: (0, log_update_1.normalizeQuotes)(JSON.stringify(JSON.parse(firstEdit.value))),
-                newValueString: (0, log_update_1.normalizeQuotes)(firstResult.oldValueString),
-                defaultValueString: firstEdit.defaultValue !== null
-                    ? (0, log_update_1.normalizeQuotes)(JSON.stringify(JSON.parse(firstEdit.defaultValue)))
-                    : null,
-                removedProps: [],
-                addedProps: firstResult.removedProps,
-            })}`
-            : '↩️  Update selected sequence props';
-    const redoMessage = redoLabel !== null
-        ? `↪️  ${redoLabel}`
-        : edits.length === 1
-            ? `↪️  ${(0, format_prop_change_1.formatPropChange)({
-                key: firstEdit.key,
-                oldValueString: (0, log_update_1.normalizeQuotes)(firstResult.oldValueString),
-                newValueString: (0, log_update_1.normalizeQuotes)(JSON.stringify(JSON.parse(firstEdit.value))),
-                defaultValueString: firstEdit.defaultValue !== null
-                    ? (0, log_update_1.normalizeQuotes)(JSON.stringify(JSON.parse(firstEdit.defaultValue)))
-                    : null,
-                removedProps: firstResult.removedProps,
-                addedProps: [],
-            })}`
-            : '↪️  Update selected sequence props';
+    const undoMessage = `↩️  ${undoLabel}`;
+    const redoMessage = `↪️  ${redoLabel}`;
     (0, undo_stack_1.pushTransactionToUndoStack)({
         snapshots,
         logLevel,

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

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

package/dist/preview-server/routes/update-effect-keyframe-settings.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateEffectKeyframeSettingsHandler = 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 updateEffectKeyframeSettingsHandler = ({ input: { fileName, sequenceNodePath, effectIndex, key, settings, schema, clientId, }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[update-effect-keyframe-settings] Received request for fileName="${fileName}" effectIndex=${effectIndex} key="${key}"`);
+    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, updatedSequenceNodePath, } = await (0, update_keyframes_1.updateEffectKeyframes)({
+        input: fileContents,
+        sequenceNodePath: sequenceNodePath.nodePath,
+        effectIndex,
+        schema,
+        updates: [
+            {
+                key,
+                operation: {
+                    type: 'settings',
+                    clamping: settings.clamping,
+                    posterize: settings.posterize,
+                },
+            },
+        ],
+    });
+    const undoPropChange = `${key} keyframe settings reverted`;
+    const redoPropChange = `${key} keyframe settings updated`;
+    (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: oldValueStrings[0],
+        newValueString: newValueStrings[0],
+        defaultValueString: null,
+        formatted,
+        logLevel,
+        removedProps: [],
+        addedProps: [],
+    });
+    (0, undo_stack_1.printUndoHint)(logLevel);
+    const ast = (0, parse_ast_1.parseAst)(output);
+    const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, updatedSequenceNodePath);
+    if (!jsx) {
+        return {
+            canUpdate: false,
+            effectIndex,
+            reason: 'not-found',
+        };
+    }
+    return (0, can_update_effect_props_1.computeEffectPropStatus)({
+        ast,
+        jsx,
+        effectIndex,
+        keys: (0, studio_shared_1.getAllSchemaKeys)(schema),
+    });
+});
+exports.updateEffectKeyframeSettingsHandler = updateEffectKeyframeSettingsHandler;

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

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

package/dist/preview-server/routes/update-sequence-keyframe-settings.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateSequenceKeyframeSettingsHandler = 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 updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, key, settings, schema, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[update-sequence-keyframe-settings] Received request for fileName="${fileName}" key="${key}"`);
+    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, updatedNodePath, } = await (0, update_keyframes_1.updateSequenceKeyframes)({
+        input: fileContents,
+        nodePath: nodePath.nodePath,
+        schema,
+        updates: [
+            {
+                key,
+                operation: {
+                    type: 'settings',
+                    clamping: settings.clamping,
+                    posterize: settings.posterize,
+                },
+            },
+        ],
+    });
+    const undoPropChange = `${key} keyframe settings reverted`;
+    const redoPropChange = `${key} keyframe settings updated`;
+    (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: oldValueStrings[0],
+        newValueString: newValueStrings[0],
+        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: updatedNodePath,
+        effects: [],
+    });
+    const updatedSubscriptionKey = { ...nodePath, nodePath: updatedNodePath };
+    return {
+        canUpdate: true,
+        props: status.props,
+        results: [
+            { fileName, nodePath: updatedSubscriptionKey, props: status.props },
+        ],
+    };
+});
+exports.updateSequenceKeyframeSettingsHandler = updateSequenceKeyframeSettingsHandler;

package/dist/preview-server/undo-stack.d.ts

@@ -3,7 +3,7 @@ export interface UndoEntryDescription {
     undoMessage: string;
     redoMessage: string;
 }
-type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'paste-effects' | 'reorder-effect' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'duplicate-composition' | 'delete-folder' | 'rename-folder';
+type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'duplicate-composition' | 'delete-folder' | 'rename-folder';
 type UndoEntrySnapshot = {
     filePath: string;
     oldContents: string;
@@ -37,6 +37,8 @@ type UndoEntry = {
     entryType: 'paste-effects';
 } | {
     entryType: 'reorder-effect';
+} | {
+    entryType: 'reorder-sequence';
 } | {
     entryType: 'delete-jsx-node';
 } | {

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.472",
+	"version": "4.0.474",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -27,11 +27,11 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.472",
+		"remotion": "4.0.474",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.472",
-		"@remotion/renderer": "4.0.472",
-		"@remotion/studio-shared": "4.0.472",
+		"@remotion/bundler": "4.0.474",
+		"@remotion/renderer": "4.0.474",
+		"@remotion/studio-shared": "4.0.474",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -39,7 +39,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.472",
+		"@remotion/eslint-config-internal": "4.0.474",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"