@remotion/studio 4.0.100 → 4.0.103

package/dist/helpers/editor-ruler.js

@@ -79,15 +79,13 @@ const drawGuide = ({ selectedGuide, scale, startMarking, context, canvasHeight,
     }
     context.stroke();
 };
-const drawMarkingOnRulerCanvas = ({ scale, points, startMarking, originOffset, markingGaps, orientation, rulerCanvasRef, selectedGuide, }) => {
+const drawMarkingOnRulerCanvas = ({ scale, points, startMarking, originOffset, markingGaps, orientation, rulerCanvasRef, selectedGuide, canvasHeight, canvasWidth, }) => {
     const canvas = rulerCanvasRef.current;
     if (!canvas)
         return;
     const context = canvas.getContext('2d');
     if (!context)
         return;
-    const canvasWidth = canvas.clientWidth * window.devicePixelRatio;
-    const canvasHeight = canvas.clientHeight * window.devicePixelRatio;
     canvas.width = canvasWidth;
     canvas.height = canvasHeight;
     context.scale(window.devicePixelRatio, window.devicePixelRatio);
@@ -169,9 +167,8 @@ exports.getRulerPoints = getRulerPoints;
 const rulerValueToPosition = ({ value, startMarking, scale, }) => {
     return (value + startMarking) * scale;
 };
-const getRulerScaleRange = ({ canvasLength, containerRef, scale, }) => {
-    var _a, _b;
-    const scaleRangeBeyondCanvas = (((_b = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) ||
+const getRulerScaleRange = ({ canvasLength, scale, canvasSize, }) => {
+    const scaleRangeBeyondCanvas = (canvasSize.width ||
         editor_rulers_1.MINIMUM_VISIBLE_CANVAS_SIZE - editor_rulers_1.MINIMUM_VISIBLE_CANVAS_SIZE) / scale;
     return {
         start: -scaleRangeBeyondCanvas,

package/dist/helpers/get-git-menu-item.d.ts

@@ -0,0 +1,7 @@
+import type { GitSource } from '@remotion/studio-shared';
+import type { ComboboxValue } from '../components/NewComposition/ComboBox';
+import type { OriginalPosition } from '../error-overlay/react-overlay/utils/get-source-map';
+export declare const getGitSourceName: (gitSource: GitSource) => string;
+export declare const getGitSourceBranchUrl: (gitSource: GitSource) => string;
+export declare const getGitRefUrl: (gitSource: GitSource, originalLocation: OriginalPosition) => string;
+export declare const getGitMenuItem: () => ComboboxValue | null;

package/dist/helpers/get-git-menu-item.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getGitMenuItem = exports.getGitRefUrl = exports.getGitSourceBranchUrl = exports.getGitSourceName = void 0;
+const getGitSourceName = (gitSource) => {
+    if (gitSource.type === 'github') {
+        return 'GitHub';
+    }
+    throw new Error('Unknown git source type');
+};
+exports.getGitSourceName = getGitSourceName;
+const getGitSourceBranchUrl = (gitSource) => {
+    if (gitSource.type === 'github') {
+        return `https://github.com/${gitSource.org}/${gitSource.name}/tree/${gitSource.ref}${gitSource.relativeFromGitRoot ? `/${gitSource.relativeFromGitRoot}` : ''}`;
+    }
+    throw new Error('Unknown git source type');
+};
+exports.getGitSourceBranchUrl = getGitSourceBranchUrl;
+const getGitRefUrl = (gitSource, originalLocation) => {
+    if (gitSource.type === 'github') {
+        return `https://github.com/${gitSource.org}/${gitSource.name}/tree/${gitSource.ref}/${gitSource.relativeFromGitRoot ? `${gitSource.relativeFromGitRoot}/` : ''}${originalLocation.source}#L${originalLocation.line}`;
+    }
+    throw new Error('Unknown git source type');
+};
+exports.getGitRefUrl = getGitRefUrl;
+const getGitMenuItem = () => {
+    if (!window.remotion_gitSource) {
+        return null;
+    }
+    return {
+        id: 'open-git-source',
+        value: 'open-git-source',
+        label: `Open ${(0, exports.getGitSourceName)(window.remotion_gitSource)} Repo`,
+        onClick: () => {
+            window.open((0, exports.getGitSourceBranchUrl)(window.remotion_gitSource), '_blank');
+        },
+        type: 'item',
+        keyHint: null,
+        leftItem: null,
+        subMenu: null,
+        quickSwitcherLabel: `Open ${(0, exports.getGitSourceName)(window.remotion_gitSource)} repo`,
+    };
+};
+exports.getGitMenuItem = getGitMenuItem;

package/dist/helpers/render-modal-sections.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

package/dist/helpers/use-menu-structure.js

@@ -21,6 +21,7 @@ const modals_1 = require("../state/modals");
 const preview_size_1 = require("../state/preview-size");
 const sidebar_1 = require("../state/sidebar");
 const client_id_1 = require("./client-id");
+const get_git_menu_item_1 = require("./get-git-menu-item");
 const open_in_editor_1 = require("./open-in-editor");
 const pick_color_1 = require("./pick-color");
 const use_keybinding_1 = require("./use-keybinding");
@@ -136,6 +137,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, setSelectedModal, previewServe
                 quickSwitcherLabel: 'Open in editor...',
             }
             : null,
+        (0, get_git_menu_item_1.getGitMenuItem)(),
     ].filter(no_react_1.NoReactInternals.truthy);
     if (items.length === 0) {
         return null;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export type { RenderDefaults } from '@remotion/studio-shared';
+export type { GitSource, RenderDefaults } from '@remotion/studio-shared';
 export { Studio } from './Studio';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/studio",
-  "version": "4.0.100",
+  "version": "4.0.103",
   "description": "Remotion Editor",
   "main": "dist",
   "sideEffects": false,
@@ -18,11 +18,11 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.100",
-    "@remotion/player": "4.0.100",
-    "@remotion/media-utils": "4.0.100",
-    "@remotion/renderer": "4.0.100",
-    "@remotion/studio-shared": "4.0.100"
+    "remotion": "4.0.103",
+    "@remotion/player": "4.0.103",
+    "@remotion/media-utils": "4.0.103",
+    "@remotion/renderer": "4.0.103",
+    "@remotion/studio-shared": "4.0.103"
   },
   "devDependencies": {
     "react": "18.2.0",
@@ -40,7 +40,7 @@
     "prettier-plugin-organize-imports": "3.2.4",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.100"
+    "@remotion/zod-types": "4.0.103"
   },
   "publishConfig": {
     "access": "public"