lostpage 0.0.0-stage → 0.2.0

package/dist/core/canvas2d.d.ts

@@ -0,0 +1,18 @@
+import type { SceneContext } from "./types";
+export interface Canvas2D {
+    canvas: HTMLCanvasElement;
+    g: CanvasRenderingContext2D;
+    /** CSS-pixel size. */
+    w: number;
+    h: number;
+    /** Re-apply the DPR transform; call at the start of each frame if you reset transforms. */
+    reset(): void;
+}
+/** A 2D canvas whose drawing coordinates are CSS pixels regardless of DPR. */
+export declare function canvas2d(ctx: SceneContext<any>, o?: {
+    z?: number;
+    scale?: number;
+    alpha?: boolean;
+}): Canvas2D;
+/** Pre-render a soft round sprite (for glows / particles). */
+export declare function glowSprite(color: string, size?: number, hardness?: number): HTMLCanvasElement;

package/dist/core/define.d.ts

@@ -0,0 +1,16 @@
+import type { LostAction, LostCopy, MountOptions, SceneDef, Theme } from "./types";
+/** Identity helper that gives scene authors full type inference. */
+export declare function defineScene<P>(def: SceneDef<P>): SceneDef<P>;
+export declare const DEFAULT_COPY: Required<Omit<LostCopy, "actions">> & {
+    actions: LostAction[];
+};
+export interface Resolved<P> {
+    preset: string;
+    params: P;
+    copy: typeof DEFAULT_COPY;
+    theme: Theme;
+}
+/** Merge scene defaults ← preset ← user options. */
+export declare function resolve<P>(def: SceneDef<P>, opts?: MountOptions<P>): Resolved<P>;
+/** Preset ids including the implicit "default". */
+export declare function presetIds(def: SceneDef): string[];

package/dist/core/gl.d.ts

@@ -0,0 +1,50 @@
+/** Tiny WebGL2 toolkit used by the shader scenes. No dependencies. */
+export type GL = WebGL2RenderingContext;
+export type UniformValue = number | boolean | number[] | Float32Array | WebGLTexture | Target | null;
+export declare function getGL(canvas: HTMLCanvasElement, attrs?: WebGLContextAttributes): GL;
+export declare const FULLSCREEN_VS = "#version 300 es\nin vec2 aPos;\nout vec2 vUv;\nvoid main(){ vUv = aPos * 0.5 + 0.5; gl_Position = vec4(aPos, 0.0, 1.0); }";
+/** Prepended to every fragment shader passed to `pass()`. */
+export declare const FS_PRELUDE = "#version 300 es\nprecision highp float;\nprecision highp int;\nin vec2 vUv;\nout vec4 fragColor;\nuniform vec2 uRes;\nuniform float uTime;\nuniform vec2 uMouse;\n";
+export declare function program(gl: GL, vs: string, fs: string): WebGLProgram;
+export interface Target {
+    fbo: WebGLFramebuffer;
+    tex: WebGLTexture;
+    width: number;
+    height: number;
+    resize(w: number, h: number): void;
+}
+export interface TargetOptions {
+    float?: boolean;
+    /** Use half floats (more widely renderable). Default true when float is set. */
+    half?: boolean;
+    filter?: "linear" | "nearest";
+    wrap?: "clamp" | "repeat";
+    channels?: 1 | 2 | 4;
+}
+export declare function target(gl: GL, w: number, h: number, o?: TargetOptions): Target;
+/** Ping-pong pair for simulations. */
+export declare function swapTargets(gl: GL, w: number, h: number, o?: TargetOptions): {
+    read: Target;
+    write: Target;
+    swap(): void;
+    resize(nw: number, nh: number): void;
+};
+export interface TextureOptions {
+    filter?: "linear" | "nearest" | "mipmap";
+    wrap?: "clamp" | "repeat";
+    flipY?: boolean;
+}
+export declare function texture(gl: GL, source: TexImageSource | null, o?: TextureOptions): WebGLTexture;
+export declare function updateTexture(gl: GL, tex: WebGLTexture, source: TexImageSource | null, o?: TextureOptions): void;
+/** Float data texture (e.g. an SDF). */
+export declare function dataTexture(gl: GL, data: Float32Array, w: number, h: number, channels?: 1 | 4, filter?: "linear" | "nearest"): WebGLTexture;
+export interface Pass {
+    program: WebGLProgram;
+    /** Set uniforms (type inferred from the shader) and draw a fullscreen triangle into `to` (null = canvas). */
+    draw(uniforms?: Record<string, UniformValue>, to?: Target | null): void;
+}
+/**
+ * Fullscreen fragment pass. The source is appended to FS_PRELUDE unless it starts with `#version`.
+ * Uniform types are read from the linked program, so `{ uColor: [1,0,0] }` just works.
+ */
+export declare function pass(gl: GL, fs: string, vs?: string): Pass;

package/dist/core/glsl.d.ts

@@ -0,0 +1,10 @@
+/** Reusable GLSL snippets. Concatenate the ones a shader needs. */
+export declare const HASH = "\nfloat hash11(float p){ p = fract(p * .1031); p *= p + 33.33; p *= p + p; return fract(p); }\nfloat hash12(vec2 p){ vec3 p3 = fract(vec3(p.xyx) * .1031); p3 += dot(p3, p3.yzx + 33.33); return fract((p3.x + p3.y) * p3.z); }\nvec2 hash22(vec2 p){ vec3 p3 = fract(vec3(p.xyx) * vec3(.1031, .1030, .0973)); p3 += dot(p3, p3.yzx + 33.33); return fract((p3.xx + p3.yz) * p3.zy); }\nvec3 hash32(vec2 p){ vec3 p3 = fract(vec3(p.xyx) * vec3(.1031, .1030, .0973)); p3 += dot(p3, p3.yxz + 33.33); return fract((p3.xxy + p3.yzz) * p3.zyx); }\nfloat hash13(vec3 p3){ p3 = fract(p3 * .1031); p3 += dot(p3, p3.zyx + 31.32); return fract((p3.x + p3.y) * p3.z); }\n";
+/** Value noise + fbm in 2D and 3D. Requires HASH. */
+export declare const NOISE = "\nfloat vnoise(vec2 p){\n  vec2 i = floor(p), f = fract(p);\n  vec2 u = f * f * (3.0 - 2.0 * f);\n  return mix(mix(hash12(i), hash12(i + vec2(1,0)), u.x), mix(hash12(i + vec2(0,1)), hash12(i + vec2(1,1)), u.x), u.y);\n}\nfloat vnoise3(vec3 p){\n  vec3 i = floor(p), f = fract(p);\n  vec3 u = f * f * (3.0 - 2.0 * f);\n  return mix(mix(mix(hash13(i), hash13(i + vec3(1,0,0)), u.x), mix(hash13(i + vec3(0,1,0)), hash13(i + vec3(1,1,0)), u.x), u.y),\n             mix(mix(hash13(i + vec3(0,0,1)), hash13(i + vec3(1,0,1)), u.x), mix(hash13(i + vec3(0,1,1)), hash13(i + vec3(1,1,1)), u.x), u.y), u.z);\n}\nfloat fbm(vec2 p){ float a = .5, s = 0.; mat2 r = mat2(.8, -.6, .6, .8); for(int i = 0; i < 6; i++){ s += a * vnoise(p); p = r * p * 2.03 + 11.7; a *= .5; } return s; }\nfloat fbm3(vec3 p){ float a = .5, s = 0.; for(int i = 0; i < 5; i++){ s += a * vnoise3(p); p = p * 2.02 + vec3(13.1, 7.7, 3.3); a *= .5; } return s; }\n";
+/** 2D simplex noise (Ashima / Stefan Gustavson, MIT). */
+export declare const SIMPLEX = "\nvec3 _sxp(vec3 x){ return mod(((x * 34.0) + 1.0) * x, 289.0); }\nfloat snoise(vec2 v){\n  const vec4 C = vec4(0.211324865405187, 0.366025403784439, -0.577350269189626, 0.024390243902439);\n  vec2 i = floor(v + dot(v, C.yy));\n  vec2 x0 = v - i + dot(i, C.xx);\n  vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  vec4 x12 = x0.xyxy + C.xxzz; x12.xy -= i1;\n  i = mod(i, 289.0);\n  vec3 p = _sxp(_sxp(i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0));\n  vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy), dot(x12.zw, x12.zw)), 0.0);\n  m = m * m; m = m * m;\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n  m *= 1.79284291400159 - 0.85373472095314 * (a0 * a0 + h * h);\n  vec3 g; g.x = a0.x * x0.x + h.x * x0.y; g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n";
+/** Filmic tonemap + output helpers. */
+export declare const POST = "\nvec3 aces(vec3 x){ return clamp((x * (2.51 * x + 0.03)) / (x * (2.43 * x + 0.59) + 0.14), 0.0, 1.0); }\nvec3 toSRGB(vec3 c){ c = max(c, vec3(0.0)); return mix(c * 12.92, 1.055 * pow(max(c, vec3(1e-6)), vec3(1.0 / 2.4)) - 0.055, step(0.0031308, c)); }\nvec3 toLinear(vec3 c){ return pow(max(c, vec3(1e-6)), vec3(2.2)); }\nfloat grain(vec2 fc, float t){ return fract(sin(dot(fc + fract(t) * 91.7, vec2(12.9898, 78.233))) * 43758.5453) - 0.5; }\nfloat vignette(vec2 uv, float k){ uv = uv * (1.0 - uv.yx); return pow(max(uv.x * uv.y * 16.0, 1e-5), k); }\n";
+/** 2D signed-distance helpers. */
+export declare const SDF2 = "\nfloat sdBox(vec2 p, vec2 b){ vec2 d = abs(p) - b; return length(max(d, 0.0)) + min(max(d.x, d.y), 0.0); }\nfloat sdRoundBox(vec2 p, vec2 b, float r){ return sdBox(p, b - r) - r; }\nfloat sdSeg(vec2 p, vec2 a, vec2 b){ vec2 pa = p - a, ba = b - a; float h = clamp(dot(pa, ba) / dot(ba, ba), 0.0, 1.0); return length(pa - ba * h); }\nfloat sdCircle(vec2 p, float r){ return length(p) - r; }\nfloat sdTrap(vec2 p, float r1, float r2, float he){\n  vec2 k1 = vec2(r2, he); vec2 k2 = vec2(r2 - r1, 2.0 * he);\n  p.x = abs(p.x);\n  vec2 ca = vec2(p.x - min(p.x, (p.y < 0.0) ? r1 : r2), abs(p.y) - he);\n  vec2 cb = p - k1 + k2 * clamp(dot(k1 - p, k2) / dot(k2, k2), 0.0, 1.0);\n  float s = (cb.x < 0.0 && ca.y < 0.0) ? -1.0 : 1.0;\n  return s * sqrt(min(dot(ca, ca), dot(cb, cb)));\n}\nmat2 rot(float a){ float c = cos(a), s = sin(a); return mat2(c, -s, s, c); }\n";

package/dist/core/overlay.d.ts

@@ -0,0 +1,5 @@
+import type { LostAction } from "./types";
+import type { DEFAULT_COPY } from "./define";
+export declare function buildAction(a: LostAction, onNavigate?: (href: string, e: MouseEvent) => void): HTMLAnchorElement | HTMLButtonElement;
+/** Builds the accessible text layer: eyebrow, code, title, message, actions. */
+export declare function buildOverlay(copy: typeof DEFAULT_COPY, layout: string, onNavigate?: (href: string, e: MouseEvent) => void): HTMLDivElement;

package/dist/core/runtime.d.ts

@@ -0,0 +1,8 @@
+import type { LostHandle, MountOptions, SceneDef } from "./types";
+/** A scene object, or a function that loads one (used for lazy, code-split scenes). */
+export type SceneSource<P> = SceneDef<P> | (() => Promise<SceneDef<P>>);
+/**
+ * Mount a scene into `target`. Returns immediately; `handle.ready` resolves when drawing starts.
+ * `scene` can be a scene object (tree-shakeable) or a scene id (lazy-loaded from the registry).
+ */
+export declare function mount<P>(target: HTMLElement | string, scene: SceneSource<P> | string, options?: MountOptions<P>): LostHandle;

package/dist/core/shader.d.ts

@@ -0,0 +1,22 @@
+import { type GL, type Pass, type UniformValue } from "./gl";
+import type { SceneContext, SceneInstance } from "./types";
+export interface ShaderSceneOptions {
+    /** Fragment shader body (FS_PRELUDE is prepended): uRes, uTime, uMouse are provided. */
+    frag: string;
+    /** Extra uniforms per frame. */
+    uniforms?: (t: number, dt: number) => Record<string, UniformValue>;
+    /** Called once with the GL context, e.g. to create textures. */
+    init?: (gl: GL, p: Pass) => void;
+    /** Resolution multiplier on top of the device pixel ratio. */
+    scale?: number;
+    /** Let the runtime lower resolution when frames are slow. Default true. */
+    adaptive?: boolean;
+    z?: number;
+    /** Mouse follow speed; smaller = lazier parallax. */
+    mouseLag?: number;
+}
+/** One fullscreen fragment shader, kept in sync with the component size, time and pointer. */
+export declare function shaderScene(ctx: SceneContext<any>, o: ShaderSceneOptions): SceneInstance & {
+    gl: GL;
+    pass: Pass;
+};

package/dist/core/styles.d.ts

@@ -0,0 +1,4 @@
+export declare function injectBase(): void;
+export declare function injectScene(id: string, css: string | undefined): void;
+/** Raw base stylesheet, for SSR or shadow roots. */
+export declare const baseCss = "\n.lp-root{\n  --lp-bg:#0b0d12;--lp-fg:#f5f6f8;--lp-muted:color-mix(in srgb,var(--lp-fg) 64%,transparent);\n  --lp-accent:var(--lp-fg);--lp-accent-fg:var(--lp-bg);\n  --lp-font:\"Inter\",\"Manrope\",ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n  --lp-font-display:var(--lp-font);\n  --lp-font-mono:\"JetBrains Mono\",\"IBM Plex Mono\",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n  --lp-font-serif:\"Fraunces\",\"Playfair Display\",ui-serif,Georgia,\"Times New Roman\",serif;\n  --lp-code-color:color-mix(in srgb,var(--lp-fg) 22%,transparent);\n  --lp-code-size:clamp(64px,23cqw,300px);--lp-code-weight:500;\n  --lp-title-size:clamp(22px,4.6cqw,58px);--lp-title-weight:500;\n  --lp-radius:999px;--lp-pad:clamp(14px,5cqw,72px);\n  position:relative;box-sizing:border-box;overflow:hidden;width:100%;\n  height:var(--lp-height,100vh);height:var(--lp-height,100dvh);\n  background:var(--lp-bg);color:var(--lp-fg);font-family:var(--lp-font);\n  isolation:isolate;container-type:size;container-name:lp;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;\n  text-rendering:optimizeLegibility;touch-action:manipulation;\n}\n.lp-root *,.lp-root *::before,.lp-root *::after{box-sizing:border-box}\n.lp-root [hidden]{display:none!important}\n.lp-stage{position:absolute;inset:0;z-index:0;overflow:hidden}\n.lp-stage>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}\n.lp-custom{position:absolute;inset:0;z-index:3}\n.lp-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;\n  justify-content:center;gap:clamp(12px,3cqh,32px);padding:var(--lp-pad) max(16px,var(--lp-pad));pointer-events:none}\n.lp-overlay a,.lp-overlay button,.lp-overlay [data-lp-interactive]{pointer-events:auto}\n.lp-head,.lp-body{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%}\n.lp-eyebrow{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--lp-muted)}\n.lp-code{margin:0;font-family:var(--lp-font-display);font-weight:var(--lp-code-weight);font-size:var(--lp-code-size);\n  line-height:.86;letter-spacing:-.045em;color:var(--lp-code-color);user-select:none;white-space:nowrap}\n.lp-title{margin:0;font-family:var(--lp-font-display);font-size:var(--lp-title-size);font-weight:var(--lp-title-weight);\n  letter-spacing:-.035em;line-height:1.04;text-wrap:balance}\n.lp-message{margin:14px 0 0;max-width:36ch;color:var(--lp-muted);font-size:clamp(12.5px,1.25cqw,16px);line-height:1.6;text-wrap:pretty}\n.lp-actions{margin-top:clamp(20px,3.2cqh,32px);display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;justify-content:center}\n.lp-btn{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;\n  text-decoration:none;cursor:pointer;border:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,color .25s,box-shadow .25s}\n.lp-btn--primary{padding:13px 22px;border-radius:var(--lp-radius);background:var(--lp-accent);color:var(--lp-accent-fg)}\n.lp-btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--lp-accent) 60%,transparent)}\n.lp-btn--secondary{padding:13px 4px;background:none;color:var(--lp-fg);border-bottom:1px solid color-mix(in srgb,var(--lp-fg) 30%,transparent);border-radius:0}\n.lp-btn--secondary:hover{border-bottom-color:var(--lp-fg)}\n.lp-btn svg{width:14px;height:14px;flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}\n.lp-btn:hover svg[data-dir=back]{transform:translateX(-3px)}\n.lp-btn:hover svg[data-dir=arrow]{transform:translate(2px,-2px)}\n.lp-btn:focus-visible{outline:2px solid var(--lp-accent);outline-offset:3px}\n.lp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n\n.lp-layout-split{justify-content:space-between}\n.lp-layout-split .lp-head{padding-top:clamp(8px,4cqh,48px)}\n.lp-layout-split .lp-body{padding-bottom:clamp(8px,3cqh,40px)}\n.lp-layout-bottom{justify-content:flex-end}\n.lp-layout-top{justify-content:flex-start}\n.lp-layout-bottom-left{justify-content:flex-end;align-items:flex-start}\n.lp-layout-bottom-left .lp-head,.lp-layout-bottom-left .lp-body,\n.lp-layout-left .lp-head,.lp-layout-left .lp-body{align-items:flex-start;text-align:left}\n.lp-layout-bottom-left .lp-actions,.lp-layout-left .lp-actions{justify-content:flex-start}\n.lp-layout-left{align-items:flex-start;padding-left:max(16px,calc(var(--lp-pad) * 1.4))}\n.lp-layout-right{align-items:flex-end}\n.lp-layout-right .lp-head,.lp-layout-right .lp-body{align-items:flex-end;text-align:right}\n.lp-layout-right .lp-actions{justify-content:flex-end}\n.lp-layout-none .lp-head,.lp-layout-none .lp-body{display:none}\n.lp-code-hidden .lp-code{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}\n\n.lp-fadein .lp-head,.lp-fadein .lp-body{animation:lp-rise 1.1s cubic-bezier(.2,.8,.2,1) both}\n.lp-fadein .lp-body{animation-delay:.18s}\n@keyframes lp-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n@container (max-width:640px){.lp-layout-left,.lp-layout-right{align-items:center}\n  .lp-layout-left .lp-head,.lp-layout-left .lp-body,.lp-layout-right .lp-head,.lp-layout-right .lp-body{align-items:center;text-align:center}\n  .lp-layout-left .lp-actions,.lp-layout-right .lp-actions{justify-content:center}}\n@media (prefers-reduced-motion:reduce){.lp-fadein .lp-head,.lp-fadein .lp-body{animation:none}.lp-btn,.lp-btn svg{transition:none}}\n";

package/dist/core/text.d.ts

@@ -0,0 +1,54 @@
+/** Text → pixels / points / signed distance fields, for scenes that build "404" out of things. */
+export declare const SANS = "\"Inter\",\"SF Pro Display\",ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif";
+export declare const MONO = "\"JetBrains Mono\",\"SF Mono\",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace";
+export declare const SERIF = "\"Fraunces\",\"Playfair Display\",ui-serif,Georgia,\"Times New Roman\",serif";
+export interface TextBoxOptions {
+    width: number;
+    height: number;
+    font?: string;
+    weight?: number | string;
+    style?: string;
+    /** Fraction of the box the text may fill (0..1). */
+    fit?: number;
+    /** Extra tracking in em. */
+    tracking?: number;
+    /** Vertical anchor of the text block centre, 0..1 of height. */
+    cy?: number;
+    /** Horizontal anchor of the text block centre, 0..1 of width. */
+    cx?: number;
+}
+/** Draw `text` as large as possible inside the box, white on transparent. */
+export declare function textCanvas(text: string, o: TextBoxOptions): HTMLCanvasElement;
+export declare function drawFittedText(g: CanvasRenderingContext2D, text: string, o: TextBoxOptions & {
+    color?: string;
+}): {
+    size: number;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+};
+/**
+ * Points sampled on a grid inside the glyphs, in the box's pixel coordinates.
+ * Returns a flat [x0, y0, x1, y1, ...] array.
+ */
+export declare function textPoints(text: string, o: TextBoxOptions & {
+    step: number;
+    jitter?: number;
+    random?: () => number;
+}): Float32Array<ArrayBuffer>;
+/** Signed distance field of an alpha mask, in pixels (negative inside). Rows are top-to-bottom. */
+export declare function sdfFromAlpha(alpha: Uint8ClampedArray | Uint8Array, w: number, h: number, stride?: number, offset?: number): Float32Array<ArrayBuffer>;
+/** Separable gaussian blur of a float field, in place. Smooths the pixel staircase out of rasterised outlines. */
+export declare function blurField(f: Float32Array, w: number, h: number, sigma?: number): Float32Array<ArrayBufferLike>;
+/**
+ * SDF of `text` fitted into a w×h box. Values are in pixels, negative inside the glyphs.
+ * Rows are flipped bottom-to-top so the result can be uploaded straight to a GL texture.
+ */
+export declare function textSDF(text: string, o: TextBoxOptions & {
+    smooth?: number;
+}): {
+    data: Float32Array<ArrayBuffer>;
+    width: number;
+    height: number;
+};

package/dist/core/types.d.ts

@@ -0,0 +1,170 @@
+/** How a scene is drawn. */
+export type Kind = "2d" | "3d";
+/** How a scene behaves over time. */
+export type Motion = "live" | "static" | "interactive" | "game";
+export type LayoutName = "center" | "split" | "bottom" | "bottom-left" | "left" | "right" | "top" | "none";
+export interface LostAction {
+    label: string;
+    href?: string;
+    onClick?: (e: MouseEvent) => void;
+    variant?: "primary" | "secondary";
+    /** Small leading/trailing glyph. */
+    icon?: "back" | "home" | "arrow" | "none";
+}
+/** The words on the page. Every field is optional and falls back to the scene / preset copy. */
+export interface LostCopy {
+    /** The big status code, usually "404". */
+    code?: string;
+    eyebrow?: string;
+    title?: string;
+    message?: string;
+    actions?: LostAction[];
+}
+export type Theme = Record<string, string>;
+export interface MountOptions<P = Record<string, unknown>> extends LostCopy {
+    /** Preset id from the scene's preset list. */
+    preset?: string;
+    /** Scene-specific parameters (colors, speeds, counts...). */
+    params?: Partial<P>;
+    /** CSS variable overrides without the `--lp-` prefix, e.g. `{ accent: "#ff4d00" }`. */
+    theme?: Theme;
+    /** Render the built-in text/buttons layer. Set false to bring your own content. */
+    overlay?: boolean;
+    /** "auto" follows prefers-reduced-motion; "reduce" draws a still frame; "full" always animates. */
+    motion?: "auto" | "reduce" | "full";
+    /** Pointer / keyboard interaction. */
+    interactive?: boolean;
+    /** CSS height of the component. Default `100dvh`. Use `100%` to fill a sized parent. */
+    height?: string;
+    /** Upper bound for devicePixelRatio. Default 2. */
+    maxDpr?: number;
+    /** Called instead of a full page load when an action with an href is clicked. */
+    onNavigate?: (href: string, e: MouseEvent) => void;
+    /** Seed for anything random in the scene. */
+    seed?: number;
+    /** Extra class on the root element. */
+    className?: string;
+}
+export interface Pointer {
+    /** CSS pixels relative to the component. */
+    x: number;
+    y: number;
+    /** Normalised -1..1, y up. */
+    nx: number;
+    ny: number;
+    /** Smoothed versions of nx/ny for gentle parallax. */
+    sx: number;
+    sy: number;
+    down: boolean;
+    inside: boolean;
+    /** True once the pointer has moved over the component at least once. */
+    engaged: boolean;
+}
+export interface CanvasOptions {
+    /** Stacking order inside the stage. */
+    z?: number;
+    /** Multiplier on the device pixel ratio (e.g. 0.5 for a cheap blurred layer). */
+    scale?: number;
+    /** Let the runtime lower resolution when frames get slow. */
+    adaptive?: boolean;
+}
+export interface SceneContext<P = Record<string, unknown>> {
+    root: HTMLElement;
+    stage: HTMLElement;
+    overlay: HTMLElement | null;
+    params: P;
+    copy: Required<Omit<LostCopy, "actions">> & {
+        actions: LostAction[];
+    };
+    preset: string;
+    width: number;
+    height: number;
+    dpr: number;
+    pointer: Pointer;
+    reducedMotion: boolean;
+    interactive: boolean;
+    /** Deterministic random in [0,1). */
+    random: () => number;
+    /** Creates a canvas that the runtime keeps sized to the component. */
+    canvas(opts?: CanvasOptions): HTMLCanvasElement;
+    /** Listen on the component root; removed automatically on destroy. */
+    on<K extends keyof HTMLElementEventMap>(type: K, fn: (e: HTMLElementEventMap[K]) => void, opts?: AddEventListenerOptions): void;
+    /** Listen on window; removed automatically on destroy. */
+    onWindow<K extends keyof WindowEventMap>(type: K, fn: (e: WindowEventMap[K]) => void, opts?: AddEventListenerOptions): void;
+    /** Ask for one more frame (useful for static scenes that react to input). */
+    invalidate(): void;
+    /** Whether the component is on screen and the tab is visible. */
+    visible(): boolean;
+    /** Follow a link the way the host app wants (its onNavigate handler, or a normal page load). */
+    navigate(href: string, e?: MouseEvent): void;
+    /** Read a CSS variable from the root (e.g. "accent" → --lp-accent). */
+    cssVar(name: string): string;
+}
+export interface SceneInstance {
+    /** Called every animation frame with elapsed seconds and the frame delta. */
+    frame?(t: number, dt: number): void;
+    resize?(width: number, height: number, dpr: number): void;
+    destroy?(): void;
+}
+export interface PresetDef<P> extends LostCopy {
+    name: string;
+    description?: string;
+    params?: Partial<P>;
+    theme?: Theme;
+}
+export interface SceneDef<P = any> {
+    id: string;
+    name: string;
+    description: string;
+    category: Category;
+    kind: Kind;
+    motion: Motion;
+    tags: string[];
+    /** Layout of the built-in text layer. */
+    layout: LayoutName;
+    /** Copy used when neither preset nor user overrides it. */
+    copy: LostCopy;
+    params: P;
+    theme?: Theme;
+    /** Name of the implicit default preset. */
+    presetName?: string;
+    presets?: Record<string, PresetDef<P>>;
+    /** Scene CSS. `&` is replaced by the scene's root selector. */
+    css?: string;
+    /** Time (seconds) used to draw the still frame under reduced motion. */
+    stillTime?: number;
+    /** Scene draws the status code itself; the overlay keeps it for screen readers only. */
+    codeInScene?: boolean;
+    setup(ctx: SceneContext<P>): SceneInstance | void;
+}
+export interface LostHandle {
+    readonly root: HTMLElement | null;
+    /** Resolves once the scene is loaded and drawing. */
+    readonly ready: Promise<void>;
+    update(opts: MountOptions): void;
+    pause(): void;
+    resume(): void;
+    destroy(): void;
+}
+export type Category = "Simple" | "Nature" | "Space" | "Ocean" | "Retro Tech" | "Typography" | "Abstract" | "Games" | "Paper & Print" | "Signs & Displays" | "Playful" | "Physics" | "Spooky" | "Urban";
+export interface CatalogPreset {
+    id: string;
+    name: string;
+    title: string;
+    background: string;
+}
+export interface CatalogEntry {
+    id: string;
+    name: string;
+    description: string;
+    category: Category;
+    kind: Kind;
+    motion: Motion;
+    tags: string[];
+    layout: LayoutName;
+    /** Default scene parameters. */
+    params: Record<string, unknown>;
+    /** Parameter overrides per preset id. */
+    presetParams: Record<string, Record<string, unknown>>;
+    presets: CatalogPreset[];
+}

package/dist/core/util.d.ts

@@ -0,0 +1,16 @@
+export declare const clamp: (x: number, a?: number, b?: number) => number;
+export declare const lerp: (a: number, b: number, t: number) => number;
+export declare const smoothstep: (a: number, b: number, x: number) => number;
+export declare const fract: (x: number) => number;
+export declare const TAU: number;
+/** Frame-rate independent exponential approach. */
+export declare const damp: (a: number, b: number, lambda: number, dt: number) => number;
+/** Small fast seeded PRNG (mulberry32). */
+export declare function rng(seed?: number): () => number;
+/** "#rrggbb" / "#rgb" / "rgb(a)" → [r,g,b] in 0..1 (linear-ish sRGB values, not converted). */
+export declare function rgb(input: string): [number, number, number];
+/** Same as rgb() but returns sRGB → linear for shader lighting. */
+export declare function linear(input: string): [number, number, number];
+export declare function mixColor(a: string, b: string, t: number): string;
+export declare function rgba(color: string, alpha: number): string;
+export declare const isBrowser: () => boolean;

package/dist/core.d.ts

@@ -0,0 +1,8 @@
+export { mount } from "./core/runtime";
+export { defineScene, resolve, presetIds, DEFAULT_COPY } from "./core/define";
+export { shaderScene } from "./core/shader";
+export * as gl from "./core/gl";
+export * as glsl from "./core/glsl";
+export * as text from "./core/text";
+export * as util from "./core/util";
+export type * from "./core/types";

package/dist/core.js

@@ -0,0 +1 @@
+import{mount}from"./chunks/chunk-URB3NNOB.js";import"./chunks/chunk-B2NBRLO2.js";import{shaderScene}from"./chunks/chunk-B4TY5M55.js";import{gl_exports,glsl_exports}from"./chunks/chunk-SH72TE6I.js";import{util_exports}from"./chunks/chunk-FVGCB66F.js";import{text_exports}from"./chunks/chunk-3ISI6SOJ.js";import{DEFAULT_COPY,defineScene,presetIds,resolve}from"./chunks/chunk-KIYSQVWX.js";import"./chunks/chunk-7XMDQMDO.js";export{DEFAULT_COPY,defineScene,gl_exports as gl,glsl_exports as glsl,mount,presetIds,resolve,shaderScene,text_exports as text,util_exports as util};

package/dist/element.cdn.js

@@ -0,0 +1 @@
+export * from "./cdn/element.js";

package/dist/element.d.ts

@@ -0,0 +1,21 @@
+/**
+ * `<lost-page scene="lost-at-sea" preset="storm" heading="Rough waters."></lost-page>`
+ *
+ * Works in plain HTML, Angular, Astro, Solid, Lit, Qwik… Child nodes become custom content above the scene.
+ */
+export declare class LostPageElement extends HTMLElement {
+    static observedAttributes: ("interactive" | "preset" | "params" | "theme" | "overlay" | "motion" | "height" | "seed" | "code" | "eyebrow" | "message" | "heading" | "scene" | "primary-label" | "primary-href" | "secondary-label" | "secondary-href")[];
+    private handle;
+    private sceneId;
+    private custom;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldV: string | null, newV: string | null): void;
+    private options;
+    private start;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "lost-page": LostPageElement;
+    }
+}

package/dist/element.js

@@ -0,0 +1 @@
+var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);import{mount}from"lostpage";var ATTRS=["scene","preset","code","eyebrow","heading","message","height","motion","theme","params","primary-label","primary-href","secondary-label","secondary-href","overlay","interactive","seed"],LostPageElement=class extends HTMLElement{constructor(){super(...arguments);__publicField(this,"handle",null);__publicField(this,"sceneId",null);__publicField(this,"custom",null)}connectedCallback(){var _a;this.style.display||(this.style.display="block"),(_a=this.style).position||(_a.position="relative"),!this.custom&&this.childNodes.length&&[...this.childNodes].some(n=>n.nodeType===1||n.textContent?.trim())&&(this.custom=document.createElement("div"),this.custom.className="lp-custom",this.custom.append(...this.childNodes),this.append(this.custom)),this.start()}disconnectedCallback(){this.handle?.destroy(),this.handle=null,this.sceneId=null}attributeChangedCallback(name,oldV,newV){!this.isConnected||oldV===newV||(name==="scene"?this.start():this.handle?.update(this.options()))}options(){let a=n=>this.getAttribute(n)??void 0,json=n=>{let v=a(n);if(v)try{return JSON.parse(v)}catch{console.warn(`[lostpage] <lost-page ${n}> must be JSON`);return}},o={};a("preset")&&(o.preset=a("preset")),a("code")&&(o.code=a("code")),a("eyebrow")!==void 0&&(o.eyebrow=a("eyebrow")),a("heading")&&(o.title=a("heading")),a("message")&&(o.message=a("message")),a("height")&&(o.height=a("height")),a("motion")&&(o.motion=a("motion")),a("seed")&&(o.seed=Number(a("seed"))),this.hasAttribute("interactive")&&(o.interactive=a("interactive")!=="false"),this.hasAttribute("overlay")&&(o.overlay=a("overlay")!=="false"),this.custom&&(o.overlay=!1);let theme=json("theme"),params=json("params");theme&&(o.theme=theme),params&&(o.params=params);let actions=[];return a("primary-label")&&actions.push({label:a("primary-label"),href:a("primary-href")??"/",variant:"primary"}),a("secondary-label")&&actions.push({label:a("secondary-label"),href:a("secondary-href")??"/",variant:"secondary"}),actions.length&&(o.actions=actions),o.onNavigate=(href,e)=>{let ev=new CustomEvent("lostpage:navigate",{detail:{href},cancelable:!0,bubbles:!0});this.dispatchEvent(ev)&&(e.target?.closest?location.assign(href):location.href=href)},o}start(){let id=this.getAttribute("scene");!id||id===this.sceneId||(this.handle?.destroy(),this.sceneId=id,this.handle=mount(this,id,this.options()))}};__publicField(LostPageElement,"observedAttributes",[...ATTRS]);typeof window<"u"&&!customElements.get("lost-page")&&customElements.define("lost-page",LostPageElement);export{LostPageElement};

package/dist/engines/arcade.d.ts

@@ -0,0 +1,25 @@
+import type { SceneContext } from "../core/types";
+export interface Input {
+    left: boolean;
+    right: boolean;
+    up: boolean;
+    down: boolean;
+    action: boolean;
+    /** Set when the visitor has taken control (key press, pointer, touch). */
+    playing: boolean;
+    /** Called once per frame by the game; returns true on the frame action was pressed. */
+    pressed(): boolean;
+    /** Last swipe direction on touch screens. */
+    swipe: "left" | "right" | "up" | "down" | null;
+}
+export declare function input(ctx: SceneContext<any>, opts?: {
+    pointerPlays?: boolean;
+}): Input;
+/** A boolean grid of the code text, `cols` wide. Row-major, true = filled. */
+export declare function codeBitmap(code: string, cols: number, rows: number, weight?: number | string): boolean[];
+export declare const PIXEL_FONT = "\"Press Start 2P\",\"Silkscreen\",\"VT323\",ui-monospace,SFMono-Regular,Menlo,monospace";
+export declare function hud(g: CanvasRenderingContext2D, text: string, x: number, y: number, size: number, color: string, align?: CanvasTextAlign): void;
+export declare function loadHigh(key: string): number;
+export declare function saveHigh(key: string, v: number): void;
+/** Shared CSS for game scenes: compact copy block under the playfield. */
+export declare const GAME_CSS = "& .lp-title{--lp-title-size:clamp(22px,2.6vw,34px)}\n& .lp-message{margin-top:8px}\n& .lp-actions{margin-top:16px}\n& .lp-eyebrow{font-family:var(--lp-font-mono);letter-spacing:.2em}";

package/dist/engines/text3d.d.ts

@@ -0,0 +1,37 @@
+import type { SceneContext, SceneInstance } from "../core/types";
+export type Text3DMaterial = "chrome" | "glass" | "clay" | "foil";
+export interface Text3DOptions {
+    material: Text3DMaterial;
+    /** Colours, all CSS strings. */
+    colors: {
+        a: string;
+        b: string;
+        c?: string;
+        bg0: string;
+        bg1: string;
+        light?: string;
+    };
+    depth?: number;
+    round?: number;
+    spin?: number;
+    float?: number;
+    font?: string;
+    weight?: number | string;
+    /** Gloss 0..1 for clay. */
+    gloss?: number;
+    /** Environment rotation speed for chrome/foil. */
+    envSpeed?: number;
+    /** Pillow-shaped inflation width (world units); 0 = hard extrusion. */
+    inflate?: number;
+    /** Strings under foil balloons. */
+    strings?: boolean;
+    /** Dispersion strength for glass. */
+    dispersion?: number;
+    /** Floor plane with soft shadows (clay/foil). */
+    floor?: boolean;
+    /** Fraction of screen width the text spans. */
+    scale?: number;
+    /** Vertical placement of the text centre, -0.5..0.5 of screen height. */
+    y?: number;
+}
+export declare function text3dScene(ctx: SceneContext<any>, o: Text3DOptions): SceneInstance;

package/dist/generated/all.d.ts

@@ -0,0 +1,2 @@
+import type { SceneDef } from "../core/types";
+export declare const scenes: Record<string, SceneDef>;

package/dist/generated/catalog.d.ts

@@ -0,0 +1,2 @@
+import type { CatalogEntry } from "../core/types";
+export declare const catalog: CatalogEntry[];

package/dist/generated/registry.d.ts

@@ -0,0 +1,5 @@
+import type { SceneDef } from "../core/types";
+export declare const loaders: Record<string, () => Promise<{
+    default: SceneDef;
+}>>;
+export declare const sceneIds: readonly ["ascii-3d", "astronaut", "aurora", "autumn", "balloon-404", "beach", "black-hole", "block-drop", "blue-screen", "breakout", "bricks", "broken-link", "brutalist", "bubble-wrap", "campfire", "card", "cassette", "chalkboard", "chrome-404", "circuit-board", "claw-machine", "clay-404", "constellation", "countdown", "cross-stitch", "deep-sea", "divider", "dna", "dominoes", "dot-grid", "editorial", "elevator", "emoji", "error-cascade", "evidence-board", "eyes", "fireworks", "flashlight", "flatline", "flock", "foggy-glass", "gears", "glass-404", "glitch", "gradient-404", "halftone", "hanging-letters", "hanging-sign", "helpful-links", "hyperspace", "hypnosis", "ink", "invaders", "kaleidoscope", "lava-lamp", "life", "lighthouse", "loading", "lost-at-sea", "magic-8-ball", "matrix-rain", "maze", "mesh-gradient", "metro-map", "milk-carton", "minimal", "mirage", "moon-landing", "neon-sign", "newspaper", "nixie", "no-signal", "one-bit", "outline-404", "paint-splash", "paper-plane", "particles", "path-not-found", "planet", "pond", "pong", "radar", "rainy-window", "receipt", "road-closed", "rpg-dialog", "runner", "scratch-card", "screensaver", "search-404", "server-default", "server-room", "skyline", "skywriting", "slot-machine", "snake", "snow-globe", "soft-blobs", "solar-system", "split-flap", "split-panel", "stage", "swiss-poster", "terminal", "thunderstorm", "topographic", "torn-page", "treasure-map", "typewriter", "ufo", "unplugged", "vending-machine", "vinyl", "voxel-404", "wormhole", "zen-garden"];

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import { type SceneSource } from "./core/runtime";
+import type { LostHandle, MountOptions, SceneDef } from "./core/types";
+import { sceneIds } from "./generated/registry";
+export type SceneId = (typeof sceneIds)[number];
+/** Load a scene definition by id (code-split; only the scene you use is downloaded). */
+export declare function loadScene(id: string): Promise<SceneDef>;
+/**
+ * Mount a 404 scene into an element.
+ *
+ * ```ts
+ * mount(document.body, "lost-at-sea", { preset: "storm", title: "Rough waters." });
+ * ```
+ */
+export declare function mount<P = Record<string, unknown>>(target: HTMLElement | string, scene: SceneId | (string & {}) | SceneSource<P>, options?: MountOptions<P>): LostHandle;
+export { sceneIds };
+export { defineScene, resolve, presetIds, DEFAULT_COPY } from "./core/define";
+export { shaderScene } from "./core/shader";
+export * as gl from "./core/gl";
+export * as glsl from "./core/glsl";
+export * as text from "./core/text";
+export * as util from "./core/util";
+export type * from "./core/types";
+export type { SceneSource } from "./core/runtime";

package/dist/index.js

@@ -0,0 +1 @@
+import{mount}from"./chunks/chunk-URB3NNOB.js";import"./chunks/chunk-B2NBRLO2.js";import{shaderScene}from"./chunks/chunk-B4TY5M55.js";import{gl_exports,glsl_exports}from"./chunks/chunk-SH72TE6I.js";import{util_exports}from"./chunks/chunk-FVGCB66F.js";import{text_exports}from"./chunks/chunk-3ISI6SOJ.js";import{DEFAULT_COPY,defineScene,presetIds,resolve}from"./chunks/chunk-KIYSQVWX.js";import"./chunks/chunk-7XMDQMDO.js";var loaders={"ascii-3d":()=>import("./scenes/ascii-3d.js"),astronaut:()=>import("./scenes/astronaut.js"),aurora:()=>import("./scenes/aurora.js"),autumn:()=>import("./scenes/autumn.js"),"balloon-404":()=>import("./scenes/balloon-404.js"),beach:()=>import("./scenes/beach.js"),"black-hole":()=>import("./scenes/black-hole.js"),"block-drop":()=>import("./scenes/block-drop.js"),"blue-screen":()=>import("./scenes/blue-screen.js"),breakout:()=>import("./scenes/breakout.js"),bricks:()=>import("./scenes/bricks.js"),"broken-link":()=>import("./scenes/broken-link.js"),brutalist:()=>import("./scenes/brutalist.js"),"bubble-wrap":()=>import("./scenes/bubble-wrap.js"),campfire:()=>import("./scenes/campfire.js"),card:()=>import("./scenes/card.js"),cassette:()=>import("./scenes/cassette.js"),chalkboard:()=>import("./scenes/chalkboard.js"),"chrome-404":()=>import("./scenes/chrome-404.js"),"circuit-board":()=>import("./scenes/circuit-board.js"),"claw-machine":()=>import("./scenes/claw-machine.js"),"clay-404":()=>import("./scenes/clay-404.js"),constellation:()=>import("./scenes/constellation.js"),countdown:()=>import("./scenes/countdown.js"),"cross-stitch":()=>import("./scenes/cross-stitch.js"),"deep-sea":()=>import("./scenes/deep-sea.js"),divider:()=>import("./scenes/divider.js"),dna:()=>import("./scenes/dna.js"),dominoes:()=>import("./scenes/dominoes.js"),"dot-grid":()=>import("./scenes/dot-grid.js"),editorial:()=>import("./scenes/editorial.js"),elevator:()=>import("./scenes/elevator.js"),emoji:()=>import("./scenes/emoji.js"),"error-cascade":()=>import("./scenes/error-cascade.js"),"evidence-board":()=>import("./scenes/evidence-board.js"),eyes:()=>import("./scenes/eyes.js"),fireworks:()=>import("./scenes/fireworks.js"),flashlight:()=>import("./scenes/flashlight.js"),flatline:()=>import("./scenes/flatline.js"),flock:()=>import("./scenes/flock.js"),"foggy-glass":()=>import("./scenes/foggy-glass.js"),gears:()=>import("./scenes/gears.js"),"glass-404":()=>import("./scenes/glass-404.js"),glitch:()=>import("./scenes/glitch.js"),"gradient-404":()=>import("./scenes/gradient-404.js"),halftone:()=>import("./scenes/halftone.js"),"hanging-letters":()=>import("./scenes/hanging-letters.js"),"hanging-sign":()=>import("./scenes/hanging-sign.js"),"helpful-links":()=>import("./scenes/helpful-links.js"),hyperspace:()=>import("./scenes/hyperspace.js"),hypnosis:()=>import("./scenes/hypnosis.js"),ink:()=>import("./scenes/ink.js"),invaders:()=>import("./scenes/invaders.js"),kaleidoscope:()=>import("./scenes/kaleidoscope.js"),"lava-lamp":()=>import("./scenes/lava-lamp.js"),life:()=>import("./scenes/life.js"),lighthouse:()=>import("./scenes/lighthouse.js"),loading:()=>import("./scenes/loading.js"),"lost-at-sea":()=>import("./scenes/lost-at-sea.js"),"magic-8-ball":()=>import("./scenes/magic-8-ball.js"),"matrix-rain":()=>import("./scenes/matrix-rain.js"),maze:()=>import("./scenes/maze.js"),"mesh-gradient":()=>import("./scenes/mesh-gradient.js"),"metro-map":()=>import("./scenes/metro-map.js"),"milk-carton":()=>import("./scenes/milk-carton.js"),minimal:()=>import("./scenes/minimal.js"),mirage:()=>import("./scenes/mirage.js"),"moon-landing":()=>import("./scenes/moon-landing.js"),"neon-sign":()=>import("./scenes/neon-sign.js"),newspaper:()=>import("./scenes/newspaper.js"),nixie:()=>import("./scenes/nixie.js"),"no-signal":()=>import("./scenes/no-signal.js"),"one-bit":()=>import("./scenes/one-bit.js"),"outline-404":()=>import("./scenes/outline-404.js"),"paint-splash":()=>import("./scenes/paint-splash.js"),"paper-plane":()=>import("./scenes/paper-plane.js"),particles:()=>import("./scenes/particles.js"),"path-not-found":()=>import("./scenes/path-not-found.js"),planet:()=>import("./scenes/planet.js"),pond:()=>import("./scenes/pond.js"),pong:()=>import("./scenes/pong.js"),radar:()=>import("./scenes/radar.js"),"rainy-window":()=>import("./scenes/rainy-window.js"),receipt:()=>import("./scenes/receipt.js"),"road-closed":()=>import("./scenes/road-closed.js"),"rpg-dialog":()=>import("./scenes/rpg-dialog.js"),runner:()=>import("./scenes/runner.js"),"scratch-card":()=>import("./scenes/scratch-card.js"),screensaver:()=>import("./scenes/screensaver.js"),"search-404":()=>import("./scenes/search-404.js"),"server-default":()=>import("./scenes/server-default.js"),"server-room":()=>import("./scenes/server-room.js"),skyline:()=>import("./scenes/skyline.js"),skywriting:()=>import("./scenes/skywriting.js"),"slot-machine":()=>import("./scenes/slot-machine.js"),snake:()=>import("./scenes/snake.js"),"snow-globe":()=>import("./scenes/snow-globe.js"),"soft-blobs":()=>import("./scenes/soft-blobs.js"),"solar-system":()=>import("./scenes/solar-system.js"),"split-flap":()=>import("./scenes/split-flap.js"),"split-panel":()=>import("./scenes/split-panel.js"),stage:()=>import("./scenes/stage.js"),"swiss-poster":()=>import("./scenes/swiss-poster.js"),terminal:()=>import("./scenes/terminal.js"),thunderstorm:()=>import("./scenes/thunderstorm.js"),topographic:()=>import("./scenes/topographic.js"),"torn-page":()=>import("./scenes/torn-page.js"),"treasure-map":()=>import("./scenes/treasure-map.js"),typewriter:()=>import("./scenes/typewriter.js"),ufo:()=>import("./scenes/ufo.js"),unplugged:()=>import("./scenes/unplugged.js"),"vending-machine":()=>import("./scenes/vending-machine.js"),vinyl:()=>import("./scenes/vinyl.js"),"voxel-404":()=>import("./scenes/voxel-404.js"),wormhole:()=>import("./scenes/wormhole.js"),"zen-garden":()=>import("./scenes/zen-garden.js")},sceneIds=["ascii-3d","astronaut","aurora","autumn","balloon-404","beach","black-hole","block-drop","blue-screen","breakout","bricks","broken-link","brutalist","bubble-wrap","campfire","card","cassette","chalkboard","chrome-404","circuit-board","claw-machine","clay-404","constellation","countdown","cross-stitch","deep-sea","divider","dna","dominoes","dot-grid","editorial","elevator","emoji","error-cascade","evidence-board","eyes","fireworks","flashlight","flatline","flock","foggy-glass","gears","glass-404","glitch","gradient-404","halftone","hanging-letters","hanging-sign","helpful-links","hyperspace","hypnosis","ink","invaders","kaleidoscope","lava-lamp","life","lighthouse","loading","lost-at-sea","magic-8-ball","matrix-rain","maze","mesh-gradient","metro-map","milk-carton","minimal","mirage","moon-landing","neon-sign","newspaper","nixie","no-signal","one-bit","outline-404","paint-splash","paper-plane","particles","path-not-found","planet","pond","pong","radar","rainy-window","receipt","road-closed","rpg-dialog","runner","scratch-card","screensaver","search-404","server-default","server-room","skyline","skywriting","slot-machine","snake","snow-globe","soft-blobs","solar-system","split-flap","split-panel","stage","swiss-poster","terminal","thunderstorm","topographic","torn-page","treasure-map","typewriter","ufo","unplugged","vending-machine","vinyl","voxel-404","wormhole","zen-garden"];async function loadScene(id){let load=loaders[id];if(!load)throw new Error(`[lostpage] unknown scene "${id}". Available: ${sceneIds.join(", ")}`);return(await load()).default}function mount2(target,scene,options){return mount(target,typeof scene=="string"?()=>loadScene(scene):scene,options)}export{DEFAULT_COPY,defineScene,gl_exports as gl,glsl_exports as glsl,loadScene,mount2 as mount,presetIds,resolve,sceneIds,shaderScene,text_exports as text,util_exports as util};