@remotion/studio 4.0.525 → 4.0.527

package/dist/components/WebMcp.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebMcp = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const studio_shared_1 = require("@remotion/studio-shared");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
@@ -128,20 +129,10 @@ const resolveAssetPath = ({ assetPath, currentContent, staticFiles, }) => {
     }
     return resolvedAssetPath;
 };
-const WebMcp = () => {
+const WebMcpSelectionSync = ({ currentSelectionRef, selectedSequenceRef }) => {
     var _a;
-    var _b, _c, _d, _e, _f;
-    const { addCaptionJob, addVideoMattingJob } = (0, react_1.useContext)(context_1.RenderQueueContext);
-    const staticFiles = (0, use_static_files_1.useStaticFiles)();
-    const { canSelect, clearSelection, selectedItems, selectItems } = (0, TimelineSelection_1.useTimelineSelection)();
-    const { canvasContent, compositions, currentCompositionMetadata, folders } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
-    const { playbackRate: currentPlaybackRate, setPlaybackRate } = remotion_1.Internals.usePlaybackRate();
-    const { isPlaying } = remotion_1.Internals.Timeline.useTimelineContext();
-    const { mediaVolume, playerMuted } = (0, react_1.useContext)(remotion_1.Internals.MediaVolumeContext);
-    const { setPlayerMuted } = (0, react_1.useContext)(remotion_1.Internals.SetMediaVolumeContext);
-    const { setZoom: setTimelineZoom, zoom: timelineZoomMap } = (0, react_1.useContext)(timeline_zoom_1.TimelineZoomCtx);
-    const selectComposition = (0, InitialCompositionLoader_1.useSelectComposition)();
-    const { editorShowGuides, guidesList, setEditorShowGuides, setGuidesList } = (0, react_1.useContext)(editor_guides_1.EditorShowGuidesContext);
+    var _b, _c, _d, _e;
+    const { selectedItems } = (0, TimelineSelection_1.useTimelineSelection)();
     const { sequences } = (0, react_1.useContext)(remotion_1.Internals.SequenceManager);
     const { overrideIdToNodePathMappings } = (0, react_1.useContext)(remotion_1.Internals.OverrideIdsToNodePathsGettersContext);
     const selectedItem = selectedItems.length === 1 ? selectedItems[0] : null;
@@ -161,16 +152,10 @@ const WebMcp = () => {
     const currentResolvedLocation = stack === currentStack ? resolvedLocation : null;
     const currentSelection = (0, react_1.useMemo)(() => {
         var _a;
-        if (selectedItems.length === 0) {
-            return null;
-        }
-        if (selectedItems.length > 1) {
-            return null;
-        }
-        if (selectedItem === null || selectedItem.type === 'guide') {
-            return null;
-        }
-        if (track === null) {
+        if (selectedItems.length !== 1 ||
+            selectedItem === null ||
+            selectedItem.type === 'guide' ||
+            track === null) {
             return null;
         }
         let name;
@@ -209,15 +194,28 @@ const WebMcp = () => {
             root: window.remotion_cwd,
         });
     }, [currentResolvedLocation, selectedItem, selectedItems.length, track]);
-    const currentSelectionRef = (0, react_1.useRef)(currentSelection);
     currentSelectionRef.current = currentSelection;
-    const selectedSequence = (0, react_1.useMemo)(() => (track === null ? null : serializeSequence(track)), [track]);
-    const selectedSequenceRef = (0, react_1.useRef)(selectedSequence);
-    selectedSequenceRef.current = selectedSequence;
-    const selectedItemsRef = (0, react_1.useRef)(selectedItems);
-    selectedItemsRef.current = selectedItems;
-    const canSelectRef = (0, react_1.useRef)(canSelect);
-    canSelectRef.current = canSelect;
+    selectedSequenceRef.current =
+        track === null ? null : serializeSequence(track);
+    return null;
+};
+const WebMcp = () => {
+    var _a;
+    const { addCaptionJob, addVideoMattingJob } = (0, react_1.useContext)(context_1.RenderQueueContext);
+    const staticFiles = (0, use_static_files_1.useStaticFiles)();
+    const timelineSelectionRef = (0, TimelineSelection_1.useCurrentTimelineSelectionStateAsRef)();
+    const currentSelectionRef = (0, react_1.useRef)(null);
+    const selectedSequenceRef = (0, react_1.useRef)(null);
+    const { canvasContent, compositions, currentCompositionMetadata, folders } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
+    const { playbackRate: currentPlaybackRate, setPlaybackRate } = remotion_1.Internals.usePlaybackRate();
+    const { isPlaying } = remotion_1.Internals.Timeline.useTimelineContext();
+    const { mediaVolume, playerMuted } = (0, react_1.useContext)(remotion_1.Internals.MediaVolumeContext);
+    const { setPlayerMuted } = (0, react_1.useContext)(remotion_1.Internals.SetMediaVolumeContext);
+    const { setZoom: setTimelineZoom, zoom: timelineZoomMap } = (0, react_1.useContext)(timeline_zoom_1.TimelineZoomCtx);
+    const selectComposition = (0, InitialCompositionLoader_1.useSelectComposition)();
+    const { editorShowGuides, guidesList, setEditorShowGuides, setGuidesList } = (0, react_1.useContext)(editor_guides_1.EditorShowGuidesContext);
+    const { sequences } = (0, react_1.useContext)(remotion_1.Internals.SequenceManager);
+    const { overrideIdToNodePathMappings } = (0, react_1.useContext)(remotion_1.Internals.OverrideIdsToNodePathsGettersContext);
     const currentCompositionDefinition = (0, react_1.useMemo)(() => {
         var _a;
         if ((canvasContent === null || canvasContent === void 0 ? void 0 : canvasContent.type) !== 'composition') {
@@ -241,7 +239,7 @@ const WebMcp = () => {
     currentContentRef.current = currentContent;
     const staticFilesRef = (0, react_1.useRef)(staticFiles);
     staticFilesRef.current = staticFiles;
-    const currentComposition = (_f = currentCompositionDefinition === null || currentCompositionDefinition === void 0 ? void 0 : currentCompositionDefinition.id) !== null && _f !== void 0 ? _f : null;
+    const currentComposition = (_a = currentCompositionDefinition === null || currentCompositionDefinition === void 0 ? void 0 : currentCompositionDefinition.id) !== null && _a !== void 0 ? _a : null;
     const currentCompositionRef = (0, react_1.useRef)(currentComposition);
     currentCompositionRef.current = currentComposition;
     const currentCompositionDefinitionRef = (0, react_1.useRef)(currentCompositionDefinition);
@@ -478,6 +476,7 @@ const WebMcp = () => {
                         model: model.name,
                         noRepeatNgramSize,
                         outName: outputPath,
+                        target: null,
                         repetitionPenalty,
                         requestInit: null,
                         src,
@@ -766,7 +765,7 @@ const WebMcp = () => {
                     if (compositionId === null) {
                         throw new Error('No composition is currently selected.');
                     }
-                    if (!canSelectRef.current) {
+                    if (!timelineSelectionRef.current.canSelect) {
                         throw new Error('Studio sequence selection is unavailable.');
                     }
                     const timelineTrack = getCurrentTimeline().find((candidate) => candidate.sequence.id === sequenceId);
@@ -777,7 +776,9 @@ const WebMcp = () => {
                     if (selection === null) {
                         throw new Error(`Sequence ${sequenceId} cannot be selected.`);
                     }
-                    selectItems([selection], { reveal: true });
+                    timelineSelectionRef.current.selectItems([selection], {
+                        reveal: true,
+                    });
                     return Promise.resolve({
                         currentContent: currentContentRef.current,
                         selectedSequence: serializeSequence(timelineTrack),
@@ -1025,8 +1026,8 @@ const WebMcp = () => {
                     currentFrame: (0, imperative_state_1.getCurrentFrame)(),
                     currentSelection: currentSelectionRef.current,
                     currentContent: currentContentRef.current,
-                    selectionType: selectedItemsRef.current.length === 1
-                        ? selectedItemsRef.current[0].type
+                    selectionType: timelineSelectionRef.current.selectedItems.length === 1
+                        ? timelineSelectionRef.current.selectedItems[0].type
                         : null,
                     selectedSequence: selectedSequenceRef.current,
                 }),
@@ -1181,9 +1182,9 @@ const WebMcp = () => {
                     guidesListRef.current = nextGuides;
                     setGuidesList(() => nextGuides);
                     (0, editor_guides_1.persistGuidesList)(nextGuides);
-                    const removedGuideWasSelected = selectedItemsRef.current.some((item) => item.type === 'guide' && item.guideId === guideId);
+                    const removedGuideWasSelected = timelineSelectionRef.current.selectedItems.some((item) => item.type === 'guide' && item.guideId === guideId);
                     if (removedGuideWasSelected) {
-                        clearSelection();
+                        timelineSelectionRef.current.clearSelection();
                     }
                     return Promise.resolve({
                         currentContent: currentContentRef.current,
@@ -1426,16 +1427,15 @@ const WebMcp = () => {
     }, [
         addCaptionJob,
         addVideoMattingJob,
-        clearSelection,
         isPlaying,
         selectComposition,
-        selectItems,
         setEditorShowGuides,
         setGuidesList,
         setPlaybackRate,
         setPlayerMuted,
         setTimelineZoom,
+        timelineSelectionRef,
     ]);
-    return null;
+    return (jsx_runtime_1.jsx(WebMcpSelectionSync, { currentSelectionRef: currentSelectionRef, selectedSequenceRef: selectedSequenceRef }));
 };
 exports.WebMcp = WebMcp;

package/dist/components/asset-context-menu.d.ts

@@ -0,0 +1,32 @@
+import type { ComboboxValue } from './NewComposition/ComboBox';
+export declare const getAssetActionAvailability: ({ browserStudioCanMutateAssets, readOnlyStudio, connectionStatus, publicFolderExists, }: {
+    browserStudioCanMutateAssets: boolean | null;
+    readOnlyStudio: boolean;
+    connectionStatus: "connected" | "disconnected" | "init";
+    publicFolderExists: string | null;
+}) => {
+    mutationsDisabled: boolean;
+    fileExplorerDisabled: boolean;
+};
+export declare const getAssetContextMenuItems: ({ relativePath, fileManagerName, copyFileName, copyStaticFilePath, copyAbsolutePath, openAssetInConvert, openAssetInExplorer, renameAsset, deleteAsset, fileExplorerAvailable, fileExplorerDisabled, mutationsDisabled, }: {
+    relativePath: string;
+    fileManagerName: string;
+    copyFileName: () => void;
+    copyStaticFilePath: () => void;
+    copyAbsolutePath: (() => void) | null;
+    openAssetInConvert: () => void;
+    openAssetInExplorer: () => void;
+    renameAsset: () => void;
+    deleteAsset: () => void;
+    fileExplorerAvailable: boolean;
+    fileExplorerDisabled: boolean;
+    mutationsDisabled: boolean;
+}) => ComboboxValue[];
+export declare const useAssetContextMenuItems: ({ relativePath, readOnlyStudio, }: {
+    relativePath: string | null;
+    readOnlyStudio: boolean;
+}) => {
+    fileExplorerDisabled: boolean;
+    fileManagerName: string;
+    getContextMenuItems: () => ComboboxValue[];
+};

package/dist/components/asset-context-menu.js

@@ -0,0 +1,242 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAssetContextMenuItems = exports.getAssetContextMenuItems = exports.getAssetActionAvailability = void 0;
+const react_1 = require("react");
+const no_react_1 = require("remotion/no-react");
+const browser_studio_operations_1 = require("../helpers/browser-studio-operations");
+const client_id_1 = require("../helpers/client-id");
+const copy_text_1 = require("../helpers/copy-text");
+const get_file_manager_name_1 = require("../helpers/get-file-manager-name");
+const get_preview_file_type_1 = require("../helpers/get-preview-file-type");
+const open_in_remotion_convert_1 = require("../helpers/open-in-remotion-convert");
+const modals_1 = require("../state/modals");
+const NotificationCenter_1 = require("./Notifications/NotificationCenter");
+const open_in_new_window_1 = require("./open-in-new-window");
+const actions_1 = require("./RenderQueue/actions");
+const use_delete_asset_1 = require("./use-delete-asset");
+const getAssetActionAvailability = ({ browserStudioCanMutateAssets, readOnlyStudio, connectionStatus, publicFolderExists, }) => {
+    return {
+        mutationsDisabled: browserStudioCanMutateAssets !== true &&
+            (readOnlyStudio || connectionStatus !== 'connected'),
+        fileExplorerDisabled: browserStudioCanMutateAssets !== null ||
+            publicFolderExists === null ||
+            readOnlyStudio ||
+            connectionStatus !== 'connected',
+    };
+};
+exports.getAssetActionAvailability = getAssetActionAvailability;
+const getAssetContextMenuItems = ({ relativePath, fileManagerName, copyFileName, copyStaticFilePath, copyAbsolutePath, openAssetInConvert, openAssetInExplorer, renameAsset, deleteAsset, fileExplorerAvailable, fileExplorerDisabled, mutationsDisabled, }) => {
+    const previewFileType = (0, get_preview_file_type_1.getPreviewFileType)(relativePath);
+    const canOpenInConvert = previewFileType === 'audio' || previewFileType === 'video';
+    const items = [
+        (0, open_in_new_window_1.getOpenInNewWindowMenuItem)(`/assets/${relativePath}`),
+        canOpenInConvert
+            ? {
+                id: 'open-asset-in-convert',
+                keyHint: null,
+                label: 'Open in Remotion Convert',
+                leftItem: null,
+                onClick: openAssetInConvert,
+                quickSwitcherLabel: 'Open asset in Remotion Convert',
+                subMenu: null,
+                type: 'item',
+                value: 'open-asset-in-convert',
+            }
+            : null,
+        {
+            type: 'divider',
+            id: 'open-in-new-window-divider',
+        },
+        {
+            id: 'copy-asset-file-name',
+            keyHint: null,
+            label: 'Copy file name',
+            leftItem: null,
+            onClick: copyFileName,
+            quickSwitcherLabel: 'Copy asset file name',
+            subMenu: null,
+            type: 'item',
+            value: 'copy-asset-file-name',
+        },
+        {
+            id: 'copy-asset-static-file-path',
+            keyHint: null,
+            label: 'Copy staticFile() path',
+            leftItem: null,
+            onClick: copyStaticFilePath,
+            quickSwitcherLabel: 'Copy staticFile() path',
+            subMenu: null,
+            type: 'item',
+            value: 'copy-asset-static-file-path',
+        },
+        copyAbsolutePath
+            ? {
+                id: 'copy-asset-absolute-path',
+                keyHint: null,
+                label: 'Copy absolute path',
+                leftItem: null,
+                onClick: copyAbsolutePath,
+                quickSwitcherLabel: 'Copy asset absolute path',
+                subMenu: null,
+                type: 'item',
+                value: 'copy-asset-absolute-path',
+            }
+            : null,
+        {
+            type: 'divider',
+            id: 'asset-file-actions-divider',
+        },
+        fileExplorerAvailable
+            ? {
+                id: 'open-asset-in-explorer',
+                keyHint: null,
+                label: `Show in ${fileManagerName}`,
+                leftItem: null,
+                onClick: openAssetInExplorer,
+                quickSwitcherLabel: `Show asset in ${fileManagerName}`,
+                subMenu: null,
+                type: 'item',
+                value: 'open-asset-in-explorer',
+                disabled: fileExplorerDisabled,
+            }
+            : null,
+        {
+            id: 'rename-asset',
+            keyHint: null,
+            label: 'Rename...',
+            leftItem: null,
+            onClick: renameAsset,
+            quickSwitcherLabel: 'Rename asset...',
+            subMenu: null,
+            type: 'item',
+            value: 'rename-asset',
+            disabled: mutationsDisabled,
+        },
+        {
+            id: 'delete-asset',
+            keyHint: null,
+            label: 'Delete...',
+            leftItem: null,
+            onClick: deleteAsset,
+            quickSwitcherLabel: 'Delete asset...',
+            subMenu: null,
+            type: 'item',
+            value: 'delete-asset',
+            disabled: mutationsDisabled,
+        },
+    ];
+    return items.filter(no_react_1.NoReactInternals.truthy);
+};
+exports.getAssetContextMenuItems = getAssetContextMenuItems;
+const useAssetContextMenuItems = ({ relativePath, readOnlyStudio, }) => {
+    var _a;
+    const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
+    const { setSelectedModal } = (0, react_1.useContext)(modals_1.SetSelectedModalContext);
+    const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx)
+        .previewServerState.type;
+    const fileName = (_a = relativePath === null || relativePath === void 0 ? void 0 : relativePath.split('/').pop()) !== null && _a !== void 0 ? _a : null;
+    const copyFileName = (0, react_1.useCallback)(() => {
+        if (fileName === null) {
+            return;
+        }
+        (0, copy_text_1.copyText)(fileName)
+            .then(() => {
+            (0, NotificationCenter_1.showNotification)(`Copied '${fileName}' to clipboard`, 1000);
+        })
+            .catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not copy: ${err.message}`, 2000);
+        });
+    }, [fileName]);
+    const copyStaticFilePath = (0, react_1.useCallback)(() => {
+        if (relativePath === null) {
+            return;
+        }
+        const content = `staticFile("${relativePath}")`;
+        (0, copy_text_1.copyText)(content)
+            .then(() => {
+            (0, NotificationCenter_1.showNotification)(`Copied '${content}' to clipboard`, 1000);
+        })
+            .catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not copy: ${err.message}`, 2000);
+        });
+    }, [relativePath]);
+    const copyAbsolutePath = (0, react_1.useCallback)(() => {
+        if (relativePath === null || window.remotion_publicFolderExists === null) {
+            return;
+        }
+        const content = `${window.remotion_publicFolderExists}/${relativePath}`;
+        (0, copy_text_1.copyText)(content)
+            .then(() => {
+            (0, NotificationCenter_1.showNotification)(`Copied '${content}' to clipboard`, 1000);
+        })
+            .catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not copy: ${err.message}`, 2000);
+        });
+    }, [relativePath]);
+    const openAssetInConvert = (0, react_1.useCallback)(() => {
+        if (relativePath === null) {
+            return;
+        }
+        (0, open_in_remotion_convert_1.openInRemotionConvert)({ relativePath });
+    }, [relativePath]);
+    const openAssetInExplorer = (0, react_1.useCallback)(() => {
+        if (relativePath === null || !window.remotion_publicFolderExists) {
+            (0, NotificationCenter_1.showNotification)('Could not find the public folder', 2000);
+            return;
+        }
+        (0, actions_1.openInFileExplorer)({
+            directory: window.remotion_publicFolderExists + '/' + relativePath,
+        }).catch((err) => {
+            (0, NotificationCenter_1.showNotification)(`Could not open file: ${err.message}`, 2000);
+        });
+    }, [relativePath]);
+    const { mutationsDisabled, fileExplorerDisabled } = (0, exports.getAssetActionAvailability)({
+        browserStudioCanMutateAssets: (0, browser_studio_operations_1.getBrowserStudioOperations)() === null ? null : true,
+        readOnlyStudio,
+        connectionStatus,
+        publicFolderExists: window.remotion_publicFolderExists,
+    });
+    const deleteAsset = (0, use_delete_asset_1.useDeleteAsset)(relativePath);
+    const renameAsset = (0, react_1.useCallback)(() => {
+        if (relativePath === null) {
+            return;
+        }
+        setSelectedModal({
+            type: 'rename-static-file',
+            relativePath,
+        });
+    }, [relativePath, setSelectedModal]);
+    const getContextMenuItems = (0, react_1.useCallback)(() => {
+        if (relativePath === null) {
+            return [];
+        }
+        return (0, exports.getAssetContextMenuItems)({
+            relativePath,
+            fileManagerName,
+            copyFileName,
+            copyStaticFilePath,
+            copyAbsolutePath: window.remotion_publicFolderExists === null ? null : copyAbsolutePath,
+            openAssetInConvert,
+            openAssetInExplorer,
+            renameAsset,
+            deleteAsset,
+            fileExplorerAvailable: (0, browser_studio_operations_1.getBrowserStudioOperations)() === null,
+            fileExplorerDisabled,
+            mutationsDisabled,
+        });
+    }, [
+        copyFileName,
+        copyStaticFilePath,
+        copyAbsolutePath,
+        deleteAsset,
+        fileExplorerDisabled,
+        fileManagerName,
+        mutationsDisabled,
+        openAssetInConvert,
+        openAssetInExplorer,
+        renameAsset,
+        relativePath,
+    ]);
+    return { fileExplorerDisabled, fileManagerName, getContextMenuItems };
+};
+exports.useAssetContextMenuItems = useAssetContextMenuItems;

package/dist/components/composition-drop-preview.d.ts

@@ -1,5 +1,7 @@
 import type { PreviewSize } from 'remotion';
+import type { Guide } from '../state/editor-guides';
 import { type InsertElementDropPosition } from './import-assets';
+import { type SelectedOutlineSnapPoint } from './selected-outline-snap';
 type Dimensions = {
     readonly width: number;
     readonly height: number;
@@ -11,6 +13,7 @@ type CanvasSize = {
 export type CompositionDropPreview = {
     readonly compositionDimensions: Dimensions;
     readonly dropPosition: InsertElementDropPosition;
+    readonly snapPoints: readonly SelectedOutlineSnapPoint[];
 };
 export type CompositionDropPreviewBox = {
     readonly left: number;
@@ -18,12 +21,16 @@ export type CompositionDropPreviewBox = {
     readonly width: number;
     readonly height: number;
 };
-export declare const snapCompositionDropPosition: ({ compositionDimensions, destinationDimensions, dropPosition, scale, }: {
+export declare const snapCompositionDropPosition: ({ compositionDimensions, destinationDimensions, dropPosition, guides, scale, }: {
     readonly compositionDimensions: Dimensions;
     readonly destinationDimensions: Dimensions;
     readonly dropPosition: InsertElementDropPosition;
+    readonly guides: readonly Guide[];
     readonly scale: number;
-}) => InsertElementDropPosition;
+}) => {
+    readonly dropPosition: InsertElementDropPosition;
+    readonly snapPoints: readonly SelectedOutlineSnapPoint[];
+};
 export declare const getCompositionDropPreviewBox: ({ canvasSize, destinationDimensions, preview, previewSize, }: {
     readonly canvasSize: CanvasSize;
     readonly destinationDimensions: Dimensions;

package/dist/components/composition-drop-preview.js

@@ -4,7 +4,7 @@ exports.getCompositionDropPreviewBox = exports.snapCompositionDropPosition = voi
 const studio_fit_padding_1 = require("../helpers/studio-fit-padding");
 const import_assets_1 = require("./import-assets");
 const selected_outline_snap_1 = require("./selected-outline-snap");
-const snapCompositionDropPosition = ({ compositionDimensions, destinationDimensions, dropPosition, scale, }) => {
+const snapCompositionDropPosition = ({ compositionDimensions, destinationDimensions, dropPosition, guides, scale, }) => {
     var _a, _b;
     const left = dropPosition.centerX - compositionDimensions.width / 2;
     const top = dropPosition.centerY - compositionDimensions.height / 2;
@@ -31,12 +31,15 @@ const snapCompositionDropPosition = ({ compositionDimensions, destinationDimensi
         targets: (0, selected_outline_snap_1.getSelectedOutlineSnapTargets)({
             compositionHeight: destinationDimensions.height,
             compositionWidth: destinationDimensions.width,
-            guides: [],
+            guides,
         }),
     });
     return {
-        centerX: dropPosition.centerX + ((_a = snap.snapOffsetX) !== null && _a !== void 0 ? _a : 0),
-        centerY: dropPosition.centerY + ((_b = snap.snapOffsetY) !== null && _b !== void 0 ? _b : 0),
+        dropPosition: {
+            centerX: dropPosition.centerX + ((_a = snap.snapOffsetX) !== null && _a !== void 0 ? _a : 0),
+            centerY: dropPosition.centerY + ((_b = snap.snapOffsetY) !== null && _b !== void 0 ? _b : 0),
+        },
+        snapPoints: snap.activeSnapPoints,
     };
 };
 exports.snapCompositionDropPosition = snapCompositionDropPosition;

package/dist/components/composition-menu-items.d.ts

@@ -1,9 +1,9 @@
-import type { EditorPickerId } from '@remotion/studio-shared';
 import type { SetStateAction } from 'react';
 import type { ResolvedStackLocation } from 'remotion';
 import type { ModalState } from '../state/modals';
 import type { ComboboxValue } from './NewComposition/ComboBox';
-export declare const getCompositionMenuItems: ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeCompositionManagementItems, editorId, editorName, }: {
+import type { OpenInMenuApps } from './use-open-in-menu-apps';
+export declare const getCompositionMenuItems: ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeCompositionManagementItems, openInApps, }: {
     composition: import("remotion").AnyComposition | null;
     connectionStatus: "connected" | "disconnected" | "init";
     resolvedLocation: ResolvedStackLocation | null;
@@ -11,8 +11,7 @@ export declare const getCompositionMenuItems: ({ composition, connectionStatus,
     closeMenu: () => void;
     readOnlyStudio: boolean;
     includeCompositionManagementItems: boolean;
-    editorId: EditorPickerId | null;
-    editorName: string | null;
+    openInApps: OpenInMenuApps;
 }) => ComboboxValue[];
 export declare const getCompositionContextMenuItems: (args: Omit<{
     composition: import("remotion").AnyComposition | null;
@@ -22,8 +21,7 @@ export declare const getCompositionContextMenuItems: (args: Omit<{
     closeMenu: () => void;
     readOnlyStudio: boolean;
     includeCompositionManagementItems: boolean;
-    editorId: EditorPickerId | null;
-    editorName: string | null;
+    openInApps: OpenInMenuApps;
 }, "includeCompositionManagementItems"> & {
     readonly includeCompositionManagementItems: boolean;
 }) => ComboboxValue[];