@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/commonjs/ui/backgrounds/variants/deepField.js

@@ -1,381 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeepFieldTunable = exports.DeepField = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _absoluteFill = require("../../../utils/absoluteFill.js");
-var _primitives = require("../primitives.js");
-var _rng = require("../rng.js");
-var _meteors = require("./meteors.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Deep Field — a faithful port of the Everlights `ParallaxDriftBackground`.
- *
- * The sibling `Starfield` preset is a cheap approximation of the same idea: 99
- * stars quantised into five depth bands. This one reproduces the original's
- * field exactly — same seed, same generator call order, same 160 stars, same
- * `z = zNear + zSpan·√rnd()` far-plane bias, same sizes, brightnesses, palette
- * and drift. Drop the constants below into the Skia version and you get the
- * same sky.
- *
- * WHAT COULDN'T COME ACROSS 1:1, and what was done instead:
- *
- *  - **Continuous per-star speed.** The original runs a worklet per star, so
- *    every one of the 160 drifts at its own `drift/z`. Here a distinct speed
- *    means a distinct animated node, so SPEED (and only speed) is quantised
- *    into 18 bands — banded uniformly in 1/z, which is what speed is
- *    proportional to, so the steps are even. Size, brightness, colour and
- *    twinkle phase all stay per-star and exact, and those are the properties
- *    the eye actually reads as depth.
- *
- *  - **The soft bulb sprite.** The original bakes one 64px sprite (blurred halo
- *    at r=6/α.30 over a blurred core at r=4/α1) and stamps it at `dia`. That is
- *    why stars stay fine points even at dia=20 — the lit core is only 12.5% of
- *    the stamp. There is no blur primitive here, so each star is a small solid
- *    core at that same 12.5%, and the nearer ones get one or two concentric
- *    discs standing in for the halo, graded DOWN in alpha toward the blur's
- *    outer extent (~0.24·dia) so the glow fades out rather than ending in a
- *    hard rim. Far stars end up a single ~1px dot, which is what the sprite
- *    renders them as anyway.
- *
- *  - **Additive blending.** `blendMode="plus"` becomes ordinary alpha
- *    compositing. Over a near-black base the two agree except where stars
- *    overlap, which at this density is rare.
- *
- * It costs roughly twice the cheap Starfield — see `registry.tsx` — which is
- * the whole reason both are in the catalogue.
- */
-
-// ---------------------------------------------------------------------------
-// The original's shipping constants, verbatim.
-// ---------------------------------------------------------------------------
-const COUNT = 160;
-const DRIFT = 0.016; // horizontal travel/sec at z=1, as a fraction of width
-const BASE_DIA = 5; // sprite diameter px at z=1
-const Z_NEAR = 0.25;
-const Z_FAR = 1.0;
-const Z_SPAN = Z_FAR - Z_NEAR;
-const MAX_DIA = BASE_DIA / Z_NEAR;
-const TWINKLE = 0.08;
-
-/** The classic white/blue mix — `[r,g,b]` 0..1 in the original. */
-const PALETTE = ["#FFFFFF", "#B3D9FF", "#8CB3FF"];
-
-/** The backdrop the field sits on — also what `opaque` mode flattens against. */
-const BASE_COLOR = "#050609";
-
-/**
- * Default speed bands. 18 is the point where stepping stops being visible:
- * adjacent bands differ by ~6% in speed, well under what reads as a seam. The
- * bench route sweeps this, since it is the main lever on cost.
- */
-const BAND_COUNT = 18;
-/** Twinkle groups — bands are round-robined across these. */
-const TWINKLE_GROUPS = 4;
-const TWINKLE_MS = [4200, 4900, 5600, 6300];
-
-/** How the ±8% brightness wobble is applied. */
-
-/** How many concentric discs stand in for the sprite's blurred halo. */
-
-/**
- * The original field, regenerated.
- *
- * The generator order matters as much as the seed: the source pulls fx, fy, z
- * and tw off ONE mulberry32 stream per star, so drawing them in any other order
- * — four separate `scatter()` calls, say — gives a different sky from the same
- * seed. Built once at module load.
- */
-function buildField(count) {
-  const rnd = (0, _rng.mulberry32)((0x5747 ^ count) >>> 0);
-  const stars = [];
-  for (let i = 0; i < count; i++) {
-    const fx = rnd();
-    const fy = rnd();
-    // Bias toward the far plane so close, fast streaks stay sparse.
-    const z = Z_NEAR + Z_SPAN * Math.sqrt(rnd());
-    const tw = rnd() * Math.PI * 2;
-    const dia = Math.min(BASE_DIA / z, MAX_DIA);
-    const near = (Z_FAR - z) / Z_SPAN; // 0 far → 1 near
-    stars.push({
-      fx,
-      fy,
-      z,
-      tw,
-      // 0.125·dia = the sprite's lit core (r=4 of 64), with a 1px floor so
-      // the farthest stars still land on a pixel.
-      core: Math.max(1, dia * 0.125),
-      // Outer extent of the sprite's blurred halo (r=6 + blur 2.5 of 64 is
-      // ~gone by 0.24·dia). The discs grade DOWN in alpha toward this edge —
-      // see DeepBand — so it fades out instead of ending in a hard rim.
-      halo: dia * 0.24,
-      haloDiscs: z < 0.45 ? 2 : z < 0.7 ? 1 : 0,
-      alpha: 0.2 + 0.8 * near,
-      color: PALETTE[Math.floor((tw * 0.5 + 0.5) * PALETTE.length) % PALETTE.length]
-    });
-  }
-  return stars;
-}
-
-/**
- * Fields by star count, built on demand.
- *
- * 160 is the real preset. The larger counts exist for AMPLIFIED benchmarking:
- * at 160 the difference between two rendering structures is ~2 CPU points,
- * which on real hardware sits under a noise floor several times that — so the
- * variants are compared at a scale where the difference is unmistakable, and
- * the structure that wins there is the one worth shipping at 160.
- *
- * Note the seed is `0x5747 ^ count`, exactly as the original does it, so each
- * count is its own field rather than a prefix of a bigger one. That is fine
- * here: only the 160 field has to match Everlights.
- */
-const fieldCache = new Map();
-function getField(count) {
-  const cached = fieldCache.get(count);
-  if (cached) return cached;
-  const built = buildField(count);
-  fieldCache.set(count, built);
-  return built;
-}
-const FIELD = getField(COUNT);
-
-/**
- * Bucket by 1/z (∝ speed) rather than by z, so the bands are evenly spaced in
- * the quantity being quantised. Each band carries its member stars and the
- * speed of its centre. Cached per count — the bench route asks for several.
- */
-const bandCache = new Map();
-function buildBands(count, starCount) {
-  const key = `${count}:${starCount}`;
-  const cached = bandCache.get(key);
-  if (cached) return cached;
-  const field = getField(starCount);
-  const invNear = 1 / Z_NEAR; // 4
-  const invFar = 1 / Z_FAR; // 1
-  const span = invNear - invFar;
-  const buckets = Array.from({
-    length: count
-  }, () => []);
-  for (const star of field) {
-    const t = (1 / star.z - invFar) / span;
-    const idx = Math.min(count - 1, Math.max(0, Math.floor(t * count)));
-    buckets[idx].push(star);
-  }
-  const bands = buckets.map((stars, i) => ({
-    stars,
-    // z at the band's centre, back out of the 1/z bucketing.
-    z: 1 / (invFar + (i + 0.5) / count * span)
-  }));
-  bandCache.set(key, bands);
-  return bands;
-}
-const DeepBand = /*#__PURE__*/(0, _react.memo)(function DeepBand({
-  bands,
-  index,
-  width,
-  height,
-  animated,
-  raster,
-  halo,
-  opaque,
-  drift,
-  opacity
-}) {
-  const band = bands[index];
-  // One full width of travel takes z / DRIFT seconds, exactly as in the
-  // original's `phase = fx - t·(drift/z)`.
-  const driftValue = (0, _primitives.useLoop)(band.z / DRIFT * 1000, animated && drift);
-  const translateX = driftValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, -width]
-  });
-  // Over a known backdrop an opaque colour is pixel-identical to the
-  // translucent one — the GPU just skips the blend.
-  const paint = (color, alpha) => opaque ? (0, _rng.flattenOver)(color, alpha, BASE_COLOR) : (0, _rng.withAlpha)(color, alpha);
-  const parts = [];
-  for (let i = 0; i < band.stars.length; i++) {
-    const star = band.stars[i];
-    const y = star.fy * height;
-    const discs = halo === "none" ? 0 : halo === "flat" ? star.haloDiscs > 0 ? 1 : 0 : star.haloDiscs;
-    // Drawn twice, one width apart, so the layer tiles seamlessly when the
-    // loop snaps back to 0.
-    for (let copy = 0; copy < 2; copy++) {
-      const x = star.fx * width + copy * width;
-      const key = `${i}-${copy}`;
-      for (let h = 0; h < discs; h++) {
-        // Disc 0 is the inner/brighter one so single-disc stars keep a tight
-        // bump; disc 1 adds the faint outer skirt. The alphas approximate the
-        // sprite's blurred α.30 halo (≈0.27 near the core → ~0 at the edge):
-        // stacked they composite to ~0.24 inside, 0.10 outside — a falloff,
-        // not the old hard 0.3/0.51 rim that read as a fat blob.
-        const outer = h === 1;
-        const d = star.halo * (outer ? 1 : 0.65);
-        parts.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            left: x - d / 2,
-            top: y - d / 2,
-            width: d,
-            height: d,
-            borderRadius: d / 2,
-            backgroundColor: paint(star.color, star.alpha * (outer ? 0.1 : 0.16))
-          }
-        }, `${key}-h${h}`));
-      }
-      parts.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: x - star.core / 2,
-          top: y - star.core / 2,
-          width: star.core,
-          height: star.core,
-          borderRadius: star.core / 2,
-          backgroundColor: paint(star.color, star.alpha)
-        }
-      }, key));
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [{
-      position: "absolute",
-      left: 0,
-      top: 0,
-      width: width * 2,
-      height
-    },
-    // Fused mode puts the wobble on THIS layer instead of a wrapper above
-    // it, so the twinkle costs no extra composited surface.
-    opacity ? {
-      opacity,
-      transform: [{
-        translateX
-      }]
-    } : {
-      transform: [{
-        translateX
-      }]
-    }],
-    pointerEvents: "none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RasterLayer, {
-      raster: raster,
-      style: {
-        width: width * 2,
-        height
-      },
-      children: parts
-    })
-  });
-});
-
-/**
- * The four wobble values. The original wobbles each star by
- * `1 + 0.08·sin(t·3 + tw)`; per-star that would be 160 nodes, so bands are
- * round-robined across four pulses at slightly different periods — same ±8%
- * amplitude, and the differing periods keep the sky from pulsing as a unit.
- *
- * Fixed count, called unconditionally, so hook order never varies with props.
- */
-function useTwinkles(animated, enabled) {
-  const a = (0, _primitives.usePulse)(TWINKLE_MS[0], animated && enabled);
-  const b = (0, _primitives.usePulse)(TWINKLE_MS[1], animated && enabled);
-  const c = (0, _primitives.usePulse)(TWINKLE_MS[2], animated && enabled);
-  const d = (0, _primitives.usePulse)(TWINKLE_MS[3], animated && enabled);
-  // Full ±8%, like the original's `1 + 0.08·sin`. The top half exceeds 1 and
-  // the compositor clamps it — the original does the same (`if (a > 1) a = 1`),
-  // so bright stars flatten at the peak there too; dimmer-than-1 layers just
-  // never get the boost, which is the remaining (invisible) approximation.
-  const range = {
-    inputRange: [0, 1],
-    outputRange: [1 - TWINKLE, 1 + TWINKLE]
-  };
-  return [a.interpolate(range), b.interpolate(range), c.interpolate(range), d.interpolate(range)];
-}
-/**
- * The tunable body. `DeepField` below is this with the shipping defaults; the
- * bench route (`example-dev-build/app/bg-bench.tsx`) drives the knobs so every
- * measured variant is this exact code, not a copy of it.
- */
-const DeepFieldTunable = exports.DeepFieldTunable = /*#__PURE__*/(0, _react.memo)(function DeepFieldTunable({
-  width,
-  height,
-  animated,
-  bandCount = BAND_COUNT,
-  raster = true,
-  twinkle = "group",
-  halo = "full",
-  opaque = false,
-  drift = true,
-  starCount = COUNT,
-  chrome = true
-}) {
-  const bands = buildBands(bandCount, starCount);
-  const twinkles = useTwinkles(animated, twinkle !== "off");
-  const bandViews = [];
-  for (let i = 0; i < bandCount; i++) {
-    bandViews.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(DeepBand, {
-      bands: bands,
-      index: i,
-      width: width,
-      height: height,
-      animated: animated,
-      raster: raster,
-      halo: halo,
-      opaque: opaque,
-      drift: drift,
-      opacity: twinkle === "fused" ? twinkles[i % TWINKLE_GROUPS] : undefined
-    }, i));
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: _absoluteFill.absoluteFill,
-    pointerEvents: "none",
-    children: [chrome ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Base, {
-        color: BASE_COLOR
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGlow, {
-        size: width * 1.7,
-        color: "#1E3A8A",
-        alpha: 0.16,
-        rings: 8,
-        falloff: 2.1,
-        style: {
-          position: "absolute",
-          left: -width * 0.35,
-          top: -width
-        }
-      })]
-    }) : null, twinkle === "group" ?
-    // Group mode: one full-screen Animated.View per pulse, each wrapping
-    // its share of the bands. Costs four extra composited surfaces.
-    Array.from({
-      length: TWINKLE_GROUPS
-    }, (_, g) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [_absoluteFill.absoluteFill, {
-        opacity: twinkles[g]
-      }],
-      pointerEvents: "none",
-      children: bandViews.filter((_, i) => i % TWINKLE_GROUPS === g)
-    }, g)) : bandViews]
-  });
-});
-
-/**
- * The shipping preset: the Everlights field with the meteor layer on top —
- * the old standalone "Meteors" preset was folded in here (its own 40-star sky
- * dropped; this field is the better one). `DeepFieldTunable` stays meteor-free
- * so the bench route keeps measuring the field itself.
- */
-const DeepField = exports.DeepField = /*#__PURE__*/(0, _react.memo)(function DeepField(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: _absoluteFill.absoluteFill,
-    pointerEvents: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DeepFieldTunable, {
-      ...props
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_meteors.MeteorShower, {
-      ...props
-    })]
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DeepFieldTunable=exports.DeepField=void 0;var _react=require("react");var _reactNative=require("react-native");var _absoluteFill=require("../../../utils/absoluteFill.js");var _primitives=require("../primitives.js");var _rng=require("../rng.js");var _meteors=require("./meteors.js");var _jsxRuntime=require("react/jsx-runtime");const COUNT=160;const DRIFT=.016;const BASE_DIA=5;const Z_NEAR=.25;const Z_FAR=1;const Z_SPAN=Z_FAR-Z_NEAR;const MAX_DIA=BASE_DIA/Z_NEAR;const TWINKLE=.08;const PALETTE=["#FFFFFF","#B3D9FF","#8CB3FF"];const BASE_COLOR="#050609";const BAND_COUNT=18;const TWINKLE_GROUPS=4;const TWINKLE_MS=[4200,4900,5600,6300];function buildField(t){const e=(0,_rng.mulberry32)((22343^t)>>>0);const r=[];for(let n=0;n<t;n++){const l=e();const u=e();const s=Z_NEAR+Z_SPAN*Math.sqrt(e());const a=e()*Math.PI*2;const p=Math.min(BASE_DIA/s,MAX_DIA);const h=(Z_FAR-s)/Z_SPAN;r.push({fx:l,fy:u,z:s,tw:a,core:Math.max(1,p*.125),halo:p*.24,haloDiscs:s<.45?2:s<.7?1:0,alpha:.2+.8*h,color:PALETTE[Math.floor((a*.5+.5)*PALETTE.length)%PALETTE.length]})}return r}const fieldCache=new Map;function getField(t){const e=fieldCache.get(t);if(e)return e;const r=buildField(t);fieldCache.set(t,r);return r}const FIELD=getField(COUNT);const bandCache=new Map;function buildBands(t,e){const r=`${t}:${e}`;const n=bandCache.get(r);if(n)return n;const l=getField(e);const u=1/Z_NEAR;const s=1/Z_FAR;const a=u-s;const p=Array.from({length:t},()=>[]);for(const f of l){const d=(1/f.z-s)/a;const x=Math.min(t-1,Math.max(0,Math.floor(d*t)));p[x].push(f)}const h=p.map((f,d)=>({stars:f,z:1/(s+(d+.5)/t*a)}));bandCache.set(r,h);return h}const DeepBand=(0,_react.memo)(function t({bands:e,index:r,width:n,height:l,animated:u,raster:s,halo:a,opaque:p,drift:h,opacity:f}){const d=e[r];const x=(0,_primitives.useLoop)(d.z/DRIFT*1e3,u&&h);const b=x.interpolate({inputRange:[0,1],outputRange:[0,-n]});const F=(i,o)=>p?(0,_rng.flattenOver)(i,o,BASE_COLOR):(0,_rng.withAlpha)(i,o);const c=[];for(let i=0;i<d.stars.length;i++){const o=d.stars[i];const g=o.fy*l;const A=a==="none"?0:a==="flat"?o.haloDiscs>0?1:0:o.haloDiscs;for(let j=0;j<2;j++){const y=o.fx*n+j*n;const _=`${i}-${j}`;for(let v=0;v<A;v++){const D=v===1;const m=o.halo*(D?1:.65);c.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:y-m/2,top:g-m/2,width:m,height:m,borderRadius:m/2,backgroundColor:F(o.color,o.alpha*(D?.1:.16))}},`${_}-h${v}`))}c.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:y-o.core/2,top:g-o.core/2,width:o.core,height:o.core,borderRadius:o.core/2,backgroundColor:F(o.color,o.alpha)}},_))}}return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[{position:"absolute",left:0,top:0,width:n*2,height:l},f?{opacity:f,transform:[{translateX:b}]}:{transform:[{translateX:b}]}],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_primitives.RasterLayer,{raster:s,style:{width:n*2,height:l},children:c})})});function useTwinkles(t,e){const r=(0,_primitives.usePulse)(TWINKLE_MS[0],t&&e);const n=(0,_primitives.usePulse)(TWINKLE_MS[1],t&&e);const l=(0,_primitives.usePulse)(TWINKLE_MS[2],t&&e);const u=(0,_primitives.usePulse)(TWINKLE_MS[3],t&&e);const s={inputRange:[0,1],outputRange:[1-TWINKLE,1+TWINKLE]};return[r.interpolate(s),n.interpolate(s),l.interpolate(s),u.interpolate(s)]}const DeepFieldTunable=exports.DeepFieldTunable=(0,_react.memo)(function t({width:e,height:r,animated:n,bandCount:l=BAND_COUNT,raster:u=true,twinkle:s="group",halo:a="full",opaque:p=false,drift:h=true,starCount:f=COUNT,chrome:d=true}){const x=buildBands(l,f);const b=useTwinkles(n,s!=="off");const F=[];for(let c=0;c<l;c++){F.push((0,_jsxRuntime.jsx)(DeepBand,{bands:x,index:c,width:e,height:r,animated:n,raster:u,halo:a,opaque:p,drift:h,opacity:s==="fused"?b[c%TWINKLE_GROUPS]:void 0},c))}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_absoluteFill.absoluteFill,pointerEvents:"none",children:[d?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_primitives.Base,{color:BASE_COLOR}),(0,_jsxRuntime.jsx)(_primitives.RadialGlow,{size:e*1.7,color:"#1E3A8A",alpha:.16,rings:8,falloff:2.1,style:{position:"absolute",left:-e*.35,top:-e}})]}):null,s==="group"?Array.from({length:TWINKLE_GROUPS},(c,i)=>(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,{opacity:b[i]}],pointerEvents:"none",children:F.filter((o,g)=>g%TWINKLE_GROUPS===i)},i)):F]})});const DeepField=exports.DeepField=(0,_react.memo)(function t(e){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_absoluteFill.absoluteFill,pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(DeepFieldTunable,{...e}),(0,_jsxRuntime.jsx)(_meteors.MeteorShower,{...e})]})});

package/lib/commonjs/ui/backgrounds/variants/hyperspace.js

@@ -1,218 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Hyperspace = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _absoluteFill = require("../../../utils/absoluteFill.js");
-var _primitives = require("../primitives.js");
-var _rng = require("../rng.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Hyperspace — a faithful port of the Everlights `HyperspaceBackground`
- * (components/hyperspace-background.tsx), the Star Wars "lightspeed" field:
- * crisp ROUND points streaming out of a centre vanishing point on the 3D
- * depth projection `screen = plane / z`.
- *
- * THE FIELD IS EXACT: one mulberry32 stream seeded `0x5747 ^ 260`, pulling
- * `ang, rad, z0, tw` per star in the original's call order — same 260 stars,
- * same sqrt-biased radii with the 12% clear centre, same palette pick
- * formula, same z sweep (1.0 → 0.06), same speed (0.55 z-units/sec, the
- * "lightspeed" tuning), same 0.15 + 0.85·near² brightness with 6% fade at
- * both ends of a star's life. Stars are round dots, NOT streaks — the
- * original never elongates anything.
- *
- * HOW THE PROJECTION RUNS WITHOUT SKIA: a star at plane offset p appears at
- * `centre + (p/z)·centre`, so a LAYER scaled by S = 1/z about the centre
- * carries every star along its exact trajectory. The z-sweep becomes scale
- * keyframes on ONE looping value.
- *
- * WHAT COULDN'T COME ACROSS 1:1, and what was done instead:
- *
- *  - **Continuous per-star start phase.** Every star has its own `z0`; per
- *    star that's 260 nodes. `z0` (and ONLY z0) is quantised into 8 shells —
- *    the same single-quantity discipline Deep Field applies to speed.
- *    Position, size, colour and brightness stay exact.
- *  - **The size CAP.** The original stamps its sprite at `dia = baseDia/z`
- *    capped at 4.5×base, but a scaling layer can't cap one star's size
- *    mid-flight. Instead each dot is drawn at the sprite's true lit-core
- *    size (12.5% of the stamp — 0.45px at z=1), which reaches the original's
- *    2px cap at the cap's own z and only overshoots inside the final 6%
- *    fade-out, where brightness is already dying.
- *  - **The blurred sprite.** As in Deep Field: a solid core at the lit 12.5%
- *    plus one concentric disc at the halo's α0.30 stands in for the blur.
- *  - **Additive blend + the 5% twinkle** are dropped; over near-black at this
- *    density neither reads.
- */
-
-const BASE_COLOR = "#050505";
-
-// ---------------------------------------------------------------------------
-// The original's constants, verbatim (variant 1, "lightspeed").
-// ---------------------------------------------------------------------------
-const COUNT = 260;
-const SPEED = 0.55; // z-units/sec → one life = 1/0.55 s
-const BASE_DIA = 3.6; // sprite diameter px at z=1
-const PLANE = 0.5;
-const Z_FAR = 1.0;
-const Z_NEAR = 0.06;
-const Z_SPAN = Z_FAR - Z_NEAR;
-/** The lit core of the 64px sprite is r=4 → 12.5% of the stamp. */
-const CORE_FRAC = 0.125;
-const CYCLE_MS = Math.round(1000 / SPEED);
-const PALETTE = ["#FFFFFF", "#B3D9FF", "#8CB3FF"];
-const SHELLS = 8;
-/**
- * The original field, regenerated — ONE rng stream, original call order
- * (ang, rad, z0, tw per star), original seed. Any other order or seed is a
- * different sky.
- */
-function buildField() {
-  const rnd = (0, _rng.mulberry32)((0x5747 ^ COUNT) >>> 0);
-  const stars = [];
-  for (let i = 0; i < COUNT; i++) {
-    const ang = rnd() * Math.PI * 2;
-    // sqrt-biased outward, inner 12% clear of the vanishing point.
-    const rad = (0.12 + 0.88 * Math.sqrt(rnd())) * PLANE;
-    const z0 = rnd();
-    const tw = rnd() * Math.PI * 2;
-    stars.push({
-      px: Math.cos(ang) * rad,
-      py: Math.sin(ang) * rad,
-      shell: Math.min(SHELLS - 1, Math.floor(z0 * SHELLS)),
-      // The original's exact (quirky) pick: floor((tw·0.5 + 0.5)·n) % n.
-      color: PALETTE[Math.floor((tw * 0.5 + 0.5) * PALETTE.length) % PALETTE.length]
-    });
-  }
-  return stars;
-}
-const FIELD = buildField();
-
-/** S(p) = 1/z with z falling linearly over the phase — the projection. */
-function scaleAt(p) {
-  return 1 / (Z_FAR - p * Z_SPAN);
-}
-
-/** The original's brightness: 0.15 + 0.85·near², faded over the first and
- * last 6% of a star's life (which also hides the shell's wrap snap). */
-function opacityAt(p) {
-  let bright = 0.15 + 0.85 * p * p;
-  if (p < 0.06) bright *= p / 0.06;else if (p > 0.94) bright *= (1 - p) / 0.06;
-  return Math.min(1, bright);
-}
-
-/** Interpolate stops for shell k (phase = (v + k/K) mod 1); the wrap point is
- * double-sampled 1e-4 apart inside the zero-opacity sliver. */
-function shellStops(k) {
-  const offset = k / SHELLS;
-  const vs = [];
-  const SEGMENTS = 18;
-  for (let i = 0; i <= SEGMENTS; i++) vs.push(i / SEGMENTS);
-  const vWrap = (1 - offset) % 1;
-  if (vWrap > 1e-3 && vWrap < 1 - 1e-3) vs.push(vWrap - 1e-4, vWrap + 1e-4);
-  vs.sort((a, b) => a - b);
-  const input = [];
-  const scale = [];
-  const opacity = [];
-  for (const v of vs) {
-    // At the loop boundary the offset-0 shell's phase must read as END of
-    // life (p=1, max scale, zero opacity), not wrap to 0 — otherwise the
-    // last segment lerps scale back to 1 at visible opacity and the stars
-    // retract to the centre once per cycle.
-    const p = offset === 0 && v === 1 ? 1 : (v + offset) % 1;
-    input.push(v);
-    scale.push(scaleAt(p));
-    opacity.push(opacityAt(p));
-  }
-  return {
-    input,
-    scale,
-    opacity
-  };
-}
-const SHELL_STOPS = Array.from({
-  length: SHELLS
-}, (_, k) => shellStops(k));
-const Hyperspace = exports.Hyperspace = /*#__PURE__*/(0, _react.memo)(function Hyperspace({
-  width,
-  height,
-  animated
-}) {
-  const drive = (0, _primitives.useLoop)(CYCLE_MS, animated);
-  const cx = width / 2;
-  const cy = height / 2;
-
-  // Core at the sprite's lit 12.5% (0.45px at z=1) with a floor so the far
-  // stars land on a pixel; halo disc at the sprite's α0.30, 2.4× the core.
-  const core = Math.max(0.5, BASE_DIA * CORE_FRAC);
-  const halo = core * 2.4;
-  const shells = [];
-  for (let k = 0; k < SHELLS; k++) {
-    const stops = SHELL_STOPS[k];
-    const stars = [];
-    for (let i = 0; i < FIELD.length; i++) {
-      const star = FIELD[i];
-      if (star.shell !== k) continue;
-      // The original's projection at z=1: sx = cx + px·cx, sy = cy + py·cy
-      // (offsets scale with the HALF-extent — elliptical, exactly as there).
-      const x = cx + star.px * cx;
-      const y = cy + star.py * cy;
-      stars.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: x - halo / 2,
-          top: y - halo / 2,
-          width: halo,
-          height: halo,
-          borderRadius: halo / 2,
-          backgroundColor: (0, _rng.withAlpha)(star.color, 0.3)
-        }
-      }, `${i}-h`), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: x - core / 2,
-          top: y - core / 2,
-          width: core,
-          height: core,
-          borderRadius: core / 2,
-          backgroundColor: star.color
-        }
-      }, i));
-    }
-    shells.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [_absoluteFill.absoluteFill, {
-        opacity: drive.interpolate({
-          inputRange: stops.input,
-          outputRange: stops.opacity
-        }),
-        transform: [{
-          scale: drive.interpolate({
-            inputRange: stops.input,
-            outputRange: stops.scale
-          })
-        }]
-      }],
-      pointerEvents: "none",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RasterLayer, {
-        style: _absoluteFill.absoluteFill,
-        raster: false,
-        children: stars
-      })
-    }, k));
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [_absoluteFill.absoluteFill, {
-      overflow: "hidden"
-    }],
-    pointerEvents: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Base, {
-      color: BASE_COLOR
-    }), shells, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Vignette, {
-      color: "#000000",
-      alpha: 0.3,
-      spread: 0.3
-    })]
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Hyperspace=void 0;var _react=require("react");var _reactNative=require("react-native");var _absoluteFill=require("../../../utils/absoluteFill.js");var _primitives=require("../primitives.js");var _rng=require("../rng.js");var _jsxRuntime=require("react/jsx-runtime");const BASE_COLOR="#050505";const COUNT=260;const SPEED=.55;const BASE_DIA=3.6;const PLANE=.5;const Z_FAR=1;const Z_NEAR=.06;const Z_SPAN=Z_FAR-Z_NEAR;const CORE_FRAC=.125;const CYCLE_MS=Math.round(1e3/SPEED);const PALETTE=["#FFFFFF","#B3D9FF","#8CB3FF"];const SHELLS=8;function buildField(){const t=(0,_rng.mulberry32)((22343^COUNT)>>>0);const s=[];for(let n=0;n<COUNT;n++){const c=t()*Math.PI*2;const o=(.12+.88*Math.sqrt(t()))*PLANE;const i=t();const a=t()*Math.PI*2;s.push({px:Math.cos(c)*o,py:Math.sin(c)*o,shell:Math.min(SHELLS-1,Math.floor(i*SHELLS)),color:PALETTE[Math.floor((a*.5+.5)*PALETTE.length)%PALETTE.length]})}return s}const FIELD=buildField();function scaleAt(t){return 1/(Z_FAR-t*Z_SPAN)}function opacityAt(t){let s=.15+.85*t*t;if(t<.06)s*=t/.06;else if(t>.94)s*=(1-t)/.06;return Math.min(1,s)}function shellStops(t){const s=t/SHELLS;const n=[];const c=18;for(let e=0;e<=c;e++)n.push(e/c);const o=(1-s)%1;if(o>.001&&o<1-.001)n.push(o-1e-4,o+1e-4);n.sort((e,l)=>e-l);const i=[];const a=[];const r=[];for(const e of n){const l=s===0&&e===1?1:(e+s)%1;i.push(e);a.push(scaleAt(l));r.push(opacityAt(l))}return{input:i,scale:a,opacity:r}}const SHELL_STOPS=Array.from({length:SHELLS},(t,s)=>shellStops(s));const Hyperspace=exports.Hyperspace=(0,_react.memo)(function t({width:s,height:n,animated:c}){const o=(0,_primitives.useLoop)(CYCLE_MS,c);const i=s/2;const a=n/2;const r=Math.max(.5,BASE_DIA*CORE_FRAC);const e=r*2.4;const l=[];for(let u=0;u<SHELLS;u++){const f=SHELL_STOPS[u];const d=[];for(let p=0;p<FIELD.length;p++){const h=FIELD[p];if(h.shell!==u)continue;const y=i+h.px*i;const v=a+h.py*a;d.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:y-e/2,top:v-e/2,width:e,height:e,borderRadius:e/2,backgroundColor:(0,_rng.withAlpha)(h.color,.3)}},`${p}-h`),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:y-r/2,top:v-r/2,width:r,height:r,borderRadius:r/2,backgroundColor:h.color}},p))}l.push((0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[_absoluteFill.absoluteFill,{opacity:o.interpolate({inputRange:f.input,outputRange:f.opacity}),transform:[{scale:o.interpolate({inputRange:f.input,outputRange:f.scale})}]}],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_primitives.RasterLayer,{style:_absoluteFill.absoluteFill,raster:false,children:d})},u))}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_absoluteFill.absoluteFill,{overflow:"hidden"}],pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_primitives.Base,{color:BASE_COLOR}),l,(0,_jsxRuntime.jsx)(_primitives.Vignette,{color:"#000000",alpha:.3,spread:.3})]})});