@remotion/studio-server 4.0.489 → 4.0.491

package/dist/preview-server/routes/update-element-install-target.js

@@ -5,7 +5,7 @@ const element_install_state_1 = require("../element-install-state");
 const isFiniteTimestamp = (value) => {
     return value === null || (Number.isFinite(value) && value > 0);
 };
-const updateElementInstallTargetHandler = ({ input }) => {
+const updateElementInstallTargetHandler = ({ input, request }) => {
     if (typeof input.clientId !== 'string' || input.clientId.length === 0) {
         throw new Error('Invalid client ID');
     }
@@ -22,6 +22,20 @@ const updateElementInstallTargetHandler = ({ input }) => {
     if (input.compositionId !== null && typeof input.compositionId !== 'string') {
         throw new Error('Invalid composition ID');
     }
+    if (typeof input.studioUrl !== 'string') {
+        throw new Error('Invalid Studio URL');
+    }
+    let studioUrl;
+    try {
+        studioUrl = new URL(input.studioUrl);
+    }
+    catch (_a) {
+        throw new Error('Invalid Studio URL');
+    }
+    if (typeof request.headers.origin !== 'string' ||
+        studioUrl.origin !== request.headers.origin) {
+        throw new Error('Studio URL must match the request origin');
+    }
     (0, element_install_state_1.updateElementInstallTarget)(input);
     return Promise.resolve({});
 };

package/dist/preview-server/routes/update-sequence-keyframe-settings.js

@@ -24,6 +24,7 @@ const updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, ke
         input: fileContents,
         nodePath: nodePath.nodePath,
         schema,
+        videoConfigValues: nodePath.videoConfigValues,
         updates: [
             {
                 key,
@@ -32,6 +33,7 @@ const updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, ke
                         type: 'settings',
                         clamping: settings.clamping,
                         posterize: settings.posterize,
+                        output: settings.output,
                     }
                     : {
                         type: 'easing',
@@ -79,6 +81,7 @@ const updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, ke
         nodePath: updatedNodePath,
         componentIdentity: null,
         effects: [],
+        videoConfigValues: nodePath.videoConfigValues,
     });
     const updatedSubscriptionKey = { ...nodePath, nodePath: updatedNodePath };
     return {

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

@@ -1,6 +1,6 @@
 import { type SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
-import type { SequenceNodePath } from 'remotion';
-export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, effects, remotionRoot, clientId, logLevel, }: {
+import type { SequenceNodePath, VideoConfigValues } from 'remotion';
+export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }: {
     fileName: string;
     line: number;
     column: number;
@@ -11,13 +11,15 @@ export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column
     remotionRoot: string;
     clientId: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    videoConfigValues: VideoConfigValues;
 }) => SubscribeToSequencePropsResponse;
-export declare const unsubscribeFromSequencePropsWatchers: ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, effectKeys, }: {
+export declare const unsubscribeFromSequencePropsWatchers: ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, effectKeys, videoConfigValues, }: {
     fileName: string;
     nodePath: SequenceNodePath;
     remotionRoot: string;
     clientId: string;
     sequenceKeys: string[];
     effectKeys: string[][];
+    videoConfigValues: VideoConfigValues | null;
 }) => void;
 export declare const unsubscribeClientSequencePropsWatchers: (clientId: string) => void;

package/dist/preview-server/sequence-props-watchers.js

@@ -14,7 +14,8 @@ const live_events_1 = require("./live-events");
 const node_path_cache_1 = require("./node-path-cache");
 const can_update_sequence_props_1 = require("./routes/can-update-sequence-props");
 const sequencePropsWatchers = {};
-const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, componentIdentity, keys, effects, remotionRoot, logLevel, }) => {
+const getWatcherKey = (nodePath) => `${(0, studio_shared_1.stringifySequenceSubscriptionKey)(nodePath)}:${JSON.stringify(nodePath.videoConfigValues)}`;
+const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, componentIdentity, keys, effects, remotionRoot, logLevel, videoConfigValues, }) => {
     if (preferredNodePath) {
         try {
             const fromNodePath = (0, can_update_sequence_props_1.computeSequencePropsStatus)({
@@ -24,6 +25,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
                 keys,
                 effects,
                 remotionRoot,
+                videoConfigValues,
             });
             return {
                 status: fromNodePath,
@@ -32,6 +34,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
                     nodePath: preferredNodePath,
                     sequenceKeys: keys,
                     effectKeys: effects,
+                    videoConfigValues,
                 },
                 success: true,
             };
@@ -55,6 +58,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
                     keys,
                     effects,
                     remotionRoot,
+                    videoConfigValues,
                 });
             }
             catch (error) {
@@ -73,6 +77,7 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
                     nodePath: cachedNodePath,
                     sequenceKeys: keys,
                     effectKeys: effects,
+                    videoConfigValues,
                 },
                 success: true,
             };
@@ -86,10 +91,11 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
         effects,
         remotionRoot,
         logLevel,
+        videoConfigValues,
     });
     return status;
 };
-const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, effects, remotionRoot, clientId, logLevel, }) => {
+const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }) => {
     var _a;
     const initialResult = getSequencePropsStatus({
         fileName,
@@ -101,6 +107,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
         effects,
         remotionRoot,
         logLevel,
+        videoConfigValues,
     });
     if (!initialResult.success) {
         return initialResult;
@@ -109,7 +116,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
     // Cache the resolved nodePath for future lookups with stale source maps
     (0, node_path_cache_1.setCachedNodePath)(fileName, line, column, initialResult.nodePath.nodePath);
     const { nodePath } = initialResult;
-    const watcherKey = (0, studio_shared_1.stringifySequenceSubscriptionKey)(nodePath);
+    const watcherKey = getWatcherKey(nodePath);
     // If a watcher already exists for this key, just bump the ref count
     if ((_a = sequencePropsWatchers[clientId]) === null || _a === void 0 ? void 0 : _a[watcherKey]) {
         sequencePropsWatchers[clientId][watcherKey].refCount++;
@@ -132,6 +139,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
                     componentIdentity,
                     keys,
                     effects,
+                    videoConfigValues,
                 });
                 const previousEffectChain = result.effects.map((effect) => effect.canUpdate && effect.callee);
                 const newEffectChain = initialResult.success &&
@@ -173,13 +181,14 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
     return initialResult;
 };
 exports.subscribeToSequencePropsWatchers = subscribeToSequencePropsWatchers;
-const unsubscribeFromSequencePropsWatchers = ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, effectKeys, }) => {
+const unsubscribeFromSequencePropsWatchers = ({ fileName, nodePath, remotionRoot, clientId, sequenceKeys, effectKeys, videoConfigValues, }) => {
     const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
-    const watcherKey = (0, studio_shared_1.stringifySequenceSubscriptionKey)({
+    const watcherKey = getWatcherKey({
         absolutePath,
         nodePath,
         sequenceKeys,
         effectKeys,
+        videoConfigValues,
     });
     if (!sequencePropsWatchers[clientId] ||
         !sequencePropsWatchers[clientId][watcherKey]) {

package/dist/preview-server/start-server.d.ts

@@ -22,7 +22,6 @@ export declare const startServer: (options: {
     bufferStateDelayInMilliseconds: number | null;
     remotionRoot: string;
     keyboardShortcutsEnabled: boolean;
-    experimentalClientSideRenderingEnabled: boolean;
     publicDir: string;
     poll: number | null;
     staticHash: string;

package/dist/preview-server/start-server.js

@@ -41,7 +41,6 @@ const startServer = async (options) => {
         maxTimelineTracks: (_c = options === null || options === void 0 ? void 0 : options.maxTimelineTracks) !== null && _c !== void 0 ? _c : null,
         remotionRoot: options.remotionRoot,
         keyboardShortcutsEnabled: options.keyboardShortcutsEnabled,
-        experimentalClientSideRenderingEnabled: options.experimentalClientSideRenderingEnabled,
         poll: options.poll,
         bufferStateDelayInMilliseconds: options.bufferStateDelayInMilliseconds,
         askAIEnabled: options.askAIEnabled,

package/dist/routes.js

@@ -41,6 +41,7 @@ const node_url_1 = require("node:url");
 const bundler_1 = require("@remotion/bundler");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
+const better_opn_1 = require("./better-opn");
 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");
@@ -215,6 +216,7 @@ const handleRequestElementInstall = async ({ liveEventsServer, request, response
             }));
             return;
         }
+        (0, better_opn_1.focusBrowserTab)({ url: target.studioUrl }).catch(() => undefined);
         response.writeHead(200);
         response.end(JSON.stringify({ success: true, status: 'sent' }));
     }

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, previewSampleRate, enableCrossSiteIsolation, askAIEnabled, interactivityEnabled, forceNew, rspack, getStudioRuntimeConfig, }: {
+export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, previewSampleRate, enableCrossSiteIsolation, askAIEnabled, interactivityEnabled, forceNew, rspack, getStudioRuntimeConfig, }: {
     browserArgs: string;
     browserFlag: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
@@ -19,7 +19,6 @@ export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser
     bufferStateDelayInMilliseconds: number | null;
     remotionRoot: string;
     keyboardShortcutsEnabled: boolean;
-    experimentalClientSideRenderingEnabled: boolean;
     relativePublicDir: string | null;
     webpackOverride: WebpackOverrideFn;
     poll: number | null;

package/dist/start-studio.js

@@ -19,7 +19,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, previewSampleRate, enableCrossSiteIsolation, askAIEnabled, interactivityEnabled, forceNew, rspack, getStudioRuntimeConfig, }) => {
+const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, previewSampleRate, enableCrossSiteIsolation, askAIEnabled, interactivityEnabled, forceNew, rspack, getStudioRuntimeConfig, }) => {
     try {
         if (typeof Bun === 'undefined') {
             process.title = 'node (npx remotion studio)';
@@ -72,7 +72,6 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         maxTimelineTracks,
         remotionRoot,
         keyboardShortcutsEnabled,
-        experimentalClientSideRenderingEnabled,
         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.489",
+	"version": "4.0.491",
 	"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.489",
+		"remotion": "4.0.491",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.489",
-		"@remotion/renderer": "4.0.489",
-		"@remotion/studio-shared": "4.0.489",
+		"@remotion/bundler": "4.0.491",
+		"@remotion/renderer": "4.0.491",
+		"@remotion/studio-shared": "4.0.491",
 		"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.489",
+		"@remotion/eslint-config-internal": "4.0.491",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"