@pixerate/flair 0.27.0 → 0.29.0

package/dist/chunk-ZULFHADW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shader/thumbnails.ts","../src/shader/gif.ts","../src/shader/standalone.ts","../src/shader/blend.ts","../src/scene/validate.ts","../src/scene/standalone.ts"],"sourcesContent":["import { imageUrls, parseControls, type ControlDef, type ControlValue } from \"./controls.js\";\nimport {\n  compileShader,\n  createContext,\n  drawFrame,\n  resetGlCaches,\n  type CompiledShader,\n} from \"./program.js\";\nimport { TextureCache } from \"./textures.js\";\n\n/** Controls a registered thumbnail. */\nexport interface ThumbnailHandle {\n  /** Shows another source or other values. A new source is recompiled; new values only redraw. */\n  update(source: string, values?: Record<string, ControlValue>): void;\n  /** With reduced motion, a hovered thumbnail animates and the others hold a still frame. */\n  setHovered(hovered: boolean): void;\n  /** Stops drawing into the canvas and frees its program. */\n  dispose(): void;\n}\n\nexport interface ThumbnailPoolOptions {\n  /** Size of the shared render canvas (default 480 × 270). Thumbnails are drawn at most this large, then scaled. */\n  renderWidth?: number;\n  renderHeight?: number;\n  /** Animation rate (default 30). */\n  fps?: number;\n  /** `iTime` of the still frame shown with reduced motion or hover-only mode (default 2). */\n  stillTime?: number;\n  /** Hold still frames unless hovered (default: the `prefers-reduced-motion` media query). */\n  reducedMotion?: boolean;\n  /** Only animate hovered thumbnails, holding `stillTime` on all others (default false). */\n  hoverOnly?: boolean;\n  /** Animation policy: `\"always\"` (animate all visible), `\"hover\"` (only animate hovered), or `\"reduced-motion\"` (default: follow `reducedMotion` / `prefers-reduced-motion`). */\n  animateMode?: \"always\" | \"hover\" | \"reduced-motion\";\n  /** Enable a transparent WebGL drawing buffer and clear each thumbnail canvas before copying (default false). */\n  alpha?: boolean;\n}\n\ninterface Entry {\n  canvas: HTMLCanvasElement;\n  ctx: CanvasRenderingContext2D;\n  source: string;\n  values?: Record<string, ControlValue>;\n  controls: ControlDef[];\n  shader: CompiledShader | null;\n  failed: boolean;\n  dirty: boolean;\n  visible: boolean;\n  hovered: boolean;\n  onStatus?: (ok: boolean) => void;\n}\n\n/**\n * Animated thumbnails from a single WebGL context. Browsers cap live WebGL\n * contexts (about 16), so a gallery cannot give every card its own: the pool\n * renders each visible thumbnail in turn on one hidden canvas and copies the\n * frame into the thumbnail's own 2D canvas, cropped to its aspect ratio like\n * `object-fit: cover`. Thumbnails off screen (by `IntersectionObserver`) cost\n * nothing, and programs compile once per source.\n *\n * Nothing is created until the first `register`.\n */\nexport class ThumbnailPool {\n  private readonly renderWidth: number;\n  private readonly renderHeight: number;\n  private readonly interval: number;\n  private readonly fps: number;\n  private readonly stillTime: number;\n  private readonly reducedMotion: boolean;\n  private readonly alpha: boolean;\n  private readonly entries = new Set<Entry>();\n  private readonly byCanvas = new WeakMap<Element, Entry>();\n  private observer: IntersectionObserver | null | undefined;\n  private glCanvas: HTMLCanvasElement | null = null;\n  private gl: WebGL2RenderingContext | null = null;\n  private textures: TextureCache | null = null;\n  private raf = 0;\n  private last = 0;\n  private start: number | null = null;\n\n  constructor(options: ThumbnailPoolOptions = {}) {\n    this.renderWidth = options.renderWidth ?? 480;\n    this.renderHeight = options.renderHeight ?? 270;\n    this.fps = options.fps ?? 30;\n    this.interval = 1000 / this.fps;\n    this.stillTime = options.stillTime ?? 2;\n    this.alpha = Boolean(options.alpha);\n    const mode = options.animateMode ?? (options.hoverOnly ? \"hover\" : \"reduced-motion\");\n    this.reducedMotion =\n      mode === \"hover\"\n        ? true\n        : mode === \"always\"\n          ? false\n          : (options.reducedMotion ??\n            (typeof matchMedia !== \"undefined\" &&\n              matchMedia(\"(prefers-reduced-motion: reduce)\").matches));\n  }\n\n  /**\n   * Starts drawing `source` into `canvas`, which should be sized with CSS; its\n   * drawing buffer follows its CSS size and the device pixel ratio (up to 2).\n   * `onStatus` hears whether the source compiled (and `false` without WebGL2).\n   */\n  register(\n    canvas: HTMLCanvasElement,\n    source: string,\n    values?: Record<string, ControlValue>,\n    onStatus?: (ok: boolean) => void,\n  ): ThumbnailHandle {\n    const observer = this.intersection();\n    const entry: Entry = {\n      canvas,\n      ctx: canvas.getContext(\"2d\")!,\n      source,\n      values,\n      controls: [],\n      shader: null,\n      failed: false,\n      dirty: true,\n      visible: observer === null,\n      hovered: false,\n      onStatus,\n    };\n    this.entries.add(entry);\n    this.byCanvas.set(canvas, entry);\n    observer?.observe(canvas);\n    if (!this.context()) onStatus?.(false);\n    this.schedule();\n    return {\n      update: (nextSource, nextValues) => {\n        if (nextSource !== entry.source) {\n          this.release(entry);\n          entry.source = nextSource;\n          entry.failed = false;\n        }\n        entry.values = nextValues;\n        entry.dirty = true;\n        this.retainTextures();\n        this.schedule();\n      },\n      setHovered: (hovered) => {\n        entry.hovered = hovered;\n        entry.dirty = true;\n        this.schedule();\n      },\n      dispose: () => {\n        observer?.unobserve(canvas);\n        this.entries.delete(entry);\n        this.byCanvas.delete(canvas);\n        this.release(entry);\n        this.retainTextures();\n      },\n    };\n  }\n\n  /** The number of registered thumbnails. */\n  get size(): number {\n    return this.entries.size;\n  }\n\n  private intersection(): IntersectionObserver | null {\n    if (this.observer !== undefined) return this.observer;\n    this.observer =\n      typeof IntersectionObserver === \"undefined\"\n        ? null\n        : new IntersectionObserver(\n            (records) => {\n              for (const r of records) {\n                const entry = this.byCanvas.get(r.target);\n                if (!entry) continue;\n                entry.visible = r.isIntersecting;\n                if (entry.visible) entry.dirty = true;\n              }\n              this.schedule();\n            },\n            { rootMargin: \"100px\" },\n          );\n    return this.observer;\n  }\n\n  private context(): WebGL2RenderingContext | null {\n    if (this.gl && !this.gl.isContextLost()) return this.gl;\n    const canvas = document.createElement(\"canvas\");\n    canvas.width = this.renderWidth;\n    canvas.height = this.renderHeight;\n    canvas.addEventListener(\"webglcontextlost\", (e) => {\n      e.preventDefault();\n      for (const entry of this.entries) entry.shader = null;\n      this.textures?.dispose();\n    });\n    canvas.addEventListener(\"webglcontextrestored\", () => {\n      resetGlCaches();\n      if (this.gl) this.textures = this.textureCache(this.gl);\n      for (const entry of this.entries) entry.dirty = true;\n      this.schedule();\n    });\n    resetGlCaches();\n    this.glCanvas = canvas;\n    this.gl = createContext(canvas, false, this.alpha);\n    this.textures = this.gl && this.textureCache(this.gl);\n    return this.gl;\n  }\n\n  private textureCache(gl: WebGL2RenderingContext): TextureCache {\n    return new TextureCache(gl, (url) => {\n      // A thumbnail showing the image redraws with it.\n      for (const entry of this.entries) {\n        if (imageUrls(entry.controls, entry.values).includes(url)) entry.dirty = true;\n      }\n      this.schedule();\n    });\n  }\n\n  /** Frees the textures no thumbnail shows any more. */\n  private retainTextures() {\n    this.textures?.retain(\n      [...this.entries].flatMap((entry) => imageUrls(entry.controls, entry.values)),\n    );\n  }\n\n  private release(entry: Entry) {\n    if (entry.shader) this.gl?.deleteProgram(entry.shader.program);\n    entry.shader = null;\n  }\n\n  private compile(entry: Entry, gl: WebGL2RenderingContext) {\n    entry.controls = parseControls(entry.source);\n    const result = compileShader(gl, entry.source, entry.controls);\n    entry.shader = result.ok ? result.shader : null;\n    entry.failed = !result.ok;\n    entry.onStatus?.(result.ok);\n  }\n\n  private renderEntry(entry: Entry, gl: WebGL2RenderingContext, time: number) {\n    if (!entry.shader && !entry.failed) this.compile(entry, gl);\n    if (!entry.shader) return;\n    sizeCanvas(entry.canvas);\n    // Fill the thumbnail the way `object-fit: cover` would, at its aspect ratio.\n    const aspect = entry.canvas.width / entry.canvas.height;\n    const w = Math.min(this.renderWidth, Math.round(this.renderHeight * aspect));\n    const h = Math.min(this.renderHeight, Math.round(w / aspect));\n    drawFrame(\n      gl,\n      entry.shader,\n      entry.controls,\n      entry.values,\n      {\n        width: w,\n        height: h,\n        time,\n        delta: this.interval / 1000,\n        frame: Math.floor(time * this.fps),\n        mouse: [0, 0, 0, 0],\n        // A hovered thumbnail is pointed at in its middle, for effects that answer hovers.\n        pointer: [w / 2, h / 2, entry.hovered ? 1 : 0, 0],\n      },\n      this.textures ?? undefined,\n    );\n    // The GL canvas's drawing buffer is valid until this task ends; copy it now.\n    // WebGL draws from the bottom left, so the frame sits at the bottom of the canvas.\n    if (this.alpha) {\n      entry.ctx.clearRect(0, 0, entry.canvas.width, entry.canvas.height);\n    }\n    entry.ctx.drawImage(\n      this.glCanvas!,\n      0,\n      this.renderHeight - h,\n      w,\n      h,\n      0,\n      0,\n      entry.canvas.width,\n      entry.canvas.height,\n    );\n    entry.dirty = false;\n  }\n\n  private schedule() {\n    if (!this.raf && this.entries.size) this.raf = requestAnimationFrame(this.tick);\n  }\n\n  private tick = (now: number) => {\n    this.raf = 0;\n    const gl = this.context();\n    if (!gl) return;\n    this.start ??= now;\n    const animate = now - this.last >= this.interval;\n    const time = (now - this.start) / 1000;\n    let keepGoing = false;\n    // Compiling is the slow part, so a row of thumbnails scrolling into view compiles one per frame.\n    let compiles = 1;\n    for (const entry of this.entries) {\n      if (!entry.visible) continue;\n      if (!entry.shader && !entry.failed) {\n        if (!compiles) {\n          keepGoing = true;\n          continue;\n        }\n        compiles--;\n      }\n      const moving = !this.reducedMotion || entry.hovered;\n      if (entry.dirty || (moving && animate)) {\n        this.renderEntry(entry, gl, moving ? time : this.stillTime);\n      }\n      if (moving && entry.shader) keepGoing = true;\n    }\n    if (animate) this.last = now;\n    if (keepGoing) this.schedule();\n  };\n}\n\nfunction sizeCanvas(canvas: HTMLCanvasElement) {\n  // The layout size, not the bounding box: a rotated or scaled canvas keeps its own proportions.\n  const ratio = Math.min(window.devicePixelRatio || 1, 2);\n  const w = Math.max(1, Math.round(canvas.clientWidth * ratio));\n  const h = Math.max(1, Math.round(canvas.clientHeight * ratio));\n  if (canvas.width !== w || canvas.height !== h) {\n    canvas.width = w;\n    canvas.height = h;\n  }\n}\n\nlet shared: ThumbnailPool | null = null;\n\n/** The pool `registerThumbnail` uses, created on first use. */\nexport function sharedThumbnailPool(): ThumbnailPool {\n  shared ??= new ThumbnailPool();\n  return shared;\n}\n\n/** Registers a thumbnail with the shared pool. See {@link ThumbnailPool.register}. */\nexport function registerThumbnail(\n  canvas: HTMLCanvasElement,\n  source: string,\n  values?: Record<string, ControlValue>,\n  onStatus?: (ok: boolean) => void,\n): ThumbnailHandle {\n  return sharedThumbnailPool().register(canvas, source, values, onStatus);\n}\n","// gifenc ships without types. The reference (not an import) brings them along when a host\n// type-checks these sources through the `workspace` condition.\n// eslint-disable-next-line @typescript-eslint/triple-slash-reference\n/// <reference path=\"./gifenc.d.ts\" />\nimport type { ControlValue } from \"./controls.js\";\nimport { ShaderFrames } from \"./frames.js\";\n\nexport interface GifOptions {\n  source: string;\n  values?: Record<string, ControlValue>;\n  width: number;\n  height: number;\n  /** Frames per second. GIF delays are whole hundredths of a second, so 10, 20, 25 and 50 play back exactly. */\n  fps: number;\n  /** Seconds of animation to record. */\n  duration: number;\n  /** `iTime` of the first frame (default 0). */\n  start?: number;\n  /** Called after each frame with the frames done and the total. */\n  onProgress?: (done: number, total: number) => void;\n  /** Aborting rejects with an `AbortError` `DOMException`. */\n  signal?: AbortSignal;\n}\n\n/** Lets the page repaint between frames so progress shows and Cancel works. */\nconst yieldToBrowser = () => new Promise<void>((resolve) => setTimeout(resolve, 0));\n\n/**\n * Records a shader as an animated GIF that loops forever. Frames are rendered\n * off screen at exact time steps (`start + i / fps`), so the result is smooth\n * whatever the page's frame rate, and nothing on screen is disturbed. Each\n * frame gets its own 256-colour palette. The encoder,\n * [gifenc](https://github.com/mattdesl/gifenc), is loaded on first use.\n *\n * Image controls are loaded before the first frame. Rejects with a\n * `ShaderCompileError` when the source does not compile, and an\n * `ImageLoadError` when an image cannot be loaded.\n */\nexport async function recordGif(options: GifOptions): Promise<Blob> {\n  const { source, values, width, height, fps, duration, start = 0, onProgress, signal } = options;\n  const { GIFEncoder, quantize, applyPalette } = await import(\"gifenc\");\n\n  const frames = new ShaderFrames({ source, values, width, height });\n  try {\n    await frames.ready();\n    const total = Math.max(1, Math.round(duration * fps));\n    const delay = 1000 / fps;\n    const rgba = new Uint8Array(frames.width * frames.height * 4);\n    const gif = GIFEncoder();\n\n    for (let i = 0; i < total; i++) {\n      if (signal?.aborted) throw new DOMException(\"Cancelled\", \"AbortError\");\n      frames.render(start + i / fps, { frame: i, delta: 1 / fps });\n      frames.readPixels(rgba);\n      const palette = quantize(rgba, 256);\n      gif.writeFrame(applyPalette(rgba, palette), frames.width, frames.height, {\n        palette,\n        delay,\n        ...(i === 0 ? { repeat: 0 } : {}),\n      });\n      onProgress?.(i + 1, total);\n      if (i % 2 === 1) await yieldToBrowser();\n    }\n\n    gif.finish();\n    return new Blob([gif.bytes()], { type: \"image/gif\" });\n  } finally {\n    frames.dispose();\n  }\n}\n","import { controlValue, parseControls, type ControlValue } from \"./controls.js\";\nimport { HOVER_SECONDS, MAX_CLICKS, MAX_TRAIL, TRAIL_SECONDS } from \"./pointer.js\";\nimport { VERTEX_SOURCE, wrapSource } from \"./program.js\";\nimport { SVG_EDGE } from \"./textures.js\";\n\nconst escapeHtml = (s: string) =>\n  s.replace(/[&<>\"]/g, (c) => ({ \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\", '\"': \"&quot;\" })[c]!);\n\n/** JSON that is safe inside a `<script>`: a `</script>` or `<!--` in a shader comment cannot end it. */\nconst scriptJson = (value: unknown) => JSON.stringify(value).replace(/</g, \"\\\\u003c\");\n\nexport interface StandaloneOptions {\n  /** The comment at the top of the script, saying where the page came from. */\n  credit?: string;\n  /**\n   * Sound for audio-reactive shaders (`iAudio`, `iSpectrum`, `iBeat`): an\n   * audio file's URL, shown as a looping `<audio controls>` player in the\n   * corner, or `\"mic\"`, a button that asks for the microphone (heard, not\n   * played back). Browsers only start sound after a click, so the page\n   * listens once the player is played or the button pressed. A file from\n   * another site needs CORS (it is loaded with `crossorigin=\"anonymous\"`).\n   * Without it, audio effects play their idle demos.\n   */\n  audio?: string;\n}\n\n/** The page's sound: `AudioAnalysis` in a few lines (see audio.ts), fed by an `AnalyserNode`. */\nconst AUDIO_SCRIPT = `\n// iAudio, iSpectrum and iBeat, as Flair's AudioAnalysis works them out: dB to 0–1, 64 log bins, band\n// averages, loudness from RMS, attack/release smoothing, and beats on the bass over its recent average.\nlet hear = null;\nfunction listen(ctx, node) {\n  const an = ctx.createAnalyser();\n  an.fftSize = 2048; an.smoothingTimeConstant = 0; an.minDecibels = -100; an.maxDecibels = -30;\n  node.connect(an);\n  const n = an.frequencyBinCount, hz = ctx.sampleRate / an.fftSize, top = Math.min(16000, ctx.sampleRate / 2);\n  const freq = new Float32Array(n), wave = new Float32Array(an.fftSize), raw = new Float32Array(64), spec = new Float32Array(64), v = new Float32Array(n);\n  const bins = [...Array(64)].map((_, i) => [30 * (top / 30) ** (i / 64) / hz, 30 * (top / 30) ** ((i + 1) / 64) / hz]);\n  const bands = [[20, 250], [250, 2000], [2000, 16000]].map(([a, b]) => [Math.max(0, Math.ceil(a / hz)), Math.min(n - 1, Math.floor(Math.min(b, ctx.sampleRate / 2) / hz))]);\n  let vals = [0, 0, 0, 0], last = null, avg = 0, armed = true, beatAt = null;\n  hear = (t) => {\n    an.getFloatFrequencyData(freq); an.getFloatTimeDomainData(wave);\n    for (let k = 0; k < n; k++) v[k] = isFinite(freq[k]) ? Math.min(1, Math.max(0, (freq[k] + 100) / 70)) : 0;\n    bins.forEach(([k0, k1], b) => {\n      const from = Math.ceil(k0), to = Math.min(n - 1, Math.floor(k1));\n      let x = 0;\n      if (to >= from) for (let k = from; k <= to; k++) x = Math.max(x, v[k]);\n      else { const k = Math.min(n - 1.001, (k0 + k1) / 2), i = Math.floor(k); x = v[i] + (v[Math.min(n - 1, i + 1)] - v[i]) * (k - i); }\n      raw[b] = x;\n    });\n    const band = ([a, b]) => { let s = 0; for (let k = a; k <= b; k++) s += v[k]; return b >= a ? s / (b - a + 1) : 0; };\n    let rms = 0; for (const s of wave) rms += s * s; rms = Math.sqrt(rms / wave.length);\n    const level = rms > 0 ? Math.min(1, Math.max(0, 1 + 20 * Math.log10(rms) / 60)) : 0;\n    const bass = band(bands[0]), now = [level, bass, band(bands[1]), band(bands[2])];\n    const dt = last === null ? Infinity : Math.max(0, t - last), up = 1 - Math.exp(-dt / 0.03), down = 1 - Math.exp(-dt / 0.25);\n    const ease = (a, b) => a + (b - a) * (b > a ? up : down);\n    for (let b = 0; b < 64; b++) spec[b] = ease(spec[b], raw[b]);\n    vals = vals.map((x, i) => ease(x, now[i]));\n    const onset = bass - avg, th = 0.12 + 0.15 * avg;\n    if (last !== null && armed && onset > th && bass > 0.2 && (beatAt === null || t - beatAt >= 0.22)) { beatAt = t; armed = false; }\n    else if (onset < th * 0.5) armed = true;\n    avg = last === null ? bass : avg + (bass - avg) * (1 - Math.exp(-dt / 0.6));\n    last = t;\n    return { a: vals, s: spec, b: beatAt === null ? -1 : t - beatAt };\n  };\n}\nconst audioCtx = () => (window.flairAudio ??= new (window.AudioContext || window.webkitAudioContext)());\nconst player = document.getElementById(\"a\");\nif (player) player.addEventListener(\"play\", () => {\n  const ctx = audioCtx();\n  ctx.resume();\n  if (!hear) { const src = ctx.createMediaElementSource(player); src.connect(ctx.destination); listen(ctx, src); }\n});\nconst mic = document.getElementById(\"m\");\nif (mic) mic.addEventListener(\"click\", async () => {\n  const ctx = audioCtx();\n  await ctx.resume();\n  try {\n    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n    listen(ctx, ctx.createMediaStreamSource(stream));\n    mic.textContent = \"Listening\";\n    mic.disabled = true;\n  } catch (e) { mic.textContent = \"No microphone\"; }\n});`;\n\n/**\n * A self-contained HTML page that runs the shader full-window, with the\n * control values baked in. It has no dependencies and opens from disk. Like\n * the live preview, it feeds `iMouse` from pointer drags and caps the pixel\n * ratio at 2. It also feeds the pointer built-ins, and the audio ones from\n * a player or the microphone when `options.audio` asks for it. The page\n * itself does not scroll, so `iScroll` stays 0 (scroll effects play their\n * idle demos).\n *\n * Images are loaded by URL when the page opens: a `data:` URL travels with\n * the page, an `https:` one needs the network and CORS, and a `blob:` one\n * only lives as long as the page that made it. SVGs are sized to\n * {@link SVG_EDGE} pixels before they are decoded, as `loadImage` does.\n */\nexport function standaloneHtml(\n  title: string,\n  source: string,\n  values?: Record<string, ControlValue>,\n  options: StandaloneOptions = {},\n): string {\n  const controls = parseControls(source).map((c) => ({\n    name: c.name,\n    type: c.type,\n    value: controlValue(c, values),\n    ...(c.texture ? { texture: c.texture } : {}),\n  }));\n  const credit = (options.credit ?? \"Exported with Flair.\").replace(/\\n/g, \" \");\n  const corner = \"position:fixed;left:12px;bottom:12px;z-index:1\";\n  const audio =\n    options.audio === undefined\n      ? \"\"\n      : options.audio === \"mic\"\n        ? `<button id=\"m\" style=\"${corner};font:14px system-ui,sans-serif;padding:6px 12px;border-radius:6px;border:0;background:#fff;color:#000;cursor:pointer\">Use microphone</button>\\n`\n        : `<audio id=\"a\" src=\"${escapeHtml(options.audio)}\" controls loop crossorigin=\"anonymous\" style=\"${corner}\"></audio>\\n`;\n  return `<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>${escapeHtml(title)}</title>\n<style>html,body{margin:0;height:100%;background:#000}canvas{display:block;width:100%;height:100%}</style>\n</head>\n<body>\n<canvas id=\"c\"></canvas>\n${audio}<script>\n// ${credit.replace(/</g, \"\\\\u003c\")} Shadertoy-style fragment shader on WebGL2.\nconst VERTEX = ${scriptJson(VERTEX_SOURCE)};\nconst FRAGMENT = ${scriptJson(wrapSource(source))};\nconst CONTROLS = ${scriptJson(controls)};\nconst canvas = document.getElementById(\"c\");\nconst gl = canvas.getContext(\"webgl2\");\nif (!gl) document.body.textContent = \"WebGL2 is not available.\";\nfunction compile(type, src) {\n  const s = gl.createShader(type);\n  gl.shaderSource(s, src);\n  gl.compileShader(s);\n  if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) throw new Error(gl.getShaderInfoLog(s));\n  return s;\n}\nconst program = gl.createProgram();\ngl.attachShader(program, compile(gl.VERTEX_SHADER, VERTEX));\ngl.attachShader(program, compile(gl.FRAGMENT_SHADER, FRAGMENT));\ngl.linkProgram(program);\ngl.useProgram(program);\nconst u = (n) => gl.getUniformLocation(program, n);\nlet unit = 0;\n// An SVG decodes at its own, often icon, size: give it ${SVG_EDGE} px on its long edge (and a\n// viewBox, so the drawing scales) to keep it sharp.\nasync function sizedSvg(url) {\n  const doc = new DOMParser().parseFromString(await (await fetch(url)).text(), \"image/svg+xml\");\n  const svg = doc.documentElement;\n  const len = (n) => { const m = (svg.getAttribute(n) || \"\").trim().match(/^([\\\\d.]+)(px)?$/); return m && +m[1] > 0 ? +m[1] : 0; };\n  const box = (svg.getAttribute(\"viewBox\") || \"\").trim().split(/[\\\\s,]+/).map(Number);\n  const hasBox = box.length === 4 && box[2] > 0 && box[3] > 0;\n  const w = len(\"width\") || (hasBox ? box[2] : 300), h = len(\"height\") || (hasBox ? box[3] : 150);\n  const scale = ${SVG_EDGE} / Math.max(w, h);\n  if (!hasBox) svg.setAttribute(\"viewBox\", \"0 0 \" + w + \" \" + h);\n  svg.setAttribute(\"width\", Math.max(1, Math.round(w * scale)));\n  svg.setAttribute(\"height\", Math.max(1, Math.round(h * scale)));\n  return URL.createObjectURL(new Blob([new XMLSerializer().serializeToString(svg)], { type: \"image/svg+xml\" }));\n}\nfunction image(loc, url, texture) {\n  const i = unit++, t = gl.createTexture();\n  const bind = () => { gl.activeTexture(gl.TEXTURE0 + i); gl.bindTexture(gl.TEXTURE_2D, t); };\n  const filter = { mipmap: gl.LINEAR_MIPMAP_LINEAR, linear: gl.LINEAR, nearest: gl.NEAREST }[texture.filter];\n  const wrap = { repeat: gl.REPEAT, clamp: gl.CLAMP_TO_EDGE, mirror: gl.MIRRORED_REPEAT }[texture.wrap];\n  bind();\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, new Uint8Array([0, 0, 0, 255]));\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, texture.filter === \"nearest\" ? gl.NEAREST : gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, wrap);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, wrap);\n  gl.uniform1i(loc, i);\n  if (!url) return;\n  const img = new Image();\n  if (!/^(data|blob):/i.test(url)) img.crossOrigin = \"anonymous\";\n  img.onload = () => {\n    bind();\n    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);\n    gl.generateMipmap(gl.TEXTURE_2D);\n  };\n  if (/^data:image\\\\/svg\\\\+xml[;,]/i.test(url) || /^(?!data:)[^?#]*\\\\.svg([?#]|$)/i.test(url)) {\n    sizedSvg(url).then((src) => { img.src = src; }, () => {});\n  } else img.src = url;\n}\nfor (const c of CONTROLS) {\n  const loc = u(c.name);\n  const v = c.value;\n  if (c.type === \"float\") gl.uniform1f(loc, v);\n  else if (c.type === \"int\" || c.type === \"bool\") gl.uniform1i(loc, Number(v));\n  else if (c.type === \"sampler2D\") image(loc, v, c.texture);\n  else gl[\"uniform\" + v.length + \"fv\"](loc, v);\n}\nlet mouse = [0, 0, 0, 0];\nconst px = (e) => { const r = canvas.getBoundingClientRect(); return [(e.clientX - r.left) * canvas.width / r.width, (r.bottom - e.clientY) * canvas.height / r.height]; };\ncanvas.addEventListener(\"pointerdown\", (e) => { const [x, y] = px(e); mouse = [x, y, x, y]; });\ncanvas.addEventListener(\"pointermove\", (e) => { if (e.buttons && mouse[2] > 0) { const [x, y] = px(e); mouse = [x, y, mouse[2], mouse[3]]; } });\naddEventListener(\"pointerup\", () => { if (mouse[2] > 0) mouse = [mouse[0], mouse[1], -mouse[2], -Math.abs(mouse[3])]; });\nlet start = performance.now(), last = start, frame = 0;\n// iPointer (where, how hovered, seconds pressed), iClicks (the latest clicks) and iTrail (where it has just been), newest first.\nconst seconds = () => (performance.now() - start) / 1000;\nlet at = [0, 0], over = false, hoverFrom = 0, hoverAt = -1e9, pressedAt = -1, releasedAt = -1, clicks = [], trail = [];\nconst hovered = (t) => { const k = Math.min(1, Math.max(0, (t - hoverAt) / ${HOVER_SECONDS})); return hoverFrom + ((over ? 1 : 0) - hoverFrom) * k * k * (3 - 2 * k); };\nconst hover = (on) => { const t = seconds(); hoverFrom = hovered(t); hoverAt = t; over = on; };\ncanvas.addEventListener(\"pointerenter\", (e) => { at = px(e); hover(true); toTrail(); });\ncanvas.addEventListener(\"pointerleave\", () => hover(false));\n// A trail point at most every ${TRAIL_SECONDS.toFixed(4)} s; moves in between update the newest.\nconst toTrail = () => { const t = seconds(); if (trail.length && t - trail[0][2] < ${TRAIL_SECONDS}) trail[0] = [at[0], at[1], trail[0][2], 1]; else trail = [[at[0], at[1], t, 1], ...trail].slice(0, ${MAX_TRAIL}); };\ncanvas.addEventListener(\"pointermove\", (e) => { at = px(e); toTrail(); });\ncanvas.addEventListener(\"pointerdown\", (e) => { at = px(e); pressedAt = seconds(); clicks.unshift([at[0], at[1], pressedAt, 1]); clicks = clicks.slice(0, ${MAX_CLICKS}); });\naddEventListener(\"pointerup\", () => { if (pressedAt >= 0) releasedAt = seconds(); pressedAt = -1; });${options.audio === undefined ? \"\" : AUDIO_SCRIPT}\nfunction draw(now) {\n  const dpr = Math.min(devicePixelRatio || 1, 2);\n  const w = Math.round(canvas.clientWidth * dpr), h = Math.round(canvas.clientHeight * dpr);\n  if (canvas.width !== w || canvas.height !== h) { canvas.width = w; canvas.height = h; }\n  gl.viewport(0, 0, w, h);\n  gl.uniform3f(u(\"iResolution\"), w, h, 1);\n  gl.uniform1f(u(\"iTime\"), (now - start) / 1000);\n  gl.uniform1f(u(\"iTimeDelta\"), (now - last) / 1000);\n  gl.uniform1i(u(\"iFrame\"), frame++);\n  gl.uniform4f(u(\"iMouse\"), mouse[0], mouse[1], mouse[2], mouse[3]);\n  const t = (now - start) / 1000;\n  gl.uniform4f(u(\"iPointer\"), at[0], at[1], hovered(t), pressedAt >= 0 ? Math.max(0, t - pressedAt) : releasedAt >= 0 ? -Math.max(1e-3, t - releasedAt) : 0);\n  const c = new Float32Array(${MAX_CLICKS * 4});\n  clicks.forEach((k, i) => c.set(k, i * 4));\n  gl.uniform4fv(u(\"iClicks\"), c);\n  const p = new Float32Array(${MAX_TRAIL * 4});\n  trail.forEach((k, i) => p.set(k, i * 4));\n  gl.uniform4fv(u(\"iTrail\"), p);${\n    options.audio === undefined\n      ? \"\"\n      : `\n  // With no sound yet every audio uniform stays 0, and audio effects play their idle demos.\n  if (hear) { const s = hear(now / 1000); gl.uniform4f(u(\"iAudio\"), s.a[0], s.a[1], s.a[2], s.a[3]); gl.uniform4fv(u(\"iSpectrum\"), s.s); gl.uniform1f(u(\"iBeat\"), s.b); }`\n  }\n  gl.drawArrays(gl.TRIANGLES, 0, 3);\n  last = now;\n  requestAnimationFrame(draw);\n}\nrequestAnimationFrame(draw);\n</script>\n</body>\n</html>\n`;\n}\n","/**\n * 38 Layer Blend Modes for Compositing and WebGL Shader Generation.\n * Mathematically matching Adobe After Effects & EffectCraft blending standards.\n */\n\nexport type BlendMode =\n  | 'normal'\n  | 'dissolve'\n  | 'dancingDissolve'\n  | 'darken'\n  | 'multiply'\n  | 'colorBurn'\n  | 'classicColorBurn'\n  | 'linearBurn'\n  | 'darkerColor'\n  | 'add'\n  | 'lighten'\n  | 'screen'\n  | 'colorDodge'\n  | 'classicColorDodge'\n  | 'linearDodge'\n  | 'lighterColor'\n  | 'overlay'\n  | 'softLight'\n  | 'hardLight'\n  | 'linearLight'\n  | 'vividLight'\n  | 'pinLight'\n  | 'hardMix'\n  | 'difference'\n  | 'classicDifference'\n  | 'exclusion'\n  | 'subtract'\n  | 'divide'\n  | 'hue'\n  | 'saturation'\n  | 'color'\n  | 'luminosity'\n  | 'stencilAlpha'\n  | 'stencilLuma'\n  | 'silhouetteAlpha'\n  | 'silhouetteLuma'\n  | 'alphaAdd'\n  | 'luminescentPremul';\n\nexport const ALL_BLEND_MODES: readonly BlendMode[] = [\n  'normal',\n  'dissolve',\n  'dancingDissolve',\n  'darken',\n  'multiply',\n  'colorBurn',\n  'classicColorBurn',\n  'linearBurn',\n  'darkerColor',\n  'add',\n  'lighten',\n  'screen',\n  'colorDodge',\n  'classicColorDodge',\n  'linearDodge',\n  'lighterColor',\n  'overlay',\n  'softLight',\n  'hardLight',\n  'linearLight',\n  'vividLight',\n  'pinLight',\n  'hardMix',\n  'difference',\n  'classicDifference',\n  'exclusion',\n  'subtract',\n  'divide',\n  'hue',\n  'saturation',\n  'color',\n  'luminosity',\n  'stencilAlpha',\n  'stencilLuma',\n  'silhouetteAlpha',\n  'silhouetteLuma',\n  'alphaAdd',\n  'luminescentPremul',\n];\n\nexport type ColorRgba = [number, number, number, number];\n\nfunction lum(r: number, g: number, b: number): number {\n  return 0.3 * r + 0.59 * g + 0.11 * b;\n}\n\nfunction sat(r: number, g: number, b: number): number {\n  return Math.max(r, g, b) - Math.min(r, g, b);\n}\n\nfunction clipColor(r: number, g: number, b: number): [number, number, number] {\n  const l = lum(r, g, b);\n  const n = Math.min(r, g, b);\n  const x = Math.max(r, g, b);\n  let cr = r;\n  let cg = g;\n  let cb = b;\n  if (n < 0.0) {\n    const denom = Math.max(1e-9, l - n);\n    cr = l + ((cr - l) * l) / denom;\n    cg = l + ((cg - l) * l) / denom;\n    cb = l + ((cb - l) * l) / denom;\n  }\n  if (x > 1.0) {\n    const denom = Math.max(1e-9, x - l);\n    cr = l + ((cr - l) * (1.0 - l)) / denom;\n    cg = l + ((cg - l) * (1.0 - l)) / denom;\n    cb = l + ((cb - l) * (1.0 - l)) / denom;\n  }\n  return [cr, cg, cb];\n}\n\nfunction setLum(r: number, g: number, b: number, l: number): [number, number, number] {\n  const d = l - lum(r, g, b);\n  return clipColor(r + d, g + d, b + d);\n}\n\nfunction setSat(r: number, g: number, b: number, s: number): [number, number, number] {\n  const mx = Math.max(r, g, b);\n  const mn = Math.min(r, g, b);\n  if (mx - mn <= 1e-9) return [0, 0, 0];\n  const f = (v: number) => ((v - mn) * s) / (mx - mn);\n  return [f(r), f(g), f(b)];\n}\n\nfunction burn(cb: number, cs: number): number {\n  if (cb >= 1.0) return 1.0;\n  if (cs <= 0.0) return 0.0;\n  return 1.0 - Math.min(1.0, (1.0 - cb) / cs);\n}\n\nfunction dodge(cb: number, cs: number): number {\n  if (cb <= 0.0) return 0.0;\n  if (cs >= 1.0) return 1.0;\n  return Math.min(1.0, cb / (1.0 - cs));\n}\n\nfunction hardLight(cb: number, cs: number): number {\n  if (cs <= 0.5) {\n    return cb * 2.0 * cs;\n  }\n  const s = 2.0 * cs - 1.0;\n  return cb + s - cb * s;\n}\n\nfunction softLight(cb: number, cs: number): number {\n  if (cs <= 0.5) {\n    return cb - (1.0 - 2.0 * cs) * cb * (1.0 - cb);\n  }\n  const d = cb <= 0.25 ? ((16.0 * cb - 12.0) * cb + 4.0) * cb : Math.sqrt(Math.max(0.0, cb));\n  return cb + (2.0 * cs - 1.0) * (d - cb);\n}\n\nfunction vividLight(cb: number, cs: number): number {\n  return cs <= 0.5 ? burn(cb, 2.0 * cs) : dodge(cb, 2.0 * (cs - 0.5));\n}\n\nfunction separableBlend(mode: BlendMode, cb: number, cs: number): number {\n  switch (mode) {\n    case 'darken':\n      return Math.min(cb, cs);\n    case 'multiply':\n      return cb * cs;\n    case 'colorBurn':\n      return burn(cb, cs);\n    case 'classicColorBurn':\n      return cs <= 0.0 ? 0.0 : 1.0 - (1.0 - cb) / cs;\n    case 'linearBurn':\n      return Math.max(0.0, cb + cs - 1.0);\n    case 'add':\n    case 'linearDodge':\n      return cb + cs;\n    case 'lighten':\n      return Math.max(cb, cs);\n    case 'screen':\n      return cb + cs - cb * cs;\n    case 'colorDodge':\n      return dodge(cb, cs);\n    case 'classicColorDodge':\n      return cs >= 1.0 ? 1.0 : Math.min(1.0, cb / (1.0 - cs));\n    case 'overlay':\n      return hardLight(cs, cb);\n    case 'softLight':\n      return softLight(cb, cs);\n    case 'hardLight':\n      return hardLight(cb, cs);\n    case 'linearLight':\n      return Math.min(1.0, Math.max(0.0, cb + 2.0 * cs - 1.0));\n    case 'vividLight':\n      return vividLight(cb, cs);\n    case 'pinLight':\n      return cs <= 0.5 ? Math.min(cb, 2.0 * cs) : Math.max(cb, 2.0 * cs - 1.0);\n    case 'hardMix':\n      return cb + cs >= 1.0 ? 1.0 : 0.0;\n    case 'difference':\n    case 'classicDifference':\n      return Math.abs(cb - cs);\n    case 'exclusion':\n      return cb + cs - 2.0 * cb * cs;\n    case 'subtract':\n      return Math.max(0.0, cb - cs);\n    case 'divide':\n      return cs <= 0.0 ? (cb > 0.0 ? 1.0 : 0.0) : cb / cs;\n    default:\n      return cs;\n  }\n}\n\n/**\n * Evaluates CPU compositing of premultiplied RGBA source onto premultiplied RGBA destination.\n *\n * @param mode Blend mode to apply.\n * @param dst Destination premultiplied RGBA [r, g, b, a] in [0, 1].\n * @param src Source premultiplied RGBA [r, g, b, a] in [0, 1].\n * @param noise Per-pixel noise parameter in [0, 1] for Dissolve modes (default: 0).\n */\nexport function blendRgba(\n  mode: BlendMode,\n  dst: ColorRgba,\n  src: ColorRgba,\n  noise = 0,\n): ColorRgba {\n  const sa = src[3];\n  const da = dst[3];\n\n  switch (mode) {\n    case 'normal': {\n      const k = 1.0 - sa;\n      return [src[0] + dst[0] * k, src[1] + dst[1] * k, src[2] + dst[2] * k, sa + da * k];\n    }\n    case 'dissolve':\n    case 'dancingDissolve': {\n      if (sa <= 0.0 || noise >= sa) return [...dst];\n      const inv = 1.0 / sa;\n      return [src[0] * inv, src[1] * inv, src[2] * inv, 1.0];\n    }\n    case 'stencilAlpha':\n      return [dst[0] * sa, dst[1] * sa, dst[2] * sa, dst[3] * sa];\n    case 'silhouetteAlpha': {\n      const k = 1.0 - sa;\n      return [dst[0] * k, dst[1] * k, dst[2] * k, dst[3] * k];\n    }\n    case 'stencilLuma':\n    case 'silhouetteLuma': {\n      const l = lum(src[0], src[1], src[2]);\n      const k = mode === 'stencilLuma' ? l : 1.0 - l;\n      return [dst[0] * k, dst[1] * k, dst[2] * k, dst[3] * k];\n    }\n    case 'alphaAdd': {\n      const k = 1.0 - sa;\n      return [src[0] + dst[0] * k, src[1] + dst[1] * k, src[2] + dst[2] * k, Math.min(1.0, sa + da)];\n    }\n    case 'luminescentPremul': {\n      const k = 1.0 - sa;\n      return [src[0] + dst[0] * k, src[1] + dst[1] * k, src[2] + dst[2] * k, sa + da - sa * da];\n    }\n  }\n\n  if (sa <= 0.0) return [...dst];\n  if (da <= 0.0) return [...src];\n\n  const cs: [number, number, number] = [src[0] / sa, src[1] / sa, src[2] / sa];\n  const cb: [number, number, number] = [dst[0] / da, dst[1] / da, dst[2] / da];\n\n  let b: [number, number, number];\n  switch (mode) {\n    case 'hue':\n      b = setLum(...setSat(cs[0], cs[1], cs[2], sat(...cb)), lum(...cb));\n      break;\n    case 'saturation':\n      b = setLum(...setSat(cb[0], cb[1], cb[2], sat(...cs)), lum(...cb));\n      break;\n    case 'color':\n      b = setLum(cs[0], cs[1], cs[2], lum(...cb));\n      break;\n    case 'luminosity':\n      b = setLum(cb[0], cb[1], cb[2], lum(...cs));\n      break;\n    case 'darkerColor':\n      b = lum(...cs) < lum(...cb) ? cs : cb;\n      break;\n    case 'lighterColor':\n      b = lum(...cs) > lum(...cb) ? cs : cb;\n      break;\n    default:\n      b = [\n        separableBlend(mode, cb[0], cs[0]),\n        separableBlend(mode, cb[1], cs[1]),\n        separableBlend(mode, cb[2], cs[2]),\n      ];\n      break;\n  }\n\n  const ao = sa + da - sa * da;\n  return [\n    (1.0 - da) * src[0] + (1.0 - sa) * dst[0] + sa * da * b[0],\n    (1.0 - da) * src[1] + (1.0 - sa) * dst[1] + sa * da * b[1],\n    (1.0 - da) * src[2] + (1.0 - sa) * dst[2] + sa * da * b[2],\n    ao,\n  ];\n}\n\n/**\n * Returns a self-contained GLSL shader function for blending two vec4 colors.\n * Useful for runtime GPU compositing across multiple shader layers or passes.\n */\nexport function getGlslBlendFunction(mode: BlendMode): string {\n  switch (mode) {\n    case 'multiply':\n      return `vec4 blend(vec4 dst, vec4 src) {\n  return vec4(src.rgb * dst.rgb * src.a + dst.rgb * (1.0 - src.a), src.a + dst.a * (1.0 - src.a));\n}`;\n    case 'screen':\n      return `vec4 blend(vec4 dst, vec4 src) {\n  vec3 res = src.rgb + dst.rgb - src.rgb * dst.rgb;\n  return vec4(mix(dst.rgb, res, src.a), src.a + dst.a * (1.0 - src.a));\n}`;\n    case 'add':\n    case 'linearDodge':\n      return `vec4 blend(vec4 dst, vec4 src) {\n  return vec4(min(vec3(1.0), dst.rgb + src.rgb * src.a), min(1.0, dst.a + src.a));\n}`;\n    case 'overlay':\n      return `vec4 blend(vec4 dst, vec4 src) {\n  vec3 res = mix(2.0 * dst.rgb * src.rgb, 1.0 - 2.0 * (1.0 - dst.rgb) * (1.0 - src.rgb), step(vec3(0.5), dst.rgb));\n  return vec4(mix(dst.rgb, res, src.a), src.a + dst.a * (1.0 - src.a));\n}`;\n    case 'difference':\n      return `vec4 blend(vec4 dst, vec4 src) {\n  return vec4(mix(dst.rgb, abs(dst.rgb - src.rgb), src.a), src.a + dst.a * (1.0 - src.a));\n}`;\n    case 'normal':\n    default:\n      return `vec4 blend(vec4 dst, vec4 src) {\n  return src + dst * (1.0 - src.a);\n}`;\n  }\n}\n","import { CAMERA_TRANSITIONS, MAX_TILT } from './camera.js';\nimport type { Scene, Shot } from './types.js';\nimport { EFFECT_TYPES } from './effects.js';\n\nexport interface SceneIssue {\n  /** 1-based shot index (0 indicates whole scene level). */\n  shot: number;\n  message: string;\n}\n\nconst LONG_CAPTION = 120;\nconst LONG_TITLE = 60;\nconst MAX_EFFECTS_PER_SHOT = 5;\n\n/** Validates a Scene before running or rendering it. */\nexport function validateScene(scene: Scene): SceneIssue[] {\n  const issues: SceneIssue[] = [];\n  const say = (shot: number, message: string) => issues.push({ shot, message });\n\n  if (!scene.name || typeof scene.name !== 'string') {\n    say(0, 'Scene needs a string name.');\n  } else if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(scene.name)) {\n    say(0, `Scene name \"${scene.name}\" should be lowercase words and dashes.`);\n  }\n\n  if (!Array.isArray(scene.shots) || scene.shots.length === 0) {\n    say(0, 'Scene needs at least one shot.');\n    return issues;\n  }\n\n  const mediaKeys = new Set(Object.keys(scene.media ?? {}));\n  const effectIds = new Set<string>();\n\n  // Check media\n  if (scene.media) {\n    for (const [id, m] of Object.entries(scene.media)) {\n      if (!m || typeof m !== 'object') {\n        say(0, `Media \"${id}\" must be an object.`);\n      } else if (!m.type) {\n        say(0, `Media \"${id}\" needs a type.`);\n      } else if (m.type === 'shader' && !m.source) {\n        say(0, `Shader media \"${id}\" needs a source string.`);\n      }\n    }\n  }\n\n  for (const [idx, shot] of scene.shots.entries()) {\n    const shotNum = idx + 1;\n\n    // Check camera\n    if (shot.camera) {\n      if ('frame' in shot.camera) {\n        if (!Array.isArray(shot.camera.frame) || shot.camera.frame.length === 0) {\n          say(shotNum, 'Dynamic camera framing requires a non-empty frame array of element IDs.');\n        }\n      } else if ('width' in shot.camera && (shot.camera.width <= 0 || shot.camera.height <= 0)) {\n        say(shotNum, 'Camera rectangle width and height must be positive.');\n      }\n      const cam = shot.camera;\n      const angle = (name: 'tilt' | 'turn' | 'roll', max: number) => {\n        const v = cam[name];\n        if (v !== undefined && !(typeof v === 'number' && Math.abs(v) <= max))\n          say(shotNum, `Camera ${name} is degrees between -${max} and ${max}.`);\n      };\n      angle('tilt', MAX_TILT);\n      angle('turn', MAX_TILT);\n      angle('roll', 180);\n      if (cam.perspective !== undefined && !(typeof cam.perspective === 'number' && cam.perspective >= 0.3))\n        say(shotNum, 'Camera perspective is the lens distance as a multiple of the stage width, 0.3 or more (1.2 by default).');\n      if (cam.motionBlur !== undefined && !(typeof cam.motionBlur === 'number' && cam.motionBlur >= 0 && cam.motionBlur <= 3))\n        say(shotNum, 'Camera motionBlur is 0 (none) to 3 (a whip); 1 is natural.');\n      if (cam.transition !== undefined && !CAMERA_TRANSITIONS.includes(cam.transition))\n        say(shotNum, `Camera transition is one of ${CAMERA_TRANSITIONS.map((t) => `\"${t}\"`).join(', ')}; leave it out to move.`);\n      else if (idx === 0 && (cam.transition === 'whip' || cam.transition === 'zoom'))\n        say(shotNum, `The first shot has no framing to ${cam.transition} from, so its camera starts in place; move the transition to a later shot or leave it out.`);\n    }\n\n    // Check hold\n    if (shot.hold !== undefined && shot.hold < 0) {\n      say(shotNum, 'Shot hold cannot be negative.');\n    }\n\n    // Check text lengths\n    if (shot.caption && shot.caption.length > LONG_CAPTION) {\n      say(shotNum, `Caption is long (${shot.caption.length} chars); consider breaking into multiple shots.`);\n    }\n    if (shot.title && shot.title.length > LONG_TITLE) {\n      say(shotNum, `Title is long (${shot.title.length} chars); titles should be concise headings.`);\n    }\n\n    // Check effects\n    const effects = shot.effects ?? [];\n    if (effects.length > MAX_EFFECTS_PER_SHOT) {\n      say(shotNum, `Shot starts ${effects.length} effects at once; consider keeping effects focused.`);\n    }\n\n    for (const eff of effects) {\n      if (!eff.id || typeof eff.id !== 'string') {\n        say(shotNum, 'Every effect needs a unique string id.');\n        continue;\n      }\n      if (effectIds.has(eff.id)) {\n        say(shotNum, `Duplicate effect id \"${eff.id}\".`);\n      }\n      effectIds.add(eff.id);\n\n      if (!EFFECT_TYPES.includes(eff.type as any)) {\n        say(shotNum, `Unknown effect type \"${(eff as any).type}\".`);\n      }\n\n      if (eff.type === 'media') {\n        if (!eff.media) {\n          say(shotNum, `Media effect \"${eff.id}\" needs a media id.`);\n        } else if (!mediaKeys.has(eff.media)) {\n          say(shotNum, `Media effect \"${eff.id}\" references \"${eff.media}\" which is not defined in scene.media.`);\n        }\n      }\n\n      if (eff.type === 'flow' && !eff.along) {\n        say(shotNum, `Flow effect \"${eff.id}\" needs an \"along\" element id.`);\n      }\n\n      if (['glow', 'ripple', 'spotlight', 'shimmer', 'timer', 'blur', 'burst'].includes(eff.type)) {\n        const withIds = eff as { ids?: string[] };\n        if (!Array.isArray(withIds.ids) || withIds.ids.length === 0) {\n          say(shotNum, `${eff.type} effect \"${eff.id}\" needs a non-empty ids array.`);\n        }\n      }\n    }\n  }\n\n  return issues;\n}\n","import type { Stage, View } from './camera.js';\nimport { CAMERA_STEP_MS, cameraAt, cameraTrack, sceneStage } from './cameratrack.js';\nimport type { SceneElement } from './geometry.js';\nimport type { Scene } from './types.js';\n\n/** What the standalone player shows for one shot: the camera's move into it and the elements on stage. */\ninterface ShotPlan {\n  /** The camera at each step of its move into the shot (one view when it does not move). */\n  move: View[];\n  /** How long the move takes, in ms (0 when the shot cuts or stays). */\n  moveMs: number;\n  elements: SceneElement[];\n}\n\n/** Each shot's camera move and elements, worked out the way `playScene` plays them. */\nfunction planShots(scene: Scene, stage: Stage): ShotPlan[] {\n  return cameraTrack(scene).map((entry) => {\n    // The player's steps: the last one lands on the shot's view, with no blur.\n    const steps = Math.round(entry.moveMs / CAMERA_STEP_MS);\n    const move = Array.from({ length: Math.max(0, steps - 1) }, (_, i) => cameraAt(entry, (i + 1) * CAMERA_STEP_MS, stage));\n    move.push(entry.to);\n    return { move, moveMs: entry.moveMs, elements: entry.elements };\n  });\n}\n\n/**\n * Generates a self-contained, standalone HTML player for an animated scene.\n * Includes interactive playback controls, camera moves (panning, zooming,\n * 3D angles and motion blur), title and caption rendering, and embedded\n * WebGL fragment shaders for bespoke motion graphics.\n */\nexport function standaloneSceneHtml(scene: Scene): string {\n  const stage = sceneStage(scene);\n  const serializedScene = JSON.stringify(scene).replace(/</g, '\\\\u003c');\n  const serializedPlan = JSON.stringify({ stage, shots: planShots(scene, stage) }).replace(/</g, '\\\\u003c');\n  const title = scene.title || scene.name;\n\n  return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>${escapeHtml(title)} - Flair</title>\n  <style>\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    body {\n      background: #0f1117;\n      color: #e2e8f0;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 16px;\n      user-select: none;\n    }\n    .player-container {\n      position: relative;\n      width: 100%;\n      max-width: 1200px;\n      aspect-ratio: ${stage.width} / ${stage.height};\n      background: #000;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.1);\n      display: flex;\n      flex-direction: column;\n    }\n    .viewport {\n      position: relative;\n      flex: 1;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n    .board {\n      position: absolute;\n      inset: 0;\n      transform-origin: 50% 50%;\n      will-change: transform, filter;\n    }\n    canvas.layer {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n    .overlay-title {\n      position: absolute;\n      top: 24px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(15, 17, 23, 0.85);\n      backdrop-filter: blur(8px);\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      padding: 8px 24px;\n      border-radius: 9999px;\n      font-size: 1.15rem;\n      font-weight: 600;\n      letter-spacing: 0.02em;\n      color: #fff;\n      pointer-events: none;\n      transition: opacity 0.3s ease;\n      opacity: 0;\n    }\n    .overlay-caption {\n      position: absolute;\n      bottom: 64px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(15, 17, 23, 0.88);\n      backdrop-filter: blur(8px);\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      padding: 10px 20px;\n      border-radius: 8px;\n      font-size: 1.1rem;\n      color: #f1f5f9;\n      max-width: 80%;\n      text-align: center;\n      pointer-events: none;\n      transition: opacity 0.3s ease;\n      opacity: 0;\n    }\n    .controls-bar {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 52px;\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);\n      display: flex;\n      align-items: center;\n      padding: 0 16px;\n      gap: 12px;\n      z-index: 10;\n    }\n    .btn {\n      background: rgba(255, 255, 255, 0.15);\n      border: none;\n      color: #fff;\n      padding: 6px 14px;\n      border-radius: 6px;\n      cursor: pointer;\n      font-size: 0.9rem;\n      font-weight: 500;\n      transition: background 0.15s;\n    }\n    .btn:hover { background: rgba(255, 255, 255, 0.25); }\n    .timeline {\n      flex: 1;\n      height: 6px;\n      background: rgba(255, 255, 255, 0.2);\n      border-radius: 3px;\n      cursor: pointer;\n      position: relative;\n    }\n    .timeline-progress {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      background: #3b82f6;\n      border-radius: 3px;\n      width: 0%;\n    }\n    .shot-badge {\n      font-size: 0.85rem;\n      color: #94a3b8;\n      font-variant-numeric: tabular-nums;\n    }\n  </style>\n</head>\n<body>\n  <div class=\"player-container\">\n    <div class=\"viewport\" id=\"viewport\">\n      <canvas id=\"shaderCanvas\" class=\"layer\"></canvas>\n      <div id=\"board\" class=\"board\"><canvas id=\"sceneCanvas\" class=\"layer\"></canvas></div>\n      <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"><filter id=\"motionBlur\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\"><feGaussianBlur id=\"motionBlurAmount\" stdDeviation=\"0 0\"/></filter></svg>\n      <div id=\"titleEl\" class=\"overlay-title\"></div>\n      <div id=\"captionEl\" class=\"overlay-caption\"></div>\n    </div>\n    <div class=\"controls-bar\">\n      <button id=\"playBtn\" class=\"btn\">Play</button>\n      <button id=\"prevBtn\" class=\"btn\">⏮</button>\n      <button id=\"nextBtn\" class=\"btn\">⏭</button>\n      <div id=\"timeline\" class=\"timeline\">\n        <div id=\"progress\" class=\"timeline-progress\"></div>\n      </div>\n      <div id=\"shotBadge\" class=\"shot-badge\">Shot 1 / 1</div>\n    </div>\n  </div>\n\n  <script>\n    const scene = ${serializedScene};\n    // Each shot's camera move (zoom, scroll, 3D angle and blur at each step) and elements, worked out in advance.\n    const plan = ${serializedPlan};\n    const boardEl = document.getElementById('board');\n    const sceneCanvas = document.getElementById('sceneCanvas');\n    const shaderCanvas = document.getElementById('shaderCanvas');\n    const ctx = sceneCanvas.getContext('2d');\n    const titleEl = document.getElementById('titleEl');\n    const captionEl = document.getElementById('captionEl');\n    const playBtn = document.getElementById('playBtn');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n    const progressEl = document.getElementById('progress');\n    const shotBadge = document.getElementById('shotBadge');\n\n    let currentShotIdx = 0;\n    let isPlaying = false;\n    let shotStartTime = performance.now();\n    let moveFrom = performance.now();\n    let gl = null;\n    let shaderProgram = null;\n\n    function resize() {\n      const rect = sceneCanvas.parentElement.getBoundingClientRect();\n      const dpr = window.devicePixelRatio || 1;\n      sceneCanvas.width = rect.width * dpr;\n      sceneCanvas.height = rect.height * dpr;\n      shaderCanvas.width = rect.width * dpr;\n      shaderCanvas.height = rect.height * dpr;\n    }\n    window.addEventListener('resize', resize);\n    resize();\n\n    // Setup WebGL if shader media is present\n    const firstShaderKey = Object.keys(scene.media || {}).find(k => scene.media[k].type === 'shader');\n    if (firstShaderKey && scene.media[firstShaderKey].source) {\n      try {\n        gl = shaderCanvas.getContext('webgl2');\n        if (gl) {\n          const vs = gl.createShader(gl.VERTEX_SHADER);\n          gl.shaderSource(vs, '#version 300 es\\\\nin vec2 position; void main() { gl_Position = vec4(position, 0.0, 1.0); }');\n          gl.compileShader(vs);\n\n          const fs = gl.createShader(gl.FRAGMENT_SHADER);\n          const fullFrag = '#version 300 es\\\\nprecision highp float;\\\\nout vec4 fragColor;\\\\nuniform vec2 u_resolution;\\\\nuniform float u_time;\\\\n' + scene.media[firstShaderKey].source + '\\\\nvoid main() { mainImage(fragColor, gl_FragCoord.xy); }';\n          gl.shaderSource(fs, fullFrag);\n          gl.compileShader(fs);\n\n          shaderProgram = gl.createProgram();\n          gl.attachShader(shaderProgram, vs);\n          gl.attachShader(shaderProgram, fs);\n          gl.linkProgram(shaderProgram);\n\n          const quad = gl.createBuffer();\n          gl.bindBuffer(gl.ARRAY_BUFFER, quad);\n          gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 3,-1, -1,3]), gl.STATIC_DRAW);\n          const pos = gl.getAttribLocation(shaderProgram, 'position');\n          gl.enableVertexAttribArray(pos);\n          gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 0, 0);\n        }\n      } catch (e) {\n        console.warn('Shader setup failed:', e);\n      }\n    }\n\n    function renderShader(timeSeconds) {\n      if (!gl || !shaderProgram) return;\n      gl.viewport(0, 0, shaderCanvas.width, shaderCanvas.height);\n      gl.useProgram(shaderProgram);\n      const resLoc = gl.getUniformLocation(shaderProgram, 'u_resolution');\n      const timeLoc = gl.getUniformLocation(shaderProgram, 'u_time');\n      if (resLoc) gl.uniform2f(resLoc, shaderCanvas.width, shaderCanvas.height);\n      if (timeLoc) gl.uniform1f(timeLoc, timeSeconds);\n      gl.drawArrays(gl.TRIANGLES, 0, 3);\n    }\n\n    function updateShotUI() {\n      const shot = scene.shots[currentShotIdx];\n      if (!shot) return;\n\n      shotBadge.textContent = 'Shot ' + (currentShotIdx + 1) + ' / ' + scene.shots.length;\n\n      if (shot.title) {\n        titleEl.textContent = shot.title;\n        titleEl.style.opacity = '1';\n      } else {\n        titleEl.style.opacity = '0';\n      }\n\n      if (shot.caption) {\n        captionEl.textContent = shot.caption;\n        captionEl.style.opacity = '1';\n      } else {\n        captionEl.style.opacity = '0';\n      }\n\n      const pct = (currentShotIdx / scene.shots.length) * 100;\n      progressEl.style.width = pct + '%';\n    }\n\n    // The camera at time 'now': a step of the current shot's move, or where it settled.\n    function cameraNow(now) {\n      const { move, moveMs } = plan.shots[currentShotIdx];\n      const u = moveMs > 0 ? Math.min(1, (now - moveFrom) / moveMs) : 1;\n      return move[Math.min(move.length - 1, Math.floor(u * move.length))];\n    }\n\n    function applyCamera(view) {\n      const w = boardEl.clientWidth || plan.stage.width;\n      const angled = view.tilt || view.turn || view.roll;\n      boardEl.style.transform = angled\n        ? 'perspective(' + (view.perspective || 1.2) * w + 'px) rotateX(' + (view.tilt || 0) + 'deg) rotateY(' + (view.turn || 0) + 'deg) rotateZ(' + (view.roll || 0) + 'deg)'\n        : 'none';\n      // Motion blur streaks along a pan (taken back through the roll, as the board is blurred before it turns).\n      const blur = (view.blur || 0) * w / plan.stage.width;\n      if (blur >= 0.05) {\n        let sx = blur, sy = blur;\n        if (view.blurAngle !== undefined) {\n          const a = (view.blurAngle - (view.roll || 0)) * Math.PI / 180;\n          sx = Math.max(blur * 0.15, blur * Math.abs(Math.cos(a)));\n          sy = Math.max(blur * 0.15, blur * Math.abs(Math.sin(a)));\n        }\n        document.getElementById('motionBlurAmount').setAttribute('stdDeviation', sx.toFixed(2) + ' ' + sy.toFixed(2));\n        boardEl.style.filter = 'url(#motionBlur)';\n      } else {\n        boardEl.style.filter = 'none';\n      }\n    }\n\n    function draw() {\n      const now = performance.now();\n      renderShader(now / 1000);\n\n      const view = cameraNow(now);\n      applyCamera(view);\n      ctx.setTransform(1, 0, 0, 1, 0, 0);\n      ctx.clearRect(0, 0, sceneCanvas.width, sceneCanvas.height);\n      const k = (sceneCanvas.width / plan.stage.width) * view.zoom;\n      ctx.setTransform(k, 0, 0, k, k * view.scrollX, k * view.scrollY);\n\n      for (const el of plan.shots[currentShotIdx].elements) {\n        ctx.fillStyle = el.backgroundColor || 'rgba(59, 130, 246, 0.4)';\n        ctx.strokeStyle = el.strokeColor || '#3b82f6';\n        ctx.lineWidth = 3;\n        ctx.fillRect(el.x, el.y, el.width, el.height);\n        ctx.strokeRect(el.x, el.y, el.width, el.height);\n        if (el.text) {\n          ctx.fillStyle = '#fff';\n          ctx.font = '24px sans-serif';\n          ctx.fillText(el.text, el.x + 16, el.y + 40);\n        }\n      }\n\n      // Playing moves on to the next shot once this one's move and hold are over.\n      const shot = scene.shots[currentShotIdx];\n      if (isPlaying && now - shotStartTime > plan.shots[currentShotIdx].moveMs + (shot.hold ?? 800) && currentShotIdx < scene.shots.length - 1) {\n        goTo(currentShotIdx + 1, true);\n      }\n      if (isPlaying || now - moveFrom < plan.shots[currentShotIdx].moveMs) {\n        requestAnimationFrame(draw);\n      }\n    }\n\n    // Shows a shot: forwards it plays the camera's move into it, otherwise it cuts.\n    function goTo(idx, animate) {\n      currentShotIdx = idx;\n      shotStartTime = performance.now();\n      moveFrom = animate ? shotStartTime : shotStartTime - plan.shots[idx].moveMs;\n      updateShotUI();\n      requestAnimationFrame(draw);\n    }\n\n    playBtn.addEventListener('click', () => {\n      isPlaying = !isPlaying;\n      playBtn.textContent = isPlaying ? 'Pause' : 'Play';\n      // The current shot counts as settled, so its hold runs from now.\n      if (isPlaying) {\n        shotStartTime = performance.now() - plan.shots[currentShotIdx].moveMs;\n        requestAnimationFrame(draw);\n      }\n    });\n\n    prevBtn.addEventListener('click', () => {\n      if (currentShotIdx > 0) goTo(currentShotIdx - 1, false);\n    });\n\n    nextBtn.addEventListener('click', () => {\n      if (currentShotIdx < scene.shots.length - 1) goTo(currentShotIdx + 1, true);\n    });\n\n    window.addEventListener('resize', () => requestAnimationFrame(draw));\n    goTo(0, false);\n  </script>\n</body>\n</html>`;\n}\n\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;');\n}\n"],"mappings":"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","names":["escapeHtml"]}

package/dist/cli.js

@@ -3,13 +3,13 @@ import {
   standaloneHtml,
   standaloneSceneHtml,
   validateScene
-} from "./chunk-CK6EV37I.js";
+} from "./chunk-ZULFHADW.js";
 import {
   simulateScene
 } from "./chunk-5USSDEQL.js";
 import "./chunk-DBTLCXKY.js";
-import "./chunk-H6VDFBIO.js";
-import "./chunk-RDU63CDO.js";
+import "./chunk-SMR2MJXB.js";
+import "./chunk-HDYBY3PQ.js";
 import "./chunk-EHDJ3CPJ.js";
 import {
   parseControls
@@ -154,7 +154,7 @@ program.command("export <targetOrShader> [extraPath] [outputPath]").description(
   const duration = parseFloat(options.duration);
   console.log(`Rendering ${duration}s (${duration * fps} frames at ${width}x${height}, ${fps}fps) to ${options.out}...`);
   try {
-    const { exportMotionGraphic } = await import("./recorder-CDPPTJMG.js");
+    const { exportMotionGraphic } = await import("./recorder-TYMEZHOT.js");
     const savedPath = await exportMotionGraphic({
       source,
       values,
@@ -183,7 +183,7 @@ var collect = (value, previous) => [...previous, value];
 program.command("effects").description("List catalog effects with what they take (image, video, svg, text, mask, path) and how they answer the pointer").option("--accepts <inputs>", "Only effects that take all of these (image, video, svg, text, mask, path; comma-separated or repeated)", collect, []).option("--interaction <ways>", "Only effects that answer the pointer in one of these ways (hover, press, click, trail, pointer)", collect, []).option("--category <category>", "Only this category").option("--kind <kind>", "shader or vector").option("--search <words>", "Words to look for in the id, name, description and tags").option("--json", "Output JSON (id, name, kind, category, description, inputs, presets)", false).action(async (options) => {
   try {
     const { findEffects, effectInputs } = await import("./catalog/index.js");
-    const { effectQueryFromFlags, describeEffect } = await import("./effect-M5T4ICIP.js");
+    const { effectQueryFromFlags, describeEffect } = await import("./effect-YBWDNIYG.js");
     const effects = findEffects(effectQueryFromFlags(options));
     if (options.json) {
       console.log(JSON.stringify(effects.map((e) => ({ id: e.id, name: e.name, kind: e.kind, category: e.category, description: e.description, inputs: effectInputs(e), presets: e.presets?.map((p) => p.name) ?? [] })), null, 2));
@@ -204,7 +204,7 @@ ${effects.length} effect${effects.length === 1 ? "" : "s"}. Render one with: fla
 program.command("render <effect>").description("Render a catalog effect, applied to a subject, to .mp4, .webm, .mov, .gif, .svg (vector effects) or .png frames").option("--image <path>", "A picture (file path or URL); repeat for effects that take two", collect, []).option("--svg <path>", "An SVG (file path, URL or markup)", collect, []).option("--text <text>", "Words, for a text effect or a text mask", collect, []).option("--font <family>", "CSS font family for --text drawn into a shader").option("--weight <weight>", "Font weight for --text drawn into a shader").option("--path <d>", "SVG path data, for a shape control", collect, []).option("--video <path>", "A video file, decoded to frames with ffmpeg", collect, []).option("--preset <name>", "A preset by name").option("--set <name=value>", "A control value (repeatable): --set uSpeed=2 --set uTint=#ff0080", collect, []).option("--size <WxH>", "Pixels, like 1280x720").option("--fps <fps>", "Frames per second", "30").option("--duration <seconds>", "Seconds (default: the effect's loop or play-through)").option("--alpha", "Keep transparency (webm, mov, gif, png, svg)", false).option("--background <css>", "Colour under transparent pixels without --alpha").option("--no-pointer", "Leave the pointer still (interactive effects otherwise get a scripted pointer)").option("-o, --out <outputPath>", "Output: .mp4, .webm, .mov, .gif, .svg, a .png pattern (out_%04d.png) or a folder").action(async (effectId, options) => {
   try {
     if (!options.out) throw new Error("Say where to write it: -o out.mp4 (or .webm, .mov, .gif, .svg, out_%04d.png, a folder/).");
-    const { exportEffect, parseSets, parseSize, resolveEffect, subjectsFromFlags } = await import("./effect-M5T4ICIP.js");
+    const { exportEffect, parseSets, parseSize, resolveEffect, subjectsFromFlags } = await import("./effect-YBWDNIYG.js");
     const effect = resolveEffect(effectId);
     const subjects = subjectsFromFlags(options);
     const size = options.size ? parseSize(options.size) : void 0;

package/dist/editor/index.d.ts

@@ -1,11 +1,11 @@
-import { g as VectorControl, d as EffectPreset, E as EffectDefinition } from '../types-DUOMxZaq.js';
+import { g as VectorControl, d as EffectPreset, E as EffectDefinition } from '../types-wh28fXW4.js';
 import { C as ControlValue, a as ControlDef, b as ControlType } from '../controls-Ec6P0Vpy.js';
-import { S as SvgMotion, C as Clock } from '../svg-BhRboN9q.js';
+import { S as SvgMotion, C as Clock } from '../svg-DaKRPA9v.js';
 import { AnimationEasingPreset, AnimationEasing, AnimationTrack, AnimationKeyframe, cubicBezierAt as cubicBezierAt$1, evaluateEasing as evaluateEasing$1 } from '@pixerate/editor/animation';
 export { CubicBezierEasing, SpringEasing } from '@pixerate/editor/animation';
 import { CommandRegistry, CommandSpec } from '@pixerate/editor/commands';
 import { HistoryManager, HistoryState } from '@pixerate/editor/history';
-import { C as CompileError, a as CompileStatus } from '../renderer-teaa98RE.js';
+import { C as CompileError, b as CompileStatus } from '../renderer-tk1nbVkW.js';
 import { AgentToolProvider, McpToolResult, ToolRegistryOptions, ToolRegistry, McpToolDefinition } from '@pixerate/editor/tools';
 import { ParameterImageOption, ParametersController, ParameterField, ParameterSchema, ParameterValue, ParameterValues } from '@pixerate/editor/parameters';
 

package/dist/editor/index.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-DBTLCXKY.js";
 import {
   BUILTIN_UNIFORMS
-} from "../chunk-RDU63CDO.js";
+} from "../chunk-HDYBY3PQ.js";
 import {
   EFFECT_CATEGORIES,
   EFFECT_INPUTS,
@@ -15,7 +15,7 @@ import {
   renderVectorEffect,
   vectorControlIssues,
   vectorEffectControls
-} from "../chunk-DBNSI4MF.js";
+} from "../chunk-6GFOLHCT.js";
 import "../chunk-EHDJ3CPJ.js";
 import {
   checkControlValue,
@@ -25,7 +25,7 @@ import {
 import {
   svgMotionIssues,
   svgView
-} from "../chunk-PFGGPIMT.js";
+} from "../chunk-DA4UUSDO.js";
 import {
   realClock
 } from "../chunk-WMZQCUFJ.js";

package/dist/{effect-M5T4ICIP.js → effect-YBWDNIYG.js}

@@ -14,17 +14,17 @@ import {
   subjectsFromFlags,
   vectorTimeline,
   videoSeconds
-} from "./chunk-PFUTUR7T.js";
-import "./chunk-JL6TI6II.js";
-import "./chunk-YBGRXVAE.js";
-import "./chunk-STKEKXCK.js";
-import "./chunk-FJ5ZJGOL.js";
-import "./chunk-H6VDFBIO.js";
-import "./chunk-RDU63CDO.js";
-import "./chunk-DBNSI4MF.js";
+} from "./chunk-MBKNTXQX.js";
+import "./chunk-7KYQ4R76.js";
+import "./chunk-X3C2VFTM.js";
+import "./chunk-AUH3PEFW.js";
+import "./chunk-KZYZX3V5.js";
+import "./chunk-SMR2MJXB.js";
+import "./chunk-HDYBY3PQ.js";
+import "./chunk-6GFOLHCT.js";
 import "./chunk-EHDJ3CPJ.js";
 import "./chunk-VYOMXE6I.js";
-import "./chunk-PFGGPIMT.js";
+import "./chunk-DA4UUSDO.js";
 import "./chunk-WMZQCUFJ.js";
 import "./chunk-ORAFCHX3.js";
 export {
@@ -44,4 +44,4 @@ export {
   vectorTimeline,
   videoSeconds
 };
-//# sourceMappingURL=effect-M5T4ICIP.js.map
+//# sourceMappingURL=effect-YBWDNIYG.js.map

package/dist/embed/index.d.ts

@@ -1,8 +1,8 @@
 import { C as ControlValue } from '../controls-Ec6P0Vpy.js';
-import { b as SvgPlayer } from '../svg-BhRboN9q.js';
-import { E as EffectDefinition } from '../types-DUOMxZaq.js';
-import { L as LiveSource, S as ShaderRenderer } from '../renderer-teaa98RE.js';
-import { R as RenderOptions } from '../frames-VEcqa40g.js';
+import { b as SvgPlayer } from '../svg-DaKRPA9v.js';
+import { E as EffectDefinition } from '../types-wh28fXW4.js';
+import { L as LiveSource, A as AudioSource, S as ShaderRenderer } from '../renderer-tk1nbVkW.js';
+import { R as RenderOptions } from '../frames-CGJudAbu.js';
 
 /** What {@link recordEffect} makes: a video (`mp4`, `webm`), an animated `gif`, or `png` frames in a ZIP. */
 type RecordFormat = "mp4" | "webm" | "gif" | "png";
@@ -56,6 +56,19 @@ interface RecordOptions {
     pointer?: RecordPointer | ((time: number) => RecordPointer);
     /** A vector effect's step start times in ms, for pictures that change on steps (default none). */
     steps?: readonly number[];
+    /**
+     * Sound: a decoded `AudioBuffer`, or the URL of an audio file to fetch and
+     * decode. An audio-reactive shader follows it frame for frame (each
+     * frame's `iAudio`, `iSpectrum` and `iBeat` come from `analyseAudioBuffer`
+     * at that frame's time, so the picture is the same on every machine), and
+     * the stretch from `start` to `start + duration` is muxed into an `mp4`
+     * (AAC) or `webm` (Opus) as its sound track, unless `audioTrack` is false.
+     * `gif` and `png` have no sound, so there it only drives the picture.
+     * Effects that don't hear sound just get the sound track.
+     */
+    audio?: AudioBuffer | string;
+    /** Put `audio` in the video as its sound track (default true for `mp4` and `webm`). */
+    audioTrack?: boolean;
     /**
      * Called before each frame is drawn, with its time in seconds: draw a
      * canvas subject for that time here. (A `<video>` subject is paused and
@@ -80,6 +93,8 @@ interface RecordingPlan {
     alpha: boolean;
     /** For `mp4` and `webm`: the encoder's settings. */
     encoder?: VideoEncoderConfig;
+    /** For `mp4` and `webm` with `audio`: the sound's encoder settings (AAC or Opus, 48 kHz stereo). */
+    audioEncoder?: AudioEncoderConfig;
 }
 /**
  * What {@link recordEffect} would make of these options, without drawing a
@@ -99,7 +114,9 @@ declare function recordingPlan(effect: EffectDefinition | string, options?: Reco
  * machine. Shaders render with `ShaderFrames` (a `<video>` subject is paused
  * and sought to each frame, and put back after); vector effects are drawn
  * with `svgView` and rasterised. Shaders that answer the pointer play their
- * idle demos unless `pointer` scripts it.
+ * idle demos unless `pointer` scripts it. With `audio`, audio-reactive
+ * shaders follow the sound frame for frame, and videos carry it as their
+ * sound track.
  *
  * `png` resolves to a ZIP of numbered frames (`frame-0001.png`, …), so every
  * format is one `Blob` to save or upload.
@@ -113,6 +130,7 @@ declare function recordingPlan(effect: EffectDefinition | string, options?: Reco
  * const mp4 = await recordEffect("image-duotone", { subject: { image: "/team.jpg" }, preset: "Spotify" });
  * const gif = await recordEffect("typewriter", { subject: { text: "Hello" }, format: "gif", width: 640, height: 360, fps: 25 });
  * const webm = await recordEffect("click-ripple", { format: "webm", alpha: true, pointer: { clicks: [{ x: 640, y: 360, time: 0.2 }] } });
+ * const music = await recordEffect("spectrum-bars", { audio: "/song.mp3", duration: 10 });
  * ```
  */
 declare function recordEffect(effect: EffectDefinition | string, options?: RecordOptions): Promise<Blob>;
@@ -136,6 +154,10 @@ declare function recordEffect(effect: EffectDefinition | string, options?: Recor
  * - `{ svg }`: an SVG, as markup (`"<svg …>"`) or a URL; drawn as a picture, keeping its transparency.
  * - `{ text }`: words, for a vector effect's text, or drawn with `textImage` for a shader's text or mask.
  * - `{ path }`: SVG path data (`d`), for a shape control.
+ * - `{ audio }`: sound for an audio-reactive shader (`iAudio`, `iSpectrum`,
+ *   `iBeat`): a playing `<audio>` or `<video>` (still heard), a microphone's
+ *   `MediaStream` (not played back) or a Web Audio node. See
+ *   `ShaderRenderer.setAudioSource`; to record, pass `audio` to `recordEffect`.
  */
 type EffectSubject = {
     image: string;
@@ -149,11 +171,15 @@ type EffectSubject = {
     weight?: number | string;
 } | {
     path: string;
+} | {
+    audio: AudioSource;
 };
-/** What a subject becomes for an effect: control values, and live sources by image control. */
+/** What a subject becomes for an effect: control values, live sources by image control, and the sound it hears. */
 interface SubjectValues {
     values: Record<string, ControlValue>;
     live: Record<string, LiveSource>;
+    /** The sound, from an `{ audio }` subject. */
+    audio?: AudioSource;
 }
 /**
  * The control values (and live sources) that put `subject` in `effect`,
@@ -200,14 +226,16 @@ interface MountedEffect {
  * Runs a catalog effect (by id or definition) in `host`, applied to
  * `subject`: a shader on a canvas (transparent for overlays, so it lays over
  * the page), or a vector effect in an SVG player that answers its trigger
- * (hover, press, click). Throws a sentence when the effect is unknown or
- * takes no such subject.
+ * (hover, press, click, scroll). Shaders that read `iScroll` follow the
+ * page's scrolling, and audio-reactive shaders hear an `{ audio }` subject.
+ * Throws a sentence when the effect is unknown or takes no such subject.
  *
  * ```ts
  * mountEffect(el, "image-duotone", { subject: { image: "/team.jpg" }, preset: "Spotify" });
  * mountEffect(el, "crt", { subject: { video: videoElement } });
  * mountEffect(el, "typewriter", { subject: { text: "Hello there" } });
  * mountEffect(el, "neon-outline", { subject: { svg: logoMarkup } });
+ * mountEffect(el, "spectrum-bars", { subject: { audio: audioElement } });
  * ```
  */
 declare function mountEffect(host: HTMLElement, effect: EffectDefinition | string, options?: MountOptions): MountedEffect;

package/dist/embed/index.js

@@ -3,13 +3,13 @@ import {
   recordEffect,
   recordingPlan,
   subjectValues
-} from "../chunk-FJ5ZJGOL.js";
-import "../chunk-H6VDFBIO.js";
-import "../chunk-RDU63CDO.js";
-import "../chunk-DBNSI4MF.js";
+} from "../chunk-KZYZX3V5.js";
+import "../chunk-SMR2MJXB.js";
+import "../chunk-HDYBY3PQ.js";
+import "../chunk-6GFOLHCT.js";
 import "../chunk-EHDJ3CPJ.js";
 import "../chunk-VYOMXE6I.js";
-import "../chunk-PFGGPIMT.js";
+import "../chunk-DA4UUSDO.js";
 import "../chunk-WMZQCUFJ.js";
 import "../chunk-ORAFCHX3.js";
 export {

package/dist/{frames-VEcqa40g.d.ts → frames-CGJudAbu.d.ts}

@@ -1,5 +1,5 @@
 import { a as ControlDef, C as ControlValue } from './controls-Ec6P0Vpy.js';
-import { L as LiveSource } from './renderer-teaa98RE.js';
+import { a as AudioFrame, L as LiveSource } from './renderer-tk1nbVkW.js';
 
 /**
  * The pointer as shaders see it, beyond Shadertoy's `iMouse`: where it is
@@ -101,6 +101,16 @@ interface RenderOptions {
     clicks?: readonly ShaderClick[];
     /** Where the pointer has been, oldest first, for `iTrail` (the latest `MAX_TRAIL` at or before the frame's time count). */
     trail?: readonly ShaderClick[];
+    /**
+     * The sound, for `iAudio`, `iSpectrum` and `iBeat`: a frame from
+     * `analyseAudioBuffer(buffer).at(t)` (frame-exact from an audio file), or
+     * values of your own; what is left out is silence (`beat` -1). Without
+     * it there is no audio at all (every audio uniform 0), and audio-reactive
+     * effects play their idle demos.
+     */
+    audio?: Partial<AudioFrame>;
+    /** `iScroll`: progress through the viewport, page scroll (0–1), velocity (viewport heights a second), scrolling (0–1). Default all zero: nothing scrolls it. */
+    scroll?: readonly [number, number, number, number];
 }
 /**
  * Renders a shader at exact times you choose, off screen. There is no

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { C as ControlValue } from './controls-Ec6P0Vpy.js';
 export { c as ControlCheck, a as ControlDef, b as ControlType, T as TextureSettings, d as checkControlValue, e as coerceControlValue, f as componentCount, g as controlValue, h as describeValue, i as hexToRgb, j as humanise, k as imageUrls, l as isImageUrl, p as parseColor, m as parseControls, r as rgbToHex } from './controls-Ec6P0Vpy.js';
-export { B as BUILTIN_UNIFORMS, C as CompileError, b as CompileResult, a as CompileStatus, c as CompiledShader, F as FrameState, I as ImageLoadError, L as LiveSource, R as RendererStats, d as SVG_EDGE, e as ShaderCompileError, S as ShaderRenderer, f as ShaderRendererOptions, T as TextureCache, g as TextureSource, V as VERTEX_SOURCE, h as applyTextureSettings, i as compileShader, j as createContext, k as drawFrame, l as formatCompileError, m as isSvgUrl, n as loadImage, p as parseCompileLog, o as preloadImages, r as releaseImages, q as resetGlCaches, s as seekVideo, t as sizeSvg, w as wrapSource } from './renderer-teaa98RE.js';
-export { H as HOVER_SECONDS, M as MAX_CLICKS, a as MAX_TRAIL, P as PointerTracker, R as RenderOptions, S as ShaderClick, b as ShaderFrames, c as ShaderFramesOptions, T as TRAIL_SECONDS, d as clicksUniform, t as trailUniform } from './frames-VEcqa40g.js';
-import { C as Clock } from './svg-BhRboN9q.js';
-export { A as AnimateCountOptions, D as DataKey, E as EASES, c as EaseName, M as ManualClock, d as SCRAMBLE_MS, e as STEP_MS, f as SVG_PICTURE, g as SvgAnimation, h as SvgBox, i as SvgElementFrame, S as SvgMotion, b as SvgPlayer, j as SvgPlayerOptions, a as SvgTrigger, k as SvgView, l as SvgViewOptions, m as animateCount, n as defaultDataKey, o as formatCount, p as jitter, q as lerpAttr, r as lerpData, s as pageHidden, t as parseSvg, u as realClock, v as stepData, w as stepProgress, x as stepStart, y as svgDuration, z as svgFrame, B as svgMotionIssues, F as svgOpeningTag, G as svgView, H as writtenText } from './svg-BhRboN9q.js';
+export { c as AUDIO_BANDS, d as AudioAnalysis, e as AudioAnalysisOptions, f as AudioBufferAnalysis, g as AudioBufferAnalysisOptions, a as AudioFrame, h as AudioSamples, A as AudioSource, B as BUILTIN_UNIFORMS, C as CompileError, i as CompileResult, b as CompileStatus, j as CompiledShader, F as FrameState, I as ImageLoadError, k as LiveAudio, L as LiveSource, R as RendererStats, l as SPECTRUM_BINS, m as SVG_EDGE, n as ShaderCompileError, S as ShaderRenderer, o as ShaderRendererOptions, T as TextureCache, p as TextureSource, V as VERTEX_SOURCE, q as analyseAudioBuffer, r as applyTextureSettings, s as compileShader, t as createContext, u as drawFrame, v as fft, w as formatCompileError, x as frequencyData, y as isSvgUrl, z as loadImage, D as parseCompileLog, E as preloadImages, G as releaseImages, H as resetGlCaches, J as rmsLevel, K as seekVideo, M as sharedAudioContext, N as sizeSvg, O as wrapSource } from './renderer-tk1nbVkW.js';
+export { H as HOVER_SECONDS, M as MAX_CLICKS, a as MAX_TRAIL, P as PointerTracker, R as RenderOptions, S as ShaderClick, b as ShaderFrames, c as ShaderFramesOptions, T as TRAIL_SECONDS, d as clicksUniform, t as trailUniform } from './frames-CGJudAbu.js';
+import { C as Clock } from './svg-DaKRPA9v.js';
+export { A as AnimateCountOptions, D as DataKey, E as EASES, c as EaseName, M as ManualClock, d as SCRAMBLE_MS, e as SCROLL_RANGE, f as STEP_MS, g as SVG_PICTURE, h as SvgAnimation, i as SvgBox, j as SvgElementFrame, S as SvgMotion, b as SvgPlayer, k as SvgPlayerOptions, a as SvgTrigger, l as SvgView, m as SvgViewOptions, n as animateCount, o as defaultDataKey, p as formatCount, q as jitter, r as lerpAttr, s as lerpData, t as pageHidden, u as parseSvg, v as realClock, w as stepData, x as stepProgress, y as stepStart, z as svgDuration, B as svgFrame, F as svgMotionIssues, G as svgOpeningTag, H as svgView, I as writtenText } from './svg-DaKRPA9v.js';
 export { AnimatedSvgOptions, BoxAlignment, BoxFit, FittedBoxResult, FormatUnitOptions, MorphOptions, StackLayoutOptions, SvgFrameMarkupOptions, SvgInlineLayout, UnitFormat, computeBoxFit, formatUnit, layoutStack, morphPaths, morphSequence, parseViewBox, remap, stepVariant, svgAnimatedMarkup, svgFrameMarkup, svgInlineLayout, svgViewBox } from './vector/index.js';
 
 /** Controls a registered thumbnail. */
@@ -84,6 +84,56 @@ declare function sharedThumbnailPool(): ThumbnailPool;
 /** Registers a thumbnail with the shared pool. See {@link ThumbnailPool.register}. */
 declare function registerThumbnail(canvas: HTMLCanvasElement, source: string, values?: Record<string, ControlValue>, onStatus?: (ok: boolean) => void): ThumbnailHandle;
 
+/**
+ * Scrolling as shaders see it: `iScroll`, a `vec4` of
+ * - x: the canvas's progress through the viewport, 0 when its top meets the
+ *   viewport's bottom, 1 when its bottom leaves the top;
+ * - y: the page's scroll, as a share of how far it can scroll;
+ * - z: scroll velocity in viewport heights per second (positive scrolling
+ *   down, smoothed);
+ * - w: 1 while scrolling, easing back to 0 after.
+ *
+ * Where nothing scrolls it (thumbnails, recordings without a script) it is
+ * all zero, and scroll effects play an idle demo.
+ */
+/** Seconds the velocity takes to follow a change (most of the way). */
+declare const SCROLL_SMOOTHING = 0.12;
+/** Seconds `iScroll.w` takes to ease back to 0 once scrolling stops. */
+declare const SCROLL_SETTLE = 0.4;
+/**
+ * An element's progress through the viewport: 0 when its top meets the
+ * viewport's bottom, 1 when its bottom leaves the top, from its box (as
+ * `getBoundingClientRect` gives it) and the viewport's height.
+ */
+declare function viewportProgress(top: number, height: number, viewport: number): number;
+/**
+ * Follows one element's scrolling for `iScroll`: feed it where the element
+ * is at each frame, with a steady clock in seconds, and read the uniform.
+ * The same positions at the same times always give the same uniform.
+ */
+declare class ScrollTracker {
+    private progress;
+    private page;
+    private offset;
+    private last;
+    private velocity;
+    private movedAt;
+    private seen;
+    /**
+     * Where things are at `time` seconds: the element's `progress` (see
+     * {@link viewportProgress}), the page's scroll share, and the element's
+     * top in viewport heights (from which the velocity comes; any steady
+     * measure that grows as the page scrolls down will do).
+     */
+    sample(progress: number, page: number, offset: number, time: number): void;
+    /** Whether scrolling has settled (nothing more to animate until it moves). */
+    settled(time: number): boolean;
+    /** `iScroll` at `time` (all zero before the first sample). */
+    scroll(time: number): [number, number, number, number];
+    /** Forgets the velocity and activity (when the page jumps, say). */
+    clear(): void;
+}
+
 interface GifOptions {
     source: string;
     values?: Record<string, ControlValue>;
@@ -116,12 +166,25 @@ declare function recordGif(options: GifOptions): Promise<Blob>;
 interface StandaloneOptions {
     /** The comment at the top of the script, saying where the page came from. */
     credit?: string;
+    /**
+     * Sound for audio-reactive shaders (`iAudio`, `iSpectrum`, `iBeat`): an
+     * audio file's URL, shown as a looping `<audio controls>` player in the
+     * corner, or `"mic"`, a button that asks for the microphone (heard, not
+     * played back). Browsers only start sound after a click, so the page
+     * listens once the player is played or the button pressed. A file from
+     * another site needs CORS (it is loaded with `crossorigin="anonymous"`).
+     * Without it, audio effects play their idle demos.
+     */
+    audio?: string;
 }
 /**
  * A self-contained HTML page that runs the shader full-window, with the
  * control values baked in. It has no dependencies and opens from disk. Like
  * the live preview, it feeds `iMouse` from pointer drags and caps the pixel
- * ratio at 2.
+ * ratio at 2. It also feeds the pointer built-ins, and the audio ones from
+ * a player or the microphone when `options.audio` asks for it. The page
+ * itself does not scroll, so `iScroll` stays 0 (scroll effects play their
+ * idle demos).
  *
  * Images are loaded by URL when the page opens: a `data:` URL travels with
  * the page, an `https:` one needs the network and CORS, and a `blob:` one
@@ -1609,4 +1672,4 @@ declare function exportFcp7Xml(scene: Scene, options?: Fcp7ExportOptions): strin
  */
 declare function exportCmx3600Edl(scene: Scene, options?: EdlExportOptions): string;
 
-export { ALL_BLEND_MODES, ALL_TRANSITION_TYPES, type AgentToolDefinition, type AscCdl, type BatchCommand, type BatchExecutionResult, type BatchExecutionStepResult, type Behavior, type BehaviorBase, type BlendMode, type BlockDissolveOptions, type BlurEffect, type BurstEffect, CAMERA_MS, CAMERA_STEPS, CAMERA_STEP_MS, CAMERA_TRANSITIONS, COMMON_FRAME_RATES, type CameraAngle, type CameraLens, type CameraSample, type CameraShot, type CameraTransition, type ClearCommand, Clock, type ColorRGB, type ColorRGBA, type ColorRgba, type ColorSpace, ControlValue, type CounterEffect, type CrossZoomOptions, type CustomCommand, DEFAULT_PERSPECTIVE, DEFAULT_STAGE, type DeleteCommand, type DynamicFraming, EASY_EASE, EFFECT_FADE_MS, EFFECT_TYPES, type EasingCurve, type EdlExportOptions, type Effect, type EffectBase, type ElementCommand, FLAIR_AGENT_TOOLS, type Fcp7ExportOptions, type FlowEffect, type FramingOptions, type GifOptions, type GlassWipeOptions, type GlowEffect, type GradientEffect, type GridWipeOptions, type HighlightEffect, type KeyframeEase, type LiftGammaGain, type LightLeakOptions, type LinearWipeOptions, type LottieAnimatable, type LottieAnimation, type LottieExportOptions, type LottieKeyframe, type LottieLayer, type LottieShapeItem, type LottieTransform, MAX_TILT, type MediaEffect, MemorySceneBoard, type MotnExportOptions, NO_CHECK, type OscillateBehavior, type OvershootBehavior, type PathWaypoint, type PlayOptions, type PlayResult, type Point, type PopupWidget, type RadialIrisOptions, type RampBehavior, type RateBehavior, type RationalFrameRate, type Rect, type ReplicatorConfig, type ReplicatorPattern, type ReplicatorSequence, type Review, type ReviewOptions, type RigWidget, type RippleEffect, type RunningEffect, SMALL_TEXT_PX, type SMPTEFields, type Scene, type SceneBoard, type SceneCommand, type SceneElement, type SceneIssue, type SceneMedia, type SceneOutline, type SceneOutlineShot, type SceneRig, type SceneToolResult, type ShimmerEffect, type Shot, type ShotCamera, type ShotCheck, type ShotLog, type ShotTiming, type SliderSnapshot, type SliderWidget, type SpatialMotionPath, type SpatialPathSample, type SpotlightEffect, type Stage, type StandaloneOptions, type StandardFrameRateKey, TRANSITION_BLUR, type ThrowBehavior, type ThumbnailHandle, ThumbnailPool, type ThumbnailPoolOptions, type TimerEffect, type ToggleWidget, type TransitionOptions, type TransitionSample, type TransitionType, type TwisterOptions, type UpdateCommand, type Vec2, type Vec3, type View, type WriggleBehavior, applyAscCdl, applyLiftGammaGain, applyRig, applySceneBatch, applySceneTool, applyVibrance, areaOf, between, bez1d, bez1dDerivative, blendRgba, blendTransitionPixel, boardHeight, boundsOf, calculateFramingRect, calculateShotTimings, cameraAngle, cameraAt, cameraBlur, cameraFilter, cameraSamples, cameraTrack, cameraTransform, centreOf, checkShot, convertColorSpace, createFrameRate, createLottieEase, createMotionPath, cutsHalfway, easeInOutCubic, easeProgress, effectGone, effectOpacity, evaluateBehavior, evaluateKeyframeSegment, expandReplicator, exportCmx3600Edl, exportFcp7Xml, exportLottie, exportMotn, formatTimecode, fractalWiggle, frame, framesToSMPTE, framesToTimecode, getColorGradingGLSL, getDropFrameCount, getGlslBlendFunction, getOklabGLSL, getTimecodeBase, getTransitionGLSL, getWhiteBalanceGains, hash64, holdTime, interpolateOklab, interpolateOklch, isAngled, isDeleteCommand, isElementCommand, isUpdateCommand, linearRgbToSrgb, linearSrgbToOklab, linearToSrgb, loopTime, mixSeeds, motionBlur, motionBlurAngle, moveBlur, noise1d, noise3d, oklabToLinearSrgb, oklabToOklch, oklabToSrgb, oklchToOklab, overlapArea, parseTimecode, pingPongTime, playScene, projectPoint, quinticFade, recordGif, registerThumbnail, reviewScene, sampleMotionPath, sampleMotionPathAtTime, sampleTransition, sceneStage, screenBox, setRigWidget, sharedThumbnailPool, shotMoveMs, shotView, simulateScene, smpteToFrames, solveBezierU, speedRampTime, srgbToLinear, srgbToLinearRgb, srgbToOklab, standaloneHtml, standaloneSceneHtml, strobeTime, substituteVariables, supportsDropFrame, timecodeToFrames, titleBox, touchedIds, transitionStrength, transitionView, unitFloat, validateScene, viewAt, visibleRect };
+export { ALL_BLEND_MODES, ALL_TRANSITION_TYPES, type AgentToolDefinition, type AscCdl, type BatchCommand, type BatchExecutionResult, type BatchExecutionStepResult, type Behavior, type BehaviorBase, type BlendMode, type BlockDissolveOptions, type BlurEffect, type BurstEffect, CAMERA_MS, CAMERA_STEPS, CAMERA_STEP_MS, CAMERA_TRANSITIONS, COMMON_FRAME_RATES, type CameraAngle, type CameraLens, type CameraSample, type CameraShot, type CameraTransition, type ClearCommand, Clock, type ColorRGB, type ColorRGBA, type ColorRgba, type ColorSpace, ControlValue, type CounterEffect, type CrossZoomOptions, type CustomCommand, DEFAULT_PERSPECTIVE, DEFAULT_STAGE, type DeleteCommand, type DynamicFraming, EASY_EASE, EFFECT_FADE_MS, EFFECT_TYPES, type EasingCurve, type EdlExportOptions, type Effect, type EffectBase, type ElementCommand, FLAIR_AGENT_TOOLS, type Fcp7ExportOptions, type FlowEffect, type FramingOptions, type GifOptions, type GlassWipeOptions, type GlowEffect, type GradientEffect, type GridWipeOptions, type HighlightEffect, type KeyframeEase, type LiftGammaGain, type LightLeakOptions, type LinearWipeOptions, type LottieAnimatable, type LottieAnimation, type LottieExportOptions, type LottieKeyframe, type LottieLayer, type LottieShapeItem, type LottieTransform, MAX_TILT, type MediaEffect, MemorySceneBoard, type MotnExportOptions, NO_CHECK, type OscillateBehavior, type OvershootBehavior, type PathWaypoint, type PlayOptions, type PlayResult, type Point, type PopupWidget, type RadialIrisOptions, type RampBehavior, type RateBehavior, type RationalFrameRate, type Rect, type ReplicatorConfig, type ReplicatorPattern, type ReplicatorSequence, type Review, type ReviewOptions, type RigWidget, type RippleEffect, type RunningEffect, SCROLL_SETTLE, SCROLL_SMOOTHING, SMALL_TEXT_PX, type SMPTEFields, type Scene, type SceneBoard, type SceneCommand, type SceneElement, type SceneIssue, type SceneMedia, type SceneOutline, type SceneOutlineShot, type SceneRig, type SceneToolResult, ScrollTracker, type ShimmerEffect, type Shot, type ShotCamera, type ShotCheck, type ShotLog, type ShotTiming, type SliderSnapshot, type SliderWidget, type SpatialMotionPath, type SpatialPathSample, type SpotlightEffect, type Stage, type StandaloneOptions, type StandardFrameRateKey, TRANSITION_BLUR, type ThrowBehavior, type ThumbnailHandle, ThumbnailPool, type ThumbnailPoolOptions, type TimerEffect, type ToggleWidget, type TransitionOptions, type TransitionSample, type TransitionType, type TwisterOptions, type UpdateCommand, type Vec2, type Vec3, type View, type WriggleBehavior, applyAscCdl, applyLiftGammaGain, applyRig, applySceneBatch, applySceneTool, applyVibrance, areaOf, between, bez1d, bez1dDerivative, blendRgba, blendTransitionPixel, boardHeight, boundsOf, calculateFramingRect, calculateShotTimings, cameraAngle, cameraAt, cameraBlur, cameraFilter, cameraSamples, cameraTrack, cameraTransform, centreOf, checkShot, convertColorSpace, createFrameRate, createLottieEase, createMotionPath, cutsHalfway, easeInOutCubic, easeProgress, effectGone, effectOpacity, evaluateBehavior, evaluateKeyframeSegment, expandReplicator, exportCmx3600Edl, exportFcp7Xml, exportLottie, exportMotn, formatTimecode, fractalWiggle, frame, framesToSMPTE, framesToTimecode, getColorGradingGLSL, getDropFrameCount, getGlslBlendFunction, getOklabGLSL, getTimecodeBase, getTransitionGLSL, getWhiteBalanceGains, hash64, holdTime, interpolateOklab, interpolateOklch, isAngled, isDeleteCommand, isElementCommand, isUpdateCommand, linearRgbToSrgb, linearSrgbToOklab, linearToSrgb, loopTime, mixSeeds, motionBlur, motionBlurAngle, moveBlur, noise1d, noise3d, oklabToLinearSrgb, oklabToOklch, oklabToSrgb, oklchToOklab, overlapArea, parseTimecode, pingPongTime, playScene, projectPoint, quinticFade, recordGif, registerThumbnail, reviewScene, sampleMotionPath, sampleMotionPathAtTime, sampleTransition, sceneStage, screenBox, setRigWidget, sharedThumbnailPool, shotMoveMs, shotView, simulateScene, smpteToFrames, solveBezierU, speedRampTime, srgbToLinear, srgbToLinearRgb, srgbToOklab, standaloneHtml, standaloneSceneHtml, strobeTime, substituteVariables, supportsDropFrame, timecodeToFrames, titleBox, touchedIds, transitionStrength, transitionView, unitFloat, validateScene, viewAt, viewportProgress, visibleRect };