@omnimedia/omnitool 1.0.0 → 1.1.0-10

package/x/timeline/parts/filmstrip.d.ts

@@ -0,0 +1,39 @@
+import { CanvasSinkOptions, WrappedCanvas } from "mediabunny";
+import { DecoderSource } from '../../driver/fns/schematic.js';
+export declare class Filmstrip {
+    #private;
+    private videoTrack;
+    private options;
+    private constructor();
+    static init(source: DecoderSource, options: FilmstripOptions): Promise<Filmstrip>;
+    /**
+    * Sets the frequency (granularity) of filmstrip thumbnails.
+    * Changing this triggers a filmstrip refresh after any ongoing update finishes.
+    * @param value - The new frequency in seconds.
+    */
+    set frequency(value: number);
+    get frequency(): number;
+    /**
+    * Updates the visible time range for the filmstrip.
+    *
+    * Triggers a thumbnails update, with extended margins to preload
+    * thumbnails slightly outside the visible range.
+    * @param visibleRange - The current timeline viewport as a [start, end] tuple in seconds.
+    */
+    set range(visibleRange: TimeRange);
+    /**
+    * Returns the cached thumbnail (if any) for a given timestamp.
+    * @param time - The timestamp to retrieve the canvas for.
+    */
+    getThumbnail(time: number): any;
+}
+type TimeRange = [number, number];
+interface FilmstripOptions {
+    frequency?: number;
+    canvasSinkOptions?: CanvasSinkOptions;
+    onChange: (tiles: {
+        time: number;
+        canvas: WrappedCanvas;
+    }[]) => void;
+}
+export {};

package/x/timeline/parts/filmstrip.js

@@ -0,0 +1,117 @@
+import { ALL_FORMATS, CanvasSink, Input, } from "mediabunny";
+import { loadDecoderSource } from '../../driver/utils/load-decoder-source.js';
+export class Filmstrip {
+    videoTrack;
+    options;
+    #sink;
+    #cache = new Map();
+    #activeRange = [0, 0];
+    constructor(videoTrack, options) {
+        this.videoTrack = videoTrack;
+        this.options = options;
+        this.#sink = new CanvasSink(videoTrack, options.canvasSinkOptions);
+    }
+    static async init(source, options) {
+        const input = new Input({
+            formats: ALL_FORMATS,
+            source: await loadDecoderSource(source)
+        });
+        const videoTrack = await input.getPrimaryVideoTrack();
+        if (videoTrack)
+            return new Filmstrip(videoTrack, {
+                frequency: options.frequency ?? 1,
+                canvasSinkOptions: options.canvasSinkOptions ?? { width: 80, height: 50, fit: "fill" },
+                onChange: options.onChange
+            });
+        else
+            throw new Error("Source has no video track");
+    }
+    /**
+    * Sets the frequency (granularity) of filmstrip thumbnails.
+    * Changing this triggers a filmstrip refresh after any ongoing update finishes.
+    * @param value - The new frequency in seconds.
+    */
+    set frequency(value) {
+        if (value !== this.options.frequency) {
+            this.options.frequency = value;
+            this.#update();
+        }
+    }
+    get frequency() {
+        return this.options.frequency;
+    }
+    #computeActiveRange([start, end]) {
+        const tileSize = end - start;
+        return [start - tileSize, end + tileSize];
+    }
+    async #generateTiles() {
+        const [rangeStart, rangeEnd] = this.#activeRange;
+        const neededTimestamps = new Set();
+        // duration should be computed but with trim etc also
+        const duration = await this.videoTrack.computeDuration();
+        for (let timestamp = rangeStart; timestamp <= rangeEnd; timestamp += this.options.frequency) {
+            // Clamp to valid time range
+            if (timestamp >= 0 && timestamp <= duration)
+                neededTimestamps.add(+timestamp.toFixed(3));
+        }
+        const missingTimestamps = [...neededTimestamps]
+            .filter(t => !this.#cache.has(t));
+        let i = 0;
+        for await (const canvas of this.#sink.canvasesAtTimestamps(missingTimestamps)) {
+            if (canvas) {
+                const requestedTime = missingTimestamps[i++];
+                this.#cache.set(requestedTime, canvas);
+            }
+        }
+        // Dispose canvases outside the new range
+        for (const key of this.#cache.keys()) {
+            if (!neededTimestamps.has(key)) {
+                this.#cache.delete(key);
+            }
+        }
+        const tiles = [...this.#cache.entries()]
+            .map(([time, canvas]) => ({ time, canvas }));
+        this.options.onChange(tiles);
+    }
+    /**
+    * Updates the visible time range for the filmstrip.
+    *
+    * Triggers a thumbnails update, with extended margins to preload
+    * thumbnails slightly outside the visible range.
+    * @param visibleRange - The current timeline viewport as a [start, end] tuple in seconds.
+    */
+    set range(visibleRange) {
+        const newRange = this.#computeActiveRange(visibleRange);
+        // Avoid redundant updates
+        if (this.#activeRange[0] === newRange[0] &&
+            this.#activeRange[1] === newRange[1])
+            return;
+        this.#activeRange = newRange;
+        this.#update();
+    }
+    #updating = null;
+    #shouldRunAgain = false;
+    async #update() {
+        // Perform update immediately. If multiple updates are requested while updating,
+        // only the latest one will run after the current finishes (skips intermediate ones).
+        if (this.#updating) {
+            this.#shouldRunAgain = true;
+            return;
+        }
+        this.#updating = this.#generateTiles();
+        await this.#updating;
+        this.#updating = null;
+        if (this.#shouldRunAgain) {
+            this.#shouldRunAgain = false;
+            await this.#update();
+        }
+    }
+    /**
+    * Returns the cached thumbnail (if any) for a given timestamp.
+    * @param time - The timestamp to retrieve the canvas for.
+    */
+    getThumbnail(time) {
+        return this.#cache.get(time);
+    }
+}
+//# sourceMappingURL=filmstrip.js.map

package/x/timeline/parts/filmstrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filmstrip.js","sourceRoot":"","sources":["../../../s/timeline/parts/filmstrip.ts"],"names":[],"mappings":"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"}

package/x/timeline/parts/item.d.ts

@@ -0,0 +1,68 @@
+import { Id, Hash } from "./basics.js";
+import { Transform } from "../types.js";
+export declare enum Kind {
+    Sequence = 0,
+    Stack = 1,
+    Video = 2,
+    Audio = 3,
+    Text = 4,
+    Gap = 5,
+    Spatial = 6,
+    Transition = 7
+}
+export declare enum Effect {
+    Crossfade = 0
+}
+export declare namespace Item {
+    type Spatial = {
+        id: Id;
+        kind: Kind.Spatial;
+        transform: Transform;
+    };
+    type Gap = {
+        id: Id;
+        kind: Kind.Gap;
+        duration: number;
+    };
+    type Sequence = {
+        id: Id;
+        kind: Kind.Sequence;
+        childrenIds: Id[];
+        spatialId?: Id;
+    };
+    type Stack = {
+        id: Id;
+        kind: Kind.Stack;
+        childrenIds: Id[];
+        spatialId?: Id;
+    };
+    type Video = {
+        id: Id;
+        kind: Kind.Video;
+        mediaHash: Hash;
+        start: number;
+        duration: number;
+        spatialId?: Id;
+    };
+    type Audio = {
+        id: Id;
+        kind: Kind.Audio;
+        mediaHash: Hash;
+        start: number;
+        duration: number;
+    };
+    type Text = {
+        id: Id;
+        kind: Kind.Text;
+        content: string;
+        spatialId?: Id;
+        color: string;
+    };
+    type Transition = {
+        id: Id;
+        kind: Kind.Transition;
+        effect: Effect.Crossfade;
+        duration: number;
+    };
+    type Any = (Sequence | Stack | Video | Audio | Text | Gap | Transition | Spatial);
+}

package/x/timeline/parts/item.js

@@ -0,0 +1,16 @@
+export var Kind;
+(function (Kind) {
+    Kind[Kind["Sequence"] = 0] = "Sequence";
+    Kind[Kind["Stack"] = 1] = "Stack";
+    Kind[Kind["Video"] = 2] = "Video";
+    Kind[Kind["Audio"] = 3] = "Audio";
+    Kind[Kind["Text"] = 4] = "Text";
+    Kind[Kind["Gap"] = 5] = "Gap";
+    Kind[Kind["Spatial"] = 6] = "Spatial";
+    Kind[Kind["Transition"] = 7] = "Transition";
+})(Kind || (Kind = {}));
+export var Effect;
+(function (Effect) {
+    Effect[Effect["Crossfade"] = 0] = "Crossfade";
+})(Effect || (Effect = {}));
+//# sourceMappingURL=item.js.map

package/x/timeline/parts/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../s/timeline/parts/item.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,IASX;AATD,WAAY,IAAI;IACf,uCAAQ,CAAA;IACR,iCAAK,CAAA;IACL,iCAAK,CAAA;IACL,iCAAK,CAAA;IACL,+BAAI,CAAA;IACJ,6BAAG,CAAA;IACH,qCAAO,CAAA;IACP,2CAAU,CAAA;AACX,CAAC,EATW,IAAI,KAAJ,IAAI,QASf;AAED,MAAM,CAAN,IAAY,MAEX;AAFD,WAAY,MAAM;IACjB,6CAAS,CAAA;AACV,CAAC,EAFW,MAAM,KAAN,MAAM,QAEjB"}

package/x/timeline/parts/media.d.ts

@@ -0,0 +1,10 @@
+import { Datafile } from "../utils/datafile.js";
+export declare class Media {
+    #private;
+    datafile: Datafile;
+    duration: number;
+    hasVideo: boolean;
+    hasAudio: boolean;
+    constructor(datafile: Datafile);
+    static analyze(datafile: Datafile): Promise<Media>;
+}

package/x/timeline/parts/media.js

@@ -0,0 +1,30 @@
+import { ALL_FORMATS, Input } from "mediabunny";
+import { loadDecoderSource } from "../../driver/utils/load-decoder-source.js";
+export class Media {
+    datafile;
+    duration = 0;
+    hasVideo = false;
+    hasAudio = false;
+    constructor(datafile) {
+        this.datafile = datafile;
+    }
+    static async analyze(datafile) {
+        const media = new this(datafile);
+        media.duration = 10;
+        const { video, audio } = await this.#has("/assets/temp/gl.mp4");
+        media.hasAudio = audio;
+        media.hasVideo = video;
+        return media;
+    }
+    static async #has(source) {
+        const input = new Input({
+            formats: ALL_FORMATS,
+            source: await loadDecoderSource(source)
+        });
+        return {
+            audio: !!(await input.getPrimaryAudioTrack()),
+            video: !!(await input.getPrimaryVideoTrack())
+        };
+    }
+}
+//# sourceMappingURL=media.js.map

package/x/timeline/parts/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../s/timeline/parts/media.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,KAAK,EAAC,MAAM,YAAY,CAAA;AAI7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,2CAA2C,CAAA;AAE3E,MAAM,OAAO,KAAK;IAKE;IAJnB,QAAQ,GAAG,CAAC,CAAA;IACZ,QAAQ,GAAG,KAAK,CAAA;IAChB,QAAQ,GAAG,KAAK,CAAA;IAEhB,YAAmB,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;IAAG,CAAC;IAEzC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAkB;QACtC,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA;QAChC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;QACnB,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;QAC7D,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAA;QACtB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAA;QACtB,OAAO,KAAK,CAAA;IACb,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAqB;QACtC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;YACvB,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE,MAAM,iBAAiB,CAAC,MAAM,CAAC;SACvC,CAAC,CAAA;QACF,OAAO;YACN,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,oBAAoB,EAAE,CAAC;YAC7C,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,oBAAoB,EAAE,CAAC;SAC7C,CAAA;IACF,CAAC;CACD"}

package/x/timeline/parts/resource-pool.d.ts

@@ -0,0 +1,7 @@
+import { Media } from "./media.js";
+import { Datafile } from "../utils/datafile.js";
+export declare class ResourcePool {
+    #private;
+    /** store a media file (avoids duplicates via hash) */
+    store(datafile: Datafile): Promise<Media>;
+}

package/x/timeline/parts/resource-pool.js

@@ -0,0 +1,19 @@
+import { MapG } from "@e280/stz";
+import { Media } from "./media.js";
+export class ResourcePool {
+    #map = new MapG;
+    /** store a media file (avoids duplicates via hash) */
+    async store(datafile) {
+        const media = await Media.analyze(datafile);
+        const { hash } = media.datafile.checksum;
+        const { filename, bytes } = media.datafile;
+        if (this.#map.has(hash)) {
+            const alreadyExists = this.#map.require(hash);
+            alreadyExists.filename = filename;
+        }
+        else
+            this.#map.set(hash, { kind: "media", filename, bytes });
+        return media;
+    }
+}
+//# sourceMappingURL=resource-pool.js.map

package/x/timeline/parts/resource-pool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-pool.js","sourceRoot":"","sources":["../../../s/timeline/parts/resource-pool.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAC,KAAK,EAAC,MAAM,YAAY,CAAA;AAIhC,MAAM,OAAO,YAAY;IACxB,IAAI,GAAG,IAAI,IAAwB,CAAA;IAEnC,sDAAsD;IACtD,KAAK,CAAC,KAAK,CAAC,QAAkB;QAC7B,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAC3C,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAA;QACtC,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;QAExC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAC7C,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAClC,CAAC;;YAEA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAA;QAEtD,OAAO,KAAK,CAAA;IACb,CAAC;CACD"}

package/x/timeline/parts/resource.d.ts

@@ -0,0 +1,8 @@
+export declare namespace Resource {
+    type Media = {
+        kind: "media";
+        filename: string;
+        bytes: Uint8Array;
+    };
+    type Any = Media;
+}

package/x/timeline/parts/resource.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=resource.js.map

package/x/timeline/parts/resource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.js","sourceRoot":"","sources":["../../../s/timeline/parts/resource.ts"],"names":[],"mappings":""}

package/x/timeline/parts/waveform.d.ts

@@ -0,0 +1,8 @@
+import WaveSurfer from "wavesurfer.js";
+import { DecoderSource } from "../../driver/fns/schematic.js";
+export declare class Waveform {
+    wavesurfer: WaveSurfer;
+    constructor(peaks: number[], container: HTMLElement, duration: number);
+    static init(source: DecoderSource, container: HTMLElement): Promise<Waveform>;
+    set width(value: number);
+}

package/x/timeline/parts/waveform.js

@@ -0,0 +1,51 @@
+import WaveSurfer from "wavesurfer.js";
+import { context } from "../../context.js";
+export class Waveform {
+    wavesurfer;
+    constructor(peaks, container, duration) {
+        this.wavesurfer = WaveSurfer.create({
+            container,
+            waveColor: 'rgb(200, 0, 200)',
+            progressColor: 'rgb(100, 0, 100)',
+            barWidth: 10,
+            barRadius: 10,
+            barGap: 2,
+            peaks: [peaks],
+            duration
+        });
+    }
+    static async init(source, container) {
+        const driver = await context.driver;
+        const reader = driver.decodeAudio({ source }).getReader();
+        const peaks = [];
+        let buffer = [];
+        const samplesPerPeak = 1024;
+        const duration = await driver.getAudioDuration(source);
+        while (true) {
+            const { done, value: audioData } = await reader.read();
+            if (done)
+                break;
+            const frames = audioData.numberOfFrames;
+            const plane = new Float32Array(frames);
+            audioData.copyTo(plane, { planeIndex: 0 }); // Use left channel only
+            for (let i = 0; i < plane.length; i++) {
+                buffer.push(plane[i]);
+                if (buffer.length >= samplesPerPeak) {
+                    const chunk = buffer.splice(0, samplesPerPeak);
+                    const min = Math.min(...chunk);
+                    const max = Math.max(...chunk);
+                    peaks.push(min, max);
+                }
+            }
+            audioData.close();
+        }
+        return new Waveform(peaks, container, duration ?? 0);
+    }
+    // set zoom(value: number) {
+    // 	this.wavesurfer.zoom(value)
+    // }
+    set width(value) {
+        this.wavesurfer.setOptions({ width: value });
+    }
+}
+//# sourceMappingURL=waveform.js.map

package/x/timeline/parts/waveform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waveform.js","sourceRoot":"","sources":["../../../s/timeline/parts/waveform.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AAGxC,MAAM,OAAO,QAAQ;IACpB,UAAU,CAAY;IAEtB,YAAY,KAAe,EAAE,SAAsB,EAAE,QAAgB;QACpE,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC;YAClC,SAAS;YACT,SAAS,EAAE,kBAAkB;YAC7B,aAAa,EAAE,kBAAkB;YACjC,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,EAAE;YACb,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC,KAAK,CAAC;YACd,QAAQ;SACT,CAAC,CAAA;IACH,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAqB,EAAE,SAAsB;QAC9D,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,MAAM,CAAA;QACnC,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,EAAC,MAAM,EAAC,CAAC,CAAC,SAAS,EAAE,CAAA;QAEvD,MAAM,KAAK,GAAa,EAAE,CAAA;QAC1B,IAAI,MAAM,GAAa,EAAE,CAAA;QACzB,MAAM,cAAc,GAAG,IAAI,CAAA;QAC3B,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAEtD,OAAO,IAAI,EAAE,CAAC;YACb,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAC,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;YACpD,IAAI,IAAI;gBAAE,MAAK;YAEf,MAAM,MAAM,GAAG,SAAS,CAAC,cAAc,CAAA;YACvC,MAAM,KAAK,GAAG,IAAI,YAAY,CAAC,MAAM,CAAC,CAAA;YACtC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAC,CAAC,CAAA,CAAC,wBAAwB;YAEjE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;gBACrB,IAAI,MAAM,CAAC,MAAM,IAAI,cAAc,EAAE,CAAC;oBACrC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,CAAA;oBAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAA;oBAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAA;oBAC9B,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;gBACrB,CAAC;YACF,CAAC;YAED,SAAS,CAAC,KAAK,EAAE,CAAA;QAClB,CAAC;QAED,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;IACrD,CAAC;IAED,4BAA4B;IAC5B,+BAA+B;IAC/B,IAAI;IAEJ,IAAI,KAAK,CAAC,KAAa;QACtB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;IAC3C,CAAC;CACD"}

package/x/timeline/sugar/builders.d.ts

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

package/x/timeline/sugar/builders.js

@@ -0,0 +1,104 @@
+export {};
+// import {O} from "./o.js"
+// import {Id} from "../parts/basics.js"
+// import {Item} from "../parts/item.js"
+//
+// export class TimelineItem {
+// 	public readonly id: Id
+//
+// 	constructor(public item: Item.Any) {
+// 		this.id = item.id
+// 	}
+//
+// 	toJSON() {
+// 		return {
+// 			...this.item
+// 		}
+// 	}
+// }
+//
+// abstract class VisualItem extends TimelineItem {
+//   abstract spatial(spatial: Spatial): TimelineItem
+// }
+//
+// export class Stack extends VisualItem {
+//   constructor(private o: O, public item: Item.Stack) {
+//   	super(item)
+//   }
+//
+//   spatial(spatial: Spatial) {
+//   	this.item.spatialId = spatial.item.id
+//     return this
+//   }
+//
+//   addChildren(fn: (o: O) => TimelineItem | TimelineItem[]) {
+//   	const result = fn(this.o)
+//   	const items = Array.isArray(result) ? result : [result]
+//     this.item.childrenIds.push(...items.map(c => c.item.id))
+//     return this
+//   }
+// }
+//
+// export class Spatial extends TimelineItem {
+// 	constructor(public item: Item.Spatial) {super(item)}
+// }
+//
+// export class Gap extends TimelineItem {
+// 	constructor(public item: Item.Gap) {super(item)}
+// }
+//
+// export class Audio extends TimelineItem {
+// 	constructor(public item: Item.Audio) {super(item)}
+// }
+//
+// export class Video extends VisualItem {
+//   constructor(public item: Item.Video) {
+//   	super(item)
+//   }
+//
+//   spatial(spatial: Spatial) {
+//   	this.item.spatialId = spatial.item.id
+//     return this
+//   }
+// }
+//
+// export class Text extends VisualItem {
+//   constructor(public item: Item.Text) {
+//   	super(item)
+//   }
+//
+//   color(color: string) {
+//   	this.item.color = color
+// 		return this
+//   }
+//
+//   spatial(spatial: Spatial) {
+//   	this.item.spatialId = spatial.item.id
+//     return this
+//   }
+// }
+//
+// export class Sequence extends VisualItem {
+// 	constructor(private o: O, public item: Item.Sequence) {
+// 		super(item)
+// 	}
+//
+//   spatial(spatial: Spatial) {
+//   	this.item.spatialId = spatial.item.id
+//     return this
+//   }
+//
+//   addChildren(fn: (o: O) => TimelineItem | TimelineItem[]) {
+//   	const result = fn(this.o)
+//   	const items = Array.isArray(result) ? result : [result]
+//     this.item.childrenIds.push(...items.map(c => c.item.id))
+//     return this
+//   }
+// }
+//
+// export class Transition extends TimelineItem {
+// 	constructor(public item: Item.Transition) {
+// 		super(item)
+// 	}
+// }
+//# sourceMappingURL=builders.js.map

package/x/timeline/sugar/builders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builders.js","sourceRoot":"","sources":["../../../s/timeline/sugar/builders.ts"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,wCAAwC;AACxC,wCAAwC;AACxC,EAAE;AACF,8BAA8B;AAC9B,0BAA0B;AAC1B,EAAE;AACF,wCAAwC;AACxC,sBAAsB;AACtB,KAAK;AACL,EAAE;AACF,cAAc;AACd,aAAa;AACb,kBAAkB;AAClB,MAAM;AACN,KAAK;AACL,IAAI;AACJ,EAAE;AACF,mDAAmD;AACnD,qDAAqD;AACrD,IAAI;AACJ,EAAE;AACF,0CAA0C;AAC1C,yDAAyD;AACzD,iBAAiB;AACjB,MAAM;AACN,EAAE;AACF,gCAAgC;AAChC,2CAA2C;AAC3C,kBAAkB;AAClB,MAAM;AACN,EAAE;AACF,+DAA+D;AAC/D,+BAA+B;AAC/B,6DAA6D;AAC7D,+DAA+D;AAC/D,kBAAkB;AAClB,MAAM;AACN,IAAI;AACJ,EAAE;AACF,8CAA8C;AAC9C,wDAAwD;AACxD,IAAI;AACJ,EAAE;AACF,0CAA0C;AAC1C,oDAAoD;AACpD,IAAI;AACJ,EAAE;AACF,4CAA4C;AAC5C,sDAAsD;AACtD,IAAI;AACJ,EAAE;AACF,0CAA0C;AAC1C,2CAA2C;AAC3C,iBAAiB;AACjB,MAAM;AACN,EAAE;AACF,gCAAgC;AAChC,2CAA2C;AAC3C,kBAAkB;AAClB,MAAM;AACN,IAAI;AACJ,EAAE;AACF,yCAAyC;AACzC,0CAA0C;AAC1C,iBAAiB;AACjB,MAAM;AACN,EAAE;AACF,2BAA2B;AAC3B,6BAA6B;AAC7B,gBAAgB;AAChB,MAAM;AACN,EAAE;AACF,gCAAgC;AAChC,2CAA2C;AAC3C,kBAAkB;AAClB,MAAM;AACN,IAAI;AACJ,EAAE;AACF,6CAA6C;AAC7C,2DAA2D;AAC3D,gBAAgB;AAChB,KAAK;AACL,EAAE;AACF,gCAAgC;AAChC,2CAA2C;AAC3C,kBAAkB;AAClB,MAAM;AACN,EAAE;AACF,+DAA+D;AAC/D,+BAA+B;AAC/B,6DAA6D;AAC7D,+DAA+D;AAC/D,kBAAkB;AAClB,MAAM;AACN,IAAI;AACJ,EAAE;AACF,iDAAiD;AACjD,+CAA+C;AAC/C,gBAAgB;AAChB,KAAK;AACL,IAAI"}

package/x/timeline/sugar/o.d.ts

@@ -0,0 +1,32 @@
+import { Media } from "../parts/media.js";
+import { Id, TimelineFile } from "../parts/basics.js";
+import { Item } from "../parts/item.js";
+import { Transform, TransformOptions } from "../types.js";
+export declare class O {
+    #private;
+    state: {
+        project: TimelineFile;
+    };
+    constructor(state: {
+        project: TimelineFile;
+    });
+    require<T extends Item.Any>(id: Id): T;
+    spatial: (transform: Transform) => Item.Spatial;
+    sequence: (...items: Item.Any[]) => Item.Any;
+    stack: (...items: Item.Any[]) => Item.Any;
+    video: (media: Media, options?: {
+        start?: number;
+        duration?: number;
+    }) => Item.Video;
+    audio: (media: Media, options?: {
+        start?: number;
+        duration?: number;
+    }) => Item.Audio;
+    text: (content: string) => Item.Text;
+    gap: (duration: number) => Item.Gap;
+    transition: {
+        crossfade: (duration: number) => Item.Transition;
+    };
+    transform: (options?: TransformOptions) => Transform;
+    addChildren(parent: Item.Stack | Item.Sequence, ...items: Item.Any[]): void;
+}