lostpage 0.0.0-stage → 0.2.0

package/dist/chunks/chunk-3ISI6SOJ.js

@@ -0,0 +1 @@
+import{__export}from"./chunk-7XMDQMDO.js";var text_exports={};__export(text_exports,{MONO:()=>MONO,SANS:()=>SANS,SERIF:()=>SERIF,blurField:()=>blurField,drawFittedText:()=>drawFittedText,sdfFromAlpha:()=>sdfFromAlpha,textCanvas:()=>textCanvas,textPoints:()=>textPoints,textSDF:()=>textSDF});var SANS='"Inter","SF Pro Display",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif',MONO='"JetBrains Mono","SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace',SERIF='"Fraunces","Playfair Display",ui-serif,Georgia,"Times New Roman",serif';function textCanvas(text,o){let c=document.createElement("canvas");c.width=Math.max(1,Math.round(o.width)),c.height=Math.max(1,Math.round(o.height));let g=c.getContext("2d");return drawFittedText(g,text,o),c}function drawFittedText(g,text,o){let fit=o.fit??.8,font=o.font??SANS,weight=o.weight??800,style=o.style??"normal",size=100;g.font=`${style} ${weight} ${size}px ${font}`;let tracking=o.tracking??-.02,measure=()=>{let m2=g.measureText(text),w=m2.width+tracking*size*(text.length-1),h=(m2.actualBoundingBoxAscent||size*.72)+(m2.actualBoundingBoxDescent||0);return{w,h,asc:m2.actualBoundingBoxAscent||size*.72,desc:m2.actualBoundingBoxDescent||0}},m=measure();size=Math.min(o.width*fit/m.w,o.height*fit/m.h)*100,g.font=`${style} ${weight} ${size}px ${font}`,m=measure();let cx=o.width*(o.cx??.5),cy=o.height*(o.cy??.5);g.fillStyle=o.color??"#fff",g.textBaseline="alphabetic";let baseY=cy+(m.asc-m.desc)/2;if(Math.abs(tracking)<1e-4)g.textAlign="center",g.fillText(text,cx,baseY);else{g.textAlign="left";let x=cx-m.w/2;for(let ch of text)g.fillText(ch,x,baseY),x+=g.measureText(ch).width+tracking*size}return{size,width:m.w,height:m.h,x:cx-m.w/2,y:baseY-m.asc}}function textPoints(text,o){let c=textCanvas(text,{...o,width:o.width*1,height:o.height*1}),g=c.getContext("2d"),{data,width,height}=g.getImageData(0,0,c.width,c.height),out=[],rnd=o.random??Math.random,j=o.jitter??0;for(let y=0;y<height;y+=o.step)for(let x=0;x<width;x+=o.step)data[(y*width+x)*4+3]>140&&out.push(x/1+(rnd()-.5)*j*o.step,y/1+(rnd()-.5)*j*o.step);return new Float32Array(out)}var INF=1e20;function edt1d(f,n,d,v,z){let k=0;v[0]=0,z[0]=-INF,z[1]=INF;for(let q=1;q<n;q++){let s=(f[q]+q*q-(f[v[k]]+v[k]*v[k]))/(2*q-2*v[k]);for(;s<=z[k];)k--,s=(f[q]+q*q-(f[v[k]]+v[k]*v[k]))/(2*q-2*v[k]);k++,v[k]=q,z[k]=s,z[k+1]=INF}k=0;for(let q=0;q<n;q++){for(;z[k+1]<q;)k++;d[q]=(q-v[k])*(q-v[k])+f[v[k]]}}function edt2d(grid,w,h){let n=Math.max(w,h),f=new Float64Array(n),d=new Float64Array(n),v=new Int32Array(n),z=new Float64Array(n+1);for(let x=0;x<w;x++){for(let y=0;y<h;y++)f[y]=grid[y*w+x];edt1d(f,h,d,v,z);for(let y=0;y<h;y++)grid[y*w+x]=d[y]}for(let y=0;y<h;y++){for(let x=0;x<w;x++)f[x]=grid[y*w+x];edt1d(f,w,d,v,z);for(let x=0;x<w;x++)grid[y*w+x]=d[x]}}function sdfFromAlpha(alpha,w,h,stride=4,offset=3){let outside=new Float64Array(w*h),inside=new Float64Array(w*h);for(let i=0;i<w*h;i++){let a=alpha[i*stride+offset]/255;if(a>=.999)outside[i]=0,inside[i]=INF;else if(a<=.001)outside[i]=INF,inside[i]=0;else{let dd=Math.max(0,.5-a),di=Math.max(0,a-.5);outside[i]=dd*dd,inside[i]=di*di}}edt2d(outside,w,h),edt2d(inside,w,h);let out=new Float32Array(w*h);for(let i=0;i<w*h;i++)out[i]=Math.sqrt(outside[i])-Math.sqrt(inside[i]);return out}function blurField(f,w,h,sigma=1.6){let r=Math.ceil(sigma*2.5),k=[],sum=0;for(let i=-r;i<=r;i++){let v=Math.exp(-(i*i)/(2*sigma*sigma));k.push(v),sum+=v}for(let i=0;i<k.length;i++)k[i]/=sum;let tmp=new Float32Array(f.length);for(let y=0;y<h;y++){let row=y*w;for(let x=0;x<w;x++){let acc=0;for(let i=-r;i<=r;i++)acc+=f[row+Math.min(w-1,Math.max(0,x+i))]*k[i+r];tmp[row+x]=acc}}for(let x=0;x<w;x++)for(let y=0;y<h;y++){let acc=0;for(let i=-r;i<=r;i++)acc+=tmp[Math.min(h-1,Math.max(0,y+i))*w+x]*k[i+r];f[y*w+x]=acc}return f}function textSDF(text,o){let c=textCanvas(text,o),img=c.getContext("2d").getImageData(0,0,c.width,c.height),sdf=sdfFromAlpha(img.data,c.width,c.height);(o.smooth??1.8)>0&&blurField(sdf,c.width,c.height,o.smooth??1.8);let flipped=new Float32Array(sdf.length);for(let y=0;y<c.height;y++)flipped.set(sdf.subarray(y*c.width,(y+1)*c.width),(c.height-1-y)*c.width);return{data:flipped,width:c.width,height:c.height}}export{SANS,MONO,SERIF,textCanvas,drawFittedText,textPoints,textSDF,text_exports};

package/dist/chunks/chunk-6HZC24J2.js

@@ -0,0 +1,296 @@
+import{HASH,NOISE,POST,dataTexture,getGL,pass}from"./chunk-SH72TE6I.js";import{linear}from"./chunk-FVGCB66F.js";import{SANS,textSDF}from"./chunk-3ISI6SOJ.js";var COMMON=`
+uniform sampler2D uSdf;
+uniform vec2 uHalf;      // half extents of the SDF box (world)
+uniform float uScale;    // sdf px -> world
+uniform float uInflate;
+uniform float uDepth, uRound, uSpin, uFloat, uGloss, uEnvSpeed, uStrings, uDisp, uFloor, uSize, uY;
+uniform vec3 uA, uB, uC, uBg0, uBg1, uLight;
+${HASH}
+${NOISE}
+${POST}
+
+mat3 rotY(float a){ float c = cos(a), s = sin(a); return mat3(c,0,-s, 0,1,0, s,0,c); }
+mat3 rotX(float a){ float c = cos(a), s = sin(a); return mat3(1,0,0, 0,c,s, 0,-s,c); }
+
+// Cubic B-spline filtering from 4 bilinear taps: C2-smooth distances, so normals don't kink at texel edges.
+float sdfBicubic(vec2 uv) {
+  vec2 size = vec2(textureSize(uSdf, 0));
+  vec2 st = uv * size - 0.5;
+  vec2 i = floor(st);
+  vec2 f = st - i;
+  vec2 f2 = f * f, f3 = f2 * f;
+  vec2 w0 = (1.0 - 3.0 * f + 3.0 * f2 - f3) / 6.0;
+  vec2 w1 = (4.0 - 6.0 * f2 + 3.0 * f3) / 6.0;
+  vec2 w2 = (1.0 + 3.0 * f + 3.0 * f2 - 3.0 * f3) / 6.0;
+  vec2 w3 = f3 / 6.0;
+  vec2 g0 = w0 + w1, g1 = w2 + w3;
+  vec2 h0 = (w1 / g0 - 1.0 + i + 0.5) / size;
+  vec2 h1 = (w3 / g1 + 1.0 + i + 0.5) / size;
+  float a = texture(uSdf, vec2(h0.x, h0.y)).r, b = texture(uSdf, vec2(h1.x, h0.y)).r;
+  float c = texture(uSdf, vec2(h0.x, h1.y)).r, d = texture(uSdf, vec2(h1.x, h1.y)).r;
+  return mix(mix(d, c, g0.x), mix(b, a, g0.x), g0.y);
+}
+
+float sdText2(vec2 p) {
+  vec2 uv = p / (2.0 * uHalf) + 0.5;
+  vec2 q = clamp(uv, 0.004, 0.996);
+  float d = sdfBicubic(q) * uScale;
+  return d + length((uv - q) * 2.0 * uHalf);
+}
+
+mat3 objRot;
+vec3 objOff;
+float floorY = -1.15;
+
+float mapText(vec3 p) {
+  p = objRot * (p - objOff);
+  if (uInflate > 0.0) {
+    // pillow: thickness grows with distance from the outline along a circular profile
+    float d2 = sdText2(p.xy);
+    float s = clamp(-d2 / uInflate, 0.0, 1.0);
+    float h = uDepth * sqrt(max(1.0 - (1.0 - s) * (1.0 - s), 0.0));
+    return max(d2, abs(p.z) - h) * 0.6;
+  }
+  float d2 = sdText2(p.xy) + uRound;
+  vec2 w = vec2(d2, abs(p.z) - uDepth);
+  return min(max(w.x, w.y), 0.0) + length(max(w, 0.0)) - uRound;
+}
+
+// which letter (0,1,2) a point belongs to, by x position in object space
+float letterId(vec3 p) {
+  vec3 q = objRot * (p - objOff);
+  return clamp(floor((q.x / (2.0 * uHalf.x) + 0.5) * 3.0), 0.0, 2.0);
+}
+vec3 letterColor(vec3 p) {
+  float id = letterId(p);
+  return id < 0.5 ? uA : id < 1.5 ? uB : uC;
+}
+
+float mapStrings(vec3 p) {
+  if (uStrings < 0.5) return 1e5;
+  vec3 q = objRot * (p - objOff);
+  float d = 1e5;
+  for (int i = 0; i < 3; i++) {
+    float x = (float(i) - 1.0) * uHalf.x * 0.62;
+    float sway = sin(uTime * 0.9 + float(i) * 1.7) * 0.08 * (-q.y - uHalf.y * 0.7);
+    vec3 a = vec3(x + sway, q.y, 0.0);
+    float inY = step(q.y, -uHalf.y * 0.55);
+    float dd = length(q.xz - a.xz) - 0.006;
+    d = min(d, mix(1e5, dd, inY));
+  }
+  return d;
+}
+
+float map(vec3 p) {
+  float d = mapText(p);
+  d = min(d, mapStrings(p));
+  if (uFloor > 0.5) d = min(d, p.y - floorY);
+  return d;
+}
+
+vec3 calcNormal(vec3 p) {
+  const vec2 k = vec2(1, -1);
+  float e = 0.003;
+  return normalize(k.xyy * map(p + k.xyy * e) + k.yyx * map(p + k.yyx * e) + k.yxy * map(p + k.yxy * e) + k.xxx * map(p + k.xxx * e));
+}
+
+float trace(vec3 ro, vec3 rd, float tmax) {
+  float t = 0.0;
+  for (int i = 0; i < 140; i++) {
+    float d = map(ro + rd * t);
+    if (d < 0.00012 * t + 0.0002) return t;
+    t += d * 0.85;
+    if (t > tmax) break;
+  }
+  return -1.0;
+}
+
+float softShadow(vec3 ro, vec3 rd) {
+  float res = 1.0, t = 0.02;
+  for (int i = 0; i < 40; i++) {
+    float h = mapText(ro + rd * t);
+    res = min(res, 10.0 * h / t);
+    t += clamp(h, 0.02, 0.25);
+    if (res < 0.002 || t > 6.0) break;
+  }
+  return clamp(res, 0.0, 1.0);
+}
+
+float ao(vec3 p, vec3 n) {
+  float occ = 0.0, s = 1.0;
+  for (int i = 1; i <= 5; i++) {
+    float h = 0.03 * float(i) * float(i);
+    occ += (h - map(p + n * h)) * s;
+    s *= 0.6;
+  }
+  return clamp(1.0 - 1.6 * occ, 0.0, 1.0);
+}
+
+// A photo-studio environment: dark floor, gradient walls, long softboxes and a ring light.
+vec3 studio(vec3 r) {
+  float a = uTime * uEnvSpeed;
+  r = rotY(a) * r;
+  vec3 c = mix(uBg1 * 0.6 + 0.04, uBg0 * 1.6 + 0.08, smoothstep(-0.25, 0.9, r.y));
+  c = mix(c, uBg1 * 0.15, smoothstep(-0.02, -0.35, r.y));
+  // broad gradient bands so curved surfaces always pick up something
+  c += uLight * 0.35 * smoothstep(0.6, 1.0, sin(atan(r.x, r.z) * 3.0 + 0.6) * 0.5 + 0.5) * smoothstep(-0.1, 0.4, r.y);
+  // horizon line
+  c += uLight * 0.9 * exp(-abs(r.y + 0.02) * 60.0);
+  // overhead strip softboxes
+  float strip1 = smoothstep(0.08, 0.06, abs(r.x - 0.35)) * smoothstep(0.35, 0.45, r.y);
+  float strip2 = smoothstep(0.05, 0.03, abs(r.x + 0.55)) * smoothstep(0.1, 0.25, r.y) * smoothstep(0.95, 0.75, r.y);
+  float box = smoothstep(0.02, 0.0, max(abs(r.z + 0.55) - 0.32, abs(r.y - 0.25) - 0.18)) * step(0.0, r.x);
+  float ring = smoothstep(0.03, 0.0, abs(length(r.xy - vec2(-0.2, 0.55)) - 0.22)) * step(0.0, -r.z);
+  c += uLight * (strip1 * 6.0 + strip2 * 4.0 + box * 3.0 + ring * 2.5);
+  // behind the camera: a big diffused panel split by a dark gap, so front faces read as polished metal
+  float fz = smoothstep(0.35, 0.95, r.z);
+  float diag = r.x * 0.8 + r.y * 0.6;
+  float panel = smoothstep(-0.05, 0.05, diag + 0.1) * smoothstep(0.75, 0.2, diag) + 0.55 * smoothstep(-0.3, -0.18, diag) * smoothstep(-0.05, -0.15, diag);
+  c += uLight * fz * panel * 1.1;
+  return c;
+}
+`,BG=`
+vec3 background(vec2 uv, vec2 fc) {
+  vec3 c = mix(uBg1, uBg0, smoothstep(-0.6, 0.6, uv.y));
+  return c;
+}
+`,GLASS_BG=`
+// moving colour fields behind the glass
+vec3 background(vec2 uv, vec2 fc) {
+  float t = uTime * 0.12;
+  vec3 c = mix(uBg1, uBg0, smoothstep(-0.7, 0.7, uv.y));
+  for (int i = 0; i < 4; i++) {
+    float fi = float(i);
+    vec2 cp = vec2(sin(t * (1.0 + fi * 0.3) + fi * 2.1) * 0.75, cos(t * (0.8 + fi * 0.2) + fi * 1.3) * 0.38);
+    vec3 col = fi < 0.5 ? uA : fi < 1.5 ? uB : fi < 2.5 ? uC : mix(uA, uB, 0.5);
+    c = mix(c, col, smoothstep(0.75, 0.0, length(uv - cp)) * 0.85);
+  }
+  // fine stripes make refraction readable
+  c *= 0.92 + 0.08 * smoothstep(0.3, 0.7, abs(fract(uv.x * 9.0 + uv.y * 3.0) - 0.5) * 2.0);
+  return c;
+}
+`,MAIN=material=>`
+void main() {
+  vec2 fc = gl_FragCoord.xy;
+  vec2 uv = (fc - 0.5 * uRes) / uRes.y;
+  float t = uTime;
+  float aspect = uRes.x / uRes.y;
+
+  // object motion: gentle sway, follows the pointer
+  float sway = sin(t * 0.45) * uSpin + uMouse.x * 0.45;
+  float tilt = sin(t * 0.33 + 1.0) * uSpin * 0.35 - uMouse.y * 0.25;
+  objRot = rotX(tilt) * rotY(sway);
+  // fit text width to the screen (and never taller than ~42% of it)
+  float fov = 1.8;
+  float dist = max(uHalf.x * 2.0 * fov / (uSize * min(aspect, 2.2)), uHalf.y * 2.0 * fov / 0.42);
+  objOff = vec3(0.0, sin(t * 0.8) * uFloat + uY * dist / fov, 0.0);
+  floorY = uY * dist / fov - uHalf.y - 0.45;
+  vec3 ro = vec3(0.0, 0.0, dist);
+  vec3 rd = normalize(vec3(uv, -fov));
+
+  vec3 col = background(uv, fc);
+  float tmax = dist + 8.0;
+  float th = trace(ro, rd, tmax);
+
+  if (th > 0.0) {
+    vec3 p = ro + rd * th;
+    vec3 n = calcNormal(p);
+    bool isFloor = uFloor > 0.5 && p.y < floorY + 0.02 && mapText(p) > 0.01;
+    vec3 L = normalize(vec3(0.55, 0.85, 0.6));
+    ${MATERIAL[material]}
+  }
+
+  col = aces(col * 1.0);
+  col = toSRGB(col);
+  col += grain(fc, t) * 0.012;
+  fragColor = vec4(col, 1.0);
+}
+`,MATERIAL={chrome:`
+    if (isFloor) {
+      vec3 r = reflect(rd, n);
+      float tr = trace(p + n * 0.01, r, 8.0);
+      vec3 rc = col * 0.6;
+      if (tr > 0.0) { vec3 q = p + n * 0.01 + r * tr; vec3 qn = calcNormal(q); rc = studio(reflect(r, qn)) * letterColor(q) * 0.7; }
+      float fr = 0.04 + 0.5 * pow(1.0 - max(dot(n, -rd), 0.0), 5.0);
+      col = mix(col * 0.8, rc, fr + 0.15) * smoothstep(9.0, 2.0, length(p.xz));
+    } else {
+      vec3 r = reflect(rd, n);
+      vec3 tint = letterColor(p);
+      vec3 rc = studio(r);
+      // one inter-reflection so the letters mirror each other
+      float tr = trace(p + n * 0.004, r, 6.0);
+      if (tr > 0.0) { vec3 q = p + n * 0.004 + r * tr; vec3 qn = calcNormal(q); rc = studio(reflect(r, qn)) * letterColor(q) * 0.85; }
+      float ndv = max(dot(n, -rd), 0.0);
+      vec3 F = tint + (1.0 - tint) * pow(1.0 - ndv, 5.0);
+      col = rc * F;
+      col += uLight * pow(max(dot(r, L), 0.0), 160.0) * 3.0;
+      col *= 0.65 + 0.35 * ao(p, n);
+    }`,glass:`
+    float ndv = max(dot(n, -rd), 0.0);
+    float fres = 0.04 + 0.96 * pow(1.0 - ndv, 5.0);
+    vec3 refl = studio(reflect(rd, n)) * 0.55;
+    vec3 acc = vec3(0.0);
+    for (int ch = 0; ch < 3; ch++) {
+      float ior = 1.45 + (float(ch) - 1.0) * 0.035 * uDisp;
+      vec3 rdi = refract(rd, n, 1.0 / ior);
+      // march through the inside to the back face
+      vec3 q = p - n * 0.003;
+      float s = 0.0;
+      for (int i = 0; i < 48; i++) {
+        float d = -mapText(q + rdi * s);
+        if (d < 0.0008) break;
+        s += max(d, 0.004);
+      }
+      vec3 qb = q + rdi * s;
+      vec3 nb = -calcNormal(qb);
+      vec3 rdo = refract(rdi, nb, ior);
+      if (dot(rdo, rdo) < 1e-4) rdo = reflect(rdi, nb);
+      vec2 suv = uv + rdo.xy * 0.22 + rdi.xy * s * 0.05;
+      vec3 b = background(suv, fc);
+      b *= exp(-s * (1.0 - letterColor(p)) * 0.9);
+      acc[ch] = b[ch];
+    }
+    col = mix(acc, refl, fres);
+    col += uLight * pow(max(dot(reflect(rd, n), L), 0.0), 220.0) * 2.5;
+    col += uLight * 0.25 * pow(1.0 - ndv, 3.0);`,clay:`
+    vec3 base = isFloor ? mix(uBg1, uBg0, 0.35) : letterColor(p);
+    float dif = clamp(dot(n, L) * 0.5 + 0.5, 0.0, 1.0);
+    dif *= dif;
+    float sh = softShadow(p + n * 0.01, L);
+    float occ = ao(p, n);
+    float rim = pow(1.0 - max(dot(n, -rd), 0.0), 3.0);
+    vec3 sky = mix(uBg1, uBg0, 0.7);
+    vec3 lit = base * (0.42 * sky * occ + 0.95 * uLight * dif * mix(0.35, 1.0, sh));
+    lit += base * rim * 0.35 * occ;
+    if (!isFloor) {
+      vec3 h = normalize(L - rd);
+      lit += uLight * pow(max(dot(n, h), 0.0), 60.0) * uGloss * sh * 0.9;
+      // subtle surface tooth
+      lit *= 0.97 + 0.03 * vnoise(p.xy * 90.0);
+    } else {
+      float fade = smoothstep(9.0, 1.5, length(p.xz));
+      lit = mix(col, lit, fade);
+    }
+    col = lit;`,foil:`
+    if (isFloor) {
+      float sh = softShadow(p + n * 0.01, L);
+      vec3 fl = mix(uBg1, uBg0, 0.3) * (0.55 + 0.45 * sh);
+      col = mix(col, fl, smoothstep(9.0, 1.5, length(p.xz)));
+    } else if (mapStrings(p) < mapText(p)) {
+      col = vec3(0.85) * (0.6 + 0.4 * dot(n, L));
+    } else {
+      vec3 q = objRot * (p - objOff);
+      // crinkles: low-amplitude noise on the normal
+      vec3 bump = vec3(vnoise(q.xy * 18.0) - 0.5, vnoise(q.yx * 18.0 + 3.0) - 0.5, 0.0) * 0.18;
+      vec3 nn = normalize(n + bump * (0.3 + 0.7 * smoothstep(0.0, 0.2, uDepth - abs(q.z))));
+      vec3 r = reflect(rd, nn);
+      vec3 tint = letterColor(p);
+      vec3 rc = studio(r);
+      float ndv = max(dot(nn, -rd), 0.0);
+      vec3 F = tint * 0.85 + (1.0 - tint * 0.85) * pow(1.0 - ndv, 4.0);
+      col = rc * F + tint * 0.08;
+      col += uLight * pow(max(dot(r, L), 0.0), 90.0) * 2.0;
+      // seam around the edge
+      float seam = smoothstep(0.012, 0.0, abs(q.z)) * 0.5;
+      col *= 1.0 - seam;
+    }`};function text3dScene(ctx,o){let canvas=ctx.canvas({adaptive:!0}),gl=getGL(canvas),prog=pass(gl,COMMON+(o.material==="glass"?GLASS_BG:BG)+MAIN(o.material)),code=ctx.copy.code||"404",tw=1024,th=400,sdf=textSDF(code,{width:tw,height:th,font:o.font??SANS,weight:o.weight??800,fit:.86,tracking:-.01}),tex=dataTexture(gl,sdf.data,sdf.width,sdf.height,1),halfX=2,scale=halfX*2/tw,halfY=th*scale/2,c=o.colors,u={uSdf:tex,uHalf:[halfX,halfY],uScale:scale,uDepth:o.depth??.22,uInflate:o.inflate??0,uRound:o.round??.04,uSpin:o.spin??.25,uFloat:o.float??.03,uGloss:o.gloss??.4,uEnvSpeed:o.envSpeed??.08,uStrings:o.strings?1:0,uDisp:o.dispersion??1,uFloor:o.floor?1:0,uSize:o.scale??.62,uY:o.y??.08,uA:linear(c.a),uB:linear(c.b),uC:linear(c.c??c.a),uBg0:linear(c.bg0),uBg1:linear(c.bg1),uLight:linear(c.light??"#ffffff")};return{frame(t){prog.draw({...u,uTime:t,uMouse:[ctx.pointer.sx,ctx.pointer.sy]})}}}export{text3dScene};

package/dist/chunks/chunk-7XMDQMDO.js

@@ -0,0 +1 @@
+var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})};export{__export};

package/dist/chunks/chunk-B2NBRLO2.js

@@ -0,0 +1 @@
+var ICONS={back:'<svg data-dir="back" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13 8H3M7 4 3 8l4 4"/></svg>',arrow:'<svg data-dir="arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 11 11 5M6 5h5v5"/></svg>',home:'<svg data-dir="home" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.5 7.5 8 3l5.5 4.5M4 6.5V13h8V6.5"/></svg>'};function el(tag,cls,text){let n=document.createElement(tag);return n.className=cls,text!==void 0&&(n.textContent=text),n}function buildAction(a,onNavigate){let variant=a.variant??"primary",node=a.href!==void 0?el("a",`lp-btn lp-btn--${variant}`):el("button",`lp-btn lp-btn--${variant}`);node instanceof HTMLAnchorElement?node.href=a.href:node.type="button";let icon=a.icon??(variant==="primary"?"back":"arrow"),label=el("span","lp-btn-label",a.label);if(icon!=="none"&&ICONS[icon]){let holder=document.createElement("span");holder.innerHTML=ICONS[icon];let svg=holder.firstChild;icon==="arrow"?node.append(label,svg):node.append(svg,label)}else node.append(label);return node.addEventListener("click",ev=>{let e=ev;a.onClick?.(e),!e.defaultPrevented&&a.href!==void 0&&onNavigate&&!(e.metaKey||e.ctrlKey||e.shiftKey||e.button===1)&&(e.preventDefault(),onNavigate(a.href,e))}),node}function buildOverlay(copy,layout,onNavigate){let overlay=el("div",`lp-overlay lp-layout-${layout} lp-fadein`),head=el("div","lp-head");if(copy.eyebrow&&head.append(el("p","lp-eyebrow",copy.eyebrow)),copy.code){let code=el("div","lp-code",copy.code);code.setAttribute("aria-hidden","true"),head.append(code)}let body=el("div","lp-body");if(copy.title){let h1=el("h1","lp-title");copy.code&&h1.append(el("span","lp-sr",`Error ${copy.code}: `)),h1.append(copy.title),body.append(h1)}if(copy.message&&body.append(el("p","lp-message",copy.message)),copy.actions?.length){let actions=el("div","lp-actions");for(let a of copy.actions)actions.append(buildAction(a,onNavigate));body.append(actions)}return overlay.append(head,body),overlay}export{buildAction,buildOverlay};

package/dist/chunks/chunk-B4TY5M55.js

@@ -0,0 +1 @@
+import{getGL,pass}from"./chunk-SH72TE6I.js";function shaderScene(ctx,o){let canvas=ctx.canvas({scale:o.scale??1,adaptive:o.adaptive??!0,z:o.z}),gl=getGL(canvas),p=pass(gl,o.frag);return o.init?.(gl,p),{gl,pass:p,frame(t,dt){p.draw({uTime:t,uMouse:[ctx.pointer.sx,ctx.pointer.sy],...o.uniforms?.(t,dt)??{}})}}}export{shaderScene};

package/dist/chunks/chunk-DAZOIOF7.js

@@ -0,0 +1 @@
+function canvas2d(ctx,o={}){let canvas=ctx.canvas({z:o.z,scale:o.scale}),g=canvas.getContext("2d",{alpha:o.alpha??!1}),c={canvas,g,get w(){return ctx.width},get h(){return ctx.height},reset(){let sx=canvas.width/Math.max(1,ctx.width),sy=canvas.height/Math.max(1,ctx.height);g.setTransform(sx,0,0,sy,0,0)}};return c.reset(),c}function glowSprite(color,size=64,hardness=.15){let c=document.createElement("canvas");c.width=c.height=size;let g=c.getContext("2d"),grd=g.createRadialGradient(size/2,size/2,0,size/2,size/2,size/2);return grd.addColorStop(0,color),grd.addColorStop(hardness,color),grd.addColorStop(1,"rgba(0,0,0,0)"),g.fillStyle=grd,g.fillRect(0,0,size,size),c}export{canvas2d,glowSprite};

package/dist/chunks/chunk-ES56TX4X.js

@@ -0,0 +1 @@
+import{buildAction}from"./chunk-B2NBRLO2.js";var esc=s=>s.replace(/[&<>"]/g,c=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"})[c]),path=()=>typeof location<"u"?location.pathname+location.search:"/missing-page";function actions(ctx,className="lp-actions"){let box=document.createElement("div");box.className=className;for(let a of ctx.copy.actions)box.append(buildAction(a,ctx.navigate));return box}function layer(ctx,className,html,vars={}){let el=document.createElement("div");el.className=className;for(let[k,v]of Object.entries(vars))el.style.setProperty(`--${k}`,String(v));return el.innerHTML=html,ctx.root.append(el),el}var sr=code=>`<span class="lp-sr">Error ${esc(code)}: </span>`;export{esc,path,actions,layer,sr};

package/dist/chunks/chunk-FVGCB66F.js

@@ -0,0 +1 @@
+import{__export}from"./chunk-7XMDQMDO.js";var util_exports={};__export(util_exports,{TAU:()=>TAU,clamp:()=>clamp,damp:()=>damp,fract:()=>fract,isBrowser:()=>isBrowser,lerp:()=>lerp,linear:()=>linear,mixColor:()=>mixColor,rgb:()=>rgb,rgba:()=>rgba,rng:()=>rng,smoothstep:()=>smoothstep});var clamp=(x,a=0,b=1)=>x<a?a:x>b?b:x,lerp=(a,b,t)=>a+(b-a)*t,smoothstep=(a,b,x)=>{let t=clamp((x-a)/(b-a));return t*t*(3-2*t)},fract=x=>x-Math.floor(x),TAU=Math.PI*2,damp=(a,b,lambda,dt)=>lerp(a,b,1-Math.exp(-lambda*dt));function rng(seed=1){let s=seed>>>0||1;return()=>{s=s+1831565813>>>0;let t=s;return t=Math.imul(t^t>>>15,t|1),t^=t+Math.imul(t^t>>>7,t|61),((t^t>>>14)>>>0)/4294967296}}function rgb(input){let s=input.trim();if(s.startsWith("#")){let h=s.slice(1);(h.length===3||h.length===4)&&(h=h.split("").map(c=>c+c).join(""));let n=parseInt(h.slice(0,6),16);return[(n>>16&255)/255,(n>>8&255)/255,(n&255)/255]}let m=s.match(/[\d.]+/g);return m&&m.length>=3?[+m[0]/255,+m[1]/255,+m[2]/255]:[1,1,1]}function linear(input){return rgb(input).map(c=>c<=.04045?c/12.92:Math.pow((c+.055)/1.055,2.4))}function mixColor(a,b,t){let ca=rgb(a),cb=rgb(b),c=ca.map((v,i)=>Math.round(lerp(v,cb[i],t)*255));return`rgb(${c[0]},${c[1]},${c[2]})`}function rgba(color,alpha){let[r,g,b]=rgb(color);return`rgba(${Math.round(r*255)},${Math.round(g*255)},${Math.round(b*255)},${alpha})`}var isBrowser=()=>typeof window<"u"&&typeof document<"u";export{clamp,damp,rng,rgb,linear,rgba,isBrowser,util_exports};

package/dist/chunks/chunk-KIYSQVWX.js

@@ -0,0 +1 @@
+function defineScene(def){return def}var DEFAULT_COPY={code:"404",eyebrow:"Error 404",title:"Page not found",message:"The page you were looking for doesn't exist or has moved.",actions:[{label:"Back to home",href:"/",variant:"primary",icon:"back"}]},COPY_KEYS=["code","eyebrow","title","message","actions"];function resolve(def,opts={}){let presetId=opts.preset&&def.presets?.[opts.preset]?opts.preset:"default",preset=presetId==="default"?void 0:def.presets[presetId],copy={...DEFAULT_COPY};for(let layer of[def.copy,preset,opts])if(layer)for(let k of COPY_KEYS){let v=layer[k];v!=null&&(copy[k]=v)}return{preset:presetId,params:{...def.params,...preset?.params??{},...opts.params??{}},copy,theme:{...def.theme??{},...preset?.theme??{},...opts.theme??{}}}}function presetIds(def){return["default",...Object.keys(def.presets??{})]}export{defineScene,DEFAULT_COPY,resolve,presetIds};

package/dist/chunks/chunk-MNUNTC4L.js

@@ -0,0 +1,4 @@
+import{SANS,textCanvas}from"./chunk-3ISI6SOJ.js";var KEYMAP={ArrowLeft:"left",KeyA:"left",ArrowRight:"right",KeyD:"right",ArrowUp:"up",KeyW:"up",ArrowDown:"down",KeyS:"down",Space:"action",Enter:"action"};function input(ctx,opts={}){let pressedFlag=!1,st={left:!1,right:!1,up:!1,down:!1,action:!1,playing:!1,swipe:null,pressed(){let p=pressedFlag;return pressedFlag=!1,p}},inEditable=()=>{let a=document.activeElement;return!!a&&(a.tagName==="INPUT"||a.tagName==="TEXTAREA"||a.isContentEditable)};ctx.onWindow("keydown",e=>{let k=KEYMAP[e.code];if(!k||!ctx.visible()||inEditable()||e.metaKey||e.ctrlKey)return;let r=ctx.root.getBoundingClientRect();r.top<innerHeight*.5&&r.bottom>innerHeight*.5&&e.preventDefault(),!st[k]&&k==="action"&&(pressedFlag=!0),!st[k]&&k==="up"&&(pressedFlag=!0),st[k]=!0,st.playing=!0}),ctx.onWindow("keyup",e=>{let k=KEYMAP[e.code];k&&(st[k]=!1)});let sx=0,sy=0;return ctx.on("pointerdown",e=>{e.target.closest("a,button")||(sx=e.clientX,sy=e.clientY,pressedFlag=!0,opts.pointerPlays!==!1&&(st.playing=!0))}),ctx.on("pointerup",e=>{let dx=e.clientX-sx,dy=e.clientY-sy;Math.hypot(dx,dy)>30&&(st.swipe=Math.abs(dx)>Math.abs(dy)?dx>0?"right":"left":dy>0?"down":"up")}),opts.pointerPlays&&ctx.on("pointermove",()=>st.playing=!0),st}function codeBitmap(code,cols,rows,weight=900){let d=textCanvas(code,{width:cols,height:rows,font:SANS,weight,fit:1}).getContext("2d").getImageData(0,0,cols,rows).data,out=[];for(let i=0;i<cols*rows;i++)out.push(d[i*4+3]>120);return out}var PIXEL_FONT='"Press Start 2P","Silkscreen","VT323",ui-monospace,SFMono-Regular,Menlo,monospace';function hud(g,text,x,y,size,color,align="left"){g.font=`700 ${size}px ${PIXEL_FONT}`,g.textAlign=align,g.textBaseline="top",g.fillStyle=color,g.fillText(text,x,y)}function loadHigh(key){try{return Number(localStorage.getItem(`lostpage:${key}`)||0)}catch{return 0}}function saveHigh(key,v){try{localStorage.setItem(`lostpage:${key}`,String(v))}catch{}}var GAME_CSS=`& .lp-title{--lp-title-size:clamp(22px,2.6vw,34px)}
+& .lp-message{margin-top:8px}
+& .lp-actions{margin-top:16px}
+& .lp-eyebrow{font-family:var(--lp-font-mono);letter-spacing:.2em}`;export{input,codeBitmap,PIXEL_FONT,hud,loadHigh,saveHigh,GAME_CSS};

package/dist/chunks/chunk-SH72TE6I.js

@@ -0,0 +1,75 @@
+import{__export}from"./chunk-7XMDQMDO.js";var glsl_exports={};__export(glsl_exports,{HASH:()=>HASH,NOISE:()=>NOISE,POST:()=>POST,SDF2:()=>SDF2,SIMPLEX:()=>SIMPLEX});var HASH=`
+float hash11(float p){ p = fract(p * .1031); p *= p + 33.33; p *= p + p; return fract(p); }
+float 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); }
+vec2 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); }
+vec3 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); }
+float hash13(vec3 p3){ p3 = fract(p3 * .1031); p3 += dot(p3, p3.zyx + 31.32); return fract((p3.x + p3.y) * p3.z); }
+`,NOISE=`
+float vnoise(vec2 p){
+  vec2 i = floor(p), f = fract(p);
+  vec2 u = f * f * (3.0 - 2.0 * f);
+  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);
+}
+float vnoise3(vec3 p){
+  vec3 i = floor(p), f = fract(p);
+  vec3 u = f * f * (3.0 - 2.0 * f);
+  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),
+             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);
+}
+float 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; }
+float 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; }
+`,SIMPLEX=`
+vec3 _sxp(vec3 x){ return mod(((x * 34.0) + 1.0) * x, 289.0); }
+float snoise(vec2 v){
+  const vec4 C = vec4(0.211324865405187, 0.366025403784439, -0.577350269189626, 0.024390243902439);
+  vec2 i = floor(v + dot(v, C.yy));
+  vec2 x0 = v - i + dot(i, C.xx);
+  vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);
+  vec4 x12 = x0.xyxy + C.xxzz; x12.xy -= i1;
+  i = mod(i, 289.0);
+  vec3 p = _sxp(_sxp(i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0));
+  vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy), dot(x12.zw, x12.zw)), 0.0);
+  m = m * m; m = m * m;
+  vec3 x = 2.0 * fract(p * C.www) - 1.0;
+  vec3 h = abs(x) - 0.5;
+  vec3 ox = floor(x + 0.5);
+  vec3 a0 = x - ox;
+  m *= 1.79284291400159 - 0.85373472095314 * (a0 * a0 + h * h);
+  vec3 g; g.x = a0.x * x0.x + h.x * x0.y; g.yz = a0.yz * x12.xz + h.yz * x12.yw;
+  return 130.0 * dot(m, g);
+}
+`,POST=`
+vec3 aces(vec3 x){ return clamp((x * (2.51 * x + 0.03)) / (x * (2.43 * x + 0.59) + 0.14), 0.0, 1.0); }
+vec3 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)); }
+vec3 toLinear(vec3 c){ return pow(max(c, vec3(1e-6)), vec3(2.2)); }
+float grain(vec2 fc, float t){ return fract(sin(dot(fc + fract(t) * 91.7, vec2(12.9898, 78.233))) * 43758.5453) - 0.5; }
+float vignette(vec2 uv, float k){ uv = uv * (1.0 - uv.yx); return pow(max(uv.x * uv.y * 16.0, 1e-5), k); }
+`,SDF2=`
+float sdBox(vec2 p, vec2 b){ vec2 d = abs(p) - b; return length(max(d, 0.0)) + min(max(d.x, d.y), 0.0); }
+float sdRoundBox(vec2 p, vec2 b, float r){ return sdBox(p, b - r) - r; }
+float 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); }
+float sdCircle(vec2 p, float r){ return length(p) - r; }
+float sdTrap(vec2 p, float r1, float r2, float he){
+  vec2 k1 = vec2(r2, he); vec2 k2 = vec2(r2 - r1, 2.0 * he);
+  p.x = abs(p.x);
+  vec2 ca = vec2(p.x - min(p.x, (p.y < 0.0) ? r1 : r2), abs(p.y) - he);
+  vec2 cb = p - k1 + k2 * clamp(dot(k1 - p, k2) / dot(k2, k2), 0.0, 1.0);
+  float s = (cb.x < 0.0 && ca.y < 0.0) ? -1.0 : 1.0;
+  return s * sqrt(min(dot(ca, ca), dot(cb, cb)));
+}
+mat2 rot(float a){ float c = cos(a), s = sin(a); return mat2(c, -s, s, c); }
+`;var gl_exports={};__export(gl_exports,{FS_PRELUDE:()=>FS_PRELUDE,FULLSCREEN_VS:()=>FULLSCREEN_VS,dataTexture:()=>dataTexture,getGL:()=>getGL,pass:()=>pass,program:()=>program,swapTargets:()=>swapTargets,target:()=>target,texture:()=>texture,updateTexture:()=>updateTexture});function getGL(canvas,attrs={}){let gl=canvas.getContext("webgl2",{alpha:!1,antialias:!1,depth:!1,stencil:!1,premultipliedAlpha:!0,powerPreference:"high-performance",preserveDrawingBuffer:!1,...attrs});if(!gl)throw new Error("WebGL2 unavailable");return canvas.__lpgl=gl,gl}var FULLSCREEN_VS=`#version 300 es
+in vec2 aPos;
+out vec2 vUv;
+void main(){ vUv = aPos * 0.5 + 0.5; gl_Position = vec4(aPos, 0.0, 1.0); }`,FS_PRELUDE=`#version 300 es
+precision highp float;
+precision highp int;
+in vec2 vUv;
+out vec4 fragColor;
+uniform vec2 uRes;
+uniform float uTime;
+uniform vec2 uMouse;
+`;function compileShader(gl,type,src){let sh=gl.createShader(type);if(gl.shaderSource(sh,src),gl.compileShader(sh),!gl.getShaderParameter(sh,gl.COMPILE_STATUS)){let log=gl.getShaderInfoLog(sh)??"",lines=src.split(`
+`),m=log.match(/ERROR: \d+:(\d+)/),at=m?+m[1]:0,excerpt=at?lines.slice(Math.max(0,at-3),at+2).map((l,i)=>`${at-2+i}: ${l}`).join(`
+`):"";throw gl.deleteShader(sh),new Error(`[lostpage] shader compile failed: ${log}
+${excerpt}`)}return sh}function program(gl,vs,fs){let p=gl.createProgram();if(gl.attachShader(p,compileShader(gl,gl.VERTEX_SHADER,vs)),gl.attachShader(p,compileShader(gl,gl.FRAGMENT_SHADER,fs)),gl.bindAttribLocation(p,0,"aPos"),gl.linkProgram(p),!gl.getProgramParameter(p,gl.LINK_STATUS))throw new Error(`[lostpage] link failed: ${gl.getProgramInfoLog(p)}`);return p}var triangles=new WeakMap;function fullscreenVAO(gl){let vao=triangles.get(gl);if(vao)return vao;vao=gl.createVertexArray(),gl.bindVertexArray(vao);let buf=gl.createBuffer();return gl.bindBuffer(gl.ARRAY_BUFFER,buf),gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,3,-1,-1,3]),gl.STATIC_DRAW),gl.enableVertexAttribArray(0),gl.vertexAttribPointer(0,2,gl.FLOAT,!1,0,0),gl.bindVertexArray(null),triangles.set(gl,vao),vao}function target(gl,w,h,o={}){o.float&&gl.getExtension("EXT_color_buffer_float"),o.float&&gl.getExtension("OES_texture_float_linear");let tex=gl.createTexture(),fbo=gl.createFramebuffer(),filter=o.filter==="nearest"?gl.NEAREST:gl.LINEAR,wrap=o.wrap==="repeat"?gl.REPEAT:gl.CLAMP_TO_EDGE,ch=o.channels??4,half=o.half??!0,fmt=ch===1?gl.RED:ch===2?gl.RG:gl.RGBA,internal=o.float?half?ch===1?gl.R16F:ch===2?gl.RG16F:gl.RGBA16F:ch===1?gl.R32F:ch===2?gl.RG32F:gl.RGBA32F:ch===1?gl.R8:ch===2?gl.RG8:gl.RGBA8,type=o.float?half?gl.HALF_FLOAT:gl.FLOAT:gl.UNSIGNED_BYTE,t={fbo,tex,width:0,height:0,resize(nw,nh){nw=Math.max(1,Math.round(nw)),nh=Math.max(1,Math.round(nh)),!(nw===t.width&&nh===t.height)&&(t.width=nw,t.height=nh,gl.bindTexture(gl.TEXTURE_2D,tex),gl.texImage2D(gl.TEXTURE_2D,0,internal,nw,nh,0,fmt,type,null),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,filter),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,filter),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,wrap),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,wrap),gl.bindFramebuffer(gl.FRAMEBUFFER,fbo),gl.framebufferTexture2D(gl.FRAMEBUFFER,gl.COLOR_ATTACHMENT0,gl.TEXTURE_2D,tex,0),gl.viewport(0,0,nw,nh),gl.clearColor(0,0,0,0),gl.clear(gl.COLOR_BUFFER_BIT),gl.bindFramebuffer(gl.FRAMEBUFFER,null))}};return t.resize(w,h),t}function swapTargets(gl,w,h,o={}){let pair={read:target(gl,w,h,o),write:target(gl,w,h,o),swap(){let r=pair.read;pair.read=pair.write,pair.write=r},resize(nw,nh){pair.read.resize(nw,nh),pair.write.resize(nw,nh)}};return pair}function texture(gl,source,o={}){let tex=gl.createTexture();return updateTexture(gl,tex,source,o),tex}function updateTexture(gl,tex,source,o={}){gl.bindTexture(gl.TEXTURE_2D,tex),gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL,o.flipY??!0),gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!1),source?gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,gl.RGBA,gl.UNSIGNED_BYTE,source):gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,1,1,0,gl.RGBA,gl.UNSIGNED_BYTE,new Uint8Array([0,0,0,255]));let f=o.filter??"linear";gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,f==="nearest"?gl.NEAREST:f==="mipmap"?gl.LINEAR_MIPMAP_LINEAR:gl.LINEAR),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,f==="nearest"?gl.NEAREST:gl.LINEAR);let w=o.wrap==="repeat"?gl.REPEAT:gl.CLAMP_TO_EDGE;gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,w),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,w),f==="mipmap"&&source&&gl.generateMipmap(gl.TEXTURE_2D),gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL,!1)}function dataTexture(gl,data,w,h,channels=1,filter="linear"){let tex=gl.createTexture();gl.bindTexture(gl.TEXTURE_2D,tex),gl.pixelStorei(gl.UNPACK_ALIGNMENT,1),channels===1?gl.texImage2D(gl.TEXTURE_2D,0,gl.R16F,w,h,0,gl.RED,gl.FLOAT,data):gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA16F,w,h,0,gl.RGBA,gl.FLOAT,data);let f=filter==="linear"?gl.LINEAR:gl.NEAREST;return gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,f),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,f),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE),gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE),tex}function pass(gl,fs,vs=FULLSCREEN_VS){let src=fs.trimStart().startsWith("#version")?fs:FS_PRELUDE+fs,prog=program(gl,vs,src),vao=fullscreenVAO(gl),info=new Map,n=gl.getProgramParameter(prog,gl.ACTIVE_UNIFORMS),unit=0;for(let i=0;i<n;i++){let u=gl.getActiveUniform(prog,i),name=u.name.replace(/\[0\]$/,""),loc=gl.getUniformLocation(prog,u.name),isSampler=u.type===gl.SAMPLER_2D||u.type===gl.SAMPLER_3D||u.type===gl.SAMPLER_CUBE;info.set(name,{loc,type:u.type,unit:isSampler?unit++:-1})}function set(name,v){let u=info.get(name);if(!(!u||v===null||v===void 0))switch(u.type){case gl.FLOAT:return gl.uniform1f(u.loc,Number(v));case gl.INT:case gl.BOOL:return gl.uniform1i(u.loc,Number(v));case gl.FLOAT_VEC2:return gl.uniform2fv(u.loc,v);case gl.FLOAT_VEC3:return gl.uniform3fv(u.loc,v);case gl.FLOAT_VEC4:return gl.uniform4fv(u.loc,v);case gl.FLOAT_MAT3:return gl.uniformMatrix3fv(u.loc,!1,v);case gl.FLOAT_MAT4:return gl.uniformMatrix4fv(u.loc,!1,v);case gl.SAMPLER_2D:{gl.activeTexture(gl.TEXTURE0+u.unit);let tex=v.tex??v;return gl.bindTexture(gl.TEXTURE_2D,tex),gl.uniform1i(u.loc,u.unit)}}}return{program:prog,draw(uniforms={},to=null){gl.useProgram(prog);for(let k in uniforms)set(k,uniforms[k]);to?(gl.bindFramebuffer(gl.FRAMEBUFFER,to.fbo),gl.viewport(0,0,to.width,to.height),set("uRes",[to.width,to.height])):(gl.bindFramebuffer(gl.FRAMEBUFFER,null),gl.viewport(0,0,gl.drawingBufferWidth,gl.drawingBufferHeight),"uRes"in uniforms||set("uRes",[gl.drawingBufferWidth,gl.drawingBufferHeight])),gl.bindVertexArray(vao),gl.drawArrays(gl.TRIANGLES,0,3),gl.bindVertexArray(null)}}}export{HASH,NOISE,POST,glsl_exports,getGL,target,swapTargets,texture,updateTexture,dataTexture,pass,gl_exports};

package/dist/chunks/chunk-URB3NNOB.js

@@ -0,0 +1,70 @@
+import{buildOverlay}from"./chunk-B2NBRLO2.js";import{clamp,damp,isBrowser,rng}from"./chunk-FVGCB66F.js";import{resolve}from"./chunk-KIYSQVWX.js";var BASE_CSS=`
+.lp-root{
+  --lp-bg:#0b0d12;--lp-fg:#f5f6f8;--lp-muted:color-mix(in srgb,var(--lp-fg) 64%,transparent);
+  --lp-accent:var(--lp-fg);--lp-accent-fg:var(--lp-bg);
+  --lp-font:"Inter","Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
+  --lp-font-display:var(--lp-font);
+  --lp-font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
+  --lp-font-serif:"Fraunces","Playfair Display",ui-serif,Georgia,"Times New Roman",serif;
+  --lp-code-color:color-mix(in srgb,var(--lp-fg) 22%,transparent);
+  --lp-code-size:clamp(64px,23cqw,300px);--lp-code-weight:500;
+  --lp-title-size:clamp(22px,4.6cqw,58px);--lp-title-weight:500;
+  --lp-radius:999px;--lp-pad:clamp(14px,5cqw,72px);
+  position:relative;box-sizing:border-box;overflow:hidden;width:100%;
+  height:var(--lp-height,100vh);height:var(--lp-height,100dvh);
+  background:var(--lp-bg);color:var(--lp-fg);font-family:var(--lp-font);
+  isolation:isolate;container-type:size;container-name:lp;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
+  text-rendering:optimizeLegibility;touch-action:manipulation;
+}
+.lp-root *,.lp-root *::before,.lp-root *::after{box-sizing:border-box}
+.lp-root [hidden]{display:none!important}
+.lp-stage{position:absolute;inset:0;z-index:0;overflow:hidden}
+.lp-stage>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
+.lp-custom{position:absolute;inset:0;z-index:3}
+.lp-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;
+  justify-content:center;gap:clamp(12px,3cqh,32px);padding:var(--lp-pad) max(16px,var(--lp-pad));pointer-events:none}
+.lp-overlay a,.lp-overlay button,.lp-overlay [data-lp-interactive]{pointer-events:auto}
+.lp-head,.lp-body{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%}
+.lp-eyebrow{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--lp-muted)}
+.lp-code{margin:0;font-family:var(--lp-font-display);font-weight:var(--lp-code-weight);font-size:var(--lp-code-size);
+  line-height:.86;letter-spacing:-.045em;color:var(--lp-code-color);user-select:none;white-space:nowrap}
+.lp-title{margin:0;font-family:var(--lp-font-display);font-size:var(--lp-title-size);font-weight:var(--lp-title-weight);
+  letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
+.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}
+.lp-actions{margin-top:clamp(20px,3.2cqh,32px);display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;justify-content:center}
+.lp-btn{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;
+  text-decoration:none;cursor:pointer;border:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,color .25s,box-shadow .25s}
+.lp-btn--primary{padding:13px 22px;border-radius:var(--lp-radius);background:var(--lp-accent);color:var(--lp-accent-fg)}
+.lp-btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--lp-accent) 60%,transparent)}
+.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}
+.lp-btn--secondary:hover{border-bottom-color:var(--lp-fg)}
+.lp-btn svg{width:14px;height:14px;flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
+.lp-btn:hover svg[data-dir=back]{transform:translateX(-3px)}
+.lp-btn:hover svg[data-dir=arrow]{transform:translate(2px,-2px)}
+.lp-btn:focus-visible{outline:2px solid var(--lp-accent);outline-offset:3px}
+.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}
+
+.lp-layout-split{justify-content:space-between}
+.lp-layout-split .lp-head{padding-top:clamp(8px,4cqh,48px)}
+.lp-layout-split .lp-body{padding-bottom:clamp(8px,3cqh,40px)}
+.lp-layout-bottom{justify-content:flex-end}
+.lp-layout-top{justify-content:flex-start}
+.lp-layout-bottom-left{justify-content:flex-end;align-items:flex-start}
+.lp-layout-bottom-left .lp-head,.lp-layout-bottom-left .lp-body,
+.lp-layout-left .lp-head,.lp-layout-left .lp-body{align-items:flex-start;text-align:left}
+.lp-layout-bottom-left .lp-actions,.lp-layout-left .lp-actions{justify-content:flex-start}
+.lp-layout-left{align-items:flex-start;padding-left:max(16px,calc(var(--lp-pad) * 1.4))}
+.lp-layout-right{align-items:flex-end}
+.lp-layout-right .lp-head,.lp-layout-right .lp-body{align-items:flex-end;text-align:right}
+.lp-layout-right .lp-actions{justify-content:flex-end}
+.lp-layout-none .lp-head,.lp-layout-none .lp-body{display:none}
+.lp-code-hidden .lp-code{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
+
+.lp-fadein .lp-head,.lp-fadein .lp-body{animation:lp-rise 1.1s cubic-bezier(.2,.8,.2,1) both}
+.lp-fadein .lp-body{animation-delay:.18s}
+@keyframes lp-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
+@container (max-width:640px){.lp-layout-left,.lp-layout-right{align-items:center}
+  .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}
+  .lp-layout-left .lp-actions,.lp-layout-right .lp-actions{justify-content:center}}
+@media (prefers-reduced-motion:reduce){.lp-fadein .lp-head,.lp-fadein .lp-body{animation:none}.lp-btn,.lp-btn svg{transition:none}}
+`,injected=new Set;function inject(key,css){if(typeof document>"u"||injected.has(key))return;if(document.querySelector(`style[data-lostpage="${key}"]`)){injected.add(key);return}let el=document.createElement("style");el.setAttribute("data-lostpage",key),el.textContent=css,document.head.appendChild(el),injected.add(key)}function injectBase(){inject("base",BASE_CSS)}function injectScene(id,css){css&&inject(`scene:${id}`,css.replace(/&/g,`.lp-s-${id}`))}function mount(target,scene,options={}){let current=null,destroyed=!1,paused=!1,opts=options,def=typeof scene=="object"?scene:null,host=typeof target=="string"?isBrowser()?document.querySelector(target):null:target,start=()=>{destroyed||!def||!host||(current?.destroy(),current=createInstance(host,def,opts),paused&&current.pause())},ready=(async()=>{if(!(!isBrowser()||!host)){if(!def){if(typeof scene=="string")throw new Error(`[lostpage] "lostpage/core" can't load "${scene}" by id. Import mount from "lostpage", or pass the scene object from "lostpage/scenes/${scene}".`);def=await scene()}start()}})();return ready.catch(e=>console.error(e)),{get root(){return current?.root??null},ready,update(next){let prev=opts;if(opts={...opts,...next},!current)return;["preset","params","motion","interactive","seed","maxDpr","overlay"].some(k=>k in next&&JSON.stringify(next[k])!==JSON.stringify(prev[k]))?start():current.refreshCopy(opts)},pause(){paused=!0,current?.pause()},resume(){paused=!1,current?.resume()},destroy(){destroyed=!0,current?.destroy(),current=null}}}function createInstance(host,def,opts){injectBase(),injectScene(def.id,def.css);let r=resolve(def,opts),root=document.createElement("div");root.className=`lp-root lp-s-${def.id} lp-p-${r.preset}${def.codeInScene?" lp-code-hidden":""}${opts.className?" "+opts.className:""}`,root.setAttribute("data-lostpage",def.id),opts.height&&root.style.setProperty("--lp-height",opts.height);let applyTheme=theme=>{for(let[k,v]of Object.entries(theme))root.style.setProperty(k.startsWith("--")?k:`--lp-${k}`,v)};applyTheme(r.theme);let stage=document.createElement("div");stage.className="lp-stage",stage.setAttribute("aria-hidden","true"),root.append(stage);let overlay=null;opts.overlay!==!1&&(overlay=buildOverlay(r.copy,def.layout,opts.onNavigate),root.append(overlay)),host.append(root);let reduceQuery=window.matchMedia?.("(prefers-reduced-motion: reduce)"),reducedMotion=opts.motion==="reduce"||opts.motion!=="full"&&!!reduceQuery?.matches,interactive=opts.interactive!==!1,maxDpr=opts.maxDpr??2,motionless=def.motion==="static"||reducedMotion&&def.motion!=="game",pointer={x:0,y:0,nx:0,ny:0,sx:0,sy:0,down:!1,inside:!1,engaged:!1},canvases=[],cleanups=[],width=0,height=0,dpr=1,quality=1,inView=!0,pageVisible=!document.hidden,pausedByUser=!1,raf=0,last=0,t=0,needsFrame=!0,instance={},failed=!1,ctx={root,stage,overlay,params:r.params,copy:r.copy,preset:r.preset,get width(){return width},get height(){return height},get dpr(){return dpr*quality},pointer,reducedMotion,interactive,random:rng(opts.seed??1337),canvas(o={}){let el=document.createElement("canvas");el.style.zIndex=String(o.z??0),stage.append(el);let mc={el,scale:o.scale??1,adaptive:!!o.adaptive};return canvases.push(mc),sizeCanvas(mc),el},on(type,fn,o){root.addEventListener(type,fn,o),cleanups.push(()=>root.removeEventListener(type,fn,o))},onWindow(type,fn,o){window.addEventListener(type,fn,o),cleanups.push(()=>window.removeEventListener(type,fn,o))},invalidate(){needsFrame=!0,!raf&&!failed&&schedule()},visible:()=>inView&&pageVisible,navigate(href,e){opts.onNavigate?opts.onNavigate(href,e??new MouseEvent("click")):location.assign(href)},cssVar:name=>getComputedStyle(root).getPropertyValue(name.startsWith("--")?name:`--lp-${name}`).trim()};function sizeCanvas(mc){let s=dpr*mc.scale*(mc.adaptive?quality:1),w=Math.max(1,Math.round(width*s)),h=Math.max(1,Math.round(height*s));(mc.el.width!==w||mc.el.height!==h)&&(mc.el.width=w,mc.el.height=h)}function measure(){let rect2=root.getBoundingClientRect();width=Math.max(1,Math.round(rect2.width)),height=Math.max(1,Math.round(rect2.height)),dpr=Math.min(window.devicePixelRatio||1,maxDpr);for(let mc of canvases)sizeCanvas(mc);try{instance.resize?.(width,height,dpr)}catch(e){fail(e)}ctx.invalidate()}if(interactive){let setPos=e=>{let rect2=root.getBoundingClientRect();pointer.x=e.clientX-rect2.left,pointer.y=e.clientY-rect2.top,pointer.nx=clamp(pointer.x/rect2.width*2-1,-1,1),pointer.ny=clamp(1-pointer.y/rect2.height*2,-1,1),pointer.engaged=!0};ctx.on("pointermove",e=>{setPos(e),pointer.inside=!0,motionless&&ctx.invalidate()}),ctx.on("pointerdown",e=>{setPos(e),pointer.down=!0,motionless&&ctx.invalidate()}),ctx.onWindow("pointerup",()=>{pointer.down=!1}),ctx.on("pointerleave",()=>{pointer.inside=!1})}function frame(now){if(raf=0,failed)return;let dt=last?Math.min((now-last)/1e3,1/20):1/60;last=now,pointer.sx=damp(pointer.sx,pointer.nx,3,dt),pointer.sy=damp(pointer.sy,pointer.ny,3,dt),motionless?(t=def.stillTime??4,pointer.sx=pointer.nx,pointer.sy=pointer.ny):t+=dt;try{instance.frame?.(t,motionless?0:dt)}catch(e){fail(e);return}motionless||govern(dt),needsFrame=!1,motionless||schedule()}function schedule(){raf||failed||pausedByUser||!(inView&&pageVisible)||motionless&&!needsFrame||(raf=requestAnimationFrame(frame))}let acc=0,frames=0,warmup=1.5;function govern(dt){if(!canvases.some(c=>c.adaptive))return;if(warmup>0){warmup-=dt;return}if(acc+=dt,frames++,acc<1)return;let avg=acc/frames;acc=0,frames=0;let next=quality;if(avg>1/45?next=Math.max(.5,quality*.85):avg<1/58&&quality<1&&(next=Math.min(1,quality*1.08)),Math.abs(next-quality)>.01){quality=next;for(let mc of canvases)mc.adaptive&&sizeCanvas(mc);instance.resize?.(width,height,dpr)}}function fail(e){failed=!0,raf&&cancelAnimationFrame(raf),raf=0,root.classList.add("lp-fallback");for(let mc of canvases)mc.el.style.display="none";console.warn(`[lostpage] scene "${def.id}" could not render, showing text only.`,e)}let io=new IntersectionObserver(entries=>{inView=entries[entries.length-1].isIntersecting,inView&&(last=0,schedule())});io.observe(root);let onVis=()=>{pageVisible=!document.hidden,pageVisible&&(last=0,schedule())};document.addEventListener("visibilitychange",onVis);let ro=new ResizeObserver(()=>measure());ro.observe(root);let rect=root.getBoundingClientRect();width=Math.max(1,Math.round(rect.width)),height=Math.max(1,Math.round(rect.height)),dpr=Math.min(window.devicePixelRatio||1,maxDpr);try{instance=def.setup(ctx)||{},instance.resize?.(width,height,dpr)}catch(e){fail(e)}return schedule(),{root,pause(){pausedByUser=!0,raf&&cancelAnimationFrame(raf),raf=0},resume(){pausedByUser=!1,last=0,schedule()},refreshCopy(next){let nr=resolve(def,next);if(applyTheme(nr.theme),overlay){let fresh=buildOverlay(nr.copy,def.layout,next.onNavigate);fresh.classList.remove("lp-fadein"),overlay.replaceWith(fresh),overlay=fresh,ctx.overlay=fresh}Object.assign(ctx.copy,nr.copy)},destroy(){raf&&cancelAnimationFrame(raf),raf=0,failed=!0,io.disconnect(),ro.disconnect(),document.removeEventListener("visibilitychange",onVis);for(let c of cleanups)c();try{instance.destroy?.()}catch{}for(let mc of canvases)mc.el.__lpgl?.getExtension("WEBGL_lose_context")?.loseContext();root.remove()}}}export{mount};