@dawcore/components 0.0.19 → 0.0.21

package/README.md

@@ -168,7 +168,7 @@ A clip is treated as MIDI iff `clip.midiNotes != null`. MIDI clips skip audio fe
 
 **Theming:** the piano-roll honors `--daw-piano-roll-note-color` (default `#2a7070`), `--daw-piano-roll-selected-note-color` (default `#3d9e9e`), and `--daw-piano-roll-background` (default `#1a1a2e`).
 
-See `examples/dawcore-tone/midi.html` for a runnable demo (C major scale, PolySynth playback).
+See `examples/dawcore-tone/midi.html` for a runnable demo (C major scale, PolySynth playback). For SoundFont sample playback, pass `createToneAdapter({ soundFontCache })` and see `examples/dawcore-tone/soundfont.html`.
 
 ## Pre-Computed Peaks
 

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as lit from 'lit';
 import { LitElement, PropertyValues, ReactiveController, ReactiveControllerHost } from 'lit';
-import { MidiNoteData, SpectrogramConfig, FadeType, Peaks, Bits, PeakData, MeterEntry, SnapTo, ColorMapValue, ClipTrack, KeyboardShortcut } from '@waveform-playlist/core';
+import { MidiNoteData, RenderMode, SpectrogramConfig, Peaks, Bits, FadeType, PeakData, MeterEntry, SnapTo, ColorMapValue, ClipTrack, KeyboardShortcut } from '@waveform-playlist/core';
 import WaveformData from 'waveform-data';
 import { PlayoutAdapter, PlaylistEngine } from '@waveform-playlist/engine';
 import { MidiLoadOptions, MidiLoadResult } from '@dawcore/midi';
@@ -46,113 +46,6 @@ declare global {
     }
 }
 
-type TrackRenderMode = 'waveform' | 'piano-roll' | 'spectrogram';
-interface TrackDescriptor {
-    name: string;
-    src: string;
-    volume: number;
-    pan: number;
-    muted: boolean;
-    soloed: boolean;
-    renderMode: TrackRenderMode;
-    spectrogramConfig?: SpectrogramConfig | null;
-    clips: ClipDescriptor[];
-}
-/**
- * Common fields shared by all clip descriptors regardless of source.
- */
-interface BaseClipDescriptor {
-    src: string;
-    peaksSrc: string;
-    start: number;
-    duration: number;
-    offset: number;
-    gain: number;
-    name: string;
-    fadeIn: number;
-    fadeOut: number;
-    fadeType: FadeType;
-    midiNotes: MidiNoteData[] | null;
-    midiChannel: number | null;
-    midiProgram: number | null;
-}
-/**
- * A clip descriptor sourced from a `<daw-clip>` DOM element. `clipId` is
- * always set — `<daw-clip>.clipId` is a `crypto.randomUUID()` generated at
- * construction. Engine `clip.id` is aligned with this id in `_loadTrack`
- * and `_loadAndAppendClip` so DOM and engine reference the same clip.
- */
-interface DomClipDescriptor extends BaseClipDescriptor {
-    kind: 'dom';
-    clipId: string;
-}
-/**
- * A clip descriptor synthesized from a non-DOM source — file drops, the
- * `<daw-track src>` shorthand fallback, or recording-clip insertion. No
- * `clipId` because there's no DOM element to align with; the engine
- * generates its own id at clip-creation time.
- */
-interface DropClipDescriptor extends BaseClipDescriptor {
-    kind: 'drop';
-}
-type ClipDescriptor = DomClipDescriptor | DropClipDescriptor;
-/**
- * Type predicate for the `'dom'` discriminator. Use to narrow a
- * `ClipDescriptor` to `DomClipDescriptor` (which has `clipId`) without
- * inline `c.kind === 'dom'` repetition.
- */
-declare function isDomClip(desc: ClipDescriptor): desc is DomClipDescriptor;
-/**
- * Public input shape for `editor.addTrack(config)`. All fields optional —
- * defaults match the declarative `<daw-track>` defaults.
- */
-interface TrackConfig {
-    name?: string;
-    volume?: number;
-    pan?: number;
-    muted?: boolean;
-    soloed?: boolean;
-    renderMode?: TrackRenderMode;
-    spectrogramConfig?: SpectrogramConfig | null;
-    clips?: ClipConfig[];
-    /**
-     * Convenience: creates a single piano-roll `<daw-clip>` child with these
-     * notes and sets `render-mode="piano-roll"` on the track. Equivalent to
-     * passing `{ renderMode: 'piano-roll', clips: [{ midiNotes, midiChannel, midiProgram }] }`.
-     * An explicit `renderMode` takes precedence over the inferred `'piano-roll'`.
-     *
-     * Creation-only — ignored by `updateTrack`. To modify notes after the
-     * track is built, use `editor.updateClip(trackId, clipId, { midiNotes })` or
-     * mutate the `<daw-clip>` element's `midiNotes` property directly.
-     */
-    midi?: {
-        notes: MidiNoteData[];
-        channel?: number;
-        program?: number;
-    };
-}
-/**
- * Public input shape for clips passed via `TrackConfig.clips` or
- * `editor.addClip(trackId, config)`. `src` is optional to support MIDI clips
- * with no audio source. Other fields default to the matching `<daw-clip>`
- * attribute defaults.
- */
-interface ClipConfig {
-    src?: string;
-    peaksSrc?: string;
-    start?: number;
-    duration?: number;
-    offset?: number;
-    gain?: number;
-    name?: string;
-    fadeIn?: number;
-    fadeOut?: number;
-    fadeType?: FadeType;
-    midiNotes?: MidiNoteData[];
-    midiChannel?: number;
-    midiProgram?: number;
-}
-
 declare class DawTrackElement extends LitElement {
     src: string;
     name: string;
@@ -160,7 +53,9 @@ declare class DawTrackElement extends LitElement {
     pan: number;
     muted: boolean;
     soloed: boolean;
-    renderMode: TrackRenderMode;
+    get renderMode(): RenderMode;
+    set renderMode(value: RenderMode);
+    private _renderMode;
     spectrogramConfig: SpectrogramConfig | null;
     readonly trackId: `${string}-${string}-${string}-${string}-${string}`;
     createRenderRoot(): this;
@@ -360,6 +255,113 @@ declare global {
     }
 }
 
+type TrackRenderMode = RenderMode;
+interface TrackDescriptor {
+    name: string;
+    src: string;
+    volume: number;
+    pan: number;
+    muted: boolean;
+    soloed: boolean;
+    renderMode: TrackRenderMode;
+    spectrogramConfig?: SpectrogramConfig | null;
+    clips: ClipDescriptor[];
+}
+/**
+ * Common fields shared by all clip descriptors regardless of source.
+ */
+interface BaseClipDescriptor {
+    src: string;
+    peaksSrc: string;
+    start: number;
+    duration: number;
+    offset: number;
+    gain: number;
+    name: string;
+    fadeIn: number;
+    fadeOut: number;
+    fadeType: FadeType;
+    midiNotes: MidiNoteData[] | null;
+    midiChannel: number | null;
+    midiProgram: number | null;
+}
+/**
+ * A clip descriptor sourced from a `<daw-clip>` DOM element. `clipId` is
+ * always set — `<daw-clip>.clipId` is a `crypto.randomUUID()` generated at
+ * construction. Engine `clip.id` is aligned with this id in `_loadTrack`
+ * and `_loadAndAppendClip` so DOM and engine reference the same clip.
+ */
+interface DomClipDescriptor extends BaseClipDescriptor {
+    kind: 'dom';
+    clipId: string;
+}
+/**
+ * A clip descriptor synthesized from a non-DOM source — file drops, the
+ * `<daw-track src>` shorthand fallback, or recording-clip insertion. No
+ * `clipId` because there's no DOM element to align with; the engine
+ * generates its own id at clip-creation time.
+ */
+interface DropClipDescriptor extends BaseClipDescriptor {
+    kind: 'drop';
+}
+type ClipDescriptor = DomClipDescriptor | DropClipDescriptor;
+/**
+ * Type predicate for the `'dom'` discriminator. Use to narrow a
+ * `ClipDescriptor` to `DomClipDescriptor` (which has `clipId`) without
+ * inline `c.kind === 'dom'` repetition.
+ */
+declare function isDomClip(desc: ClipDescriptor): desc is DomClipDescriptor;
+/**
+ * Public input shape for `editor.addTrack(config)`. All fields optional —
+ * defaults match the declarative `<daw-track>` defaults.
+ */
+interface TrackConfig {
+    name?: string;
+    volume?: number;
+    pan?: number;
+    muted?: boolean;
+    soloed?: boolean;
+    renderMode?: TrackRenderMode;
+    spectrogramConfig?: SpectrogramConfig | null;
+    clips?: ClipConfig[];
+    /**
+     * Convenience: creates a single piano-roll `<daw-clip>` child with these
+     * notes and sets `render-mode="piano-roll"` on the track. Equivalent to
+     * passing `{ renderMode: 'piano-roll', clips: [{ midiNotes, midiChannel, midiProgram }] }`.
+     * An explicit `renderMode` takes precedence over the inferred `'piano-roll'`.
+     *
+     * Creation-only — ignored by `updateTrack`. To modify notes after the
+     * track is built, use `editor.updateClip(trackId, clipId, { midiNotes })` or
+     * mutate the `<daw-clip>` element's `midiNotes` property directly.
+     */
+    midi?: {
+        notes: MidiNoteData[];
+        channel?: number;
+        program?: number;
+    };
+}
+/**
+ * Public input shape for clips passed via `TrackConfig.clips` or
+ * `editor.addClip(trackId, config)`. `src` is optional to support MIDI clips
+ * with no audio source. Other fields default to the matching `<daw-clip>`
+ * attribute defaults.
+ */
+interface ClipConfig {
+    src?: string;
+    peaksSrc?: string;
+    start?: number;
+    duration?: number;
+    offset?: number;
+    gain?: number;
+    name?: string;
+    fadeIn?: number;
+    fadeOut?: number;
+    fadeType?: FadeType;
+    midiNotes?: MidiNoteData[];
+    midiChannel?: number;
+    midiProgram?: number;
+}
+
 /**
  * Peak generation pipeline: AudioBuffer → web worker → WaveformData → PeakData.
  *
@@ -425,6 +427,30 @@ declare class PeakPipeline {
     private _getWaveformData;
 }
 
+declare class DawRulerElement extends LitElement {
+    samplesPerPixel: number;
+    sampleRate: number;
+    duration: number;
+    rulerHeight: number;
+    scaleMode: 'temporal' | 'beats';
+    ticksPerPixel: number;
+    meterEntries: MeterEntry[];
+    ppqn: number;
+    totalWidth: number;
+    private _tickData;
+    private _musicalTickData;
+    static styles: lit.CSSResult;
+    willUpdate(): void;
+    render(): lit.TemplateResult<1>;
+    updated(): void;
+    private _drawTicks;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'daw-ruler': DawRulerElement;
+    }
+}
+
 declare class DawTrackControlsElement extends LitElement {
     /** Track ID — set by the editor to link controls to a track row. */
     trackId: string | null;
@@ -434,6 +460,7 @@ declare class DawTrackControlsElement extends LitElement {
     muted: boolean;
     soloed: boolean;
     static styles: lit.CSSResult;
+    protected firstUpdated(): void;
     private _onVolumeInput;
     private _onPanInput;
     private _onMuteClick;
@@ -792,6 +819,12 @@ interface DawClipSplitDetail {
 }
 interface DawSpectrogramReadyDetail {
     trackId: string;
+    generation: number;
+}
+interface DawSpectrogramErrorDetail {
+    trackId: string;
+    generation: number;
+    error: Error;
 }
 interface DawEventMap {
     'daw-selection': CustomEvent<DawSelectionDetail>;
@@ -821,6 +854,7 @@ interface DawEventMap {
     'daw-clip-trim': CustomEvent<DawClipTrimDetail>;
     'daw-clip-split': CustomEvent<DawClipSplitDetail>;
     'daw-spectrogram-ready': CustomEvent<DawSpectrogramReadyDetail>;
+    'daw-spectrogram-error': CustomEvent<DawSpectrogramErrorDetail>;
 }
 type DawEvent<K extends keyof DawEventMap> = DawEventMap[K];
 interface LoadFilesResult {
@@ -906,9 +940,10 @@ declare class DawEditorElement extends LitElement implements MidiLoaderHost {
     /** Called by <daw-spectrogram> on chunk unmount / element disconnect. */
     _spectrogramUnregisterCanvas(canvasId: string): void;
     /**
-     * Push a clip's decoded audio into the spectrogram controller. No-op
-     * unless the track is in spectrogram render-mode and the controller
-     * already exists (it bootstraps from canvas registration).
+     * Forward a clip's AudioBuffer to the spectrogram controller if the parent
+     * track is in spectrogram render-mode. Eagerly creates the controller via
+     * `_ensureSpectrogramController` so the audio data is queued for the first
+     * render — even if no canvases have been registered yet.
      */
     private _maybeRegisterSpectrogramClipAudio;
     scaleMode: 'temporal' | 'beats';
@@ -982,6 +1017,7 @@ declare class DawEditorElement extends LitElement implements MidiLoaderHost {
     isMidiClip(trackId: string, clipId: string): boolean;
     private _pointer;
     private _viewport;
+    private _scrollSync;
     static styles: lit.CSSResult[];
     get effectiveSampleRate(): number;
     resolveAudioContextSampleRate(rate: number): void;
@@ -1014,7 +1050,10 @@ declare class DawEditorElement extends LitElement implements MidiLoaderHost {
      * `_selectedTrackId`, etc.) — most of which don't affect the spectrogram
      * viewport. Skip the cross-controller call when nothing changed.
      *
-     * The orchestrator dedupes too, but this avoids the call entirely.
+     * The orchestrator dedupes identical viewports too, so removing this cache
+     * wouldn't change observable behavior — but it would push a fresh
+     * `setViewport` call (with object allocation) into every Lit reactive
+     * update for properties unrelated to the viewport.
      */
     private _lastSpectrogramViewport;
     protected updated(_changed: Map<string, unknown>): void;
@@ -1212,6 +1251,10 @@ declare class DawEditorElement extends LitElement implements MidiLoaderHost {
     _startPlayhead(): void;
     _stopPlayhead(): void;
     private _getPlayhead;
+    /** True when the controls column should be rendered (and its selector is valid). */
+    private get _showControls();
+    /** True when the ruler header band should be rendered (and its selector is valid). */
+    private get _showRuler();
     private _getOrderedTracks;
     render(): lit.TemplateResult<1>;
 }
@@ -1221,30 +1264,6 @@ declare global {
     }
 }
 
-declare class DawRulerElement extends LitElement {
-    samplesPerPixel: number;
-    sampleRate: number;
-    duration: number;
-    rulerHeight: number;
-    scaleMode: 'temporal' | 'beats';
-    ticksPerPixel: number;
-    meterEntries: MeterEntry[];
-    ppqn: number;
-    totalWidth: number;
-    private _tickData;
-    private _musicalTickData;
-    static styles: lit.CSSResult;
-    willUpdate(): void;
-    render(): lit.TemplateResult<1>;
-    updated(): void;
-    private _drawTicks;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'daw-ruler': DawRulerElement;
-    }
-}
-
 declare class DawSelectionElement extends LitElement {
     startPx: number;
     endPx: number;
@@ -1349,6 +1368,7 @@ declare class DawSpectrogramElement extends LitElement {
     static styles: lit.CSSResult;
     private _canvases;
     private _registeredCanvasIds;
+    private _warnedNoHost;
     /**
      * Walk up to the editor host. `closest('daw-editor')` does NOT cross
      * shadow boundaries — and this element lives inside the editor's shadow