@remotion/studio-server 4.0.469 → 4.0.471

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pushToUndoStack = pushToUndoStack;
+exports.pushTransactionToUndoStack = pushTransactionToUndoStack;
 exports.printUndoHint = printUndoHint;
 exports.pushToRedoStack = pushToRedoStack;
 exports.suppressUndoStackInvalidation = suppressUndoStackInvalidation;
@@ -8,6 +9,7 @@ exports.popUndo = popUndo;
 exports.popRedo = popRedo;
 exports.getUndoStack = getUndoStack;
 exports.getRedoStack = getRedoStack;
+exports.clearUndoStackForTests = clearUndoStackForTests;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const parse_ast_1 = require("../codemods/parse-ast");
@@ -35,23 +37,60 @@ function broadcastState() {
         });
     });
 }
-function pushToUndoStack({ filePath, oldContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, }) {
+const entryTouchesFile = (entry, filePath) => {
+    return entry.snapshots.some((snapshot) => snapshot.filePath === filePath);
+};
+const getEntryFilePaths = (entry) => {
+    return entry.snapshots.map((snapshot) => snapshot.filePath);
+};
+const makeUndoEntry = ({ snapshots, description, entryType, suppressHmrOnFileRestore, }) => {
+    if (snapshots.length === 0) {
+        throw new Error('Cannot create an undo entry without snapshots');
+    }
+    return {
+        filePath: snapshots[0].filePath,
+        logLine: snapshots[0].logLine,
+        snapshots,
+        description,
+        entryType,
+        suppressHmrOnFileRestore,
+    };
+};
+function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, }) {
+    pushTransactionToUndoStack({
+        snapshots: [
+            {
+                filePath,
+                oldContents,
+                newContents,
+                logLine,
+            },
+        ],
+        logLevel,
+        remotionRoot,
+        description,
+        entryType,
+        suppressHmrOnFileRestore,
+    });
+}
+function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, description, entryType, suppressHmrOnFileRestore, }) {
     storedLogLevel = logLevel;
     storedRemotionRoot = remotionRoot;
-    undoStack.push({
-        filePath,
-        oldContents,
-        logLine,
+    const entry = makeUndoEntry({
+        snapshots,
         description,
         entryType,
         suppressHmrOnFileRestore,
     });
+    undoStack.push(entry);
     if (undoStack.length > MAX_ENTRIES) {
         undoStack.shift();
     }
     redoStack.length = 0;
-    renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`Undo stack: added entry for ${filePath} (${undoStack.length} items)`));
-    ensureWatching(filePath);
+    renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`Undo stack: added entry for ${entry.filePath} (${undoStack.length} items)`));
+    for (const filePath of getEntryFilePaths(entry)) {
+        ensureWatching(filePath);
+    }
     broadcastState();
 }
 function printUndoHint(logLevel) {
@@ -61,20 +100,28 @@ function printUndoHint(logLevel) {
         renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`Tip: ${shortcut} in Studio to undo`));
     }
 }
-function pushToRedoStack({ filePath, oldContents, logLine, description, entryType, suppressHmrOnFileRestore, }) {
-    redoStack.push({
-        filePath,
-        oldContents,
-        logLine,
+function pushToRedoStack({ filePath, oldContents, newContents, logLine, description, entryType, suppressHmrOnFileRestore, }) {
+    const entry = makeUndoEntry({
+        snapshots: [
+            {
+                filePath,
+                oldContents,
+                newContents,
+                logLine,
+            },
+        ],
         description,
         entryType,
         suppressHmrOnFileRestore,
     });
+    redoStack.push(entry);
     if (redoStack.length > MAX_ENTRIES) {
         redoStack.shift();
     }
-    renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Redo stack: added entry for ${filePath} (${redoStack.length} items)`));
-    ensureWatching(filePath);
+    renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Redo stack: added entry for ${entry.filePath} (${redoStack.length} items)`));
+    for (const watchedFilePath of getEntryFilePaths(entry)) {
+        ensureWatching(watchedFilePath);
+    }
     broadcastState();
 }
 function suppressUndoStackInvalidation(filePath) {
@@ -109,7 +156,7 @@ function invalidateForFile(filePath) {
     let changed = false;
     let lastUndoIndex = -1;
     for (let i = undoStack.length - 1; i >= 0; i--) {
-        if (undoStack[i].filePath === filePath) {
+        if (entryTouchesFile(undoStack[i], filePath)) {
             lastUndoIndex = i;
             break;
         }
@@ -122,7 +169,7 @@ function invalidateForFile(filePath) {
     }
     let lastRedoIndex = -1;
     for (let i = redoStack.length - 1; i >= 0; i--) {
-        if (redoStack[i].filePath === filePath) {
+        if (entryTouchesFile(redoStack[i], filePath)) {
             lastRedoIndex = i;
             break;
         }
@@ -140,8 +187,8 @@ function invalidateForFile(filePath) {
 }
 function cleanupWatchers() {
     const filesInStacks = new Set([
-        ...undoStack.map((e) => e.filePath),
-        ...redoStack.map((e) => e.filePath),
+        ...undoStack.flatMap(getEntryFilePaths),
+        ...redoStack.flatMap(getEntryFilePaths),
     ]);
     for (const [filePath, watcher] of watchers) {
         if (!filesInStacks.has(filePath)) {
@@ -182,26 +229,39 @@ function popUndo() {
     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,
-        logLine: entry.logLine,
+    const redoSnapshots = entry.snapshots.map((snapshot) => {
+        var _a;
+        return {
+            ...snapshot,
+            newContents: (_a = snapshot.newContents) !== null && _a !== void 0 ? _a : (0, node_fs_1.readFileSync)(snapshot.filePath, 'utf-8'),
+        };
+    });
+    redoStack.push(makeUndoEntry({
+        snapshots: redoSnapshots,
         description: entry.description,
         entryType: entry.entryType,
         suppressHmrOnFileRestore: entry.suppressHmrOnFileRestore,
-    });
-    suppressUndoStackInvalidation(entry.filePath);
-    if (entry.suppressHmrOnFileRestore) {
-        (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(entry.filePath);
+    }));
+    if (redoStack.length > MAX_ENTRIES) {
+        redoStack.shift();
+    }
+    for (const snapshot of entry.snapshots) {
+        suppressUndoStackInvalidation(snapshot.filePath);
+        if (entry.suppressHmrOnFileRestore) {
+            (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
+        }
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.oldContents, undefined);
     }
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents, undefined);
     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, entry.logLine);
     if (entry.entryType === 'visual-control') {
-        emitVisualControlChanges(entry.oldContents);
+        for (const snapshot of entry.snapshots) {
+            emitVisualControlChanges(snapshot.oldContents);
+        }
+    }
+    for (const filePath of getEntryFilePaths(entry)) {
+        ensureWatching(filePath);
     }
-    ensureWatching(entry.filePath);
     broadcastState();
     return { success: true };
 }
@@ -210,32 +270,60 @@ function popRedo() {
     if (!entry) {
         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,
-        logLine: entry.logLine,
+    const snapshotsWithNewContents = [];
+    for (const snapshot of entry.snapshots) {
+        if (snapshot.newContents === null) {
+            return { success: false, reason: 'Redo entry is incomplete' };
+        }
+        snapshotsWithNewContents.push({
+            ...snapshot,
+            newContents: snapshot.newContents,
+        });
+    }
+    undoStack.push(makeUndoEntry({
+        snapshots: snapshotsWithNewContents,
         description: entry.description,
         entryType: entry.entryType,
         suppressHmrOnFileRestore: entry.suppressHmrOnFileRestore,
-    });
-    suppressUndoStackInvalidation(entry.filePath);
-    if (entry.suppressHmrOnFileRestore) {
-        (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(entry.filePath);
+    }));
+    if (undoStack.length > MAX_ENTRIES) {
+        undoStack.shift();
+    }
+    for (const snapshot of snapshotsWithNewContents) {
+        suppressUndoStackInvalidation(snapshot.filePath);
+        if (entry.suppressHmrOnFileRestore) {
+            (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
+        }
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.newContents, undefined);
     }
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents, undefined);
     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, entry.logLine);
     if (entry.entryType === 'visual-control') {
-        emitVisualControlChanges(entry.oldContents);
+        for (const snapshot of entry.snapshots) {
+            if (snapshot.newContents !== null) {
+                emitVisualControlChanges(snapshot.newContents);
+            }
+        }
+    }
+    for (const filePath of getEntryFilePaths(entry)) {
+        ensureWatching(filePath);
     }
-    ensureWatching(entry.filePath);
     broadcastState();
     return { success: true };
 }
+/*
+ * Keep stack accessors typed as readonly arrays so callers can only inspect
+ * whether undo/redo is available and which file represents the top entry.
+ */
 function getUndoStack() {
     return undoStack;
 }
 function getRedoStack() {
     return redoStack;
 }
+function clearUndoStackForTests() {
+    undoStack.length = 0;
+    redoStack.length = 0;
+    suppressedWrites.clear();
+    cleanupWatchers();
+}

package/dist/preview-server/validate-same-origin.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage } from 'node:http';
+export declare const validateSameOrigin: (req: IncomingMessage) => void;

package/dist/preview-server/validate-same-origin.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateSameOrigin = void 0;
+const validateSameOrigin = (req) => {
+    const { origin, host } = req.headers;
+    if (origin) {
+        const originUrl = new URL(origin);
+        if (originUrl.host !== host) {
+            throw new Error('Request from different origin not allowed');
+        }
+    }
+};
+exports.validateSameOrigin = validateSameOrigin;

package/dist/routes.d.ts

@@ -2,7 +2,7 @@ import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { GitSource, RenderDefaults, RenderJob } from '@remotion/studio-shared';
 import type { QueueMethods } from './preview-server/api-types';
 import type { LiveEventsServer } from './preview-server/live-events';
-export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, numberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, audioLatencyHint, enableCrossSiteIsolation, }: {
+export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, numberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, audioLatencyHint, previewSampleRate, enableCrossSiteIsolation, }: {
     staticHash: string;
     staticHashPrefix: string;
     outputHash: string;
@@ -23,5 +23,6 @@ export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash,
     gitSource: GitSource | null;
     binariesDirectory: string | null;
     audioLatencyHint: AudioContextLatencyCategory | null;
+    previewSampleRate: number | null;
     enableCrossSiteIsolation: boolean;
 }) => Promise<void>;

package/dist/routes.js

@@ -44,18 +44,16 @@ const studio_shared_1 = require("@remotion/studio-shared");
 const client_render_queue_1 = require("./client-render-queue");
 const get_file_source_1 = require("./helpers/get-file-source");
 const get_installed_installable_packages_1 = require("./helpers/get-installed-installable-packages");
-const open_in_editor_1 = require("./helpers/open-in-editor");
-const resolve_composition_component_1 = require("./helpers/resolve-composition-component");
 const resolve_output_path_1 = require("./helpers/resolve-output-path");
 const api_routes_1 = require("./preview-server/api-routes");
 const get_package_manager_1 = require("./preview-server/get-package-manager");
 const get_static_file_fallback_hint_1 = require("./preview-server/get-static-file-fallback-hint");
 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 open_in_editor_1 = require("./preview-server/routes/open-in-editor");
 const serve_static_1 = require("./preview-server/serve-static");
+const validate_same_origin_1 = require("./preview-server/validate-same-origin");
 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) => {
     response.writeHead(404);
@@ -80,7 +78,7 @@ const handleRemotionConfig = (response, remotionRoot) => {
     response.end(JSON.stringify(body));
     return Promise.resolve();
 };
-const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, numberOfAudioTags, audioLatencyHint, gitSource, logLevel, enableCrossSiteIsolation, }) => {
+const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, numberOfAudioTags, audioLatencyHint, previewSampleRate, gitSource, logLevel, enableCrossSiteIsolation, }) => {
     var _a;
     const acceptsHtml = ((_a = request.headers.accept) !== null && _a !== void 0 ? _a : '').includes('text/html');
     if (request.method === 'GET' && acceptsHtml) {
@@ -103,8 +101,7 @@ const handleFallback = async ({ remotionRoot, hash, response, request, getCurren
             `Change \`"${pathname}"\` to \`staticFile("${pathname}")\` to fix the error.`,
         ].join('\n'));
     }
-    const [edit] = await editorGuess;
-    const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
+    const displayName = await (0, open_in_editor_1.getEditorName)();
     response.setHeader('content-type', 'text/html');
     if (enableCrossSiteIsolation) {
         response.setHeader('Cross-Origin-Opener-Policy', 'same-origin');
@@ -145,6 +142,7 @@ const handleFallback = async ({ remotionRoot, hash, response, request, getCurren
         logLevel,
         mode: 'dev',
         audioLatencyHint: audioLatencyHint !== null && audioLatencyHint !== void 0 ? audioLatencyHint : 'playback',
+        sampleRate: previewSampleRate,
     }));
 };
 const handleFileSource = async ({ method, remotionRoot, search, response, }) => {
@@ -167,88 +165,9 @@ const handleFileSource = async ({ method, remotionRoot, search, response, }) =>
     response.end();
     return Promise.resolve();
 };
-const handleOpenInEditor = async (remotionRoot, req, res, logLevel) => {
-    if (req.method === 'OPTIONS') {
-        res.statusCode = 200;
-        res.end();
-        return;
-    }
-    try {
-        const body = (await (0, parse_body_1.parseRequestBody)(req));
-        if (!('stack' in body)) {
-            throw new TypeError('Need to pass stack');
-        }
-        const stack = body.stack;
-        const guess = await editorGuess;
-        const didOpen = await (0, open_in_editor_1.launchEditor)({
-            colNumber: stack.originalColumnNumber,
-            editor: guess[0],
-            fileName: node_path_1.default.resolve(remotionRoot, stack.originalFileName),
-            lineNumber: stack.originalLineNumber,
-            vsCodeNewWindow: false,
-            logLevel,
-        });
-        res.setHeader('content-type', 'application/json');
-        res.writeHead(200);
-        res.end(JSON.stringify({
-            success: didOpen,
-        }));
-    }
-    catch (_a) {
-        res.setHeader('content-type', 'application/json');
-        res.writeHead(200);
-        res.end(JSON.stringify({
-            success: false,
-        }));
-    }
-};
-const handleGetCompositionComponentInfo = async (remotionRoot, req, res) => {
-    if (req.method === 'OPTIONS') {
-        res.statusCode = 200;
-        res.end();
-        return;
-    }
-    res.setHeader('content-type', 'application/json');
-    try {
-        const body = (await (0, parse_body_1.parseRequestBody)(req));
-        if (typeof body.compositionFile !== 'string') {
-            throw new TypeError('Need to pass compositionFile');
-        }
-        if (typeof body.compositionId !== 'string') {
-            throw new TypeError('Need to pass compositionId');
-        }
-        const location = await (0, resolve_composition_component_1.resolveCompositionComponent)({
-            remotionRoot,
-            compositionFile: body.compositionFile,
-            compositionId: body.compositionId,
-        });
-        res.writeHead(200);
-        res.end(JSON.stringify({
-            success: true,
-            location,
-            canAddSequence: location.canAddSequence,
-        }));
-    }
-    catch (err) {
-        res.writeHead(200);
-        res.end(JSON.stringify({
-            success: false,
-            error: err.message,
-        }));
-    }
-};
-const validateSameOrigin = (req) => {
-    const { origin, host } = req.headers;
-    if (origin) {
-        const originUrl = new URL(origin);
-        if (originUrl.host !== host) {
-            throw new Error('Request from different origin not allowed');
-        }
-    }
-};
 const handleAddAsset = ({ req, res, search, publicDir, }) => {
     try {
-        validateSameOrigin(req);
+        (0, validate_same_origin_1.validateSameOrigin)(req);
         const query = new node_url_1.URLSearchParams(search);
         const filePath = query.get('filePath');
         if (typeof filePath !== 'string') {
@@ -274,7 +193,7 @@ const handleAddAsset = ({ req, res, search, publicDir, }) => {
 };
 const handleUploadOutput = ({ req, res, search, remotionRoot, }) => {
     try {
-        validateSameOrigin(req);
+        (0, validate_same_origin_1.validateSameOrigin)(req);
         const query = new node_url_1.URLSearchParams(search);
         const filePath = query.get('filePath');
         if (typeof filePath !== 'string') {
@@ -303,34 +222,6 @@ const handleUploadOutput = ({ req, res, search, remotionRoot, }) => {
     }
     return Promise.resolve();
 };
-const handleRegisterClientRender = async ({ req, res, remotionRoot, }) => {
-    try {
-        validateSameOrigin(req);
-        const body = (await (0, parse_body_1.parseRequestBody)(req));
-        (0, client_render_queue_1.addCompletedClientRender)({ render: body, remotionRoot });
-        res.setHeader('content-type', 'application/json');
-        res.writeHead(200);
-        res.end(JSON.stringify({ success: true }));
-    }
-    catch (err) {
-        res.statusCode = 500;
-        res.end(JSON.stringify({ error: err.message }));
-    }
-};
-const handleUnregisterClientRender = async ({ req, res, }) => {
-    try {
-        validateSameOrigin(req);
-        const body = (await (0, parse_body_1.parseRequestBody)(req));
-        (0, client_render_queue_1.removeCompletedClientRender)(body.id);
-        res.setHeader('content-type', 'application/json');
-        res.writeHead(200);
-        res.end(JSON.stringify({ success: true }));
-    }
-    catch (err) {
-        res.statusCode = 500;
-        res.end(JSON.stringify({ error: err.message }));
-    }
-};
 const handleFavicon = (_, response) => {
     const filePath = node_path_1.default.join(__dirname, '..', 'web', 'favicon.png');
     const stat = (0, node_fs_1.statSync)(filePath);
@@ -353,7 +244,7 @@ const handleBeep = (_, response) => {
     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 handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, numberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, audioLatencyHint, previewSampleRate, enableCrossSiteIsolation, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/file-source') {
         return handleFileSource({
@@ -363,12 +254,6 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
             response,
         });
     }
-    if (url.pathname === '/api/open-in-editor') {
-        return handleOpenInEditor(remotionRoot, request, response, logLevel);
-    }
-    if (url.pathname === '/api/composition-component-info') {
-        return handleGetCompositionComponentInfo(remotionRoot, request, response);
-    }
     if (url.pathname === `${staticHash}/api/add-asset`) {
         return handleAddAsset({
             req: request,
@@ -385,19 +270,6 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
             remotionRoot,
         });
     }
-    if (url.pathname === '/api/register-client-render') {
-        return handleRegisterClientRender({
-            req: request,
-            res: response,
-            remotionRoot,
-        });
-    }
-    if (url.pathname === '/api/unregister-client-render') {
-        return handleUnregisterClientRender({
-            req: request,
-            res: response,
-        });
-    }
     for (const [key, value] of Object.entries(api_routes_1.allApiRoutes)) {
         if (url.pathname === key) {
             return (0, handler_1.handleRequest)({
@@ -467,6 +339,7 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
         gitSource,
         logLevel,
         audioLatencyHint,
+        previewSampleRate,
         enableCrossSiteIsolation,
     });
 };

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, 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, previewSampleRate, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }: {
     browserArgs: string;
     browserFlag: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
@@ -27,6 +27,7 @@ export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser
     getRenderQueue: () => RenderJob[];
     numberOfAudioTags: number;
     audioLatencyHint: AudioContextLatencyCategory | null;
+    previewSampleRate: number | null;
     enableCrossSiteIsolation: boolean;
     queueMethods: QueueMethods;
     previewEntry: string;

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, 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, previewSampleRate, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }) => {
     try {
         if (typeof Bun === 'undefined') {
             process.title = 'node (npx remotion studio)';
@@ -89,6 +89,7 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         binariesDirectory,
         forceIPv4,
         audioLatencyHint,
+        previewSampleRate,
         enableCrossSiteIsolation,
         askAIEnabled,
         forceNew,

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.469",
+	"version": "4.0.471",
 	"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.469",
+		"remotion": "4.0.471",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.469",
-		"@remotion/renderer": "4.0.469",
-		"@remotion/studio-shared": "4.0.469",
+		"@remotion/bundler": "4.0.471",
+		"@remotion/renderer": "4.0.471",
+		"@remotion/studio-shared": "4.0.471",
 		"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.469",
+		"@remotion/eslint-config-internal": "4.0.471",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"