@remotion/studio 4.0.469 → 4.0.470

package/dist/helpers/get-box-quads-ponyfill.d.ts

@@ -0,0 +1,10 @@
+export type GetBoxQuadsBox = 'margin' | 'border' | 'padding' | 'content';
+export type GetBoxQuadsPonyfillOptions = {
+    readonly box?: GetBoxQuadsBox;
+    readonly relativeTo?: Element;
+};
+/**
+ * Returns border/margin/padding/content box quads for an element.
+ * Uses the native API when available, otherwise the getBoxQuads ponyfill.
+ */
+export declare const getBoxQuadsPonyfill: (element: Element, options?: GetBoxQuadsPonyfillOptions | undefined) => readonly DOMQuad[] | null;

package/dist/helpers/get-box-quads-ponyfill.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBoxQuadsPonyfill = void 0;
+const get_box_quads_polyfill_internals_js_1 = require("./get-box-quads-polyfill-internals.js");
+const hasNativeGetBoxQuads = (element) => {
+    return (typeof element.getBoxQuads === 'function');
+};
+/**
+ * Returns border/margin/padding/content box quads for an element.
+ * Uses the native API when available, otherwise the getBoxQuads ponyfill.
+ */
+const getBoxQuadsPonyfill = (element, options) => {
+    try {
+        if (hasNativeGetBoxQuads(element)) {
+            return element.getBoxQuads(options);
+        }
+        return (0, get_box_quads_polyfill_internals_js_1.getBoxQuads)(element, options);
+    }
+    catch (_a) {
+        return null;
+    }
+};
+exports.getBoxQuadsPonyfill = getBoxQuadsPonyfill;

package/dist/helpers/open-in-editor.d.ts

@@ -1,6 +1,6 @@
 import type { SymbolicatedStackFrame } from '@remotion/studio-shared';
 import type { OriginalPosition } from '../error-overlay/react-overlay/utils/get-source-map';
-export declare const openInEditor: (stack: SymbolicatedStackFrame) => Promise<Response>;
+export declare const openInEditor: (stack: SymbolicatedStackFrame) => Promise<import("@remotion/studio-shared").OpenInEditorResponse>;
 export declare const openOriginalPositionInEditor: (originalPosition: OriginalPosition) => Promise<void>;
 export declare const preloadCompositionComponentInfo: ({ compositionFile, compositionId, }: {
     compositionFile: string;

package/dist/helpers/open-in-editor.js

@@ -1,22 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.openCompositionComponentInEditor = exports.preloadCompositionComponentInfo = exports.openOriginalPositionInEditor = exports.openInEditor = void 0;
+const call_api_1 = require("../components/call-api");
 const openInEditor = (stack) => {
     const { originalFileName, originalLineNumber, originalColumnNumber, originalFunctionName, originalScriptCode, } = stack;
-    return fetch(`/api/open-in-editor`, {
-        method: 'post',
-        headers: {
-            'content-type': 'application/json',
+    return (0, call_api_1.callApi)('/api/open-in-editor', {
+        stack: {
+            originalFileName,
+            originalLineNumber,
+            originalColumnNumber,
+            originalFunctionName,
+            originalScriptCode,
         },
-        body: JSON.stringify({
-            stack: {
-                originalFileName,
-                originalLineNumber,
-                originalColumnNumber,
-                originalFunctionName,
-                originalScriptCode,
-            },
-        }),
     });
 };
 exports.openInEditor = openInEditor;
@@ -44,20 +39,10 @@ const loadCompositionComponentInfo = async ({ compositionFile, compositionId, })
         return existing;
     }
     const promise = (async () => {
-        const response = await fetch(`/api/composition-component-info`, {
-            method: 'post',
-            headers: {
-                'content-type': 'application/json',
-            },
-            body: JSON.stringify({
-                compositionFile,
-                compositionId,
-            }),
+        const body = await (0, call_api_1.callApi)('/api/composition-component-info', {
+            compositionFile,
+            compositionId,
         });
-        const body = (await response.json());
-        if (!body.success) {
-            throw new Error(body.error);
-        }
         return {
             location: body.location,
             canAddSequence: body.canAddSequence,

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

@@ -114,7 +114,6 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
                         originalFunctionName: null,
                         originalScriptCode: null,
                     })
-                        .then((res) => res.json())
                         .then(({ success }) => {
                         if (!success) {
                             (0, NotificationCenter_1.showNotification)(`Could not open ${window.remotion_editorName}`, 2000);
@@ -664,20 +663,12 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                         type: 'item',
                         quickSwitcherLabel: 'Open spring() Editor',
                     },
-                ].filter(remotion_1.Internals.truthy),
-                quickSwitcherLabel: null,
-            },
-            readOnlyStudio || remotion_packageManager === 'unknown'
-                ? null
-                : {
-                    id: 'install',
-                    label: 'Packages',
-                    leaveLeftPadding: false,
-                    items: [
-                        {
+                    readOnlyStudio || remotion_packageManager === 'unknown'
+                        ? null
+                        : {
                             id: 'install-packages',
                             value: 'install-packages',
-                            label: 'Install...',
+                            label: 'Install package',
                             onClick: () => {
                                 closeMenu();
                                 setSelectedModal({
@@ -689,10 +680,11 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                             keyHint: null,
                             leftItem: null,
                             subMenu: null,
-                            quickSwitcherLabel: `Install packages`,
+                            quickSwitcherLabel: `Install package`,
                         },
-                    ],
-                },
+                ].filter(remotion_1.Internals.truthy),
+                quickSwitcherLabel: null,
+            },
             {
                 id: 'help',
                 label: 'Help',

package/dist/renderEntry.js

@@ -186,13 +186,13 @@ const renderContent = (Root) => {
                 defaultPixelFormat: bundleMode.compositionDefaultPixelFormat,
                 defaultProResProfile: bundleMode.compositionDefaultProResProfile,
                 defaultSampleRate: bundleMode.compositionDefaultSampleRate,
-            }, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_a = window.remotion_logLevel) !== null && _a !== void 0 ? _a : 'info', numberOfAudioTags: 0, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'playback', children: jsx_runtime_1.jsxs(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: [
+            }, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_a = window.remotion_logLevel) !== null && _a !== void 0 ? _a : 'info', numberOfAudioTags: 0, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'playback', previewSampleRate: window.remotion_previewSampleRate, children: jsx_runtime_1.jsxs(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: [
                         jsx_runtime_1.jsx(Root, {}), jsx_runtime_1.jsx(GetVideoComposition, { state: bundleMode })
                     ] }) }) }));
         renderToDOM(markup);
     }
     if (bundleMode.type === 'evaluation') {
-        const markup = (jsx_runtime_1.jsx(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_c = window.remotion_logLevel) !== null && _c !== void 0 ? _c : 'info', numberOfAudioTags: 0, audioLatencyHint: (_d = window.remotion_audioLatencyHint) !== null && _d !== void 0 ? _d : 'playback', children: jsx_runtime_1.jsx(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: jsx_runtime_1.jsx(Root, {}) }) }) }));
+        const markup = (jsx_runtime_1.jsx(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_c = window.remotion_logLevel) !== null && _c !== void 0 ? _c : 'info', numberOfAudioTags: 0, audioLatencyHint: (_d = window.remotion_audioLatencyHint) !== null && _d !== void 0 ? _d : 'playback', previewSampleRate: window.remotion_previewSampleRate, children: jsx_runtime_1.jsx(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: jsx_runtime_1.jsx(Root, {}) }) }) }));
         renderToDOM(markup);
     }
     if (bundleMode.type === 'index') {

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.469",
+	"version": "4.0.470",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,14 +25,14 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.469",
-		"@remotion/player": "4.0.469",
-		"@remotion/media-utils": "4.0.469",
-		"@remotion/renderer": "4.0.469",
-		"@remotion/web-renderer": "4.0.469",
-		"@remotion/studio-shared": "4.0.469",
-		"@remotion/timeline-utils": "4.0.469",
-		"@remotion/zod-types": "4.0.469",
+		"remotion": "4.0.470",
+		"@remotion/player": "4.0.470",
+		"@remotion/media-utils": "4.0.470",
+		"@remotion/renderer": "4.0.470",
+		"@remotion/web-renderer": "4.0.470",
+		"@remotion/studio-shared": "4.0.470",
+		"@remotion/timeline-utils": "4.0.470",
+		"@remotion/zod-types": "4.0.470",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.45.0",
 		"memfs": "3.4.3",
@@ -43,7 +43,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.469",
+		"@remotion/eslint-config-internal": "4.0.470",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},