@remotion/studio 4.0.487 → 4.0.489

package/dist/esm/renderEntry.mjs

@@ -212,7 +212,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-y2t24cx0.js").then(({ StudioInternals }) => {
+    import("./chunk-jrta3xaf.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/interactivity-enabled.d.ts

@@ -0,0 +1 @@
+export declare const studioInteractivityEnabled: boolean;

package/dist/helpers/interactivity-enabled.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.studioInteractivityEnabled = void 0;
+const studio_runtime_config_1 = require("./studio-runtime-config");
+exports.studioInteractivityEnabled = (0, studio_runtime_config_1.getStudioInteractivityEnabled)();

package/dist/helpers/show-browser-rendering.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SHOW_BROWSER_RENDERING = void 0;
-exports.SHOW_BROWSER_RENDERING = Boolean(process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED);
+const studio_runtime_config_1 = require("./studio-runtime-config");
+exports.SHOW_BROWSER_RENDERING = (0, studio_runtime_config_1.getStudioExperimentalClientSideRenderingEnabled)();

package/dist/helpers/studio-runtime-config.d.ts

@@ -0,0 +1,7 @@
+export declare const DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = 300;
+export declare const getStudioAskAIEnabled: () => boolean;
+export declare const getStudioInteractivityEnabled: () => boolean;
+export declare const getStudioKeyboardShortcutsEnabled: () => boolean;
+export declare const getStudioExperimentalClientSideRenderingEnabled: () => boolean;
+export declare const getStudioMaxTimelineTracks: () => number;
+export declare const getStudioBufferStateDelayInMilliseconds: () => number;

package/dist/helpers/studio-runtime-config.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStudioBufferStateDelayInMilliseconds = exports.getStudioMaxTimelineTracks = exports.getStudioExperimentalClientSideRenderingEnabled = exports.getStudioKeyboardShortcutsEnabled = exports.getStudioInteractivityEnabled = exports.getStudioAskAIEnabled = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = void 0;
+const studio_shared_1 = require("@remotion/studio-shared");
+exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = 300;
+const defaultStudioRuntimeConfig = {
+    askAIEnabled: false,
+    bufferStateDelayInMilliseconds: null,
+    experimentalClientSideRenderingEnabled: false,
+    interactivityEnabled: true,
+    keyboardShortcutsEnabled: true,
+    maxTimelineTracks: null,
+};
+const getStudioRuntimeConfig = () => {
+    var _a;
+    if (typeof window === 'undefined') {
+        return defaultStudioRuntimeConfig;
+    }
+    return (_a = window.remotion_studioConfig) !== null && _a !== void 0 ? _a : defaultStudioRuntimeConfig;
+};
+const getStudioAskAIEnabled = () => {
+    return getStudioRuntimeConfig().askAIEnabled;
+};
+exports.getStudioAskAIEnabled = getStudioAskAIEnabled;
+const getStudioInteractivityEnabled = () => {
+    return getStudioRuntimeConfig().interactivityEnabled;
+};
+exports.getStudioInteractivityEnabled = getStudioInteractivityEnabled;
+const getStudioKeyboardShortcutsEnabled = () => {
+    return getStudioRuntimeConfig().keyboardShortcutsEnabled;
+};
+exports.getStudioKeyboardShortcutsEnabled = getStudioKeyboardShortcutsEnabled;
+const getStudioExperimentalClientSideRenderingEnabled = () => {
+    return getStudioRuntimeConfig().experimentalClientSideRenderingEnabled;
+};
+exports.getStudioExperimentalClientSideRenderingEnabled = getStudioExperimentalClientSideRenderingEnabled;
+const getStudioMaxTimelineTracks = () => {
+    var _a;
+    return (_a = getStudioRuntimeConfig().maxTimelineTracks) !== null && _a !== void 0 ? _a : studio_shared_1.DEFAULT_TIMELINE_TRACKS;
+};
+exports.getStudioMaxTimelineTracks = getStudioMaxTimelineTracks;
+const getStudioBufferStateDelayInMilliseconds = () => {
+    var _a;
+    return ((_a = getStudioRuntimeConfig().bufferStateDelayInMilliseconds) !== null && _a !== void 0 ? _a : exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS);
+};
+exports.getStudioBufferStateDelayInMilliseconds = getStudioBufferStateDelayInMilliseconds;

package/dist/helpers/use-keybinding.js

@@ -4,12 +4,13 @@ exports.useKeybinding = exports.areKeyboardShortcutsDisabled = void 0;
 const react_1 = require("react");
 const keybindings_1 = require("../state/keybindings");
 const z_index_1 = require("../state/z-index");
-if (!process.env.KEYBOARD_SHORTCUTS_ENABLED) {
+const studio_runtime_config_1 = require("./studio-runtime-config");
+if (!(0, studio_runtime_config_1.getStudioKeyboardShortcutsEnabled)()) {
     // eslint-disable-next-line no-console
     console.warn('Keyboard shortcuts disabled either due to: a) --disable-keyboard-shortcuts being passed b) Config.setKeyboardShortcutsEnabled(false) being set or c) a Remotion version mismatch.');
 }
 const areKeyboardShortcutsDisabled = () => {
-    return !process.env.KEYBOARD_SHORTCUTS_ENABLED;
+    return !(0, studio_runtime_config_1.getStudioKeyboardShortcutsEnabled)();
 };
 exports.areKeyboardShortcutsDisabled = areKeyboardShortcutsDisabled;
 const useKeybinding = () => {
@@ -17,7 +18,7 @@ const useKeybinding = () => {
     const context = (0, react_1.useContext)(keybindings_1.KeybindingContext);
     const { isHighestContext } = (0, z_index_1.useZIndex)();
     const registerKeybinding = (0, react_1.useCallback)((options) => {
-        if (!process.env.KEYBOARD_SHORTCUTS_ENABLED) {
+        if (!(0, studio_runtime_config_1.getStudioKeyboardShortcutsEnabled)()) {
             return {
                 unregister: () => undefined,
             };

package/dist/helpers/use-menu-structure.js

@@ -32,6 +32,7 @@ const mobile_layout_1 = require("./mobile-layout");
 const open_in_editor_1 = require("./open-in-editor");
 const pick_color_1 = require("./pick-color");
 const show_browser_rendering_1 = require("./show-browser-rendering");
+const studio_runtime_config_1 = require("./studio-runtime-config");
 const use_keybinding_1 = require("./use-keybinding");
 const openExternal = (link) => {
     window.open(link, '_blank');
@@ -682,7 +683,7 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                 label: 'Tools',
                 leaveLeftPadding: false,
                 items: [
-                    process.env.ASK_AI_ENABLED
+                    (0, studio_runtime_config_1.getStudioAskAIEnabled)()
                         ? {
                             id: 'ask-ai',
                             value: 'ask-ai',

package/dist/visual-controls/VisualControls.js

@@ -6,6 +6,7 @@ const react_1 = require("react");
 const remotion_1 = require("remotion");
 const get_zod_schema_from_primitive_1 = require("../api/get-zod-schema-from-primitive");
 const get_zod_if_possible_1 = require("../components/get-zod-if-possible");
+const interactivity_enabled_1 = require("../helpers/interactivity-enabled");
 const get_current_edited_value_1 = require("./get-current-edited-value");
 const visual_control_store_1 = require("./visual-control-store");
 exports.VisualControlsTabActivatedContext = (0, react_1.createContext)(false);
@@ -69,6 +70,9 @@ const VisualControlsProvider = ({ children }) => {
         if (!env.isStudio) {
             return value;
         }
+        if (!interactivity_enabled_1.studioInteractivityEnabled) {
+            return value;
+        }
         if (!z) {
             return value;
         }

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.487",
+	"version": "4.0.489",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,17 +25,17 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.487",
-		"@remotion/canvas-capture": "4.0.487",
-		"@remotion/player": "4.0.487",
-		"@remotion/media-utils": "4.0.487",
-		"@remotion/renderer": "4.0.487",
-		"@remotion/web-renderer": "4.0.487",
-		"@remotion/studio-shared": "4.0.487",
-		"@remotion/timeline-utils": "4.0.487",
-		"@remotion/zod-types": "4.0.487",
+		"remotion": "4.0.489",
+		"@remotion/canvas-capture": "4.0.489",
+		"@remotion/player": "4.0.489",
+		"@remotion/media-utils": "4.0.489",
+		"@remotion/renderer": "4.0.489",
+		"@remotion/web-renderer": "4.0.489",
+		"@remotion/studio-shared": "4.0.489",
+		"@remotion/timeline-utils": "4.0.489",
+		"@remotion/zod-types": "4.0.489",
 		"@jridgewell/trace-mapping": "0.3.31",
-		"mediabunny": "1.50.7",
+		"mediabunny": "1.50.8",
 		"memfs": "3.4.3",
 		"open": "8.4.2",
 		"zod": "4.3.6"
@@ -44,7 +44,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.487",
+		"@remotion/eslint-config-internal": "4.0.489",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},