@opendaw/studio-core 0.0.112 → 0.0.114

package/dist/project/Project.d.ts

@@ -12,6 +12,7 @@ import { EngineWorklet } from "../EngineWorklet";
 import { MIDILearning } from "../midi";
 import { ppqn, TempoMap } from "@opendaw/lib-dsp";
 import { RegionOverlapResolver, TimelineFocus } from "../ui";
+import { AudioUnitFreeze } from "../AudioUnitFreeze";
 export type RestartWorklet = {
     unload: Func<unknown, Promise<unknown>>;
     load: Procedure<EngineWorklet>;
@@ -47,6 +48,7 @@ export declare class Project implements BoxAdaptersContext, Terminable, Terminab
     readonly overlapResolver: RegionOverlapResolver;
     readonly timelineFocus: TimelineFocus;
     readonly engine: EngineFacade;
+    readonly audioUnitFreeze: AudioUnitFreeze;
     private constructor();
     startAudioWorklet(restart?: RestartWorklet, options?: ProcessorOptions): EngineWorklet;
     handleCpuOverload(): void;

package/dist/project/Project.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Project.d.ts","sourceRoot":"","sources":["../../src/project/Project.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Project.d.ts","sourceRoot":"","sources":["../../src/project/Project.ts"],"names":[],"mappings":"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"}

package/dist/project/Project.js

@@ -15,6 +15,7 @@ import { MidiData } from "@opendaw/lib-midi";
 import { StudioPreferences } from "../StudioPreferences";
 import { RegionOverlapResolver, TimelineFocus } from "../ui";
 import { SampleStorage } from "../samples";
+import { AudioUnitFreeze } from "../AudioUnitFreeze";
 // Main Entry Point for a Project
 export class Project {
     static new(env, options) {
@@ -73,6 +74,7 @@ export class Project {
     overlapResolver;
     timelineFocus;
     engine = new EngineFacade();
+    audioUnitFreeze;
     #rootBoxAdapter;
     #timelineBoxAdapter;
     constructor(env, boxGraph, { rootBox, userInterfaceBoxes, primaryAudioBusBox, primaryAudioUnitBox, timelineBox }) {
@@ -106,6 +108,7 @@ export class Project {
         this.mixer = new Mixer(this.#rootBoxAdapter.audioUnits);
         this.overlapResolver = new RegionOverlapResolver(this.editing, this.api, this.boxAdapters);
         this.timelineFocus = this.#terminator.own(new TimelineFocus());
+        this.audioUnitFreeze = this.#terminator.own(new AudioUnitFreeze(this));
         console.debug(`Project was created on ${this.rootBoxAdapter.created.toString()}`);
         this.#sampleRegistrations = UUID.newSet(({ uuid }) => uuid);
         for (const box of this.boxGraph.boxes()) {

package/dist/ui/canvas/capturing.d.ts

@@ -0,0 +1,17 @@
+import { Nullable } from "@opendaw/lib-std";
+export interface Capturing<T> {
+    capture(localX: number, localY: number): Nullable<T>;
+}
+export declare class ElementCapturing<T> {
+    #private;
+    constructor(element: Element, capturing: Capturing<T>);
+    get element(): Element;
+    get capturing(): Capturing<T>;
+    captureEvent(event: {
+        clientX: number;
+        clientY: number;
+    }): Nullable<T>;
+    capturePoint(clientX: number, clientY: number): Nullable<T>;
+    captureLocalPoint(x: number, y: number): Nullable<T>;
+}
+//# sourceMappingURL=capturing.d.ts.map

package/dist/ui/canvas/capturing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capturing.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/capturing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEzC,MAAM,WAAW,SAAS,CAAC,CAAC;IAAG,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;CAAC;AAEpF,qBAAa,gBAAgB,CAAC,CAAC;;gBAIf,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAKrD,IAAI,OAAO,IAAI,OAAO,CAAuB;IAC7C,IAAI,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAyB;IAEtD,YAAY,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;IAItE,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC;IAK3D,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC;CACvD"}

package/dist/ui/canvas/capturing.js

@@ -0,0 +1,18 @@
+export class ElementCapturing {
+    #element;
+    #capturing;
+    constructor(element, capturing) {
+        this.#element = element;
+        this.#capturing = capturing;
+    }
+    get element() { return this.#element; }
+    get capturing() { return this.#capturing; }
+    captureEvent(event) {
+        return this.capturePoint(event.clientX, event.clientY);
+    }
+    capturePoint(clientX, clientY) {
+        const { left, top } = this.#element.getBoundingClientRect();
+        return this.captureLocalPoint(clientX - left, clientY - top);
+    }
+    captureLocalPoint(x, y) { return this.#capturing.capture(x, y); }
+}

package/dist/ui/canvas/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./capturing";
+export * from "./painter";
+export * from "./scale";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA"}

package/dist/ui/canvas/index.js

@@ -0,0 +1,3 @@
+export * from "./capturing";
+export * from "./painter";
+export * from "./scale";

package/dist/ui/canvas/painter.d.ts

@@ -0,0 +1,32 @@
+import { Procedure, Terminable } from "@opendaw/lib-std";
+import { Scale } from "./scale";
+export declare class CanvasPainter implements Terminable {
+    #private;
+    constructor(canvas: HTMLCanvasElement, render: Procedure<CanvasPainter>);
+    readonly requestUpdate: () => void;
+    get isResized(): boolean;
+    get devicePixelRatio(): number;
+    get width(): number;
+    get height(): number;
+    get actualWidth(): number;
+    get actualHeight(): number;
+    get context(): CanvasRenderingContext2D;
+    terminate(): void;
+}
+export declare class CanvasUnitPainter implements Terminable {
+    #private;
+    constructor(canvas: HTMLCanvasElement, xAxis: Scale, yAxis: Scale, render: Procedure<CanvasUnitPainter>);
+    readonly requestUpdate: () => void;
+    xToUnit(x: number): number;
+    unitToX(value: number): number;
+    yToUnit(y: number): number;
+    unitToY(value: number): number;
+    get context(): CanvasRenderingContext2D;
+    get isResized(): boolean;
+    get width(): number;
+    get height(): number;
+    get actualWidth(): number;
+    get actualHeight(): number;
+    terminate(): void;
+}
+//# sourceMappingURL=painter.d.ts.map

package/dist/ui/canvas/painter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"painter.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/painter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,UAAU,EAAa,MAAM,kBAAkB,CAAA;AAEnF,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAE7B,qBAAa,aAAc,YAAW,UAAU;;gBAGhC,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC;IAIvE,QAAQ,CAAC,aAAa,QAAO,IAAI,CAAqC;IAEtE,IAAI,SAAS,IAAI,OAAO,CAAmC;IAC3D,IAAI,gBAAgB,IAAI,MAAM,CAA0C;IACxE,IAAI,KAAK,IAAI,MAAM,CAA+B;IAClD,IAAI,MAAM,IAAI,MAAM,CAAgC;IACpD,IAAI,WAAW,IAAI,MAAM,CAAqC;IAC9D,IAAI,YAAY,IAAI,MAAM,CAAsC;IAChE,IAAI,OAAO,IAAI,wBAAwB,CAAiC;IACxE,SAAS,IAAI,IAAI;CACpB;AAED,qBAAa,iBAAkB,YAAW,UAAU;;gBAMpC,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,SAAS,CAAC,iBAAiB,CAAC;IAMhD,QAAQ,CAAC,aAAa,QAAO,IAAI,CAAqC;IAEtE,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAC1B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAC9B,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAC1B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAC9B,IAAI,OAAO,IAAI,wBAAwB,CAAiC;IACxE,IAAI,SAAS,IAAI,OAAO,CAAmC;IAC3D,IAAI,KAAK,IAAI,MAAM,CAA+B;IAClD,IAAI,MAAM,IAAI,MAAM,CAAgC;IACpD,IAAI,WAAW,IAAI,MAAM,CAAqC;IAC9D,IAAI,YAAY,IAAI,MAAM,CAAsC;IAChE,SAAS,IAAI,IAAI;CACpB"}

package/dist/ui/canvas/painter.js

@@ -0,0 +1,81 @@
+import { asDefined, Terminator } from "@opendaw/lib-std";
+import { AnimationFrame, Html } from "@opendaw/lib-dom";
+export class CanvasPainter {
+    #rendering;
+    constructor(canvas, render) {
+        this.#rendering = new CanvasRenderer(canvas, () => render(this));
+    }
+    requestUpdate = () => { this.#rendering.requestUpdate(); };
+    get isResized() { return this.#rendering.isResized; }
+    get devicePixelRatio() { return this.#rendering.devicePixelRatio; }
+    get width() { return this.#rendering.width; }
+    get height() { return this.#rendering.height; }
+    get actualWidth() { return this.#rendering.actualWidth; }
+    get actualHeight() { return this.#rendering.actualHeight; }
+    get context() { return this.#rendering.context; }
+    terminate() { this.#rendering.terminate(); }
+}
+export class CanvasUnitPainter {
+    #rendering;
+    #xAxis;
+    #yAxis;
+    constructor(canvas, xAxis, yAxis, render) {
+        this.#rendering = new CanvasRenderer(canvas, () => render(this));
+        this.#xAxis = xAxis;
+        this.#yAxis = yAxis;
+    }
+    requestUpdate = () => { this.#rendering.requestUpdate(); };
+    xToUnit(x) { return this.#xAxis.normToUnit(x / this.#rendering.actualWidth); }
+    unitToX(value) { return this.#xAxis.unitToNorm(value) * this.#rendering.actualWidth; }
+    yToUnit(y) { return this.#yAxis.normToUnit(1.0 - y / this.#rendering.actualHeight); }
+    unitToY(value) { return (1.0 - this.#yAxis.unitToNorm(value)) * this.#rendering.actualHeight; }
+    get context() { return this.#rendering.context; }
+    get isResized() { return this.#rendering.isResized; }
+    get width() { return this.#rendering.width; }
+    get height() { return this.#rendering.height; }
+    get actualWidth() { return this.#rendering.actualWidth; }
+    get actualHeight() { return this.#rendering.actualHeight; }
+    terminate() { this.#rendering.terminate(); }
+}
+class CanvasRenderer {
+    #lifecycle = new Terminator();
+    #context;
+    #update;
+    #width = 0;
+    #height = 0;
+    #devicePixelRatio = 1;
+    #isResized = true;
+    #needsUpdate = true;
+    constructor(canvas, update) {
+        this.#context = asDefined(canvas.getContext("2d"));
+        this.#update = update;
+        this.#lifecycle.ownAll(Html.watchResize(canvas, () => {
+            this.#isResized = true;
+            this.#needsUpdate = true;
+        }), this.#lifecycle.own(AnimationFrame.add(() => {
+            const width = canvas.clientWidth;
+            const height = canvas.clientHeight;
+            if (!this.#needsUpdate || width === 0 || height === 0) {
+                return;
+            }
+            this.#isResized = width !== this.#width || height !== this.#height || devicePixelRatio !== this.#devicePixelRatio;
+            this.#width = width;
+            this.#height = height;
+            this.#devicePixelRatio = devicePixelRatio;
+            canvas.width = width * devicePixelRatio;
+            canvas.height = height * devicePixelRatio;
+            this.#update();
+            this.#isResized = false;
+            this.#needsUpdate = false;
+        })));
+    }
+    get isResized() { return this.#isResized; }
+    get devicePixelRatio() { return this.#devicePixelRatio; }
+    get width() { return this.#width; }
+    get height() { return this.#height; }
+    get actualWidth() { return this.#width * this.#devicePixelRatio; }
+    get actualHeight() { return this.#height * this.#devicePixelRatio; }
+    get context() { return this.#context; }
+    requestUpdate() { this.#needsUpdate = true; }
+    terminate() { this.#lifecycle.terminate(); }
+}

package/dist/ui/canvas/scale.d.ts

@@ -0,0 +1,22 @@
+import { unitValue } from "@opendaw/lib-std";
+export interface Scale {
+    unitToNorm(unit: number): unitValue;
+    normToUnit(norm: unitValue): number;
+}
+export declare class LinearScale implements Scale {
+    #private;
+    constructor(min: number, max: number);
+    get min(): number;
+    get max(): number;
+    normToUnit(norm: number): number;
+    unitToNorm(unit: number): number;
+}
+export declare class LogScale implements Scale {
+    #private;
+    constructor(min: number, max: number);
+    get min(): number;
+    get max(): number;
+    normToUnit(norm: unitValue): number;
+    unitToNorm(unit: number): unitValue;
+}
+//# sourceMappingURL=scale.d.ts.map

package/dist/ui/canvas/scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/scale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAA;AAE1C,MAAM,WAAW,KAAK;IAClB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,UAAU,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAA;CACtC;AAED,qBAAa,WAAY,YAAW,KAAK;;gBAMzB,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAOpC,IAAI,GAAG,IAAI,MAAM,CAAmB;IACpC,IAAI,GAAG,IAAI,MAAM,CAAmB;IAEpC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAChC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CACnC;AAED,qBAAa,QAAS,YAAW,KAAK;;gBAOtB,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAQpC,IAAI,GAAG,IAAI,MAAM,CAAmB;IACpC,IAAI,GAAG,IAAI,MAAM,CAAmB;IAEpC,UAAU,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM;IACnC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS;CACtC"}

package/dist/ui/canvas/scale.js

@@ -0,0 +1,34 @@
+export class LinearScale {
+    #min;
+    #max;
+    #range;
+    #rangeInv;
+    constructor(min, max) {
+        this.#min = min;
+        this.#max = max;
+        this.#range = max - min;
+        this.#rangeInv = 1.0 / this.#range;
+    }
+    get min() { return this.#min; }
+    get max() { return this.#max; }
+    normToUnit(norm) { return this.#min + norm * this.#range; }
+    unitToNorm(unit) { return (unit - this.#min) * this.#rangeInv; }
+}
+export class LogScale {
+    #min;
+    #max;
+    #range;
+    #logMin;
+    #logRangeInv;
+    constructor(min, max) {
+        this.#min = min;
+        this.#max = max;
+        this.#range = Math.log(max / min);
+        this.#logMin = Math.log(min);
+        this.#logRangeInv = 1.0 / (Math.log(max) - this.#logMin);
+    }
+    get min() { return this.#min; }
+    get max() { return this.#max; }
+    normToUnit(norm) { return this.#min * Math.exp(norm * this.#range); }
+    unitToNorm(unit) { return (Math.log(unit) - this.#logMin) * this.#logRangeInv; }
+}

package/dist/ui/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./canvas";
 export * from "./clipboard/ClipboardManager";
 export * from "./clipboard/ClipboardUtils";
 export * from "./clipboard/ContextMenu";
@@ -7,6 +8,7 @@ export * from "./clipboard/types/NotesClipboardHandler";
 export * from "./clipboard/types/RegionsClipboardHandler";
 export * from "./clipboard/types/ValuesClipboardHandler";
 export * from "./menu/MenuItems";
+export * from "./renderer";
 export * from "./timeline/RegionClipResolver";
 export * from "./timeline/RegionKeepExistingResolver";
 export * from "./timeline/RegionModifyStrategies";

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,8CAA8C,CAAA;AAC5D,cAAc,2CAA2C,CAAA;AACzD,cAAc,yCAAyC,CAAA;AACvD,cAAc,2CAA2C,CAAA;AACzD,cAAc,0CAA0C,CAAA;AACxD,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uCAAuC,CAAA;AACrD,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AACrD,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,8CAA8C,CAAA;AAC5D,cAAc,2CAA2C,CAAA;AACzD,cAAc,yCAAyC,CAAA;AACvD,cAAc,2CAA2C,CAAA;AACzD,cAAc,0CAA0C,CAAA;AACxD,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uCAAuC,CAAA;AACrD,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AACrD,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

package/dist/ui/index.js

@@ -1,3 +1,4 @@
+export * from "./canvas";
 export * from "./clipboard/ClipboardManager";
 export * from "./clipboard/ClipboardUtils";
 export * from "./clipboard/ContextMenu";
@@ -7,6 +8,7 @@ export * from "./clipboard/types/NotesClipboardHandler";
 export * from "./clipboard/types/RegionsClipboardHandler";
 export * from "./clipboard/types/ValuesClipboardHandler";
 export * from "./menu/MenuItems";
+export * from "./renderer";
 export * from "./timeline/RegionClipResolver";
 export * from "./timeline/RegionKeepExistingResolver";
 export * from "./timeline/RegionModifyStrategies";

package/dist/ui/renderer/audio.d.ts

@@ -0,0 +1,9 @@
+import { RegionBound } from "./env";
+import { Option } from "@opendaw/lib-std";
+import { LoopableRegion, TempoMap } from "@opendaw/lib-dsp";
+import { AudioFileBoxAdapter, AudioPlayMode } from "@opendaw/studio-adapters";
+import { TimelineRange } from "../timeline/TimelineRange";
+export declare namespace AudioRenderer {
+    const render: (context: CanvasRenderingContext2D, range: TimelineRange, file: AudioFileBoxAdapter, tempoMap: TempoMap, playMode: Option<AudioPlayMode>, waveformOffset: number, gain: number, { top, bottom }: RegionBound, contentColor: string, { rawStart, resultStart, resultEnd }: LoopableRegion.LoopCycle, clip?: boolean) => void;
+}
+//# sourceMappingURL=audio.d.ts.map

package/dist/ui/renderer/audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio.d.ts","sourceRoot":"","sources":["../../../src/ui/renderer/audio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAW,cAAc,EAAyB,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAE1F,OAAO,EAAC,mBAAmB,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AAEvD,yBAAiB,aAAa,CAAC;IASpB,MAAM,MAAM,GACf,SAAS,wBAAwB,EACjC,OAAO,aAAa,EACpB,MAAM,mBAAmB,EACzB,UAAU,QAAQ,EAClB,UAAU,MAAM,CAAC,aAAa,CAAC,EAC/B,gBAAgB,MAAM,EACtB,MAAM,MAAM,EACZ,iBAAe,WAAW,EAC1B,cAAc,MAAM,EACpB,sCAAoC,cAAc,CAAC,SAAS,EAC5D,OAAM,OAAc,SA2VvB,CAAA;CACJ"}

package/dist/ui/renderer/audio.js

@@ -0,0 +1,277 @@
+import { dbToGain, PPQN, TempoChangeGrid } from "@opendaw/lib-dsp";
+import { PeaksPainter } from "@opendaw/lib-fusion";
+export var AudioRenderer;
+(function (AudioRenderer) {
+    AudioRenderer.render = (context, range, file, tempoMap, playMode, waveformOffset, gain, { top, bottom }, contentColor, { rawStart, resultStart, resultEnd }, clip = true) => {
+        if (file.peaks.isEmpty()) {
+            return;
+        }
+        const peaks = file.peaks.unwrap();
+        const durationInSeconds = file.endInSeconds - file.startInSeconds;
+        const numFrames = peaks.numFrames;
+        const numberOfChannels = peaks.numChannels;
+        const ht = bottom - top;
+        const peaksHeight = Math.floor((ht - 4) / numberOfChannels);
+        const scale = dbToGain(-gain);
+        const segments = [];
+        if (playMode.nonEmpty()) {
+            const { warpMarkers } = playMode.unwrap();
+            const markers = warpMarkers.asArray();
+            if (markers.length < 2) {
+                return;
+            }
+            const first = markers[0];
+            const second = markers[1];
+            const secondLast = markers[markers.length - 2];
+            const last = markers[markers.length - 1];
+            const firstRate = (second.seconds - first.seconds) /
+                (second.position - first.position);
+            const lastRate = (last.seconds - secondLast.seconds) /
+                (last.position - secondLast.position);
+            const addSegment = (posStart, posEnd, audioStart, audioEnd, outside) => {
+                if (posStart >= posEnd) {
+                    return;
+                }
+                if (posStart > range.unitMax || posEnd < range.unitMin) {
+                    return;
+                }
+                const clippedStart = Math.max(posStart, range.unitMin - range.unitPadding);
+                const clippedEnd = Math.min(posEnd, range.unitMax);
+                if (clippedStart >= clippedEnd) {
+                    return;
+                }
+                const t0 = (clippedStart - posStart) / (posEnd - posStart);
+                const t1 = (clippedEnd - posStart) / (posEnd - posStart);
+                let aStart = audioStart + t0 * (audioEnd - audioStart) + waveformOffset;
+                let aEnd = audioStart + t1 * (audioEnd - audioStart) + waveformOffset;
+                let x0 = range.unitToX(clippedStart) * devicePixelRatio;
+                let x1 = range.unitToX(clippedEnd) * devicePixelRatio;
+                if (aStart < 0.0) {
+                    const ratio = -aStart / (aEnd - aStart);
+                    x0 = x0 + ratio * (x1 - x0);
+                    aStart = 0.0;
+                }
+                if (aEnd > durationInSeconds) {
+                    const ratio = (aEnd - durationInSeconds) / (aEnd - aStart);
+                    x1 = x1 - ratio * (x1 - x0);
+                    aEnd = durationInSeconds;
+                }
+                if (aStart >= aEnd) {
+                    return;
+                }
+                segments.push({
+                    x0,
+                    x1,
+                    u0: (aStart / durationInSeconds) * numFrames,
+                    u1: (aEnd / durationInSeconds) * numFrames,
+                    outside
+                });
+            };
+            const handleSegment = (segmentStart, segmentEnd, audioStartSeconds, audioEndSeconds) => {
+                if (segmentStart >= segmentEnd) {
+                    return;
+                }
+                if (clip) {
+                    if (segmentEnd <= resultStart || segmentStart >= resultEnd) {
+                        return;
+                    }
+                    const clippedStart = Math.max(segmentStart, resultStart);
+                    const clippedEnd = Math.min(segmentEnd, resultEnd);
+                    const t0 = (clippedStart - segmentStart) / (segmentEnd - segmentStart);
+                    const t1 = (clippedEnd - segmentStart) / (segmentEnd - segmentStart);
+                    const aStart = audioStartSeconds + t0 * (audioEndSeconds - audioStartSeconds);
+                    const aEnd = audioStartSeconds + t1 * (audioEndSeconds - audioStartSeconds);
+                    addSegment(clippedStart, clippedEnd, aStart, aEnd, false);
+                }
+                else {
+                    const rate = (audioEndSeconds - audioStartSeconds) / (segmentEnd - segmentStart);
+                    // Before audible
+                    if (segmentStart < resultStart) {
+                        const endPos = Math.min(segmentEnd, resultStart);
+                        const aEnd = audioStartSeconds + (endPos - segmentStart) * rate;
+                        addSegment(segmentStart, endPos, audioStartSeconds, aEnd, true);
+                    }
+                    // Audible
+                    if (segmentEnd > resultStart && segmentStart < resultEnd) {
+                        const startPos = Math.max(segmentStart, resultStart);
+                        const endPos = Math.min(segmentEnd, resultEnd);
+                        const aStart = audioStartSeconds + (startPos - segmentStart) * rate;
+                        const aEnd = audioStartSeconds + (endPos - segmentStart) * rate;
+                        addSegment(startPos, endPos, aStart, aEnd, false);
+                    }
+                    // After audible
+                    if (segmentEnd > resultEnd) {
+                        const startPos = Math.max(segmentStart, resultEnd);
+                        const aStart = audioStartSeconds + (startPos - segmentStart) * rate;
+                        addSegment(startPos, segmentEnd, aStart, audioEndSeconds, true);
+                    }
+                }
+            };
+            const visibleLocalStart = (clip ? resultStart : range.unitMin) - rawStart;
+            const visibleLocalEnd = (clip ? resultEnd : range.unitMax) - rawStart;
+            // With positive offset, audio from file start appears BEFORE first.position
+            // With negative offset, audio from file end appears AFTER last.position
+            const extraNeededBefore = waveformOffset > 0 ? waveformOffset / firstRate : 0;
+            const extraNeededAfter = waveformOffset < 0 ? -waveformOffset / lastRate : 0;
+            const extrapolateStartLocal = Math.min(visibleLocalStart, first.position - extraNeededBefore);
+            const extrapolateEndLocal = Math.max(visibleLocalEnd, last.position + extraNeededAfter);
+            // Extrapolate before the first warp marker
+            if (extrapolateStartLocal < first.position) {
+                const audioStart = first.seconds +
+                    (extrapolateStartLocal - first.position) * firstRate;
+                handleSegment(rawStart + extrapolateStartLocal, rawStart + first.position, audioStart, first.seconds);
+            }
+            // Interior warp segments - only iterate visible range
+            const startIndex = Math.max(0, warpMarkers.floorLastIndex(visibleLocalStart));
+            for (let i = startIndex; i < markers.length - 1; i++) {
+                const w0 = markers[i];
+                if (w0.position > visibleLocalEnd) {
+                    break;
+                }
+                const w1 = markers[i + 1];
+                handleSegment(rawStart + w0.position, rawStart + w1.position, w0.seconds, w1.seconds);
+            }
+            // Extrapolate after the last warp marker
+            if (extrapolateEndLocal > last.position) {
+                const audioEnd = last.seconds + (extrapolateEndLocal - last.position) * lastRate;
+                handleSegment(rawStart + last.position, rawStart + extrapolateEndLocal, last.seconds, audioEnd);
+            }
+        }
+        else {
+            // Non-stretch mode - audio plays at 100% original speed
+            // Audio time = elapsed timeline seconds since rawStart + waveformOffset
+            // Use rawStart (not resultStart) because resultStart is clipped to viewport
+            const regionStartSeconds = tempoMap.ppqnToSeconds(rawStart);
+            // Use absolute time conversion so it works for positions before AND after rawStart
+            const audioTimeAt = (ppqn) => tempoMap.ppqnToSeconds(ppqn) - regionStartSeconds + waveformOffset;
+            // Fixed step size for consistent rendering across zoom levels
+            const addSegmentDirect = (ppqnStart, ppqnEnd, audioStart, audioEnd, outside) => {
+                if (ppqnStart >= ppqnEnd) {
+                    return;
+                }
+                if (ppqnEnd < range.unitMin - range.unitPadding ||
+                    ppqnStart > range.unitMax) {
+                    return;
+                }
+                const clippedStart = Math.max(ppqnStart, range.unitMin - range.unitPadding);
+                const clippedEnd = Math.min(ppqnEnd, range.unitMax);
+                if (clippedStart >= clippedEnd) {
+                    return;
+                }
+                // Interpolate audio times for clipped range
+                const t0 = (clippedStart - ppqnStart) / (ppqnEnd - ppqnStart);
+                const t1 = (clippedEnd - ppqnStart) / (ppqnEnd - ppqnStart);
+                let aStart = audioStart + t0 * (audioEnd - audioStart);
+                let aEnd = audioStart + t1 * (audioEnd - audioStart);
+                let x0 = range.unitToX(clippedStart) * devicePixelRatio;
+                let x1 = range.unitToX(clippedEnd) * devicePixelRatio;
+                if (aStart < 0) {
+                    const ratio = -aStart / (aEnd - aStart);
+                    x0 += ratio * (x1 - x0);
+                    aStart = 0;
+                }
+                if (aEnd > durationInSeconds) {
+                    const ratio = (aEnd - durationInSeconds) / (aEnd - aStart);
+                    x1 -= ratio * (x1 - x0);
+                    aEnd = durationInSeconds;
+                }
+                if (aStart >= aEnd) {
+                    return;
+                }
+                const u0 = (aStart / durationInSeconds) * numFrames;
+                const u1 = (aEnd / durationInSeconds) * numFrames;
+                if (u0 < u1 && x1 - x0 >= 1) {
+                    segments.push({ x0, x1, u0, u1, outside });
+                }
+            };
+            // Similar to stretch mode: handle clipping at region boundaries
+            const handleTempoSegment = (segStart, segEnd, audioStart, audioEnd) => {
+                if (segStart >= segEnd) {
+                    return;
+                }
+                if (clip) {
+                    if (segEnd <= resultStart || segStart >= resultEnd) {
+                        return;
+                    }
+                    const clippedStart = Math.max(segStart, resultStart);
+                    const clippedEnd = Math.min(segEnd, resultEnd);
+                    const t0 = (clippedStart - segStart) / (segEnd - segStart);
+                    const t1 = (clippedEnd - segStart) / (segEnd - segStart);
+                    const aStart = audioStart + t0 * (audioEnd - audioStart);
+                    const aEnd = audioStart + t1 * (audioEnd - audioStart);
+                    addSegmentDirect(clippedStart, clippedEnd, aStart, aEnd, false);
+                }
+                else {
+                    const rate = (audioEnd - audioStart) / (segEnd - segStart);
+                    // Before audible region
+                    if (segStart < resultStart) {
+                        const endPos = Math.min(segEnd, resultStart);
+                        const aEnd = audioStart + (endPos - segStart) * rate;
+                        addSegmentDirect(segStart, endPos, audioStart, aEnd, true);
+                    }
+                    // Audible region
+                    if (segEnd > resultStart && segStart < resultEnd) {
+                        const startPos = Math.max(segStart, resultStart);
+                        const endPos = Math.min(segEnd, resultEnd);
+                        const aStart = audioStart + (startPos - segStart) * rate;
+                        const aEnd = audioStart + (endPos - segStart) * rate;
+                        addSegmentDirect(startPos, endPos, aStart, aEnd, false);
+                    }
+                    // After audible region
+                    if (segEnd > resultEnd) {
+                        const startPos = Math.max(segStart, resultEnd);
+                        const aStart = audioStart + (startPos - segStart) * rate;
+                        addSegmentDirect(startPos, segEnd, aStart, audioEnd, true);
+                    }
+                }
+            };
+            // Calculate iteration bounds
+            // Where does audioTime = 0? Solve: ppqnToSeconds(ppqn) - regionStartSeconds + waveformOffset = 0
+            const audioStartPPQN = tempoMap.secondsToPPQN(regionStartSeconds - waveformOffset);
+            // Where does audioTime = durationInSeconds?
+            const audioEndPPQN = tempoMap.secondsToPPQN(regionStartSeconds - waveformOffset + durationInSeconds);
+            // Determine visible iteration range (include padding on the left for smooth scrolling)
+            const iterStart = clip
+                ? Math.max(resultStart, range.unitMin - range.unitPadding)
+                : Math.max(Math.min(audioStartPPQN, resultStart), range.unitMin - range.unitPadding);
+            const iterEnd = clip
+                ? Math.min(resultEnd, range.unitMax + TempoChangeGrid)
+                : Math.min(Math.max(audioEndPPQN, resultEnd), range.unitMax + TempoChangeGrid);
+            // Dynamic step size: ensure each step is at least 1 device pixel wide
+            const minStepSize = range.unitsPerPixel * devicePixelRatio;
+            const stepSize = Math.max(TempoChangeGrid, Math.ceil(minStepSize / TempoChangeGrid) * TempoChangeGrid);
+            // Align to grid for consistent rendering across zoom levels
+            let currentPPQN = Math.floor(iterStart / stepSize) * stepSize;
+            // Compute initial audio time once, then increment (avoid O(n) ppqnToSeconds calls per step)
+            let currentAudioTime = audioTimeAt(currentPPQN);
+            while (currentPPQN < iterEnd) {
+                const nextPPQN = currentPPQN + stepSize;
+                // Incremental: get tempo at the current position and compute step duration
+                const stepSeconds = PPQN.pulsesToSeconds(stepSize, tempoMap.getTempoAt(currentPPQN));
+                const nextAudioTime = currentAudioTime + stepSeconds;
+                // Skip if entirely outside audio file range
+                if (nextAudioTime > 0 && currentAudioTime < durationInSeconds) {
+                    handleTempoSegment(currentPPQN, nextPPQN, currentAudioTime, nextAudioTime);
+                }
+                currentPPQN = nextPPQN;
+                currentAudioTime = nextAudioTime;
+            }
+        }
+        context.fillStyle = contentColor;
+        for (const { x0, x1, u0, u1, outside } of segments) {
+            context.globalAlpha = outside && !clip ? 0.25 : 1.0;
+            for (let channel = 0; channel < numberOfChannels; channel++) {
+                PeaksPainter.renderBlocks(context, peaks, channel, {
+                    u0,
+                    u1,
+                    v0: -scale,
+                    v1: +scale,
+                    x0,
+                    x1,
+                    y0: 3 + top + channel * peaksHeight,
+                    y1: 3 + top + (channel + 1) * peaksHeight
+                });
+            }
+        }
+    };
+})(AudioRenderer || (AudioRenderer = {}));

package/dist/ui/renderer/env.d.ts

@@ -0,0 +1,5 @@
+export type RegionBound = {
+    top: number;
+    bottom: number;
+};
+//# sourceMappingURL=env.d.ts.map

package/dist/ui/renderer/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../../src/ui/renderer/env.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;CACjB,CAAA"}

package/dist/ui/renderer/env.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/renderer/fading.d.ts

@@ -0,0 +1,7 @@
+import { FadingEnvelope } from "@opendaw/lib-dsp";
+import { TimelineRange } from "../../index";
+import { RegionBound } from "./env";
+export declare namespace AudioFadingRenderer {
+    const render: (context: CanvasRenderingContext2D, range: TimelineRange, fading: FadingEnvelope.Config, { top, bottom }: RegionBound, startPPQN: number, endPPQN: number, color: string) => void;
+}
+//# sourceMappingURL=fading.d.ts.map