@remotion/studio 4.0.490 → 4.0.492

package/dist/esm/renderEntry.mjs

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

package/dist/helpers/format-file-location.d.ts

@@ -6,4 +6,9 @@ export declare const formatFileLocation: ({ location, root, }: {
     readonly location: FileLocation | null;
     readonly root: string;
 }) => string | null;
+export declare const formatLocationForAgents: ({ name, location, root, }: {
+    readonly name: string | null;
+    readonly location: FileLocation | null;
+    readonly root: string;
+}) => string | null;
 export {};

package/dist/helpers/format-file-location.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatFileLocation = void 0;
+exports.formatLocationForAgents = exports.formatFileLocation = void 0;
 const normalizeSlashes = (path) => path.replace(/\\/g, '/');
 const stripTrailingSlashes = (path) => path.replace(/\/+$/, '');
 const stripLeadingDotSlash = (path) => path.replace(/^\.\/+/, '');
@@ -25,3 +25,11 @@ const formatFileLocation = ({ location, root, }) => {
     return `${stripLeadingDotSlash(relativeSource)}:${location.line}`;
 };
 exports.formatFileLocation = formatFileLocation;
+const formatLocationForAgents = ({ name, location, root, }) => {
+    const fileLocation = (0, exports.formatFileLocation)({ location, root });
+    if (!name || !fileLocation) {
+        return null;
+    }
+    return `${name} in ${fileLocation}`;
+};
+exports.formatLocationForAgents = formatLocationForAgents;

package/dist/helpers/get-file-manager-name.d.ts

@@ -0,0 +1 @@
+export declare const getFileManagerName: (platform: string | null) => string;

package/dist/helpers/get-file-manager-name.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileManagerName = void 0;
+const getFileManagerName = (platform) => {
+    if (platform === 'darwin') {
+        return 'Finder';
+    }
+    if (platform === 'win32') {
+        return 'File Explorer';
+    }
+    return 'File Manager';
+};
+exports.getFileManagerName = getFileManagerName;

package/dist/helpers/retry-payload.js

@@ -202,7 +202,6 @@ const makeClientRetryPayload = (job) => {
         initialKeyframeIntervalInSeconds: job.type === 'client-video' ? job.keyframeIntervalInSeconds : null,
         initialMuted: job.type === 'client-video' ? job.muted : null,
         initialTransparent: job.type === 'client-video' ? job.transparent : null,
-        initialAllowHtmlInCanvas: job.allowHtmlInCanvas,
         initialPageResponsiveness: job.type === 'client-video' ? job.pageResponsiveness : 'disabled',
     };
 };

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

@@ -2,6 +2,5 @@ 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

@@ -1,12 +1,11 @@
 "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;
+exports.getStudioBufferStateDelayInMilliseconds = exports.getStudioMaxTimelineTracks = 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,
@@ -30,10 +29,6 @@ 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;

package/dist/helpers/timeline-layout.d.ts

@@ -31,13 +31,14 @@ export type TimelineTreeNode = {
     readonly label: string;
     readonly field: AnySchemaFieldInfo | null;
 };
-export declare const buildTimelineTree: ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, }: {
+export declare const buildTimelineTree: ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, includeSourceControls, }: {
     sequence: TSequence;
     nodePathInfo: SequenceNodePathInfo;
     getDragOverrides: GetDragOverrides;
     getEffectDragOverrides: GetEffectDragOverrides;
     propStatuses: PropStatuses;
     includeTextContent: boolean;
+    includeSourceControls: boolean;
 }) => TimelineTreeNode[];
 export type FlatTreeRow = {
     readonly node: TimelineTreeNode;

package/dist/helpers/timeline-layout.js

@@ -14,7 +14,7 @@ exports.TIMELINE_ITEM_BORDER_BOTTOM = 1;
 exports.TIMELINE_TRACK_EXPANDED_HEIGHT = 100;
 exports.TREE_GROUP_ROW_HEIGHT = 22;
 exports.EXPANDED_SECTION_PADDING_RIGHT = 10;
-const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, }) => {
+const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, includeSourceControls, }) => {
     var _a;
     const roots = [];
     const { sequenceSubscriptionKey, index, auxiliaryKeys, supportsEffects } = nodePathInfo;
@@ -28,6 +28,9 @@ const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffect
     });
     if (controlFields && controlFields.length > 0) {
         for (const f of controlFields) {
+            if (!includeSourceControls && f.key === 'src') {
+                continue;
+            }
             roots.push({
                 kind: 'field',
                 nodePathInfo: {
@@ -136,6 +139,7 @@ const getExpandedTrackHeight = ({ sequence, nodePathInfo, getIsExpanded, propSta
         getEffectDragOverrides: () => ({}),
         propStatuses,
         includeTextContent: false,
+        includeSourceControls: false,
     });
     const flat = (0, exports.flattenVisibleTreeNodes)({ nodes: tree, getIsExpanded });
     if (flat.length === 0) {

package/dist/helpers/url-state.d.ts

@@ -1,3 +1,4 @@
+export declare const getUrlForRoute: (route: string) => string;
 export declare const pushUrl: (url: string) => void;
 export declare const clearUrl: () => void;
 export declare const reloadUrl: () => void;

package/dist/helpers/url-state.js

@@ -1,19 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRoute = exports.reloadUrl = exports.clearUrl = exports.pushUrl = void 0;
+exports.getRoute = exports.reloadUrl = exports.clearUrl = exports.pushUrl = exports.getUrlForRoute = void 0;
 const getUrlHandlingType = () => {
     if (window.remotion_isReadOnlyStudio) {
         return 'query-string';
     }
     return 'spa';
 };
-const pushUrl = (url) => {
+const getUrlForRoute = (route) => {
     if (getUrlHandlingType() === 'query-string') {
-        window.history.pushState({}, 'Studio', `${window.location.pathname}?${url}`);
-    }
-    else {
-        window.history.pushState({}, 'Studio', url);
+        return `${window.location.pathname}?${route}`;
     }
+    return route;
+};
+exports.getUrlForRoute = getUrlForRoute;
+const pushUrl = (url) => {
+    window.history.pushState({}, 'Studio', (0, exports.getUrlForRoute)(url));
 };
 exports.pushUrl = pushUrl;
 const clearUrl = () => {

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

@@ -27,11 +27,11 @@ const sidebar_1 = require("../state/sidebar");
 const check_fullscreen_support_1 = require("./check-fullscreen-support");
 const client_id_1 = require("./client-id");
 const colors_1 = require("./colors");
+const get_file_manager_name_1 = require("./get-file-manager-name");
 const get_git_menu_item_1 = require("./get-git-menu-item");
 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) => {
@@ -42,6 +42,7 @@ const rotate = {
 };
 const ICON_SIZE = 16;
 const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelectedModal, }) => {
+    const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
     const items = [
         readOnlyStudio
             ? null
@@ -109,23 +110,21 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
                 subMenu: null,
                 quickSwitcherLabel: 'Render...',
             },
-        show_browser_rendering_1.SHOW_BROWSER_RENDERING && !readOnlyStudio
-            ? {
-                id: 'render-on-web',
-                value: 'render-on-web',
-                label: 'Render on web...',
-                onClick: () => {
-                    closeMenu();
-                    const renderButton = document.getElementById('render-modal-button-client');
-                    renderButton.click();
-                },
-                type: 'item',
-                keyHint: null,
-                leftItem: null,
-                subMenu: null,
-                quickSwitcherLabel: 'Render on web...',
-            }
-            : null,
+        {
+            id: 'render-on-web',
+            value: 'render-on-web',
+            label: 'Render on web...',
+            onClick: () => {
+                closeMenu();
+                const renderButton = document.getElementById('render-modal-button-client');
+                renderButton.click();
+            },
+            type: 'item',
+            keyHint: null,
+            leftItem: null,
+            subMenu: null,
+            quickSwitcherLabel: 'Render on web...',
+        },
         !readOnlyStudio
             ? {
                 type: 'divider',
@@ -168,7 +167,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
             ? {
                 id: 'open-project-in-explorer',
                 value: 'open-project-in-explorer',
-                label: 'Open in Explorer',
+                label: `Open in ${fileManagerName}`,
                 onClick: () => {
                     closeMenu();
                     (0, actions_1.openInFileExplorer)({ directory: window.remotion_cwd }).catch((err) => {
@@ -179,7 +178,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
                 keyHint: null,
                 leftItem: null,
                 subMenu: null,
-                quickSwitcherLabel: 'Open project in Explorer',
+                quickSwitcherLabel: `Open project in ${fileManagerName}`,
                 disabled: previewServerState !== 'connected',
             }
             : null,

package/dist/state/modals.d.ts

@@ -31,7 +31,6 @@ export type WebRenderModalState = {
     initialMuted: boolean | null;
     initialLicenseKey: string | null;
     initialMediaCacheSizeInBytes: number | null;
-    initialAllowHtmlInCanvas: boolean;
     initialPageResponsiveness: WebRendererPageResponsiveness;
 };
 export type RenderModalState = {

package/package.json

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

package/dist/components/RenderModal/WebRendererExperimentalBadge.d.ts

@@ -1 +0,0 @@
-export declare const WebRendererExperimentalBadge: React.FC;

package/dist/components/RenderModal/WebRendererExperimentalBadge.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebRendererExperimentalBadge = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../../helpers/colors");
-const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
-const row = {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-};
-const text = {
-    fontSize: 14,
-    fontFamily: 'sans-serif',
-    color: colors_1.LIGHT_TEXT,
-};
-const icon = {
-    width: 14,
-    height: 14,
-    flexShrink: 0,
-    fill: colors_1.WARNING_COLOR,
-    marginRight: 8,
-};
-const link = {
-    color: 'inherit',
-    textDecoration: 'underline',
-    fontSize: 14,
-};
-const WebRendererExperimentalBadge = () => {
-    return (jsx_runtime_1.jsxs("div", { style: row, children: [
-            jsx_runtime_1.jsx(ValidationMessage_1.WarningTriangle, { type: "warning", style: icon }), jsx_runtime_1.jsxs("div", { style: text, children: ["The Remotion Web Renderer is experimental.", ' ', jsx_runtime_1.jsx("a", { href: "https://github.com/remotion-dev/remotion/issues/5913", target: "_blank", rel: "noopener noreferrer", style: link, children: "Track progress on GitHub" }), ' ', "and discuss in the", ' ', jsx_runtime_1.jsx("a", { href: "https://remotion.dev/discord", target: "_blank", rel: "noopener noreferrer", style: link, children: "#web-renderer" }), ' ', "channel on Discord."] })
-        ] }));
-};
-exports.WebRendererExperimentalBadge = WebRendererExperimentalBadge;

package/dist/helpers/show-browser-rendering.d.ts

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

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

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