@remotion/studio 4.0.465 → 4.0.467

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

@@ -7,9 +7,11 @@ const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
 const restart_studio_1 = require("../api/restart-studio");
 const AskAiModal_1 = require("../components/AskAiModal");
+const composition_menu_items_1 = require("../components/composition-menu-items");
 const layout_1 = require("../components/layout");
 const NotificationCenter_1 = require("../components/Notifications/NotificationCenter");
 const SizeSelector_1 = require("../components/SizeSelector");
+const use_resolved_stack_1 = require("../components/Timeline/use-resolved-stack");
 const TimelineInOutToggle_1 = require("../components/TimelineInOutToggle");
 const ShortcutHint_1 = require("../error-overlay/remotion-overlay/ShortcutHint");
 const Checkmark_1 = require("../icons/Checkmark");
@@ -145,12 +147,14 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
     };
 };
 const useMenuStructure = (closeMenu, readOnlyStudio) => {
+    var _a;
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const { checkerboard, setCheckerboard } = (0, react_1.useContext)(checkerboard_1.CheckerboardContext);
     const { editorZoomGestures, setEditorZoomGestures } = (0, react_1.useContext)(editor_zoom_gestures_1.EditorZoomGesturesContext);
     const { editorShowRulers, setEditorShowRulers } = (0, react_1.useContext)(editor_rulers_1.EditorShowRulersContext);
     const { editorShowGuides, setEditorShowGuides } = (0, react_1.useContext)(editor_guides_1.EditorShowGuidesContext);
     const { size, setSize } = (0, react_1.useContext)(remotion_1.Internals.PreviewSizeContext);
+    const { canvasContent, compositions } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const { type } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx).previewServerState;
     const { setSidebarCollapsedState, sidebarCollapsedStateLeft, sidebarCollapsedStateRight, } = (0, react_1.useContext)(sidebar_1.SidebarContext);
     const sizes = (0, react_1.useMemo)(() => (0, SizeSelector_1.getUniqueSizes)(size), [size]);
@@ -158,6 +162,26 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
     const { remotion_packageManager } = window;
     const sizePreselectIndex = sizes.findIndex((s) => String(size.size) === String(s.size));
     const mobileLayout = (0, mobile_layout_1.useMobileLayout)();
+    const currentComposition = (0, react_1.useMemo)(() => {
+        var _a;
+        if (canvasContent === null || canvasContent.type !== 'composition') {
+            return null;
+        }
+        return ((_a = compositions.find((c) => c.id === canvasContent.compositionId)) !== null && _a !== void 0 ? _a : null);
+    }, [canvasContent, compositions]);
+    const resolvedCompositionLocation = (0, use_resolved_stack_1.useResolvedStack)((_a = currentComposition === null || currentComposition === void 0 ? void 0 : currentComposition.stack) !== null && _a !== void 0 ? _a : null);
+    (0, react_1.useEffect)(() => {
+        if (type !== 'connected' ||
+            !window.remotion_editorName ||
+            !currentComposition ||
+            !(resolvedCompositionLocation === null || resolvedCompositionLocation === void 0 ? void 0 : resolvedCompositionLocation.source)) {
+            return;
+        }
+        (0, open_in_editor_1.preloadCompositionComponentInfo)({
+            compositionFile: resolvedCompositionLocation.source,
+            compositionId: currentComposition.id,
+        });
+    }, [currentComposition, resolvedCompositionLocation === null || resolvedCompositionLocation === void 0 ? void 0 : resolvedCompositionLocation.source, type]);
     const structure = (0, react_1.useMemo)(() => {
         let struct = [
             {
@@ -574,6 +598,20 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                         : null,
                 ].filter(remotion_1.Internals.truthy),
             },
+            {
+                id: 'composition',
+                label: 'Composition',
+                leaveLeftPadding: false,
+                items: (0, composition_menu_items_1.getCompositionMenuItems)({
+                    closeMenu,
+                    composition: currentComposition,
+                    connectionStatus: type,
+                    resolvedLocation: resolvedCompositionLocation,
+                    setSelectedModal,
+                    readOnlyStudio,
+                }),
+                quickSwitcherLabel: null,
+            },
             {
                 id: 'tools',
                 label: 'Tools',
@@ -834,6 +872,8 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
         type,
         sizePreselectIndex,
         sizes,
+        currentComposition,
+        resolvedCompositionLocation,
         editorZoomGestures,
         editorShowRulers,
         editorShowGuides,
@@ -866,6 +906,9 @@ const getItemLabel = (item) => {
     return (_a = item.label) === null || _a === void 0 ? void 0 : _a.toString();
 };
 const itemToSearchResult = (item, setSelectedModal, prefixes) => {
+    if (item.disabled) {
+        return [];
+    }
     if (item.subMenu) {
         return item.subMenu.items
             .map((subItem) => {

package/dist/state/modals.d.ts

@@ -48,6 +48,7 @@ export type RenderModalState = {
     initialEnforceAudioTrack: boolean;
     initialProResProfile: _InternalTypes['ProResProfile'] | null;
     initialx264Preset: X264Preset;
+    initialGopSize: number | null;
     initialPixelFormat: PixelFormat | null;
     initialVideoBitrate: string | null;
     initialAudioBitrate: string | null;

package/package.json

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

package/dist/esm/chunk-6jf1natv.js

@@ -1,25 +0,0 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-export { __toESM, __require };