@smoove/transitions 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 shemi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,55 @@
+# @smoove/transitions
+
+Scene transitions for [smoove](https://smoove.dev) — blend one scene into
+the next with cross-fades, slides, wipes, and WebGL shader effects.
+
+A transition overlaps the end of one scene with the start of the next while
+a **presentation** mixes them. You build them with `TransitionSeries`, which
+plays scenes in order and overlaps each pair where they meet; `comp.add(series)`
+expands the whole thing into one `Sequence` per scene.
+
+## Install
+
+```sh
+pnpm add konva @smoove/core @smoove/transitions
+```
+
+`konva` and `@smoove/core` are peer dependencies.
+
+## Quick example
+
+```ts
+import { Composition } from "@smoove/core";
+import { fade, linearTiming, TransitionSeries } from "@smoove/transitions";
+
+const comp = new Composition({ id: "intro", fps: 60, durationInFrames: 200, width: 1280, height: 720 });
+
+const series = new TransitionSeries({ composition: comp });
+series.scene({ durationInFrames: 80 }, (seq) => seq.add(sceneA));
+series.transition({ presentation: fade(), timing: linearTiming({ durationInFrames: 20 }) });
+series.scene({ durationInFrames: 80 }, (seq) => seq.add(sceneB));
+
+comp.add(series);
+```
+
+## Presentations
+
+**Geometric** — run on Konva transforms, work everywhere the player does and
+render headlessly with no extra setup: `fade`, `slide`, `wipe`, `clockWipe`,
+`iris`, `flip`, `none`.
+
+**Shader** — run on WebGL2 fragment shaders in the browser and fall back to
+`fade()` without it: `dissolve`, `crosswarp`, `crossZoom`, and more. To
+render them headlessly, import `@smoove/renderer/gl` before building the
+composition.
+
+Two timings drive any presentation: `linearTiming` and `springTiming`.
+
+## Docs
+
+Full documentation, including the complete presentation catalog, lives at
+[smoove.dev](https://smoove.dev).
+
+## License
+
+MIT

package/dist/gl/compositor.d.ts

@@ -0,0 +1,67 @@
+import type { GlUniforms } from "../types.js";
+import { type GlContext } from "./shared.js";
+type CanvasImage = HTMLCanvasElement | OffscreenCanvas;
+/**
+ * A rendering backend for the compositor. The DOM and Node (skia + headless-gl)
+ * environments share all the WebGL plumbing but differ in three places: which
+ * GLSL dialect the program is compiled in, how a captured scene canvas is
+ * uploaded into a texture, and how the drawn frame is handed back to Konva.
+ */
+export interface GlPlatform {
+    /** The (WebGL1 or WebGL2) context the compositor draws into. */
+    readonly gl: GlContext;
+    /** Vertex shader matching this platform's GLSL dialect. */
+    readonly vertexShader: string;
+    /** Adapt a `#version 300 es` fragment to this platform's dialect (identity on WebGL2). */
+    prepareFragment(fragment: string): string;
+    /** Resize the backing draw buffer before a frame. */
+    resize(width: number, height: number): void;
+    /**
+     * Upload `source` into the currently bound `TEXTURE_2D` (the compositor has
+     * already selected the texture unit and bound the texture).
+     */
+    uploadScene(source: CanvasImage, width: number, height: number): void;
+    /**
+     * After `drawArrays`, return an image Konva can draw (reused across calls —
+     * copy/draw it immediately).
+     */
+    result(width: number, height: number): CanvasImageSource;
+}
+/**
+ * One shared WebGL surface that runs any Tier B fragment shader over two
+ * captured scene canvases. `u_prev` is bound to the **incoming** scene and
+ * `u_next` to the **outgoing** scene (Remotion's inverted binding); `u_time` is
+ * the transition progress. Pure in `(progress, textures)` → reproducible.
+ *
+ * The actual GL surface is supplied by a {@link GlPlatform}: a DOM/WebGL2
+ * backend in the browser, or a headless-gl/skia backend during server
+ * rendering (see `@smoove/renderer/gl`).
+ */
+export declare class GlCompositor {
+    private readonly platform;
+    private readonly gl;
+    private readonly prevTex;
+    private readonly nextTex;
+    private readonly programs;
+    private constructor();
+    /** Wrap a custom backend (e.g. the Node headless-gl platform). */
+    static fromPlatform(platform: GlPlatform): GlCompositor;
+    /** Create a DOM/WebGL2 compositor, or `null` when no WebGL2 context is available. */
+    static create(): GlCompositor | null;
+    private getEntry;
+    /**
+     * Render the blended frame and return an image to draw (reused across calls —
+     * copy/draw it immediately).
+     */
+    render(fragment: string, incoming: CanvasImage, outgoing: CanvasImage, progress: number, uniforms: GlUniforms, width: number, height: number): CanvasImageSource;
+}
+/**
+ * Override how the shared compositor is created — used by server renderers to
+ * inject a headless GL backend. Clears any memoized compositor so the next
+ * {@link getCompositor} call rebuilds. Call before building a `TransitionSeries`.
+ */
+export declare function setCompositorFactory(create: (() => GlCompositor | null) | null): void;
+/** Lazily create (and memoize) the shared compositor; `null` if unavailable. */
+export declare function getCompositor(): GlCompositor | null;
+export {};
+//# sourceMappingURL=compositor.d.ts.map

package/dist/gl/compositor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compositor.d.ts","sourceRoot":"","sources":["../../src/gl/compositor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAgC,KAAK,SAAS,EAAiB,MAAM,aAAa,CAAC;AAE1F,KAAK,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AAUvD;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC;IACvB,2DAA2D;IAC3D,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,0FAA0F;IAC1F,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1C,qDAAqD;IACrD,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5C;;;OAGG;IACH,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtE;;;OAGG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,iBAAiB,CAAC;CAC1D;AAED;;;;;;;;;GASG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAa;IACtC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAY;IAC/B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IACvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IACvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmC;IAE5D,OAAO;IAYP,kEAAkE;IAClE,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,GAAG,YAAY;IAIvD,qFAAqF;IACrF,MAAM,CAAC,MAAM,IAAI,YAAY,GAAG,IAAI;IA2BpC,OAAO,CAAC,QAAQ;IAyBhB;;;OAGG;IACH,MAAM,CACJ,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,iBAAiB;CAmDrB;AAKD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAGrF;AAED,gFAAgF;AAChF,wBAAgB,aAAa,IAAI,YAAY,GAAG,IAAI,CAGnD"}

package/dist/gl/compositor.js

@@ -0,0 +1,147 @@
+import { createProgram, createTexture, VERTEX_SHADER } from "./shared.js";
+/**
+ * One shared WebGL surface that runs any Tier B fragment shader over two
+ * captured scene canvases. `u_prev` is bound to the **incoming** scene and
+ * `u_next` to the **outgoing** scene (Remotion's inverted binding); `u_time` is
+ * the transition progress. Pure in `(progress, textures)` → reproducible.
+ *
+ * The actual GL surface is supplied by a {@link GlPlatform}: a DOM/WebGL2
+ * backend in the browser, or a headless-gl/skia backend during server
+ * rendering (see `@smoove/renderer/gl`).
+ */
+export class GlCompositor {
+    platform;
+    gl;
+    prevTex;
+    nextTex;
+    programs = new Map();
+    constructor(platform) {
+        this.platform = platform;
+        this.gl = platform.gl;
+        const gl = this.gl;
+        const buffer = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]), gl.STATIC_DRAW);
+        this.prevTex = createTexture(gl);
+        this.nextTex = createTexture(gl);
+    }
+    /** Wrap a custom backend (e.g. the Node headless-gl platform). */
+    static fromPlatform(platform) {
+        return new GlCompositor(platform);
+    }
+    /** Create a DOM/WebGL2 compositor, or `null` when no WebGL2 context is available. */
+    static create() {
+        if (typeof document === "undefined")
+            return null;
+        let canvas;
+        try {
+            canvas = document.createElement("canvas");
+        }
+        catch {
+            return null;
+        }
+        const gl = canvas.getContext("webgl2", { premultipliedAlpha: true });
+        if (!gl)
+            return null;
+        return new GlCompositor({
+            gl,
+            vertexShader: VERTEX_SHADER,
+            prepareFragment: (fragment) => fragment,
+            resize(width, height) {
+                if (canvas.width !== width)
+                    canvas.width = width;
+                if (canvas.height !== height)
+                    canvas.height = height;
+            },
+            uploadScene(source) {
+                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
+            },
+            result() {
+                return canvas;
+            },
+        });
+    }
+    getEntry(fragment, extraNames) {
+        let entry = this.programs.get(fragment);
+        if (!entry) {
+            const program = createProgram(this.gl, this.platform.prepareFragment(fragment), this.platform.vertexShader);
+            entry = {
+                program,
+                uTime: this.gl.getUniformLocation(program, "u_time"),
+                uPrev: this.gl.getUniformLocation(program, "u_prev"),
+                uNext: this.gl.getUniformLocation(program, "u_next"),
+                extra: new Map(),
+            };
+            this.programs.set(fragment, entry);
+        }
+        for (const name of extraNames) {
+            if (!entry.extra.has(name)) {
+                entry.extra.set(name, this.gl.getUniformLocation(entry.program, name));
+            }
+        }
+        return entry;
+    }
+    /**
+     * Render the blended frame and return an image to draw (reused across calls —
+     * copy/draw it immediately).
+     */
+    render(fragment, incoming, outgoing, progress, uniforms, width, height) {
+        const gl = this.gl;
+        this.platform.resize(width, height);
+        const extraNames = Object.keys(uniforms);
+        const entry = this.getEntry(fragment, extraNames);
+        gl.viewport(0, 0, width, height);
+        gl.clearColor(0, 0, 0, 0);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.useProgram(entry.program);
+        const aPos = gl.getAttribLocation(entry.program, "a_pos");
+        gl.enableVertexAttribArray(aPos);
+        gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 0, 0);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, this.prevTex);
+        this.platform.uploadScene(incoming, width, height);
+        gl.uniform1i(entry.uPrev, 0);
+        gl.activeTexture(gl.TEXTURE1);
+        gl.bindTexture(gl.TEXTURE_2D, this.nextTex);
+        this.platform.uploadScene(outgoing, width, height);
+        gl.uniform1i(entry.uNext, 1);
+        gl.uniform1f(entry.uTime, progress);
+        for (const [name, value] of Object.entries(uniforms)) {
+            const loc = entry.extra.get(name) ?? null;
+            if (loc === null)
+                continue;
+            if (typeof value === "number") {
+                gl.uniform1f(loc, value);
+            }
+            else if (value.length === 2) {
+                gl.uniform2f(loc, value[0], value[1]);
+            }
+            else if (value.length === 3) {
+                gl.uniform3f(loc, value[0], value[1], value[2]);
+            }
+            else if (value.length === 4) {
+                gl.uniform4f(loc, value[0], value[1], value[2], value[3]);
+            }
+        }
+        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+        return this.platform.result(width, height);
+    }
+}
+let cached;
+let factory = null;
+/**
+ * Override how the shared compositor is created — used by server renderers to
+ * inject a headless GL backend. Clears any memoized compositor so the next
+ * {@link getCompositor} call rebuilds. Call before building a `TransitionSeries`.
+ */
+export function setCompositorFactory(create) {
+    factory = create;
+    cached = undefined;
+}
+/** Lazily create (and memoize) the shared compositor; `null` if unavailable. */
+export function getCompositor() {
+    if (cached === undefined)
+        cached = factory ? factory() : GlCompositor.create();
+    return cached;
+}
+//# sourceMappingURL=compositor.js.map

package/dist/gl/compositor.js.map

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

package/dist/gl/gl-transition.d.ts

@@ -0,0 +1,8 @@
+import type { GlUniforms, Presentation, PresentationDims } from "../types.js";
+/**
+ * Wrap a fragment shader (+ optional per-effect uniforms) into a Tier B
+ * `Presentation`. The shared GL compositor supplies `u_time`/`u_prev`/`u_next`;
+ * `uniforms` returns everything else this shader needs for the frame.
+ */
+export declare function glTransition(fragment: string, uniforms?: (progress: number, dims: PresentationDims) => GlUniforms): Presentation;
+//# sourceMappingURL=gl-transition.d.ts.map

package/dist/gl/gl-transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gl-transition.d.ts","sourceRoot":"","sources":["../../src/gl/gl-transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE9E;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,KAAK,UAAU,GAClE,YAAY,CAEd"}

package/dist/gl/gl-transition.js

@@ -0,0 +1,9 @@
+/**
+ * Wrap a fragment shader (+ optional per-effect uniforms) into a Tier B
+ * `Presentation`. The shared GL compositor supplies `u_time`/`u_prev`/`u_next`;
+ * `uniforms` returns everything else this shader needs for the frame.
+ */
+export function glTransition(fragment, uniforms) {
+    return { gl: { fragment, uniforms } };
+}
+//# sourceMappingURL=gl-transition.js.map

package/dist/gl/gl-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gl-transition.js","sourceRoot":"","sources":["../../src/gl/gl-transition.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,QAAgB,EAChB,QAAmE;IAEnE,OAAO,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC;AACxC,CAAC"}

package/dist/gl/shared.d.ts

@@ -0,0 +1,10 @@
+/** A WebGL1 or WebGL2 context — the compositor only uses the shared subset. */
+export type GlContext = WebGLRenderingContext | WebGL2RenderingContext;
+/** Full-screen quad. `v_uv` is Y-flipped so screen-top samples texture-top. */
+export declare const VERTEX_SHADER = "#version 300 es\nin vec2 a_pos;\nout vec2 v_uv;\nvoid main() {\n\tv_uv = vec2(a_pos.x * 0.5 + 0.5, 0.5 - a_pos.y * 0.5);\n\tgl_Position = vec4(a_pos, 0.0, 1.0);\n}";
+/** GLSL ES 1.00 twin of {@link VERTEX_SHADER} for WebGL1 contexts. */
+export declare const VERTEX_SHADER_100 = "attribute vec2 a_pos;\nvarying vec2 v_uv;\nvoid main() {\n\tv_uv = vec2(a_pos.x * 0.5 + 0.5, 0.5 - a_pos.y * 0.5);\n\tgl_Position = vec4(a_pos, 0.0, 1.0);\n}";
+export declare function compileShader(gl: GlContext, source: string, type: number): WebGLShader;
+export declare function createProgram(gl: GlContext, fragment: string, vertex?: string): WebGLProgram;
+export declare function createTexture(gl: GlContext): WebGLTexture;
+//# sourceMappingURL=shared.d.ts.map

package/dist/gl/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/gl/shared.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;AAEvE,+EAA+E;AAC/E,eAAO,MAAM,aAAa,wKAMxB,CAAC;AAEH,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,kKAK5B,CAAC;AAEH,wBAAgB,aAAa,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,WAAW,CAWtF;AAED,wBAAgB,aAAa,CAC3B,EAAE,EAAE,SAAS,EACb,QAAQ,EAAE,MAAM,EAChB,MAAM,GAAE,MAAsB,GAC7B,YAAY,CAcd;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,SAAS,GAAG,YAAY,CASzD"}

package/dist/gl/shared.js

@@ -0,0 +1,56 @@
+/** Full-screen quad. `v_uv` is Y-flipped so screen-top samples texture-top. */
+export const VERTEX_SHADER = `#version 300 es
+in vec2 a_pos;
+out vec2 v_uv;
+void main() {
+	v_uv = vec2(a_pos.x * 0.5 + 0.5, 0.5 - a_pos.y * 0.5);
+	gl_Position = vec4(a_pos, 0.0, 1.0);
+}`;
+/** GLSL ES 1.00 twin of {@link VERTEX_SHADER} for WebGL1 contexts. */
+export const VERTEX_SHADER_100 = `attribute vec2 a_pos;
+varying vec2 v_uv;
+void main() {
+	v_uv = vec2(a_pos.x * 0.5 + 0.5, 0.5 - a_pos.y * 0.5);
+	gl_Position = vec4(a_pos, 0.0, 1.0);
+}`;
+export function compileShader(gl, source, type) {
+    const shader = gl.createShader(type);
+    if (!shader)
+        throw new Error("transitions: failed to create shader");
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+        const log = gl.getShaderInfoLog(shader);
+        gl.deleteShader(shader);
+        throw new Error(`transitions: failed to compile shader: ${log}`);
+    }
+    return shader;
+}
+export function createProgram(gl, fragment, vertex = VERTEX_SHADER) {
+    const program = gl.createProgram();
+    if (!program)
+        throw new Error("transitions: failed to create WebGL program");
+    const vs = compileShader(gl, vertex, gl.VERTEX_SHADER);
+    const fs = compileShader(gl, fragment, gl.FRAGMENT_SHADER);
+    gl.attachShader(program, vs);
+    gl.attachShader(program, fs);
+    gl.linkProgram(program);
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+        const log = gl.getProgramInfoLog(program);
+        gl.deleteProgram(program);
+        throw new Error(`transitions: failed to link program: ${log}`);
+    }
+    return program;
+}
+export function createTexture(gl) {
+    const tex = gl.createTexture();
+    if (!tex)
+        throw new Error("transitions: failed to create texture");
+    gl.bindTexture(gl.TEXTURE_2D, tex);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+    return tex;
+}
+//# sourceMappingURL=shared.js.map

package/dist/gl/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/gl/shared.ts"],"names":[],"mappings":"AAGA,+EAA+E;AAC/E,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;EAM3B,CAAC;AAEH,sEAAsE;AACtE,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;EAK/B,CAAC;AAEH,MAAM,UAAU,aAAa,CAAC,EAAa,EAAE,MAAc,EAAE,IAAY;IACvE,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;IACrE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC;QACtD,MAAM,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACxC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,0CAA0C,GAAG,EAAE,CAAC,CAAC;IACnE,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,EAAa,EACb,QAAgB,EAChB,SAAiB,aAAa;IAE9B,MAAM,OAAO,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC;IACnC,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IAC7E,MAAM,EAAE,GAAG,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC;IACvD,MAAM,EAAE,GAAG,aAAa,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAC3D,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC7B,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC7B,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QACrD,MAAM,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC1C,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,wCAAwC,GAAG,EAAE,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAa;IACzC,MAAM,GAAG,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC;IAC/B,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IACnE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACnC,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC;IACrE,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC;IACrE,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAClE,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAClE,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/gl/transpile.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Mechanically downgrade a GLSL ES 3.00 (`#version 300 es`) fragment shader —
+ * the form every Tier B presentation is authored in — to GLSL ES 1.00, so it
+ * can run on a WebGL 1 context (e.g. `headless-gl` during server rendering,
+ * which has no WebGL2). The presentations follow a single, regular pattern:
+ *
+ * - `#version 300 es`     → removed (1.00 has no version directive)
+ * - `out vec4 <name>;`    → removed; writes to `<name>` become `gl_FragColor`
+ * - `in <type> <name>;`   → `varying <type> <name>;`
+ * - `texture(s, uv)`      → `texture2D(s, uv)`
+ *
+ * Paired with {@link VERTEX_SHADER_100}. Kept deliberately string-based (no real
+ * GLSL parse) — it only needs to cover the shapes in `presentations/`.
+ */
+export declare function transpileTo100(fragment: string): string;
+//# sourceMappingURL=transpile.d.ts.map

package/dist/gl/transpile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transpile.d.ts","sourceRoot":"","sources":["../../src/gl/transpile.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAavD"}

package/dist/gl/transpile.js

@@ -0,0 +1,29 @@
+/**
+ * Mechanically downgrade a GLSL ES 3.00 (`#version 300 es`) fragment shader —
+ * the form every Tier B presentation is authored in — to GLSL ES 1.00, so it
+ * can run on a WebGL 1 context (e.g. `headless-gl` during server rendering,
+ * which has no WebGL2). The presentations follow a single, regular pattern:
+ *
+ * - `#version 300 es`     → removed (1.00 has no version directive)
+ * - `out vec4 <name>;`    → removed; writes to `<name>` become `gl_FragColor`
+ * - `in <type> <name>;`   → `varying <type> <name>;`
+ * - `texture(s, uv)`      → `texture2D(s, uv)`
+ *
+ * Paired with {@link VERTEX_SHADER_100}. Kept deliberately string-based (no real
+ * GLSL parse) — it only needs to cover the shapes in `presentations/`.
+ */
+export function transpileTo100(fragment) {
+    // Capture the fragment-output name so its writes can be rewired to gl_FragColor.
+    const outMatch = fragment.match(/\bout\s+vec4\s+(\w+)\s*;/);
+    const outName = outMatch?.[1];
+    let src = fragment
+        .replace(/#version\s+300\s+es[^\n]*\n/, "")
+        .replace(/\bout\s+vec4\s+\w+\s*;\s*/g, "")
+        .replace(/\bin\s+(vec[234]|float|int)\b/g, "varying $1")
+        .replace(/\btexture\s*\(/g, "texture2D(");
+    if (outName) {
+        src = src.replace(new RegExp(`\\b${outName}\\b`, "g"), "gl_FragColor");
+    }
+    return src;
+}
+//# sourceMappingURL=transpile.js.map

package/dist/gl/transpile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transpile.js","sourceRoot":"","sources":["../../src/gl/transpile.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,cAAc,CAAC,QAAgB;IAC7C,iFAAiF;IACjF,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,GAAG,GAAG,QAAQ;SACf,OAAO,CAAC,6BAA6B,EAAE,EAAE,CAAC;SAC1C,OAAO,CAAC,4BAA4B,EAAE,EAAE,CAAC;SACzC,OAAO,CAAC,gCAAgC,EAAE,YAAY,CAAC;SACvD,OAAO,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;IAC5C,IAAI,OAAO,EAAE,CAAC;QACZ,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,MAAM,OAAO,KAAK,EAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC;IACzE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { GlCompositor, type GlPlatform, getCompositor, setCompositorFactory, } from "./gl/compositor.js";
+export { glTransition } from "./gl/gl-transition.js";
+export { type GlContext, VERTEX_SHADER, VERTEX_SHADER_100 } from "./gl/shared.js";
+export { transpileTo100 } from "./gl/transpile.js";
+export * from "./presentations/index.js";
+export { defaultSpringConfig, type LinearTimingOptions, linearTiming, measureSpring, type SpringConfig, type SpringTimingOptions, spring, springTiming, } from "./timings/index.js";
+export { TransitionSeries, type TransitionSeriesOptions, type TransitionSeriesSceneOptions, type TransitionSeriesTransitionOptions, } from "./transition-series.js";
+export type { GlUniforms, Presentation, PresentationDims, Timing } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,UAAU,EACf,aAAa,EACb,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,KAAK,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,mBAAmB,EACnB,KAAK,mBAAmB,EACxB,YAAY,EACZ,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,MAAM,EACN,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,EACjC,KAAK,iCAAiC,GACvC,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export { GlCompositor, getCompositor, setCompositorFactory, } from "./gl/compositor.js";
+export { glTransition } from "./gl/gl-transition.js";
+export { VERTEX_SHADER, VERTEX_SHADER_100 } from "./gl/shared.js";
+export { transpileTo100 } from "./gl/transpile.js";
+export * from "./presentations/index.js";
+export { defaultSpringConfig, linearTiming, measureSpring, spring, springTiming, } from "./timings/index.js";
+export { TransitionSeries, } from "./transition-series.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,aAAa,EACb,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAkB,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,mBAAmB,EAEnB,YAAY,EACZ,aAAa,EAGb,MAAM,EACN,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,GAIjB,MAAM,wBAAwB,CAAC"}

package/dist/presentations/book-flip.d.ts

@@ -0,0 +1,8 @@
+import type { Presentation } from "../types.js";
+export type BookFlipDirection = "from-left" | "from-right" | "from-top" | "from-bottom";
+export type BookFlipProps = {
+    direction?: BookFlipDirection;
+};
+/** Page-turn / book flip (gl-transitions `BookFlip`). */
+export declare function bookFlip(props?: BookFlipProps): Presentation;
+//# sourceMappingURL=book-flip.d.ts.map

package/dist/presentations/book-flip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"book-flip.d.ts","sourceRoot":"","sources":["../../src/presentations/book-flip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAkHhD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG;IAAE,SAAS,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAS9D,yDAAyD;AACzD,wBAAgB,QAAQ,CAAC,KAAK,GAAE,aAAkB,GAAG,YAAY,CAGhE"}

package/dist/presentations/book-flip.js

@@ -0,0 +1,124 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/BookFlip
+// Author: hong · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_direction;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+const float EPSILON = 0.0001;
+
+float avoidZero(float value) {
+	if (abs(value) < EPSILON) {
+		return value < 0.0 ? -EPSILON : EPSILON;
+	}
+
+	return value;
+}
+
+vec2 skewRight(vec2 p, float progress) {
+	float skewX = (p.x - progress) / avoidZero(0.5 - progress) * 0.5;
+	float skewY =
+		(p.y - 0.5) /
+			avoidZero(0.5 + progress * (p.x - 0.5) / 0.5) *
+			0.5 +
+		0.5;
+	return vec2(skewX, skewY);
+}
+
+vec2 skewLeft(vec2 p, float progress) {
+	float skewX = (p.x - 0.5) / avoidZero(progress - 0.5) * 0.5 + 0.5;
+	float skewY =
+		(p.y - 0.5) /
+			avoidZero(0.5 + (1.0 - progress) * (0.5 - p.x) / 0.5) *
+			0.5 +
+		0.5;
+	return vec2(skewX, skewY);
+}
+
+vec4 addShade(float progress) {
+	float shadeVal = max(0.7, abs(progress - 0.5) * 2.0);
+	return vec4(vec3(shadeVal), 1.0);
+}
+
+vec2 toCanonicalUv(vec2 p) {
+	if (u_direction < 0.5) {
+		return p;
+	}
+
+	if (u_direction < 1.5) {
+		return vec2(1.0 - p.x, p.y);
+	}
+
+	if (u_direction < 2.5) {
+		return vec2(p.y, 1.0 - p.x);
+	}
+
+	return vec2(1.0 - p.y, p.x);
+}
+
+vec2 fromCanonicalUv(vec2 p) {
+	if (u_direction < 0.5) {
+		return p;
+	}
+
+	if (u_direction < 1.5) {
+		return vec2(1.0 - p.x, p.y);
+	}
+
+	if (u_direction < 2.5) {
+		return vec2(1.0 - p.y, p.x);
+	}
+
+	return vec2(p.y, 1.0 - p.x);
+}
+
+vec4 samplePrev(vec2 p) {
+	return texture(u_prev, fromCanonicalUv(p));
+}
+
+vec4 sampleNext(vec2 p) {
+	return texture(u_next, fromCanonicalUv(p));
+}
+
+vec4 transition(vec2 p, float progress) {
+	float pr = step(1.0 - progress, p.x);
+
+	if (p.x < 0.5) {
+		return mix(
+			samplePrev(p),
+			sampleNext(skewLeft(p, progress)) * addShade(progress),
+			pr
+		);
+	}
+
+	return mix(
+		samplePrev(skewRight(p, progress)) * addShade(progress),
+		sampleNext(p),
+		pr
+	);
+}
+
+void main() {
+	vec2 p = toCanonicalUv(v_uv);
+	float progress = 1.0 - u_time;
+	outColor = transition(p, progress);
+}`;
+const DIRECTION_CONSTANT = {
+    "from-left": 0,
+    "from-right": 1,
+    "from-top": 2,
+    "from-bottom": 3,
+};
+/** Page-turn / book flip (gl-transitions `BookFlip`). */
+export function bookFlip(props = {}) {
+    const direction = props.direction ?? "from-right";
+    return glTransition(FRAGMENT, () => ({ u_direction: DIRECTION_CONSTANT[direction] }));
+}
+//# sourceMappingURL=book-flip.js.map

package/dist/presentations/book-flip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"book-flip.js","sourceRoot":"","sources":["../../src/presentations/book-flip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,0DAA0D;AAC1D,8BAA8B;AAC9B,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4Gf,CAAC;AAMH,MAAM,kBAAkB,GAAsC;IAC5D,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;CACjB,CAAC;AAEF,yDAAyD;AACzD,MAAM,UAAU,QAAQ,CAAC,QAAuB,EAAE;IAChD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC;IAClD,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;AACxF,CAAC"}