@remotion/studio-server 4.0.438 → 4.0.440

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

@@ -1,6 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pushToUndoStack = pushToUndoStack;
+exports.printUndoHint = printUndoHint;
 exports.pushToRedoStack = pushToRedoStack;
 exports.suppressUndoStackInvalidation = suppressUndoStackInvalidation;
 exports.popUndo = popUndo;
@@ -8,16 +12,22 @@ exports.popRedo = popRedo;
 exports.getUndoStack = getUndoStack;
 exports.getRedoStack = getRedoStack;
 const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
 const renderer_1 = require("@remotion/renderer");
+const parse_ast_1 = require("../codemods/parse-ast");
+const read_visual_control_values_1 = require("../codemods/read-visual-control-values");
 const file_watcher_1 = require("../file-watcher");
-const hmr_suppression_1 = require("./hmr-suppression");
+const make_link_1 = require("../hyperlinks/make-link");
 const live_events_1 = require("./live-events");
+const watch_ignore_next_change_1 = require("./watch-ignore-next-change");
 const MAX_ENTRIES = 100;
 const undoStack = [];
 const redoStack = [];
 const suppressedWrites = new Map();
 const watchers = new Map();
 let storedLogLevel = 'info';
+let storedRemotionRoot = null;
+let printedUndoHint = false;
 function broadcastState() {
     const undoFile = undoStack.length > 0 ? undoStack[undoStack.length - 1].filePath : null;
     const redoFile = redoStack.length > 0 ? redoStack[redoStack.length - 1].filePath : null;
@@ -29,9 +39,10 @@ function broadcastState() {
         });
     });
 }
-function pushToUndoStack(filePath, oldContents, logLevel) {
+function pushToUndoStack({ filePath, oldContents, logLevel, remotionRoot, description, entryType, }) {
     storedLogLevel = logLevel;
-    undoStack.push({ filePath, oldContents });
+    storedRemotionRoot = remotionRoot;
+    undoStack.push({ filePath, oldContents, description, entryType });
     if (undoStack.length > MAX_ENTRIES) {
         undoStack.shift();
     }
@@ -40,8 +51,15 @@ function pushToUndoStack(filePath, oldContents, logLevel) {
     ensureWatching(filePath);
     broadcastState();
 }
-function pushToRedoStack(filePath, oldContents) {
-    redoStack.push({ filePath, oldContents });
+function printUndoHint(logLevel) {
+    if (!printedUndoHint) {
+        printedUndoHint = true;
+        const shortcut = process.platform === 'darwin' ? 'Cmd+Z' : 'Ctrl+Z';
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`Tip: ${shortcut} in Studio to undo`));
+    }
+}
+function pushToRedoStack(filePath, oldContents, description, entryType) {
+    redoStack.push({ filePath, oldContents, description, entryType });
     if (redoStack.length > MAX_ENTRIES) {
         redoStack.shift();
     }
@@ -121,17 +139,54 @@ function cleanupWatchers() {
         }
     }
 }
+function emitVisualControlChanges(fileContents) {
+    try {
+        const ast = (0, parse_ast_1.parseAst)(fileContents);
+        const values = (0, read_visual_control_values_1.readVisualControlValues)(ast);
+        if (values.length > 0) {
+            (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+                listener.sendEventToClient({
+                    type: 'visual-control-values-changed',
+                    values,
+                });
+            });
+        }
+    }
+    catch (_a) {
+        // File might not contain visual controls or might not be parseable
+    }
+}
+function logFileAction(action, filePath) {
+    const locationLabel = storedRemotionRoot
+        ? node_path_1.default.relative(storedRemotionRoot, filePath)
+        : filePath;
+    const fileLink = (0, make_link_1.makeHyperlink)({
+        url: `file://${filePath}`,
+        text: locationLabel,
+        fallback: locationLabel,
+    });
+    renderer_1.RenderInternals.Log.info({ indent: false, logLevel: storedLogLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${fileLink}:`)} ${action}`);
+}
 function popUndo() {
     const entry = undoStack.pop();
     if (!entry) {
         return { success: false, reason: 'Nothing to undo' };
     }
     const currentContents = (0, node_fs_1.readFileSync)(entry.filePath, 'utf-8');
-    redoStack.push({ filePath: entry.filePath, oldContents: currentContents });
+    redoStack.push({
+        filePath: entry.filePath,
+        oldContents: currentContents,
+        description: entry.description,
+        entryType: entry.entryType,
+    });
     suppressUndoStackInvalidation(entry.filePath);
-    (0, hmr_suppression_1.suppressHmrForFile)(entry.filePath);
-    (0, node_fs_1.writeFileSync)(entry.filePath, entry.oldContents);
+    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(entry.filePath);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents);
     renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Undo: restored ${entry.filePath} (undo: ${undoStack.length}, redo: ${redoStack.length})`));
+    logFileAction(entry.description.undoMessage, entry.filePath);
+    if (entry.entryType === 'visual-control') {
+        emitVisualControlChanges(entry.oldContents);
+    }
     ensureWatching(entry.filePath);
     broadcastState();
     return { success: true };
@@ -142,11 +197,20 @@ function popRedo() {
         return { success: false, reason: 'Nothing to redo' };
     }
     const currentContents = (0, node_fs_1.readFileSync)(entry.filePath, 'utf-8');
-    undoStack.push({ filePath: entry.filePath, oldContents: currentContents });
+    undoStack.push({
+        filePath: entry.filePath,
+        oldContents: currentContents,
+        description: entry.description,
+        entryType: entry.entryType,
+    });
     suppressUndoStackInvalidation(entry.filePath);
-    (0, hmr_suppression_1.suppressHmrForFile)(entry.filePath);
-    (0, node_fs_1.writeFileSync)(entry.filePath, entry.oldContents);
+    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(entry.filePath);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents);
     renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Redo: restored ${entry.filePath} (undo: ${undoStack.length}, redo: ${redoStack.length})`));
+    logFileAction(entry.description.redoMessage, entry.filePath);
+    if (entry.entryType === 'visual-control') {
+        emitVisualControlChanges(entry.oldContents);
+    }
     ensureWatching(entry.filePath);
     broadcastState();
     return { success: true };

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

@@ -0,0 +1,3 @@
+import type { WatchIgnoreNextChangePlugin } from '@remotion/bundler';
+export declare const setWatchIgnoreNextChangePlugin: (plugin: WatchIgnoreNextChangePlugin) => void;
+export declare const suppressBundlerUpdateForFile: (absolutePath: string) => void;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
+let currentPlugin = null;
+const setWatchIgnoreNextChangePlugin = (plugin) => {
+    currentPlugin = plugin;
+};
+exports.setWatchIgnoreNextChangePlugin = setWatchIgnoreNextChangePlugin;
+const suppressBundlerUpdateForFile = (absolutePath) => {
+    currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.ignoreNextChange(absolutePath);
+};
+exports.suppressBundlerUpdateForFile = suppressBundlerUpdateForFile;

package/dist/start-studio.js

@@ -8,6 +8,7 @@ const node_crypto_1 = __importDefault(require("node:crypto"));
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
 const renderer_1 = require("@remotion/renderer");
+const file_watcher_1 = require("./file-watcher");
 const get_network_address_1 = require("./get-network-address");
 const maybe_open_browser_1 = require("./maybe-open-browser");
 const close_and_restart_1 = require("./preview-server/close-and-restart");
@@ -30,6 +31,8 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         }
     }
     catch (_a) { }
+    // Validate that the file watcher registry has been initialized
+    (0, file_watcher_1.getFileWatcherRegistry)();
     (0, watch_root_file_1.watchRootFile)(remotionRoot, previewEntry);
     const publicDir = (0, get_absolute_public_dir_1.getAbsolutePublicDir)({
         relativePublicDir,

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.438",
+	"version": "4.0.440",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"sideEffects": false,
@@ -27,11 +27,11 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.438",
+		"remotion": "4.0.440",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.438",
-		"@remotion/renderer": "4.0.438",
-		"@remotion/studio-shared": "4.0.438",
+		"@remotion/bundler": "4.0.440",
+		"@remotion/renderer": "4.0.440",
+		"@remotion/studio-shared": "4.0.440",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2"
@@ -41,7 +41,7 @@
 		"react": "19.2.3",
 		"@babel/types": "7.24.0",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.438",
+		"@remotion/eslint-config-internal": "4.0.440",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"