@omnimedia/omnitool 1.1.0-1 → 1.1.0-100

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

@@ -1,42 +1,136 @@
+import { TextStyleOptions } from "pixi.js";
 import { Id, Hash } from "./basics.js";
+import { Ms } from "../../units/ms.js";
+import type { TransitionName } from "./transitions.js";
+import { Transform, VisualAnimations } from "../types.js";
+import type { FilterParams, FilterType } from "./filters.js";
+import type { Transcription } from "../../features/speech/transcribe/types.js";
+export type Crop = [top: number, right: number, bottom: number, left: number];
 export declare enum Kind {
     Sequence = 0,
     Stack = 1,
-    Clip = 2,
-    Text = 3,
-    Transition = 4
-}
-export declare enum Effect {
-    Crossfade = 0
+    Video = 2,
+    Audio = 3,
+    Text = 4,
+    Gap = 5,
+    Spatial = 6,
+    Animation = 7,
+    Transition = 8,
+    TextStyle = 9,
+    Filter = 10,
+    Caption = 11,
+    Image = 12
 }
 export declare namespace Item {
+    type TextStyle = {
+        id: Id;
+        kind: Kind.TextStyle;
+        style: TextStyleOptions;
+    };
+    type Spatial = {
+        id: Id;
+        kind: Kind.Spatial;
+        transform: Transform;
+        crop?: Crop;
+        enabled: boolean;
+    };
+    type Animation = {
+        id: Id;
+        kind: Kind.Animation;
+        anims: VisualAnimations;
+        enabled: boolean;
+    };
+    type Filter<T extends FilterType = FilterType> = {
+        id: Id;
+        kind: Kind.Filter;
+        type: T;
+        params?: FilterParams<T>;
+        enabled: boolean;
+    };
+    type Gap = {
+        id: Id;
+        kind: Kind.Gap;
+        duration: number;
+    };
     type Sequence = {
         id: Id;
         kind: Kind.Sequence;
-        children: Id[];
+        childrenIds: Id[];
+        spatialId?: Id;
+        filterIds?: Id[];
     };
     type Stack = {
         id: Id;
         kind: Kind.Stack;
-        children: Id[];
+        childrenIds: Id[];
+        spatialId?: Id;
+        filterIds?: Id[];
+    };
+    type Video = {
+        id: Id;
+        kind: Kind.Video;
+        mediaHash: Hash;
+        start: number;
+        duration: number;
+        spatialId?: Id;
+        animationIds?: Id[];
+        filterIds?: Id[];
     };
-    type Clip = {
+    type Image = {
         id: Id;
-        kind: Kind.Clip;
+        kind: Kind.Image;
+        mediaHash: Hash;
+        duration: number;
+        spatialId?: Id;
+        animationIds?: Id[];
+        filterIds?: Id[];
+    };
+    type Audio = {
+        id: Id;
+        kind: Kind.Audio;
         mediaHash: Hash;
         start: number;
         duration: number;
+        gain?: number;
     };
     type Text = {
         id: Id;
         kind: Kind.Text;
         content: string;
+        duration: number;
+        spatialId?: Id;
+        animationIds?: Id[];
+        styleId?: Id;
+        filterIds?: Id[];
+    };
+    type Caption = {
+        id: Id;
+        kind: Kind.Caption;
+        transcript: Transcription;
+        itemId?: Id;
+        start: number;
+        duration: number;
+        maxChars?: number;
+        maxDuration?: number;
+        maxSilence?: number;
+        spatialId?: Id;
+        animationIds?: Id[];
+        styleId?: Id;
+        filterIds?: Id[];
     };
     type Transition = {
         id: Id;
         kind: Kind.Transition;
-        effect: Effect.Crossfade;
+        name: TransitionName;
         duration: number;
     };
-    type Any = (Sequence | Stack | Clip | Text | Transition);
+    type Any = (Sequence | Stack | Video | Image | Audio | Text | Caption | Gap | Transition | Spatial | Animation | TextStyle | Filter);
 }
+export type ContainerItem = Item.Sequence | Item.Stack;
+export type NonContainerItem = Exclude<Item.Any, ContainerItem>;
+export type FilterableItem = Item.Sequence | Item.Stack | Item.Video | Item.Image | Item.Text | Item.Caption;
+export type VisualAnimatableItem = Item.Video | Item.Image | Item.Text | Item.Caption;
+export type PlayableItem = Item.Any & {
+    start: Ms;
+    duration: Ms;
+};

package/x/timeline/parts/item.js

@@ -2,12 +2,16 @@ export var Kind;
 (function (Kind) {
     Kind[Kind["Sequence"] = 0] = "Sequence";
     Kind[Kind["Stack"] = 1] = "Stack";
-    Kind[Kind["Clip"] = 2] = "Clip";
-    Kind[Kind["Text"] = 3] = "Text";
-    Kind[Kind["Transition"] = 4] = "Transition";
+    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["Animation"] = 7] = "Animation";
+    Kind[Kind["Transition"] = 8] = "Transition";
+    Kind[Kind["TextStyle"] = 9] = "TextStyle";
+    Kind[Kind["Filter"] = 10] = "Filter";
+    Kind[Kind["Caption"] = 11] = "Caption";
+    Kind[Kind["Image"] = 12] = "Image";
 })(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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../s/timeline/parts/item.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,IAMX;AAND,WAAY,IAAI;IACf,uCAAQ,CAAA;IACR,iCAAK,CAAA;IACL,+BAAI,CAAA;IACJ,+BAAI,CAAA;IACJ,2CAAU,CAAA;AACX,CAAC,EANW,IAAI,KAAJ,IAAI,QAMf;AAED,MAAM,CAAN,IAAY,MAEX;AAFD,WAAY,MAAM;IACjB,6CAAS,CAAA;AACV,CAAC,EAFW,MAAM,KAAN,MAAM,QAEjB"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../s/timeline/parts/item.ts"],"names":[],"mappings":"AAYA,MAAM,CAAN,IAAY,IAcX;AAdD,WAAY,IAAI;IACf,uCAAQ,CAAA;IACR,iCAAK,CAAA;IACL,iCAAK,CAAA;IACL,iCAAK,CAAA;IACL,+BAAI,CAAA;IACJ,6BAAG,CAAA;IACH,qCAAO,CAAA;IACP,yCAAS,CAAA;IACT,2CAAU,CAAA;IACV,yCAAS,CAAA;IACT,oCAAM,CAAA;IACN,sCAAO,CAAA;IACP,kCAAK,CAAA;AACN,CAAC,EAdW,IAAI,KAAJ,IAAI,QAcf"}

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

@@ -1,7 +1,13 @@
 import { Datafile } from "../utils/datafile.js";
+import { DecoderSource } from "../../driver/fns/schematic.js";
 export declare class Media {
+    #private;
     datafile: Datafile;
     duration: number;
+    isImage: boolean;
+    hasVideo: boolean;
+    hasAudio: boolean;
     constructor(datafile: Datafile);
     static analyze(datafile: Datafile): Promise<Media>;
+    static duration(source: DecoderSource): Promise<number>;
 }

package/x/timeline/parts/media.js

@@ -1,13 +1,47 @@
+import { ALL_FORMATS, Input } from "mediabunny";
+import { loadDecoderSource } from "../../driver/utils/load-decoder-source.js";
 export class Media {
     datafile;
     duration = 0;
+    isImage = false;
+    hasVideo = false;
+    hasAudio = false;
     constructor(datafile) {
         this.datafile = datafile;
     }
     static async analyze(datafile) {
         const media = new this(datafile);
-        media.duration = 10;
+        if (this.#isImage(datafile)) {
+            media.isImage = true;
+            return media;
+        }
+        const duration = (await this.duration(datafile.url)) * 1000;
+        media.duration = duration;
+        const { video, audio } = await this.#has(datafile.url);
+        media.hasAudio = audio;
+        media.hasVideo = video;
         return media;
     }
+    static #isImage(datafile) {
+        return datafile.blob.type.startsWith("image/");
+    }
+    static async duration(source) {
+        const input = new Input({
+            formats: ALL_FORMATS,
+            source: await loadDecoderSource(source)
+        });
+        const duration = await input.computeDuration();
+        return Number(duration.toFixed(5)); // fix weird floating points
+    }
+    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

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../s/timeline/parts/media.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,KAAK;IAEE;IADnB,QAAQ,GAAG,CAAC,CAAA;IACZ,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,OAAO,KAAK,CAAA;IACb,CAAC;CACD"}
+{"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;IAME;IALnB,QAAQ,GAAG,CAAC,CAAA;IACZ,OAAO,GAAG,KAAK,CAAA;IACf,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;QAEhC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC7B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA;YACpB,OAAO,KAAK,CAAA;QACb,CAAC;QAED,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAA;QAC3D,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACzB,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QACpD,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAA;QACtB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAA;QACtB,OAAO,KAAK,CAAA;IACb,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,QAAkB;QACjC,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC/C,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAqB;QAC1C,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;YACvB,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE,MAAM,iBAAiB,CAAC,MAAM,CAAC;SACvC,CAAC,CAAA;QACF,MAAM,QAAQ,GAAI,MAAM,KAAK,CAAC,eAAe,EAAE,CAAA;QAC/C,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA,CAAC,4BAA4B;IAChE,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

@@ -1,7 +1,10 @@
+import { Hash } from "./basics.js";
 import { Media } from "./media.js";
+import { Resource } from "./resource.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>;
+    require(hash: Hash): Resource.Media;
 }

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

@@ -1,19 +1,22 @@
-import { MapG } from "@e280/stz";
+import { GMap } from "@e280/stz";
 import { Media } from "./media.js";
 export class ResourcePool {
-    #map = new MapG;
+    #map = new GMap;
     /** 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;
+        const { filename, bytes, url, blob } = 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 });
+            this.#map.set(hash, { kind: "media", filename, bytes, url, blob, duration: media.duration });
         return media;
     }
+    require(hash) {
+        return this.#map.require(hash);
+    }
 }
 //# sourceMappingURL=resource-pool.js.map

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

@@ -1 +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"}
+{"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,EAAE,GAAG,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;QAEnD,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,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAC,CAAC,CAAA;QAE3F,OAAO,KAAK,CAAA;IACb,CAAC;IAED,OAAO,CAAC,IAAU;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC;CACD"}

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

@@ -3,6 +3,9 @@ export declare namespace Resource {
         kind: "media";
         filename: string;
         bytes: Uint8Array;
+        blob: Blob;
+        url: string;
+        duration: number;
     };
     type Any = Media;
 }

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

@@ -0,0 +1,15 @@
+import type { Item } from "./item.js";
+export declare const transitionNames: readonly ["Bounce", "BowTieHorizontal", "BowTieVertical", "ButterflyWaveScrawler", "CircleCrop", "ColourDistance", "CrazyParametricFun", "CrossZoom", "Directional", "DoomScreenTransition", "Dreamy", "DreamyZoom", "GlitchDisplace", "GlitchMemories", "GridFlip", "InvertedPageCurl", "LinearBlur", "Mosaic", "PolkaDotsCurtain", "Radial", "SimpleZoom", "StereoViewer", "Swirl", "WaterDrop", "ZoomInCircles", "angular", "burn", "cannabisleaf", "circle", "circleopen", "colorphase", "crosshatch", "crosswarp", "cube", "directionalwarp", "directionalwipe", "displacement", "doorway", "fade", "fadecolor", "fadegrayscale", "flyeye", "heart", "hexagonalize", "kaleidoscope", "luma", "luminance_melt", "morph", "multiply_blend", "perlin", "pinwheel", "pixelize", "polar_function", "randomsquares", "ripple", "rotate_scale_fade", "squareswire", "squeeze", "swap", "undulatingBurnOut", "wind", "windowblinds", "windowslice", "wipeDown", "wipeLeft", "wipeRight", "wipeUp"];
+export type TransitionName = typeof transitionNames[number];
+export type Transition = {
+    name: TransitionName;
+    label: string;
+};
+export interface TransitionAction {
+    (duration: number): Item.Transition;
+}
+export type TransitionActions = {
+    [TName in TransitionName]: TransitionAction;
+};
+export declare const transitionRegistry: Record<TransitionName, Transition>;
+export declare const transitions: Record<"Bounce" | "BowTieHorizontal" | "BowTieVertical" | "ButterflyWaveScrawler" | "CircleCrop" | "ColourDistance" | "CrazyParametricFun" | "CrossZoom" | "Directional" | "DoomScreenTransition" | "Dreamy" | "DreamyZoom" | "GlitchDisplace" | "GlitchMemories" | "GridFlip" | "InvertedPageCurl" | "LinearBlur" | "Mosaic" | "PolkaDotsCurtain" | "Radial" | "SimpleZoom" | "StereoViewer" | "Swirl" | "WaterDrop" | "ZoomInCircles" | "angular" | "burn" | "cannabisleaf" | "circle" | "circleopen" | "colorphase" | "crosshatch" | "crosswarp" | "cube" | "directionalwarp" | "directionalwipe" | "displacement" | "doorway" | "fade" | "fadecolor" | "fadegrayscale" | "flyeye" | "heart" | "hexagonalize" | "kaleidoscope" | "luma" | "luminance_melt" | "morph" | "multiply_blend" | "perlin" | "pinwheel" | "pixelize" | "polar_function" | "randomsquares" | "ripple" | "rotate_scale_fade" | "squareswire" | "squeeze" | "swap" | "undulatingBurnOut" | "wind" | "windowblinds" | "windowslice" | "wipeDown" | "wipeLeft" | "wipeRight" | "wipeUp", Transition>;

package/x/timeline/parts/transitions.js

@@ -0,0 +1,81 @@
+export const transitionNames = [
+    "Bounce",
+    "BowTieHorizontal",
+    "BowTieVertical",
+    "ButterflyWaveScrawler",
+    "CircleCrop",
+    "ColourDistance",
+    "CrazyParametricFun",
+    "CrossZoom",
+    "Directional",
+    "DoomScreenTransition",
+    "Dreamy",
+    "DreamyZoom",
+    "GlitchDisplace",
+    "GlitchMemories",
+    "GridFlip",
+    "InvertedPageCurl",
+    "LinearBlur",
+    "Mosaic",
+    "PolkaDotsCurtain",
+    "Radial",
+    "SimpleZoom",
+    "StereoViewer",
+    "Swirl",
+    "WaterDrop",
+    "ZoomInCircles",
+    "angular",
+    "burn",
+    "cannabisleaf",
+    "circle",
+    "circleopen",
+    "colorphase",
+    "crosshatch",
+    "crosswarp",
+    "cube",
+    "directionalwarp",
+    "directionalwipe",
+    "displacement",
+    "doorway",
+    "fade",
+    "fadecolor",
+    "fadegrayscale",
+    "flyeye",
+    "heart",
+    "hexagonalize",
+    "kaleidoscope",
+    "luma",
+    "luminance_melt",
+    "morph",
+    "multiply_blend",
+    "perlin",
+    "pinwheel",
+    "pixelize",
+    "polar_function",
+    "randomsquares",
+    "ripple",
+    "rotate_scale_fade",
+    "squareswire",
+    "squeeze",
+    "swap",
+    "undulatingBurnOut",
+    "wind",
+    "windowblinds",
+    "windowslice",
+    "wipeDown",
+    "wipeLeft",
+    "wipeRight",
+    "wipeUp",
+];
+export const transitionRegistry = Object.fromEntries(transitionNames.map(name => [name, {
+        name,
+        label: labelizeTransitionName(name),
+    }]));
+export const transitions = transitionRegistry;
+function labelizeTransitionName(name) {
+    return name
+        .replace(/_/g, " ")
+        .replace(/([a-z])([A-Z])/g, "$1 $2")
+        .replace(/\b\w/g, letter => letter.toUpperCase());
+}
+//# sourceMappingURL=transitions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.js","sourceRoot":"","sources":["../../../s/timeline/parts/transitions.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,QAAQ;IACR,kBAAkB;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,YAAY;IACZ,gBAAgB;IAChB,oBAAoB;IACpB,WAAW;IACX,aAAa;IACb,sBAAsB;IACtB,QAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,gBAAgB;IAChB,UAAU;IACV,kBAAkB;IAClB,YAAY;IACZ,QAAQ;IACR,kBAAkB;IAClB,QAAQ;IACR,YAAY;IACZ,cAAc;IACd,OAAO;IACP,WAAW;IACX,eAAe;IACf,SAAS;IACT,MAAM;IACN,cAAc;IACd,QAAQ;IACR,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,MAAM;IACN,iBAAiB;IACjB,iBAAiB;IACjB,cAAc;IACd,SAAS;IACT,MAAM;IACN,WAAW;IACX,eAAe;IACf,QAAQ;IACR,OAAO;IACP,cAAc;IACd,cAAc;IACd,MAAM;IACN,gBAAgB;IAChB,OAAO;IACP,gBAAgB;IAChB,QAAQ;IACR,UAAU;IACV,UAAU;IACV,gBAAgB;IAChB,eAAe;IACf,QAAQ;IACR,mBAAmB;IACnB,aAAa;IACb,SAAS;IACT,MAAM;IACN,mBAAmB;IACnB,MAAM;IACN,cAAc;IACd,aAAa;IACb,UAAU;IACV,UAAU;IACV,WAAW;IACX,QAAQ;CACC,CAAA;AAiBV,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,WAAW,CACnD,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;QAClC,IAAI;QACJ,KAAK,EAAE,sBAAsB,CAAC,IAAI,CAAC;KACnC,CAAC,CAAC,CACmC,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAA;AAE7C,SAAS,sBAAsB,CAAC,IAAY;IAC3C,OAAO,IAAI;SACT,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA;AACnD,CAAC"}

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

@@ -0,0 +1,11 @@
+import { Driver } from "../../../../driver/driver.js";
+import { DecoderSource } from "../../../../driver/fns/schematic.js";
+export declare const PEAK_LEVELS: readonly [2048, 1024, 512, 256, 128, 64, 32];
+export declare function collectPeakLevels(driver: Driver, source: DecoderSource): Promise<{
+    duration: number;
+    levels: {
+        samplesPerPeak: 64 | 2048 | 512 | 1024 | 256 | 128 | 32;
+        peaks: Float32Array<ArrayBuffer>;
+        peaksPerSecond: number;
+    }[];
+}>;

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

@@ -0,0 +1,56 @@
+export const PEAK_LEVELS = [2048, 1024, 512, 256, 128, 64, 32];
+export async function collectPeakLevels(driver, source) {
+    const duration = (await driver.getAudioDuration(source)) ?? 0;
+    const readable = driver.decodeAudio({ source }).readable;
+    const finestSamplesPerPeak = PEAK_LEVELS[PEAK_LEVELS.length - 1];
+    const finestPeaks = [];
+    let currentMax = 0;
+    let sampleCount = 0;
+    let sampleRate = 0;
+    for await (const audioData of readable) {
+        sampleRate ||= audioData.sampleRate;
+        const frames = audioData.numberOfFrames;
+        const plane = new Float32Array(frames);
+        audioData.copyTo(plane, { planeIndex: 0 });
+        for (let i = 0; i < plane.length; i++) {
+            const amplitude = Math.abs(plane[i]);
+            if (amplitude > currentMax)
+                currentMax = amplitude;
+            sampleCount++;
+            if (sampleCount >= finestSamplesPerPeak) {
+                finestPeaks.push(currentMax);
+                currentMax = 0;
+                sampleCount = 0;
+            }
+        }
+        audioData.close();
+    }
+    if (sampleCount > 0)
+        finestPeaks.push(currentMax);
+    const base = new Float32Array(finestPeaks);
+    const levels = PEAK_LEVELS.map(samplesPerPeak => {
+        const factor = Math.max(1, Math.round(samplesPerPeak / finestSamplesPerPeak));
+        const peaks = factor === 1 ? base : downsampleMax(base, factor);
+        return {
+            samplesPerPeak,
+            peaks,
+            peaksPerSecond: sampleRate > 0 ? sampleRate / samplesPerPeak : 0,
+        };
+    });
+    return { duration, levels };
+}
+function downsampleMax(peaks, factor) {
+    const downsampled = new Float32Array(Math.ceil(peaks.length / factor));
+    for (let i = 0; i < downsampled.length; i++) {
+        let maxPeak = 0;
+        const start = i * factor;
+        const end = Math.min(start + factor, peaks.length);
+        for (let j = start; j < end; j++) {
+            if (peaks[j] > maxPeak)
+                maxPeak = peaks[j];
+        }
+        downsampled[i] = maxPeak;
+    }
+    return downsampled;
+}
+//# sourceMappingURL=collect.js.map

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

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

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

@@ -0,0 +1,5 @@
+export declare function renderTile(peaks: Float32Array, opts: {
+    width: number;
+    height: number;
+    color: string;
+}): HTMLCanvasElement;

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

@@ -0,0 +1,29 @@
+export function renderTile(peaks, opts) {
+    const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+    const canvas = document.createElement("canvas");
+    canvas.width = opts.width * dpr;
+    canvas.height = opts.height * dpr;
+    canvas.style.width = `${opts.width}px`;
+    canvas.style.height = `${opts.height}px`;
+    const ctx = canvas.getContext("2d");
+    if (!ctx)
+        return canvas;
+    ctx.scale(dpr, dpr);
+    ctx.fillStyle = opts.color;
+    const centerY = opts.height / 2;
+    const columns = Math.max(1, opts.width);
+    const peaksPerPixel = peaks.length / columns;
+    for (let px = 0; px < columns; px++) {
+        const startIndex = Math.floor(px * peaksPerPixel);
+        const endIndex = Math.max(startIndex + 1, Math.floor((px + 1) * peaksPerPixel));
+        let maxPeak = 0;
+        for (let i = startIndex; i < endIndex && i < peaks.length; i++) {
+            if (peaks[i] > maxPeak)
+                maxPeak = peaks[i];
+        }
+        const barHeight = maxPeak * opts.height;
+        ctx.fillRect(px, centerY - barHeight / 2, 1, barHeight);
+    }
+    return canvas;
+}
+//# sourceMappingURL=render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../../../s/timeline/parts/waveform/parts/render.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,UAAU,CACzB,KAAmB,EACnB,IAIC;IAED,MAAM,GAAG,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5E,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAA;IAC/B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,CAAA;IACjC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAA;IACtC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAA;IAExC,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IACnC,IAAI,CAAC,GAAG;QAAE,OAAO,MAAM,CAAA;IAEvB,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IACnB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;IAE1B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;IAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAA;IAE5C,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,aAAa,CAAC,CAAA;QACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACxB,UAAU,GAAG,CAAC,EACd,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC,CACpC,CAAA;QAED,IAAI,OAAO,GAAG,CAAC,CAAA;QACf,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAChE,IAAI,KAAK,CAAC,CAAC,CAAE,GAAG,OAAO;gBAAE,OAAO,GAAG,KAAK,CAAC,CAAC,CAAE,CAAA;QAC7C,CAAC;QAED,MAAM,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC,MAAM,CAAA;QACvC,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,OAAO,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAA;IACxD,CAAC;IAED,OAAO,MAAM,CAAA;AACd,CAAC"}

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

@@ -0,0 +1,21 @@
+export interface WaveformTileData {
+    startTime: number;
+    endTime: number;
+    peaks: Float32Array;
+    canvas: HTMLCanvasElement;
+}
+export interface WaveformOptions {
+    tileSize?: number;
+    zoom?: number;
+    tileWidth?: number;
+    tileHeight?: number;
+    preloadMargin?: number;
+    color?: string;
+    onChange?: (tiles: WaveformTileData[]) => void;
+}
+export type WaveformTimeRange = [start: number, end: number];
+export type WaveformPeakLevel = {
+    samplesPerPeak: number;
+    peaks: Float32Array;
+    peaksPerSecond: number;
+};

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { Driver } from "../../../driver/driver.js";
+import { DecoderSource } from "../../../driver/fns/schematic.js";
+import { WaveformOptions, WaveformTileData, WaveformTimeRange } from "./parts/types.js";
+export declare class Waveform {
+    #private;
+    readonly color: string;
+    readonly duration: number;
+    readonly tileSize: number;
+    readonly tileHeight: number;
+    readonly preloadMargin: number;
+    private constructor();
+    static init(driver: Driver, source: DecoderSource, options?: WaveformOptions): Promise<Waveform>;
+    /** Waveform render density in pixels per second. */
+    set zoom(pixelsPerSecond: number);
+    get zoom(): number;
+    get range(): WaveformTimeRange;
+    set range(visibleRange: WaveformTimeRange);
+    getTiles(): Map<number, WaveformTileData>;
+}