@pixerate/flair 0.24.0 → 0.25.0

package/dist/chunk-O44ZJTGG.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\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.\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  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<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; });\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  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 { 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    }\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 { CAMERA_MS, type Stage, type 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  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, 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, cameraMs: CAMERA_MS, 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 = plan.shots[currentShotIdx].move;\n      const u = Math.min(1, (now - moveFrom) / plan.cameraMs);\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.cameraMs + (shot.hold ?? 800) && currentShotIdx < scene.shots.length - 1) {\n        goTo(currentShotIdx + 1, true);\n      }\n      if (isPlaying || now - moveFrom < plan.cameraMs) {\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.cameraMs;\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.cameraMs;\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/chunk-OKYMKSXK.js

@@ -0,0 +1,414 @@
+import {
+  ffmpegPath,
+  frameStates,
+  imageDataUrl,
+  pageControls,
+  planOutput,
+  runRender
+} from "./chunk-JL6TI6II.js";
+import {
+  svgAnimatedMarkup
+} from "./chunk-YBGRXVAE.js";
+import {
+  svgFrameMarkup,
+  svgViewBox
+} from "./chunk-STKEKXCK.js";
+import {
+  subjectValues
+} from "./chunk-S2RGHHKZ.js";
+import {
+  wrapSource
+} from "./chunk-RDU63CDO.js";
+import {
+  EFFECT_CATEGORIES,
+  EFFECT_INPUTS,
+  EFFECT_INTERACTIONS,
+  effectControls,
+  effectDefaults,
+  effectInputs,
+  getEffect,
+  renderVectorEffect
+} from "./chunk-PYDN5G2P.js";
+import {
+  checkControlValue,
+  parseColor
+} from "./chunk-VYOMXE6I.js";
+import {
+  svgDuration
+} from "./chunk-PFGGPIMT.js";
+
+// src/export/effect.ts
+import { spawn } from "child_process";
+import fs from "fs";
+import os from "os";
+import path from "path";
+var isUrl = (s) => /^(https?|data):/i.test(s);
+async function svgMarkup(svg) {
+  const text = svg.trim();
+  if (text.startsWith("<")) return text;
+  if (/^data:image\/svg\+xml/i.test(text)) {
+    const comma = text.indexOf(",");
+    const meta = text.slice(0, comma);
+    const body = text.slice(comma + 1);
+    return /;base64/i.test(meta) ? Buffer.from(body, "base64").toString("utf8") : decodeURIComponent(body);
+  }
+  if (/^https?:/i.test(text)) {
+    const res = await fetch(text);
+    if (!res.ok) throw new Error(`Could not download the SVG at ${text} (HTTP ${res.status}).`);
+    return res.text();
+  }
+  const file = path.resolve(text);
+  if (!fs.existsSync(file)) throw new Error(`There is no SVG at ${file}; give a file path, a URL, or markup starting with "<svg".`);
+  return fs.readFileSync(file, "utf8");
+}
+async function nodeSubjectValues(effect, subject) {
+  const list = Array.isArray(subject) ? subject : [subject];
+  const browser = [];
+  const videoFiles = [];
+  for (const s of list) {
+    if ("image" in s) browser.push({ image: await imageDataUrl(s.image) });
+    else if ("svg" in s) browser.push({ svg: await svgMarkup(s.svg) });
+    else if ("video" in s) {
+      const file = path.resolve(s.video);
+      if (!isUrl(s.video) && !fs.existsSync(file)) throw new Error(`There is no video at ${file}.`);
+      videoFiles.push(isUrl(s.video) ? s.video : file);
+      browser.push({ video: { readyState: 0, currentTime: 0 } });
+    } else browser.push(s);
+  }
+  const { values, live } = subjectValues(effect, browser);
+  const video = {};
+  Object.keys(live).forEach((name, i) => video[name] = videoFiles[i]);
+  return { values, video };
+}
+function resolveEffect(effect) {
+  if (typeof effect !== "string") return effect;
+  const def = getEffect(effect);
+  if (!def) throw new Error(`There is no effect "${effect}" in the catalog; "flair effects" (or findEffects()) lists them.`);
+  return def;
+}
+async function checkEffectValues(effect, values) {
+  const controls = new Map(effectControls(effect).map((c) => [c.name, c]));
+  const out = {};
+  for (const [name, raw] of Object.entries(values)) {
+    const control = controls.get(name);
+    if (!control) throw new Error(`"${effect.id}" has no control "${name}"; it has ${[...controls.keys()].join(", ") || "none"}.`);
+    if (control.type === "sampler2D" && typeof raw === "string") {
+      out[name] = await imageDataUrl(raw);
+      continue;
+    }
+    if (effect.kind === "vector" && control.color && typeof raw === "string" && raw.trim().toLowerCase() === "currentcolor") {
+      out[name] = raw;
+      continue;
+    }
+    const check = checkControlValue(control, raw);
+    if (!check.ok) throw new Error(check.message);
+    out[name] = check.value;
+  }
+  return out;
+}
+var REST = 300;
+function vectorTimeline(effect, motion) {
+  const hold = effect.hold ?? 600;
+  const d = svgDuration(motion);
+  if (effect.trigger === "hover" || effect.trigger === "press") {
+    const length2 = REST + d + hold + d;
+    return {
+      length: length2,
+      steps: [],
+      at(ms) {
+        const p = ms % length2;
+        const time = p < REST ? 0 : p < REST + d ? p - REST : p < REST + d + hold ? d : Math.max(0, d - (p - REST - d - hold));
+        return { time, steps: [] };
+      }
+    };
+  }
+  if (effect.trigger === "click") {
+    const anims = motion.animate ?? [];
+    const last = anims.reduce((n, a) => Math.max(n, a.step ?? 0), 0);
+    if (last === 0) {
+      const length3 = REST + d + hold;
+      return { length: length3, steps: [], at: (ms) => ({ time: Math.max(0, ms % length3 - REST), steps: [] }) };
+    }
+    const clicks = [];
+    let at = REST;
+    for (let step = 1; step <= last; step++) {
+      clicks.push(at);
+      const ends = anims.filter((a) => (a.step ?? 0) === step).map((a) => (a.delay ?? 0) + (a.ms ?? 800));
+      at += Math.max(0, ...ends) + hold;
+    }
+    const length2 = at;
+    return {
+      length: length2,
+      steps: clicks,
+      at(ms) {
+        const p = ms % length2;
+        return { time: p, steps: clicks.filter((c) => c <= p) };
+      }
+    };
+  }
+  const length = d + hold;
+  return { length, steps: [], at: (ms) => ({ time: ms % length, steps: [] }) };
+}
+var even = (n) => Math.max(2, Math.round(n / 2) * 2);
+function defaultSize(effect, motion) {
+  if (effect.kind === "vector") {
+    const box = svgViewBox((motion ?? effect.motion).svg);
+    const aspect = box && box[2] > 0 && box[3] > 0 ? box[2] / box[3] : 1;
+    return aspect >= 1 ? { width: 720, height: even(720 / aspect) } : { width: even(720 * aspect), height: 720 };
+  }
+  return effectInputs(effect).images.length ? { width: 1280, height: 720 } : { width: 720, height: 720 };
+}
+function run(bin, args) {
+  return new Promise((resolve, reject) => {
+    const proc = spawn(bin, args, { stdio: ["ignore", "ignore", "pipe"] });
+    let stderr = "";
+    proc.stderr.on("data", (d) => stderr += d.toString());
+    proc.on(
+      "error",
+      (err) => reject(err.code === "ENOENT" ? new Error("A video subject needs ffmpeg to decode it, and it is not installed (or not on the PATH); install it, or set FFMPEG_PATH.") : err)
+    );
+    proc.on("close", (code) => resolve({ code: code ?? 1, stderr }));
+  });
+}
+async function videoSeconds(file) {
+  const { stderr } = await run(ffmpegPath(), ["-hide_banner", "-i", file]);
+  const m = /Duration:\s*(\d+):(\d+):(\d+(?:\.\d+)?)/.exec(stderr);
+  return m ? Number(m[1]) * 3600 + Number(m[2]) * 60 + Number(m[3]) : void 0;
+}
+async function extractVideoFrames(file, fps, frames, dir) {
+  fs.mkdirSync(dir, { recursive: true });
+  const { code, stderr } = await run(ffmpegPath(), [
+    "-hide_banner",
+    "-loglevel",
+    "error",
+    "-y",
+    "-stream_loop",
+    "-1",
+    "-i",
+    file,
+    "-vf",
+    `fps=${fps},scale='if(gte(iw,ih),min(2048,iw),-2)':'if(gte(iw,ih),-2,min(2048,ih))'`,
+    "-frames:v",
+    String(frames),
+    "-start_number",
+    "0",
+    path.join(dir, "%06d.png")
+  ]);
+  const files = fs.readdirSync(dir).filter((f) => f.endsWith(".png")).sort().map((f) => path.join(dir, f));
+  if (code !== 0 || !files.length) throw new Error(`ffmpeg could not decode the video at ${file}: ${stderr.trim() || `exit ${code}`}`);
+  return files;
+}
+async function exportEffect(effect, options) {
+  const def = resolveEffect(effect);
+  if (options.preset && !def.presets?.some((p) => p.name === options.preset)) {
+    const names = def.presets?.map((p) => `"${p.name}"`).join(", ");
+    throw new Error(`"${def.id}" has no preset "${options.preset}"; ${names ? `its presets are ${names}` : "it has no presets"}.`);
+  }
+  const fromSubject = options.subject ? await nodeSubjectValues(def, options.subject) : { values: {}, video: {} };
+  const explicit = await checkEffectValues(def, options.values ?? {});
+  const values = { ...effectDefaults(def, options.preset ? { preset: options.preset } : {}), ...fromSubject.values, ...explicit };
+  const fps = options.fps ?? 30;
+  const background = options.background ?? (def.kind === "vector" ? "#ffffff" : "#000000");
+  if (def.kind === "vector") {
+    const motion = renderVectorEffect(def, values);
+    const timeline = vectorTimeline(def, motion);
+    const duration2 = options.duration ?? timeline.length / 1e3;
+    const frames2 = Math.max(1, Math.round(duration2 * fps));
+    const plan2 = planOutput(options.outputPath, { alpha: options.alpha, frames: frames2 });
+    if (plan2.format === "svg") {
+      const markup = svgAnimatedMarkup(motion, {
+        ...def.hold !== void 0 ? { hold: def.hold } : {},
+        ...timeline.steps.length ? { steps: timeline.steps, duration: timeline.length } : {},
+        ...options.duration !== void 0 ? { duration: options.duration * 1e3 } : {},
+        fps
+      });
+      if (!markup) throw new Error(`"${def.id}" has no <svg> to write.`);
+      const size3 = defaultSize(def, motion);
+      const w = Math.round(options.width ?? size3.width);
+      const h = Math.round(options.height ?? (options.width ? options.width * size3.height / size3.width : size3.height));
+      const style = !plan2.alpha && options.background ? ` style="background:${options.background.replace(/["<>&]/g, "")}"` : "";
+      const out = markup.replace(
+        /^<svg\b[^>]*>/,
+        (open) => open.replace(/\swidth="100%"/, ` width="${w}"`).replace(/\sheight="100%"/, ` height="${h}"`).replace(/>$/, `${style}>`)
+      );
+      fs.mkdirSync(path.dirname(plan2.path), { recursive: true });
+      fs.writeFileSync(plan2.path, out, "utf8");
+      options.onProgress?.(1, 1);
+      return plan2.path;
+    }
+    const size2 = defaultSize(def, motion);
+    const width2 = Math.max(1, Math.round(options.width ?? size2.width));
+    const height2 = Math.max(1, Math.round(options.height ?? (options.width ? options.width * size2.height / size2.width : size2.height)));
+    const base = frameStates(frames2, fps, width2, height2, "none");
+    const pointer = options.pointer ?? "auto";
+    const state = (i) => {
+      const ms = i / fps * 1e3;
+      const { time, steps } = pointer === "none" && def.trigger ? { time: 0, steps: [] } : timeline.at(ms);
+      return { ...base[i], svg: svgFrameMarkup(motion, { at: time, steps }) };
+    };
+    return runRender({
+      page: { width: width2, height: height2, frames: frames2, alpha: plan2.alpha, background, send: plan2.format === "gif" ? "rgba" : "png" },
+      state,
+      plan: plan2,
+      fps,
+      ...options.onProgress ? { onProgress: options.onProgress } : {}
+    });
+  }
+  const videoEntries = Object.entries(fromSubject.video);
+  let duration = options.duration;
+  if (duration === void 0 && videoEntries.length) {
+    const seconds = await videoSeconds(videoEntries[0][1]);
+    duration = seconds ? Math.min(10, seconds) : void 0;
+  }
+  duration ??= def.loop && def.loop <= 12 ? def.loop : 3;
+  const frames = Math.max(1, Math.round(duration * fps));
+  const plan = planOutput(options.outputPath, { alpha: options.alpha, frames });
+  if (plan.format === "svg") {
+    throw new Error(`"${def.id}" is a shader effect, which draws pixels; write .mp4, .webm, .mov, .gif or .png frames (only vector effects become SVG).`);
+  }
+  const size = defaultSize(def);
+  const width = Math.max(1, Math.round(options.width ?? size.width));
+  const height = Math.max(1, Math.round(options.height ?? (options.width ? options.width * size.height / size.width : size.height)));
+  const interactive = effectInputs(def).interactions.length > 0;
+  const states = frameStates(frames, fps, width, height, options.pointer ?? (interactive ? "auto" : "none"));
+  const tmp = videoEntries.length ? fs.mkdtempSync(path.join(os.tmpdir(), "flair-video-")) : void 0;
+  try {
+    const videoFrames = {};
+    for (const [name, file] of videoEntries) videoFrames[name] = await extractVideoFrames(file, fps, frames, path.join(tmp, name));
+    const state = (i) => {
+      if (!videoEntries.length) return states[i];
+      const video = Object.fromEntries(Object.entries(videoFrames).map(([name, files]) => [name, files[Math.min(i, files.length - 1)]]));
+      return { ...states[i], video };
+    };
+    return await runRender({
+      page: {
+        width,
+        height,
+        frames,
+        alpha: plan.alpha,
+        background,
+        send: plan.format === "gif" ? "rgba" : "png",
+        shader: {
+          fragment: wrapSource(def.source),
+          controls: await pageControls(def.source, values),
+          opaque: !plan.alpha && !def.transparent
+        }
+      },
+      state,
+      plan,
+      fps,
+      ...options.onProgress ? { onProgress: options.onProgress } : {}
+    });
+  } finally {
+    if (tmp) fs.rmSync(tmp, { recursive: true, force: true });
+  }
+}
+function parseSize(size) {
+  const m = /^\s*(\d+)\s*[x×X]\s*(\d+)\s*$/.exec(size);
+  if (!m || Number(m[1]) < 1 || Number(m[2]) < 1) throw new Error(`--size takes width x height in pixels, like 1280x720, not "${size}".`);
+  return { width: Number(m[1]), height: Number(m[2]) };
+}
+function parseSetValue(control, raw) {
+  const text = raw.trim();
+  switch (control.type) {
+    case "float":
+    case "int": {
+      const n = Number(text);
+      if (text === "" || !Number.isFinite(n)) throw new Error(`${control.name} takes a number, not "${raw}".`);
+      return n;
+    }
+    case "bool": {
+      if (/^(true|1|yes|on)$/i.test(text)) return true;
+      if (/^(false|0|no|off)$/i.test(text)) return false;
+      throw new Error(`${control.name} takes true or false, not "${raw}".`);
+    }
+    case "sampler2D":
+    case "text":
+      return raw;
+    default: {
+      if (control.color && (parseColor(text) || /^currentcolor$/i.test(text)) && !/^[-\d.]+([\s,]+[-\d.]+)*$/.test(text)) return text;
+      const parts = text.split(/[\s,]+/).filter(Boolean).map(Number);
+      if (!parts.length || parts.some((n) => !Number.isFinite(n))) {
+        throw new Error(`${control.name} takes ${control.type === "vec2" ? 2 : control.type === "vec3" ? 3 : 4} numbers separated by commas${control.color ? ', or a colour like "#77C16A"' : ""}, not "${raw}".`);
+      }
+      return parts;
+    }
+  }
+}
+function parseSets(effect, sets) {
+  const controls = new Map(effectControls(effect).map((c) => [c.name, c]));
+  const out = {};
+  for (const set of sets) {
+    const eq = set.indexOf("=");
+    if (eq <= 0) throw new Error(`--set takes name=value, like --set uSpeed=2, not "${set}".`);
+    const name = set.slice(0, eq).trim();
+    const control = controls.get(name);
+    if (!control) throw new Error(`"${effect.id}" has no control "${name}"; it has ${[...controls.keys()].join(", ") || "none"}.`);
+    out[name] = parseSetValue(control, set.slice(eq + 1));
+  }
+  return out;
+}
+function subjectsFromFlags(flags) {
+  const weight = flags.weight === void 0 ? void 0 : /^\d+$/.test(flags.weight) ? Number(flags.weight) : flags.weight;
+  return [
+    ...(flags.image ?? []).map((image) => ({ image })),
+    ...(flags.svg ?? []).map((svg) => ({ svg })),
+    ...(flags.video ?? []).map((video) => ({ video })),
+    ...(flags.text ?? []).map((text) => ({ text, ...flags.font ? { font: flags.font } : {}, ...weight !== void 0 ? { weight } : {} })),
+    ...(flags.path ?? []).map((p) => ({ path: p }))
+  ];
+}
+function parseChoices(flag, values, allowed) {
+  if (!values?.length) return void 0;
+  const list = values.flatMap((v) => v.split(",")).map((v) => v.trim()).filter(Boolean);
+  const bad = list.filter((v) => !allowed.includes(v));
+  if (bad.length) throw new Error(`${flag} takes ${allowed.join(", ")}; not ${bad.map((b) => `"${b}"`).join(", ")}.`);
+  return list;
+}
+function effectQueryFromFlags(flags) {
+  const accepts = parseChoices("--accepts", flags.accepts, EFFECT_INPUTS);
+  const interaction = parseChoices("--interaction", flags.interaction, EFFECT_INTERACTIONS);
+  if (flags.category && !EFFECT_CATEGORIES.includes(flags.category)) {
+    throw new Error(`--category takes one of ${EFFECT_CATEGORIES.join(", ")}; not "${flags.category}".`);
+  }
+  if (flags.kind && flags.kind !== "shader" && flags.kind !== "vector") throw new Error(`--kind takes shader or vector; not "${flags.kind}".`);
+  return {
+    ...accepts ? { accepts } : {},
+    ...interaction ? { interaction } : {},
+    ...flags.category ? { category: flags.category } : {},
+    ...flags.kind ? { kind: flags.kind } : {},
+    ...flags.search ? { text: flags.search } : {},
+    ...flags.transparent !== void 0 ? { transparent: flags.transparent } : {}
+  };
+}
+function describeEffect(effect) {
+  const inputs = effectInputs(effect);
+  const parts = [
+    `${effect.kind}/${effect.category}`,
+    `takes ${inputs.accepts.join(", ") || "nothing"}`,
+    ...inputs.video ? [`video: ${inputs.video}`] : [],
+    ...inputs.interactions.length ? [`answers ${inputs.interactions.join(", ")}`] : [],
+    ...inputs.transparent ? ["overlay"] : [],
+    ...effect.presets?.length ? [`presets: ${effect.presets.map((p) => p.name).join(", ")}`] : []
+  ];
+  return `${effect.id.padEnd(24)} ${parts.join(" \xB7 ")}`;
+}
+
+export {
+  nodeSubjectValues,
+  resolveEffect,
+  checkEffectValues,
+  vectorTimeline,
+  defaultSize,
+  videoSeconds,
+  extractVideoFrames,
+  exportEffect,
+  parseSize,
+  parseSetValue,
+  parseSets,
+  subjectsFromFlags,
+  parseChoices,
+  effectQueryFromFlags,
+  describeEffect
+};
+//# sourceMappingURL=chunk-OKYMKSXK.js.map