@remotion/studio 4.0.508 → 4.0.509

package/dist/components/get-open-in-menu-items.js

@@ -2,9 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOpenInMenuItems = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const no_react_1 = require("remotion/no-react");
 const get_file_manager_name_1 = require("../helpers/get-file-manager-name");
+const get_git_menu_item_1 = require("../helpers/get-git-menu-item");
 const editor_1 = require("../icons/editor");
 const finder_1 = require("../icons/finder");
+const github_1 = require("../icons/github");
 const terminal_1 = require("../icons/terminal");
 const CodingAgentIcon_1 = require("./CodingAgentIcon");
 const menuLabel = {
@@ -13,7 +16,7 @@ const menuLabel = {
     fontSize: 13,
     lineHeight: '16px',
 };
-const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, fileManagerDisabled, folder, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInTerminal, }) => {
+const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, excludeCodingAgentId, excludeEditorId, fileManagerDisabled, folder, location, onConfigureApps, onOpenInCodingAgent, onOpenInEditor, onOpenInFileExplorer, onOpenInTerminal, }) => {
     var _a, _b, _c;
     const showFinder = window.remotion_fileSystemPlatform === 'darwin';
     const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
@@ -49,7 +52,49 @@ const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, exclu
         value: `coding-agent-${codingAgent.id}`,
     }));
     const terminals = folder ? ((_c = codingAgentInfo === null || codingAgentInfo === void 0 ? void 0 : codingAgentInfo.installedTerminals) !== null && _c !== void 0 ? _c : []) : [];
-    const showSystemApps = showFinder || terminals.length > 0;
+    const gitHubItem = window.remotion_gitSource
+        ? {
+            id: 'open-in-github',
+            keyHint: null,
+            label: jsx_runtime_1.jsx("span", { style: menuLabel, children: "GitHub.com" }),
+            leftItem: jsx_runtime_1.jsx(github_1.GitHubIcon, { size: 18 }),
+            onClick: () => {
+                const gitSource = window.remotion_gitSource;
+                if (!gitSource) {
+                    return;
+                }
+                window.open(folder || !location
+                    ? (0, get_git_menu_item_1.getGitSourceBranchUrl)(gitSource)
+                    : (0, get_git_menu_item_1.getGitRefUrl)(gitSource, location, window.remotion_cwd), '_blank');
+            },
+            quickSwitcherLabel: null,
+            subMenu: null,
+            type: 'item',
+            value: 'github',
+        }
+        : null;
+    const systemApps = [
+        gitHubItem,
+        showFinder
+            ? {
+                disabled: fileManagerDisabled,
+                id: 'open-in-file-explorer',
+                keyHint: null,
+                label: jsx_runtime_1.jsx("span", { style: menuLabel, children: fileManagerName }),
+                leftItem: jsx_runtime_1.jsx(finder_1.FinderIcon, { size: 18 }),
+                onClick: () => {
+                    if (!fileManagerDisabled) {
+                        onOpenInFileExplorer();
+                    }
+                },
+                quickSwitcherLabel: null,
+                subMenu: null,
+                type: 'item',
+                value: 'file-explorer',
+            }
+            : null,
+    ].filter(no_react_1.NoReactInternals.truthy);
+    const hasCategorizedApps = editors.length > 0 || codingAgents.length > 0 || terminals.length > 0;
     return [
         ...(editors.length > 0
             ? [
@@ -71,61 +116,40 @@ const getOpenInMenuItems = ({ codingAgentInfo, editorDisabled, editorInfo, exclu
                 ...codingAgents,
             ]
             : []),
-        ...(showSystemApps
+        ...(terminals.length > 0
             ? [
-                ...(terminals.length > 0
-                    ? [
-                        {
-                            type: 'section-header',
-                            id: 'terminal-header',
-                            label: 'Terminal',
-                        },
-                        ...terminals.map((terminal) => ({
-                            id: `open-in-terminal-${terminal.id}`,
-                            keyHint: null,
-                            label: jsx_runtime_1.jsx("span", { style: menuLabel, children: terminal.name }),
-                            leftItem: jsx_runtime_1.jsx(terminal_1.TerminalIcon, { terminalId: terminal.id, size: 18 }),
-                            onClick: () => onOpenInTerminal === null || onOpenInTerminal === void 0 ? void 0 : onOpenInTerminal(terminal.id),
-                            quickSwitcherLabel: null,
-                            subMenu: null,
-                            type: 'item',
-                            value: `terminal-${terminal.id}`,
-                        })),
-                    ]
-                    : []),
-                ...(showFinder
+                {
+                    type: 'section-header',
+                    id: 'terminal-header',
+                    label: 'Terminal',
+                },
+                ...terminals.map((terminal) => ({
+                    id: `open-in-terminal-${terminal.id}`,
+                    keyHint: null,
+                    label: jsx_runtime_1.jsx("span", { style: menuLabel, children: terminal.name }),
+                    leftItem: jsx_runtime_1.jsx(terminal_1.TerminalIcon, { terminalId: terminal.id, size: 18 }),
+                    onClick: () => onOpenInTerminal === null || onOpenInTerminal === void 0 ? void 0 : onOpenInTerminal(terminal.id),
+                    quickSwitcherLabel: null,
+                    subMenu: null,
+                    type: 'item',
+                    value: `terminal-${terminal.id}`,
+                })),
+            ]
+            : []),
+        ...(systemApps.length > 0
+            ? [
+                ...(hasCategorizedApps
                     ? [
-                        ...(editors.length > 0 ||
-                            codingAgents.length > 0 ||
-                            terminals.length > 0
-                            ? [
-                                {
-                                    type: 'divider',
-                                    id: 'open-in-file-explorer-divider',
-                                },
-                            ]
-                            : []),
                         {
-                            disabled: fileManagerDisabled,
-                            id: 'open-in-file-explorer',
-                            keyHint: null,
-                            label: jsx_runtime_1.jsx("span", { style: menuLabel, children: fileManagerName }),
-                            leftItem: jsx_runtime_1.jsx(finder_1.FinderIcon, { size: 18 }),
-                            onClick: () => {
-                                if (!fileManagerDisabled) {
-                                    onOpenInFileExplorer();
-                                }
-                            },
-                            quickSwitcherLabel: null,
-                            subMenu: null,
-                            type: 'item',
-                            value: 'file-explorer',
+                            type: 'divider',
+                            id: 'open-in-system-apps-divider',
                         },
                     ]
                     : []),
+                ...systemApps,
             ]
             : []),
-        ...(editors.length > 0 || codingAgents.length > 0 || showSystemApps
+        ...(hasCategorizedApps || systemApps.length > 0
             ? [{ type: 'divider', id: 'open-in-settings-divider' }]
             : []),
         {

package/dist/components/import-assets.js

@@ -7,6 +7,7 @@ const no_react_1 = require("remotion/no-react");
 const get_static_files_1 = require("../api/get-static-files");
 const write_static_file_1 = require("../api/write-static-file");
 const clipboard_figma_1 = require("../helpers/clipboard-figma");
+const inserted_element_selection_1 = require("../helpers/inserted-element-selection");
 const install_required_package_1 = require("../helpers/install-required-package");
 const use_media_metadata_1 = require("../helpers/use-media-metadata");
 const call_api_1 = require("./call-api");
@@ -504,6 +505,12 @@ const insertCompositionElement = async ({ compositionFile, compositionId, elemen
         (0, NotificationCenter_1.showNotification)(result.reason, 4000);
         return false;
     }
+    if (result.insertedNodePath !== null) {
+        (0, inserted_element_selection_1.requestInsertedElementSelection)({
+            compositionId,
+            nodePath: result.insertedNodePath,
+        });
+    }
     return true;
 };
 const downloadRemoteAsset = (url) => {

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

@@ -14,6 +14,7 @@ const getRootCompositionMenuItems = ({ connectionStatus, readOnlyStudio, setSele
                     folderName: null,
                     parentName: null,
                     stack: null,
+                    canvasCapture: null,
                 });
             },
             quickSwitcherLabel: 'New composition...',

package/dist/components/selected-outline-control-layout.d.ts

@@ -0,0 +1,14 @@
+import type { OutlinePoint } from './selected-outline-geometry';
+export type SelectedOutlineControlCorner = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
+export declare const getSelectedOutlineControlLayout: (points: readonly [OutlinePoint, OutlinePoint, OutlinePoint, OutlinePoint]) => {
+    rotationCorners: {
+        corner: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+        point: OutlinePoint;
+    }[];
+    rotationHandleRadius: number;
+    scaleEdges: ("bottom" | "left" | "right" | "top")[];
+    scaleHitWidth: {
+        horizontal: number;
+        vertical: number;
+    };
+};

package/dist/components/selected-outline-control-layout.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSelectedOutlineControlLayout = void 0;
+// Outline points are measured in overlay pixels, keeping these sizes independent of canvas zoom.
+const handleSize = 8;
+const targetHalfSize = 4.5;
+const smallOutlineSize = handleSize * 4;
+const tinyOutlineSize = handleSize * 2;
+const distance = (from, to) => Math.hypot(to.x - from.x, to.y - from.y);
+const normalize = (point) => {
+    const length = Math.hypot(point.x, point.y);
+    if (length < 0.001) {
+        return null;
+    }
+    return { x: point.x / length, y: point.y / length };
+};
+const getRotationHandlePoint = ({ corner, points, radius, }) => {
+    const [topLeft, topRight, bottomRight, bottomLeft] = points;
+    const { point, adjacent } = {
+        'top-left': { point: topLeft, adjacent: [topRight, bottomLeft] },
+        'top-right': { point: topRight, adjacent: [topLeft, bottomRight] },
+        'bottom-right': { point: bottomRight, adjacent: [topRight, bottomLeft] },
+        'bottom-left': { point: bottomLeft, adjacent: [topLeft, bottomRight] },
+    }[corner];
+    const firstDirection = normalize({
+        x: point.x - adjacent[0].x,
+        y: point.y - adjacent[0].y,
+    });
+    const secondDirection = normalize({
+        x: point.x - adjacent[1].x,
+        y: point.y - adjacent[1].y,
+    });
+    const outlineCenter = {
+        x: (topLeft.x + topRight.x + bottomRight.x + bottomLeft.x) / 4,
+        y: (topLeft.y + topRight.y + bottomRight.y + bottomLeft.y) / 4,
+    };
+    const fallbackDirection = normalize({
+        x: point.x - outlineCenter.x,
+        y: point.y - outlineCenter.y,
+    });
+    const direction = firstDirection === null || secondDirection === null
+        ? fallbackDirection
+        : normalize({
+            x: firstDirection.x + secondDirection.x,
+            y: firstDirection.y + secondDirection.y,
+        });
+    if (direction === null) {
+        return point;
+    }
+    return {
+        x: point.x + direction.x * radius,
+        y: point.y + direction.y * radius,
+    };
+};
+const getSelectedOutlineControlLayout = (points) => {
+    const [topLeft, topRight, bottomRight, bottomLeft] = points;
+    const horizontalExtent = (distance(topLeft, topRight) + distance(bottomLeft, bottomRight)) / 2;
+    const verticalExtent = (distance(topLeft, bottomLeft) + distance(topRight, bottomRight)) / 2;
+    const isSmallX = horizontalExtent < smallOutlineSize;
+    const isSmallY = verticalExtent < smallOutlineSize;
+    const isTinyX = horizontalExtent < tinyOutlineSize;
+    const isTinyY = verticalExtent < tinyOutlineSize;
+    const targetHalfSizeX = isSmallX ? targetHalfSize / 2 : targetHalfSize;
+    const targetHalfSizeY = isSmallY ? targetHalfSize / 2 : targetHalfSize;
+    const rotationHandleRadius = Math.max(targetHalfSizeX, targetHalfSizeY) * 1.5;
+    const scaleEdges = ['top', 'right', 'bottom', 'left'].filter((edge) => {
+        // Preserve one scale control per axis when opposite edge targets would overlap.
+        if (edge === 'top') {
+            return !isTinyY;
+        }
+        if (edge === 'left') {
+            return !isTinyX;
+        }
+        return true;
+    });
+    const rotationCorners = ['top-left', 'top-right', 'bottom-right', 'bottom-left'].map((corner) => ({
+        corner,
+        point: getRotationHandlePoint({
+            corner,
+            points,
+            radius: rotationHandleRadius,
+        }),
+    }));
+    return {
+        rotationCorners: isTinyX || isTinyY ? [] : rotationCorners,
+        rotationHandleRadius,
+        scaleEdges,
+        scaleHitWidth: {
+            horizontal: targetHalfSizeY * 2,
+            vertical: targetHalfSizeX * 2,
+        },
+    };
+};
+exports.getSelectedOutlineControlLayout = getSelectedOutlineControlLayout;

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

@@ -9,10 +9,35 @@ const canUseEditorPicker = (previewServerConnected) => {
         (0, browser_studio_operations_1.getBrowserStudioOperations)() === null);
 };
 exports.canUseEditorPicker = canUseEditorPicker;
+const preferredFallbackEditorIds = [
+    'zed',
+    'vscode',
+    'cursor',
+];
 const getPreferredEditorId = (editorInfo) => {
-    var _a;
-    var _b;
-    return ((_b = (_a = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.find((editor) => editor.nameWithType === window.remotion_editorName)) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null);
+    var _a, _b, _c;
+    var _d;
+    const runningEditorId = (_a = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.find((editor) => editor.nameWithType === window.remotion_editorName)) === null || _a === void 0 ? void 0 : _a.id;
+    if (runningEditorId) {
+        return runningEditorId;
+    }
+    if (window.remotion_editorName !== null) {
+        return null;
+    }
+    const configuredEditorId = (_b = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.find((editor) => editor.id === editorInfo.defaultEditor)) === null || _b === void 0 ? void 0 : _b.id;
+    if (configuredEditorId) {
+        return configuredEditorId;
+    }
+    return ((_d = (_c = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.slice().sort((a, b) => {
+        const aPriority = preferredFallbackEditorIds.indexOf(a.id);
+        const bPriority = preferredFallbackEditorIds.indexOf(b.id);
+        const normalizedAPriority = aPriority === -1 ? Number.POSITIVE_INFINITY : aPriority;
+        const normalizedBPriority = bPriority === -1 ? Number.POSITIVE_INFINITY : bPriority;
+        if (normalizedAPriority !== normalizedBPriority) {
+            return normalizedAPriority - normalizedBPriority;
+        }
+        return a.nameWithType.localeCompare(b.nameWithType);
+    }).at(0)) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : null);
 };
 exports.getPreferredEditorId = getPreferredEditorId;
 const useDefaultEditorInfo = (enabled) => {