@remotion/studio-server 4.0.458 → 4.0.460

package/dist/codemods/delete-jsx-node.d.ts

@@ -1,5 +1,5 @@
 import type { File, JSXElement } from '@babel/types';
-import type { SequenceNodePath } from '@remotion/studio-shared';
+import type { SequenceNodePath } from 'remotion';
 /** e.g. `<Video>` or `<Remotion.Sequence>` for logs and undo copy. */
 export declare const getJsxElementTagLabel: (element: JSXElement) => string;
 export declare const findJsxElementPathForDeletion: (ast: File, nodePath: SequenceNodePath) => import("ast-types/lib/node-path").NodePath<N, V> | null;

package/dist/codemods/duplicate-jsx-node.d.ts

@@ -1,4 +1,4 @@
-import type { SequenceNodePath } from '@remotion/studio-shared';
+import type { SequenceNodePath } from 'remotion';
 export declare const duplicateJsxElementAtPath: (jsxPath: import("ast-types/lib/node-path").NodePath<N, V>) => void;
 export declare const duplicateJsxNode: ({ input, nodePath, prettierConfigOverride, }: {
     input: string;

package/dist/codemods/jsx-sequence-context.d.ts

@@ -1,5 +1,5 @@
 import type { Expression, File } from '@babel/types';
-import type { SequenceNodePath } from '@remotion/studio-shared';
+import type { SequenceNodePath } from 'remotion';
 /**
  * Whether the callee is a `.map(...)` member call (including optional `?.map`).
  */

package/dist/codemods/update-sequence-props.d.ts

@@ -1,4 +1,4 @@
-import type { SequenceNodePath } from '@remotion/studio-shared';
+import type { SequenceNodePath } from 'remotion';
 import type { SequenceSchema } from 'remotion';
 export type SequencePropUpdate = {
     key: string;

package/dist/helpers/get-ast-node-path.d.ts

@@ -1,3 +1,3 @@
 import type { File } from '@babel/types';
-import type { SequenceNodePath } from '@remotion/studio-shared';
+import type { SequenceNodePath } from 'remotion';
 export declare const getAstNodePath: (ast: File, nodePath: SequenceNodePath) => import("ast-types/lib/node-path").NodePath<N, V> | null;

package/dist/preview-server/node-path-cache.d.ts

@@ -1,4 +1,4 @@
-import type { SequenceNodePath } from '@remotion/studio-shared';
+import type { SequenceNodePath } from 'remotion';
 export declare const getCachedNodePath: (fileName: string, line: number, column: number) => SequenceNodePath | undefined;
 export declare const setCachedNodePath: (fileName: string, line: number, column: number, nodePath: SequenceNodePath) => void;
 export declare const clearNodePathCache: () => void;

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

@@ -1,5 +1,5 @@
 import type { Expression, File, JSXOpeningElement } from '@babel/types';
-import type { CanUpdateSequencePropsResponse, SequenceNodePath } from '@remotion/studio-shared';
+import type { CanUpdateSequencePropsResponse, SequenceNodePath } from 'remotion';
 export declare const isStaticValue: (node: Expression) => boolean;
 export declare const extractStaticValue: (node: Expression) => unknown;
 export declare const findJsxElementAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXOpeningElement | null;

package/dist/preview-server/sequence-props-watchers.d.ts

@@ -1,4 +1,4 @@
-import type { CanUpdateSequencePropsResponse, SequenceNodePath } from '@remotion/studio-shared';
+import type { CanUpdateSequencePropsResponse, SequenceNodePath } from 'remotion';
 export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, keys, remotionRoot, clientId, }: {
     fileName: string;
     line: number;

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

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

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)({

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