@remotion/studio 4.0.503 → 4.0.504

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

@@ -2,14 +2,13 @@ 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, includeNewCompositionItem, includeCompositionManagementItems, }: {
+export declare const getCompositionMenuItems: ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeCompositionManagementItems, }: {
     composition: import("remotion").AnyComposition | null;
     connectionStatus: "connected" | "disconnected" | "init";
     resolvedLocation: ResolvedStackLocation | null;
     setSelectedModal: (value: SetStateAction<ModalState | null>) => void;
     closeMenu: () => void;
     readOnlyStudio: boolean;
-    includeNewCompositionItem: boolean;
     includeCompositionManagementItems: boolean;
 }) => ComboboxValue[];
 export declare const getCompositionContextMenuItems: (args: Omit<{
@@ -19,8 +18,7 @@ export declare const getCompositionContextMenuItems: (args: Omit<{
     setSelectedModal: (value: SetStateAction<ModalState | null>) => void;
     closeMenu: () => void;
     readOnlyStudio: boolean;
-    includeNewCompositionItem: boolean;
     includeCompositionManagementItems: boolean;
-}, "includeCompositionManagementItems" | "includeNewCompositionItem"> & {
+}, "includeCompositionManagementItems"> & {
     readonly includeCompositionManagementItems: boolean;
 }) => ComboboxValue[];

package/dist/components/composition-menu-items.js

@@ -6,7 +6,7 @@ const format_file_location_1 = require("../helpers/format-file-location");
 const open_in_editor_1 = require("../helpers/open-in-editor");
 const NotificationCenter_1 = require("./Notifications/NotificationCenter");
 const open_in_new_window_1 = require("./open-in-new-window");
-const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeNewCompositionItem, includeCompositionManagementItems, }) => {
+const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, includeCompositionManagementItems, }) => {
     const editorName = window.remotion_editorName;
     const fileLocation = (0, format_file_location_1.formatFileLocation)({
         location: resolvedLocation,
@@ -69,60 +69,12 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
                 disabled: openComponentInEditorDisabled,
             }
             : null,
-        {
-            id: 'copy-file-location',
-            keyHint: null,
-            label: `Copy file location`,
-            leftItem: null,
-            onClick: () => {
-                closeMenu();
-                if (!fileLocation) {
-                    return;
-                }
-                navigator.clipboard
-                    .writeText(fileLocation)
-                    .then(() => {
-                    (0, NotificationCenter_1.showNotification)('Copied file location to clipboard', 1000);
-                })
-                    .catch((err) => {
-                    (0, NotificationCenter_1.showNotification)(`Could not copy to clipboard: ${err.message}`, 1000);
-                });
-            },
-            quickSwitcherLabel: 'Copy composition file location',
-            subMenu: null,
-            type: 'item',
-            value: 'copy-file-location',
-            disabled: copyFileLocationDisabled,
-        },
-        (editorName || fileLocation) &&
-            (includeNewCompositionItem || includeCompositionManagementItems)
+        editorName && includeCompositionManagementItems
             ? {
                 type: 'divider',
                 id: 'show-in-editor-divider',
             }
             : null,
-        includeNewCompositionItem
-            ? {
-                id: 'new',
-                keyHint: null,
-                label: `New...`,
-                leftItem: null,
-                onClick: () => {
-                    closeMenu();
-                    setSelectedModal({
-                        type: 'new-comp',
-                        folderName: null,
-                        parentName: null,
-                        stack: null,
-                    });
-                },
-                quickSwitcherLabel: 'New composition...',
-                subMenu: null,
-                type: 'item',
-                value: 'new',
-                disabled: readOnlyStudio,
-            }
-            : null,
         includeCompositionManagementItems
             ? {
                 id: 'rename',
@@ -193,9 +145,36 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
                 disabled: !composition || readOnlyStudio,
             }
             : null,
+        editorName || includeCompositionManagementItems
+            ? {
+                type: 'divider',
+                id: 'copy-actions-divider',
+            }
+            : null,
         {
-            type: 'divider',
-            id: 'copy-id-divider',
+            id: 'copy-file-location',
+            keyHint: null,
+            label: `Copy file location`,
+            leftItem: null,
+            onClick: () => {
+                closeMenu();
+                if (!fileLocation) {
+                    return;
+                }
+                navigator.clipboard
+                    .writeText(fileLocation)
+                    .then(() => {
+                    (0, NotificationCenter_1.showNotification)('Copied file location to clipboard', 1000);
+                })
+                    .catch((err) => {
+                    (0, NotificationCenter_1.showNotification)(`Could not copy to clipboard: ${err.message}`, 1000);
+                });
+            },
+            quickSwitcherLabel: 'Copy composition file location',
+            subMenu: null,
+            type: 'item',
+            value: 'copy-file-location',
+            disabled: copyFileLocationDisabled,
         },
         {
             id: 'copy-id',
@@ -229,7 +208,6 @@ const getCompositionContextMenuItems = (args) => {
     if (args.composition === null) {
         return (0, exports.getCompositionMenuItems)({
             ...args,
-            includeNewCompositionItem: false,
         });
     }
     return [
@@ -240,7 +218,6 @@ const getCompositionContextMenuItems = (args) => {
         },
         ...(0, exports.getCompositionMenuItems)({
             ...args,
-            includeNewCompositionItem: false,
         }),
     ];
 };

package/dist/components/import-assets.d.ts

@@ -148,7 +148,8 @@ export declare const insertElement: ({ compositionFile, compositionId, element,
     compositionFile: string;
     compositionId: string;
     element: {
-        dependencies: string[];
+        dependencies: import("@remotion/studio-protocol").ElementDependency[];
+        durationInFrames?: number | undefined;
         slug: string;
         displayName: string;
         sourceCode: string;

package/dist/components/import-assets.js

@@ -480,7 +480,7 @@ const notifyUnsupportedFiles = (unsupportedFiles) => {
 };
 const insertCompositionElement = async ({ compositionFile, compositionId, element, from, }) => {
     const requiredPackage = (0, studio_shared_1.getRequiredPackageForInsertableElement)(element);
-    await (0, install_required_package_1.installRequiredPackages)(requiredPackage ? [requiredPackage] : []);
+    await (0, install_required_package_1.installRequiredPackages)(requiredPackage ? [{ name: requiredPackage, version: null }] : []);
     const result = await (0, call_api_1.callApi)('/api/insert-jsx-element', {
         compositionFile,
         compositionId,