@remotion/studio-server 4.0.523 → 4.0.525

package/dist/preview-server/studio-protocol/origin-policy.js

@@ -3,11 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolOptions = exports.setStudioProtocolCorsHeaders = exports.getAllowedStudioProtocolOrigin = void 0;
 const isLoopbackHttp = (url) => url.protocol === 'http:' &&
     (url.hostname === 'localhost' || url.hostname === '127.0.0.1');
-const getAllowedStudioProtocolOrigin = (origin) => {
-    if (!origin) {
-        return null;
-    }
+const getAllowedStudioProtocolOrigin = (request) => {
     try {
+        const { origin, referer, host } = request.headers;
+        if (origin === undefined) {
+            // Browsers omit Origin on same-origin GET requests. Only trust a
+            // Referer matching this local HTTP Studio, never an arbitrary site.
+            const refererUrl = new URL(referer !== null && referer !== void 0 ? referer : '');
+            return isLoopbackHttp(refererUrl) &&
+                refererUrl.origin === `http://${host}`
+                ? refererUrl.origin
+                : null;
+        }
         const url = new URL(origin);
         if (url.protocol !== 'https:' && !isLoopbackHttp(url)) {
             return null;
@@ -20,7 +27,7 @@ const getAllowedStudioProtocolOrigin = (origin) => {
 };
 exports.getAllowedStudioProtocolOrigin = getAllowedStudioProtocolOrigin;
 const setStudioProtocolCorsHeaders = ({ request, response, }) => {
-    const origin = (0, exports.getAllowedStudioProtocolOrigin)(request.headers.origin);
+    const origin = (0, exports.getAllowedStudioProtocolOrigin)(request);
     if (origin === null) {
         return;
     }
@@ -34,7 +41,7 @@ const setStudioProtocolCorsHeaders = ({ request, response, }) => {
 exports.setStudioProtocolCorsHeaders = setStudioProtocolCorsHeaders;
 const handleStudioProtocolOptions = ({ request, response, }) => {
     (0, exports.setStudioProtocolCorsHeaders)({ request, response });
-    const origin = (0, exports.getAllowedStudioProtocolOrigin)(request.headers.origin);
+    const origin = (0, exports.getAllowedStudioProtocolOrigin)(request);
     response.writeHead(origin === null ? 403 : 204);
     response.end();
     return Promise.resolve();

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

@@ -1,5 +1,5 @@
 import type { LogLevel } from '@remotion/renderer';
-import type { RedoResponse, SequenceNodePathRemapping, UndoResponse } from '@remotion/studio-shared';
+import type { RedoResponse, SequenceNodePathRemapping, UndoRedoNavigation, UndoResponse } from '@remotion/studio-shared';
 export interface UndoEntryDescription {
     undoMessage: string;
     redoMessage: string;
@@ -22,6 +22,7 @@ type UndoEntry = {
     /** When true, undo/redo file restores call `suppressBundlerUpdateForFile` (skip HMR refresh). */
     suppressHmrOnFileRestore: boolean;
     entryType: UndoEntryType;
+    undoRedoNavigation: UndoRedoNavigation | null;
 };
 export declare function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, nodePathRemappings }: {
     filePath: string;
@@ -35,7 +36,7 @@ export declare function pushToUndoStack({ filePath, oldContents, newContents, lo
     suppressHmrOnFileRestore: boolean;
     nodePathRemappings: SequenceNodePathRemapping[] | null;
 }): void;
-export declare function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, description, entryType, suppressHmrOnFileRestore }: {
+export declare function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, description, entryType, suppressHmrOnFileRestore, undoRedoNavigation }: {
     snapshots: Array<{
         filePath: string;
         oldContents: string | null;
@@ -48,6 +49,7 @@ export declare function pushTransactionToUndoStack({ snapshots, logLevel, remoti
     description: UndoEntryDescription;
     entryType: UndoEntryType;
     suppressHmrOnFileRestore: boolean;
+    undoRedoNavigation: UndoRedoNavigation | null;
 }): void;
 export declare function printUndoHint(logLevel: LogLevel): void;
 export declare function pushToRedoStack({ filePath, oldContents, newContents, logLine, description, entryType, suppressHmrOnFileRestore }: {

package/dist/preview-server/undo-stack.js

@@ -44,7 +44,7 @@ const entryTouchesFile = (entry, filePath) => {
 const getEntryFilePaths = (entry) => {
     return entry.snapshots.map((snapshot) => snapshot.filePath);
 };
-const makeUndoEntry = ({ snapshots, description, entryType, suppressHmrOnFileRestore, }) => {
+const makeUndoEntry = ({ snapshots, description, entryType, suppressHmrOnFileRestore, undoRedoNavigation, }) => {
     if (snapshots.length === 0) {
         throw new Error('Cannot create an undo entry without snapshots');
     }
@@ -55,6 +55,7 @@ const makeUndoEntry = ({ snapshots, description, entryType, suppressHmrOnFileRes
         description,
         entryType,
         suppressHmrOnFileRestore,
+        undoRedoNavigation,
     };
 };
 function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, nodePathRemappings, }) {
@@ -73,9 +74,10 @@ function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotio
         description,
         entryType,
         suppressHmrOnFileRestore,
+        undoRedoNavigation: null,
     });
 }
-function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, description, entryType, suppressHmrOnFileRestore, }) {
+function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, description, entryType, suppressHmrOnFileRestore, undoRedoNavigation, }) {
     storedLogLevel = logLevel;
     storedRemotionRoot = remotionRoot;
     const entry = makeUndoEntry({
@@ -83,6 +85,7 @@ function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, descrip
         description,
         entryType,
         suppressHmrOnFileRestore,
+        undoRedoNavigation,
     });
     undoStack.push(entry);
     if (undoStack.length > MAX_ENTRIES) {
@@ -116,6 +119,7 @@ function pushToRedoStack({ filePath, oldContents, newContents, logLine, descript
         description,
         entryType,
         suppressHmrOnFileRestore,
+        undoRedoNavigation: null,
     });
     redoStack.push(entry);
     if (redoStack.length > MAX_ENTRIES) {
@@ -228,6 +232,8 @@ function logFileAction(action, filePath, logLine) {
     renderer_1.RenderInternals.Log.info({ indent: false, logLevel: storedLogLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} ${action}`);
 }
 function popUndo() {
+    var _a;
+    var _b;
     const entry = undoStack.pop();
     if (!entry) {
         return { success: false, reason: 'Nothing to undo' };
@@ -246,6 +252,7 @@ function popUndo() {
         description: entry.description,
         entryType: entry.entryType,
         suppressHmrOnFileRestore: entry.suppressHmrOnFileRestore,
+        undoRedoNavigation: entry.undoRedoNavigation,
     }));
     if (redoStack.length > MAX_ENTRIES) {
         redoStack.shift();
@@ -297,9 +304,15 @@ function popUndo() {
         ensureWatching(filePath);
     }
     broadcastState();
-    return { success: true, nodePathMutation };
+    return {
+        success: true,
+        nodePathMutation,
+        route: (_b = (_a = entry.undoRedoNavigation) === null || _a === void 0 ? void 0 : _a.undoRoute) !== null && _b !== void 0 ? _b : null,
+    };
 }
 function popRedo() {
+    var _a;
+    var _b;
     const entry = redoStack.pop();
     if (!entry) {
         return { success: false, reason: 'Nothing to redo' };
@@ -319,6 +332,7 @@ function popRedo() {
         description: entry.description,
         entryType: entry.entryType,
         suppressHmrOnFileRestore: entry.suppressHmrOnFileRestore,
+        undoRedoNavigation: entry.undoRedoNavigation,
     }));
     if (undoStack.length > MAX_ENTRIES) {
         undoStack.shift();
@@ -362,7 +376,11 @@ function popRedo() {
         ensureWatching(filePath);
     }
     broadcastState();
-    return { success: true, nodePathMutation };
+    return {
+        success: true,
+        nodePathMutation,
+        route: (_b = (_a = entry.undoRedoNavigation) === null || _a === void 0 ? void 0 : _a.redoRoute) !== null && _b !== void 0 ? _b : null,
+    };
 }
 /*
  * Keep stack accessors typed as readonly arrays so callers can only inspect

package/dist/preview-server/watch-ignore-next-change.d.ts

@@ -1,4 +1,5 @@
 import type { WatchIgnoreNextChangePlugin } from '@remotion/bundler';
 export declare const setWatchIgnoreNextChangePlugin: (plugin: WatchIgnoreNextChangePlugin) => void;
 export declare const suppressBundlerUpdateForFile: (absolutePath: string) => void;
+export declare const invalidatePreviouslySuppressedFiles: () => Promise<boolean>;
 export declare const reloadPreviouslySuppressedFiles: () => Promise<void>;

package/dist/preview-server/watch-ignore-next-change.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reloadPreviouslySuppressedFiles = exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
+exports.reloadPreviouslySuppressedFiles = exports.invalidatePreviouslySuppressedFiles = exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
 const node_fs_1 = require("node:fs");
 let currentPlugin = null;
 const setWatchIgnoreNextChangePlugin = (plugin) => {
@@ -11,6 +11,24 @@ const suppressBundlerUpdateForFile = (absolutePath) => {
     currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.ignoreNextChange(absolutePath);
 };
 exports.suppressBundlerUpdateForFile = suppressBundlerUpdateForFile;
+const invalidatePreviouslySuppressedFiles = async () => {
+    if (!currentPlugin) {
+        return false;
+    }
+    const files = currentPlugin.consumeSuppressedFilesForRebuild();
+    const now = new Date();
+    const touchedFiles = await Promise.all(files.map(async (file) => {
+        try {
+            await node_fs_1.promises.utimes(file, now, now);
+            return true;
+        }
+        catch (_a) {
+            return false;
+        }
+    }));
+    return touchedFiles.some(Boolean);
+};
+exports.invalidatePreviouslySuppressedFiles = invalidatePreviouslySuppressedFiles;
 // Why do we need this?
 // Consider we have a <Sequence>.
 // 1. In visual mode, we update it to layout='none'. This is reflected in the browser and in the code,
@@ -21,16 +39,6 @@ exports.suppressBundlerUpdateForFile = suppressBundlerUpdateForFile;
 //    The same happens again - infinite loop!
 // --> When reloading the Studio, it is a good idea to reset Webpack to a non-hacked state.
 const reloadPreviouslySuppressedFiles = async () => {
-    if (!currentPlugin) {
-        return;
-    }
-    const files = currentPlugin.consumeSuppressedFilesHistory();
-    const now = new Date();
-    await Promise.all(files.map(async (file) => {
-        try {
-            await node_fs_1.promises.utimes(file, now, now);
-        }
-        catch (_a) { }
-    }));
+    await (0, exports.invalidatePreviouslySuppressedFiles)();
 };
 exports.reloadPreviouslySuppressedFiles = reloadPreviouslySuppressedFiles;

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.523",
+	"version": "4.0.525",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.523",
+		"@remotion/studio-protocol": "4.0.525",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
@@ -32,12 +32,12 @@
 		"semver": "7.5.3",
 		"zod": "4.5.4",
 		"prettier": "3.8.1",
-		"remotion": "4.0.523",
+		"remotion": "4.0.525",
 		"recast": "0.23.21",
-		"@remotion/bundler": "4.0.523",
-		"@remotion/renderer": "4.0.523",
-		"@remotion/studio-codemods": "4.0.523",
-		"@remotion/studio-shared": "4.0.523",
+		"@remotion/bundler": "4.0.525",
+		"@remotion/renderer": "4.0.525",
+		"@remotion/studio-codemods": "4.0.525",
+		"@remotion/studio-shared": "4.0.525",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -45,7 +45,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.523",
+		"@remotion/eslint-config-internal": "4.0.525",
 		"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;