@remotion/studio 4.0.513 → 4.0.515

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

@@ -29,7 +29,6 @@ const browser_studio_operations_1 = require("./browser-studio-operations");
 const check_fullscreen_support_1 = require("./check-fullscreen-support");
 const client_id_1 = require("./client-id");
 const colors_1 = require("./colors");
-const download_blob_1 = require("./download-blob");
 const get_file_manager_name_1 = require("./get-file-manager-name");
 const get_git_menu_item_1 = require("./get-git-menu-item");
 const mobile_layout_1 = require("./mobile-layout");
@@ -47,8 +46,7 @@ const ICON_SIZE = 14;
 const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewServerState, setSelectedModal, }) => {
     const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
     const browserStudioOperations = (0, browser_studio_operations_1.getBrowserStudioOperations)();
-    const downloadProject = browserStudioOperations === null || browserStudioOperations === void 0 ? void 0 : browserStudioOperations.downloadProject;
-    const items = [
+    const newProjectItems = [
         readOnlyStudio
             ? null
             : {
@@ -93,12 +91,8 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewS
                 quickSwitcherLabel: 'New folder...',
                 disabled: previewServerState !== 'connected',
             },
-        readOnlyStudio
-            ? null
-            : {
-                type: 'divider',
-                id: 'new-project-item-divider',
-            },
+    ].filter(no_react_1.NoReactInternals.truthy);
+    const projectItems = [
         window.remotion_isReadOnlyStudio
             ? {
                 id: 'input-props-override',
@@ -117,35 +111,6 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewS
                 quickSwitcherLabel: 'Override input props',
             }
             : null,
-        downloadProject
-            ? {
-                id: 'download-project',
-                value: 'download-project',
-                label: 'Download project',
-                onClick: async () => {
-                    closeMenu();
-                    try {
-                        const { data, fileName } = await downloadProject();
-                        const arrayBuffer = data.buffer.slice(data.byteOffset, data.byteOffset + data.byteLength);
-                        (0, download_blob_1.downloadBlob)(new Blob([arrayBuffer], { type: 'application/zip' }), fileName);
-                    }
-                    catch (error) {
-                        (0, NotificationCenter_1.showNotification)(`Could not download project: ${error instanceof Error ? error.message : String(error)}`, 2000);
-                    }
-                },
-                type: 'item',
-                keyHint: null,
-                leftItem: null,
-                subMenu: null,
-                quickSwitcherLabel: 'Download project',
-            }
-            : null,
-        !readOnlyStudio && downloadProject
-            ? {
-                type: 'divider',
-                id: 'open-project-divider',
-            }
-            : null,
         editorName && editorId && !readOnlyStudio
             ? {
                 id: 'open-in-editor',
@@ -178,7 +143,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewS
                 disabled: previewServerState !== 'connected',
             }
             : null,
-        !readOnlyStudio
+        !readOnlyStudio && browserStudioOperations === null
             ? {
                 id: 'open-project-in-explorer',
                 value: 'open-project-in-explorer',
@@ -199,6 +164,16 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewS
             : null,
         (0, get_git_menu_item_1.getGitMenuItem)(),
     ].filter(no_react_1.NoReactInternals.truthy);
+    const items = [
+        ...newProjectItems,
+        newProjectItems.length > 0 && projectItems.length > 0
+            ? {
+                type: 'divider',
+                id: 'new-project-item-divider',
+            }
+            : null,
+        ...projectItems,
+    ].filter(no_react_1.NoReactInternals.truthy);
     if (items.length === 0) {
         return null;
     }
@@ -268,13 +243,11 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
     const { defaultEditorId, defaultEditorName } = (0, use_default_editor_info_1.useEditorOpening)(type === 'connected');
     const keyboardShortcutsDisabled = (0, use_keybinding_1.areKeyboardShortcutsDisabled)();
     const studioAskAIEnabled = (0, studio_runtime_config_1.getStudioAskAIEnabled)();
-    const canConfigureDefaultEditor = !readOnlyStudio &&
-        type === 'connected' &&
-        (0, browser_studio_operations_1.getBrowserStudioOperations)() === null;
     const { setSidebarCollapsedState, sidebarCollapsedStateLeft, sidebarCollapsedStateRight, } = (0, react_1.useContext)(sidebar_1.SidebarContext);
     const sizes = (0, react_1.useMemo)(() => (0, SizeSelector_1.getUniqueSizes)(size), [size]);
     const isFullscreenSupported = (0, check_fullscreen_support_1.checkFullscreenSupport)();
     const { remotion_packageManager } = window;
+    const browserStudioOperations = (0, browser_studio_operations_1.getBrowserStudioOperations)();
     const sizePreselectIndex = sizes.findIndex((s) => String(size.size) === String(s.size));
     const mobileLayout = (0, mobile_layout_1.useMobileLayout)();
     const currentComposition = (0, react_1.useMemo)(() => {
@@ -331,27 +304,29 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                         subMenu: null,
                         quickSwitcherLabel: 'Help: Changelog',
                     },
-                    {
-                        id: 'settings',
-                        value: 'settings',
-                        label: 'Settings...',
-                        onClick: () => {
-                            var _a;
-                            var _b;
-                            closeMenu();
-                            setSelectedModal({
-                                type: 'settings',
-                                initialTab: canConfigureDefaultEditor ? 'apps' : 'license',
-                                initialPublicLicenseKey: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.publicLicenseKey) !== null && _b !== void 0 ? _b : null,
-                            });
-                        },
-                        type: 'item',
-                        keyHint: null,
-                        leftItem: null,
-                        subMenu: null,
-                        quickSwitcherLabel: 'Settings...',
-                        disabled: readOnlyStudio || type !== 'connected',
-                    },
+                    browserStudioOperations === null
+                        ? {
+                            id: 'settings',
+                            value: 'settings',
+                            label: 'Settings...',
+                            onClick: () => {
+                                var _a;
+                                var _b;
+                                closeMenu();
+                                setSelectedModal({
+                                    type: 'settings',
+                                    initialTab: 'rendering',
+                                    initialPublicLicenseKey: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.publicLicenseKey) !== null && _b !== void 0 ? _b : null,
+                                });
+                            },
+                            type: 'item',
+                            keyHint: null,
+                            leftItem: null,
+                            subMenu: null,
+                            quickSwitcherLabel: 'Settings...',
+                            disabled: readOnlyStudio || type !== 'connected',
+                        }
+                        : null,
                     {
                         id: 'acknowledgements',
                         value: 'acknowledgements',
@@ -366,24 +341,28 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                         subMenu: null,
                         quickSwitcherLabel: 'Help: Acknowledgements',
                     },
-                    {
-                        type: 'divider',
-                        id: 'timeline-divider-1',
-                    },
-                    {
-                        id: 'restart-studio',
-                        value: 'restart-studio',
-                        label: 'Restart Studio Server',
-                        onClick: () => {
-                            closeMenu();
-                            (0, restart_studio_1.restartStudio)();
-                        },
-                        type: 'item',
-                        keyHint: null,
-                        leftItem: null,
-                        subMenu: null,
-                        quickSwitcherLabel: 'Restart Studio Server',
-                    },
+                    browserStudioOperations === null
+                        ? {
+                            type: 'divider',
+                            id: 'timeline-divider-1',
+                        }
+                        : null,
+                    browserStudioOperations === null
+                        ? {
+                            id: 'restart-studio',
+                            value: 'restart-studio',
+                            label: 'Restart Studio Server',
+                            onClick: () => {
+                                closeMenu();
+                                (0, restart_studio_1.restartStudio)();
+                            },
+                            type: 'item',
+                            keyHint: null,
+                            leftItem: null,
+                            subMenu: null,
+                            quickSwitcherLabel: 'Restart Studio Server',
+                        }
+                        : null,
                 ].filter(no_react_1.NoReactInternals.truthy),
                 quickSwitcherLabel: null,
             },
@@ -801,7 +780,9 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                             quickSwitcherLabel: 'Show Color Picker',
                         }
                         : null,
-                    readOnlyStudio || remotion_packageManager === 'unknown'
+                    !(0, browser_studio_operations_1.canInstallPackages)() ||
+                        (browserStudioOperations === null &&
+                            remotion_packageManager === 'unknown')
                         ? null
                         : {
                             id: 'install-packages',
@@ -811,7 +792,9 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                                 closeMenu();
                                 setSelectedModal({
                                     type: 'install-packages',
-                                    packageManager: remotion_packageManager,
+                                    packageManager: remotion_packageManager === 'unknown'
+                                        ? null
+                                        : remotion_packageManager,
                                 });
                             },
                             type: 'item',
@@ -999,7 +982,6 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
         }
         return struct;
     }, [
-        canConfigureDefaultEditor,
         readOnlyStudio,
         closeMenu,
         type,
@@ -1021,6 +1003,7 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
         defaultEditorName,
         keyboardShortcutsDisabled,
         studioAskAIEnabled,
+        browserStudioOperations,
         size.size,
         setSize,
         setEditorZoomGestures,

package/dist/helpers/use-runtime-values.d.ts

@@ -1,6 +1,7 @@
-import type { SequenceRegistrationControls } from 'remotion';
+import type { RuntimeValueStore, SequenceRegistrationControls } from 'remotion';
 export declare const useRuntimeValues: (controls: SequenceRegistrationControls | null) => Readonly<Record<string, unknown>>;
 export declare const useRuntimeValue: (controls: SequenceRegistrationControls | null, key: string) => unknown;
+export declare const useRuntimeStoreValue: (storeOrNull: RuntimeValueStore | null, key: string) => unknown;
 export declare const useRuntimeValueSelector: <T>({ controls, selector, isEqual, }: {
     controls: SequenceRegistrationControls | null;
     selector: (values: Readonly<Record<string, unknown>>) => T;

package/dist/helpers/use-runtime-values.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRuntimeValueSnapshots = exports.useRuntimeValueSelector = exports.useRuntimeValue = exports.useRuntimeValues = void 0;
+exports.useRuntimeValueSnapshots = exports.useRuntimeValueSelector = exports.useRuntimeStoreValue = exports.useRuntimeValue = exports.useRuntimeValues = void 0;
 const react_1 = require("react");
 const EMPTY_RUNTIME_VALUES = {};
 const EMPTY_RUNTIME_VALUE_STORE = {
@@ -15,11 +15,15 @@ const useRuntimeValues = (controls) => {
 exports.useRuntimeValues = useRuntimeValues;
 const useRuntimeValue = (controls, key) => {
     var _a;
-    const store = (_a = controls === null || controls === void 0 ? void 0 : controls.runtimeValues) !== null && _a !== void 0 ? _a : EMPTY_RUNTIME_VALUE_STORE;
+    return (0, exports.useRuntimeStoreValue)((_a = controls === null || controls === void 0 ? void 0 : controls.runtimeValues) !== null && _a !== void 0 ? _a : null, key);
+};
+exports.useRuntimeValue = useRuntimeValue;
+const useRuntimeStoreValue = (storeOrNull, key) => {
+    const store = storeOrNull !== null && storeOrNull !== void 0 ? storeOrNull : EMPTY_RUNTIME_VALUE_STORE;
     const getSnapshot = (0, react_1.useCallback)(() => store.getSnapshot()[key], [key, store]);
     return (0, react_1.useSyncExternalStore)(store.subscribe, getSnapshot, getSnapshot);
 };
-exports.useRuntimeValue = useRuntimeValue;
+exports.useRuntimeStoreValue = useRuntimeStoreValue;
 const useRuntimeValueSelector = ({ controls, selector, isEqual = Object.is, }) => {
     var _a;
     const store = (_a = controls === null || controls === void 0 ? void 0 : controls.runtimeValues) !== null && _a !== void 0 ? _a : EMPTY_RUNTIME_VALUE_STORE;

package/dist/icons/cloud-download.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+export declare const CloudDownloadIcon: React.FC<SVGProps<SVGSVGElement> & {
+    readonly color: string;
+}>;

package/dist/icons/cloud-download.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloudDownloadIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CloudDownloadIcon = ({ color, ...props }) => {
+    return (jsx_runtime_1.jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", children: jsx_runtime_1.jsx("path", { fill: color, d: "M128 176c0-61.9 50.1-112 112-112 39.3 0 73.8 20.2 93.8 50.8 4.4 6.7 13.1 9.1 20.3 5.7 11.4-5.5 24.3-8.5 37.9-8.5 48.6 0 88 39.4 88 88 0 14.1-3.3 27.4-9.2 39.2-2 4.1-2.2 8.9-.5 13.1s5.2 7.6 9.5 9.1c37.4 13.1 64.2 48.8 64.2 90.6 0 53-43 96-96 96l-304 0c-61.9 0-112-50.1-112-112 0-53.7 37.8-98.6 88.2-109.5 4.3-.9 8.1-3.6 10.3-7.4s2.9-8.3 1.7-12.6c-2.7-9.7-4.2-19.9-4.2-30.5zM240 32c-79.5 0-144 64.5-144 144 0 8 .7 15.9 1.9 23.5-56.9 19.2-97.9 73-97.9 136.5 0 79.5 64.5 144 144 144l304 0c70.7 0 128-57.3 128-128 0-49.9-28.5-93-70.1-114.2 3.9-11.9 6.1-24.6 6.1-37.8 0-66.3-53.7-120-120-120-13.7 0-26.9 2.3-39.2 6.5-26.4-33.2-67.1-54.5-112.8-54.5zM371.3 307.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L304 329.4 304 208c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 121.4-44.7-44.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l72 72c6.2 6.2 16.4 6.2 22.6 0l72-72z" }) }));
+};
+exports.CloudDownloadIcon = CloudDownloadIcon;

package/dist/icons/remotion-triangle.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const RemotionTriangleIcon: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/remotion-triangle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RemotionTriangleIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const colors_1 = require("../helpers/colors");
+const RemotionTriangleIcon = ({ color, ...props }) => (jsx_runtime_1.jsx("svg", { viewBox: "-14 -14 438 453", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsx_runtime_1.jsx("path", { d: "M92.3905 0.603638C83.5124 1.08554 76.358 2.49417 69.1481 5.2373C65.5523 6.59033 59.6583 9.53735 56.4148 11.5762C42.8474 20.0836 32.5051 32.8724 27.1115 47.7558C26.0365 50.7028 23.1266 60.0998 21.2546 66.5684C8.78078 109.81 1.70055 157.092 0.180713 207.135C-0.0602375 215.105 -0.0602375 234.084 0.180713 241.925C1.20012 275.102 4.36954 305.053 10.1153 335.599C12.4506 347.961 16.1946 364.568 18.3632 372.112C22.793 387.44 31.8379 400.488 44.7009 410.052C53.3195 416.465 63.1058 420.765 73.9485 422.878C79.1753 423.897 86.0702 424.361 91.1487 424.027C98.1733 423.564 112.111 421.692 123.436 419.672C174.48 410.571 221.632 394.279 264.392 370.963C291.471 356.19 314.621 340.195 336.955 320.789C359.215 301.476 378.194 280.699 394.894 257.382C398.768 251.989 400.714 248.838 402.66 244.872C407.665 234.64 410.018 224.465 410 213.085C410 202.483 407.998 193.067 403.68 183.429C401.604 178.777 399.62 175.441 395.172 169.102C378.788 145.767 360.605 125.434 338.438 105.676C304.074 75.0573 263.261 49.9428 217.685 31.3526C207.806 27.3306 198.075 23.7905 186.361 19.9538C161.562 11.8542 130.868 4.82956 104.901 1.32651C100.824 0.770477 95.2819 0.455353 92.3905 0.603638Z", stroke: color !== null && color !== void 0 ? color : colors_1.CURRENT_COLOR_LOWERCASE, strokeLinejoin: "round", strokeWidth: 24 }) }));
+exports.RemotionTriangleIcon = RemotionTriangleIcon;

package/dist/renderEntry.js

@@ -89,7 +89,7 @@ const DelayedSpinner = () => {
     if (!show) {
         return null;
     }
-    return (jsx_runtime_1.jsx(remotion_1.AbsoluteFill, { style: {
+    return (jsx_runtime_1.jsx(remotion_1.Internals.AbsoluteFillElement, { style: {
             justifyContent: 'center',
             alignItems: 'center',
             fontSize: 13,

package/dist/state/composition-list.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type CompositionListState = 'loading' | 'ready';
+export declare const compositionListRenderedRef: {
+    current: boolean;
+};
+export declare const CompositionListContext: React.Context<{
+    compositionListState: CompositionListState;
+    setCompositionListState: React.Dispatch<React.SetStateAction<CompositionListState>>;
+}>;
+export declare const CompositionListProvider: React.FC<{
+    readonly children: React.ReactNode;
+}>;
+export {};

package/dist/state/composition-list.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompositionListProvider = exports.CompositionListContext = exports.compositionListRenderedRef = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.compositionListRenderedRef = { current: false };
+exports.CompositionListContext = (0, react_1.createContext)({
+    compositionListState: 'loading',
+    setCompositionListState: () => {
+        throw new Error('CompositionListContext provider is missing');
+    },
+});
+const CompositionListProvider = ({ children }) => {
+    const [compositionListState, setCompositionListState] = (0, react_1.useState)(() => {
+        exports.compositionListRenderedRef.current = false;
+        return 'loading';
+    });
+    const value = (0, react_1.useMemo)(() => ({ compositionListState, setCompositionListState }), [compositionListState]);
+    return (jsx_runtime_1.jsx(exports.CompositionListContext.Provider, { value: value, children: children }));
+};
+exports.CompositionListProvider = CompositionListProvider;

package/dist/state/modals.d.ts

@@ -31,6 +31,7 @@ export type WebRenderModalState = {
     initialTransparent: boolean | null;
     initialMuted: boolean | null;
     initialMediaCacheSizeInBytes: number | null;
+    initialAllowHtmlInCanvas: boolean;
     initialPageResponsiveness: WebRendererPageResponsiveness;
 };
 export type RenderModalState = {
@@ -153,7 +154,7 @@ export type ModalState = {
     type: 'input-props-override';
 } | {
     type: 'settings';
-    initialTab: 'apps' | 'license';
+    initialTab: 'apps' | 'rendering' | 'studio' | 'license';
     initialPublicLicenseKey: string | null;
 } | RenderModalState | WebRenderModalState | {
     type: 'render-progress';
@@ -162,9 +163,14 @@ export type ModalState = {
     type: 'update';
     info: UpdateInfo;
     knownBugs: Bug[];
+} | {
+    type: 'fix-computed-value';
+    prop: string;
+    context: string;
+    remotionInteractivitySkillAvailable: boolean;
 } | {
     type: 'install-packages';
-    packageManager: PackageManager;
+    packageManager: PackageManager | null;
 } | {
     type: 'quick-switcher';
     mode: QuickSwitcherMode;

package/dist/state/timeline-zoom.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-export declare const TIMELINE_MIN_ZOOM = 1;
-export declare const TIMELINE_MAX_ZOOM = 5;
+export { getTimelineMaxZoom, TIMELINE_MIN_ZOOM, } from '../helpers/get-timeline-max-zoom';
 export type TimelineSetZoomOptions = {
     anchorFrame: number | null;
     anchorContentX: number | null;

package/dist/state/timeline-zoom.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineZoomContext = exports.TimelineZoomCtx = exports.TIMELINE_MAX_ZOOM = exports.TIMELINE_MIN_ZOOM = void 0;
+exports.TimelineZoomContext = exports.TimelineZoomCtx = exports.TIMELINE_MIN_ZOOM = exports.getTimelineMaxZoom = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
 const imperative_state_1 = require("../components/Timeline/imperative-state");
 const timeline_scroll_logic_1 = require("../components/Timeline/timeline-scroll-logic");
 const ZoomPersistor_1 = require("../components/ZoomPersistor");
-exports.TIMELINE_MIN_ZOOM = 1;
-exports.TIMELINE_MAX_ZOOM = 5;
+const get_timeline_max_zoom_1 = require("../helpers/get-timeline-max-zoom");
+const get_timeline_max_zoom_2 = require("../helpers/get-timeline-max-zoom");
+Object.defineProperty(exports, "getTimelineMaxZoom", { enumerable: true, get: function () { return get_timeline_max_zoom_2.getTimelineMaxZoom; } });
+Object.defineProperty(exports, "TIMELINE_MIN_ZOOM", { enumerable: true, get: function () { return get_timeline_max_zoom_2.TIMELINE_MIN_ZOOM; } });
 exports.TimelineZoomCtx = (0, react_1.createContext)({
     zoom: {},
     setZoom: () => {
@@ -29,8 +31,10 @@ const TimelineZoomContext = ({ children }) => {
         (0, react_dom_1.flushSync)(() => {
             setZoomState((prevZoomMap) => {
                 var _a;
-                const newZoomWithFloatingPointErrors = Math.min(exports.TIMELINE_MAX_ZOOM, Math.max(exports.TIMELINE_MIN_ZOOM, callback((_a = prevZoomMap[compositionId]) !== null && _a !== void 0 ? _a : exports.TIMELINE_MIN_ZOOM)));
-                const newZoom = Math.round(newZoomWithFloatingPointErrors * 10) / 10;
+                const newZoom = (0, get_timeline_max_zoom_1.clampTimelineZoom)({
+                    zoom: callback((_a = prevZoomMap[compositionId]) !== null && _a !== void 0 ? _a : get_timeline_max_zoom_1.TIMELINE_MIN_ZOOM),
+                    durationInFrames: (0, imperative_state_1.getCurrentDuration)(),
+                });
                 return { ...prevZoomMap, [compositionId]: newZoom };
             });
         });

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.513",
+	"version": "4.0.515",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -24,19 +24,20 @@
 		"react-dom": ">=16.8.0"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.513",
+		"@tanstack/react-virtual": "3.14.9",
+		"@remotion/studio-protocol": "4.0.515",
 		"semver": "7.5.3",
-		"remotion": "4.0.513",
-		"@remotion/captions": "4.0.513",
-		"@remotion/player": "4.0.513",
-		"@remotion/media-utils": "4.0.513",
-		"@remotion/renderer": "4.0.513",
-		"@remotion/web-renderer": "4.0.513",
-		"@remotion/studio-shared": "4.0.513",
-		"@remotion/timeline-utils": "4.0.513",
-		"@remotion/zod-types": "4.0.513",
+		"remotion": "4.0.515",
+		"@remotion/captions": "4.0.515",
+		"@remotion/player": "4.0.515",
+		"@remotion/media-utils": "4.0.515",
+		"@remotion/renderer": "4.0.515",
+		"@remotion/web-renderer": "4.0.515",
+		"@remotion/studio-shared": "4.0.515",
+		"@remotion/timeline-utils": "4.0.515",
+		"@remotion/zod-types": "4.0.515",
 		"@jridgewell/trace-mapping": "0.3.31",
-		"mediabunny": "1.50.8",
+		"mediabunny": "1.55.1",
 		"memfs": "3.4.3",
 		"open": "8.4.2",
 		"zod": "4.4.3"
@@ -45,7 +46,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.513",
+		"@remotion/eslint-config-internal": "4.0.515",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},