@buoy-gg/shared-ui 7.0.26 → 7.0.28

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

@@ -1,210 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Starfield = 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");
-/**
- * Starfield — the RN-primitive port of the Everlights parallax-drift starfield.
- *
- * The original is a GPU-instanced Skia `<Atlas>` with a per-star worklet; Buoy
- * can't depend on Skia, so the depth continuum is quantised into five discrete
- * bands. Each band is one rasterized layer of dots sliding at its own speed —
- * five native-driven loops instead of 160 per-frame transforms — and the eye
- * reads five parallax speeds as depth just as well as it reads a continuum.
- */
-
-/**
- * Depth bands, far → near. `z` drives both size and speed (drift/sec at z=1 is
- * 0.016 of the width, matching the original), `count` thins out as stars get
- * closer so the fast, big ones stay sparse.
- */
-const BANDS = [
-// dia is the star's core in px; halo is how many core-widths the bloom
-// spreads (0 = no bloom, which is what keeps the far bands cheap).
-{
-  z: 1.0,
-  count: 38,
-  dia: 1.4,
-  halo: 0,
-  color: "#7C93B5",
-  alpha: 0.55
-}, {
-  z: 0.78,
-  count: 26,
-  dia: 1.9,
-  halo: 0,
-  color: "#A6BBD8",
-  alpha: 0.65
-}, {
-  z: 0.6,
-  count: 18,
-  dia: 2.4,
-  halo: 0,
-  color: "#C9D9F0",
-  alpha: 0.8
-}, {
-  z: 0.45,
-  count: 11,
-  dia: 3.1,
-  halo: 0,
-  color: "#E4EEFC",
-  alpha: 0.92
-},
-// Only the closest band gets a bloom: 6 stars x 3 extra discs is 36 views,
-// and it is the entire difference between "dots" and "stars".
-{
-  z: 0.3,
-  count: 6,
-  dia: 4.2,
-  halo: 4.4,
-  color: "#FFFFFF",
-  alpha: 1
-}];
-const DRIFT = 0.016; // fraction of width travelled per second at z=1
-
-/** Pre-scattered x/y per band, generated once at module load. */
-const BAND_TABLES = BANDS.map((b, i) => ({
-  xs: (0, _rng.scatter)(0x5747 + i * 977, b.count),
-  ys: (0, _rng.scatter)(0x91c3 + i * 613, b.count)
-}));
-
-/**
- * The bloom around a close star. Three nested discs rather than a `RadialGlow`,
- * because this one is drawn per star and lives INSIDE the band layer — which is
- * the point: the halo travels with its star instead of sitting still while the
- * star drifts off it.
- */
-function haloDiscs(cx, cy, core, spread, color, key) {
-  const out = [];
-  const steps = [{
-    mul: spread,
-    alpha: 0.05
-  }, {
-    mul: spread * 0.62,
-    alpha: 0.09
-  }, {
-    mul: spread * 0.34,
-    alpha: 0.16
-  }];
-  for (let i = 0; i < steps.length; i++) {
-    const d = core * steps[i].mul;
-    out.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        left: cx - d / 2,
-        top: cy - d / 2,
-        width: d,
-        height: d,
-        borderRadius: d / 2,
-        backgroundColor: (0, _rng.withAlpha)(color, steps[i].alpha)
-      }
-    }, `${key}-h${i}`));
-  }
-  return out;
-}
-const StarBand = /*#__PURE__*/(0, _react.memo)(function StarBand({
-  index,
-  width,
-  height,
-  animated
-}) {
-  const band = BANDS[index];
-  const table = BAND_TABLES[index];
-  // One full width of travel takes z / DRIFT seconds — nearer (smaller z) is
-  // faster, which is the whole parallax effect.
-  const drift = (0, _primitives.useLoop)(band.z / DRIFT * 1000, animated);
-  const translateX = drift.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, -width]
-  });
-  const dots = [];
-  for (let i = 0; i < band.count; i++) {
-    const x = table.xs[i] * width;
-    const y = table.ys[i] * height;
-    // Each star is 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 cx = x + copy * width;
-      const key = `${i}-${copy}`;
-      if (band.halo > 0) {
-        dots.push(...haloDiscs(cx, y, band.dia, band.halo, band.color, key));
-      }
-      dots.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: cx - band.dia / 2,
-          top: y - band.dia / 2,
-          width: band.dia,
-          height: band.dia,
-          borderRadius: band.dia / 2,
-          backgroundColor: (0, _rng.withAlpha)(band.color, band.alpha)
-        }
-      }, key));
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [{
-      position: "absolute",
-      left: 0,
-      top: 0,
-      width: width * 2,
-      height
-    }, {
-      transform: [{
-        translateX
-      }]
-    }],
-    pointerEvents: "none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RasterLayer, {
-      style: {
-        width: width * 2,
-        height
-      },
-      children: dots
-    })
-  });
-});
-const Starfield = exports.Starfield = /*#__PURE__*/(0, _react.memo)(function Starfield(props) {
-  // A single slow breath over the whole field. One node, and it's what stops
-  // the sky looking like a printed dot pattern now that the per-star twinkle
-  // from the Skia original isn't affordable.
-  const shimmer = (0, _primitives.usePulse)(5200, props.animated);
-  const opacity = shimmer.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0.82, 1]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: _absoluteFill.absoluteFill,
-    pointerEvents: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Base, {
-      color: "#05060A"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGlow, {
-      size: props.width * 1.6,
-      color: "#1E3A8A",
-      alpha: 0.2,
-      rings: 8,
-      falloff: 2,
-      style: {
-        position: "absolute",
-        left: -props.width * 0.3,
-        top: -props.width * 0.9
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [_absoluteFill.absoluteFill, {
-        opacity
-      }],
-      pointerEvents: "none",
-      children: BANDS.map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StarBand, {
-        index: i,
-        ...props
-      }, i))
-    })]
-  });
-});