@frapx/core 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,22 @@
+# Changelog
+
+## 0.2.0 - 2026-07-12
+
+### Changed
+
+- **Breaking: package renamed from `@frapx/runtime` to `@frapx/core`.** No API changes — only the npm package name and import path change. `@frapx/runtime` is deprecated on npm and will not receive further updates.
+
+## 0.1.0 - 2026-06-27
+
+Initial release. Shared WebGL runtime extracted from `@frapx/fx-canvas`.
+
+### Added
+
+- `createRuntimeHost` — WebGL lifecycle host with canvas setup, animation loop, visibility gating, reduced-motion support, and context-loss recovery.
+- Shared error hierarchy: `ShaderError`, `UnsupportedError`, `TargetNotFoundError`, `ShaderCompileError`, `TextureLoadError`, `DestroyedError`.
+- Texture loading utilities with CORS support and dual uniform naming.
+- WebGL shader compilation with GLSL ES 1.00 and 3.00 support, fullscreen quad geometry.
+- Uniform naming convention utilities (`toUniformName`, `fromUniformName`).
+- DOM canvas setup helpers for HiDPI rendering.
+- `hexToRgb` / `hexToRgba` color utilities.
+- `glsl` template tag and `glslUtils` GLSL snippet helpers.

package/README.md

@@ -0,0 +1,11 @@
+# @frapx/core
+
+Shared WebGL runtime host for `@frapx` packages.
+
+This package provides the core WebGL lifecycle engine (canvas setup, context management, animation loop, a11y gates) shared between `@frapx/fx-canvas` and future frapx packages. It is a low-level building block and its API may change between minor versions while `@frapx/core` remains at `0.x`.
+
+If you are building a WebGL experience, you most likely want [`@frapx/fx-canvas`](https://www.npmjs.com/package/@frapx/fx-canvas) instead.
+
+## License
+
+MIT

package/dist/chunk-P6ANS7XN.js

@@ -0,0 +1,37 @@
+// src/color.ts
+var hexToRgb = (hex) => {
+  const value = normalizeHex(hex);
+  return [
+    parseChannel(value.slice(0, 2)),
+    parseChannel(value.slice(2, 4)),
+    parseChannel(value.slice(4, 6))
+  ];
+};
+var hexToRgba = (hex) => {
+  const value = normalizeHex(hex);
+  return [
+    parseChannel(value.slice(0, 2)),
+    parseChannel(value.slice(2, 4)),
+    parseChannel(value.slice(4, 6)),
+    value.length === 8 ? parseChannel(value.slice(6, 8)) : 1
+  ];
+};
+var normalizeHex = (hex) => {
+  const value = hex.startsWith("#") ? hex.slice(1) : hex;
+  if (!/^(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(
+    value
+  )) {
+    throw new Error(`Invalid hex color: ${hex}`);
+  }
+  if (value.length === 3 || value.length === 4) {
+    return Array.from(value, (char) => `${char}${char}`).join("");
+  }
+  return value;
+};
+var parseChannel = (hex) => Number.parseInt(hex, 16) / 255;
+
+export {
+  hexToRgb,
+  hexToRgba
+};
+//# sourceMappingURL=chunk-P6ANS7XN.js.map

package/dist/chunk-P6ANS7XN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color.ts"],"sourcesContent":["export type Rgb = [number, number, number];\nexport type Rgba = [number, number, number, number];\n\nexport const hexToRgb = (hex: string): Rgb => {\n  const value = normalizeHex(hex);\n  return [\n    parseChannel(value.slice(0, 2)),\n    parseChannel(value.slice(2, 4)),\n    parseChannel(value.slice(4, 6))\n  ];\n};\n\nexport const hexToRgba = (hex: string): Rgba => {\n  const value = normalizeHex(hex);\n  return [\n    parseChannel(value.slice(0, 2)),\n    parseChannel(value.slice(2, 4)),\n    parseChannel(value.slice(4, 6)),\n    value.length === 8 ? parseChannel(value.slice(6, 8)) : 1\n  ];\n};\n\nconst normalizeHex = (hex: string): string => {\n  const value = hex.startsWith(\"#\") ? hex.slice(1) : hex;\n\n  if (\n    !/^(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(\n      value\n    )\n  ) {\n    throw new Error(`Invalid hex color: ${hex}`);\n  }\n\n  if (value.length === 3 || value.length === 4) {\n    return Array.from(value, (char) => `${char}${char}`).join(\"\");\n  }\n\n  return value;\n};\n\nconst parseChannel = (hex: string): number => Number.parseInt(hex, 16) / 255;\n"],"mappings":";AAGO,IAAM,WAAW,CAAC,QAAqB;AAC5C,QAAM,QAAQ,aAAa,GAAG;AAC9B,SAAO;AAAA,IACL,aAAa,MAAM,MAAM,GAAG,CAAC,CAAC;AAAA,IAC9B,aAAa,MAAM,MAAM,GAAG,CAAC,CAAC;AAAA,IAC9B,aAAa,MAAM,MAAM,GAAG,CAAC,CAAC;AAAA,EAChC;AACF;AAEO,IAAM,YAAY,CAAC,QAAsB;AAC9C,QAAM,QAAQ,aAAa,GAAG;AAC9B,SAAO;AAAA,IACL,aAAa,MAAM,MAAM,GAAG,CAAC,CAAC;AAAA,IAC9B,aAAa,MAAM,MAAM,GAAG,CAAC,CAAC;AAAA,IAC9B,aAAa,MAAM,MAAM,GAAG,CAAC,CAAC;AAAA,IAC9B,MAAM,WAAW,IAAI,aAAa,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI;AAAA,EACzD;AACF;AAEA,IAAM,eAAe,CAAC,QAAwB;AAC5C,QAAM,QAAQ,IAAI,WAAW,GAAG,IAAI,IAAI,MAAM,CAAC,IAAI;AAEnD,MACE,CAAC,oEAAoE;AAAA,IACnE;AAAA,EACF,GACA;AACA,UAAM,IAAI,MAAM,sBAAsB,GAAG,EAAE;AAAA,EAC7C;AAEA,MAAI,MAAM,WAAW,KAAK,MAAM,WAAW,GAAG;AAC5C,WAAO,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE;AAAA,EAC9D;AAEA,SAAO;AACT;AAEA,IAAM,eAAe,CAAC,QAAwB,OAAO,SAAS,KAAK,EAAE,IAAI;","names":[]}

package/dist/chunk-PD6KUFXI.js

@@ -0,0 +1,35 @@
+// src/glsl.ts
+var glsl = (strings, ...values) => String.raw({ raw: strings }, ...values);
+var glslUtils = {
+  coverUv: glsl`
+vec2 coverUv(vec2 uv, vec2 viewportSize, vec2 textureSize) {
+  vec2 ratio = vec2(
+    min((viewportSize.x / viewportSize.y) / (textureSize.x / textureSize.y), 1.0),
+    min((viewportSize.y / viewportSize.x) / (textureSize.y / textureSize.x), 1.0)
+  );
+  return uv * ratio + (1.0 - ratio) * 0.5;
+}
+`,
+  containUv: glsl`
+vec2 containUv(vec2 uv, vec2 viewportSize, vec2 textureSize) {
+  vec2 ratio = vec2(
+    max((viewportSize.x / viewportSize.y) / (textureSize.x / textureSize.y), 1.0),
+    max((viewportSize.y / viewportSize.x) / (textureSize.y / textureSize.x), 1.0)
+  );
+  return uv * ratio + (1.0 - ratio) * 0.5;
+}
+`,
+  rotate2d: glsl`
+mat2 rotate2d(float angle) {
+  float s = sin(angle);
+  float c = cos(angle);
+  return mat2(c, -s, s, c);
+}
+`
+};
+
+export {
+  glsl,
+  glslUtils
+};
+//# sourceMappingURL=chunk-PD6KUFXI.js.map

package/dist/chunk-PD6KUFXI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/glsl.ts"],"sourcesContent":["export const glsl = (\n  strings: TemplateStringsArray,\n  ...values: unknown[]\n): string => String.raw({ raw: strings }, ...values);\n\nexport const glslUtils = {\n  coverUv: glsl`\nvec2 coverUv(vec2 uv, vec2 viewportSize, vec2 textureSize) {\n  vec2 ratio = vec2(\n    min((viewportSize.x / viewportSize.y) / (textureSize.x / textureSize.y), 1.0),\n    min((viewportSize.y / viewportSize.x) / (textureSize.y / textureSize.x), 1.0)\n  );\n  return uv * ratio + (1.0 - ratio) * 0.5;\n}\n`,\n  containUv: glsl`\nvec2 containUv(vec2 uv, vec2 viewportSize, vec2 textureSize) {\n  vec2 ratio = vec2(\n    max((viewportSize.x / viewportSize.y) / (textureSize.x / textureSize.y), 1.0),\n    max((viewportSize.y / viewportSize.x) / (textureSize.y / textureSize.x), 1.0)\n  );\n  return uv * ratio + (1.0 - ratio) * 0.5;\n}\n`,\n  rotate2d: glsl`\nmat2 rotate2d(float angle) {\n  float s = sin(angle);\n  float c = cos(angle);\n  return mat2(c, -s, s, c);\n}\n`\n} as const;\n"],"mappings":";AAAO,IAAM,OAAO,CAClB,YACG,WACQ,OAAO,IAAI,EAAE,KAAK,QAAQ,GAAG,GAAG,MAAM;AAE5C,IAAM,YAAY;AAAA,EACvB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAST,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOZ;","names":[]}

package/dist/color.d.ts

@@ -0,0 +1,6 @@
+type Rgb = [number, number, number];
+type Rgba = [number, number, number, number];
+declare const hexToRgb: (hex: string) => Rgb;
+declare const hexToRgba: (hex: string) => Rgba;
+
+export { type Rgb, type Rgba, hexToRgb, hexToRgba };

package/dist/color.js

@@ -0,0 +1,9 @@
+import {
+  hexToRgb,
+  hexToRgba
+} from "./chunk-P6ANS7XN.js";
+export {
+  hexToRgb,
+  hexToRgba
+};
+//# sourceMappingURL=color.js.map

package/dist/color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/glsl.d.ts

@@ -0,0 +1,8 @@
+declare const glsl: (strings: TemplateStringsArray, ...values: unknown[]) => string;
+declare const glslUtils: {
+    readonly coverUv: string;
+    readonly containUv: string;
+    readonly rotate2d: string;
+};
+
+export { glsl, glslUtils };

package/dist/glsl.js

@@ -0,0 +1,9 @@
+import {
+  glsl,
+  glslUtils
+} from "./chunk-PD6KUFXI.js";
+export {
+  glsl,
+  glslUtils
+};
+//# sourceMappingURL=glsl.js.map

package/dist/glsl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,153 @@
+export { Rgb, Rgba, hexToRgb, hexToRgba } from './color.js';
+export { glsl, glslUtils } from './glsl.js';
+
+type GLContext = WebGLRenderingContext | WebGL2RenderingContext;
+type ShaderLayer = "background" | "overlay";
+type RenderMode = "always" | "demand";
+type DprOption = "auto" | number | (() => number);
+type ShaderStatus = "idle" | "loading" | "ready" | "running" | "paused" | "error" | "unsupported" | "context-lost" | "destroyed";
+type TextureSource = string | HTMLImageElement | HTMLCanvasElement;
+type TextureOptions = {
+    source: TextureSource;
+    wrap?: "clamp" | "repeat" | "mirror";
+    filter?: "nearest" | "linear";
+    flipY?: boolean;
+};
+type TextureInput = TextureSource | TextureOptions;
+type TextureMap = Record<string, TextureInput>;
+type HostPointer = {
+    x: number;
+    y: number;
+    uvX: number;
+    uvY: number;
+    active: number;
+};
+type HostFrameState = {
+    gl: GLContext;
+    canvas: HTMLCanvasElement;
+    time: number;
+    delta: number;
+    frame: number;
+    width: number;
+    height: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    pixelRatio: number;
+    reducedMotion: boolean;
+    pointer: HostPointer;
+};
+type SetupCanvasOptions = {
+    target?: string | Element;
+    canvas?: HTMLCanvasElement;
+    layer?: ShaderLayer;
+    canvasClass?: string;
+    canvasStyle?: Partial<CSSStyleDeclaration>;
+};
+type RuntimeHostOptions = {
+    target?: string | Element;
+    canvas?: HTMLCanvasElement;
+    layer?: ShaderLayer;
+    dpr?: DprOption;
+    maxDpr?: number;
+    autoResize?: boolean;
+    canvasClass?: string;
+    canvasStyle?: Partial<CSSStyleDeclaration>;
+    autoStart?: boolean;
+    pauseWhenOffscreen?: boolean;
+    pauseWhenHidden?: boolean;
+    respectReducedMotion?: boolean;
+    renderMode?: RenderMode;
+    debug?: boolean;
+    createContext: (canvas: HTMLCanvasElement) => GLContext | null;
+    onInit: (gl: GLContext, width: number, height: number) => Promise<void> | void;
+    onDraw: (state: HostFrameState) => void;
+    /** Called whenever the observed size actually changes (not every frame). */
+    onResize?: (state: HostFrameState) => void;
+    onContextLost?: () => void;
+    onContextRestored?: (gl: GLContext, width: number, height: number) => Promise<void> | void;
+    onReady?: () => void;
+    onError?: (error: Error) => void;
+};
+type RuntimeHostInstance = {
+    readonly canvas: HTMLCanvasElement | null;
+    readonly gl: GLContext | null;
+    readonly status: ShaderStatus;
+    readonly supported: boolean;
+    readonly ready: Promise<void>;
+    start(): void;
+    stop(): void;
+    render(): void;
+    resize(): void;
+    destroy(): void;
+};
+
+declare const createRuntimeHost: (options: RuntimeHostOptions) => RuntimeHostInstance;
+
+declare class ShaderError extends Error {
+    constructor(message: string);
+}
+declare class UnsupportedError extends ShaderError {
+}
+declare class TargetNotFoundError extends ShaderError {
+}
+declare class ShaderCompileError extends ShaderError {
+}
+declare class TextureLoadError extends ShaderError {
+}
+declare class DestroyedError extends ShaderError {
+}
+
+declare const toUniformName: (name: string) => string;
+declare const fromUniformName: (name: string) => string;
+
+type DomSetup = {
+    target: Element;
+    canvas: HTMLCanvasElement;
+    createdCanvas: boolean;
+    restoredPosition: string | null;
+};
+declare const resolveElement: (target: string | Element | undefined) => Element | null;
+declare const setupCanvas: (options: SetupCanvasOptions) => DomSetup | null;
+declare const resolveDpr: (dpr: DprOption | undefined, maxDpr: number | undefined) => number;
+declare const resizeCanvasToTarget: (canvas: HTMLCanvasElement, target: Element, dpr: number) => {
+    width: number;
+    height: number;
+    viewportWidth: number;
+    viewportHeight: number;
+};
+
+type LoadedTexture = {
+    name: string;
+    uniformName: string;
+    sizeUniformName: string;
+    texture: WebGLTexture;
+    width: number;
+    height: number;
+};
+declare const loadTexture: (gl: GLContext, name: string, input: TextureInput, unit: number) => Promise<LoadedTexture>;
+
+declare const defaultVertexShader = "\nattribute vec2 a_position;\nvarying vec2 v_uv;\n\nvoid main() {\n  v_uv = a_position * 0.5 + 0.5;\n  gl_Position = vec4(a_position, 0.0, 1.0);\n}\n";
+declare const defaultVertexShader300 = "#version 300 es\nin vec2 a_position;\nout vec2 v_uv;\n\nvoid main() {\n  v_uv = a_position * 0.5 + 0.5;\n  gl_Position = vec4(a_position, 0.0, 1.0);\n}\n";
+declare const isGLSL300: (src: string) => boolean;
+declare const createProgram: (gl: GLContext, vertexSource: string, fragmentSource: string) => WebGLProgram;
+declare const createFullscreenBuffer: (gl: GLContext, program: WebGLProgram) => WebGLBuffer;
+
+type Blitter = {
+    /**
+     * Draws `texture` as a fullscreen quad into `target` (or the default
+     * framebuffer when `target` is `null`), setting the viewport to
+     * `width`/`height` first. Does not save or restore any other GL state.
+     */
+    blit(texture: WebGLTexture, target: WebGLFramebuffer | null, width: number, height: number): void;
+    /** Releases the GL resources owned by this blitter. */
+    dispose(): void;
+};
+/**
+ * Creates a reusable fullscreen-quad "blit" utility: draws a texture into a
+ * framebuffer (or the canvas) using a minimal passthrough shader. Intended
+ * for hand-rolled multi-pass/FBO pipelines; frapx's own multi-pass features
+ * are built on the same primitive.
+ */
+declare const createBlitter: (gl: GLContext) => Blitter;
+
+export { type Blitter, DestroyedError, type DomSetup, type DprOption, type GLContext, type HostFrameState, type HostPointer, type LoadedTexture, type RenderMode, type RuntimeHostInstance, type RuntimeHostOptions, type SetupCanvasOptions, ShaderCompileError, ShaderError, type ShaderLayer, type ShaderStatus, TargetNotFoundError, type TextureInput, TextureLoadError, type TextureMap, type TextureOptions, type TextureSource, UnsupportedError, createBlitter, createFullscreenBuffer, createProgram, createRuntimeHost, defaultVertexShader, defaultVertexShader300, fromUniformName, isGLSL300, loadTexture, resizeCanvasToTarget, resolveDpr, resolveElement, setupCanvas, toUniformName };

package/dist/index.js

@@ -0,0 +1,695 @@
+import {
+  hexToRgb,
+  hexToRgba
+} from "./chunk-P6ANS7XN.js";
+import {
+  glsl,
+  glslUtils
+} from "./chunk-PD6KUFXI.js";
+
+// src/internal/errors.ts
+var ShaderError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = new.target.name;
+  }
+};
+var UnsupportedError = class extends ShaderError {
+};
+var TargetNotFoundError = class extends ShaderError {
+};
+var ShaderCompileError = class extends ShaderError {
+};
+var TextureLoadError = class extends ShaderError {
+};
+var DestroyedError = class extends ShaderError {
+};
+
+// src/internal/dom.ts
+var resolveElement = (target) => {
+  if (!target) return null;
+  if (typeof target === "string") return document.querySelector(target);
+  return target;
+};
+var setupCanvas = (options) => {
+  const target = resolveElement(options.target);
+  const canvas = options.canvas ?? document.createElement("canvas");
+  const measurementTarget = target ?? options.canvas;
+  if (!measurementTarget) return null;
+  const createdCanvas = !options.canvas;
+  const restoredPosition = target && getComputedStyle(target).position === "static" ? target.style.position : null;
+  if (target && restoredPosition !== null) {
+    target.style.position = "relative";
+  }
+  applyCanvasStyle(canvas, options, createdCanvas);
+  if (options.canvasClass) {
+    canvas.classList.add(options.canvasClass);
+  }
+  if (options.canvasStyle) {
+    Object.assign(canvas.style, options.canvasStyle);
+  }
+  if (createdCanvas && target) {
+    if ((options.layer ?? "background") === "overlay") {
+      target.append(canvas);
+    } else {
+      target.prepend(canvas);
+    }
+  }
+  return {
+    target: measurementTarget,
+    canvas,
+    createdCanvas,
+    restoredPosition
+  };
+};
+var resolveDpr = (dpr, maxDpr) => {
+  const raw = typeof dpr === "function" ? dpr() : typeof dpr === "number" ? dpr : typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
+  return Math.max(1, Math.min(raw, maxDpr ?? 2));
+};
+var resizeCanvasToTarget = (canvas, target, dpr) => {
+  const rect = target.getBoundingClientRect();
+  const viewportWidth = Math.max(1, rect.width || canvas.clientWidth || 1);
+  const viewportHeight = Math.max(1, rect.height || canvas.clientHeight || 1);
+  const width = Math.max(1, Math.round(viewportWidth * dpr));
+  const height = Math.max(1, Math.round(viewportHeight * dpr));
+  if (canvas.width !== width) canvas.width = width;
+  if (canvas.height !== height) canvas.height = height;
+  return { width, height, viewportWidth, viewportHeight };
+};
+var applyCanvasStyle = (canvas, options, shouldPosition) => {
+  canvas.dataset.frapxCanvas = "";
+  if (!shouldPosition) return;
+  const layer = options.layer ?? "background";
+  Object.assign(canvas.style, {
+    position: "absolute",
+    inset: "0",
+    width: "100%",
+    height: "100%",
+    display: "block",
+    pointerEvents: "none",
+    zIndex: layer === "overlay" ? "1" : "0"
+  });
+};
+
+// src/host.ts
+var MAX_DELTA_SECONDS = 0.1;
+var createRuntimeHost = (options) => {
+  return new RuntimeHost(options);
+};
+var RuntimeHost = class {
+  constructor(options) {
+    this.readyResolve = null;
+    this.readyReject = null;
+    this.dom = null;
+    this.context = null;
+    this.resizeObserver = null;
+    this.intersectionObserver = null;
+    this.rafId = 0;
+    this.running = false;
+    this.inRender = false;
+    this.destroyed = false;
+    this.gates = /* @__PURE__ */ new Set();
+    this.reducedMotionActive = false;
+    this.frame = 0;
+    this.elapsed = 0;
+    this.lastTimestamp = 0;
+    this.pixelRatio = 1;
+    this.width = 1;
+    this.height = 1;
+    this.viewportWidth = 1;
+    this.viewportHeight = 1;
+    this.pointer = { x: 0, y: 0, uvX: 0, uvY: 0, active: 0 };
+    this.removeListeners = [];
+    this.currentStatus = "idle";
+    this.contextRestoredShouldRun = false;
+    this.options = options;
+    this.ready = new Promise((resolve, reject) => {
+      this.readyResolve = resolve;
+      this.readyReject = reject;
+    });
+    queueMicrotask(() => {
+      void this.init();
+    });
+  }
+  get canvas() {
+    return this.dom?.canvas ?? null;
+  }
+  get gl() {
+    return this.context;
+  }
+  get status() {
+    return this.currentStatus;
+  }
+  get supported() {
+    return !["unsupported", "destroyed"].includes(this.currentStatus);
+  }
+  start() {
+    if (this.destroyed || this.currentStatus === "unsupported") return;
+    this.running = true;
+    this.reconcile();
+  }
+  stop() {
+    this.running = false;
+    this.cancelFrame();
+    if (!this.destroyed && this.currentStatus !== "unsupported") {
+      this.currentStatus = "paused";
+    }
+  }
+  render() {
+    if (this.destroyed || !this.dom || !this.context || this.currentStatus === "unsupported" || this.hasVisibilityBlock || this.inRender)
+      return;
+    this.renderInternal(this.elapsed, 0);
+  }
+  resize() {
+    if (this.destroyed || !this.dom) return;
+    const prevWidth = this.width;
+    const prevHeight = this.height;
+    const prevViewportWidth = this.viewportWidth;
+    const prevViewportHeight = this.viewportHeight;
+    this.measureSize();
+    const sizeChanged = this.width !== prevWidth || this.height !== prevHeight || this.viewportWidth !== prevViewportWidth || this.viewportHeight !== prevViewportHeight;
+    if (sizeChanged && this.context) {
+      this.options.onResize?.({
+        gl: this.context,
+        canvas: this.dom.canvas,
+        time: this.elapsed,
+        delta: 0,
+        frame: this.frame,
+        width: this.width,
+        height: this.height,
+        viewportWidth: this.viewportWidth,
+        viewportHeight: this.viewportHeight,
+        pixelRatio: this.pixelRatio,
+        reducedMotion: this.reducedMotionActive,
+        pointer: { ...this.pointer }
+      });
+    }
+    if (this.options.renderMode === "demand" && !this.inRender) {
+      this.render();
+    }
+  }
+  destroy() {
+    if (this.destroyed) return;
+    this.destroyed = true;
+    this.running = false;
+    this.cancelFrame();
+    this.resizeObserver?.disconnect();
+    this.intersectionObserver?.disconnect();
+    for (const remove of this.removeListeners) remove();
+    this.removeListeners = [];
+    this.context = null;
+    if (this.dom?.createdCanvas) {
+      this.dom.canvas.remove();
+    }
+    const dom = this.dom;
+    if (dom?.restoredPosition !== null && dom && this.options.target) {
+      dom.target.style.position = dom.restoredPosition;
+    }
+    this.currentStatus = "destroyed";
+    this.readyReject?.(new DestroyedError("Runtime host was destroyed."));
+  }
+  get hasVisibilityBlock() {
+    return this.gates.has("offscreen") || this.gates.has("hidden");
+  }
+  get hasMotionBlock() {
+    return this.gates.has("reducedMotion") && this.options.renderMode !== "demand";
+  }
+  setGate(gate, closed) {
+    if (closed === this.gates.has(gate)) return;
+    if (closed) this.gates.add(gate);
+    else this.gates.delete(gate);
+    this.reconcile();
+  }
+  reconcile() {
+    if (this.destroyed || this.currentStatus === "unsupported" || this.currentStatus === "error" || this.currentStatus === "context-lost") {
+      return;
+    }
+    if (this.running) {
+      if (this.hasVisibilityBlock) {
+        this.cancelFrame();
+        this.currentStatus = "paused";
+        return;
+      }
+      if (this.hasMotionBlock) {
+        this.cancelFrame();
+        this.currentStatus = "paused";
+        this.renderStaticFrame();
+        return;
+      }
+      this.currentStatus = "running";
+      if (this.options.renderMode === "demand") this.render();
+      else this.scheduleFrame();
+      return;
+    }
+    if (this.options.renderMode === "demand") this.render();
+  }
+  renderStaticFrame() {
+    if (this.hasVisibilityBlock) return;
+    this.renderInternal(this.elapsed, 0);
+  }
+  renderInternal(time, delta) {
+    if (!this.dom || !this.context) return;
+    const gl = this.context;
+    this.inRender = true;
+    this.measureSize();
+    const state = {
+      gl,
+      canvas: this.dom.canvas,
+      time,
+      delta,
+      frame: this.frame,
+      width: this.width,
+      height: this.height,
+      viewportWidth: this.viewportWidth,
+      viewportHeight: this.viewportHeight,
+      pixelRatio: this.pixelRatio,
+      reducedMotion: this.reducedMotionActive,
+      pointer: { ...this.pointer }
+    };
+    this.options.onDraw(state);
+    this.frame++;
+    this.inRender = false;
+  }
+  measureSize() {
+    if (!this.dom) return;
+    this.pixelRatio = resolveDpr(this.options.dpr, this.options.maxDpr);
+    const size = resizeCanvasToTarget(
+      this.dom.canvas,
+      this.dom.target,
+      this.pixelRatio
+    );
+    this.width = size.width;
+    this.height = size.height;
+    this.viewportWidth = size.viewportWidth;
+    this.viewportHeight = size.viewportHeight;
+  }
+  scheduleFrame() {
+    if (this.rafId || this.options.renderMode === "demand") return;
+    this.rafId = requestAnimationFrame((timestamp) => {
+      this.rafId = 0;
+      if (!this.running || this.destroyed) return;
+      const seconds = timestamp / 1e3;
+      const rawDelta = this.lastTimestamp ? seconds - this.lastTimestamp : 0;
+      const delta = Math.min(Math.max(rawDelta, 0), MAX_DELTA_SECONDS);
+      this.lastTimestamp = seconds;
+      this.elapsed += delta;
+      this.renderInternal(this.elapsed, delta);
+      this.scheduleFrame();
+    });
+  }
+  cancelFrame() {
+    if (this.rafId) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = 0;
+    }
+    this.lastTimestamp = 0;
+  }
+  async init() {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      this.failUnsupported(new UnsupportedError("WebGL requires a browser."));
+      return;
+    }
+    this.dom = setupCanvas({
+      ...this.options.target !== void 0 && { target: this.options.target },
+      ...this.options.canvas !== void 0 && { canvas: this.options.canvas },
+      ...this.options.layer !== void 0 && { layer: this.options.layer },
+      ...this.options.canvasClass !== void 0 && { canvasClass: this.options.canvasClass },
+      ...this.options.canvasStyle !== void 0 && { canvasStyle: this.options.canvasStyle }
+    });
+    if (!this.dom) {
+      this.failUnsupported(new TargetNotFoundError("Target or canvas not found."));
+      return;
+    }
+    let gl;
+    try {
+      gl = this.options.createContext(this.dom.canvas);
+    } catch (error) {
+      this.failUnsupported(
+        error instanceof UnsupportedError ? error : new UnsupportedError(String(error))
+      );
+      return;
+    }
+    if (!gl) {
+      this.failUnsupported(new UnsupportedError("WebGL is not supported."));
+      return;
+    }
+    this.context = gl;
+    this.currentStatus = "loading";
+    try {
+      this.setupDomObservers();
+      this.setupContextEvents();
+      this.measureSize();
+      await this.options.onInit(gl, this.width, this.height);
+      if (this.destroyed) return;
+      this.currentStatus = "ready";
+      this.readyResolve?.();
+      this.options.onReady?.();
+      if (this.running || (this.options.autoStart ?? true)) {
+        this.start();
+      } else if (this.options.renderMode === "demand") {
+        this.render();
+      }
+    } catch (error) {
+      this.fail(error instanceof Error ? error : new Error(String(error)));
+    }
+  }
+  setupDomObservers() {
+    if (!this.dom) return;
+    if (this.options.autoResize ?? true) {
+      this.resizeObserver = new ResizeObserver(() => {
+        this.resize();
+      });
+      this.resizeObserver.observe(this.dom.target);
+    }
+    if (this.options.pauseWhenOffscreen ?? true) {
+      this.intersectionObserver = new IntersectionObserver((entries) => {
+        const entry = entries[0];
+        this.setGate("offscreen", !entry?.isIntersecting);
+      });
+      this.intersectionObserver.observe(this.dom.target);
+    }
+    if (this.options.pauseWhenHidden ?? true) {
+      if (document.hidden) this.gates.add("hidden");
+      const onVisibility = () => {
+        this.setGate("hidden", document.hidden);
+      };
+      document.addEventListener("visibilitychange", onVisibility);
+      this.removeListeners.push(() => {
+        document.removeEventListener("visibilitychange", onVisibility);
+      });
+    }
+    this.setupMotionObserver();
+    const onPointerMove = (event) => {
+      if (!this.dom) return;
+      const pointerEvent = event;
+      const rect = this.dom.target.getBoundingClientRect();
+      const x = pointerEvent.clientX - rect.left;
+      const y = pointerEvent.clientY - rect.top;
+      this.pointer.x = x * this.pixelRatio;
+      this.pointer.y = (rect.height - y) * this.pixelRatio;
+      this.pointer.uvX = rect.width > 0 ? x / rect.width : 0;
+      this.pointer.uvY = rect.height > 0 ? 1 - y / rect.height : 0;
+      this.pointer.active = 1;
+      if (this.options.renderMode === "demand") this.render();
+    };
+    const onPointerLeave = () => {
+      this.pointer.active = 0;
+      if (this.options.renderMode === "demand") this.render();
+    };
+    this.dom.target.addEventListener("pointermove", onPointerMove);
+    this.dom.target.addEventListener("pointerenter", onPointerMove);
+    this.dom.target.addEventListener("pointerleave", onPointerLeave);
+    this.removeListeners.push(() => {
+      this.dom?.target.removeEventListener("pointermove", onPointerMove);
+      this.dom?.target.removeEventListener("pointerenter", onPointerMove);
+      this.dom?.target.removeEventListener("pointerleave", onPointerLeave);
+    });
+  }
+  setupMotionObserver() {
+    if (typeof window.matchMedia !== "function") return;
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    this.reducedMotionActive = query.matches;
+    if (this.options.respectReducedMotion && query.matches) {
+      this.gates.add("reducedMotion");
+    }
+    const onChange = (event) => {
+      this.reducedMotionActive = event.matches;
+      if (this.options.respectReducedMotion) {
+        this.setGate("reducedMotion", event.matches);
+      } else if (this.options.renderMode === "demand") {
+        this.render();
+      }
+    };
+    query.addEventListener("change", onChange);
+    this.removeListeners.push(() => {
+      query.removeEventListener("change", onChange);
+    });
+  }
+  setupContextEvents() {
+    if (!this.dom) return;
+    const onLost = (event) => {
+      event.preventDefault();
+      this.contextRestoredShouldRun = this.running;
+      this.cancelFrame();
+      this.context = null;
+      this.currentStatus = "context-lost";
+      this.options.onContextLost?.();
+      this.options.onError?.(new UnsupportedError("WebGL context lost."));
+    };
+    const onRestored = () => {
+      if (!this.dom || this.destroyed) return;
+      const gl = this.options.createContext(this.dom.canvas);
+      if (!gl) return;
+      this.context = gl;
+      const afterRestore = async () => {
+        try {
+          await this.options.onContextRestored?.(gl, this.width, this.height);
+          if (this.contextRestoredShouldRun) this.start();
+          else this.render();
+        } catch (error) {
+          this.fail(error instanceof Error ? error : new Error(String(error)));
+        }
+      };
+      void afterRestore();
+    };
+    this.dom.canvas.addEventListener("webglcontextlost", onLost);
+    this.dom.canvas.addEventListener("webglcontextrestored", onRestored);
+    this.removeListeners.push(() => {
+      this.dom?.canvas.removeEventListener("webglcontextlost", onLost);
+      this.dom?.canvas.removeEventListener("webglcontextrestored", onRestored);
+    });
+  }
+  failUnsupported(error) {
+    this.currentStatus = "unsupported";
+    this.debugWarn(error.message);
+    this.options.onError?.(error);
+    this.readyReject?.(error);
+  }
+  fail(error) {
+    this.currentStatus = "error";
+    this.debugWarn(error.message);
+    this.options.onError?.(error);
+    this.readyReject?.(error);
+  }
+  debugWarn(message) {
+    if (this.options.debug) {
+      console.warn(`[frapx/runtime] ${message}`);
+    }
+  }
+};
+
+// src/internal/names.ts
+var toUniformName = (name) => name.startsWith("u_") ? name : `u_${name}`;
+var fromUniformName = (name) => name.startsWith("u_") ? name.slice(2) : name;
+
+// src/internal/textures.ts
+var loadTexture = async (gl, name, input, unit) => {
+  const options = normalizeTextureInput(input);
+  const source = await resolveSource(options.source);
+  const texture = gl.createTexture();
+  if (!texture) {
+    throw new TextureLoadError(`Failed to create texture: ${name}`);
+  }
+  gl.activeTexture(gl.TEXTURE0 + unit);
+  gl.bindTexture(gl.TEXTURE_2D, texture);
+  gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, options.flipY ?? true);
+  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
+  const wrap = getWrap(gl, options.wrap ?? "clamp");
+  const filter = getFilter(gl, options.filter ?? "linear");
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, wrap);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, wrap);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
+  return {
+    name,
+    uniformName: toUniformName(name),
+    sizeUniformName: toUniformName(`${name}Size`),
+    texture,
+    width: getSourceWidth(source),
+    height: getSourceHeight(source)
+  };
+};
+var normalizeTextureInput = (input) => {
+  if (typeof input === "string" || isTextureSource(input)) {
+    return { source: input };
+  }
+  return input;
+};
+var resolveSource = async (source) => {
+  if (typeof source !== "string") {
+    return source;
+  }
+  const image = new Image();
+  image.crossOrigin = "anonymous";
+  image.src = source;
+  try {
+    await image.decode();
+  } catch {
+    throw new TextureLoadError(`Failed to load texture: ${source}`);
+  }
+  return image;
+};
+var getWrap = (gl, wrap) => {
+  if (wrap === "repeat") return gl.REPEAT;
+  if (wrap === "mirror") return gl.MIRRORED_REPEAT;
+  return gl.CLAMP_TO_EDGE;
+};
+var getFilter = (gl, filter) => filter === "nearest" ? gl.NEAREST : gl.LINEAR;
+var isTextureSource = (input) => typeof HTMLImageElement !== "undefined" && (input instanceof HTMLImageElement || input instanceof HTMLCanvasElement);
+var getSourceWidth = (source) => "naturalWidth" in source ? source.naturalWidth : source.width;
+var getSourceHeight = (source) => "naturalHeight" in source ? source.naturalHeight : source.height;
+
+// src/internal/webgl.ts
+var defaultVertexShader = `
+attribute vec2 a_position;
+varying vec2 v_uv;
+
+void main() {
+  v_uv = a_position * 0.5 + 0.5;
+  gl_Position = vec4(a_position, 0.0, 1.0);
+}
+`;
+var defaultVertexShader300 = `#version 300 es
+in vec2 a_position;
+out vec2 v_uv;
+
+void main() {
+  v_uv = a_position * 0.5 + 0.5;
+  gl_Position = vec4(a_position, 0.0, 1.0);
+}
+`;
+var isGLSL300 = (src) => /^\s*#version\s+300\s+es\b/.test(src);
+var createProgram = (gl, vertexSource, fragmentSource) => {
+  const vertex = compileShader(gl, gl.VERTEX_SHADER, vertexSource);
+  const fragment = compileShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
+  const program = gl.createProgram();
+  if (!program) {
+    throw new ShaderCompileError("Failed to create WebGL program.");
+  }
+  gl.attachShader(program, vertex);
+  gl.attachShader(program, fragment);
+  gl.linkProgram(program);
+  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    const log = gl.getProgramInfoLog(program) ?? "Unknown program link error.";
+    gl.deleteProgram(program);
+    gl.deleteShader(vertex);
+    gl.deleteShader(fragment);
+    throw new ShaderCompileError(log);
+  }
+  gl.deleteShader(vertex);
+  gl.deleteShader(fragment);
+  return program;
+};
+var createFullscreenBuffer = (gl, program) => {
+  const buffer = gl.createBuffer();
+  if (!buffer) {
+    throw new ShaderCompileError("Failed to create fullscreen buffer.");
+  }
+  const location = gl.getAttribLocation(program, "a_position");
+  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+  gl.bufferData(
+    gl.ARRAY_BUFFER,
+    new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]),
+    gl.STATIC_DRAW
+  );
+  if (location >= 0) {
+    gl.enableVertexAttribArray(location);
+    gl.vertexAttribPointer(location, 2, gl.FLOAT, false, 0, 0);
+  }
+  return buffer;
+};
+var compileShader = (gl, type, source) => {
+  const shader = gl.createShader(type);
+  if (!shader) {
+    throw new ShaderCompileError("Failed to create WebGL shader.");
+  }
+  gl.shaderSource(shader, source);
+  gl.compileShader(shader);
+  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+    const log = gl.getShaderInfoLog(shader) ?? "Unknown shader compile error.";
+    gl.deleteShader(shader);
+    throw new ShaderCompileError(log);
+  }
+  return shader;
+};
+
+// src/internal/blit.ts
+var blitFragmentShader = `
+precision mediump float;
+varying vec2 v_uv;
+uniform sampler2D u_texture;
+
+void main() {
+  gl_FragColor = texture2D(u_texture, v_uv);
+}
+`;
+var blitFragmentShader300 = `#version 300 es
+precision mediump float;
+in vec2 v_uv;
+uniform sampler2D u_texture;
+out vec4 fragColor;
+
+void main() {
+  fragColor = texture(u_texture, v_uv);
+}
+`;
+var isWebGL2Context = (gl) => typeof gl.createVertexArray === "function";
+var createBlitter = (gl) => {
+  const program = createProgram(
+    gl,
+    isWebGL2Context(gl) ? defaultVertexShader300 : defaultVertexShader,
+    isWebGL2Context(gl) ? blitFragmentShader300 : blitFragmentShader
+  );
+  const buffer = createFullscreenBuffer(gl, program);
+  const textureUniform = gl.getUniformLocation(program, "u_texture");
+  return {
+    blit(texture, target, width, height) {
+      gl.bindFramebuffer(gl.FRAMEBUFFER, target);
+      gl.viewport(0, 0, width, height);
+      gl.useProgram(program);
+      gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+      const location = gl.getAttribLocation(program, "a_position");
+      if (location >= 0) {
+        gl.enableVertexAttribArray(location);
+        gl.vertexAttribPointer(location, 2, gl.FLOAT, false, 0, 0);
+      }
+      gl.activeTexture(gl.TEXTURE0);
+      gl.bindTexture(gl.TEXTURE_2D, texture);
+      if (textureUniform) {
+        gl.uniform1i(textureUniform, 0);
+      }
+      gl.drawArrays(gl.TRIANGLES, 0, 6);
+    },
+    dispose() {
+      gl.deleteProgram(program);
+      gl.deleteBuffer(buffer);
+    }
+  };
+};
+export {
+  DestroyedError,
+  ShaderCompileError,
+  ShaderError,
+  TargetNotFoundError,
+  TextureLoadError,
+  UnsupportedError,
+  createBlitter,
+  createFullscreenBuffer,
+  createProgram,
+  createRuntimeHost,
+  defaultVertexShader,
+  defaultVertexShader300,
+  fromUniformName,
+  glsl,
+  glslUtils,
+  hexToRgb,
+  hexToRgba,
+  isGLSL300,
+  loadTexture,
+  resizeCanvasToTarget,
+  resolveDpr,
+  resolveElement,
+  setupCanvas,
+  toUniformName
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/errors.ts","../src/internal/dom.ts","../src/host.ts","../src/internal/names.ts","../src/internal/textures.ts","../src/internal/webgl.ts","../src/internal/blit.ts"],"sourcesContent":["export class ShaderError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = new.target.name;\n  }\n}\n\nexport class UnsupportedError extends ShaderError {}\nexport class TargetNotFoundError extends ShaderError {}\nexport class ShaderCompileError extends ShaderError {}\nexport class TextureLoadError extends ShaderError {}\nexport class DestroyedError extends ShaderError {}\n","import type { DprOption, SetupCanvasOptions } from \"../types\";\n\nexport type DomSetup = {\n  target: Element;\n  canvas: HTMLCanvasElement;\n  createdCanvas: boolean;\n  restoredPosition: string | null;\n};\n\nexport const resolveElement = (\n  target: string | Element | undefined\n): Element | null => {\n  if (!target) return null;\n  if (typeof target === \"string\") return document.querySelector(target);\n  return target;\n};\n\nexport const setupCanvas = (options: SetupCanvasOptions): DomSetup | null => {\n  const target = resolveElement(options.target);\n  const canvas = options.canvas ?? document.createElement(\"canvas\");\n  const measurementTarget = target ?? options.canvas;\n\n  if (!measurementTarget) return null;\n\n  const createdCanvas = !options.canvas;\n  const restoredPosition =\n    target && getComputedStyle(target).position === \"static\"\n      ? (target as HTMLElement).style.position\n      : null;\n\n  if (target && restoredPosition !== null) {\n    (target as HTMLElement).style.position = \"relative\";\n  }\n\n  applyCanvasStyle(canvas, options, createdCanvas);\n\n  if (options.canvasClass) {\n    canvas.classList.add(options.canvasClass);\n  }\n\n  if (options.canvasStyle) {\n    Object.assign(canvas.style, options.canvasStyle);\n  }\n\n  if (createdCanvas && target) {\n    if ((options.layer ?? \"background\") === \"overlay\") {\n      target.append(canvas);\n    } else {\n      target.prepend(canvas);\n    }\n  }\n\n  return {\n    target: measurementTarget,\n    canvas,\n    createdCanvas,\n    restoredPosition\n  };\n};\n\nexport const resolveDpr = (\n  dpr: DprOption | undefined,\n  maxDpr: number | undefined\n): number => {\n  const raw =\n    typeof dpr === \"function\"\n      ? dpr()\n      : typeof dpr === \"number\"\n        ? dpr\n        : typeof window === \"undefined\"\n          ? 1\n          : window.devicePixelRatio || 1;\n\n  return Math.max(1, Math.min(raw, maxDpr ?? 2));\n};\n\nexport const resizeCanvasToTarget = (\n  canvas: HTMLCanvasElement,\n  target: Element,\n  dpr: number\n): {\n  width: number;\n  height: number;\n  viewportWidth: number;\n  viewportHeight: number;\n} => {\n  const rect = target.getBoundingClientRect();\n  const viewportWidth = Math.max(1, rect.width || canvas.clientWidth || 1);\n  const viewportHeight = Math.max(1, rect.height || canvas.clientHeight || 1);\n  const width = Math.max(1, Math.round(viewportWidth * dpr));\n  const height = Math.max(1, Math.round(viewportHeight * dpr));\n\n  if (canvas.width !== width) canvas.width = width;\n  if (canvas.height !== height) canvas.height = height;\n\n  return { width, height, viewportWidth, viewportHeight };\n};\n\nconst applyCanvasStyle = (\n  canvas: HTMLCanvasElement,\n  options: SetupCanvasOptions,\n  shouldPosition: boolean\n): void => {\n  canvas.dataset.frapxCanvas = \"\";\n\n  if (!shouldPosition) return;\n\n  const layer = options.layer ?? \"background\";\n  Object.assign(canvas.style, {\n    position: \"absolute\",\n    inset: \"0\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"block\",\n    pointerEvents: \"none\",\n    zIndex: layer === \"overlay\" ? \"1\" : \"0\"\n  });\n};\n","import type {\n  GLContext,\n  HostFrameState,\n  RuntimeHostInstance,\n  RuntimeHostOptions,\n  ShaderStatus\n} from \"./types\";\nimport { DestroyedError, TargetNotFoundError, UnsupportedError } from \"./internal/errors\";\nimport {\n  resolveDpr,\n  resizeCanvasToTarget,\n  setupCanvas,\n  type DomSetup\n} from \"./internal/dom\";\n\nconst MAX_DELTA_SECONDS = 0.1;\n\ntype Gate = \"offscreen\" | \"hidden\" | \"reducedMotion\";\n\nexport const createRuntimeHost = (\n  options: RuntimeHostOptions\n): RuntimeHostInstance => {\n  return new RuntimeHost(options);\n};\n\nclass RuntimeHost implements RuntimeHostInstance {\n  readonly ready: Promise<void>;\n\n  private readonly options: RuntimeHostOptions;\n  private readyResolve: (() => void) | null = null;\n  private readyReject: ((error: Error) => void) | null = null;\n  private dom: DomSetup | null = null;\n  private context: GLContext | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private intersectionObserver: IntersectionObserver | null = null;\n  private rafId = 0;\n  private running = false;\n  private inRender = false;\n  private destroyed = false;\n  private gates = new Set<Gate>();\n  private reducedMotionActive = false;\n  private frame = 0;\n  private elapsed = 0;\n  private lastTimestamp = 0;\n  private pixelRatio = 1;\n  private width = 1;\n  private height = 1;\n  private viewportWidth = 1;\n  private viewportHeight = 1;\n  private pointer = { x: 0, y: 0, uvX: 0, uvY: 0, active: 0 };\n  private removeListeners: Array<() => void> = [];\n  private currentStatus: ShaderStatus = \"idle\";\n  private contextRestoredShouldRun = false;\n\n  constructor(options: RuntimeHostOptions) {\n    this.options = options;\n    this.ready = new Promise<void>((resolve, reject) => {\n      this.readyResolve = resolve;\n      this.readyReject = reject;\n    });\n    queueMicrotask(() => {\n      void this.init();\n    });\n  }\n\n  get canvas(): HTMLCanvasElement | null {\n    return this.dom?.canvas ?? null;\n  }\n\n  get gl(): GLContext | null {\n    return this.context;\n  }\n\n  get status(): ShaderStatus {\n    return this.currentStatus;\n  }\n\n  get supported(): boolean {\n    return ![\"unsupported\", \"destroyed\"].includes(this.currentStatus);\n  }\n\n  start(): void {\n    if (this.destroyed || this.currentStatus === \"unsupported\") return;\n    this.running = true;\n    this.reconcile();\n  }\n\n  stop(): void {\n    this.running = false;\n    this.cancelFrame();\n    if (!this.destroyed && this.currentStatus !== \"unsupported\") {\n      this.currentStatus = \"paused\";\n    }\n  }\n\n  render(): void {\n    if (\n      this.destroyed ||\n      !this.dom ||\n      !this.context ||\n      this.currentStatus === \"unsupported\" ||\n      this.hasVisibilityBlock ||\n      this.inRender\n    )\n      return;\n    this.renderInternal(this.elapsed, 0);\n  }\n\n  resize(): void {\n    if (this.destroyed || !this.dom) return;\n\n    const prevWidth = this.width;\n    const prevHeight = this.height;\n    const prevViewportWidth = this.viewportWidth;\n    const prevViewportHeight = this.viewportHeight;\n\n    this.measureSize();\n\n    const sizeChanged =\n      this.width !== prevWidth ||\n      this.height !== prevHeight ||\n      this.viewportWidth !== prevViewportWidth ||\n      this.viewportHeight !== prevViewportHeight;\n\n    if (sizeChanged && this.context) {\n      this.options.onResize?.({\n        gl: this.context,\n        canvas: this.dom.canvas,\n        time: this.elapsed,\n        delta: 0,\n        frame: this.frame,\n        width: this.width,\n        height: this.height,\n        viewportWidth: this.viewportWidth,\n        viewportHeight: this.viewportHeight,\n        pixelRatio: this.pixelRatio,\n        reducedMotion: this.reducedMotionActive,\n        pointer: { ...this.pointer }\n      });\n    }\n\n    if (this.options.renderMode === \"demand\" && !this.inRender) {\n      this.render();\n    }\n  }\n\n  destroy(): void {\n    if (this.destroyed) return;\n    this.destroyed = true;\n    this.running = false;\n    this.cancelFrame();\n    this.resizeObserver?.disconnect();\n    this.intersectionObserver?.disconnect();\n\n    for (const remove of this.removeListeners) remove();\n    this.removeListeners = [];\n\n    this.context = null;\n\n    if (this.dom?.createdCanvas) {\n      this.dom.canvas.remove();\n    }\n\n    const dom = this.dom;\n    if (dom?.restoredPosition !== null && dom && this.options.target) {\n      (dom.target as HTMLElement).style.position = dom.restoredPosition!;\n    }\n\n    this.currentStatus = \"destroyed\";\n    this.readyReject?.(new DestroyedError(\"Runtime host was destroyed.\"));\n  }\n\n  private get hasVisibilityBlock(): boolean {\n    return this.gates.has(\"offscreen\") || this.gates.has(\"hidden\");\n  }\n\n  private get hasMotionBlock(): boolean {\n    return (\n      this.gates.has(\"reducedMotion\") && this.options.renderMode !== \"demand\"\n    );\n  }\n\n  private setGate(gate: Gate, closed: boolean): void {\n    if (closed === this.gates.has(gate)) return;\n    if (closed) this.gates.add(gate);\n    else this.gates.delete(gate);\n    this.reconcile();\n  }\n\n  private reconcile(): void {\n    if (\n      this.destroyed ||\n      this.currentStatus === \"unsupported\" ||\n      this.currentStatus === \"error\" ||\n      this.currentStatus === \"context-lost\"\n    ) {\n      return;\n    }\n\n    if (this.running) {\n      if (this.hasVisibilityBlock) {\n        this.cancelFrame();\n        this.currentStatus = \"paused\";\n        return;\n      }\n\n      if (this.hasMotionBlock) {\n        this.cancelFrame();\n        this.currentStatus = \"paused\";\n        this.renderStaticFrame();\n        return;\n      }\n\n      this.currentStatus = \"running\";\n      if (this.options.renderMode === \"demand\") this.render();\n      else this.scheduleFrame();\n      return;\n    }\n\n    if (this.options.renderMode === \"demand\") this.render();\n  }\n\n  private renderStaticFrame(): void {\n    if (this.hasVisibilityBlock) return;\n    this.renderInternal(this.elapsed, 0);\n  }\n\n  private renderInternal(time: number, delta: number): void {\n    if (!this.dom || !this.context) return;\n    const gl = this.context;\n\n    this.inRender = true;\n    this.measureSize();\n\n    const state: HostFrameState = {\n      gl,\n      canvas: this.dom.canvas,\n      time,\n      delta,\n      frame: this.frame,\n      width: this.width,\n      height: this.height,\n      viewportWidth: this.viewportWidth,\n      viewportHeight: this.viewportHeight,\n      pixelRatio: this.pixelRatio,\n      reducedMotion: this.reducedMotionActive,\n      pointer: { ...this.pointer }\n    };\n\n    this.options.onDraw(state);\n    this.frame++;\n    this.inRender = false;\n  }\n\n  private measureSize(): void {\n    if (!this.dom) return;\n    this.pixelRatio = resolveDpr(this.options.dpr, this.options.maxDpr);\n    const size = resizeCanvasToTarget(\n      this.dom.canvas,\n      this.dom.target,\n      this.pixelRatio\n    );\n    this.width = size.width;\n    this.height = size.height;\n    this.viewportWidth = size.viewportWidth;\n    this.viewportHeight = size.viewportHeight;\n  }\n\n  private scheduleFrame(): void {\n    if (this.rafId || this.options.renderMode === \"demand\") return;\n\n    this.rafId = requestAnimationFrame((timestamp) => {\n      this.rafId = 0;\n      if (!this.running || this.destroyed) return;\n\n      const seconds = timestamp / 1000;\n      const rawDelta = this.lastTimestamp ? seconds - this.lastTimestamp : 0;\n      const delta = Math.min(Math.max(rawDelta, 0), MAX_DELTA_SECONDS);\n      this.lastTimestamp = seconds;\n      this.elapsed += delta;\n      this.renderInternal(this.elapsed, delta);\n      this.scheduleFrame();\n    });\n  }\n\n  private cancelFrame(): void {\n    if (this.rafId) {\n      cancelAnimationFrame(this.rafId);\n      this.rafId = 0;\n    }\n    this.lastTimestamp = 0;\n  }\n\n  private async init(): Promise<void> {\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n      this.failUnsupported(new UnsupportedError(\"WebGL requires a browser.\"));\n      return;\n    }\n\n    this.dom = setupCanvas({\n      ...(this.options.target !== undefined && { target: this.options.target }),\n      ...(this.options.canvas !== undefined && { canvas: this.options.canvas }),\n      ...(this.options.layer !== undefined && { layer: this.options.layer }),\n      ...(this.options.canvasClass !== undefined && { canvasClass: this.options.canvasClass }),\n      ...(this.options.canvasStyle !== undefined && { canvasStyle: this.options.canvasStyle })\n    });\n\n    if (!this.dom) {\n      this.failUnsupported(new TargetNotFoundError(\"Target or canvas not found.\"));\n      return;\n    }\n\n    let gl: GLContext | null;\n    try {\n      gl = this.options.createContext(this.dom.canvas);\n    } catch (error) {\n      this.failUnsupported(\n        error instanceof UnsupportedError\n          ? error\n          : new UnsupportedError(String(error))\n      );\n      return;\n    }\n    if (!gl) {\n      this.failUnsupported(new UnsupportedError(\"WebGL is not supported.\"));\n      return;\n    }\n\n    this.context = gl;\n    this.currentStatus = \"loading\";\n\n    try {\n      this.setupDomObservers();\n      this.setupContextEvents();\n      this.measureSize();\n      await this.options.onInit(gl, this.width, this.height);\n      if (this.destroyed) return;\n      this.currentStatus = \"ready\";\n      this.readyResolve?.();\n      this.options.onReady?.();\n\n      if (this.running || (this.options.autoStart ?? true)) {\n        this.start();\n      } else if (this.options.renderMode === \"demand\") {\n        this.render();\n      }\n    } catch (error) {\n      this.fail(error instanceof Error ? error : new Error(String(error)));\n    }\n  }\n\n  private setupDomObservers(): void {\n    if (!this.dom) return;\n\n    if (this.options.autoResize ?? true) {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.resize();\n      });\n      this.resizeObserver.observe(this.dom.target);\n    }\n\n    if (this.options.pauseWhenOffscreen ?? true) {\n      this.intersectionObserver = new IntersectionObserver((entries) => {\n        const entry = entries[0];\n        this.setGate(\"offscreen\", !entry?.isIntersecting);\n      });\n      this.intersectionObserver.observe(this.dom.target);\n    }\n\n    if (this.options.pauseWhenHidden ?? true) {\n      if (document.hidden) this.gates.add(\"hidden\");\n      const onVisibility = () => {\n        this.setGate(\"hidden\", document.hidden);\n      };\n      document.addEventListener(\"visibilitychange\", onVisibility);\n      this.removeListeners.push(() => {\n        document.removeEventListener(\"visibilitychange\", onVisibility);\n      });\n    }\n\n    this.setupMotionObserver();\n\n    const onPointerMove = (event: Event) => {\n      if (!this.dom) return;\n      const pointerEvent = event as PointerEvent;\n      const rect = this.dom.target.getBoundingClientRect();\n      const x = pointerEvent.clientX - rect.left;\n      const y = pointerEvent.clientY - rect.top;\n      this.pointer.x = x * this.pixelRatio;\n      this.pointer.y = (rect.height - y) * this.pixelRatio;\n      this.pointer.uvX = rect.width > 0 ? x / rect.width : 0;\n      this.pointer.uvY = rect.height > 0 ? 1 - y / rect.height : 0;\n      this.pointer.active = 1;\n\n      if (this.options.renderMode === \"demand\") this.render();\n    };\n    const onPointerLeave = () => {\n      this.pointer.active = 0;\n      if (this.options.renderMode === \"demand\") this.render();\n    };\n\n    this.dom.target.addEventListener(\"pointermove\", onPointerMove);\n    this.dom.target.addEventListener(\"pointerenter\", onPointerMove);\n    this.dom.target.addEventListener(\"pointerleave\", onPointerLeave);\n    this.removeListeners.push(() => {\n      this.dom?.target.removeEventListener(\"pointermove\", onPointerMove);\n      this.dom?.target.removeEventListener(\"pointerenter\", onPointerMove);\n      this.dom?.target.removeEventListener(\"pointerleave\", onPointerLeave);\n    });\n  }\n\n  private setupMotionObserver(): void {\n    if (typeof window.matchMedia !== \"function\") return;\n\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    this.reducedMotionActive = query.matches;\n    if (this.options.respectReducedMotion && query.matches) {\n      this.gates.add(\"reducedMotion\");\n    }\n\n    const onChange = (event: MediaQueryListEvent) => {\n      this.reducedMotionActive = event.matches;\n      if (this.options.respectReducedMotion) {\n        this.setGate(\"reducedMotion\", event.matches);\n      } else if (this.options.renderMode === \"demand\") {\n        this.render();\n      }\n    };\n\n    query.addEventListener(\"change\", onChange);\n    this.removeListeners.push(() => {\n      query.removeEventListener(\"change\", onChange);\n    });\n  }\n\n  private setupContextEvents(): void {\n    if (!this.dom) return;\n\n    const onLost = (event: Event) => {\n      event.preventDefault();\n      this.contextRestoredShouldRun = this.running;\n      this.cancelFrame();\n      this.context = null;\n      this.currentStatus = \"context-lost\";\n      this.options.onContextLost?.();\n      this.options.onError?.(new UnsupportedError(\"WebGL context lost.\"));\n    };\n\n    const onRestored = () => {\n      if (!this.dom || this.destroyed) return;\n      const gl = this.options.createContext(this.dom.canvas);\n      if (!gl) return;\n      this.context = gl;\n\n      const afterRestore = async () => {\n        try {\n          await this.options.onContextRestored?.(gl, this.width, this.height);\n          if (this.contextRestoredShouldRun) this.start();\n          else this.render();\n        } catch (error) {\n          this.fail(error instanceof Error ? error : new Error(String(error)));\n        }\n      };\n      void afterRestore();\n    };\n\n    this.dom.canvas.addEventListener(\"webglcontextlost\", onLost);\n    this.dom.canvas.addEventListener(\"webglcontextrestored\", onRestored);\n    this.removeListeners.push(() => {\n      this.dom?.canvas.removeEventListener(\"webglcontextlost\", onLost);\n      this.dom?.canvas.removeEventListener(\"webglcontextrestored\", onRestored);\n    });\n  }\n\n  private failUnsupported(error: Error): void {\n    this.currentStatus = \"unsupported\";\n    this.debugWarn(error.message);\n    this.options.onError?.(error);\n    this.readyReject?.(error);\n  }\n\n  private fail(error: Error): void {\n    this.currentStatus = \"error\";\n    this.debugWarn(error.message);\n    this.options.onError?.(error);\n    this.readyReject?.(error);\n  }\n\n  private debugWarn(message: string): void {\n    if (this.options.debug) {\n      console.warn(`[frapx/runtime] ${message}`);\n    }\n  }\n}\n","export const toUniformName = (name: string): string =>\n  name.startsWith(\"u_\") ? name : `u_${name}`;\n\nexport const fromUniformName = (name: string): string =>\n  name.startsWith(\"u_\") ? name.slice(2) : name;\n","import type { GLContext, TextureInput, TextureOptions, TextureSource } from \"../types\";\nimport { TextureLoadError } from \"./errors\";\nimport { toUniformName } from \"./names\";\n\nexport type LoadedTexture = {\n  name: string;\n  uniformName: string;\n  sizeUniformName: string;\n  texture: WebGLTexture;\n  width: number;\n  height: number;\n};\n\nexport const loadTexture = async (\n  gl: GLContext,\n  name: string,\n  input: TextureInput,\n  unit: number\n): Promise<LoadedTexture> => {\n  const options = normalizeTextureInput(input);\n  const source = await resolveSource(options.source);\n  const texture = gl.createTexture();\n\n  if (!texture) {\n    throw new TextureLoadError(`Failed to create texture: ${name}`);\n  }\n\n  gl.activeTexture(gl.TEXTURE0 + unit);\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, options.flipY ?? true);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);\n\n  const wrap = getWrap(gl, options.wrap ?? \"clamp\");\n  const filter = getFilter(gl, options.filter ?? \"linear\");\n\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, wrap);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, wrap);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);\n\n  return {\n    name,\n    uniformName: toUniformName(name),\n    sizeUniformName: toUniformName(`${name}Size`),\n    texture,\n    width: getSourceWidth(source),\n    height: getSourceHeight(source)\n  };\n};\n\nconst normalizeTextureInput = (input: TextureInput): TextureOptions => {\n  if (typeof input === \"string\" || isTextureSource(input)) {\n    return { source: input };\n  }\n\n  return input;\n};\n\nconst resolveSource = async (\n  source: TextureSource\n): Promise<HTMLImageElement | HTMLCanvasElement> => {\n  if (typeof source !== \"string\") {\n    return source;\n  }\n\n  const image = new Image();\n  image.crossOrigin = \"anonymous\";\n  image.src = source;\n\n  try {\n    await image.decode();\n  } catch {\n    throw new TextureLoadError(`Failed to load texture: ${source}`);\n  }\n\n  return image;\n};\n\nconst getWrap = (\n  gl: GLContext,\n  wrap: NonNullable<TextureOptions[\"wrap\"]>\n): number => {\n  if (wrap === \"repeat\") return gl.REPEAT;\n  if (wrap === \"mirror\") return gl.MIRRORED_REPEAT;\n  return gl.CLAMP_TO_EDGE;\n};\n\nconst getFilter = (\n  gl: GLContext,\n  filter: NonNullable<TextureOptions[\"filter\"]>\n): number => (filter === \"nearest\" ? gl.NEAREST : gl.LINEAR);\n\nconst isTextureSource = (\n  input: unknown\n): input is HTMLImageElement | HTMLCanvasElement =>\n  typeof HTMLImageElement !== \"undefined\" &&\n  (input instanceof HTMLImageElement || input instanceof HTMLCanvasElement);\n\nconst getSourceWidth = (\n  source: HTMLImageElement | HTMLCanvasElement\n): number =>\n  \"naturalWidth\" in source ? source.naturalWidth : source.width;\n\nconst getSourceHeight = (\n  source: HTMLImageElement | HTMLCanvasElement\n): number =>\n  \"naturalHeight\" in source ? source.naturalHeight : source.height;\n","import type { GLContext } from \"../types\";\nimport { ShaderCompileError } from \"./errors\";\n\nexport const defaultVertexShader = `\nattribute vec2 a_position;\nvarying vec2 v_uv;\n\nvoid main() {\n  v_uv = a_position * 0.5 + 0.5;\n  gl_Position = vec4(a_position, 0.0, 1.0);\n}\n`;\n\nexport const defaultVertexShader300 = `#version 300 es\nin vec2 a_position;\nout vec2 v_uv;\n\nvoid main() {\n  v_uv = a_position * 0.5 + 0.5;\n  gl_Position = vec4(a_position, 0.0, 1.0);\n}\n`;\n\nexport const isGLSL300 = (src: string): boolean =>\n  /^\\s*#version\\s+300\\s+es\\b/.test(src);\n\nexport const createProgram = (\n  gl: GLContext,\n  vertexSource: string,\n  fragmentSource: string\n): WebGLProgram => {\n  const vertex = compileShader(gl, gl.VERTEX_SHADER, vertexSource);\n  const fragment = compileShader(gl, gl.FRAGMENT_SHADER, fragmentSource);\n  const program = gl.createProgram();\n\n  if (!program) {\n    throw new ShaderCompileError(\"Failed to create WebGL program.\");\n  }\n\n  gl.attachShader(program, vertex);\n  gl.attachShader(program, fragment);\n  gl.linkProgram(program);\n\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    const log = gl.getProgramInfoLog(program) ?? \"Unknown program link error.\";\n    gl.deleteProgram(program);\n    gl.deleteShader(vertex);\n    gl.deleteShader(fragment);\n    throw new ShaderCompileError(log);\n  }\n\n  gl.deleteShader(vertex);\n  gl.deleteShader(fragment);\n  return program;\n};\n\nexport const createFullscreenBuffer = (\n  gl: GLContext,\n  program: WebGLProgram\n): WebGLBuffer => {\n  const buffer = gl.createBuffer();\n  if (!buffer) {\n    throw new ShaderCompileError(\"Failed to create fullscreen buffer.\");\n  }\n\n  const location = gl.getAttribLocation(program, \"a_position\");\n  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n  gl.bufferData(\n    gl.ARRAY_BUFFER,\n    new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]),\n    gl.STATIC_DRAW\n  );\n\n  if (location >= 0) {\n    gl.enableVertexAttribArray(location);\n    gl.vertexAttribPointer(location, 2, gl.FLOAT, false, 0, 0);\n  }\n\n  return buffer;\n};\n\nconst compileShader = (\n  gl: GLContext,\n  type: number,\n  source: string\n): WebGLShader => {\n  const shader = gl.createShader(type);\n  if (!shader) {\n    throw new ShaderCompileError(\"Failed to create WebGL shader.\");\n  }\n\n  gl.shaderSource(shader, source);\n  gl.compileShader(shader);\n\n  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n    const log = gl.getShaderInfoLog(shader) ?? \"Unknown shader compile error.\";\n    gl.deleteShader(shader);\n    throw new ShaderCompileError(log);\n  }\n\n  return shader;\n};\n","import type { GLContext } from \"../types\";\nimport {\n  createFullscreenBuffer,\n  createProgram,\n  defaultVertexShader,\n  defaultVertexShader300\n} from \"./webgl\";\n\nconst blitFragmentShader = `\nprecision mediump float;\nvarying vec2 v_uv;\nuniform sampler2D u_texture;\n\nvoid main() {\n  gl_FragColor = texture2D(u_texture, v_uv);\n}\n`;\n\nconst blitFragmentShader300 = `#version 300 es\nprecision mediump float;\nin vec2 v_uv;\nuniform sampler2D u_texture;\nout vec4 fragColor;\n\nvoid main() {\n  fragColor = texture(u_texture, v_uv);\n}\n`;\n\n// Duck-typed instead of `instanceof WebGL2RenderingContext` so this also works\n// against test mocks and other environments where the global constructor may\n// be unavailable.\nconst isWebGL2Context = (gl: GLContext): boolean =>\n  typeof (gl as WebGL2RenderingContext).createVertexArray === \"function\";\n\nexport type Blitter = {\n  /**\n   * Draws `texture` as a fullscreen quad into `target` (or the default\n   * framebuffer when `target` is `null`), setting the viewport to\n   * `width`/`height` first. Does not save or restore any other GL state.\n   */\n  blit(\n    texture: WebGLTexture,\n    target: WebGLFramebuffer | null,\n    width: number,\n    height: number\n  ): void;\n  /** Releases the GL resources owned by this blitter. */\n  dispose(): void;\n};\n\n/**\n * Creates a reusable fullscreen-quad \"blit\" utility: draws a texture into a\n * framebuffer (or the canvas) using a minimal passthrough shader. Intended\n * for hand-rolled multi-pass/FBO pipelines; frapx's own multi-pass features\n * are built on the same primitive.\n */\nexport const createBlitter = (gl: GLContext): Blitter => {\n  const program = createProgram(\n    gl,\n    isWebGL2Context(gl) ? defaultVertexShader300 : defaultVertexShader,\n    isWebGL2Context(gl) ? blitFragmentShader300 : blitFragmentShader\n  );\n  const buffer = createFullscreenBuffer(gl, program);\n  const textureUniform = gl.getUniformLocation(program, \"u_texture\");\n\n  return {\n    blit(\n      texture: WebGLTexture,\n      target: WebGLFramebuffer | null,\n      width: number,\n      height: number\n    ): void {\n      gl.bindFramebuffer(gl.FRAMEBUFFER, target);\n      gl.viewport(0, 0, width, height);\n      gl.useProgram(program);\n\n      gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n      const location = gl.getAttribLocation(program, \"a_position\");\n      if (location >= 0) {\n        gl.enableVertexAttribArray(location);\n        gl.vertexAttribPointer(location, 2, gl.FLOAT, false, 0, 0);\n      }\n\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, texture);\n      if (textureUniform) {\n        gl.uniform1i(textureUniform, 0);\n      }\n\n      gl.drawArrays(gl.TRIANGLES, 0, 6);\n    },\n    dispose(): void {\n      gl.deleteProgram(program);\n      gl.deleteBuffer(buffer);\n    }\n  };\n};\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@frapx/core",
+  "version": "0.2.0",
+  "description": "Shared WebGL runtime host for frapx packages.",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./glsl": {
+      "types": "./dist/glsl.d.ts",
+      "import": "./dist/glsl.js"
+    },
+    "./color": {
+      "types": "./dist/color.d.ts",
+      "import": "./dist/color.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "devDependencies": {
+    "vitest": "^3.2.4"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kramhash/frapx.git",
+    "directory": "packages/core"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
+}