@remotion/timeline-utils 4.0.513 → 4.0.515

package/dist/index.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resizeVideoFrame = exports.renderFrameStripToCanvas = exports.WEBCODECS_TIMESCALE = exports.getDurationOfOneFrame = exports.fillWithCachedFrames = exports.fillFrameWhereItFits = exports.ensureSlots = exports.drawSlot = exports.calculateTimestampSlots = exports.shouldTileLoopDisplay = exports.getLoopDisplayWidth = exports.makeFrameDatabaseKey = exports.getTimestampFromFrameDatabaseKey = exports.getFrameDatabaseKeyPrefix = exports.getAspectRatioFromCache = exports.frameDatabase = exports.aspectRatioCache = exports.addFrameToCache = exports.extractFrames = exports.clampTimestampsToDuration = exports.getScaledImageThumbnailDimensions = exports.drawRepeatingImageThumbnail = exports.emitWaveformProgress = exports.createWaveformPeakProcessor = exports.sliceWaveformPeaks = exports.makeAudioWaveformWorker = exports.loadWaveformPeaks = exports.drawBars = exports.TARGET_SAMPLE_RATE = void 0;
+exports.resizeVideoFrame = exports.renderFrameStripToCanvas = exports.getDurationOfOneFrame = exports.fillWithCachedFrames = exports.fillFrameWhereItFits = exports.ensureSlots = exports.drawSlot = exports.calculateTimestampSlots = exports.WEBCODECS_TIMESCALE = exports.shouldTileLoopDisplay = exports.getLoopDisplayWidth = exports.getLoopDisplaySegments = exports.getScaledImageThumbnailDimensions = exports.drawRepeatingImageThumbnail = exports.makeFrameDatabaseKey = exports.getTimestampFromFrameDatabaseKey = exports.getFrameDatabaseKeyPrefix = exports.getAspectRatioFromCache = exports.frameDatabase = exports.aspectRatioCache = exports.addFrameToCache = exports.extractFrames = exports.clampTimestampsToDuration = exports.emitWaveformProgress = exports.createWaveformPeakProcessor = exports.sliceWaveformPeaks = exports.subscribeToWaveformPeaks = exports.sliceVisibleWaveformPeaks = exports.loadWaveformPeaks = exports.getVisibleWaveformVolume = exports.drawBars = exports.TARGET_SAMPLE_RATE = void 0;
 const constants_1 = require("./audio-waveform/constants");
 Object.defineProperty(exports, "TARGET_SAMPLE_RATE", { enumerable: true, get: function () { return constants_1.TARGET_SAMPLE_RATE; } });
 const draw_peaks_1 = require("./audio-waveform/draw-peaks");
 Object.defineProperty(exports, "drawBars", { enumerable: true, get: function () { return draw_peaks_1.drawBars; } });
+const get_visible_waveform_volume_1 = require("./audio-waveform/get-visible-waveform-volume");
+Object.defineProperty(exports, "getVisibleWaveformVolume", { enumerable: true, get: function () { return get_visible_waveform_volume_1.getVisibleWaveformVolume; } });
 const load_waveform_peaks_1 = require("./audio-waveform/load-waveform-peaks");
 Object.defineProperty(exports, "loadWaveformPeaks", { enumerable: true, get: function () { return load_waveform_peaks_1.loadWaveformPeaks; } });
-const make_audio_waveform_worker_1 = require("./audio-waveform/make-audio-waveform-worker");
-Object.defineProperty(exports, "makeAudioWaveformWorker", { enumerable: true, get: function () { return make_audio_waveform_worker_1.makeAudioWaveformWorker; } });
+const slice_visible_waveform_peaks_1 = require("./audio-waveform/slice-visible-waveform-peaks");
+Object.defineProperty(exports, "sliceVisibleWaveformPeaks", { enumerable: true, get: function () { return slice_visible_waveform_peaks_1.sliceVisibleWaveformPeaks; } });
+const subscribe_to_waveform_peaks_1 = require("./audio-waveform/subscribe-to-waveform-peaks");
+Object.defineProperty(exports, "subscribeToWaveformPeaks", { enumerable: true, get: function () { return subscribe_to_waveform_peaks_1.subscribeToWaveformPeaks; } });
 const slice_waveform_peaks_1 = require("./audio-waveform/slice-waveform-peaks");
 Object.defineProperty(exports, "sliceWaveformPeaks", { enumerable: true, get: function () { return slice_waveform_peaks_1.sliceWaveformPeaks; } });
 const waveform_peak_processor_1 = require("./audio-waveform/waveform-peak-processor");
 Object.defineProperty(exports, "createWaveformPeakProcessor", { enumerable: true, get: function () { return waveform_peak_processor_1.createWaveformPeakProcessor; } });
 Object.defineProperty(exports, "emitWaveformProgress", { enumerable: true, get: function () { return waveform_peak_processor_1.emitWaveformProgress; } });
-const draw_repeating_image_thumbnail_1 = require("./image-thumbnail/draw-repeating-image-thumbnail");
-Object.defineProperty(exports, "drawRepeatingImageThumbnail", { enumerable: true, get: function () { return draw_repeating_image_thumbnail_1.drawRepeatingImageThumbnail; } });
-const get_scaled_image_thumbnail_dimensions_1 = require("./image-thumbnail/get-scaled-image-thumbnail-dimensions");
-Object.defineProperty(exports, "getScaledImageThumbnailDimensions", { enumerable: true, get: function () { return get_scaled_image_thumbnail_dimensions_1.getScaledImageThumbnailDimensions; } });
 const clamp_timestamps_to_duration_1 = require("./clamp-timestamps-to-duration");
 Object.defineProperty(exports, "clampTimestampsToDuration", { enumerable: true, get: function () { return clamp_timestamps_to_duration_1.clampTimestampsToDuration; } });
 const extract_frames_1 = require("./extract-frames");
@@ -30,17 +30,22 @@ Object.defineProperty(exports, "getAspectRatioFromCache", { enumerable: true, ge
 Object.defineProperty(exports, "getFrameDatabaseKeyPrefix", { enumerable: true, get: function () { return frame_database_1.getFrameDatabaseKeyPrefix; } });
 Object.defineProperty(exports, "getTimestampFromFrameDatabaseKey", { enumerable: true, get: function () { return frame_database_1.getTimestampFromFrameDatabaseKey; } });
 Object.defineProperty(exports, "makeFrameDatabaseKey", { enumerable: true, get: function () { return frame_database_1.makeFrameDatabaseKey; } });
+const draw_repeating_image_thumbnail_1 = require("./image-thumbnail/draw-repeating-image-thumbnail");
+Object.defineProperty(exports, "drawRepeatingImageThumbnail", { enumerable: true, get: function () { return draw_repeating_image_thumbnail_1.drawRepeatingImageThumbnail; } });
+const get_scaled_image_thumbnail_dimensions_1 = require("./image-thumbnail/get-scaled-image-thumbnail-dimensions");
+Object.defineProperty(exports, "getScaledImageThumbnailDimensions", { enumerable: true, get: function () { return get_scaled_image_thumbnail_dimensions_1.getScaledImageThumbnailDimensions; } });
 const loop_display_1 = require("./loop-display");
+Object.defineProperty(exports, "getLoopDisplaySegments", { enumerable: true, get: function () { return loop_display_1.getLoopDisplaySegments; } });
 Object.defineProperty(exports, "getLoopDisplayWidth", { enumerable: true, get: function () { return loop_display_1.getLoopDisplayWidth; } });
 Object.defineProperty(exports, "shouldTileLoopDisplay", { enumerable: true, get: function () { return loop_display_1.shouldTileLoopDisplay; } });
 const render_frame_strip_1 = require("./render-frame-strip");
+Object.defineProperty(exports, "WEBCODECS_TIMESCALE", { enumerable: true, get: function () { return render_frame_strip_1.WEBCODECS_TIMESCALE; } });
 Object.defineProperty(exports, "calculateTimestampSlots", { enumerable: true, get: function () { return render_frame_strip_1.calculateTimestampSlots; } });
 Object.defineProperty(exports, "drawSlot", { enumerable: true, get: function () { return render_frame_strip_1.drawSlot; } });
 Object.defineProperty(exports, "ensureSlots", { enumerable: true, get: function () { return render_frame_strip_1.ensureSlots; } });
 Object.defineProperty(exports, "fillFrameWhereItFits", { enumerable: true, get: function () { return render_frame_strip_1.fillFrameWhereItFits; } });
 Object.defineProperty(exports, "fillWithCachedFrames", { enumerable: true, get: function () { return render_frame_strip_1.fillWithCachedFrames; } });
 Object.defineProperty(exports, "getDurationOfOneFrame", { enumerable: true, get: function () { return render_frame_strip_1.getDurationOfOneFrame; } });
-Object.defineProperty(exports, "WEBCODECS_TIMESCALE", { enumerable: true, get: function () { return render_frame_strip_1.WEBCODECS_TIMESCALE; } });
 const render_frame_strip_to_canvas_1 = require("./render-frame-strip-to-canvas");
 Object.defineProperty(exports, "renderFrameStripToCanvas", { enumerable: true, get: function () { return render_frame_strip_to_canvas_1.renderFrameStripToCanvas; } });
 const resize_video_frame_1 = require("./resize-video-frame");

package/dist/loop-display.d.ts

@@ -4,6 +4,17 @@ export type TimelineLoopDisplay = {
     startOffset: number;
 };
 export declare const shouldTileLoopDisplay: (loopDisplay: TimelineLoopDisplay | undefined) => loopDisplay is TimelineLoopDisplay;
+export type LoopDisplaySegment = {
+    loopIndex: number;
+    absoluteOffsetInFrames: number;
+    loopOffsetInFrames: number;
+    durationInFrames: number;
+};
+export declare const getLoopDisplaySegments: ({ displayDurationInFrames, displayOffsetInFrames, loopDurationInFrames, }: {
+    readonly displayDurationInFrames: number;
+    readonly displayOffsetInFrames: number;
+    readonly loopDurationInFrames: number;
+}) => LoopDisplaySegment[];
 export declare const getLoopDisplayWidth: ({ visualizationWidth, loopDisplay, }: {
     visualizationWidth: number;
     loopDisplay: TimelineLoopDisplay | undefined;

package/dist/loop-display.js

@@ -1,10 +1,45 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLoopDisplayWidth = exports.shouldTileLoopDisplay = void 0;
+exports.getLoopDisplayWidth = exports.getLoopDisplaySegments = exports.shouldTileLoopDisplay = void 0;
 const shouldTileLoopDisplay = (loopDisplay) => {
     return loopDisplay !== undefined && loopDisplay.numberOfTimes > 1;
 };
 exports.shouldTileLoopDisplay = shouldTileLoopDisplay;
+// Computes the visible loop segments by loop index instead of accumulating
+// floating-point segment durations. With fractional display offsets (e.g. from
+// horizontal timeline virtualization), an accumulating `processed += segment`
+// loop can stall once the residue is smaller than the ULP of `processed`,
+// growing arrays unboundedly until the tab runs out of memory.
+const getLoopDisplaySegments = ({ displayDurationInFrames, displayOffsetInFrames, loopDurationInFrames, }) => {
+    if (!Number.isFinite(displayDurationInFrames) ||
+        displayDurationInFrames <= 0 ||
+        !Number.isFinite(displayOffsetInFrames) ||
+        !Number.isFinite(loopDurationInFrames) ||
+        loopDurationInFrames <= 0) {
+        return [];
+    }
+    const displayEndInFrames = displayOffsetInFrames + displayDurationInFrames;
+    const firstLoopIndex = Math.floor(displayOffsetInFrames / loopDurationInFrames);
+    const lastLoopIndex = Math.floor(displayEndInFrames / loopDurationInFrames);
+    const segments = [];
+    for (let loopIndex = firstLoopIndex; loopIndex <= lastLoopIndex; loopIndex++) {
+        const loopStartInFrames = loopIndex * loopDurationInFrames;
+        const segmentStart = Math.max(displayOffsetInFrames, loopStartInFrames);
+        const segmentEnd = Math.min(displayEndInFrames, loopStartInFrames + loopDurationInFrames);
+        const durationInFrames = segmentEnd - segmentStart;
+        if (durationInFrames <= 0) {
+            continue;
+        }
+        segments.push({
+            loopIndex,
+            absoluteOffsetInFrames: segmentStart,
+            loopOffsetInFrames: segmentStart - loopStartInFrames,
+            durationInFrames,
+        });
+    }
+    return segments;
+};
+exports.getLoopDisplaySegments = getLoopDisplaySegments;
 const getLoopDisplayWidth = ({ visualizationWidth, loopDisplay, }) => {
     if (!(0, exports.shouldTileLoopDisplay)(loopDisplay)) {
         return visualizationWidth;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/timeline-utils"
 	},
 	"name": "@remotion/timeline-utils",
-	"version": "4.0.513",
+	"version": "4.0.515",
 	"description": "Internal utilities for rendering Remotion timelines",
 	"main": "dist/index.js",
 	"scripts": {
@@ -21,11 +21,12 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"mediabunny": "1.50.8"
+		"mediabunny": "1.55.1",
+		"remotion": "4.0.515"
 	},
 	"devDependencies": {
-		"@mediabunny/server": "1.50.8",
-		"@remotion/eslint-config-internal": "4.0.513",
+		"@mediabunny/server": "1.55.1",
+		"@remotion/eslint-config-internal": "4.0.515",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},