@pixerate/flair 0.35.1 → 0.36.0

package/dist/chunk-XAQ5FWKS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vector/svg.ts"],"sourcesContent":["/**\n * Drawing animated SVG pictures (see `SvgMotion`) in the DOM: a sanitising\n * parser, a view that applies frames, and a player that runs on a `Clock`.\n */\n\nimport { realClock, type Clock } from \"../time/clock.js\";\nimport {\n  easeFunction,\n  formatCount,\n  STEP_MS,\n  SVG_PICTURE,\n  svgFrame,\n  svgOpeningTag,\n  type SvgEase,\n  type SvgBox,\n  type SvgMotion,\n} from \"./motion.js\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\n/**\n * The `<svg>` in `markup`, parsed and made safe to show: no scripts, event\n * handlers, `<foreignObject>` or links outside itself. Undefined when it is\n * not an SVG.\n */\nexport function parseSvg(markup: string): SVGSVGElement | undefined {\n  // Parsed as XML, an <svg> without its namespace is not an SVG at all.\n  let source = markup.trim();\n  const open = svgOpeningTag(source);\n  if (!/\\sxmlns\\s*=/i.test(open)) source = source.replace(/^<svg/i, `<svg xmlns=\"${SVG_NS}\"`);\n  if (/xlink:/.test(source) && !/\\sxmlns:xlink\\s*=/i.test(open))\n    source = source.replace(/^<svg/i, '<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\"');\n  const doc = new DOMParser().parseFromString(source, \"image/svg+xml\");\n  const svg = doc.documentElement;\n  if (svg.namespaceURI !== SVG_NS || svg.localName !== \"svg\" || doc.querySelector(\"parsererror\"))\n    return undefined;\n  for (const bad of svg.querySelectorAll(\"script, foreignObject\")) bad.remove();\n  for (const el of [svg, ...svg.querySelectorAll(\"*\")]) {\n    for (const attr of [...el.attributes]) {\n      const name = attr.name.toLowerCase();\n      const link = name === \"href\" || name === \"xlink:href\" || name === \"src\";\n      if (name.startsWith(\"on\") || (link && !/^(#|data:image\\/)/i.test(attr.value.trim())))\n        el.removeAttribute(attr.name);\n    }\n  }\n  return document.importNode(svg, true) as unknown as SVGSVGElement;\n}\n\n/** Live views made so far, for ids unique on the page (see {@link scopeIds}). */\nlet views = 0;\n\nconst URL_REF = /url\\(\\s*(['\"]?)#([^'\")\\s]+)\\1\\s*\\)/g;\n\n/**\n * Gives the ids a live picture refers to (by `url(#…)` in attributes and\n * styles, or `href=\"#…\"`: its gradients, filters, clips, masks, `<use>`d\n * shapes) `suffix`, and points the references at the new ids, so two\n * pictures on one page that both define `id=\"glow\"` each use their own.\n * Other ids stay as written. The original id is kept in `data-flair-id`;\n * returns how ids map.\n */\nfunction scopeIds(svg: Element, suffix: string): Map<string, string> {\n  const all = [svg, ...svg.querySelectorAll(\"*\")];\n  const referred = new Set<string>();\n  for (const el of all) {\n    const texts = [...el.attributes].map((a) => [a.name.toLowerCase(), a.value] as const);\n    if (el.localName === \"style\") texts.push([\"\", el.textContent ?? \"\"]);\n    for (const [name, value] of texts) {\n      if ((name === \"href\" || name === \"xlink:href\") && value.startsWith(\"#\")) referred.add(value.slice(1));\n      for (const m of value.matchAll(URL_REF)) referred.add(m[2]!);\n    }\n  }\n  const ids = new Map<string, string>();\n  for (const el of all) {\n    if (!el.id || !referred.has(el.id) || ids.has(el.id)) continue;\n    ids.set(el.id, `${el.id}-${suffix}`);\n    el.setAttribute(\"data-flair-id\", el.id);\n    el.id = `${el.id}-${suffix}`;\n  }\n  if (ids.size)\n    for (const el of [svg, ...svg.querySelectorAll(\"*\")]) {\n      for (const attr of [...el.attributes]) {\n        const scoped = scopedRefs(attr.value, ids, attr.name);\n        if (scoped !== attr.value) attr.value = scoped;\n      }\n      if (el.localName === \"style\" && el.textContent) el.textContent = scopedRefs(el.textContent, ids);\n    }\n  return ids;\n}\n\n/** `value` with its references to ids in `ids` pointed at their scoped ids. */\nfunction scopedRefs(value: string, ids: ReadonlyMap<string, string>, attr = \"\"): string {\n  const name = attr.toLowerCase();\n  if (name === \"href\" || name === \"xlink:href\") {\n    const to = value.startsWith(\"#\") ? ids.get(value.slice(1)) : undefined;\n    return to ? `#${to}` : value;\n  }\n  if (!value.includes(\"url(\")) return value;\n  return value.replace(URL_REF, (whole, quote: string, id: string) => {\n    const to = ids.get(id);\n    return to ? `url(${quote}#${to}${quote})` : whole;\n  });\n}\n\n/** Share of an element's size left round it when a `view` frames it. */\nconst VIEW_MARGIN = 0.12;\n\n/**\n * The box a `view` frames, in viewBox units: a box as given, an element's\n * box with a margin, widened to the picture's shape so the zoom does not\n * skew, or the whole picture for `null`.\n */\nfunction viewBox(view: SvgBox | string | null, whole: SvgBox, byId: Map<string, Element>): SvgBox {\n  if (view === null) return whole;\n  if (typeof view !== \"string\") return view;\n  const el = byId.get(view) as SVGGraphicsElement | undefined;\n  let box: DOMRect | undefined;\n  try {\n    box = el?.getBBox?.();\n  } catch {\n    // Not laid out (or not drawable): keep the whole picture.\n  }\n  if (!box || !(box.width > 0 || box.height > 0)) return whole;\n  // In the picture's own units: through the element's transforms (a point\n  // placed with one), which its box leaves out.\n  try {\n    const svg = el!.ownerSVGElement;\n    const m = svg?.getScreenCTM()?.inverse().multiply(el!.getScreenCTM()!);\n    if (m) {\n      const corners = [\n        [box.x, box.y],\n        [box.x + box.width, box.y],\n        [box.x, box.y + box.height],\n        [box.x + box.width, box.y + box.height],\n      ].map(([x, y]) => new DOMPoint(x, y).matrixTransform(m));\n      const xs = corners.map((p) => p.x);\n      const ys = corners.map((p) => p.y);\n      box = new DOMRect(\n        Math.min(...xs),\n        Math.min(...ys),\n        Math.max(...xs) - Math.min(...xs),\n        Math.max(...ys) - Math.min(...ys),\n      );\n    }\n  } catch {\n    // Not laid out: keep its own box.\n  }\n  const aspect = whole[2] / whole[3];\n  let w = box.width * (1 + 2 * VIEW_MARGIN);\n  let h = box.height * (1 + 2 * VIEW_MARGIN);\n  if (w / h > aspect) h = w / aspect;\n  else w = h * aspect;\n  return [box.x + box.width / 2 - w / 2, box.y + box.height / 2 - h / 2, w, h];\n}\n\n/**\n * Keeps the picture's `data-nonscaling` elements (a map's pins and labels)\n * the same size on screen as a `view` zooms: each is scaled round its own\n * origin by how far the picture is zoomed (so draw it round (0, 0) inside a\n * group that places it).\n */\nfunction keepSize(svg: SVGSVGElement, whole: SvgBox, nonscaling: Element[]) {\n  if (!nonscaling.length) return;\n  const width = Number((svg.getAttribute(\"viewBox\") ?? \"\").trim().split(/[\\s,]+/)[2]);\n  const zoom = width > 0 ? width / whole[2] : 1;\n  const transform = Math.abs(zoom - 1) < 1e-4 ? \"\" : `scale(${+zoom.toFixed(4)})`;\n  for (const el of nonscaling)\n    if ((el.getAttribute(\"transform\") ?? \"\") !== transform)\n      if (transform) el.setAttribute(\"transform\", transform);\n      else el.removeAttribute(\"transform\");\n}\n\n/** Applies a frame of the media's animations to `svg`. */\nfunction apply(\n  svg: SVGSVGElement,\n  whole: SvgBox,\n  byId: Map<string, Element>,\n  motion: SvgMotion,\n  timeMs: number,\n  steps: readonly number[],\n  ids: ReadonlyMap<string, string> = new Map(),\n) {\n  for (const [id, frame] of svgFrame(motion.animate ?? [], steps, timeMs)) {\n    if (id === SVG_PICTURE && frame.view) {\n      const a = viewBox(frame.view.from, whole, byId);\n      const b = viewBox(frame.view.to, whole, byId);\n      const u = frame.view.u;\n      svg.setAttribute(\"viewBox\", a.map((n, i) => +(n + (b[i]! - n) * u).toFixed(2)).join(\" \"));\n      continue;\n    }\n    const el = byId.get(id);\n    if (!el) continue;\n    for (const [name, value] of Object.entries(frame.attrs)) el.setAttribute(name, scopedRefs(value, ids, name));\n    if (frame.draw !== undefined) {\n      // A path length of 1 lets the dash be a fraction, with nothing measured.\n      el.setAttribute(\"pathLength\", \"1\");\n      el.setAttribute(\"stroke-dasharray\", \"1 1\");\n      el.setAttribute(\"stroke-dashoffset\", String(1 - frame.draw));\n    }\n    if (frame.text !== undefined) el.textContent = frame.text;\n    if (frame.solo !== undefined) {\n      const children = Array.from(el.children);\n      children.forEach((child, idx) => {\n        if (child instanceof SVGElement || child instanceof HTMLElement) {\n          if (idx === frame.solo) {\n            child.removeAttribute(\"display\");\n          } else {\n            child.setAttribute(\"display\", \"none\");\n          }\n        }\n      });\n    }\n    if (frame.along) {\n      const path = byId.get(frame.along.path) as SVGGeometryElement | undefined;\n      try {\n        const length = path?.getTotalLength?.();\n        if (path && length !== undefined) {\n          const p = path.getPointAtLength(frame.along.at * length);\n          el.setAttribute(\"transform\", `translate(${+p.x.toFixed(2)} ${+p.y.toFixed(2)})`);\n        }\n      } catch {\n        // Not laid out: leave it where it is.\n      }\n    }\n  }\n}\n\nconst VAR = /var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*([^()]*(?:\\([^()]*\\)[^()]*)*))?\\)/g;\n\n/**\n * `copy` with the CSS variables in its attributes and styles replaced by\n * their values on `live` (its original, in the page), or their fallbacks:\n * an image of the SVG is drawn on its own, where the page's variables (a\n * host's palette) mean nothing.\n */\nfunction resolveVariables(live: SVGSVGElement, copy: SVGSVGElement) {\n  const originals = [live, ...live.querySelectorAll(\"*\")];\n  const copies = [copy, ...copy.querySelectorAll(\"*\")];\n  copies.forEach((el, i) => {\n    let style: CSSStyleDeclaration | undefined;\n    for (const attr of [...el.attributes]) {\n      if (!attr.value.includes(\"var(\")) continue;\n      style ??= getComputedStyle(originals[i] ?? live);\n      el.setAttribute(\n        attr.name,\n        attr.value.replace(\n          VAR,\n          (_, name: string, fallback?: string) =>\n            style!.getPropertyValue(name).trim() || fallback?.trim() || \"\",\n        ),\n      );\n    }\n  });\n}\n\n/** An image of the picture as drawn now (its layers in order), at `pixels`. */\nasync function rasterize(layers: SVGSVGElement[], pixels: { width: number; height: number }): Promise<HTMLCanvasElement> {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = pixels.width;\n  canvas.height = pixels.height;\n  const defs = layers[0]?.querySelector(\"defs\");\n  for (const [i, svg] of layers.entries()) {\n    const copy = svg.cloneNode(true) as SVGSVGElement;\n    resolveVariables(svg, copy);\n    // A fixed layer's gradients and markers live in the picture's <defs>.\n    if (i > 0 && defs) copy.prepend(defs.cloneNode(true));\n    copy.setAttribute(\"xmlns\", SVG_NS);\n    copy.setAttribute(\"width\", String(pixels.width));\n    copy.setAttribute(\"height\", String(pixels.height));\n    const url = URL.createObjectURL(\n      new Blob([new XMLSerializer().serializeToString(copy)], { type: \"image/svg+xml\" }),\n    );\n    try {\n      const image = new Image();\n      image.src = url;\n      await image.decode();\n      canvas.getContext(\"2d\")!.drawImage(image, 0, 0, pixels.width, pixels.height);\n    } finally {\n      URL.revokeObjectURL(url);\n    }\n  }\n  return canvas;\n}\n\n/**\n * Moves the picture's `data-fixed` elements (titles, legends, notes) into a\n * layer over it that keeps the original `viewBox`, so a `view` zooms the\n * picture under them while they stay put. Undefined when it has none.\n */\nfunction fixedLayer(svg: SVGSVGElement): SVGSVGElement | undefined {\n  const fixed = [...svg.querySelectorAll(\"[data-fixed]\")].filter(\n    (el) => !el.parentElement?.closest(\"[data-fixed]\"),\n  );\n  if (!fixed.length) return undefined;\n  // The picture's own attributes (viewBox, fonts, fills) without its id.\n  const layer = svg.cloneNode(false) as SVGSVGElement;\n  layer.removeAttribute(\"id\");\n  layer.setAttribute(\"aria-hidden\", \"true\");\n  layer.style.cssText = \"position:absolute;inset:0;overflow:visible\";\n  for (const el of fixed) layer.appendChild(el);\n  return layer;\n}\n\nexport interface SvgViewOptions {\n  /**\n   * Called with the id of the innermost element with an id that is clicked:\n   * its id in the motion's markup (in the page, ids carry a suffix that keeps\n   * them unique, so several pictures can use the same ones).\n   */\n  onPick?: (id: string) => void;\n}\n\n/** An {@link SvgMotion} drawn into an element; call `draw` with a time to show it then. */\nexport interface SvgView {\n  /** A `div` filled by the picture; put it anywhere. */\n  readonly element: HTMLDivElement;\n  /** Shows the picture at `timeMs`, with steps starting at `steps` (ms). */\n  draw(timeMs: number, steps?: readonly number[]): void;\n  /** An image of the picture as drawn now. */\n  capture(pixels: { width: number; height: number }): Promise<HTMLCanvasElement | undefined>;\n}\n\n/** Shows an {@link SvgMotion} as a live view; with `onPick`, clicks report the id of the element clicked. */\nexport function svgView(motion: SvgMotion, options: SvgViewOptions = {}): SvgView {\n  const element = document.createElement(\"div\");\n  element.style.width = \"100%\";\n  element.style.height = \"100%\";\n  const { onPick } = options;\n  if (onPick)\n    element.addEventListener(\"click\", (event) => {\n      // The innermost element with an id, up to the picture itself.\n      for (let el = event.target as Element | null; el && el !== element; el = el.parentElement)\n        if (el.id && el.localName !== \"svg\") return onPick(el.getAttribute(\"data-flair-id\") ?? el.id);\n    });\n  let svg: SVGSVGElement | undefined | null = null;\n  let fixed: SVGSVGElement | undefined;\n  let nonscaling: Element[] = [];\n  let whole: SvgBox = [0, 0, 100, 100];\n  const byId = new Map<string, Element>();\n  let ids: ReadonlyMap<string, string> = new Map();\n  const suffix = `f${++views}`;\n  return {\n    element,\n    draw(timeMs, steps = []) {\n      if (svg === null) {\n        // Parsed on first use, so a view made and dropped costs nothing.\n        svg = parseSvg(motion.svg);\n        if (svg) {\n          ids = scopeIds(svg, suffix);\n          svg.setAttribute(\"width\", \"100%\");\n          svg.setAttribute(\"height\", \"100%\");\n          element.appendChild(svg);\n          fixed = fixedLayer(svg);\n          if (fixed) {\n            element.style.position = \"relative\";\n            element.appendChild(fixed);\n          }\n          for (const layer of [svg, fixed])\n            for (const el of layer?.querySelectorAll(\"[id]\") ?? [])\n              byId.set(el.getAttribute(\"data-flair-id\") ?? el.id, el);\n          nonscaling = [...svg.querySelectorAll(\"[data-nonscaling]\")];\n          const box = (svg.getAttribute(\"viewBox\") ?? \"\")\n            .trim()\n            .split(/[\\s,]+/)\n            .map(Number);\n          if (box.length === 4 && box.every(Number.isFinite)) whole = box as unknown as SvgBox;\n        }\n      }\n      if (svg) {\n        apply(svg, whole, byId, motion, timeMs, steps, ids);\n        keepSize(svg, whole, nonscaling);\n      }\n    },\n    capture: async (pixels) => (svg ? rasterize(fixed ? [svg, fixed] : [svg], pixels) : undefined),\n  };\n}\n\n/** How long an {@link SvgMotion} runs: its last change's end, in ms (at least 1). */\nexport function svgDuration(motion: SvgMotion, steps: readonly number[] = []): number {\n  let end = 0;\n  for (const a of motion.animate ?? []) {\n    const step = a.step ?? 0;\n    const start = step <= 0 ? 0 : steps[step - 1];\n    if (start === undefined) continue;\n    end = Math.max(end, start + (a.delay ?? 0) + (a.ms ?? 800));\n  }\n  return Math.max(1, end);\n}\n\nexport interface SvgPlayerOptions extends SvgViewOptions {\n  /** Time source (default: animation frames). Pass a `ManualClock` to step frames yourself. */\n  clock?: Clock;\n  /** Start playing at once (default `true`). */\n  autoplay?: boolean;\n  /**\n   * Start again at the end (default `true`). When `false` it plays once and\n   * stays on the last frame (hidden instead with `hideWhenPaused`).\n   */\n  loop?: boolean;\n  /** Loop length in ms (default: the picture's own, see {@link svgDuration}, plus `hold`). */\n  duration?: number;\n  /** Ms to rest on the last frame before looping (default 600). */\n  hold?: number;\n  /** Playback speed (default 1). */\n  speed?: number;\n  /** Step start times in ms, for pictures that change on steps (default none). */\n  steps?: readonly number[];\n  /** Pause the animation loop when scrolled out of view via IntersectionObserver (default false). */\n  pauseWhenHidden?: boolean;\n  /** Wait to start playing until the element enters the viewport via IntersectionObserver (default false). When true, autoplay is deferred until first visible. */\n  playOnEnter?: boolean;\n  /** Hide the view (`visibility: hidden`) whenever playback is paused or reset (default false). */\n  hideWhenPaused?: boolean;\n  /**\n   * Plays in answer to the pointer or the page instead of on its own (see\n   * {@link SvgTrigger}): `\"hover\"` and `\"press\"` play to the end while\n   * hovered or held and back to the start after; `\"click\"` plays the next\n   * step on each click, starting over after the last; `\"scroll\"` follows\n   * the trigger target's progress through the viewport (see `scrollRange`),\n   * scrubbing back and forth as the page scrolls. `autoplay`, `loop` and\n   * `steps` are ignored.\n   */\n  trigger?: SvgTrigger;\n  /** The element whose pointer events trigger it, or whose scrolling a scroll trigger follows (default the container). */\n  triggerTarget?: HTMLElement;\n  /**\n   * For a scroll trigger: the stretch of the target's progress through the\n   * viewport (0 as its top comes in at the bottom, 1 as its bottom leaves at\n   * the top) over which the picture plays from start to end (default\n   * `[0.1, 0.6]`: from just after it comes into view to a little past the\n   * middle).\n   */\n  scrollRange?: readonly [number, number];\n}\n\n/** What makes a triggered {@link SvgPlayer} play. */\nexport type SvgTrigger = \"hover\" | \"press\" | \"click\" | \"scroll\";\n\n/** The stretch of the viewport a scroll-triggered picture plays over (see `SvgPlayerOptions.scrollRange`). */\nexport const SCROLL_RANGE: readonly [number, number] = [0.1, 0.6];\n\n/**\n * Plays an {@link SvgMotion} inside `container`: loops by default, and can be\n * paused, sought and sped up. Dispose it to stop and remove the picture.\n */\nexport class SvgPlayer {\n  readonly view: SvgView;\n  private readonly clock: Clock;\n  private steps: readonly number[];\n  private readonly loop: boolean;\n  private length: number;\n  private readonly motion: SvgMotion;\n  private readonly trigger?: SvgTrigger;\n  private readonly triggerTarget?: HTMLElement;\n  /** With a hover or press trigger: 1 playing to the end, -1 back to the start. */\n  private direction = 1;\n  /** With a click trigger: when each click came, in ms of playback. */\n  private clicks: number[] = [];\n  private readonly hideWhenPaused: boolean;\n  private speed: number;\n  private time = 0;\n  private last = 0;\n  private playing = false;\n  private disposed = false;\n  private wasPlayingBeforeHidden = false;\n  private hasEnteredViewport = false;\n  private intersectionObserver?: IntersectionObserver;\n  private readonly scrollRange: readonly [number, number];\n  /** A scroll trigger's pending update (one per frame). */\n  private scrollFrame = 0;\n  private followingScroll = false;\n\n  constructor(\n    private readonly container: HTMLElement,\n    motion: SvgMotion,\n    options: SvgPlayerOptions = {},\n  ) {\n    this.clock = options.clock ?? realClock;\n    this.motion = motion;\n    this.trigger = options.trigger;\n    this.steps = this.trigger ? [] : (options.steps ?? []);\n    this.loop = this.trigger ? false : (options.loop ?? true);\n    this.speed = options.speed ?? 1;\n    this.hideWhenPaused = Boolean(options.hideWhenPaused);\n    this.scrollRange = options.scrollRange ?? SCROLL_RANGE;\n    this.length = options.duration ?? svgDuration(motion, this.steps) + (options.hold ?? 600);\n    this.view = svgView(motion, options);\n    container.appendChild(this.view.element);\n    this.view.draw(0, this.steps);\n\n    const needsObserver =\n      (options.pauseWhenHidden || options.playOnEnter) && typeof IntersectionObserver !== \"undefined\";\n\n    if (needsObserver) {\n      this.intersectionObserver = new IntersectionObserver(([entry]) => {\n        if (!entry) return;\n        if (entry.isIntersecting) {\n          if (options.playOnEnter && !this.hasEnteredViewport) {\n            this.hasEnteredViewport = true;\n            if (options.autoplay ?? true) {\n              this.play();\n            }\n          } else if (this.wasPlayingBeforeHidden) {\n            this.wasPlayingBeforeHidden = false;\n            this.play();\n          }\n        } else {\n          if (this.playing && options.pauseWhenHidden) {\n            this.wasPlayingBeforeHidden = true;\n            this.pause();\n          }\n        }\n      });\n      this.intersectionObserver.observe(this.view.element);\n    }\n\n    if (this.trigger === \"scroll\") {\n      this.length = options.duration ?? svgDuration(motion);\n      this.triggerTarget = options.triggerTarget ?? container;\n      this.followingScroll = true;\n      this.listen(true);\n      this.followScroll();\n      return;\n    }\n\n    if (this.trigger) {\n      // A click-triggered picture runs until its latest step is over, however many clicks.\n      // Hovers and presses run to the last change and back, with no rest to wait through.\n      this.length = this.trigger === \"click\" ? Infinity : (options.duration ?? svgDuration(motion));\n      this.triggerTarget = options.triggerTarget ?? container;\n      this.listen(true);\n      return;\n    }\n\n    // Without IntersectionObserver (a server, a test), nothing would say it entered: play at once.\n    const shouldAutoplay = (options.autoplay ?? true) && !(options.playOnEnter && needsObserver);\n    if (shouldAutoplay) {\n      this.play();\n    } else if (this.hideWhenPaused) {\n      this.view.element.style.visibility = \"hidden\";\n    }\n  }\n\n  /** The loop length in ms. */\n  get duration(): number {\n    return this.length;\n  }\n\n  /** The time shown, in ms. */\n  get currentTime(): number {\n    return this.time;\n  }\n\n  get isPlaying(): boolean {\n    return this.playing;\n  }\n\n  play(): void {\n    if (this.playing || this.disposed) return;\n    this.playing = true;\n    if (this.hideWhenPaused) this.view.element.style.visibility = \"visible\";\n    this.last = this.clock.now();\n    void this.run();\n  }\n\n  pause(): void {\n    this.playing = false;\n    if (this.hideWhenPaused) this.view.element.style.visibility = \"hidden\";\n  }\n\n  /** Stops playback, rewinds to `0 ms`, and hides the view if `hideWhenPaused` is enabled. */\n  reset(): void {\n    this.playing = false;\n    this.wasPlayingBeforeHidden = false;\n    this.seek(0);\n    if (this.hideWhenPaused) this.view.element.style.visibility = \"hidden\";\n  }\n\n  /** Shows the picture at `ms` (wrapped into the loop when looping). */\n  seek(ms: number): void {\n    this.time = this.loop\n      ? ((ms % this.length) + this.length) % this.length\n      : Math.min(Math.max(ms, 0), this.length);\n    this.view.draw(this.time, this.steps);\n  }\n\n  /**\n   * Shows the picture at `progress` of the way through it, 0–1: how hosts\n   * scrub it themselves (a slider, a scroll position of their own). A scroll\n   * trigger stops following the page once a host calls this.\n   */\n  setProgress(progress: number): void {\n    if (this.followingScroll) {\n      this.followingScroll = false;\n      this.listen(false);\n    }\n    this.playing = false;\n    this.seek(Math.min(1, Math.max(0, progress)) * (Number.isFinite(this.length) ? this.length : svgDuration(this.motion, this.steps)));\n  }\n\n  /**\n   * A scroll trigger's playback position, 0–1, for the trigger target's\n   * `progress` through the viewport (see {@link SvgPlayerOptions.scrollRange}).\n   */\n  scrollPosition(progress: number): number {\n    const [from, to] = this.scrollRange;\n    return to > from ? Math.min(1, Math.max(0, (progress - from) / (to - from))) : progress >= to ? 1 : 0;\n  }\n\n  setSpeed(speed: number): void {\n    this.speed = speed;\n  }\n\n  /**\n   * Plays to the end (`true`) or back to the start (`false`) from wherever it\n   * is: what a hover or press trigger does, for hosts that drive it themselves\n   * (a hovered card, a focused button).\n   */\n  setActive(active: boolean): void {\n    this.direction = active ? 1 : -1;\n    this.play();\n  }\n\n  /**\n   * Plays the picture's next step (what a click trigger does): steps 1, 2, …\n   * in turn, then step 1 again, so a picture whose last step leads back to\n   * how it started toggles; one with no steps plays again from the start.\n   */\n  advance(): void {\n    const last = Math.max(0, ...(this.motion.animate ?? []).map((a) => a.step ?? 0));\n    if (last === 0) {\n      this.clicks = [];\n      this.time = 0;\n    } else {\n      this.clicks.push(this.time);\n      // Only the clicks of the current round count, so each round starts from how the last ended.\n      this.steps = this.clicks.slice(Math.floor((this.clicks.length - 1) / last) * last);\n    }\n    this.view.draw(this.time, this.steps);\n    this.play();\n  }\n\n  dispose(): void {\n    this.disposed = true;\n    this.playing = false;\n    if (this.trigger && (this.trigger !== \"scroll\" || this.followingScroll)) this.listen(false);\n    if (this.scrollFrame && typeof cancelAnimationFrame !== \"undefined\") cancelAnimationFrame(this.scrollFrame);\n    this.intersectionObserver?.disconnect();\n    this.view.element.remove();\n  }\n\n  private onEnter = () => this.setActive(true);\n  private onLeave = () => this.setActive(false);\n  private onClick = () => this.advance();\n\n  /** Seeks to where the trigger target is in the viewport. */\n  private followScroll = () => {\n    this.scrollFrame = 0;\n    if (!this.followingScroll || this.disposed) return;\n    const rect = this.triggerTarget!.getBoundingClientRect();\n    const viewport = window.innerHeight || document.documentElement.clientHeight || 1;\n    const travel = viewport + rect.height;\n    const progress = travel > 0 ? Math.min(1, Math.max(0, (viewport - rect.top) / travel)) : 0;\n    this.seek(this.scrollPosition(progress) * this.length);\n  };\n\n  /** A scroll or resize: follow it on the next frame (or now, without frames). */\n  private onScroll = () => {\n    if (typeof requestAnimationFrame === \"undefined\") return this.followScroll();\n    if (!this.scrollFrame) this.scrollFrame = requestAnimationFrame(this.followScroll);\n  };\n\n  private listen(on: boolean) {\n    const target = this.triggerTarget!;\n    const method = on ? \"addEventListener\" : \"removeEventListener\";\n    if (this.trigger === \"scroll\") {\n      // Any scroll that may move the target: the page's or a scrolling element's.\n      window[method](\"scroll\", this.onScroll, { capture: true, passive: true } as AddEventListenerOptions);\n      window[method](\"resize\", this.onScroll, { passive: true } as AddEventListenerOptions);\n    } else if (this.trigger === \"hover\") {\n      target[method](\"pointerenter\", this.onEnter);\n      target[method](\"pointerleave\", this.onLeave);\n    } else if (this.trigger === \"press\") {\n      target[method](\"pointerdown\", this.onEnter);\n      window[method](\"pointerup\", this.onLeave);\n      window[method](\"pointercancel\", this.onLeave);\n    } else target[method](\"click\", this.onClick);\n  }\n\n  private async run(): Promise<void> {\n    while (this.playing && !this.disposed) {\n      await this.clock.frame();\n      if (!this.playing || this.disposed) return;\n      const now = this.clock.now();\n      const dt = (now - this.last) * this.speed;\n      this.last = now;\n      if (this.trigger === \"click\") {\n        // Rest once the latest step is over, until the next click.\n        const end = svgDuration(this.motion, this.steps);\n        this.time = Math.min(this.time + dt, Math.max(end, this.time));\n        this.view.draw(this.time, this.steps);\n        if (this.time >= end) this.playing = false;\n        continue;\n      }\n      if (this.trigger) {\n        const next = Math.min(Math.max(this.time + dt * this.direction, 0), this.length);\n        this.seek(next);\n        if (next === 0 || next === this.length) this.playing = false;\n        continue;\n      }\n      const next = this.time + dt;\n      if (!this.loop && next >= this.length) {\n        this.seek(this.length);\n        this.playing = false;\n        if (this.hideWhenPaused) this.view.element.style.visibility = \"hidden\";\n        return;\n      }\n      this.seek(next);\n    }\n  }\n}\n\nexport interface AnimateCountOptions {\n  /** Starting number. */\n  from: number;\n  /** Ending number. */\n  to: number;\n  /** Duration in ms (default {@link STEP_MS}). */\n  ms?: number;\n  /** Delay before starting in ms (default 0). */\n  delay?: number;\n  /** Easing curve (default `\"out\"`), by name or as a `[x1, y1, x2, y2]` cubic-bezier. */\n  ease?: SvgEase;\n  /** Number of decimal places (default 0). */\n  decimals?: number;\n  /** Format template where `{n}` is replaced by the formatted number (default `\"{n}\"`). */\n  format?: string;\n  /** Time source (default: animation frames). */\n  clock?: Clock;\n  /** Called with each formatted text frame (and raw numeric value). */\n  onUpdate: (text: string, value: number) => void;\n}\n\n/**\n * Counts a number from `from` to `to` over `ms` using Flair's easing curves\n * and `Clock`, calling `onUpdate` with the formatted string on each frame.\n * Returns a cancel function that stops the animation.\n */\nexport function animateCount(options: AnimateCountOptions): () => void {\n  const clock = options.clock ?? realClock;\n  const ms = options.ms ?? STEP_MS;\n  const delay = options.delay ?? 0;\n  const ease = easeFunction(options.ease, \"out\");\n  const start = clock.now();\n  let stopped = false;\n\n  const emit = (u: number) => {\n    const v = options.from + (options.to - options.from) * ease(u);\n    options.onUpdate(formatCount(v, options), v);\n  };\n\n  emit(ms <= 0 && delay <= 0 ? 1 : 0);\n  if (ms <= 0 && delay <= 0) return () => {};\n\n  void (async () => {\n    while (!stopped) {\n      await clock.frame();\n      if (stopped) return;\n      const elapsed = clock.now() - start - delay;\n      if (elapsed < 0) continue;\n      if (ms <= 0 || elapsed >= ms) {\n        emit(1);\n        return;\n      }\n      emit(elapsed / ms);\n    }\n  })();\n\n  return () => {\n    stopped = true;\n  };\n}\n"],"mappings":"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","names":["next"]}

package/dist/{chunk-2O3RMSOE.js → chunk-XFTSWPSX.js}

@@ -12,7 +12,7 @@ import {
   getEffect,
   renderVectorEffect,
   textImage
-} from "./chunk-IHUNCBMF.js";
+} from "./chunk-Z3LKEODP.js";
 import {
   parseColor
 } from "./chunk-VYOMXE6I.js";
@@ -20,7 +20,7 @@ import {
   SvgPlayer,
   svgDuration,
   svgView
-} from "./chunk-JETRHCP3.js";
+} from "./chunk-XAQ5FWKS.js";
 
 // src/export/mp4mux.ts
 var AAC_RATES = [96e3, 88200, 64e3, 48e3, 44100, 32e3, 24e3, 22050, 16e3, 12e3, 11025, 8e3, 7350];
@@ -1126,4 +1126,4 @@ export {
   subjectValues,
   mountEffect
 };
-//# sourceMappingURL=chunk-2O3RMSOE.js.map
+//# sourceMappingURL=chunk-XFTSWPSX.js.map

package/dist/{chunk-IHUNCBMF.js → chunk-Z3LKEODP.js}

@@ -14,7 +14,7 @@ import {
   lerpAttr,
   morphPaths,
   morphSequence
-} from "./chunk-VKIDRHBG.js";
+} from "./chunk-6B62CBTP.js";
 
 // src/catalog/inputs.ts
 var EFFECT_INPUTS = ["image", "video", "svg", "text", "mask", "path", "audio"];
@@ -28548,4 +28548,4 @@ export {
   effectControls,
   effectDefaults
 };
-//# sourceMappingURL=chunk-IHUNCBMF.js.map
+//# sourceMappingURL=chunk-Z3LKEODP.js.map

package/dist/{chunk-JS2RTKMM.js → chunk-Z5EETGR4.js}

@@ -491,7 +491,7 @@ function chromeArgs(userDataDir, width, height, url) {
     `--user-data-dir=${userDataDir}`,
     `--window-size=${Math.max(64, width)},${Math.max(64, height)}`,
     "--use-gl=angle",
-    ...process.platform === "darwin" ? ["--use-angle=metal"] : [],
+    ...process.platform === "darwin" ? ["--use-angle=metal"] : ["--use-angle=swiftshader"],
     "--enable-webgl",
     "--enable-unsafe-swiftshader",
     "--ignore-gpu-blocklist",
@@ -506,7 +506,7 @@ function chromeArgs(userDataDir, width, height, url) {
     url
   ];
 }
-var STALL_MS = Number(process.env.FLAIR_STALL_TIMEOUT_MS) || 12e4;
+var DEFAULT_STALL_MS = 12e4;
 async function runRender(job) {
   const { page, plan, fps, onProgress } = job;
   const total = page.frames;
@@ -524,6 +524,8 @@ async function runRender(job) {
     let written = 0;
     let stall;
     const sockets = /* @__PURE__ */ new Set();
+    const stallTimeoutMs = Number(process.env.FLAIR_STALL_TIMEOUT_MS) || DEFAULT_STALL_MS;
+    let chromeStderr = "";
     const cleanup = () => {
       clearTimeout(stall);
       try {
@@ -550,7 +552,12 @@ async function runRender(job) {
     };
     const watchdog = () => {
       clearTimeout(stall);
-      stall = setTimeout(() => fail(new Error(`The render stalled: no frame for ${STALL_MS / 1e3} s after frame ${written} of ${total}. Is WebGL2 available to headless Chrome?`)), STALL_MS);
+      stall = setTimeout(() => {
+        const diag = chromeStderr.trim() ? `
+Chrome stderr:
+${chromeStderr.trim()}` : "";
+        fail(new Error(`The render stalled: no frame for ${stallTimeoutMs / 1e3} s after frame ${written} of ${total}. Is WebGL2 available to headless Chrome?${diag}`));
+      }, stallTimeoutMs);
     };
     const server = http.createServer((req, res) => {
       const url = new URL(req.url || "/", "http://127.0.0.1");
@@ -627,10 +634,25 @@ async function runRender(job) {
     });
     server.listen(0, "127.0.0.1", () => {
       const { port } = server.address();
-      chrome = spawn(chromeBin, chromeArgs(userDataDir, page.width, page.height, `http://127.0.0.1:${port}/`), { stdio: "ignore" });
-      chrome.on("error", (err) => fail(new Error(`Could not launch Chrome at ${chromeBin}: ${err.message}`)));
+      chrome = spawn(chromeBin, chromeArgs(userDataDir, page.width, page.height, `http://127.0.0.1:${port}/`), {
+        stdio: ["ignore", "ignore", "pipe"]
+      });
+      chrome.stderr?.on("data", (chunk) => {
+        chromeStderr = (chromeStderr + chunk.toString()).slice(-4e3);
+      });
+      chrome.on("error", (err) => {
+        const diag = chromeStderr.trim() ? `
+Chrome stderr:
+${chromeStderr.trim()}` : "";
+        fail(new Error(`Could not launch Chrome at ${chromeBin}: ${err.message}${diag}`));
+      });
       chrome.on("exit", (code) => {
-        if (!finished && written < total) fail(new Error(`Chrome quit (exit ${code}) after ${written} of ${total} frames.`));
+        if (!finished && written < total) {
+          const diag = chromeStderr.trim() ? `
+Chrome stderr:
+${chromeStderr.trim()}` : "";
+          fail(new Error(`Chrome quit (exit ${code}) after ${written} of ${total} frames.${diag}`));
+        }
       });
       watchdog();
     });
@@ -724,4 +746,4 @@ export {
   frameStates,
   exportMotionGraphic
 };
-//# sourceMappingURL=chunk-JS2RTKMM.js.map
+//# sourceMappingURL=chunk-Z5EETGR4.js.map

package/dist/chunk-Z5EETGR4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/export/recorder.ts"],"sourcesContent":["// gifenc ships without types; the reference brings them along.\n/// <reference path=\"../shader/gifenc.d.ts\" />\nimport http from 'node:http';\nimport { spawn, type ChildProcess } from 'node:child_process';\nimport fs from 'node:fs';\nimport os from 'node:os';\nimport path from 'node:path';\nimport { controlValue, parseControls, type ControlValue, type TextureSettings } from '../shader/controls.js';\nimport { MAX_CLICKS, MAX_TRAIL, PointerTracker, TRAIL_SECONDS } from '../shader/pointer.js';\nimport { VERTEX_SOURCE, wrapSource } from '../shader/program.js';\nimport { SVG_EDGE } from '../shader/textures.js';\n\n// ==========================================\n// Tools: Chrome and ffmpeg\n// ==========================================\n\nconst CHROME_CANDIDATES = [\n  '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',\n  '/Applications/Chromium.app/Contents/MacOS/Chromium',\n  'C:\\\\Program Files\\\\Google\\\\Chrome\\\\Application\\\\chrome.exe',\n  '/usr/bin/google-chrome',\n  '/usr/bin/google-chrome-stable',\n  '/usr/bin/chromium',\n  '/usr/bin/chromium-browser',\n];\n\n/** Chromium builds Playwright downloaded (`npx playwright install chromium`), newest first. */\nfunction playwrightChromes(): string[] {\n  const roots = [\n    process.env.PLAYWRIGHT_BROWSERS_PATH,\n    path.join(os.homedir(), 'Library/Caches/ms-playwright'),\n    path.join(os.homedir(), '.cache/ms-playwright'),\n  ].filter((r): r is string => Boolean(r));\n  const found: string[] = [];\n  for (const root of roots) {\n    let dirs: string[] = [];\n    try {\n      dirs = fs.readdirSync(root).filter((d) => /^chromium-\\d+$/.test(d));\n    } catch {\n      continue;\n    }\n    dirs.sort((a, b) => Number(b.split('-')[1]) - Number(a.split('-')[1]));\n    for (const dir of dirs) {\n      for (const bin of [\n        'chrome-mac-arm64/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing',\n        'chrome-mac/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing',\n        'chrome-mac/Chromium.app/Contents/MacOS/Chromium',\n        'chrome-linux/chrome',\n        'chrome-linux64/chrome',\n      ]) found.push(path.join(root, dir, bin));\n    }\n  }\n  return found;\n}\n\n/**\n * Finds a local Chrome or Chromium executable, or `null`: `CHROME_PATH` (or\n * `CHROME_BIN`), then the usual install places, then a Chromium Playwright\n * downloaded.\n */\nexport function findChrome(): string | null {\n  const env = process.env.CHROME_PATH || process.env.CHROME_BIN;\n  if (env) return env;\n  return [...CHROME_CANDIDATES, ...playwrightChromes()].find((candidate) => fs.existsSync(candidate)) ?? null;\n}\n\n/** The ffmpeg to run: `FFMPEG_PATH`, else `ffmpeg` on the `PATH`. */\nexport function ffmpegPath(): string {\n  return process.env.FFMPEG_PATH || 'ffmpeg';\n}\n\nconst NO_FFMPEG =\n  'ffmpeg is not installed (or not on the PATH). Install it (brew install ffmpeg, apt install ffmpeg), or set FFMPEG_PATH; GIF, PNG and SVG output do not need it.';\n\n// ==========================================\n// Output formats\n// ==========================================\n\n/** A file type the exporter writes, from the output path. */\nexport type OutputFormat = 'mp4' | 'webm' | 'mov' | 'gif' | 'png' | 'svg';\n\n/** What to write and how. */\nexport interface OutputPlan {\n  format: OutputFormat;\n  /** The output path, resolved. For a PNG sequence, a printf pattern (`…/frame_%04d.png`). */\n  path: string;\n  /** Whether the frames keep their alpha. */\n  alpha: boolean;\n  /** ffmpeg's arguments after the input (for mp4, webm and mov). */\n  ffmpegArgs?: string[];\n}\n\n/**\n * Works out the format from `outputPath`'s extension and what alpha it can\n * keep. A path with no extension, or ending in a slash, is a folder of PNG\n * frames; a `.png` path with a `%d` pattern (`out_%04d.png`) names each\n * frame, and one without gets `_%04d` added (unless there is one frame).\n * Throws a sentence for formats it cannot write, and for alpha in MP4.\n */\nexport function planOutput(outputPath: string, options: { alpha?: boolean; frames?: number } = {}): OutputPlan {\n  const resolved = path.resolve(process.cwd(), outputPath);\n  const trailingSlash = /[\\\\/]$/.test(outputPath);\n  const ext = trailingSlash ? '' : path.extname(resolved).toLowerCase();\n  const alpha = Boolean(options.alpha);\n  switch (ext) {\n    case '': {\n      return { format: 'png', path: path.join(resolved, 'frame_%04d.png'), alpha };\n    }\n    case '.png': {\n      if (/%0?\\d*d/.test(resolved) || (options.frames ?? 2) === 1) return { format: 'png', path: resolved, alpha };\n      return { format: 'png', path: resolved.replace(/\\.png$/i, '_%04d.png'), alpha };\n    }\n    case '.gif':\n      return { format: 'gif', path: resolved, alpha };\n    case '.svg':\n      return { format: 'svg', path: resolved, alpha };\n    case '.mp4':\n    case '.m4v': {\n      if (alpha) throw new Error('MP4 (H.264) cannot hold alpha; write .webm, .mov, .gif or .png frames for a transparent render, or drop --alpha.');\n      return {\n        format: 'mp4',\n        path: resolved,\n        alpha,\n        ffmpegArgs: [\n          // yuv420p needs even sizes; sRGB pixels go to BT.709, tagged so players show the same colours.\n          '-vf', 'pad=ceil(iw/2)*2:ceil(ih/2)*2,scale=out_color_matrix=bt709:out_range=tv,format=yuv420p',\n          '-c:v', 'libx264', '-pix_fmt', 'yuv420p', '-crf', '18', '-preset', 'medium',\n          '-colorspace', 'bt709', '-color_primaries', 'bt709', '-color_trc', 'bt709', '-color_range', 'tv',\n          '-movflags', '+faststart',\n        ],\n      };\n    }\n    case '.webm':\n      return {\n        format: 'webm',\n        path: resolved,\n        alpha,\n        ffmpegArgs: alpha\n          ? ['-c:v', 'libvpx-vp9', '-pix_fmt', 'yuva420p', '-b:v', '0', '-crf', '30', '-auto-alt-ref', '0', '-row-mt', '1']\n          : ['-vf', 'scale=out_color_matrix=bt709:out_range=tv,format=yuv420p', '-c:v', 'libvpx-vp9', '-pix_fmt', 'yuv420p', '-b:v', '0', '-crf', '30', '-row-mt', '1',\n             '-colorspace', 'bt709', '-color_primaries', 'bt709', '-color_trc', 'bt709'],\n      };\n    case '.mov':\n      return {\n        format: 'mov',\n        path: resolved,\n        alpha,\n        ffmpegArgs: [\n          '-c:v', 'prores_ks', '-profile:v', '4444', '-vendor', 'apl0',\n          '-pix_fmt', alpha ? 'yuva444p10le' : 'yuv444p10le',\n          ...(alpha ? ['-alpha_bits', '16'] : []),\n          '-colorspace', 'bt709', '-color_primaries', 'bt709', '-color_trc', 'bt709',\n        ],\n      };\n    default:\n      throw new Error(`Flair cannot write \"${ext}\" files; write .mp4, .webm, .mov, .gif, .svg, or .png frames (a folder, or a pattern like out_%04d.png).`);\n  }\n}\n\n/** A frame number put into a PNG sequence's printf pattern (`%04d`, `%d`). */\nexport function sequencePath(pattern: string, frame: number): string {\n  return pattern.replace(/%(0?)(\\d*)d/, (_, zero: string, width: string) => String(frame).padStart(Number(width || 0), zero ? '0' : ' '));\n}\n\n// ==========================================\n// The pointer, scripted\n// ==========================================\n\n/** Pointer uniforms for one frame. */\nexport interface PointerFrame {\n  mouse: [number, number, number, number];\n  pointer: [number, number, number, number];\n  /** `iClicks`, MAX_CLICKS × 4 numbers. */\n  clicks: number[];\n  /** `iTrail`, MAX_TRAIL × 4 numbers. */\n  trail: number[];\n}\n\n/**\n * A pointer that shows off an interactive shader in a recording: it hovers\n * over the canvas from the start, wanders a figure-of-eight (so trails have\n * a path), and clicks every `interval` seconds, holding each press for a\n * moment. Returns the uniforms for each frame time, in order.\n */\nexport function scriptedPointer(width: number, height: number, times: readonly number[], options: { interval?: number; period?: number } = {}): PointerFrame[] {\n  const interval = options.interval ?? 0.8;\n  const period = Math.max(2, options.period ?? (times[times.length - 1] ?? 2));\n  const at = (t: number): [number, number] => [\n    width * (0.5 + 0.3 * Math.sin((2 * Math.PI * t) / period)),\n    height * (0.5 + 0.22 * Math.sin((4 * Math.PI * t) / period)),\n  ];\n  const press = 0.25;\n  const tracker = new PointerTracker();\n  tracker.hover(true, 0);\n  tracker.move(...at(0), 0);\n  let clock = 0;\n  let nextClick = 0.25;\n  let release = Infinity;\n  let mouse: [number, number, number, number] = [0, 0, 0, 0];\n  const frames: PointerFrame[] = [];\n  for (const time of times) {\n    // Walk the script up to `time` in trail-sized steps, so the trail and clicks land where they would live.\n    while (clock < time) {\n      const next = Math.min(time, clock + TRAIL_SECONDS, nextClick, release);\n      clock = next;\n      const [x, y] = at(clock);\n      tracker.move(x, y, clock);\n      if (mouse[2] > 0) mouse = [x, y, mouse[2], mouse[3]];\n      if (clock >= release) {\n        tracker.up(clock);\n        mouse = [mouse[0], mouse[1], -mouse[2], -Math.abs(mouse[3])];\n        release = Infinity;\n      }\n      if (clock >= nextClick) {\n        tracker.down(x, y, clock);\n        mouse = [x, y, x, y];\n        release = clock + press;\n        nextClick = clock + interval;\n      }\n    }\n    frames.push({\n      mouse: [...mouse],\n      pointer: tracker.pointer(time),\n      clicks: [...tracker.clicksAt(time)],\n      trail: [...tracker.trailAt(time)],\n    });\n  }\n  return frames;\n}\n\n// ==========================================\n// The page\n// ==========================================\n\n/** A shader control as the page sets it. */\nexport interface PageControl {\n  name: string;\n  type: string;\n  value: ControlValue;\n  texture?: TextureSettings;\n}\n\n/** What the render page draws. */\nexport interface PageConfig {\n  width: number;\n  height: number;\n  frames: number;\n  /** Keep alpha in the frames (else they are composited over `background`). */\n  alpha: boolean;\n  /** CSS colour under transparent pixels when `alpha` is false. */\n  background: string;\n  /** How frames go back: PNG files, or raw RGBA (rows top down). */\n  send: 'png' | 'rgba';\n  /** A shader to run, or (when absent) SVG frame markup from `/state`. */\n  shader?: {\n    /** The full GLSL ES 3.00 fragment shader (see {@link fragmentSource}). */\n    fragment: string;\n    controls: PageControl[];\n    /** Draws its frame opaque, as `ShaderRenderer` does without `alpha`: its own alpha is ignored. */\n    opaque: boolean;\n  };\n}\n\n/** JSON that is safe inside a `<script>`. */\nconst scriptJson = (value: unknown) => JSON.stringify(value).replace(/</g, '\\\\u003c');\n\n/**\n * The page headless Chrome runs: it compiles the shader with the same\n * wrapper as `ShaderRenderer` (`wrapSource`, so every built-in, `iPointer`,\n * `iClicks`, `iTrail`, `iAudio`, `iSpectrum`, `iBeat` and `iScroll` included, is\n * declared; the audio and scroll ones stay 0, so those effects play their idle\n * demos), sets each control by its\n * type (`int` and `bool` as integers), loads image controls the way\n * `loadImage` does (SVGs sized to their long edge first) before the first\n * frame, and flips them as the renderer does. Each frame asks `/state` for\n * its time, pointer, video frames or SVG markup, draws, and posts the\n * pixels to `/frame`.\n */\nexport function renderPageHtml(config: PageConfig): string {\n  return `<!doctype html>\n<html>\n<head>\n<meta charset=\"utf-8\">\n<style>html,body{margin:0;background:transparent;overflow:hidden}</style>\n</head>\n<body>\n<script>\nconst CONFIG = ${scriptJson(config)};\nconst VERTEX = ${scriptJson(VERTEX_SOURCE)};\nconst W = CONFIG.width, H = CONFIG.height;\nconst report = (message) => fetch(\"/error\", { method: \"POST\", body: String(message) });\naddEventListener(\"error\", (e) => report(\"The render page failed: \" + e.message));\naddEventListener(\"unhandledrejection\", (e) => report((e.reason && e.reason.message) || String(e.reason)));\n\n// SVGs decode at their own (often icon) size: give them ${SVG_EDGE} px on the long edge, and a viewBox.\nfunction sizeSvg(markup, w0, h0) {\n  const doc = new DOMParser().parseFromString(markup, \"image/svg+xml\");\n  const svg = doc.documentElement;\n  if (svg.localName !== \"svg\" || doc.getElementsByTagName(\"parsererror\").length) throw new Error(\"Not an SVG document.\");\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  if (!hasBox) svg.setAttribute(\"viewBox\", \"0 0 \" + w + \" \" + h);\n  const scale = w0 ? 1 : ${SVG_EDGE} / Math.max(w, h);\n  svg.setAttribute(\"width\", w0 || Math.max(1, Math.round(w * scale)));\n  svg.setAttribute(\"height\", h0 || Math.max(1, Math.round(h * scale)));\n  return new XMLSerializer().serializeToString(svg);\n}\nconst isSvg = (url) => /^data:image\\\\/svg\\\\+xml[;,]/i.test(url) || /^(?!data:)[^?#]*\\\\.svg([?#]|$)/i.test(url);\nasync function decode(src, name) {\n  const img = new Image();\n  img.src = src;\n  try { await img.decode(); } catch (e) { throw new Error(\"Could not load the image \" + name + \".\"); }\n  return img;\n}\nasync function loadImage(url, name) {\n  if (!isSvg(url)) return decode(url, name);\n  const text = await (await fetch(url)).text();\n  const blob = URL.createObjectURL(new Blob([sizeSvg(text)], { type: \"image/svg+xml\" }));\n  try { return await decode(blob, name); } finally { URL.revokeObjectURL(blob); }\n}\n\nconst out = document.createElement(\"canvas\");\nout.width = W; out.height = H;\nconst ctx = out.getContext(\"2d\", { willReadFrequently: CONFIG.send === \"rgba\" });\nlet gl = null, glCanvas = null, u = null;\nconst textures = {};\n\nfunction setupShader() {\n  glCanvas = document.createElement(\"canvas\");\n  glCanvas.width = W; glCanvas.height = H;\n  // As createContext: no antialiasing, depth or stencil; unpremultiplied alpha so pixels read back exactly.\n  gl = glCanvas.getContext(\"webgl2\", { alpha: true, premultipliedAlpha: false, preserveDrawingBuffer: true, antialias: false, depth: false, stencil: false, powerPreference: \"high-performance\" });\n  if (!gl) throw new Error(\"WebGL2 is not available in headless Chrome.\");\n  const 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(\"The shader does not compile: \" + gl.getShaderInfoLog(s));\n    return s;\n  };\n  const program = gl.createProgram();\n  gl.attachShader(program, compile(gl.VERTEX_SHADER, VERTEX));\n  gl.attachShader(program, compile(gl.FRAGMENT_SHADER, CONFIG.shader.fragment));\n  gl.linkProgram(program);\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) throw new Error(\"The shader does not link: \" + gl.getProgramInfoLog(program));\n  gl.useProgram(program);\n  u = (n) => gl.getUniformLocation(program, n);\n  gl.viewport(0, 0, W, H);\n  if (CONFIG.shader.opaque) {\n    // An opaque canvas, as ShaderRenderer has without alpha: alpha stays 1 whatever the shader writes.\n    gl.clearColor(0, 0, 0, 1);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n    gl.colorMask(true, true, true, false);\n  }\n}\n\nfunction makeTexture(unit, texture) {\n  const t = gl.createTexture();\n  const settings = texture || { filter: \"mipmap\", wrap: \"repeat\" };\n  gl.activeTexture(gl.TEXTURE0 + unit);\n  gl.bindTexture(gl.TEXTURE_2D, t);\n  // Black until (or unless) a picture arrives, as TextureCache does.\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, { mipmap: gl.LINEAR_MIPMAP_LINEAR, linear: gl.LINEAR, nearest: gl.NEAREST }[settings.filter]);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, settings.filter === \"nearest\" ? gl.NEAREST : gl.LINEAR);\n  const wrap = { repeat: gl.REPEAT, clamp: gl.CLAMP_TO_EDGE, mirror: gl.MIRRORED_REPEAT }[settings.wrap];\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, wrap);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, wrap);\n  return { unit, texture: t };\n}\n\nfunction upload(name, img) {\n  const slot = textures[name];\n  if (!slot) return;\n  gl.activeTexture(gl.TEXTURE0 + slot.unit);\n  gl.bindTexture(gl.TEXTURE_2D, slot.texture);\n  // Rows bottom up, as the renderer's TextureCache uploads them.\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.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);\n  gl.generateMipmap(gl.TEXTURE_2D);\n}\n\nasync function setControls() {\n  let unit = 0;\n  const loads = [];\n  for (const c of CONFIG.shader.controls) {\n    const loc = u(c.name);\n    const v = c.value;\n    if (c.type === \"sampler2D\") {\n      textures[c.name] = makeTexture(unit, c.texture);\n      if (loc) gl.uniform1i(loc, unit);\n      unit++;\n      if (v) loads.push(loadImage(v, \"for \" + c.name).then((img) => upload(c.name, img)));\n      continue;\n    }\n    if (!loc) continue;\n    if (c.type === \"float\") gl.uniform1f(loc, v);\n    else if (c.type === \"int\") gl.uniform1i(loc, Math.round(v));\n    else if (c.type === \"bool\") gl.uniform1i(loc, v ? 1 : 0);\n    else if (Array.isArray(v)) gl[\"uniform\" + v.length + \"fv\"](loc, v);\n  }\n  await Promise.all(loads);\n}\n\nfunction drawShader(s) {\n  gl.viewport(0, 0, W, H);\n  const set = (n, f) => { const l = u(n); if (l) f(l); };\n  set(\"iResolution\", (l) => gl.uniform3f(l, W, H, 1));\n  set(\"iTime\", (l) => gl.uniform1f(l, s.time));\n  set(\"iTimeDelta\", (l) => gl.uniform1f(l, s.delta));\n  set(\"iFrame\", (l) => gl.uniform1i(l, s.frame));\n  set(\"iMouse\", (l) => gl.uniform4fv(l, s.mouse));\n  set(\"iPointer\", (l) => gl.uniform4fv(l, s.pointer));\n  set(\"iClicks\", (l) => gl.uniform4fv(l, new Float32Array(s.clicks)));\n  set(\"iTrail\", (l) => gl.uniform4fv(l, new Float32Array(s.trail)));\n  // glslsandbox-style names, for complete programs.\n  set(\"u_resolution\", (l) => gl.uniform2f(l, W, H));\n  set(\"u_time\", (l) => gl.uniform1f(l, s.time));\n  set(\"u_mouse\", (l) => gl.uniform2f(l, s.pointer[0], s.pointer[1]));\n  gl.drawArrays(gl.TRIANGLES, 0, 3);\n}\n\nasync function frameImage(s) {\n  if (CONFIG.shader) {\n    for (const [name, url] of Object.entries(s.video || {})) upload(name, await decode(url, \"of the video frame\"));\n    drawShader(s);\n    return glCanvas;\n  }\n  const markup = sizeSvg(s.svg, W, H);\n  const url = URL.createObjectURL(new Blob([markup], { type: \"image/svg+xml\" }));\n  try { return await decode(url, \"of the SVG frame\"); } finally { URL.revokeObjectURL(url); }\n}\n\nasync function capture(src) {\n  // The WebGL canvas reads back exactly when nothing is composited under it.\n  const direct = CONFIG.shader && (CONFIG.alpha || CONFIG.shader.opaque);\n  if (direct) {\n    if (CONFIG.send === \"png\") return new Promise((r) => glCanvas.toBlob(r, \"image/png\"));\n    const px = new Uint8Array(W * H * 4);\n    gl.readPixels(0, 0, W, H, gl.RGBA, gl.UNSIGNED_BYTE, px);\n    const flipped = new Uint8Array(px.length), row = W * 4;\n    for (let y = 0; y < H; y++) flipped.set(px.subarray((H - 1 - y) * row, (H - y) * row), y * row);\n    return flipped;\n  }\n  ctx.clearRect(0, 0, W, H);\n  if (!CONFIG.alpha) { ctx.fillStyle = CONFIG.background; ctx.fillRect(0, 0, W, H); }\n  ctx.drawImage(src, 0, 0, W, H);\n  if (CONFIG.send === \"png\") return new Promise((r) => out.toBlob(r, \"image/png\"));\n  return ctx.getImageData(0, 0, W, H).data;\n}\n\n(async () => {\n  if (CONFIG.shader) { setupShader(); await setControls(); }\n  for (let i = 0; i < CONFIG.frames; i++) {\n    const s = await (await fetch(\"/state?i=\" + i)).json();\n    const body = await capture(await frameImage(s));\n    const r = await fetch(\"/frame?i=\" + i, { method: \"POST\", body });\n    if (!r.ok) return;\n  }\n})().catch((e) => report((e && e.message) || String(e)));\n</script>\n</body>\n</html>\n`;\n}\n\n// ==========================================\n// The render loop\n// ==========================================\n\n/** One frame's state, as the page asks for it. */\nexport interface FrameState {\n  time: number;\n  delta: number;\n  frame: number;\n  mouse: [number, number, number, number];\n  pointer: [number, number, number, number];\n  clicks: number[];\n  trail: number[];\n  /** SVG markup to draw (vector frames). */\n  svg?: string;\n  /** Image control → local file to show this frame (video frames). */\n  video?: Record<string, string>;\n}\n\n/** A render: the page to run, each frame's state, and where it goes. */\nexport interface RenderJob {\n  page: PageConfig;\n  state: (frame: number) => FrameState;\n  plan: OutputPlan;\n  fps: number;\n  onProgress?: (frame: number, total: number) => void;\n}\n\n/** Frames written somewhere: a sink takes them in order and finishes. */\ninterface Sink {\n  write(frame: number, data: Buffer): Promise<void>;\n  finish(): Promise<void>;\n  abort(): void;\n}\n\nfunction ffmpegSink(plan: OutputPlan, fps: number): Sink {\n  const args = ['-y', '-hide_banner', '-loglevel', 'error', '-f', 'image2pipe', '-framerate', String(fps), '-c:v', 'png', '-i', '-', ...plan.ffmpegArgs!, '-r', String(fps), plan.path];\n  const proc = spawn(ffmpegPath(), args, { stdio: ['pipe', 'ignore', 'pipe'] });\n  let stderr = '';\n  let failed: Error | null = null;\n  proc.stderr!.on('data', (d) => (stderr += d.toString()));\n  const done = new Promise<void>((resolve, reject) => {\n    proc.on('error', (err: NodeJS.ErrnoException) => {\n      failed = err.code === 'ENOENT' ? new Error(NO_FFMPEG) : new Error(`ffmpeg could not start: ${err.message}`);\n      reject(failed);\n    });\n    proc.on('close', (code) => {\n      if (code === 0) resolve();\n      else reject((failed ??= new Error(`ffmpeg failed (exit ${code}): ${stderr.trim() || 'no message'}`)));\n    });\n  });\n  done.catch(() => {});\n  proc.stdin!.on('error', () => {});\n  return {\n    async write(_frame, data) {\n      if (failed) throw failed;\n      if (!proc.stdin!.write(data)) await new Promise((r) => proc.stdin!.once('drain', r));\n    },\n    async finish() {\n      proc.stdin!.end();\n      await done;\n    },\n    abort() {\n      proc.kill('SIGKILL');\n    },\n  };\n}\n\nfunction pngSink(plan: OutputPlan): Sink {\n  fs.mkdirSync(path.dirname(plan.path), { recursive: true });\n  return {\n    async write(frame, data) {\n      await fs.promises.writeFile(plan.path.includes('%') ? sequencePath(plan.path, frame) : plan.path, data);\n    },\n    async finish() {},\n    abort() {},\n  };\n}\n\nasync function gifSink(plan: OutputPlan, width: number, height: number, fps: number): Promise<Sink> {\n  // gifenc is CommonJS in Node: its functions may only be on the default export.\n  const mod = (await import('gifenc')) as Partial<typeof import('gifenc')> & { default?: typeof import('gifenc') };\n  const { GIFEncoder, quantize, applyPalette } = (typeof mod.GIFEncoder === 'function' ? mod : mod.default!) as typeof import('gifenc');\n  const gif = GIFEncoder();\n  const delay = 1000 / fps;\n  return {\n    async write(frame, data) {\n      const rgba = new Uint8Array(data.buffer, data.byteOffset, data.byteLength);\n      const first = frame === 0 ? { repeat: 0 } : {};\n      if (plan.alpha) {\n        // One-bit alpha: each frame replaces the last (dispose 2), with a transparent palette entry.\n        const palette = quantize(rgba, 256, { format: 'rgba4444', oneBitAlpha: true });\n        const transparentIndex = palette.findIndex((c) => c[3] === 0);\n        gif.writeFrame(applyPalette(rgba, palette, 'rgba4444'), width, height, {\n          palette,\n          delay,\n          dispose: 2,\n          ...(transparentIndex >= 0 ? { transparent: true, transparentIndex } : {}),\n          ...first,\n        });\n      } else {\n        const palette = quantize(rgba, 256);\n        gif.writeFrame(applyPalette(rgba, palette), width, height, { palette, delay, ...first });\n      }\n    },\n    async finish() {\n      gif.finish();\n      fs.mkdirSync(path.dirname(plan.path), { recursive: true });\n      await fs.promises.writeFile(plan.path, gif.bytes());\n    },\n    abort() {},\n  };\n}\n\n/** Chrome's flags: GPU WebGL where there is one (Metal on macOS), SwiftShader otherwise. */\nfunction chromeArgs(userDataDir: string, width: number, height: number, url: string): string[] {\n  return [\n    '--headless=new',\n    '--no-sandbox',\n    '--disable-setuid-sandbox',\n    '--disable-dev-shm-usage',\n    `--user-data-dir=${userDataDir}`,\n    `--window-size=${Math.max(64, width)},${Math.max(64, height)}`,\n    '--use-gl=angle',\n    ...(process.platform === 'darwin' ? ['--use-angle=metal'] : ['--use-angle=swiftshader']),\n    '--enable-webgl',\n    '--enable-unsafe-swiftshader',\n    '--ignore-gpu-blocklist',\n    '--disable-gpu-sandbox',\n    '--force-color-profile=srgb',\n    '--no-first-run',\n    '--no-default-browser-check',\n    '--disable-background-networking',\n    '--disable-background-timer-throttling',\n    '--disable-renderer-backgrounding',\n    '--disable-extensions',\n    url,\n  ];\n}\n\n/** Default stall timeout in milliseconds if not overridden via FLAIR_STALL_TIMEOUT_MS. */\nconst DEFAULT_STALL_MS = 120_000;\n\n/**\n * Runs a render: serves the page to headless Chrome on 127.0.0.1, hands it\n * each frame's state, and writes the frames it posts back. Resolves with the\n * output path (a PNG sequence's pattern).\n */\nexport async function runRender(job: RenderJob): Promise<string> {\n  const { page, plan, fps, onProgress } = job;\n  const total = page.frames;\n  const chromeBin = findChrome();\n  if (!chromeBin) {\n    throw new Error('Chrome or Chromium is needed to render, and none was found. Install Google Chrome, run \"npx playwright install chromium\", or set CHROME_PATH.');\n  }\n  fs.mkdirSync(path.dirname(plan.path), { recursive: true });\n  const sink = plan.format === 'gif' ? await gifSink(plan, page.width, page.height, fps) : plan.format === 'png' ? pngSink(plan) : ffmpegSink(plan, fps);\n  const html = renderPageHtml(page);\n  const userDataDir = fs.mkdtempSync(path.join(os.tmpdir(), 'flair-chrome-'));\n\n  return new Promise<string>((resolve, reject) => {\n    let chrome: ChildProcess | null = null;\n    let finished = false;\n    let written = 0;\n    let stall: NodeJS.Timeout | undefined;\n    const sockets = new Set<import('node:net').Socket>();\n\n    const stallTimeoutMs = Number(process.env.FLAIR_STALL_TIMEOUT_MS) || DEFAULT_STALL_MS;\n    let chromeStderr = '';\n\n    const cleanup = () => {\n      clearTimeout(stall);\n      try {\n        chrome?.kill('SIGKILL');\n      } catch {}\n      for (const s of sockets) s.destroy();\n      server.close();\n      fs.rm(userDataDir, { recursive: true, force: true }, () => {});\n    };\n    const fail = (err: Error) => {\n      if (finished) return;\n      finished = true;\n      sink.abort();\n      cleanup();\n      reject(err);\n    };\n    const succeed = () => {\n      if (finished) return;\n      finished = true;\n      cleanup();\n      resolve(plan.path);\n    };\n    const watchdog = () => {\n      clearTimeout(stall);\n      stall = setTimeout(() => {\n        const diag = chromeStderr.trim() ? `\\nChrome stderr:\\n${chromeStderr.trim()}` : '';\n        fail(new Error(`The render stalled: no frame for ${stallTimeoutMs / 1000} s after frame ${written} of ${total}. Is WebGL2 available to headless Chrome?${diag}`));\n      }, stallTimeoutMs);\n    };\n\n    const server = http.createServer((req, res) => {\n      const url = new URL(req.url || '/', 'http://127.0.0.1');\n      if (url.pathname === '/' && req.method === 'GET') {\n        res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8', 'Cache-Control': 'no-store' });\n        res.end(html);\n        return;\n      }\n      if (url.pathname === '/state') {\n        const i = Number(url.searchParams.get('i'));\n        try {\n          const s = job.state(i);\n          const body = { ...s, ...(s.video ? { video: Object.fromEntries(Object.keys(s.video).map((k) => [k, `/video?i=${i}&name=${encodeURIComponent(k)}`])) } : {}) };\n          res.writeHead(200, { 'Content-Type': 'application/json' });\n          res.end(JSON.stringify(body));\n        } catch (e) {\n          res.writeHead(500);\n          res.end();\n          fail(e as Error);\n        }\n        return;\n      }\n      if (url.pathname === '/video') {\n        const i = Number(url.searchParams.get('i'));\n        const file = job.state(i).video?.[url.searchParams.get('name') ?? ''];\n        if (!file) {\n          res.writeHead(404);\n          res.end();\n          return;\n        }\n        res.writeHead(200, { 'Content-Type': 'image/png' });\n        fs.createReadStream(file).pipe(res);\n        return;\n      }\n      if (url.pathname === '/frame' && req.method === 'POST') {\n        const i = Number(url.searchParams.get('i'));\n        const chunks: Buffer[] = [];\n        req.on('data', (c: Buffer) => chunks.push(c));\n        req.on('end', () => {\n          sink\n            .write(i, Buffer.concat(chunks))\n            .then(async () => {\n              written++;\n              watchdog();\n              onProgress?.(written, total);\n              res.writeHead(200);\n              res.end('ok');\n              if (written >= total) {\n                await sink.finish();\n                succeed();\n              }\n            })\n            .catch((e: Error) => {\n              res.writeHead(500);\n              res.end();\n              fail(e);\n            });\n        });\n        return;\n      }\n      if (url.pathname === '/error' && req.method === 'POST') {\n        let message = '';\n        req.on('data', (c) => (message += c));\n        req.on('end', () => {\n          res.writeHead(200);\n          res.end();\n          fail(new Error(message || 'The render page failed.'));\n        });\n        return;\n      }\n      res.writeHead(404);\n      res.end();\n    });\n    server.on('connection', (s) => {\n      sockets.add(s);\n      s.on('close', () => sockets.delete(s));\n    });\n\n    server.listen(0, '127.0.0.1', () => {\n      const { port } = server.address() as import('node:net').AddressInfo;\n      chrome = spawn(chromeBin, chromeArgs(userDataDir, page.width, page.height, `http://127.0.0.1:${port}/`), {\n        stdio: ['ignore', 'ignore', 'pipe'],\n      });\n      chrome.stderr?.on('data', (chunk) => {\n        chromeStderr = (chromeStderr + chunk.toString()).slice(-4000);\n      });\n      chrome.on('error', (err) => {\n        const diag = chromeStderr.trim() ? `\\nChrome stderr:\\n${chromeStderr.trim()}` : '';\n        fail(new Error(`Could not launch Chrome at ${chromeBin}: ${err.message}${diag}`));\n      });\n      chrome.on('exit', (code) => {\n        if (!finished && written < total) {\n          const diag = chromeStderr.trim() ? `\\nChrome stderr:\\n${chromeStderr.trim()}` : '';\n          fail(new Error(`Chrome quit (exit ${code}) after ${written} of ${total} frames.${diag}`));\n        }\n      });\n      watchdog();\n    });\n  });\n}\n\n// ==========================================\n// Shader export\n// ==========================================\n\n/** Where the pointer is in a recording: nowhere (`none`), or the scripted pointer of {@link scriptedPointer} (`auto`). */\nexport type PointerMode = 'none' | 'auto';\n\nexport interface ExportOptions {\n  /** GLSL fragment shader source (Shadertoy-style `mainImage`). */\n  source: string;\n  /**\n   * Control values over the declared defaults. An image control takes a\n   * URL, a `data:` URL, or a local file path (read into a `data:` URL).\n   */\n  values?: Record<string, ControlValue>;\n  /** Destination: .mp4, .webm, .mov, .gif, or PNG frames (a folder or `out_%04d.png`). */\n  outputPath: string;\n  width?: number;\n  height?: number;\n  fps?: number;\n  /** Seconds (default 3). */\n  duration?: number;\n  /** Keep the shader's alpha (WebM, MOV, GIF and PNG; MP4 is always opaque). */\n  alpha?: boolean;\n  /**\n   * The shader draws over other content (`fragColor.a` is coverage): without\n   * `alpha` it is composited over `background`. Otherwise its alpha is\n   * ignored without `alpha`, as on an opaque canvas.\n   */\n  transparent?: boolean;\n  /** CSS colour under transparent pixels when `alpha` is off (default black). */\n  background?: string;\n  /** The pointer: `none` (default) or `auto`, a scripted pointer that hovers, wanders and clicks. */\n  pointer?: PointerMode;\n  onProgress?: (frame: number, total: number) => void;\n}\n\nconst MIME: Record<string, string> = {\n  '.png': 'image/png',\n  '.jpg': 'image/jpeg',\n  '.jpeg': 'image/jpeg',\n  '.gif': 'image/gif',\n  '.webp': 'image/webp',\n  '.avif': 'image/avif',\n  '.bmp': 'image/bmp',\n  '.svg': 'image/svg+xml',\n};\n\n/**\n * An image for the page, as a `data:` URL: a local file is read, an\n * `http(s):` URL fetched (so CORS does not matter); `data:` URLs stay.\n */\nexport async function imageDataUrl(source: string, cwd = process.cwd()): Promise<string> {\n  if (/^data:/i.test(source) || source === '') return source;\n  if (/^https?:/i.test(source)) {\n    const res = await fetch(source);\n    if (!res.ok) throw new Error(`Could not download the image at ${source} (HTTP ${res.status}).`);\n    const type = res.headers.get('content-type')?.split(';')[0] || MIME[path.extname(new URL(source).pathname).toLowerCase()] || 'application/octet-stream';\n    return `data:${type};base64,${Buffer.from(await res.arrayBuffer()).toString('base64')}`;\n  }\n  const file = path.resolve(cwd, source.replace(/^file:\\/\\//, ''));\n  if (!fs.existsSync(file)) throw new Error(`There is no image at ${file}.`);\n  const type = MIME[path.extname(file).toLowerCase()];\n  if (!type) throw new Error(`${path.basename(file)} is not an image Flair can show; give it a PNG, JPEG, GIF, WebP, AVIF, BMP or SVG.`);\n  return `data:${type};base64,${fs.readFileSync(file).toString('base64')}`;\n}\n\n/**\n * The fragment shader the page compiles: a Shadertoy-style `mainImage`\n * source goes in `wrapSource`, as `ShaderRenderer` compiles it. A complete\n * program (one with its own `void main()`, glslsandbox-style, reading\n * `u_time` and `u_resolution`) is kept as written, with `#version 300 es`\n * added when it has none.\n */\nexport function fragmentSource(source: string): string {\n  if (!/\\bvoid\\s+main\\s*\\(\\s*\\)/.test(source)) return wrapSource(source);\n  return /^\\s*#version\\b/.test(source) ? source : `#version 300 es\\n#line 1\\n${source}`;\n}\n\n/** Shader controls with their values, images as `data:` URLs, ready for the page. */\nexport async function pageControls(source: string, values: Record<string, ControlValue> = {}): Promise<PageControl[]> {\n  return Promise.all(\n    parseControls(source).map(async (c) => {\n      let value = controlValue(c, values);\n      if (c.type === 'sampler2D' && typeof value === 'string') value = await imageDataUrl(value);\n      return { name: c.name, type: c.type, value, ...(c.texture ? { texture: c.texture } : {}) };\n    }),\n  );\n}\n\n/** Frame times and pointer uniforms for `frames` frames at `fps`. */\nexport function frameStates(frames: number, fps: number, width: number, height: number, pointer: PointerMode): FrameState[] {\n  const times = Array.from({ length: frames }, (_, i) => i / fps);\n  const scripted = pointer === 'auto' ? scriptedPointer(width, height, times) : undefined;\n  const none = { mouse: [0, 0, 0, 0] as [number, number, number, number], pointer: [0, 0, 0, 0] as [number, number, number, number], clicks: new Array(MAX_CLICKS * 4).fill(0), trail: new Array(MAX_TRAIL * 4).fill(0) };\n  return times.map((time, i) => ({ time, delta: i === 0 ? 0 : 1 / fps, frame: i, ...(scripted?.[i] ?? none) }));\n}\n\n/**\n * Renders a shader animation frame by frame with WebGL2 in headless Chrome,\n * the way `ShaderRenderer` draws it (the same GLSL wrapper and built-ins,\n * images, int and bool controls), and writes MP4 (H.264), WebM (VP9, with\n * alpha when asked), MOV (ProRes 4444), GIF or PNG frames. MP4, WebM and\n * MOV need ffmpeg; GIF and PNG do not.\n */\nexport async function exportMotionGraphic(options: ExportOptions): Promise<string> {\n  const { source, values = {}, outputPath, fps = 30, duration = 3, onProgress } = options;\n  const width = Math.max(1, Math.round(options.width ?? 720));\n  const height = Math.max(1, Math.round(options.height ?? 720));\n  const frames = Math.max(1, Math.round(duration * fps));\n  const plan = planOutput(outputPath, { alpha: options.alpha, frames });\n  if (plan.format === 'svg') throw new Error('A shader cannot be written as SVG; write .mp4, .webm, .mov, .gif or .png frames.');\n  const states = frameStates(frames, fps, width, height, options.pointer ?? 'none');\n  return runRender({\n    page: {\n      width,\n      height,\n      frames,\n      alpha: plan.alpha,\n      background: options.background ?? '#000000',\n      send: plan.format === 'gif' ? 'rgba' : 'png',\n      shader: {\n        fragment: fragmentSource(source),\n        controls: await pageControls(source, values),\n        opaque: !plan.alpha && !options.transparent,\n      },\n    },\n    state: (i) => states[i]!,\n    plan,\n    fps,\n    onProgress,\n  });\n}\n"],"mappings":"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","names":["type"]}

package/dist/cli.js

@@ -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-VGJ64QSM.js");
+    const { exportMotionGraphic } = await import("./recorder-YXZL6SXM.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-XN5FXSN5.js");
+    const { effectQueryFromFlags, describeEffect } = await import("./effect-RXOSCAK2.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-XN5FXSN5.js");
+    const { exportEffect, parseSets, parseSize, resolveEffect, subjectsFromFlags } = await import("./effect-RXOSCAK2.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,6 +1,6 @@
-import { i as VectorControl, f as EffectPreset, E as EffectDefinition } from '../types-B4Wjzde0.js';
+import { i as VectorControl, f as EffectPreset, E as EffectDefinition } from '../types-CVgiEJyP.js';
 import { C as ControlValue, a as ControlDef, b as ControlType } from '../controls-Ec6P0Vpy.js';
-import { S as SvgMotion, C as Clock } from '../svg-DaKRPA9v.js';
+import { S as SvgMotion, C as Clock } from '../svg-cunB0HBn.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';

package/dist/editor/index.js

@@ -16,7 +16,7 @@ import {
   renderVectorEffect,
   vectorControlIssues,
   vectorEffectControls
-} from "../chunk-IHUNCBMF.js";
+} from "../chunk-Z3LKEODP.js";
 import "../chunk-EHDJ3CPJ.js";
 import {
   checkControlValue,
@@ -26,13 +26,13 @@ import {
 import {
   svgDuration,
   svgView
-} from "../chunk-JETRHCP3.js";
+} from "../chunk-XAQ5FWKS.js";
 import {
   realClock
 } from "../chunk-WMZQCUFJ.js";
 import {
   svgMotionIssues
-} from "../chunk-VKIDRHBG.js";
+} from "../chunk-6B62CBTP.js";
 
 // src/editor/timeline.ts
 import {

package/dist/{effect-XN5FXSN5.js → effect-RXOSCAK2.js}

@@ -14,19 +14,19 @@ import {
   subjectsFromFlags,
   vectorTimeline,
   videoSeconds
-} from "./chunk-YXPMECWY.js";
-import "./chunk-JS2RTKMM.js";
-import "./chunk-N5HXMQOK.js";
-import "./chunk-MOLJPWME.js";
-import "./chunk-2O3RMSOE.js";
+} from "./chunk-D4GVMDHE.js";
+import "./chunk-Z5EETGR4.js";
+import "./chunk-OIRDNPMD.js";
+import "./chunk-G5M777AN.js";
+import "./chunk-XFTSWPSX.js";
 import "./chunk-SMR2MJXB.js";
 import "./chunk-HDYBY3PQ.js";
-import "./chunk-IHUNCBMF.js";
+import "./chunk-Z3LKEODP.js";
 import "./chunk-EHDJ3CPJ.js";
 import "./chunk-VYOMXE6I.js";
-import "./chunk-JETRHCP3.js";
+import "./chunk-XAQ5FWKS.js";
 import "./chunk-WMZQCUFJ.js";
-import "./chunk-VKIDRHBG.js";
+import "./chunk-6B62CBTP.js";
 export {
   checkEffectValues,
   defaultSize,
@@ -44,4 +44,4 @@ export {
   vectorTimeline,
   videoSeconds
 };
-//# sourceMappingURL=effect-XN5FXSN5.js.map
+//# sourceMappingURL=effect-RXOSCAK2.js.map

package/dist/embed/index.d.ts

@@ -1,6 +1,6 @@
 import { C as ControlValue } from '../controls-Ec6P0Vpy.js';
-import { b as SvgPlayer } from '../svg-DaKRPA9v.js';
-import { E as EffectDefinition } from '../types-B4Wjzde0.js';
+import { b as SvgPlayer } from '../svg-cunB0HBn.js';
+import { E as EffectDefinition } from '../types-CVgiEJyP.js';
 import { L as LiveSource, A as AudioSource, S as ShaderRenderer } from '../renderer-tk1nbVkW.js';
 import { R as RenderOptions } from '../frames-CGJudAbu.js';
 

package/dist/embed/index.js

@@ -3,15 +3,15 @@ import {
   recordEffect,
   recordingPlan,
   subjectValues
-} from "../chunk-2O3RMSOE.js";
+} from "../chunk-XFTSWPSX.js";
 import "../chunk-SMR2MJXB.js";
 import "../chunk-HDYBY3PQ.js";
-import "../chunk-IHUNCBMF.js";
+import "../chunk-Z3LKEODP.js";
 import "../chunk-EHDJ3CPJ.js";
 import "../chunk-VYOMXE6I.js";
-import "../chunk-JETRHCP3.js";
+import "../chunk-XAQ5FWKS.js";
 import "../chunk-WMZQCUFJ.js";
-import "../chunk-VKIDRHBG.js";
+import "../chunk-6B62CBTP.js";
 export {
   mountEffect,
   recordEffect,

package/dist/index.d.ts

@@ -2,8 +2,8 @@ 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 { 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';
+import { C as Clock } from './svg-cunB0HBn.js';
+export { A as AnimateCountOptions, c as CubicBezier, D as DataKey, E as EASES, d as EaseName, M as ManualClock, e as SCRAMBLE_MS, f as SCROLL_RANGE, g as STEP_MS, h as SVG_PICTURE, i as SvgAnimation, j as SvgBox, k as SvgEase, l as SvgElementFrame, S as SvgMotion, b as SvgPlayer, m as SvgPlayerOptions, a as SvgTrigger, n as SvgView, o as SvgViewOptions, p as animateCount, q as cubicBezierEase, r as defaultDataKey, s as easeFunction, t as formatCount, u as isCubicBezier, v as isSvgEase, w as jitter, x as lerpAttr, y as lerpData, z as pageHidden, B as parseSvg, F as realClock, G as stepData, H as stepProgress, I as stepStart, J as svgDuration, K as svgFrame, L as svgMotionIssues, N as svgOpeningTag, O as svgView, P as writtenText } from './svg-cunB0HBn.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. */

package/dist/index.js

@@ -114,13 +114,13 @@ import {
 } from "./chunk-H6L67KHI.js";
 import {
   svgAnimatedMarkup
-} from "./chunk-N5HXMQOK.js";
+} from "./chunk-OIRDNPMD.js";
 import {
   parseViewBox,
   svgFrameMarkup,
   svgInlineLayout,
   svgViewBox
-} from "./chunk-MOLJPWME.js";
+} from "./chunk-G5M777AN.js";
 import {
   SCROLL_SETTLE,
   SCROLL_SMOOTHING,
@@ -194,7 +194,7 @@ import {
   parseSvg,
   svgDuration,
   svgView
-} from "./chunk-JETRHCP3.js";
+} from "./chunk-XAQ5FWKS.js";
 import {
   ManualClock,
   jitter,
@@ -206,8 +206,12 @@ import {
   SCRAMBLE_MS,
   STEP_MS,
   SVG_PICTURE,
+  cubicBezierEase,
   defaultDataKey,
+  easeFunction,
   formatCount,
+  isCubicBezier,
+  isSvgEase,
   lerpAttr,
   lerpData,
   morphPaths,
@@ -219,7 +223,7 @@ import {
   svgMotionIssues,
   svgOpeningTag,
   writtenText
-} from "./chunk-VKIDRHBG.js";
+} from "./chunk-6B62CBTP.js";
 
 // src/time/retiming.ts
 function loopTime(t, duration, start = 0) {
@@ -1409,10 +1413,12 @@ export {
   createFrameRate,
   createLottieEase,
   createMotionPath,
+  cubicBezierEase,
   cutsHalfway,
   defaultDataKey,
   describeValue,
   drawFrame,
+  easeFunction,
   easeInOutCubic,
   easeProgress,
   effectGone,
@@ -1449,9 +1455,11 @@ export {
   interpolateOklab,
   interpolateOklch,
   isAngled,
+  isCubicBezier,
   isDeleteCommand,
   isElementCommand,
   isImageUrl,
+  isSvgEase,
   isSvgUrl,
   isUpdateCommand,
   jitter,