@remotion/studio-server 4.0.459 → 4.0.461

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
+exports.reloadPreviouslySuppressedFiles = exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
+const node_fs_1 = require("node:fs");
 let currentPlugin = null;
 const setWatchIgnoreNextChangePlugin = (plugin) => {
     currentPlugin = plugin;
@@ -10,3 +11,26 @@ const suppressBundlerUpdateForFile = (absolutePath) => {
     currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.ignoreNextChange(absolutePath);
 };
 exports.suppressBundlerUpdateForFile = suppressBundlerUpdateForFile;
+// 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,
+//    but Webpack is not aware because we suppressed the file change
+// 2. Reload the page. Sequence registers still as layout={undefined}, then listens to sequence props
+//    asynchronously!
+// 3. Server says that layout="none" is the case, props gets updated, and this reloads the <Sequence>.
+//    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) { }
+    }));
+};
+exports.reloadPreviouslySuppressedFiles = reloadPreviouslySuppressedFiles;

package/dist/routes.js

@@ -53,6 +53,7 @@ const handler_1 = require("./preview-server/handler");
 const parse_body_1 = require("./preview-server/parse-body");
 const public_folder_1 = require("./preview-server/public-folder");
 const serve_static_1 = require("./preview-server/serve-static");
+const watch_ignore_next_change_1 = require("./preview-server/watch-ignore-next-change");
 const editorGuess = (0, open_in_editor_1.guessEditor)();
 const loggedStaticFileHints = new Set();
 const static404 = (response) => {
@@ -79,6 +80,11 @@ const handleRemotionConfig = (response, remotionRoot) => {
     return Promise.resolve();
 };
 const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, numberOfAudioTags, audioLatencyHint, gitSource, logLevel, enableCrossSiteIsolation, }) => {
+    var _a;
+    const acceptsHtml = ((_a = request.headers.accept) !== null && _a !== void 0 ? _a : '').includes('text/html');
+    if (request.method === 'GET' && acceptsHtml) {
+        await (0, watch_ignore_next_change_1.reloadPreviouslySuppressedFiles)();
+    }
     const requestUrl = new URL(request.url, 'http://localhost');
     const { pathname } = requestUrl;
     const staticFileHint = (0, get_static_file_fallback_hint_1.getStaticFileFallbackHint)({
@@ -311,17 +317,6 @@ const handleBeep = (_, response) => {
     readStream.pipe(response);
     return Promise.resolve();
 };
-const handleWasm = (_, response) => {
-    const filePath = node_path_1.default.resolve(require.resolve('source-map'), '..', 'lib', 'mappings.wasm');
-    const stat = (0, node_fs_1.statSync)(filePath);
-    response.writeHead(200, {
-        'Content-Type': 'application/wasm',
-        'Content-Length': stat.size,
-    });
-    const readStream = (0, node_fs_1.createReadStream)(filePath);
-    readStream.pipe(response);
-    return Promise.resolve();
-};
 const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, numberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, audioLatencyHint, enableCrossSiteIsolation, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/file-source') {
@@ -385,9 +380,6 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
     if (url.pathname === '/beep.wav') {
         return handleBeep(request, response);
     }
-    if (url.pathname === studio_shared_1.SOURCE_MAP_ENDPOINT) {
-        return handleWasm(request, response);
-    }
     if (url.pathname === '/__remotion_config') {
         return handleRemotionConfig(response, remotionRoot);
     }

package/dist/start-studio.d.ts

@@ -6,7 +6,7 @@ export type StartStudioResult = {
 } | {
     type: 'already-running';
 };
-export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }: {
+export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }: {
     browserArgs: string;
     browserFlag: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
@@ -20,7 +20,6 @@ export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser
     remotionRoot: string;
     keyboardShortcutsEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
-    experimentalVisualModeEnabled: boolean;
     relativePublicDir: string | null;
     webpackOverride: WebpackOverrideFn;
     poll: number | null;

package/dist/start-studio.js

@@ -18,7 +18,7 @@ const public_folder_1 = require("./preview-server/public-folder");
 const start_server_1 = require("./preview-server/start-server");
 const server_ready_1 = require("./server-ready");
 const watch_root_file_1 = require("./watch-root-file");
-const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }) => {
+const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }) => {
     try {
         if (typeof Bun === 'undefined') {
             process.title = 'node (npx remotion studio)';
@@ -72,7 +72,6 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         remotionRoot,
         keyboardShortcutsEnabled,
         experimentalClientSideRenderingEnabled,
-        experimentalVisualModeEnabled,
         publicDir,
         webpackOverride,
         poll,

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.459",
+	"version": "4.0.461",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"sideEffects": false,
@@ -28,20 +28,19 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.459",
+		"remotion": "4.0.461",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.459",
-		"@remotion/renderer": "4.0.459",
-		"@remotion/studio-shared": "4.0.459",
+		"@remotion/bundler": "4.0.461",
+		"@remotion/renderer": "4.0.461",
+		"@remotion/studio-shared": "4.0.461",
 		"memfs": "3.4.3",
-		"source-map": "0.7.3",
-		"open": "^8.4.2"
+		"open": "8.4.2"
 	},
 	"devDependencies": {
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
-		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.459",
+		"@types/semver": "7.5.3",
+		"@remotion/eslint-config-internal": "4.0.461",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"