@pixerate/flair 0.24.0 → 0.25.0

package/dist/chunk-H6VDFBIO.js

@@ -0,0 +1,498 @@
+import {
+  PointerTracker,
+  ShaderCompileError,
+  TextureCache,
+  clicksUniform,
+  compileShader,
+  createContext,
+  drawFrame,
+  resetGlCaches,
+  trailUniform
+} from "./chunk-RDU63CDO.js";
+import {
+  imageUrls,
+  parseControls
+} from "./chunk-VYOMXE6I.js";
+
+// src/shader/renderer.ts
+var ShaderRenderer = class {
+  canvas;
+  gl;
+  alpha;
+  shader = null;
+  textures = null;
+  /** Live sources by image control, kept to set again on a restored context. */
+  live = /* @__PURE__ */ new Map();
+  controls = [];
+  values;
+  source = "";
+  raf = 0;
+  lastNow = 0;
+  frame = 0;
+  fpsFrames = 0;
+  fpsSince = 0;
+  ownsCanvas = false;
+  resizeObserver;
+  intersectionObserver;
+  wasPlayingBeforeHidden = false;
+  hasEnteredViewport = false;
+  mouse = [0, 0, 0, 0];
+  /** `iPointer` and `iClicks`. */
+  pointer = new PointerTracker();
+  disposed = false;
+  /** The latest source's status. */
+  status = { ok: true, errors: [] };
+  /** `iTime`, in seconds. Use `seek` to change it. */
+  time = 0;
+  /** Playback speed: 1 is real time. */
+  speed = 1;
+  /** Device pixels per CSS pixel; lower renders faster. Use `setPixelRatio` to change it. */
+  pixelRatio = Math.min(window.devicePixelRatio || 1, 2);
+  playing = true;
+  fps = 0;
+  onStats;
+  /** Called with `true` when the GL context is lost and `false` once it is restored and recompiled. */
+  onContextLost;
+  /** Called when an image control's URL (or live video) cannot be loaded; the control shows black. */
+  onImageError;
+  /**
+   * Creates a canvas in `target` (with `className` or options), or attaches to an existing
+   * `HTMLCanvasElement`, and starts the animation loop. Size the canvas with CSS.
+   */
+  constructor(target, options) {
+    const opts = typeof options === "string" ? { className: options } : options ?? {};
+    let canvas;
+    if (target instanceof HTMLCanvasElement || "tagName" in target && target.tagName === "CANVAS") {
+      canvas = target;
+      if (opts.className) canvas.className = opts.className;
+    } else {
+      canvas = document.createElement("canvas");
+      if (opts.className) canvas.className = opts.className;
+      target.appendChild(canvas);
+      this.ownsCanvas = true;
+    }
+    this.canvas = canvas;
+    this.alpha = Boolean(opts.alpha);
+    this.gl = createContext(canvas, true, this.alpha);
+    this.textures = this.gl && this.textureCache(this.gl);
+    this.resizeObserver = new ResizeObserver(() => this.resize());
+    this.resizeObserver.observe(canvas);
+    const needsObserver = (opts.pauseWhenHidden || opts.playOnEnter) && typeof IntersectionObserver !== "undefined";
+    if (needsObserver) {
+      this.intersectionObserver = new IntersectionObserver(([entry]) => {
+        if (!entry) return;
+        if (entry.isIntersecting) {
+          if (opts.playOnEnter && !this.hasEnteredViewport) {
+            this.hasEnteredViewport = true;
+            if (opts.autoplay ?? true) {
+              this.play();
+            }
+          } else if (this.wasPlayingBeforeHidden) {
+            this.wasPlayingBeforeHidden = false;
+            this.play();
+          }
+        } else {
+          if (this.playing && opts.pauseWhenHidden) {
+            this.wasPlayingBeforeHidden = true;
+            this.pause();
+          }
+        }
+      });
+      this.intersectionObserver.observe(canvas);
+    }
+    const shouldAutoplay = (opts.autoplay ?? true) && !opts.playOnEnter;
+    this.playing = shouldAutoplay;
+    canvas.addEventListener("webglcontextlost", this.onLost);
+    canvas.addEventListener("webglcontextrestored", this.onRestored);
+    canvas.addEventListener("pointerdown", this.onPointerDown);
+    canvas.addEventListener("pointermove", this.onPointerMove);
+    canvas.addEventListener("pointerenter", this.onPointerEnter);
+    canvas.addEventListener("pointerleave", this.onPointerLeave);
+    window.addEventListener("pointerup", this.onPointerUp);
+    this.resize();
+    this.raf = requestAnimationFrame(this.tick);
+  }
+  /** False when the browser has no WebGL2. */
+  get supported() {
+    return this.gl !== null;
+  }
+  /** Compiles a new source; returns its status. Keeps the previous program when it fails. */
+  setSource(source) {
+    this.source = source;
+    const controls = parseControls(source);
+    if (!this.gl) {
+      this.status = {
+        ok: false,
+        errors: [{ line: 0, message: "WebGL2 is not available in this browser." }]
+      };
+      return this.status;
+    }
+    const result = compileShader(this.gl, source, controls);
+    if (result.ok) {
+      if (this.shader) this.gl.deleteProgram(this.shader.program);
+      this.shader = result.shader;
+      this.controls = controls;
+      this.status = { ok: true, errors: [] };
+    } else {
+      this.status = { ok: false, errors: result.errors };
+    }
+    this.syncTextures();
+    if (!this.playing) this.render();
+    return this.status;
+  }
+  /**
+   * Sets control values (see `controlValue`); a paused preview redraws.
+   * Images load in the background and show once they arrive: await
+   * `ready()` before a `capture` that needs them.
+   */
+  setValues(values) {
+    this.values = values;
+    this.syncTextures();
+    if (!this.playing) this.render();
+  }
+  /**
+   * Shows a `<video>` (or a canvas) in the image control `name` (the
+   * uniform's name, such as `uImage`) in place of its URL, frame by frame;
+   * `null` goes back to the URL. The preview follows the video even while
+   * the shader's own clock is paused, and the video plays, seeks and loops
+   * on its own: the renderer never controls it. A video from another site
+   * needs `crossOrigin = "anonymous"` and CORS, or `onImageError` hears why
+   * it shows black. The value stays as it is, so documents, presets and
+   * agents keep seeing the URL.
+   */
+  setLiveSource(name, source) {
+    if (source) this.live.set(name, source);
+    else this.live.delete(name);
+    this.textures?.setLive(name, source);
+    if (!this.playing) this.render();
+  }
+  /**
+   * Settles once the images the current controls show have loaded, and
+   * every live video has a frame. Rejects with an {@link ImageLoadError}
+   * when one cannot be (it shows black).
+   */
+  async ready() {
+    await Promise.all([
+      this.textures?.ready(imageUrls(this.controls, this.values)),
+      this.textures?.liveReady()
+    ]);
+  }
+  play() {
+    this.playing = true;
+    this.emit();
+  }
+  pause() {
+    this.playing = false;
+    this.emit();
+  }
+  /** Back to `iTime` 0 and frame 0. */
+  restart() {
+    this.time = 0;
+    this.pointer.clear();
+    this.frame = 0;
+    this.render();
+    this.emit();
+  }
+  /** Jumps to `time` seconds (not below 0) and draws it. */
+  seek(time) {
+    if (time < this.time) this.pointer.clear();
+    this.time = Math.max(0, time);
+    this.render();
+    this.emit();
+  }
+  setPixelRatio(ratio) {
+    this.pixelRatio = ratio;
+    this.resize();
+  }
+  /**
+   * Captures the current frame (optionally at another time) as a data URL
+   * (JPEG unless `type` says PNG), at most `maxEdge` pixels on the long side
+   * (default 1024). Playback time is left as it was. Null when nothing has
+   * compiled yet.
+   */
+  capture(options = {}) {
+    if (!this.gl || !this.shader) return null;
+    const saved = this.time;
+    if (options.time !== void 0) this.time = Math.max(0, options.time);
+    this.render();
+    const { width, height } = this.canvas;
+    const scale = Math.min(1, (options.maxEdge ?? 1024) / Math.max(width, height));
+    const out = document.createElement("canvas");
+    out.width = Math.max(1, Math.round(width * scale));
+    out.height = Math.max(1, Math.round(height * scale));
+    out.getContext("2d").drawImage(this.canvas, 0, 0, out.width, out.height);
+    this.time = saved;
+    if (options.time !== void 0) this.render();
+    return out.toDataURL(options.type ?? "image/jpeg", 0.85);
+  }
+  /** Stops the loop, releases the context and removes the canvas. The renderer cannot be used again. */
+  dispose() {
+    this.disposed = true;
+    cancelAnimationFrame(this.raf);
+    this.resizeObserver.disconnect();
+    this.intersectionObserver?.disconnect();
+    this.canvas.removeEventListener("webglcontextlost", this.onLost);
+    this.canvas.removeEventListener("webglcontextrestored", this.onRestored);
+    this.canvas.removeEventListener("pointerdown", this.onPointerDown);
+    this.canvas.removeEventListener("pointermove", this.onPointerMove);
+    this.canvas.removeEventListener("pointerenter", this.onPointerEnter);
+    this.canvas.removeEventListener("pointerleave", this.onPointerLeave);
+    window.removeEventListener("pointerup", this.onPointerUp);
+    if (this.gl && this.shader) this.gl.deleteProgram(this.shader.program);
+    this.textures?.dispose();
+    this.textures = null;
+    this.gl?.getExtension("WEBGL_lose_context")?.loseContext();
+    this.gl = null;
+    if (this.ownsCanvas) this.canvas.remove();
+  }
+  resize() {
+    const w = Math.max(1, Math.round(this.canvas.clientWidth * this.pixelRatio));
+    const h = Math.max(1, Math.round(this.canvas.clientHeight * this.pixelRatio));
+    if (this.canvas.width !== w || this.canvas.height !== h) {
+      this.canvas.width = w;
+      this.canvas.height = h;
+      this.render();
+    }
+  }
+  render(delta = 0) {
+    if (!this.gl || !this.shader || this.gl.isContextLost()) return;
+    drawFrame(
+      this.gl,
+      this.shader,
+      this.controls,
+      this.values,
+      {
+        width: this.canvas.width,
+        height: this.canvas.height,
+        time: this.time,
+        delta,
+        frame: this.frame,
+        mouse: this.mouse,
+        pointer: this.pointer.pointer(this.time),
+        clicks: this.pointer.clicksAt(this.time),
+        trail: this.pointer.trailAt(this.time)
+      },
+      this.textures ?? void 0
+    );
+  }
+  textureCache(gl) {
+    const cache = new TextureCache(gl, (_url, error) => {
+      if (error) this.onImageError?.(error);
+      else if (!this.playing) this.render();
+    });
+    for (const [name, source] of this.live) cache.setLive(name, source);
+    return cache;
+  }
+  /** Starts loading the images now shown, and frees the ones no longer shown. */
+  syncTextures() {
+    if (!this.textures) return;
+    const urls = imageUrls(this.controls, this.values);
+    this.textures.retain(urls);
+    for (const url of urls) this.textures.request(url);
+  }
+  tick = (now) => {
+    if (this.disposed) return;
+    this.raf = requestAnimationFrame(this.tick);
+    const delta = this.lastNow ? Math.min((now - this.lastNow) / 1e3, 0.1) : 0;
+    this.lastNow = now;
+    if (this.playing) {
+      this.time += delta * this.speed;
+      this.frame += 1;
+      this.render(delta * this.speed);
+      this.fpsFrames += 1;
+    } else if (this.textures?.liveChanged()) {
+      this.render();
+    }
+    if (now - this.fpsSince >= 500) {
+      this.fps = this.playing ? Math.round(this.fpsFrames * 1e3 / (now - this.fpsSince || 1)) : 0;
+      this.fpsFrames = 0;
+      this.fpsSince = now;
+      this.emit();
+    }
+  };
+  emit() {
+    this.onStats?.({
+      time: this.time,
+      fps: this.fps,
+      playing: this.playing,
+      width: this.canvas.width,
+      height: this.canvas.height
+    });
+  }
+  /** Pointer position in shader pixels (origin bottom-left, like gl_FragCoord). */
+  toPixels(e) {
+    const rect = this.canvas.getBoundingClientRect();
+    return [
+      (e.clientX - rect.left) * (this.canvas.width / rect.width),
+      (rect.bottom - e.clientY) * (this.canvas.height / rect.height)
+    ];
+  }
+  onPointerDown = (e) => {
+    const [x, y] = this.toPixels(e);
+    this.mouse = [x, y, x, y];
+    this.pointer.down(x, y, this.time);
+    if (!this.playing) this.render();
+  };
+  onPointerMove = (e) => {
+    const [x, y] = this.toPixels(e);
+    this.pointer.move(x, y, this.time);
+    if (this.mouse[2] <= 0 || e.buttons === 0) {
+      if (!this.playing) this.render();
+      return;
+    }
+    this.mouse = [x, y, this.mouse[2], this.mouse[3]];
+    if (!this.playing) this.render();
+  };
+  onPointerEnter = (e) => {
+    this.pointer.move(...this.toPixels(e), this.time);
+    this.pointer.hover(true, this.time);
+  };
+  onPointerLeave = () => {
+    this.pointer.hover(false, this.time);
+  };
+  onPointerUp = () => {
+    this.pointer.up(this.time);
+    if (this.mouse[2] > 0)
+      this.mouse = [this.mouse[0], this.mouse[1], -this.mouse[2], -Math.abs(this.mouse[3])];
+  };
+  onLost = (e) => {
+    e.preventDefault();
+    this.shader = null;
+    this.textures?.dispose();
+    this.textures = null;
+    this.onContextLost?.(true);
+  };
+  onRestored = () => {
+    resetGlCaches();
+    this.gl = createContext(this.canvas, true, this.alpha);
+    this.textures = this.gl && this.textureCache(this.gl);
+    this.setSource(this.source);
+    this.onContextLost?.(false);
+  };
+};
+
+// src/shader/frames.ts
+var ShaderFrames = class {
+  canvas;
+  width;
+  height;
+  controls;
+  gl;
+  shader;
+  textures;
+  values;
+  rendered = 0;
+  lastTime = null;
+  pixels;
+  constructor(options) {
+    const { source, values, width, height } = options;
+    this.width = Math.max(1, Math.round(width));
+    this.height = Math.max(1, Math.round(height));
+    this.canvas = options.canvas ?? document.createElement("canvas");
+    this.canvas.width = this.width;
+    this.canvas.height = this.height;
+    this.values = values;
+    const gl = createContext(this.canvas, true, Boolean(options.alpha));
+    if (!gl) throw new Error("WebGL2 is not available in this browser.");
+    this.gl = gl;
+    this.controls = parseControls(source);
+    const compiled = compileShader(gl, source, this.controls);
+    if (!compiled.ok) {
+      this.dispose();
+      throw new ShaderCompileError(compiled.errors);
+    }
+    this.shader = compiled.shader;
+    this.textures = new TextureCache(gl);
+    this.syncTextures();
+    this.pixels = new Uint8Array(this.width * this.height * 4);
+  }
+  /** Changes control values for the frames that follow. */
+  setValues(values) {
+    this.values = values;
+    this.syncTextures();
+  }
+  /**
+   * Draws a `<video>` (or a canvas) in the image control `name` instead of
+   * its URL, at the frame it is on when `render` runs; `null` goes back to
+   * the URL. See `ShaderRenderer.setLiveSource`.
+   */
+  setLiveSource(name, source) {
+    this.textures.setLive(name, source);
+  }
+  /**
+   * Settles once every image the controls show has loaded, and every live
+   * video has a frame. Rejects with an {@link ImageLoadError} when one
+   * cannot be.
+   */
+  async ready() {
+    await Promise.all([this.textures.ready(imageUrls(this.controls, this.values)), this.textures.liveReady()]);
+  }
+  /** Draws the frame at `time` seconds onto `canvas`. */
+  render(time, options = {}) {
+    const gl = this.context();
+    const delta = options.delta ?? (this.lastTime === null ? 0 : time - this.lastTime);
+    drawFrame(
+      gl,
+      this.shader,
+      this.controls,
+      this.values,
+      {
+        width: this.width,
+        height: this.height,
+        time,
+        delta,
+        frame: options.frame ?? this.rendered,
+        mouse: options.mouse ?? [0, 0, 0, 0],
+        pointer: options.pointer,
+        clicks: options.clicks && clicksUniform(options.clicks, time),
+        trail: options.trail && trailUniform(options.trail, time)
+      },
+      this.textures
+    );
+    this.rendered += 1;
+    this.lastTime = time;
+  }
+  /**
+   * The last rendered frame as RGBA bytes, rows top down (as in `ImageData`;
+   * WebGL itself reads bottom up). Pass `out` to reuse a buffer of
+   * `width * height * 4` bytes.
+   */
+  readPixels(out) {
+    const gl = this.context();
+    const { width, height } = this;
+    const target = out ?? new Uint8Array(width * height * 4);
+    if (target.length !== width * height * 4) {
+      throw new RangeError(`readPixels needs a buffer of ${width * height * 4} bytes.`);
+    }
+    gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, this.pixels);
+    const row = width * 4;
+    for (let y = 0; y < height; y++) {
+      target.set(this.pixels.subarray((height - 1 - y) * row, (height - y) * row), y * row);
+    }
+    return target;
+  }
+  /** Releases the GL context now rather than at garbage collection (browsers cap live contexts). */
+  dispose() {
+    if (!this.gl) return;
+    if (this.shader) this.gl.deleteProgram(this.shader.program);
+    this.textures?.dispose();
+    this.gl.getExtension("WEBGL_lose_context")?.loseContext();
+    this.gl = null;
+  }
+  syncTextures() {
+    const urls = imageUrls(this.controls, this.values);
+    this.textures.retain(urls);
+    for (const url of urls) this.textures.request(url);
+  }
+  context() {
+    if (!this.gl) throw new Error("These frames have been disposed.");
+    if (this.gl.isContextLost()) throw new Error("The graphics context was lost.");
+    return this.gl;
+  }
+};
+
+export {
+  ShaderRenderer,
+  ShaderFrames
+};
+//# sourceMappingURL=chunk-H6VDFBIO.js.map

package/dist/chunk-H6VDFBIO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shader/renderer.ts","../src/shader/frames.ts"],"sourcesContent":["import { imageUrls, parseControls, type ControlDef, type ControlValue } from \"./controls.js\";\nimport {\n  compileShader,\n  createContext,\n  drawFrame,\n  resetGlCaches,\n  type CompileError,\n  type CompiledShader,\n} from \"./program.js\";\nimport { PointerTracker } from \"./pointer.js\";\nimport { TextureCache, type ImageLoadError, type LiveSource } from \"./textures.js\";\n\n/** Whether the latest source compiled, and if not, why. */\nexport interface CompileStatus {\n  ok: boolean;\n  errors: CompileError[];\n}\n\n/** What `onStats` reports: on play, pause, seek and restart, and twice a second while running. */\nexport interface RendererStats {\n  /** `iTime`, in seconds. */\n  time: number;\n  /** Frames drawn per second over the last half second (0 while paused). */\n  fps: number;\n  playing: boolean;\n  /** The drawing buffer's size in device pixels. */\n  width: number;\n  height: number;\n}\n\nexport interface ShaderRendererOptions {\n  className?: string;\n  /** Enable a transparent WebGL drawing buffer so shader alpha (`fragColor.a`) composites over the page (default false). */\n  alpha?: boolean;\n  /** Pause rendering when scrolled out of view via IntersectionObserver (default false). */\n  pauseWhenHidden?: boolean;\n  /** Start playing at once (default true). Set to false to start paused. */\n  autoplay?: boolean;\n  /** Wait to start playing until the canvas enters the viewport via IntersectionObserver (default false). When true, autoplay is deferred until first visible. */\n  playOnEnter?: boolean;\n}\n\n/**\n * Runs one shader on a canvas: the editor's live preview. A source that does\n * not compile leaves the last working program on screen, so a typo never\n * blanks the preview; the errors are reported instead.\n *\n * The renderer owns its canvas (added to `host`, removed on dispose): a\n * canvas keeps its WebGL context for life, so reusing one after disposing\n * (a remount, hot reload) would get the released, lost context back.\n */\nexport class ShaderRenderer {\n  readonly canvas: HTMLCanvasElement;\n  private gl: WebGL2RenderingContext | null;\n  private readonly alpha: boolean;\n  private shader: CompiledShader | null = null;\n  private textures: TextureCache | null = null;\n  /** Live sources by image control, kept to set again on a restored context. */\n  private live = new Map<string, LiveSource>();\n  private controls: ControlDef[] = [];\n  private values: Record<string, ControlValue> | undefined;\n  private source = \"\";\n  private raf = 0;\n  private lastNow = 0;\n  private frame = 0;\n  private fpsFrames = 0;\n  private fpsSince = 0;\n  private ownsCanvas = false;\n  private resizeObserver: ResizeObserver;\n  private intersectionObserver?: IntersectionObserver;\n  private wasPlayingBeforeHidden = false;\n  private hasEnteredViewport = false;\n  private mouse: [number, number, number, number] = [0, 0, 0, 0];\n  /** `iPointer` and `iClicks`. */\n  private pointer = new PointerTracker();\n  private disposed = false;\n  /** The latest source's status. */\n  status: CompileStatus = { ok: true, errors: [] };\n  /** `iTime`, in seconds. Use `seek` to change it. */\n  time = 0;\n  /** Playback speed: 1 is real time. */\n  speed = 1;\n  /** Device pixels per CSS pixel; lower renders faster. Use `setPixelRatio` to change it. */\n  pixelRatio = Math.min(window.devicePixelRatio || 1, 2);\n  playing = true;\n  fps = 0;\n  onStats?: (stats: RendererStats) => void;\n  /** Called with `true` when the GL context is lost and `false` once it is restored and recompiled. */\n  onContextLost?: (lost: boolean) => void;\n  /** Called when an image control's URL (or live video) cannot be loaded; the control shows black. */\n  onImageError?: (error: ImageLoadError) => void;\n\n  /**\n   * Creates a canvas in `target` (with `className` or options), or attaches to an existing\n   * `HTMLCanvasElement`, and starts the animation loop. Size the canvas with CSS.\n   */\n  constructor(target: HTMLElement | HTMLCanvasElement, options?: string | ShaderRendererOptions) {\n    const opts: ShaderRendererOptions =\n      typeof options === \"string\" ? { className: options } : (options ?? {});\n    let canvas: HTMLCanvasElement;\n    if (target instanceof HTMLCanvasElement || (\"tagName\" in target && target.tagName === \"CANVAS\")) {\n      canvas = target as HTMLCanvasElement;\n      if (opts.className) canvas.className = opts.className;\n    } else {\n      canvas = document.createElement(\"canvas\");\n      if (opts.className) canvas.className = opts.className;\n      target.appendChild(canvas);\n      this.ownsCanvas = true;\n    }\n    this.canvas = canvas;\n    this.alpha = Boolean(opts.alpha);\n    this.gl = createContext(canvas, true, this.alpha);\n    this.textures = this.gl && this.textureCache(this.gl);\n    this.resizeObserver = new ResizeObserver(() => this.resize());\n    this.resizeObserver.observe(canvas);\n\n    const needsObserver =\n      (opts.pauseWhenHidden || opts.playOnEnter) && typeof IntersectionObserver !== \"undefined\";\n\n    if (needsObserver) {\n      this.intersectionObserver = new IntersectionObserver(([entry]) => {\n        if (!entry) return;\n        if (entry.isIntersecting) {\n          if (opts.playOnEnter && !this.hasEnteredViewport) {\n            this.hasEnteredViewport = true;\n            if (opts.autoplay ?? true) {\n              this.play();\n            }\n          } else if (this.wasPlayingBeforeHidden) {\n            this.wasPlayingBeforeHidden = false;\n            this.play();\n          }\n        } else {\n          if (this.playing && opts.pauseWhenHidden) {\n            this.wasPlayingBeforeHidden = true;\n            this.pause();\n          }\n        }\n      });\n      this.intersectionObserver.observe(canvas);\n    }\n\n    const shouldAutoplay = (opts.autoplay ?? true) && !opts.playOnEnter;\n    this.playing = shouldAutoplay;\n\n    canvas.addEventListener(\"webglcontextlost\", this.onLost);\n    canvas.addEventListener(\"webglcontextrestored\", this.onRestored);\n    canvas.addEventListener(\"pointerdown\", this.onPointerDown);\n    canvas.addEventListener(\"pointermove\", this.onPointerMove);\n    canvas.addEventListener(\"pointerenter\", this.onPointerEnter);\n    canvas.addEventListener(\"pointerleave\", this.onPointerLeave);\n    window.addEventListener(\"pointerup\", this.onPointerUp);\n    this.resize();\n    this.raf = requestAnimationFrame(this.tick);\n  }\n\n  /** False when the browser has no WebGL2. */\n  get supported(): boolean {\n    return this.gl !== null;\n  }\n\n  /** Compiles a new source; returns its status. Keeps the previous program when it fails. */\n  setSource(source: string): CompileStatus {\n    this.source = source;\n    const controls = parseControls(source);\n    if (!this.gl) {\n      this.status = {\n        ok: false,\n        errors: [{ line: 0, message: \"WebGL2 is not available in this browser.\" }],\n      };\n      return this.status;\n    }\n    const result = compileShader(this.gl, source, controls);\n    if (result.ok) {\n      if (this.shader) this.gl.deleteProgram(this.shader.program);\n      this.shader = result.shader;\n      this.controls = controls;\n      this.status = { ok: true, errors: [] };\n    } else {\n      this.status = { ok: false, errors: result.errors };\n    }\n    this.syncTextures();\n    if (!this.playing) this.render();\n    return this.status;\n  }\n\n  /**\n   * Sets control values (see `controlValue`); a paused preview redraws.\n   * Images load in the background and show once they arrive: await\n   * `ready()` before a `capture` that needs them.\n   */\n  setValues(values: Record<string, ControlValue> | undefined) {\n    this.values = values;\n    this.syncTextures();\n    if (!this.playing) this.render();\n  }\n\n  /**\n   * Shows a `<video>` (or a canvas) in the image control `name` (the\n   * uniform's name, such as `uImage`) in place of its URL, frame by frame;\n   * `null` goes back to the URL. The preview follows the video even while\n   * the shader's own clock is paused, and the video plays, seeks and loops\n   * on its own: the renderer never controls it. A video from another site\n   * needs `crossOrigin = \"anonymous\"` and CORS, or `onImageError` hears why\n   * it shows black. The value stays as it is, so documents, presets and\n   * agents keep seeing the URL.\n   */\n  setLiveSource(name: string, source: LiveSource | null) {\n    if (source) this.live.set(name, source);\n    else this.live.delete(name);\n    this.textures?.setLive(name, source);\n    if (!this.playing) this.render();\n  }\n\n  /**\n   * Settles once the images the current controls show have loaded, and\n   * every live video has a frame. Rejects with an {@link ImageLoadError}\n   * when one cannot be (it shows black).\n   */\n  async ready(): Promise<void> {\n    await Promise.all([\n      this.textures?.ready(imageUrls(this.controls, this.values)),\n      this.textures?.liveReady(),\n    ]);\n  }\n\n  play() {\n    this.playing = true;\n    this.emit();\n  }\n\n  pause() {\n    this.playing = false;\n    this.emit();\n  }\n\n  /** Back to `iTime` 0 and frame 0. */\n  restart() {\n    this.time = 0;\n    this.pointer.clear();\n    this.frame = 0;\n    this.render();\n    this.emit();\n  }\n\n  /** Jumps to `time` seconds (not below 0) and draws it. */\n  seek(time: number) {\n    // Clicks are stamped with iTime: going back would replay them.\n    if (time < this.time) this.pointer.clear();\n    this.time = Math.max(0, time);\n    this.render();\n    this.emit();\n  }\n\n  setPixelRatio(ratio: number) {\n    this.pixelRatio = ratio;\n    this.resize();\n  }\n\n  /**\n   * Captures the current frame (optionally at another time) as a data URL\n   * (JPEG unless `type` says PNG), at most `maxEdge` pixels on the long side\n   * (default 1024). Playback time is left as it was. Null when nothing has\n   * compiled yet.\n   */\n  capture(\n    options: { time?: number; maxEdge?: number; type?: \"image/jpeg\" | \"image/png\" } = {},\n  ): string | null {\n    if (!this.gl || !this.shader) return null;\n    const saved = this.time;\n    if (options.time !== undefined) this.time = Math.max(0, options.time);\n    this.render();\n    const { width, height } = this.canvas;\n    const scale = Math.min(1, (options.maxEdge ?? 1024) / Math.max(width, height));\n    const out = document.createElement(\"canvas\");\n    out.width = Math.max(1, Math.round(width * scale));\n    out.height = Math.max(1, Math.round(height * scale));\n    out.getContext(\"2d\")!.drawImage(this.canvas, 0, 0, out.width, out.height);\n    this.time = saved;\n    if (options.time !== undefined) this.render();\n    return out.toDataURL(options.type ?? \"image/jpeg\", 0.85);\n  }\n\n  /** Stops the loop, releases the context and removes the canvas. The renderer cannot be used again. */\n  dispose() {\n    this.disposed = true;\n    cancelAnimationFrame(this.raf);\n    this.resizeObserver.disconnect();\n    this.intersectionObserver?.disconnect();\n    this.canvas.removeEventListener(\"webglcontextlost\", this.onLost);\n    this.canvas.removeEventListener(\"webglcontextrestored\", this.onRestored);\n    this.canvas.removeEventListener(\"pointerdown\", this.onPointerDown);\n    this.canvas.removeEventListener(\"pointermove\", this.onPointerMove);\n    this.canvas.removeEventListener(\"pointerenter\", this.onPointerEnter);\n    this.canvas.removeEventListener(\"pointerleave\", this.onPointerLeave);\n    window.removeEventListener(\"pointerup\", this.onPointerUp);\n    if (this.gl && this.shader) this.gl.deleteProgram(this.shader.program);\n    this.textures?.dispose();\n    this.textures = null;\n    // Free the context now rather than waiting for GC (browsers cap live contexts).\n    this.gl?.getExtension(\"WEBGL_lose_context\")?.loseContext();\n    this.gl = null;\n    if (this.ownsCanvas) this.canvas.remove();\n  }\n\n  private resize() {\n    // The layout size, not the bounding box: a rotated or scaled canvas keeps its own proportions.\n    const w = Math.max(1, Math.round(this.canvas.clientWidth * this.pixelRatio));\n    const h = Math.max(1, Math.round(this.canvas.clientHeight * this.pixelRatio));\n    if (this.canvas.width !== w || this.canvas.height !== h) {\n      this.canvas.width = w;\n      this.canvas.height = h;\n      this.render();\n    }\n  }\n\n  private render(delta = 0) {\n    if (!this.gl || !this.shader || this.gl.isContextLost()) return;\n    drawFrame(\n      this.gl,\n      this.shader,\n      this.controls,\n      this.values,\n      {\n        width: this.canvas.width,\n        height: this.canvas.height,\n        time: this.time,\n        delta,\n        frame: this.frame,\n        mouse: this.mouse,\n        pointer: this.pointer.pointer(this.time),\n        clicks: this.pointer.clicksAt(this.time),\n        trail: this.pointer.trailAt(this.time),\n      },\n      this.textures ?? undefined,\n    );\n  }\n\n  private textureCache(gl: WebGL2RenderingContext): TextureCache {\n    const cache = new TextureCache(gl, (_url, error) => {\n      if (error) this.onImageError?.(error);\n      else if (!this.playing) this.render();\n    });\n    for (const [name, source] of this.live) cache.setLive(name, source);\n    return cache;\n  }\n\n  /** Starts loading the images now shown, and frees the ones no longer shown. */\n  private syncTextures() {\n    if (!this.textures) return;\n    const urls = imageUrls(this.controls, this.values);\n    this.textures.retain(urls);\n    for (const url of urls) this.textures.request(url);\n  }\n\n  private tick = (now: number) => {\n    if (this.disposed) return;\n    this.raf = requestAnimationFrame(this.tick);\n    const delta = this.lastNow ? Math.min((now - this.lastNow) / 1000, 0.1) : 0;\n    this.lastNow = now;\n    if (this.playing) {\n      this.time += delta * this.speed;\n      this.frame += 1;\n      this.render(delta * this.speed);\n      this.fpsFrames += 1;\n    } else if (this.textures?.liveChanged()) {\n      // A live video moved on (played, seeked or loaded) while the clock is paused.\n      this.render();\n    }\n    if (now - this.fpsSince >= 500) {\n      this.fps = this.playing\n        ? Math.round((this.fpsFrames * 1000) / (now - this.fpsSince || 1))\n        : 0;\n      this.fpsFrames = 0;\n      this.fpsSince = now;\n      this.emit();\n    }\n  };\n\n  private emit() {\n    this.onStats?.({\n      time: this.time,\n      fps: this.fps,\n      playing: this.playing,\n      width: this.canvas.width,\n      height: this.canvas.height,\n    });\n  }\n\n  /** Pointer position in shader pixels (origin bottom-left, like gl_FragCoord). */\n  private toPixels(e: PointerEvent): [number, number] {\n    const rect = this.canvas.getBoundingClientRect();\n    return [\n      (e.clientX - rect.left) * (this.canvas.width / rect.width),\n      (rect.bottom - e.clientY) * (this.canvas.height / rect.height),\n    ];\n  }\n\n  private onPointerDown = (e: PointerEvent) => {\n    const [x, y] = this.toPixels(e);\n    this.mouse = [x, y, x, y];\n    this.pointer.down(x, y, this.time);\n    if (!this.playing) this.render();\n  };\n\n  private onPointerMove = (e: PointerEvent) => {\n    const [x, y] = this.toPixels(e);\n    this.pointer.move(x, y, this.time);\n    if (this.mouse[2] <= 0 || e.buttons === 0) {\n      if (!this.playing) this.render();\n      return;\n    }\n    this.mouse = [x, y, this.mouse[2], this.mouse[3]];\n    if (!this.playing) this.render();\n  };\n\n  private onPointerEnter = (e: PointerEvent) => {\n    this.pointer.move(...this.toPixels(e), this.time);\n    this.pointer.hover(true, this.time);\n  };\n\n  private onPointerLeave = () => {\n    this.pointer.hover(false, this.time);\n  };\n\n  private onPointerUp = () => {\n    this.pointer.up(this.time);\n    if (this.mouse[2] > 0)\n      this.mouse = [this.mouse[0], this.mouse[1], -this.mouse[2], -Math.abs(this.mouse[3])];\n  };\n\n  private onLost = (e: Event) => {\n    e.preventDefault();\n    this.shader = null;\n    this.textures?.dispose();\n    this.textures = null;\n    this.onContextLost?.(true);\n  };\n\n  private onRestored = () => {\n    resetGlCaches();\n    this.gl = createContext(this.canvas, true, this.alpha);\n    this.textures = this.gl && this.textureCache(this.gl);\n    this.setSource(this.source);\n    this.onContextLost?.(false);\n  };\n}\n","import { imageUrls, parseControls, type ControlDef, type ControlValue } from \"./controls.js\";\nimport {\n  compileShader,\n  createContext,\n  drawFrame,\n  ShaderCompileError,\n  type CompiledShader,\n} from \"./program.js\";\nimport { clicksUniform, trailUniform, type ShaderClick } from \"./pointer.js\";\nimport { TextureCache, type LiveSource } from \"./textures.js\";\n\nexport interface ShaderFramesOptions {\n  source: string;\n  values?: Record<string, ControlValue>;\n  width: number;\n  height: number;\n  /** Draw on this canvas instead of a new, detached one. It is resized to `width` × `height`. */\n  canvas?: HTMLCanvasElement;\n  /** Keep the shader's alpha (`fragColor.a`) in the frames, for transparent recordings (default false: opaque). */\n  alpha?: boolean;\n}\n\nexport interface RenderOptions {\n  /** `iFrame` (default: the number of frames rendered so far). */\n  frame?: number;\n  /** `iTimeDelta` in seconds (default: the time since the previous `render`, else 0). */\n  delta?: number;\n  /** `iMouse` (default: all zero, as on a page nobody has touched). */\n  mouse?: [number, number, number, number];\n  /** `iPointer`: x, y, how hovered (0–1), the press (seconds held, or minus seconds since release; default all zero). */\n  pointer?: [number, number, number, number];\n  /** Clicks so far, for `iClicks` (the latest `MAX_CLICKS` at or before the frame's time count). */\n  clicks?: readonly ShaderClick[];\n  /** Where the pointer has been, oldest first, for `iTrail` (the latest `MAX_TRAIL` at or before the frame's time count). */\n  trail?: readonly ShaderClick[];\n}\n\n/**\n * Renders a shader at exact times you choose, off screen. There is no\n * animation loop and no clock: frame `n` of a recording at `fps` is\n * `render(start + n / fps)`, so the output is the same on any machine. It\n * suits recorders, video pipelines and anything else stepped by its own\n * clock. The constructor throws a {@link ShaderCompileError} when the source\n * does not compile.\n *\n * Image controls load in the background: `await frames.ready()` before the\n * first `render`, or the frames show black where the images go.\n *\n * A video in an image control (see `setLiveSource`) is drawn at whatever\n * frame it is on. To step it with the shader, seek it first: `await\n * seekVideo(video, t); frames.render(t)`.\n */\nexport class ShaderFrames {\n  readonly canvas: HTMLCanvasElement;\n  readonly width: number;\n  readonly height: number;\n  readonly controls: ControlDef[];\n  private gl: WebGL2RenderingContext | null;\n  private shader: CompiledShader;\n  private textures: TextureCache;\n  private values: Record<string, ControlValue> | undefined;\n  private rendered = 0;\n  private lastTime: number | null = null;\n  private pixels: Uint8Array;\n\n  constructor(options: ShaderFramesOptions) {\n    const { source, values, width, height } = options;\n    this.width = Math.max(1, Math.round(width));\n    this.height = Math.max(1, Math.round(height));\n    this.canvas = options.canvas ?? document.createElement(\"canvas\");\n    this.canvas.width = this.width;\n    this.canvas.height = this.height;\n    this.values = values;\n    const gl = createContext(this.canvas, true, Boolean(options.alpha));\n    if (!gl) throw new Error(\"WebGL2 is not available in this browser.\");\n    this.gl = gl;\n    this.controls = parseControls(source);\n    const compiled = compileShader(gl, source, this.controls);\n    if (!compiled.ok) {\n      this.dispose();\n      throw new ShaderCompileError(compiled.errors);\n    }\n    this.shader = compiled.shader;\n    this.textures = new TextureCache(gl);\n    this.syncTextures();\n    this.pixels = new Uint8Array(this.width * this.height * 4);\n  }\n\n  /** Changes control values for the frames that follow. */\n  setValues(values: Record<string, ControlValue> | undefined) {\n    this.values = values;\n    this.syncTextures();\n  }\n\n  /**\n   * Draws a `<video>` (or a canvas) in the image control `name` instead of\n   * its URL, at the frame it is on when `render` runs; `null` goes back to\n   * the URL. See `ShaderRenderer.setLiveSource`.\n   */\n  setLiveSource(name: string, source: LiveSource | null) {\n    this.textures.setLive(name, source);\n  }\n\n  /**\n   * Settles once every image the controls show has loaded, and every live\n   * video has a frame. Rejects with an {@link ImageLoadError} when one\n   * cannot be.\n   */\n  async ready(): Promise<void> {\n    await Promise.all([this.textures.ready(imageUrls(this.controls, this.values)), this.textures.liveReady()]);\n  }\n\n  /** Draws the frame at `time` seconds onto `canvas`. */\n  render(time: number, options: RenderOptions = {}) {\n    const gl = this.context();\n    const delta = options.delta ?? (this.lastTime === null ? 0 : time - this.lastTime);\n    drawFrame(\n      gl,\n      this.shader,\n      this.controls,\n      this.values,\n      {\n        width: this.width,\n        height: this.height,\n        time,\n        delta,\n        frame: options.frame ?? this.rendered,\n        mouse: options.mouse ?? [0, 0, 0, 0],\n        pointer: options.pointer,\n        clicks: options.clicks && clicksUniform(options.clicks, time),\n        trail: options.trail && trailUniform(options.trail, time),\n      },\n      this.textures,\n    );\n    this.rendered += 1;\n    this.lastTime = time;\n  }\n\n  /**\n   * The last rendered frame as RGBA bytes, rows top down (as in `ImageData`;\n   * WebGL itself reads bottom up). Pass `out` to reuse a buffer of\n   * `width * height * 4` bytes.\n   */\n  readPixels(out?: Uint8Array | Uint8ClampedArray): Uint8Array | Uint8ClampedArray {\n    const gl = this.context();\n    const { width, height } = this;\n    const target = out ?? new Uint8Array(width * height * 4);\n    if (target.length !== width * height * 4) {\n      throw new RangeError(`readPixels needs a buffer of ${width * height * 4} bytes.`);\n    }\n    gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, this.pixels);\n    const row = width * 4;\n    for (let y = 0; y < height; y++) {\n      target.set(this.pixels.subarray((height - 1 - y) * row, (height - y) * row), y * row);\n    }\n    return target;\n  }\n\n  /** Releases the GL context now rather than at garbage collection (browsers cap live contexts). */\n  dispose() {\n    if (!this.gl) return;\n    if (this.shader) this.gl.deleteProgram(this.shader.program);\n    this.textures?.dispose();\n    this.gl.getExtension(\"WEBGL_lose_context\")?.loseContext();\n    this.gl = null;\n  }\n\n  private syncTextures() {\n    const urls = imageUrls(this.controls, this.values);\n    this.textures.retain(urls);\n    for (const url of urls) this.textures.request(url);\n  }\n\n  private context(): WebGL2RenderingContext {\n    if (!this.gl) throw new Error(\"These frames have been disposed.\");\n    if (this.gl.isContextLost()) throw new Error(\"The graphics context was lost.\");\n    return this.gl;\n  }\n}\n"],"mappings":"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","names":[]}