@remotion/studio 4.0.502 → 4.0.504

package/dist/components/UpdateModal/UpdateModal.js

@@ -5,36 +5,62 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const colors_1 = require("../../helpers/colors");
 const copy_text_1 = require("../../helpers/copy-text");
-const CopyButton_1 = require("../CopyButton");
+const clipboard_1 = require("../../icons/clipboard");
+const InlineAction_1 = require("../InlineAction");
 const KnownBugs_1 = require("../KnownBugs");
-const layout_1 = require("../layout");
 const ModalHeader_1 = require("../ModalHeader");
 const DismissableModal_1 = require("../NewComposition/DismissableModal");
 const NotificationCenter_1 = require("../Notifications/NotificationCenter");
 const container = {
-    padding: 20,
-    paddingTop: 0,
+    padding: '0 16px 8px',
+};
+const panelStyle = {
+    borderRadius: 6,
+    overflow: 'hidden',
 };
 const text = {
+    color: colors_1.LIGHT_TEXT,
+    fontFamily: 'sans-serif',
     fontSize: 14,
+    lineHeight: 1.5,
 };
 const title = {
     paddingTop: 12,
     paddingBottom: 8,
     ...text,
 };
-const code = {
+const commandField = {
+    alignItems: 'center',
     background: colors_1.SELECTED_BACKGROUND,
-    padding: '12px 10px',
-    fontSize: 14,
-    marginTop: 10,
+    borderRadius: 6,
+    boxSizing: 'border-box',
+    display: 'flex',
     marginBottom: 10,
+    marginTop: 10,
+    padding: '8px 8px 8px 10px',
+    width: '100%',
+};
+const code = {
+    color: colors_1.WHITE,
+    flex: 1,
+    fontFamily: 'monospace',
+    fontSize: 14,
+    lineHeight: 1.5,
+    margin: 0,
+    minWidth: 0,
+    overflowX: 'auto',
+    whiteSpace: 'pre',
+};
+const copyIcon = {
+    flexShrink: 0,
+    height: 12,
+    width: 12,
 };
 const link = {
+    ...text,
     fontWeight: 'bold',
     color: colors_1.BLUE,
     textDecoration: 'none',
-    ...text,
 };
 const commands = {
     npm: 'npx remotion upgrade',
@@ -43,23 +69,36 @@ const commands = {
     bun: 'bun remotion upgrade',
     unknown: 'npx remotion upgrade',
 };
+const skillsUpdateCommand = 'npx remotion skills update';
+const remotionUpgradeSkill = '/remotion-upgrade';
 const UpdateModal = ({ info, knownBugs }) => {
     const hasKnownBugs = (0, react_1.useMemo)(() => {
         return knownBugs && (knownBugs === null || knownBugs === void 0 ? void 0 : knownBugs.length) > 0;
     }, [knownBugs]);
-    const command = commands[info.packageManager];
+    const updateAction = info.remotionUpgradeSkillAvailable
+        ? remotionUpgradeSkill
+        : info.updateAvailable
+            ? commands[info.packageManager]
+            : skillsUpdateCommand;
+    const updateActionType = info.remotionUpgradeSkillAvailable
+        ? 'skill'
+        : 'command';
     const onClick = (0, react_1.useCallback)(() => {
-        (0, copy_text_1.copyText)(command).catch((err) => {
+        (0, copy_text_1.copyText)(updateAction).catch((err) => {
             (0, NotificationCenter_1.showNotification)(`Could not copy: ${err.message}`, 2000);
         });
-    }, [command]);
-    return (jsx_runtime_1.jsxs(DismissableModal_1.DismissableModal, { children: [
-            jsx_runtime_1.jsx(ModalHeader_1.ModalHeader, { title: "Update available" }), jsx_runtime_1.jsxs("div", { style: container, children: [hasKnownBugs ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
-                            jsx_runtime_1.jsxs("div", { style: title, children: ["The currently installed version ", info.currentVersion, " has the following known bugs:"] }), jsx_runtime_1.jsx(KnownBugs_1.KnownBugs, { bugs: knownBugs }), jsx_runtime_1.jsx("div", { style: { height: '20px' } }), jsx_runtime_1.jsx("div", { style: text, children: "To upgrade, run the following command:" })
-                        ] })) : (jsx_runtime_1.jsx("div", { style: title, children: "A new update for Remotion is available! Run the following command:" })), jsx_runtime_1.jsxs(layout_1.Row, { align: "center", children: [
-                            jsx_runtime_1.jsx(layout_1.Flex, { children: jsx_runtime_1.jsx("pre", { onClick: onClick, style: code, children: command }) }), jsx_runtime_1.jsx(layout_1.Spacing, { x: 1 }), jsx_runtime_1.jsx(CopyButton_1.CopyButton, { textToCopy: command, label: "Copy", labelWhenCopied: "Copied!" })
-                        ] }), jsx_runtime_1.jsxs("div", { style: text, children: ["This will upgrade Remotion from ", info.currentVersion, " to", ' ', info.latestVersion, "."] }), jsx_runtime_1.jsxs("div", { style: text, children: ["Read the", ' ', jsx_runtime_1.jsx("a", { style: link, target: "_blank", href: "https://github.com/remotion-dev/remotion/releases", children: "Release notes" }), ' ', "to know what", "'s", " new in Remotion."] })
-                ] })
+    }, [updateAction]);
+    const renderCopyAction = (0, react_1.useCallback)((color) => {
+        return jsx_runtime_1.jsx(clipboard_1.ClipboardIcon, { color: color, style: copyIcon });
+    }, []);
+    return (jsx_runtime_1.jsxs(DismissableModal_1.DismissableModal, { panelStyle: panelStyle, children: [
+            jsx_runtime_1.jsx(ModalHeader_1.ModalHeader, { title: "Update available" }), jsx_runtime_1.jsxs("div", { style: container, children: [hasKnownBugs && info.updateAvailable ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
+                            jsx_runtime_1.jsxs("div", { style: title, children: ["The currently installed version ", info.currentVersion, " has the following known bugs:"] }), jsx_runtime_1.jsx(KnownBugs_1.KnownBugs, { bugs: knownBugs }), jsx_runtime_1.jsx("div", { style: { height: '20px' } }), jsx_runtime_1.jsxs("div", { style: text, children: ["To upgrade, run the following ", updateActionType, ":"] })
+                        ] })) : info.updateAvailable ? (jsx_runtime_1.jsxs("div", { style: title, children: ["A new update for Remotion is available! Run the following", ' ', updateActionType, ":"] })) : (jsx_runtime_1.jsxs("div", { style: title, children: ["Your Remotion Agent Skills are out of date. Run the following", ' ', updateActionType, ":"] })), jsx_runtime_1.jsxs("div", { style: commandField, children: [
+                            jsx_runtime_1.jsx("pre", { style: code, children: updateAction }), jsx_runtime_1.jsx(InlineAction_1.InlineAction, { variant: null, onClick: onClick, renderAction: renderCopyAction, title: "Copy command" })
+                        ] }), info.updateAvailable ? (jsx_runtime_1.jsxs("div", { style: text, children: ["This will upgrade Remotion from ", info.currentVersion, " to", ' ', info.latestVersion, info.skillsUpdateAvailable
+                                ? ' and update your project Remotion Agent Skills.'
+                                : '.'] })) : null, info.updateAvailable ? (jsx_runtime_1.jsxs("div", { style: text, children: ["Read the", ' ', jsx_runtime_1.jsx("a", { style: link, target: "_blank", href: "https://github.com/remotion-dev/remotion/releases", children: "Release notes" }), ' ', "to know what", "'s", " new in Remotion."] })) : null] })
         ] }));
 };
 exports.UpdateModal = UpdateModal;

package/dist/components/VisualControls/ClickableFileName.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const colors_1 = require("../../helpers/colors");
 const open_in_editor_1 = require("../../helpers/open-in-editor");
+const NotificationCenter_1 = require("../Notifications/NotificationCenter");
 const Fieldset_1 = require("../RenderModal/SchemaEditor/Fieldset");
 const source_attribution_1 = require("../Timeline/TimelineStack/source-attribution");
 const container = {
@@ -28,11 +29,13 @@ const ClickableFileName = ({ originalFileName, }) => {
             color: hoverEffect ? colors_1.WHITE_HEX : colors_1.LIGHT_COLOR,
         };
     }, [originalFileName, hoverEffect]);
-    const onClick = (0, react_1.useCallback)(async () => {
+    const onClick = (0, react_1.useCallback)(() => {
         if (originalFileName.type !== 'loaded') {
             return;
         }
-        await (0, open_in_editor_1.openOriginalPositionInEditor)(originalFileName.originalFileName);
+        (0, open_in_editor_1.openOriginalPositionInEditor)(originalFileName.originalFileName, null).catch((err) => {
+            (0, NotificationCenter_1.showNotification)(err.message, 2000);
+        });
     }, [originalFileName]);
     return (jsx_runtime_1.jsx("div", { style: container, children: jsx_runtime_1.jsx("span", { style: style, onClick: onClick, onPointerEnter: onTitlePointerEnter, onPointerLeave: onTitlePointerLeave, children: originalFileName.type === 'loaded'
                 ? (0, source_attribution_1.getOriginalSourceAttribution)(originalFileName.originalFileName)

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,
@@ -28,7 +28,7 @@ const getCompositionMenuItems = ({ composition, connectionStatus, resolvedLocati
                         return;
                     }
                     try {
-                        await (0, open_in_editor_1.openOriginalPositionInEditor)(resolvedLocation);
+                        await (0, open_in_editor_1.openOriginalPositionInEditor)(resolvedLocation, null);
                     }
                     catch (err) {
                         (0, NotificationCenter_1.showNotification)(err.message, 2000);
@@ -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/element-install-request.d.ts

@@ -0,0 +1,3 @@
+import type { ElementInstallRequest } from '@remotion/studio-shared';
+export declare const enqueueElementInstallRequest: (request: ElementInstallRequest) => void;
+export declare const subscribeToElementInstallRequests: (listener: (request: ElementInstallRequest) => void) => () => void;

package/dist/components/element-install-request.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscribeToElementInstallRequests = exports.enqueueElementInstallRequest = void 0;
+const listeners = new Set();
+const enqueueElementInstallRequest = (request) => {
+    for (const listener of listeners) {
+        listener(request);
+    }
+};
+exports.enqueueElementInstallRequest = enqueueElementInstallRequest;
+const subscribeToElementInstallRequests = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+exports.subscribeToElementInstallRequests = subscribeToElementInstallRequests;

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

@@ -32,7 +32,7 @@ const getFolderMenuItems = ({ closeMenu, connectionStatus, folder, readOnlyStudi
                         return;
                     }
                     try {
-                        await (0, open_in_editor_1.openOriginalPositionInEditor)(resolvedLocation);
+                        await (0, open_in_editor_1.openOriginalPositionInEditor)(resolvedLocation, null);
                     }
                     catch (err) {
                         (0, NotificationCenter_1.showNotification)(err.message, 2000);

package/dist/components/handle-drop.d.ts

@@ -1,10 +1,9 @@
 import type { Dimensions } from '../helpers/is-current-selected-still';
-import { type ConfirmElementOverwrite, type InsertElementDropPosition } from './import-assets';
+import { type InsertElementDropPosition } from './import-assets';
 import type { SvgImportMode } from './SvgImportDialog';
-export declare const handleDrop: ({ chooseSvgImportMode, compositionFile, confirmElementOverwrite, compositionId, destinationDimensions, dropPosition, event, fps, from, }: {
+export declare const handleDrop: ({ chooseSvgImportMode, compositionFile, compositionId, destinationDimensions, dropPosition, event, fps, from, }: {
     chooseSvgImportMode: () => Promise<SvgImportMode | null>;
     compositionFile: string;
-    confirmElementOverwrite: ConfirmElementOverwrite;
     compositionId: string;
     destinationDimensions: Dimensions | null;
     dropPosition: InsertElementDropPosition | null;

package/dist/components/handle-drop.js

@@ -4,8 +4,9 @@ exports.handleDrop = void 0;
 const remote_asset_drag_1 = require("../helpers/remote-asset-drag");
 const drop_handler_data_1 = require("./drop-handler-data");
 const element_drag_and_drop_1 = require("./element-drag-and-drop");
+const element_install_request_1 = require("./element-install-request");
 const import_assets_1 = require("./import-assets");
-const handleDrop = async ({ chooseSvgImportMode, compositionFile, confirmElementOverwrite, compositionId, destinationDimensions, dropPosition, event, fps, from, }) => {
+const handleDrop = async ({ chooseSvgImportMode, compositionFile, compositionId, destinationDimensions, dropPosition, event, fps, from, }) => {
     var _a;
     var _b;
     if ((0, drop_handler_data_1.isFileDragEvent)(event)) {
@@ -77,13 +78,19 @@ const handleDrop = async ({ chooseSvgImportMode, compositionFile, confirmElement
     }
     const element = (0, element_drag_and_drop_1.getElementDragData)(event.dataTransfer);
     if (element !== null) {
-        await (0, import_assets_1.insertElement)({
+        (0, element_install_request_1.enqueueElementInstallRequest)({
+            id: crypto.randomUUID(),
+            clientId: 'drag-and-drop',
+            createdAt: Date.now(),
             compositionFile,
             compositionId,
-            confirmOverwrite: confirmElementOverwrite,
-            dropPosition,
             element: element.element,
             from,
+            position: (0, import_assets_1.getElementPositionForDrop)({
+                dimensions: element.element.dimensions,
+                dropPosition,
+            }),
+            source: { type: 'drag-and-drop' },
         });
         return;
     }

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

@@ -1,11 +1,10 @@
 import { type CompositionDragData, type ComponentProp } from '@remotion/studio-protocol';
-import { type FileType, type InsertElementFileConflict, type InsertableCompositionElementPosition } from '@remotion/studio-shared';
+import { type ElementInstallExpectedFileState, type FileType, type InsertableCompositionElementPosition } from '@remotion/studio-shared';
 import type { Dimensions } from '../helpers/is-current-selected-still';
 export type InsertElementDropPosition = {
     readonly centerX: number;
     readonly centerY: number;
 };
-export type ConfirmElementOverwrite = (conflict: InsertElementFileConflict) => Promise<boolean>;
 export declare const getAssetElement: ({ fileType, src, }: {
     fileType: FileType;
     src: string;
@@ -145,17 +144,19 @@ export declare const insertComposition: ({ composition, compositionFile, composi
     dropPosition: InsertElementDropPosition | null;
     from: number | null;
 }) => Promise<void>;
-export declare const insertElement: ({ compositionFile, compositionId, confirmOverwrite, dropPosition, element, from, }: {
+export declare const insertElement: ({ compositionFile, compositionId, element, expectedFileState, position, from, overwriteExisting, }: {
     compositionFile: string;
     compositionId: string;
-    confirmOverwrite: ConfirmElementOverwrite;
-    dropPosition: InsertElementDropPosition | null;
     element: {
-        dependencies: string[];
+        dependencies: import("@remotion/studio-protocol").ElementDependency[];
+        durationInFrames?: number | undefined;
         slug: string;
         displayName: string;
         sourceCode: string;
         dimensions: import("@remotion/studio-protocol").ComponentDimensions | null;
     };
+    expectedFileState: ElementInstallExpectedFileState;
+    position: InsertableCompositionElementPosition | null;
     from: number | null;
+    overwriteExisting: boolean;
 }) => Promise<void>;

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,
@@ -872,33 +872,22 @@ const insertComposition = async ({ composition, compositionFile, compositionId,
     }
 };
 exports.insertComposition = insertComposition;
-const insertElement = async ({ compositionFile, compositionId, confirmOverwrite, dropPosition, element, from, }) => {
+const insertElement = async ({ compositionFile, compositionId, element, expectedFileState, position, from, overwriteExisting, }) => {
     try {
         await (0, install_required_package_1.installRequiredPackages)(element.dependencies);
-        const position = (0, exports.getElementPositionForDrop)({
-            dimensions: element.dimensions,
-            dropPosition,
-        });
-        const callInsertElementApi = (overwriteExisting) => (0, call_api_1.callApi)('/api/insert-element', {
+        const response = await (0, call_api_1.callApi)('/api/insert-element', {
             compositionFile,
             compositionId,
             element,
+            expectedFileState,
             from,
             overwriteExisting,
             position,
         });
-        let response = await callInsertElementApi(false);
-        if (!response.success && response.type === 'file-conflict') {
-            const shouldOverwrite = await confirmOverwrite(response.conflict);
-            if (!shouldOverwrite) {
-                return;
-            }
-            response = await callInsertElementApi(true);
-        }
         if (!response.success) {
             const reason = response.type === 'error'
                 ? response.reason
-                : `Element file still conflicts: ${response.conflict.filePath}`;
+                : `Element file changed: ${response.conflict.filePath}`;
             (0, NotificationCenter_1.showNotification)(`Could not add Element: ${reason}`, 4000);
             return;
         }

package/dist/components/use-default-editor-info.d.ts

@@ -0,0 +1,4 @@
+import type { EditorPickerId, GetDefaultEditorInfoResponse } from '@remotion/studio-shared';
+export declare const canUseEditorPicker: (previewServerConnected: boolean) => boolean;
+export declare const getPreferredEditorId: (editorInfo: GetDefaultEditorInfoResponse | null) => EditorPickerId | null;
+export declare const useDefaultEditorInfo: (enabled: boolean) => GetDefaultEditorInfoResponse | null;

package/dist/components/use-default-editor-info.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultEditorInfo = exports.getPreferredEditorId = exports.canUseEditorPicker = void 0;
+const react_1 = require("react");
+const browser_studio_operations_1 = require("../helpers/browser-studio-operations");
+const call_api_1 = require("./call-api");
+let editorInfoPromise = null;
+const loadDefaultEditorInfo = () => {
+    editorInfoPromise !== null && editorInfoPromise !== void 0 ? editorInfoPromise : (editorInfoPromise = (0, call_api_1.callApi)('/api/default-editor-info', {}).catch((err) => {
+        editorInfoPromise = null;
+        throw err;
+    }));
+    return editorInfoPromise;
+};
+const canUseEditorPicker = (previewServerConnected) => {
+    return (previewServerConnected &&
+        !window.remotion_isReadOnlyStudio &&
+        (0, browser_studio_operations_1.getBrowserStudioOperations)() === null);
+};
+exports.canUseEditorPicker = canUseEditorPicker;
+const getPreferredEditorId = (editorInfo) => {
+    var _a;
+    var _b;
+    return ((_b = (_a = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.find((editor) => editor.name === window.remotion_editorName)) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null);
+};
+exports.getPreferredEditorId = getPreferredEditorId;
+const useDefaultEditorInfo = (enabled) => {
+    const [editorInfo, setEditorInfo] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!enabled) {
+            return;
+        }
+        let cancelled = false;
+        loadDefaultEditorInfo()
+            .then((response) => {
+            if (!cancelled) {
+                setEditorInfo(response);
+            }
+        })
+            .catch(() => undefined);
+        return () => {
+            cancelled = true;
+        };
+    }, [enabled]);
+    return editorInfo;
+};
+exports.useDefaultEditorInfo = useDefaultEditorInfo;

package/dist/error-overlay/remotion-overlay/OpenInEditor.js

@@ -42,7 +42,7 @@ const OpenInEditor = ({ stack, canHaveKeyboardShortcuts }) => {
     }, []);
     const openInBrowser = (0, react_1.useCallback)(() => {
         dispatch({ type: 'start' });
-        (0, open_in_editor_1.openInEditor)(stack)
+        (0, open_in_editor_1.openInEditor)(stack, null)
             .then((data) => {
             if (data.success) {
                 dispatchIfMounted({ type: 'succeed' });

package/dist/error-overlay/remotion-overlay/StackFrame.js

@@ -48,7 +48,7 @@ const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName }) => {
         if (!canOpenFileLocation) {
             return;
         }
-        (0, open_in_editor_1.openInEditor)(s).catch((err) => {
+        (0, open_in_editor_1.openInEditor)(s, null).catch((err) => {
             // eslint-disable-next-line no-console
             console.log('Could not open in editor', err);
         });