@remotion/studio 4.0.519 → 4.0.521

package/dist/state/timeline-sequence-hover.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimelineSequenceHover = exports.useIsTimelineSequenceHovered = exports.useSetTimelineSequenceHover = exports.useTimelineSequenceHoverState = exports.TimelineSequenceHoverContext = exports.createTimelineSequenceHoverStore = void 0;
 const react_1 = require("react");
 const timeline_node_path_key_1 = require("../helpers/timeline-node-path-key");
+const use_sync_external_store_1 = require("../helpers/use-sync-external-store");
 const createTimelineSequenceHoverStore = () => {
     let hoveredSequence = null;
     const listeners = new Set();
@@ -28,7 +29,7 @@ exports.createTimelineSequenceHoverStore = createTimelineSequenceHoverStore;
 exports.TimelineSequenceHoverContext = (0, react_1.createContext)((0, exports.createTimelineSequenceHoverStore)());
 const useTimelineSequenceHoverState = () => {
     const store = (0, react_1.useContext)(exports.TimelineSequenceHoverContext);
-    return (0, react_1.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
+    return (0, use_sync_external_store_1.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
 };
 exports.useTimelineSequenceHoverState = useTimelineSequenceHoverState;
 const useSetTimelineSequenceHover = () => {
@@ -41,7 +42,7 @@ const useIsTimelineSequenceHovered = (nodePathKey) => {
         var _a;
         return nodePathKey !== null && ((_a = store.getSnapshot()) === null || _a === void 0 ? void 0 : _a.nodePathKey) === nodePathKey;
     }, [nodePathKey, store]);
-    return (0, react_1.useSyncExternalStore)(store.subscribe, getSnapshot, getSnapshot);
+    return (0, use_sync_external_store_1.useSyncExternalStore)(store.subscribe, getSnapshot, getSnapshot);
 };
 exports.useIsTimelineSequenceHovered = useIsTimelineSequenceHovered;
 const useTimelineSequenceHover = (nodePathInfo) => {

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

@@ -1,5 +1,4 @@
 import React from 'react';
-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,16 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineZoomContext = exports.TimelineZoomCtx = exports.TIMELINE_MIN_ZOOM = exports.getTimelineMaxZoom = void 0;
+exports.TimelineZoomContext = exports.TimelineZoomCtx = 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_refs_1 = require("../components/Timeline/timeline-refs");
 const timeline_scroll_logic_1 = require("../components/Timeline/timeline-scroll-logic");
 const ZoomPersistor_1 = require("../components/ZoomPersistor");
 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: () => {
@@ -31,9 +29,18 @@ const TimelineZoomContext = ({ children }) => {
         (0, react_dom_1.flushSync)(() => {
             setZoomState((prevZoomMap) => {
                 var _a;
+                var _b, _c;
+                const durationInFrames = (0, imperative_state_1.getCurrentDuration)();
+                const timelineViewportWidth = (_b = (_a = timeline_refs_1.scrollableRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0;
+                const previousZoom = (0, get_timeline_max_zoom_1.getTimelineZoom)({
+                    durationInFrames,
+                    timelineViewportWidth,
+                    zoom: (_c = prevZoomMap[compositionId]) !== null && _c !== void 0 ? _c : null,
+                });
                 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)(),
+                    zoom: callback(previousZoom),
+                    durationInFrames,
+                    timelineViewportWidth,
                 });
                 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.519",
+	"version": "4.0.521",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,25 +25,25 @@
 	},
 	"dependencies": {
 		"@tanstack/react-virtual": "3.14.9",
-		"@remotion/canvas": "4.0.519",
-		"@remotion/studio-protocol": "4.0.519",
-		"@remotion/studio-codemods": "4.0.519",
+		"@remotion/canvas": "4.0.521",
+		"@remotion/studio-protocol": "4.0.521",
+		"@remotion/studio-codemods": "4.0.521",
 		"semver": "7.5.3",
-		"remotion": "4.0.519",
-		"@remotion/captions": "4.0.519",
-		"@remotion/media": "4.0.519",
-		"@remotion/player": "4.0.519",
-		"@remotion/media-utils": "4.0.519",
-		"@remotion/renderer": "4.0.519",
-		"@remotion/web-renderer": "4.0.519",
-		"@remotion/studio-shared": "4.0.519",
-		"@remotion/timeline-utils": "4.0.519",
-		"@remotion/zod-types": "4.0.519",
+		"remotion": "4.0.521",
+		"@remotion/captions": "4.0.521",
+		"@remotion/media": "4.0.521",
+		"@remotion/player": "4.0.521",
+		"@remotion/media-utils": "4.0.521",
+		"@remotion/renderer": "4.0.521",
+		"@remotion/web-renderer": "4.0.521",
+		"@remotion/studio-shared": "4.0.521",
+		"@remotion/timeline-utils": "4.0.521",
+		"@remotion/zod-types": "4.0.521",
 		"@jridgewell/trace-mapping": "0.3.31",
-		"mediabunny": "1.55.1",
+		"mediabunny": "1.55.5",
 		"memfs": "3.4.3",
 		"open": "8.4.2",
-		"zod": "4.4.3"
+		"zod": "4.5.4"
 	},
 	"devDependencies": {
 		"@happy-dom/global-registrator": "14.5.1",
@@ -51,7 +51,7 @@
 		"react-dom": "19.2.3",
 		"@testing-library/react": "16.1.0",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.519",
+		"@remotion/eslint-config-internal": "4.0.521",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/helpers/sort-by-nonce-history.d.ts

@@ -1 +0,0 @@
-export { compareNonceHistories, sortItemsByNonceHistory } from '@remotion/canvas';

package/dist/helpers/sort-by-nonce-history.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortItemsByNonceHistory = exports.compareNonceHistories = void 0;
-const canvas_1 = require("@remotion/canvas");
-Object.defineProperty(exports, "compareNonceHistories", { enumerable: true, get: function () { return canvas_1.compareNonceHistories; } });
-Object.defineProperty(exports, "sortItemsByNonceHistory", { enumerable: true, get: function () { return canvas_1.sortItemsByNonceHistory; } });