@remotion/studio 4.0.450 → 4.0.452

package/dist/Studio.js

@@ -17,7 +17,7 @@ const getServerDisconnectedDomElement = () => {
 };
 const StudioInner = ({ rootComponent, readOnly, visualModeEnabled }) => {
     var _a, _b;
-    return (jsx_runtime_1.jsx(remotion_1.Internals.CompositionManagerProvider, { onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], initialCanvasContent: null, children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { visualModeEnabled: visualModeEnabled, frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_a = window.remotion_logLevel) !== null && _a !== void 0 ? _a : 'info', numberOfAudioTags: window.remotion_numberOfAudioTags, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'interactive', children: jsx_runtime_1.jsx(use_static_files_1.StaticFilesProvider, { children: jsx_runtime_1.jsx(ResolveCompositionConfigInStudio_1.ResolveCompositionConfigInStudio, { children: jsx_runtime_1.jsxs(EditorContexts_1.EditorContexts, { readOnlyStudio: readOnly, children: [
+    return (jsx_runtime_1.jsx(remotion_1.Internals.CompositionManagerProvider, { onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], initialCanvasContent: null, children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { visualModeEnabled: visualModeEnabled, frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_a = window.remotion_logLevel) !== null && _a !== void 0 ? _a : 'info', numberOfAudioTags: window.remotion_numberOfAudioTags, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'playback', children: jsx_runtime_1.jsx(use_static_files_1.StaticFilesProvider, { children: jsx_runtime_1.jsx(ResolveCompositionConfigInStudio_1.ResolveCompositionConfigInStudio, { children: jsx_runtime_1.jsxs(EditorContexts_1.EditorContexts, { readOnlyStudio: readOnly, children: [
                             jsx_runtime_1.jsx(Editor_1.Editor, { readOnlyStudio: readOnly, Root: rootComponent }), readOnly
                                 ? null
                                 : (0, react_dom_1.createPortal)(jsx_runtime_1.jsx(ServerDisconnected_1.ServerDisconnected, {}), getServerDisconnectedDomElement())] }) }) }) }) }));

package/dist/components/Timeline/TimelineWidthProvider.js

@@ -4,7 +4,6 @@ exports.TimelineWidthProvider = exports.TimelineWidthContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const player_1 = require("@remotion/player");
 const react_1 = require("react");
-const timeline_zoom_1 = require("../../state/timeline-zoom");
 const timeline_refs_1 = require("./timeline-refs");
 exports.TimelineWidthContext = (0, react_1.createContext)(null);
 const TimelineWidthProvider = ({ children }) => {
@@ -13,20 +12,6 @@ const TimelineWidthProvider = ({ children }) => {
         triggerOnWindowResize: false,
         shouldApplyCssTransforms: true,
     });
-    const { zoom: zoomMap } = (0, react_1.useContext)(timeline_zoom_1.TimelineZoomCtx);
-    const [widthOverride, setWidthOverride] = (0, react_1.useState)(null);
-    const observedWidth = (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : null;
-    (0, react_1.useLayoutEffect)(() => {
-        var _a;
-        var _b;
-        const actual = (_b = (_a = timeline_refs_1.sliderAreaRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : null;
-        if (actual !== null && actual !== observedWidth) {
-            setWidthOverride(actual);
-        }
-        else {
-            setWidthOverride(null);
-        }
-    }, [observedWidth, zoomMap]);
-    return (jsx_runtime_1.jsx(exports.TimelineWidthContext.Provider, { value: widthOverride !== null && widthOverride !== void 0 ? widthOverride : observedWidth, children: children }));
+    return (jsx_runtime_1.jsx(exports.TimelineWidthContext.Provider, { value: (_a = size === null || size === void 0 ? void 0 : size.width) !== null && _a !== void 0 ? _a : null, children: children }));
 };
 exports.TimelineWidthProvider = TimelineWidthProvider;

package/dist/components/load-waveform-peaks.js

@@ -7,6 +7,7 @@ const TARGET_SAMPLE_RATE = 100;
 exports.TARGET_SAMPLE_RATE = TARGET_SAMPLE_RATE;
 const peaksCache = new Map();
 async function loadWaveformPeaks(url, signal) {
+    var _a;
     const cached = peaksCache.get(url);
     if (cached)
         return cached;
@@ -22,7 +23,7 @@ async function loadWaveformPeaks(url, signal) {
         const { sampleRate } = audioTrack;
         const durationInSeconds = await audioTrack.computeDuration();
         const totalPeaks = Math.ceil(durationInSeconds * TARGET_SAMPLE_RATE);
-        const samplesPerPeak = Math.floor(sampleRate / TARGET_SAMPLE_RATE);
+        const samplesPerPeak = Math.max(1, Math.floor(sampleRate / TARGET_SAMPLE_RATE));
         const peaks = new Float32Array(totalPeaks);
         let peakIndex = 0;
         let peakMax = 0;
@@ -39,11 +40,22 @@ async function loadWaveformPeaks(url, signal) {
             });
             const floats = new Float32Array(bytesNeeded / 4);
             sample.copyTo(floats, { format: 'f32', planeIndex: 0 });
+            const channels = Math.max(1, sample.numberOfChannels);
+            const frames = sample.numberOfFrames;
             sample.close();
-            for (let i = 0; i < floats.length; i++) {
-                const abs = Math.abs(floats[i]);
-                if (abs > peakMax)
-                    peakMax = abs;
+            for (let frame = 0; frame < frames; frame++) {
+                // `f32` copies are interleaved, so timing must advance per frame, not per float.
+                let framePeak = 0;
+                for (let channel = 0; channel < channels; channel++) {
+                    const sampleIndex = frame * channels + channel;
+                    const abs = Math.abs((_a = floats[sampleIndex]) !== null && _a !== void 0 ? _a : 0);
+                    if (abs > framePeak) {
+                        framePeak = abs;
+                    }
+                }
+                if (framePeak > peakMax) {
+                    peakMax = framePeak;
+                }
                 sampleInPeak++;
                 if (sampleInPeak >= samplesPerPeak) {
                     if (peakIndex < totalPeaks) {