@remotion/studio 4.0.465 → 4.0.467

package/dist/components/Timeline/get-timeline-keyframes.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTimelineKeyframes = exports.getComputedStatusLabel = void 0;
+const getComputedStatusLabel = (propStatus) => {
+    var _a;
+    if (propStatus.reason !== 'computed') {
+        throw new Error(`Unsupported prop status: ${propStatus.reason}`);
+    }
+    return ((_a = propStatus.keyframes) === null || _a === void 0 ? void 0 : _a.length) ? 'keyframed' : 'computed';
+};
+exports.getComputedStatusLabel = getComputedStatusLabel;
+const getTimelineKeyframes = (propStatus) => {
+    var _a;
+    if (!propStatus || propStatus.canUpdate) {
+        return [];
+    }
+    if (propStatus.reason !== 'computed') {
+        throw new Error(`Unsupported prop status: ${propStatus.reason}`);
+    }
+    return (_a = propStatus.keyframes) !== null && _a !== void 0 ? _a : [];
+};
+exports.getTimelineKeyframes = getTimelineKeyframes;

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

@@ -0,0 +1,12 @@
+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, }: {
+    composition: import("remotion").AnyComposition | null;
+    connectionStatus: "connected" | "disconnected" | "init";
+    resolvedLocation: ResolvedStackLocation | null;
+    setSelectedModal: (value: SetStateAction<ModalState | null>) => void;
+    closeMenu: () => void;
+    readOnlyStudio: boolean;
+}) => ComboboxValue[];

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

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCompositionMenuItems = void 0;
+const no_react_1 = require("remotion/no-react");
+const open_in_editor_1 = require("../helpers/open-in-editor");
+const NotificationCenter_1 = require("./Notifications/NotificationCenter");
+const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocation, setSelectedModal, closeMenu, readOnlyStudio, }) => {
+    const editorName = window.remotion_editorName;
+    const showInEditorDisabled = !composition || connectionStatus !== 'connected' || !resolvedLocation;
+    const openComponentInEditorDisabled = showInEditorDisabled || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source);
+    return [
+        editorName
+            ? {
+                id: 'show-in-editor',
+                keyHint: null,
+                label: `Show composition in ${editorName}`,
+                leftItem: null,
+                onClick: async () => {
+                    closeMenu();
+                    if (!composition || !resolvedLocation) {
+                        return;
+                    }
+                    try {
+                        await (0, open_in_editor_1.openOriginalPositionInEditor)(resolvedLocation);
+                    }
+                    catch (err) {
+                        (0, NotificationCenter_1.showNotification)(err.message, 2000);
+                    }
+                },
+                quickSwitcherLabel: `Show composition in ${editorName}`,
+                subMenu: null,
+                type: 'item',
+                value: 'show-in-editor',
+                disabled: showInEditorDisabled,
+            }
+            : null,
+        editorName
+            ? {
+                id: 'open-component-in-editor',
+                keyHint: null,
+                label: `Show component in ${editorName}`,
+                leftItem: null,
+                onClick: async () => {
+                    closeMenu();
+                    if (!composition || !(resolvedLocation === null || resolvedLocation === void 0 ? void 0 : resolvedLocation.source)) {
+                        return;
+                    }
+                    try {
+                        await (0, open_in_editor_1.openCompositionComponentInEditor)({
+                            compositionFile: resolvedLocation.source,
+                            compositionId: composition.id,
+                        });
+                    }
+                    catch (err) {
+                        (0, NotificationCenter_1.showNotification)(err.message, 2000);
+                    }
+                },
+                quickSwitcherLabel: `Show composition component in ${editorName}`,
+                subMenu: null,
+                type: 'item',
+                value: 'open-component-in-editor',
+                disabled: openComponentInEditorDisabled,
+            }
+            : null,
+        editorName
+            ? {
+                type: 'divider',
+                id: 'show-in-editor-divider',
+            }
+            : null,
+        {
+            id: 'rename',
+            keyHint: null,
+            label: `Rename...`,
+            leftItem: null,
+            onClick: () => {
+                if (!composition) {
+                    return;
+                }
+                closeMenu();
+                setSelectedModal({
+                    type: 'rename-comp',
+                    compositionId: composition.id,
+                });
+            },
+            quickSwitcherLabel: 'Rename composition...',
+            subMenu: null,
+            type: 'item',
+            value: 'rename',
+            disabled: !composition || readOnlyStudio,
+        },
+        {
+            id: 'duplicate',
+            keyHint: null,
+            label: `Duplicate...`,
+            leftItem: null,
+            onClick: () => {
+                if (!composition) {
+                    return;
+                }
+                closeMenu();
+                setSelectedModal({
+                    type: 'duplicate-comp',
+                    compositionId: composition.id,
+                    compositionType: composition.durationInFrames === 1 ? 'still' : 'composition',
+                });
+            },
+            quickSwitcherLabel: 'Duplicate composition...',
+            subMenu: null,
+            type: 'item',
+            value: 'duplicate',
+            disabled: !composition || readOnlyStudio,
+        },
+        {
+            id: 'delete',
+            keyHint: null,
+            label: `Delete...`,
+            leftItem: null,
+            onClick: () => {
+                if (!composition) {
+                    return;
+                }
+                closeMenu();
+                setSelectedModal({
+                    type: 'delete-comp',
+                    compositionId: composition.id,
+                });
+            },
+            quickSwitcherLabel: 'Delete composition...',
+            subMenu: null,
+            type: 'item',
+            value: 'delete',
+            disabled: !composition || readOnlyStudio,
+        },
+        {
+            type: 'divider',
+            id: 'copy-id-divider',
+        },
+        {
+            id: 'copy-id',
+            keyHint: null,
+            label: `Copy ID`,
+            leftItem: null,
+            onClick: () => {
+                if (!composition) {
+                    return;
+                }
+                closeMenu();
+                navigator.clipboard
+                    .writeText(composition.id)
+                    .then(() => {
+                    (0, NotificationCenter_1.showNotification)('Copied to clipboard', 1000);
+                })
+                    .catch((err) => {
+                    (0, NotificationCenter_1.showNotification)(`Could not copy to clipboard: ${err.message}`, 1000);
+                });
+            },
+            quickSwitcherLabel: 'Copy composition ID',
+            subMenu: null,
+            type: 'item',
+            value: 'copy-id',
+            disabled: !composition,
+        },
+    ].filter(no_react_1.NoReactInternals.truthy);
+};
+exports.getCompositionMenuItems = getCompositionMenuItems;

package/dist/esm/chunk-5gtx3pza.js

@@ -0,0 +1,9 @@
+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 { __require };