use-scroll-animate 10.2.0 → 10.4.0

package/dist/runtime/format-webp.d.cts

@@ -0,0 +1,245 @@
+/** A runtime module: `{ id, version, api }`, registered with `use()`. */
+interface RuntimeModule<A = unknown> {
+    /** Module id: 'core', 'format-css', 'scroll', … (import path `motionary/runtime/<id>`). */
+    id: string;
+    version: string;
+    /** Other modules this one needs (registered first by `use()` callers). */
+    requires?: string[];
+    /** The module's public API (what `requireModule(id)` returns). */
+    api: A;
+    /** Optional one-time setup, called on first registration. */
+    setup?(registry: RuntimeRegistry): void;
+}
+interface RuntimeRegistry {
+    version: string;
+    modules: Map<string, RuntimeModule>;
+    /** Shared per-page state slots (the ticker lives here). */
+    slots: Record<string, unknown>;
+}
+
+/** Easing functions (t ∈ [0, 1] → progress). Original implementations of the standard Penner-style curves. */
+type Ease = (t: number) => number;
+
+type Target = object | Element;
+type Props = Record<string, number | string>;
+interface PlayOptions {
+    /** Delay before the first iteration, ms. */
+    delay?: number;
+    /** Extra iterations (-1 = forever). */
+    repeat?: number;
+    /** Alternate direction on every other iteration. */
+    yoyo?: boolean;
+    /** Start paused (`play()` to start). */
+    paused?: boolean;
+    onUpdate?: (progress: number) => void;
+    onComplete?: () => void;
+}
+interface TweenOptions extends PlayOptions {
+    to?: Props;
+    from?: Props;
+    /** ms (default 600). */
+    duration?: number;
+    ease?: string | Ease;
+    /** Delay added per target index (ms) when several targets are given. */
+    stagger?: number;
+}
+/** Common playback: delay, repeat, yoyo, direction, ticker attachment, promise. */
+declare abstract class Playable {
+    delay: number;
+    repeat: number;
+    yoyo: boolean;
+    /** Playback rate multiplier. */
+    timeScale: number;
+    onUpdate?: (progress: number) => void;
+    onComplete?: () => void;
+    protected _t: number;
+    private _dir;
+    private _off;
+    private _done;
+    private _resolve;
+    /** Resolves on completion (forward end, or start when reversed). */
+    finished: Promise<void>;
+    /** Set when owned by a timeline (then the ticker never drives it). */
+    parent: Timeline | null;
+    constructor(o: PlayOptions);
+    /** One iteration, ms. */
+    abstract get duration(): number;
+    /** Render at `ms` into one iteration. */
+    protected abstract renderLocal(ms: number, iterationEnded: boolean): void;
+    get totalDuration(): number;
+    get time(): number;
+    get progress(): number;
+    set progress(p: number);
+    get isActive(): boolean;
+    get reversed(): boolean;
+    /** Jump to `ms` (total time, including the delay) and render. */
+    seek(ms: number): this;
+    play(): this;
+    pause(): this;
+    /** Play backwards from the current time. */
+    reverse(): this;
+    restart(): this;
+    /** Stop and detach for good. */
+    kill(): void;
+    /** Promise-like: `await tween(...)`. */
+    then<R>(ok?: (v: void) => R, err?: (e: unknown) => R): Promise<R>;
+    private attach;
+    private advance;
+    protected complete(): void;
+}
+/** Position: ms number, '<' (start of previous), '>' (end of previous, default), '+=200' / '-=200' (relative to the end), 'label', 'label+=100', '<+=100'. */
+type Position = number | string;
+interface TimelineOptions extends PlayOptions {
+    /** Defaults merged into every `.to()`. */
+    defaults?: Omit<TweenOptions, 'to' | 'from'>;
+}
+/** A sequence of tweens, nested timelines and callbacks. */
+declare class Timeline extends Playable {
+    private children;
+    private labels;
+    private prevStart;
+    private prevEnd;
+    private defaults;
+    private lastLocal;
+    constructor(o?: TimelineOptions);
+    get duration(): number;
+    private resolve;
+    /** Add a tween, timeline or callback at a position. */
+    add(item: Playable | (() => void), position?: Position): this;
+    /** `tween(target, vars)` placed at `position` (stagger across several targets). */
+    to(target: Target | Target[] | ArrayLike<Target>, vars: TweenOptions, position?: Position): this;
+    call(fn: () => void, position?: Position): this;
+    label(name: string, position?: Position): this;
+    /** Time of a label, ms. */
+    labelTime(name: string): number | undefined;
+    remove(item: Playable): void;
+    /** Children in start order (callbacks excluded). */
+    getChildren(): Playable[];
+    protected renderLocal(ms: number): void;
+}
+
+/**
+ * Shared internals of the animated-image loaders (`format-gif`, `format-apng`,
+ * `format-webp`, 10.4): the decoded-animation shape, frame compositing in
+ * plain RGBA arrays (no DOM — works in workers and on the server), the
+ * browser image decoder used for APNG / WebP frames, and the canvas player
+ * (a runtime `Playable`, so it can be paused, reversed, scrubbed and driven
+ * by a scroll scene). Bundled into each loader; not a public module.
+ */
+
+/** An RGBA bitmap (the shape of `ImageData`, without needing the DOM). */
+interface Rgba {
+    width: number;
+    height: number;
+    data: Uint8ClampedArray;
+}
+/** One frame of an animation, already composited to the full canvas size. */
+interface AnimFrame {
+    /** Display time, ms. */
+    delay: number;
+    image: Rgba;
+}
+interface AnimatedImage {
+    format: 'gif' | 'apng' | 'webp';
+    width: number;
+    height: number;
+    /** Number of plays: 0 = forever, 1 = once, … */
+    plays: number;
+    frames: AnimFrame[];
+}
+/** A frame region before compositing (APNG fcTL / WebP ANMF / GIF descriptor). */
+interface FramePart {
+    x: number;
+    y: number;
+    image: Rgba;
+    delay: number;
+    /** 'over' alpha-blends onto the canvas, 'source' replaces the region. */
+    blend: 'over' | 'source';
+    /** What happens to the region after the frame is shown. */
+    dispose: 'none' | 'background' | 'previous';
+}
+/** Image decoder for one frame file (PNG / WebP bytes) → RGBA. Replaceable (workers, tests, servers). */
+type FrameDecoder = (bytes: Uint8Array, mime: string) => Promise<Rgba>;
+interface AnimPlayerOptions {
+    /** Extra repeats; default from the file (`plays`: 0 → forever). */
+    repeat?: number;
+    yoyo?: boolean;
+    paused?: boolean;
+    /** Playback speed (default 1). */
+    speed?: number;
+}
+type AnimPlayer = Playable & {
+    readonly frame: number;
+    readonly frameCount: number;
+};
+/** Play a decoded animation on a canvas as a runtime timeline (seek / reverse / `progress` scrub). */
+declare function animatedImagePlayer(canvas: HTMLCanvasElement | OffscreenCanvas, anim: AnimatedImage, o?: AnimPlayerOptions): AnimPlayer;
+
+/**
+ * `motionary/runtime/format-webp` (10.4) — animated WebP loader written for
+ * Motionary: reads the RIFF container (`VP8X`, `ANIM`, `ANMF`), rebuilds each
+ * frame (lossy `VP8 ` with optional `ALPH`, or lossless `VP8L`) as a
+ * standalone WebP file that the browser's own decoder decodes, then
+ * composites the frames (blending on / off, dispose to background) into
+ * full-size RGBA. A still WebP loads as a one-frame animation.
+ *
+ * `parseWebp()` and `webpFrameFiles()` are pure (no DOM); `decodeWebp()` uses
+ * the browser decoder by default (also in workers) or your own `{ decode }`.
+ * Browsers without WebP support cannot decode the frames — fall back to `<img>`.
+ */
+
+interface WebpChunk {
+    type: string;
+    data: Uint8Array;
+}
+interface WebpFrameInfo {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    delay: number;
+    blend: FramePart['blend'];
+    dispose: FramePart['dispose'];
+    /** The frame's image chunks (ALPH? + VP8, or VP8L). */
+    chunks: WebpChunk[];
+}
+interface WebpInfo {
+    width: number;
+    height: number;
+    animated: boolean;
+    /** ANIM loop count (0 = forever); 1 for a still image. */
+    plays: number;
+    /** ANIM background colour as [r, g, b, a] (a hint; browsers composite on transparent). */
+    background: [number, number, number, number];
+    frames: WebpFrameInfo[];
+}
+/** Read RIFF chunks from `start` to `end` (pure). */
+declare function riffChunks(b: Uint8Array, start?: number, end?: number): WebpChunk[];
+/** Parse the container (pure; no pixels decoded). */
+declare function parseWebp(input: Uint8Array | ArrayBuffer): WebpInfo;
+/** Rebuild every frame as a standalone (still) WebP file (pure). */
+declare function webpFrameFiles(info: WebpInfo): Uint8Array[];
+/** Decode an animated (or still) WebP into composited RGBA frames. */
+declare function decodeWebp(input: Uint8Array | ArrayBuffer, o?: {
+    decode?: FrameDecoder;
+}): Promise<AnimatedImage & {
+    info: WebpInfo;
+}>;
+/** Fetch (URL) or read (ArrayBuffer / Blob / bytes) and decode a WebP. */
+declare function loadWebp(src: string | ArrayBuffer | ArrayBufferView | Blob, o?: {
+    decode?: FrameDecoder;
+}): Promise<AnimatedImage & {
+    info: WebpInfo;
+}>;
+interface FormatWebpApi {
+    parseWebp: typeof parseWebp;
+    webpFrameFiles: typeof webpFrameFiles;
+    decodeWebp: typeof decodeWebp;
+    loadWebp: typeof loadWebp;
+    animatedImagePlayer: typeof animatedImagePlayer;
+}
+/** The module object for `use(formatWebp)`. */
+declare const formatWebp: RuntimeModule<FormatWebpApi>;
+
+export { animatedImagePlayer, decodeWebp, formatWebp, loadWebp, parseWebp, riffChunks, webpFrameFiles };
+export type { AnimFrame, AnimPlayer, AnimPlayerOptions, AnimatedImage, FormatWebpApi, FrameDecoder, Rgba, WebpChunk, WebpFrameInfo, WebpInfo };

package/dist/runtime/format-webp.d.ts

@@ -0,0 +1,245 @@
+/** A runtime module: `{ id, version, api }`, registered with `use()`. */
+interface RuntimeModule<A = unknown> {
+    /** Module id: 'core', 'format-css', 'scroll', … (import path `motionary/runtime/<id>`). */
+    id: string;
+    version: string;
+    /** Other modules this one needs (registered first by `use()` callers). */
+    requires?: string[];
+    /** The module's public API (what `requireModule(id)` returns). */
+    api: A;
+    /** Optional one-time setup, called on first registration. */
+    setup?(registry: RuntimeRegistry): void;
+}
+interface RuntimeRegistry {
+    version: string;
+    modules: Map<string, RuntimeModule>;
+    /** Shared per-page state slots (the ticker lives here). */
+    slots: Record<string, unknown>;
+}
+
+/** Easing functions (t ∈ [0, 1] → progress). Original implementations of the standard Penner-style curves. */
+type Ease = (t: number) => number;
+
+type Target = object | Element;
+type Props = Record<string, number | string>;
+interface PlayOptions {
+    /** Delay before the first iteration, ms. */
+    delay?: number;
+    /** Extra iterations (-1 = forever). */
+    repeat?: number;
+    /** Alternate direction on every other iteration. */
+    yoyo?: boolean;
+    /** Start paused (`play()` to start). */
+    paused?: boolean;
+    onUpdate?: (progress: number) => void;
+    onComplete?: () => void;
+}
+interface TweenOptions extends PlayOptions {
+    to?: Props;
+    from?: Props;
+    /** ms (default 600). */
+    duration?: number;
+    ease?: string | Ease;
+    /** Delay added per target index (ms) when several targets are given. */
+    stagger?: number;
+}
+/** Common playback: delay, repeat, yoyo, direction, ticker attachment, promise. */
+declare abstract class Playable {
+    delay: number;
+    repeat: number;
+    yoyo: boolean;
+    /** Playback rate multiplier. */
+    timeScale: number;
+    onUpdate?: (progress: number) => void;
+    onComplete?: () => void;
+    protected _t: number;
+    private _dir;
+    private _off;
+    private _done;
+    private _resolve;
+    /** Resolves on completion (forward end, or start when reversed). */
+    finished: Promise<void>;
+    /** Set when owned by a timeline (then the ticker never drives it). */
+    parent: Timeline | null;
+    constructor(o: PlayOptions);
+    /** One iteration, ms. */
+    abstract get duration(): number;
+    /** Render at `ms` into one iteration. */
+    protected abstract renderLocal(ms: number, iterationEnded: boolean): void;
+    get totalDuration(): number;
+    get time(): number;
+    get progress(): number;
+    set progress(p: number);
+    get isActive(): boolean;
+    get reversed(): boolean;
+    /** Jump to `ms` (total time, including the delay) and render. */
+    seek(ms: number): this;
+    play(): this;
+    pause(): this;
+    /** Play backwards from the current time. */
+    reverse(): this;
+    restart(): this;
+    /** Stop and detach for good. */
+    kill(): void;
+    /** Promise-like: `await tween(...)`. */
+    then<R>(ok?: (v: void) => R, err?: (e: unknown) => R): Promise<R>;
+    private attach;
+    private advance;
+    protected complete(): void;
+}
+/** Position: ms number, '<' (start of previous), '>' (end of previous, default), '+=200' / '-=200' (relative to the end), 'label', 'label+=100', '<+=100'. */
+type Position = number | string;
+interface TimelineOptions extends PlayOptions {
+    /** Defaults merged into every `.to()`. */
+    defaults?: Omit<TweenOptions, 'to' | 'from'>;
+}
+/** A sequence of tweens, nested timelines and callbacks. */
+declare class Timeline extends Playable {
+    private children;
+    private labels;
+    private prevStart;
+    private prevEnd;
+    private defaults;
+    private lastLocal;
+    constructor(o?: TimelineOptions);
+    get duration(): number;
+    private resolve;
+    /** Add a tween, timeline or callback at a position. */
+    add(item: Playable | (() => void), position?: Position): this;
+    /** `tween(target, vars)` placed at `position` (stagger across several targets). */
+    to(target: Target | Target[] | ArrayLike<Target>, vars: TweenOptions, position?: Position): this;
+    call(fn: () => void, position?: Position): this;
+    label(name: string, position?: Position): this;
+    /** Time of a label, ms. */
+    labelTime(name: string): number | undefined;
+    remove(item: Playable): void;
+    /** Children in start order (callbacks excluded). */
+    getChildren(): Playable[];
+    protected renderLocal(ms: number): void;
+}
+
+/**
+ * Shared internals of the animated-image loaders (`format-gif`, `format-apng`,
+ * `format-webp`, 10.4): the decoded-animation shape, frame compositing in
+ * plain RGBA arrays (no DOM — works in workers and on the server), the
+ * browser image decoder used for APNG / WebP frames, and the canvas player
+ * (a runtime `Playable`, so it can be paused, reversed, scrubbed and driven
+ * by a scroll scene). Bundled into each loader; not a public module.
+ */
+
+/** An RGBA bitmap (the shape of `ImageData`, without needing the DOM). */
+interface Rgba {
+    width: number;
+    height: number;
+    data: Uint8ClampedArray;
+}
+/** One frame of an animation, already composited to the full canvas size. */
+interface AnimFrame {
+    /** Display time, ms. */
+    delay: number;
+    image: Rgba;
+}
+interface AnimatedImage {
+    format: 'gif' | 'apng' | 'webp';
+    width: number;
+    height: number;
+    /** Number of plays: 0 = forever, 1 = once, … */
+    plays: number;
+    frames: AnimFrame[];
+}
+/** A frame region before compositing (APNG fcTL / WebP ANMF / GIF descriptor). */
+interface FramePart {
+    x: number;
+    y: number;
+    image: Rgba;
+    delay: number;
+    /** 'over' alpha-blends onto the canvas, 'source' replaces the region. */
+    blend: 'over' | 'source';
+    /** What happens to the region after the frame is shown. */
+    dispose: 'none' | 'background' | 'previous';
+}
+/** Image decoder for one frame file (PNG / WebP bytes) → RGBA. Replaceable (workers, tests, servers). */
+type FrameDecoder = (bytes: Uint8Array, mime: string) => Promise<Rgba>;
+interface AnimPlayerOptions {
+    /** Extra repeats; default from the file (`plays`: 0 → forever). */
+    repeat?: number;
+    yoyo?: boolean;
+    paused?: boolean;
+    /** Playback speed (default 1). */
+    speed?: number;
+}
+type AnimPlayer = Playable & {
+    readonly frame: number;
+    readonly frameCount: number;
+};
+/** Play a decoded animation on a canvas as a runtime timeline (seek / reverse / `progress` scrub). */
+declare function animatedImagePlayer(canvas: HTMLCanvasElement | OffscreenCanvas, anim: AnimatedImage, o?: AnimPlayerOptions): AnimPlayer;
+
+/**
+ * `motionary/runtime/format-webp` (10.4) — animated WebP loader written for
+ * Motionary: reads the RIFF container (`VP8X`, `ANIM`, `ANMF`), rebuilds each
+ * frame (lossy `VP8 ` with optional `ALPH`, or lossless `VP8L`) as a
+ * standalone WebP file that the browser's own decoder decodes, then
+ * composites the frames (blending on / off, dispose to background) into
+ * full-size RGBA. A still WebP loads as a one-frame animation.
+ *
+ * `parseWebp()` and `webpFrameFiles()` are pure (no DOM); `decodeWebp()` uses
+ * the browser decoder by default (also in workers) or your own `{ decode }`.
+ * Browsers without WebP support cannot decode the frames — fall back to `<img>`.
+ */
+
+interface WebpChunk {
+    type: string;
+    data: Uint8Array;
+}
+interface WebpFrameInfo {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    delay: number;
+    blend: FramePart['blend'];
+    dispose: FramePart['dispose'];
+    /** The frame's image chunks (ALPH? + VP8, or VP8L). */
+    chunks: WebpChunk[];
+}
+interface WebpInfo {
+    width: number;
+    height: number;
+    animated: boolean;
+    /** ANIM loop count (0 = forever); 1 for a still image. */
+    plays: number;
+    /** ANIM background colour as [r, g, b, a] (a hint; browsers composite on transparent). */
+    background: [number, number, number, number];
+    frames: WebpFrameInfo[];
+}
+/** Read RIFF chunks from `start` to `end` (pure). */
+declare function riffChunks(b: Uint8Array, start?: number, end?: number): WebpChunk[];
+/** Parse the container (pure; no pixels decoded). */
+declare function parseWebp(input: Uint8Array | ArrayBuffer): WebpInfo;
+/** Rebuild every frame as a standalone (still) WebP file (pure). */
+declare function webpFrameFiles(info: WebpInfo): Uint8Array[];
+/** Decode an animated (or still) WebP into composited RGBA frames. */
+declare function decodeWebp(input: Uint8Array | ArrayBuffer, o?: {
+    decode?: FrameDecoder;
+}): Promise<AnimatedImage & {
+    info: WebpInfo;
+}>;
+/** Fetch (URL) or read (ArrayBuffer / Blob / bytes) and decode a WebP. */
+declare function loadWebp(src: string | ArrayBuffer | ArrayBufferView | Blob, o?: {
+    decode?: FrameDecoder;
+}): Promise<AnimatedImage & {
+    info: WebpInfo;
+}>;
+interface FormatWebpApi {
+    parseWebp: typeof parseWebp;
+    webpFrameFiles: typeof webpFrameFiles;
+    decodeWebp: typeof decodeWebp;
+    loadWebp: typeof loadWebp;
+    animatedImagePlayer: typeof animatedImagePlayer;
+}
+/** The module object for `use(formatWebp)`. */
+declare const formatWebp: RuntimeModule<FormatWebpApi>;
+
+export { animatedImagePlayer, decodeWebp, formatWebp, loadWebp, parseWebp, riffChunks, webpFrameFiles };
+export type { AnimFrame, AnimPlayer, AnimPlayerOptions, AnimatedImage, FormatWebpApi, FrameDecoder, Rgba, WebpChunk, WebpFrameInfo, WebpInfo };

package/dist/runtime/format-webp.iife.js

@@ -0,0 +1,2 @@
+!function(t,e,a){"use strict";function n(t,e,a,n){const i=new Uint8ClampedArray(t*e*4),r=[];for(const n of a){const a="previous"===n.dispose?i.slice():null,{width:s,height:o,data:h}=n.image;for(let a=0;a<o;a++){const r=n.y+a;if(!(r<0||r>=e))for(let e=0;e<s;e++){const o=n.x+e;if(o<0||o>=t)continue;const f=4*(a*s+e),d=4*(r*t+o),c=h[f+3];if("source"===n.blend||255===c)i[d]=h[f],i[d+1]=h[f+1],i[d+2]=h[f+2],i[d+3]=c;else if(c){const t=i[d+3]/255,e=c/255,a=e+t*(1-e);for(let n=0;n<3;n++)i[d+n]=(h[f+n]*e+i[d+n]*t*(1-e))/a;i[d+3]=255*a}}}if(r.push({delay:n.delay,image:{width:t,height:e,data:i.slice()}}),"background"===n.dispose)for(let a=Math.max(0,n.y);a<Math.min(e,n.y+o);a++)for(let e=Math.max(0,n.x);e<Math.min(t,n.x+s);e++)i.set([0,0,0,0],4*(a*t+e));else a&&i.set(a)}return r}const i=async(t,e)=>{const a=globalThis;if("function"!=typeof a.createImageBitmap)throw new Error("[motionary] no image decoder here (createImageBitmap is missing) — pass { decode } to the loader");const n=await a.createImageBitmap(new Blob([t],{type:e})),i=n.width,r=n.height,s=("function"==typeof a.OffscreenCanvas?new a.OffscreenCanvas(i,r):Object.assign(document.createElement("canvas"),{width:i,height:r})).getContext("2d",{willReadFrequently:!0});s.drawImage(n,0,0),n.close?.();const o=s.getImageData(0,0,i,r);return{width:o.width,height:o.height,data:o.data}};class r extends a.Playable{constructor(t,e,a){super({repeat:a.repeat??(0===e.plays?-1:Math.max(0,e.plays-1)),yoyo:a.yoyo}),this.canvas=t,this.anim=e,this.times=[0],this.cur=-1,this.timeScale=a.speed||1;for(const t of e.frames)this.times.push(this.times[this.times.length-1]+t.delay);t.width!==e.width&&(t.width=e.width),t.height!==e.height&&(t.height=e.height),this.ctx=t.getContext("2d"),this.datas=e.frames.map(()=>null),this.show(0),a.paused||this.play()}get duration(){return this.times[this.times.length-1]}get frame(){return this.cur}get frameCount(){return this.anim.frames.length}renderLocal(t){const e=Math.min(t,this.duration-.001);let a=0,n=this.anim.frames.length-1;for(;a<n;){const t=a+n+1>>1;this.times[t]<=e?a=t:n=t-1}this.show(a)}show(t){if(t===this.cur||!this.ctx)return;this.cur=t;const e=this.anim.frames[t];if(!e)return;let a=this.datas[t];a||"function"!=typeof ImageData||(a=this.datas[t]=new ImageData(new Uint8ClampedArray(e.image.data),e.image.width,e.image.height)),a&&this.ctx.putImageData(a,0,0)}}function s(t,e,a={}){if(!e.frames.length)throw new Error("[motionary] animatedImagePlayer: the animation has no frames");return new r(t,e,a)}const o=(t,e)=>t[e]|t[e+1]<<8|t[e+2]<<16,h=(t,e)=>(t[e]|t[e+1]<<8|t[e+2]<<16|t[e+3]<<24)>>>0,f=(t,e)=>String.fromCharCode(t[e],t[e+1],t[e+2],t[e+3]);function d(t,e=12,a=t.length){const n=[];let i=e;for(;i+8<=a;){const e=h(t,i+4);n.push({type:f(t,i),data:t.subarray(i+8,i+8+e)}),i+=8+e+(1&e)}return n}function c(t){const e=(t=>t instanceof ArrayBuffer?new Uint8Array(t):new Uint8Array(t.buffer,t.byteOffset,t.byteLength))(t);if("RIFF"!==f(e,0)||"WEBP"!==f(e,8))throw new Error("[motionary] format-webp: not a WebP file");const a=d(e,12,Math.min(e.length,8+h(e,4))),n=a.find(t=>"VP8X"===t.type),i=a.find(t=>"ANIM"===t.type),r=a.filter(t=>"ANMF"===t.type);if(n&&i&&r.length){const t=o(n.data,4)+1,e=o(n.data,7)+1,a=i.data,s=r.map(t=>{const e=t.data,a=e[15];return{x:2*o(e,0),y:2*o(e,3),width:o(e,6)+1,height:o(e,9)+1,delay:(n=o(e,12),n<=10?100:n),blend:2&a?"source":"over",dispose:1&a?"background":"none",chunks:d(e,16,e.length).filter(t=>/^(ALPH|VP8 |VP8L)$/.test(t.type))};var n});return{width:t,height:e,animated:!0,plays:a[4]|a[5]<<8,background:[a[2],a[1],a[0],a[3]],frames:s}}const s=a.filter(t=>/^(ALPH|VP8 |VP8L)$/.test(t.type)),c=s.find(t=>"ALPH"!==t.type);if(!c)throw new Error("[motionary] format-webp: no image data");const[m,u]=n?[o(n.data,4)+1,o(n.data,7)+1]:function(t){const e=t.data;if("VP8L"===t.type){const t=h(e,1);return[1+(16383&t),1+(t>>14&16383)]}return[16383&(e[6]|e[7]<<8),16383&(e[8]|e[9]<<8)]}(c);return{width:m,height:u,animated:!1,plays:1,background:[0,0,0,0],frames:[{x:0,y:0,width:m,height:u,delay:100,blend:"source",dispose:"none",chunks:s}]}}function m(t){const e=t.reduce((t,e)=>t+8+e.data.length+(1&e.data.length),4),a=new Uint8Array(8+e),n=new DataView(a.buffer),i=(t,e)=>{for(let n=0;n<4;n++)a[e+n]=t.charCodeAt(n)};i("RIFF",0),n.setUint32(4,e,!0),i("WEBP",8);let r=12;for(const e of t)i(e.type,r),n.setUint32(r+4,e.data.length,!0),a.set(e.data,r+8),r+=8+e.data.length+(1&e.data.length);return a}function u(t){return t.frames.map(t=>{if(!t.chunks.some(t=>"ALPH"===t.type))return m(t.chunks.filter(t=>"ALPH"!==t.type));const e=new Uint8Array(10);e[0]=16;const a=t.width-1,n=t.height-1;return e.set([255&a,a>>8&255,a>>16&255,255&n,n>>8&255,n>>16&255],4),m([{type:"VP8X",data:e},...t.chunks])})}async function l(t,e={}){const a=c(t),r=e.decode||i,s=await Promise.all(u(a).map(t=>r(t,"image/webp"))),o=a.frames.map((t,e)=>({x:t.x,y:t.y,image:s[e],delay:t.delay,blend:t.blend,dispose:t.dispose}));return{format:"webp",width:a.width,height:a.height,plays:a.plays,frames:n(a.width,a.height,o),info:a}}async function y(t,e={}){return l(await async function(t){if("string"==typeof t){const e=await fetch(t);if(!e.ok)throw new Error(`[motionary] could not load ${t} (${e.status})`);return new Uint8Array(await e.arrayBuffer())}return t instanceof ArrayBuffer?new Uint8Array(t):ArrayBuffer.isView(t)?new Uint8Array(t.buffer,t.byteOffset,t.byteLength):new Uint8Array(await t.arrayBuffer())}(t),e)}const g={id:"format-webp",version:e.RUNTIME_VERSION,requires:["core"],api:{parseWebp:c,webpFrameFiles:u,decodeWebp:l,loadWebp:y,animatedImagePlayer:s}};e.register(g),t.animatedImagePlayer=s,t.decodeWebp=l,t.formatWebp=g,t.loadWebp=y,t.parseWebp=c,t.riffChunks=d,t.webpFrameFiles=u}(this.MotionaryRuntime=this.MotionaryRuntime||{},MotionaryRuntime,MotionaryRuntime);
+//# sourceMappingURL=format-webp.iife.js.map

package/dist/runtime/format-webp.iife.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-webp.iife.js","sources":["../../src/runtime/anim-image.ts","../../src/runtime/format-webp.ts","../../src/runtime/iife/format-webp.ts"],"sourcesContent":["/**\n * Shared internals of the animated-image loaders (`format-gif`, `format-apng`,\n * `format-webp`, 10.4): the decoded-animation shape, frame compositing in\n * plain RGBA arrays (no DOM — works in workers and on the server), the\n * browser image decoder used for APNG / WebP frames, and the canvas player\n * (a runtime `Playable`, so it can be paused, reversed, scrubbed and driven\n * by a scroll scene). Bundled into each loader; not a public module.\n */\nimport { Playable } from './tween';\n\n/** An RGBA bitmap (the shape of `ImageData`, without needing the DOM). */\nexport interface Rgba {\n  width: number;\n  height: number;\n  data: Uint8ClampedArray;\n}\n\n/** One frame of an animation, already composited to the full canvas size. */\nexport interface AnimFrame {\n  /** Display time, ms. */\n  delay: number;\n  image: Rgba;\n}\n\nexport interface AnimatedImage {\n  format: 'gif' | 'apng' | 'webp';\n  width: number;\n  height: number;\n  /** Number of plays: 0 = forever, 1 = once, … */\n  plays: number;\n  frames: AnimFrame[];\n}\n\n/** A frame region before compositing (APNG fcTL / WebP ANMF / GIF descriptor). */\nexport interface FramePart {\n  x: number;\n  y: number;\n  image: Rgba;\n  delay: number;\n  /** 'over' alpha-blends onto the canvas, 'source' replaces the region. */\n  blend: 'over' | 'source';\n  /** What happens to the region after the frame is shown. */\n  dispose: 'none' | 'background' | 'previous';\n}\n\n/** Browsers clamp tiny delays (0–10 ms) to 100 ms; we do the same. */\nexport const fixDelay = (ms: number): number => (ms <= 10 ? 100 : ms);\n\n/** Composite frame parts onto a `width × height` canvas (pure; RGBA in, RGBA out). */\nexport function composeFrames(width: number, height: number, parts: FramePart[], background?: [number, number, number, number]): AnimFrame[] {\n  const canvas = new Uint8ClampedArray(width * height * 4);\n  const out: AnimFrame[] = [];\n  for (const p of parts) {\n    const before = p.dispose === 'previous' ? canvas.slice() : null;\n    const { width: w, height: h, data } = p.image;\n    for (let y = 0; y < h; y++) {\n      const cy = p.y + y;\n      if (cy < 0 || cy >= height) continue;\n      for (let x = 0; x < w; x++) {\n        const cx = p.x + x;\n        if (cx < 0 || cx >= width) continue;\n        const s = (y * w + x) * 4, d = (cy * width + cx) * 4;\n        const a = data[s + 3];\n        if (p.blend === 'source' || a === 255) {\n          canvas[d] = data[s]; canvas[d + 1] = data[s + 1]; canvas[d + 2] = data[s + 2]; canvas[d + 3] = a;\n        } else if (a) {\n          // straight-alpha \"over\"\n          const da = canvas[d + 3] / 255, sa = a / 255, oa = sa + da * (1 - sa);\n          for (let c = 0; c < 3; c++) canvas[d + c] = (data[s + c] * sa + canvas[d + c] * da * (1 - sa)) / oa;\n          canvas[d + 3] = oa * 255;\n        }\n      }\n    }\n    out.push({ delay: p.delay, image: { width, height, data: canvas.slice() } });\n    if (p.dispose === 'background') {\n      for (let y = Math.max(0, p.y); y < Math.min(height, p.y + h); y++)\n        for (let x = Math.max(0, p.x); x < Math.min(width, p.x + w); x++) canvas.set(background || [0, 0, 0, 0], (y * width + x) * 4);\n    } else if (before) canvas.set(before);\n  }\n  return out;\n}\n\n/** Image decoder for one frame file (PNG / WebP bytes) → RGBA. Replaceable (workers, tests, servers). */\nexport type FrameDecoder = (bytes: Uint8Array, mime: string) => Promise<Rgba>;\n\n/** Default decoder: the browser's own (`createImageBitmap` + a 2D canvas; OffscreenCanvas in workers). */\nexport const browserDecode: FrameDecoder = async (bytes, mime) => {\n  const g = globalThis as any;\n  if (typeof g.createImageBitmap !== 'function') throw new Error('[motionary] no image decoder here (createImageBitmap is missing) — pass { decode } to the loader');\n  const bmp = await g.createImageBitmap(new Blob([bytes as BlobPart], { type: mime }));\n  const w = bmp.width, h = bmp.height; // read before close(): a closed ImageBitmap reports 0 × 0\n  const c = typeof g.OffscreenCanvas === 'function' ? new g.OffscreenCanvas(w, h) : Object.assign(document.createElement('canvas'), { width: w, height: h });\n  const ctx = c.getContext('2d', { willReadFrequently: true });\n  ctx.drawImage(bmp, 0, 0);\n  bmp.close?.();\n  const id = ctx.getImageData(0, 0, w, h);\n  return { width: id.width, height: id.height, data: id.data };\n};\n\n/** Read a `src` (URL, ArrayBuffer, typed array or Blob) into bytes. */\nexport async function bytesOf(src: string | ArrayBuffer | ArrayBufferView | Blob): Promise<Uint8Array> {\n  if (typeof src === 'string') {\n    const r = await fetch(src);\n    if (!r.ok) throw new Error(`[motionary] could not load ${src} (${r.status})`);\n    return new Uint8Array(await r.arrayBuffer());\n  }\n  if (src instanceof ArrayBuffer) return new Uint8Array(src);\n  if (ArrayBuffer.isView(src)) return new Uint8Array(src.buffer, src.byteOffset, src.byteLength);\n  return new Uint8Array(await (src as Blob).arrayBuffer());\n}\n\nexport interface AnimPlayerOptions {\n  /** Extra repeats; default from the file (`plays`: 0 → forever). */\n  repeat?: number;\n  yoyo?: boolean;\n  paused?: boolean;\n  /** Playback speed (default 1). */\n  speed?: number;\n}\n\nexport type AnimPlayer = Playable & { readonly frame: number; readonly frameCount: number };\n\nclass AnimImagePlayer extends Playable {\n  private times: number[] = [0];\n  private cur = -1;\n  private ctx: CanvasRenderingContext2D | null;\n  private datas: (ImageData | null)[];\n  constructor(private canvas: HTMLCanvasElement | OffscreenCanvas, private anim: AnimatedImage, o: AnimPlayerOptions) {\n    super({ repeat: o.repeat ?? (anim.plays === 0 ? -1 : Math.max(0, anim.plays - 1)), yoyo: o.yoyo });\n    this.timeScale = o.speed || 1;\n    for (const f of anim.frames) this.times.push(this.times[this.times.length - 1] + f.delay);\n    if (canvas.width !== anim.width) canvas.width = anim.width;\n    if (canvas.height !== anim.height) canvas.height = anim.height;\n    this.ctx = canvas.getContext('2d') as CanvasRenderingContext2D | null;\n    this.datas = anim.frames.map(() => null);\n    this.show(0);\n    if (!o.paused) this.play();\n  }\n  get duration(): number {\n    return this.times[this.times.length - 1];\n  }\n  get frame(): number {\n    return this.cur;\n  }\n  get frameCount(): number {\n    return this.anim.frames.length;\n  }\n  protected renderLocal(ms: number): void {\n    const t = Math.min(ms, this.duration - 0.001);\n    let lo = 0, hi = this.anim.frames.length - 1;\n    while (lo < hi) {\n      const mid = (lo + hi + 1) >> 1;\n      if (this.times[mid] <= t) lo = mid;\n      else hi = mid - 1;\n    }\n    this.show(lo);\n  }\n  private show(i: number): void {\n    if (i === this.cur || !this.ctx) return;\n    this.cur = i;\n    const f = this.anim.frames[i];\n    if (!f) return;\n    let d = this.datas[i];\n    if (!d && typeof ImageData === 'function') d = this.datas[i] = new ImageData(new Uint8ClampedArray(f.image.data), f.image.width, f.image.height);\n    if (d) this.ctx.putImageData(d, 0, 0);\n  }\n}\n\n/** Play a decoded animation on a canvas as a runtime timeline (seek / reverse / `progress` scrub). */\nexport function animatedImagePlayer(canvas: HTMLCanvasElement | OffscreenCanvas, anim: AnimatedImage, o: AnimPlayerOptions = {}): AnimPlayer {\n  if (!anim.frames.length) throw new Error('[motionary] animatedImagePlayer: the animation has no frames');\n  return new AnimImagePlayer(canvas, anim, o);\n}\n\n/** A plain Uint8Array view (Node Buffers' `slice()` shares memory — normalise them away). */\nexport const u8 = (x: Uint8Array | ArrayBuffer): Uint8Array => (x instanceof ArrayBuffer ? new Uint8Array(x) : new Uint8Array(x.buffer, x.byteOffset, x.byteLength));\n\n/** CRC-32 (PNG chunks). */\nlet CRC: Uint32Array | null = null;\nexport function crc32(bytes: Uint8Array, start = 0, end = bytes.length): number {\n  if (!CRC) {\n    CRC = new Uint32Array(256);\n    for (let n = 0; n < 256; n++) {\n      let c = n;\n      for (let k = 0; k < 8; k++) c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1;\n      CRC[n] = c >>> 0;\n    }\n  }\n  let c = 0xffffffff;\n  for (let i = start; i < end; i++) c = CRC[(c ^ bytes[i]) & 0xff] ^ (c >>> 8);\n  return (c ^ 0xffffffff) >>> 0;\n}\n","/**\n * `motionary/runtime/format-webp` (10.4) — animated WebP loader written for\n * Motionary: reads the RIFF container (`VP8X`, `ANIM`, `ANMF`), rebuilds each\n * frame (lossy `VP8 ` with optional `ALPH`, or lossless `VP8L`) as a\n * standalone WebP file that the browser's own decoder decodes, then\n * composites the frames (blending on / off, dispose to background) into\n * full-size RGBA. A still WebP loads as a one-frame animation.\n *\n * `parseWebp()` and `webpFrameFiles()` are pure (no DOM); `decodeWebp()` uses\n * the browser decoder by default (also in workers) or your own `{ decode }`.\n * Browsers without WebP support cannot decode the frames — fall back to `<img>`.\n */\nimport { RUNTIME_VERSION, type RuntimeModule } from './registry';\nimport { composeFrames, fixDelay, bytesOf, browserDecode, animatedImagePlayer, u8, type AnimatedImage, type FramePart, type FrameDecoder } from './anim-image';\n\nexport type { AnimatedImage, AnimFrame, Rgba, AnimPlayer, AnimPlayerOptions, FrameDecoder } from './anim-image';\nexport { animatedImagePlayer } from './anim-image';\n\nexport interface WebpChunk {\n  type: string;\n  data: Uint8Array;\n}\n\nexport interface WebpFrameInfo {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  delay: number;\n  blend: FramePart['blend'];\n  dispose: FramePart['dispose'];\n  /** The frame's image chunks (ALPH? + VP8, or VP8L). */\n  chunks: WebpChunk[];\n}\n\nexport interface WebpInfo {\n  width: number;\n  height: number;\n  animated: boolean;\n  /** ANIM loop count (0 = forever); 1 for a still image. */\n  plays: number;\n  /** ANIM background colour as [r, g, b, a] (a hint; browsers composite on transparent). */\n  background: [number, number, number, number];\n  frames: WebpFrameInfo[];\n}\n\nconst u24 = (b: Uint8Array, i: number) => b[i] | (b[i + 1] << 8) | (b[i + 2] << 16);\nconst u32le = (b: Uint8Array, i: number) => (b[i] | (b[i + 1] << 8) | (b[i + 2] << 16) | (b[i + 3] << 24)) >>> 0;\nconst tag = (b: Uint8Array, i: number) => String.fromCharCode(b[i], b[i + 1], b[i + 2], b[i + 3]);\n\n/** Read RIFF chunks from `start` to `end` (pure). */\nexport function riffChunks(b: Uint8Array, start = 12, end = b.length): WebpChunk[] {\n  const out: WebpChunk[] = [];\n  let p = start;\n  while (p + 8 <= end) {\n    const n = u32le(b, p + 4);\n    out.push({ type: tag(b, p), data: b.subarray(p + 8, p + 8 + n) });\n    p += 8 + n + (n & 1);\n  }\n  return out;\n}\n\n/** Size of a still VP8 / VP8L bitstream. */\nfunction bitstreamSize(c: WebpChunk): [number, number] {\n  const d = c.data;\n  if (c.type === 'VP8L') {\n    const bits = u32le(d, 1);\n    return [(bits & 0x3fff) + 1, ((bits >> 14) & 0x3fff) + 1];\n  }\n  return [(d[6] | (d[7] << 8)) & 0x3fff, (d[8] | (d[9] << 8)) & 0x3fff];\n}\n\n/** Parse the container (pure; no pixels decoded). */\nexport function parseWebp(input: Uint8Array | ArrayBuffer): WebpInfo {\n  const b = u8(input);\n  if (tag(b, 0) !== 'RIFF' || tag(b, 8) !== 'WEBP') throw new Error('[motionary] format-webp: not a WebP file');\n  const chunks = riffChunks(b, 12, Math.min(b.length, 8 + u32le(b, 4)));\n  const x = chunks.find((c) => c.type === 'VP8X');\n  const anim = chunks.find((c) => c.type === 'ANIM');\n  const anmf = chunks.filter((c) => c.type === 'ANMF');\n  if (x && anim && anmf.length) {\n    const width = u24(x.data, 4) + 1, height = u24(x.data, 7) + 1;\n    const bg = anim.data;\n    const frames = anmf.map((f): WebpFrameInfo => {\n      const d = f.data, flags = d[15];\n      return { x: u24(d, 0) * 2, y: u24(d, 3) * 2, width: u24(d, 6) + 1, height: u24(d, 9) + 1, delay: fixDelay(u24(d, 12)), blend: flags & 2 ? 'source' : 'over', dispose: flags & 1 ? 'background' : 'none', chunks: riffChunks(d, 16, d.length).filter((c) => /^(ALPH|VP8 |VP8L)$/.test(c.type)) };\n    });\n    // ANIM background is stored B, G, R, A\n    return { width, height, animated: true, plays: bg[4] | (bg[5] << 8), background: [bg[2], bg[1], bg[0], bg[3]], frames };\n  }\n  const img = chunks.filter((c) => /^(ALPH|VP8 |VP8L)$/.test(c.type));\n  const main = img.find((c) => c.type !== 'ALPH');\n  if (!main) throw new Error('[motionary] format-webp: no image data');\n  const [w, h] = x ? [u24(x.data, 4) + 1, u24(x.data, 7) + 1] : bitstreamSize(main);\n  return { width: w, height: h, animated: false, plays: 1, background: [0, 0, 0, 0], frames: [{ x: 0, y: 0, width: w, height: h, delay: 100, blend: 'source', dispose: 'none', chunks: img }] };\n}\n\nfunction riff(chunks: WebpChunk[]): Uint8Array {\n  const size = chunks.reduce((n, c) => n + 8 + c.data.length + (c.data.length & 1), 4);\n  const out = new Uint8Array(8 + size);\n  const v = new DataView(out.buffer);\n  const put = (s: string, i: number) => { for (let k = 0; k < 4; k++) out[i + k] = s.charCodeAt(k); };\n  put('RIFF', 0);\n  v.setUint32(4, size, true);\n  put('WEBP', 8);\n  let p = 12;\n  for (const c of chunks) {\n    put(c.type, p);\n    v.setUint32(p + 4, c.data.length, true);\n    out.set(c.data, p + 8);\n    p += 8 + c.data.length + (c.data.length & 1);\n  }\n  return out;\n}\n\n/** Rebuild every frame as a standalone (still) WebP file (pure). */\nexport function webpFrameFiles(info: WebpInfo): Uint8Array[] {\n  return info.frames.map((f) => {\n    if (!f.chunks.some((c) => c.type === 'ALPH')) return riff(f.chunks.filter((c) => c.type !== 'ALPH'));\n    // lossy + alpha needs an extended header (VP8X with the alpha flag)\n    const vp8x = new Uint8Array(10);\n    vp8x[0] = 0x10;\n    const w = f.width - 1, h = f.height - 1;\n    vp8x.set([w & 255, (w >> 8) & 255, (w >> 16) & 255, h & 255, (h >> 8) & 255, (h >> 16) & 255], 4);\n    return riff([{ type: 'VP8X', data: vp8x }, ...f.chunks]);\n  });\n}\n\n/** Decode an animated (or still) WebP into composited RGBA frames. */\nexport async function decodeWebp(input: Uint8Array | ArrayBuffer, o: { decode?: FrameDecoder } = {}): Promise<AnimatedImage & { info: WebpInfo }> {\n  const info = parseWebp(input);\n  const decode = o.decode || browserDecode;\n  const images = await Promise.all(webpFrameFiles(info).map((f) => decode(f, 'image/webp')));\n  const parts: FramePart[] = info.frames.map((f, i) => ({ x: f.x, y: f.y, image: images[i], delay: f.delay, blend: f.blend, dispose: f.dispose }));\n  return { format: 'webp', width: info.width, height: info.height, plays: info.plays, frames: composeFrames(info.width, info.height, parts), info };\n}\n\n/** Fetch (URL) or read (ArrayBuffer / Blob / bytes) and decode a WebP. */\nexport async function loadWebp(src: string | ArrayBuffer | ArrayBufferView | Blob, o: { decode?: FrameDecoder } = {}): Promise<AnimatedImage & { info: WebpInfo }> {\n  return decodeWebp(await bytesOf(src), o);\n}\n\nexport interface FormatWebpApi {\n  parseWebp: typeof parseWebp;\n  webpFrameFiles: typeof webpFrameFiles;\n  decodeWebp: typeof decodeWebp;\n  loadWebp: typeof loadWebp;\n  animatedImagePlayer: typeof animatedImagePlayer;\n}\n\n/** The module object for `use(formatWebp)`. */\nexport const formatWebp: RuntimeModule<FormatWebpApi> = { id: 'format-webp', version: RUNTIME_VERSION, requires: ['core'], api: { parseWebp, webpFrameFiles, decodeWebp, loadWebp, animatedImagePlayer } };\n","// CDN build: load runtime.iife.js first, then this file → registers motionary/runtime/format-webp and adds its API to window.MotionaryRuntime.\nimport { register } from '../registry';\nimport { formatWebp } from '../format-webp';\nexport * from '../format-webp';\nregister(formatWebp);\n"],"names":["composeFrames","width","height","parts","background","canvas","Uint8ClampedArray","out","p","before","dispose","slice","w","h","data","image","y","cy","x","cx","s","d","a","blend","da","sa","oa","c","push","delay","Math","max","min","set","browserDecode","async","bytes","mime","g","globalThis","createImageBitmap","Error","bmp","Blob","type","ctx","OffscreenCanvas","Object","assign","document","createElement","getContext","willReadFrequently","drawImage","close","id","getImageData","AnimImagePlayer","Playable","constructor","anim","o","super","repeat","plays","yoyo","this","times","cur","timeScale","speed","f","frames","length","datas","map","show","paused","play","duration","frame","frameCount","renderLocal","ms","t","lo","hi","mid","i","ImageData","putImageData","animatedImagePlayer","u24","b","u32le","tag","String","fromCharCode","riffChunks","start","end","n","subarray","parseWebp","input","ArrayBuffer","Uint8Array","buffer","byteOffset","byteLength","u8","chunks","find","anmf","filter","bg","flags","test","animated","img","main","bits","bitstreamSize","riff","size","reduce","v","DataView","put","k","charCodeAt","setUint32","webpFrameFiles","info","some","vp8x","decodeWebp","decode","images","Promise","all","format","loadWebp","src","r","fetch","ok","status","arrayBuffer","isView","bytesOf","formatWebp","version","RUNTIME_VERSION","requires","api","register"],"mappings":"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"}