@buoy-gg/shared-ui 7.0.41 → 7.0.43

package/lib/commonjs/ui/backgrounds/index.js

@@ -1,167 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BACKGROUND_PRESETS", {
-  enumerable: true,
-  get: function () {
-    return _registry.BACKGROUND_PRESETS;
-  }
-});
-Object.defineProperty(exports, "BACKGROUND_STORAGE_KEY", {
-  enumerable: true,
-  get: function () {
-    return _backgroundStore.BACKGROUND_STORAGE_KEY;
-  }
-});
-Object.defineProperty(exports, "BackgroundSwitcher", {
-  enumerable: true,
-  get: function () {
-    return _BackgroundSwitcher.BackgroundSwitcher;
-  }
-});
-Object.defineProperty(exports, "DEFAULT_BACKGROUND", {
-  enumerable: true,
-  get: function () {
-    return _registry.DEFAULT_BACKGROUND;
-  }
-});
-Object.defineProperty(exports, "DaylightTunable", {
-  enumerable: true,
-  get: function () {
-    return _daylight.DaylightTunable;
-  }
-});
-Object.defineProperty(exports, "DeepFieldTunable", {
-  enumerable: true,
-  get: function () {
-    return _deepField.DeepFieldTunable;
-  }
-});
-Object.defineProperty(exports, "LinearFade", {
-  enumerable: true,
-  get: function () {
-    return _primitives.LinearFade;
-  }
-});
-Object.defineProperty(exports, "LiveSkyTunable", {
-  enumerable: true,
-  get: function () {
-    return _liveSky.LiveSkyTunable;
-  }
-});
-Object.defineProperty(exports, "MoonlightTunable", {
-  enumerable: true,
-  get: function () {
-    return _moonlight.MoonlightTunable;
-  }
-});
-Object.defineProperty(exports, "RadialGlow", {
-  enumerable: true,
-  get: function () {
-    return _primitives.RadialGlow;
-  }
-});
-Object.defineProperty(exports, "RasterLayer", {
-  enumerable: true,
-  get: function () {
-    return _primitives.RasterLayer;
-  }
-});
-Object.defineProperty(exports, "ToolBackground", {
-  enumerable: true,
-  get: function () {
-    return _ToolBackground.ToolBackground;
-  }
-});
-Object.defineProperty(exports, "Wormhole", {
-  enumerable: true,
-  get: function () {
-    return _wormhole.Wormhole;
-  }
-});
-Object.defineProperty(exports, "backgroundStore", {
-  enumerable: true,
-  get: function () {
-    return _backgroundStore.backgroundStore;
-  }
-});
-Object.defineProperty(exports, "getPreset", {
-  enumerable: true,
-  get: function () {
-    return _registry.getPreset;
-  }
-});
-Object.defineProperty(exports, "getSkyScrub", {
-  enumerable: true,
-  get: function () {
-    return _skyClock.getSkyScrub;
-  }
-});
-Object.defineProperty(exports, "presetAt", {
-  enumerable: true,
-  get: function () {
-    return _registry.presetAt;
-  }
-});
-Object.defineProperty(exports, "presetIndex", {
-  enumerable: true,
-  get: function () {
-    return _registry.presetIndex;
-  }
-});
-Object.defineProperty(exports, "scatter", {
-  enumerable: true,
-  get: function () {
-    return _rng.scatter;
-  }
-});
-Object.defineProperty(exports, "setSkyScrub", {
-  enumerable: true,
-  get: function () {
-    return _skyClock.setSkyScrub;
-  }
-});
-Object.defineProperty(exports, "useLoop", {
-  enumerable: true,
-  get: function () {
-    return _primitives.useLoop;
-  }
-});
-Object.defineProperty(exports, "usePulse", {
-  enumerable: true,
-  get: function () {
-    return _primitives.usePulse;
-  }
-});
-Object.defineProperty(exports, "useSkyScrub", {
-  enumerable: true,
-  get: function () {
-    return _skyClock.useSkyScrub;
-  }
-});
-Object.defineProperty(exports, "useToolBackground", {
-  enumerable: true,
-  get: function () {
-    return _backgroundStore.useToolBackground;
-  }
-});
-Object.defineProperty(exports, "withBgAlpha", {
-  enumerable: true,
-  get: function () {
-    return _rng.withAlpha;
-  }
-});
-var _ToolBackground = require("./ToolBackground.js");
-var _BackgroundSwitcher = require("./BackgroundSwitcher.js");
-var _backgroundStore = require("./backgroundStore.js");
-var _registry = require("./registry.js");
-var _primitives = require("./primitives.js");
-var _rng = require("./rng.js");
-var _deepField = require("./variants/deepField.js");
-var _moonlight = require("./variants/moonlight.js");
-var _daylight = require("./variants/daylight.js");
-var _liveSky = require("./variants/liveSky.js");
-var _skyClock = require("./skyClock.js");
-var _wormhole = require("./variants/wormhole.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"BACKGROUND_PRESETS",{enumerable:true,get:function(){return _registry.BACKGROUND_PRESETS}});Object.defineProperty(exports,"BACKGROUND_STORAGE_KEY",{enumerable:true,get:function(){return _backgroundStore.BACKGROUND_STORAGE_KEY}});Object.defineProperty(exports,"BackgroundSwitcher",{enumerable:true,get:function(){return _BackgroundSwitcher.BackgroundSwitcher}});Object.defineProperty(exports,"DEFAULT_BACKGROUND",{enumerable:true,get:function(){return _registry.DEFAULT_BACKGROUND}});Object.defineProperty(exports,"DaylightTunable",{enumerable:true,get:function(){return _daylight.DaylightTunable}});Object.defineProperty(exports,"DeepFieldTunable",{enumerable:true,get:function(){return _deepField.DeepFieldTunable}});Object.defineProperty(exports,"LinearFade",{enumerable:true,get:function(){return _primitives.LinearFade}});Object.defineProperty(exports,"LiveSkyTunable",{enumerable:true,get:function(){return _liveSky.LiveSkyTunable}});Object.defineProperty(exports,"MoonlightTunable",{enumerable:true,get:function(){return _moonlight.MoonlightTunable}});Object.defineProperty(exports,"RadialGlow",{enumerable:true,get:function(){return _primitives.RadialGlow}});Object.defineProperty(exports,"RasterLayer",{enumerable:true,get:function(){return _primitives.RasterLayer}});Object.defineProperty(exports,"ToolBackground",{enumerable:true,get:function(){return _ToolBackground.ToolBackground}});Object.defineProperty(exports,"Wormhole",{enumerable:true,get:function(){return _wormhole.Wormhole}});Object.defineProperty(exports,"backgroundStore",{enumerable:true,get:function(){return _backgroundStore.backgroundStore}});Object.defineProperty(exports,"getPreset",{enumerable:true,get:function(){return _registry.getPreset}});Object.defineProperty(exports,"getSkyScrub",{enumerable:true,get:function(){return _skyClock.getSkyScrub}});Object.defineProperty(exports,"presetAt",{enumerable:true,get:function(){return _registry.presetAt}});Object.defineProperty(exports,"presetIndex",{enumerable:true,get:function(){return _registry.presetIndex}});Object.defineProperty(exports,"scatter",{enumerable:true,get:function(){return _rng.scatter}});Object.defineProperty(exports,"setSkyScrub",{enumerable:true,get:function(){return _skyClock.setSkyScrub}});Object.defineProperty(exports,"useLoop",{enumerable:true,get:function(){return _primitives.useLoop}});Object.defineProperty(exports,"usePulse",{enumerable:true,get:function(){return _primitives.usePulse}});Object.defineProperty(exports,"useSkyScrub",{enumerable:true,get:function(){return _skyClock.useSkyScrub}});Object.defineProperty(exports,"useToolBackground",{enumerable:true,get:function(){return _backgroundStore.useToolBackground}});Object.defineProperty(exports,"withBgAlpha",{enumerable:true,get:function(){return _rng.withAlpha}});var _ToolBackground=require("./ToolBackground.js");var _BackgroundSwitcher=require("./BackgroundSwitcher.js");var _backgroundStore=require("./backgroundStore.js");var _registry=require("./registry.js");var _primitives=require("./primitives.js");var _rng=require("./rng.js");var _deepField=require("./variants/deepField.js");var _moonlight=require("./variants/moonlight.js");var _daylight=require("./variants/daylight.js");var _liveSky=require("./variants/liveSky.js");var _skyClock=require("./skyClock.js");var _wormhole=require("./variants/wormhole.js");

package/lib/commonjs/ui/backgrounds/primitives.js

@@ -1,369 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hairline = exports.Vignette = exports.RasterLayer = exports.RadialGlow = exports.LinearFade = exports.Base = void 0;
-exports.useLoop = useLoop;
-exports.usePulse = usePulse;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _absoluteFill = require("../../utils/absoluteFill.js");
-var _rng = require("./rng.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Drawing + animation primitives for the tool backgrounds.
- *
- * HARD CONSTRAINT: Buoy's packages peer-depend on nothing but `react` and
- * `react-native`. No Skia, no Reanimated, no SVG, no gradient library — a
- * devtool cannot force a native dependency into someone's app. So every
- * background here is built out of plain `View`s plus `Animated`, and the
- * gradients/glows below are *faked* by stacking translucent layers.
- *
- * That sounds expensive. It isn't, because of two rules every preset follows:
- *
- *  1. **Every animation is native-driven.** `useNativeDriver: true` on a
- *     looping `Animated.timing` means the whole loop is handed to the UI thread
- *     once and never touches JS again — no per-frame callback, no re-render, no
- *     bridge traffic while it runs. A preset animates a handful of *layers*
- *     (transform on one parent view), never per-particle. (On web there is no
- *     native driver and the JS driver must be requested explicitly — see
- *     NATIVE_DRIVER below for why the flag can't simply be left `true`.)
- *
- *  2. **Every static layer is rasterized.** `shouldRasterizeIOS` /
- *     `renderToHardwareTextureAndroid` turn a layer of 40 dots into a single
- *     cached GPU texture, so sliding it is one composite — the same cost as
- *     sliding one view. See `RasterLayer`.
- *
- * The result: a preset costs a one-time mount of static views and then ~0
- * JS-thread work per frame. See `packages/shared/src/ui/backgrounds/README.md`.
- */
-
-// ============================================================================
-// Animation
-// ============================================================================
-
-/**
- * Ask for the native driver ONLY where the native animated module exists.
- *
- * On react-native-web (the desktop dashboard) `useNativeDriver: true` is
- * demoted to the JS driver — but `Animated.loop` trusts the config flag, not
- * the demotion: for a bare `loop(timing(...))` it takes its native-loop
- * shortcut and starts ONE plain timing whose `iterations: -1` only the
- * (absent) native module would honor. The loop plays a single pass and
- * freezes — on desktop every background stopped seconds after opening.
- * Requesting the JS driver honestly keeps loop's JS restart path in charge,
- * which is the only driver web has anyway.
- */const NATIVE_DRIVER = _reactNative.Platform.OS !== "web";
-
-/**
- * A native-driven 0→1 loop (JS-driven on web — see NATIVE_DRIVER).
- *
- * The returned value is only ever consumed by `interpolate` inside an
- * `Animated.View` style, so React never re-renders while it runs. The loop is
- * stopped when the app backgrounds (a background animation is pure battery
- * burn) and restarted on foreground.
- */
-function useLoop(durationMs, enabled = true) {
-  const value = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  (0, _react.useEffect)(() => {
-    if (!enabled) return;
-    let anim = null;
-    const start = () => {
-      if (anim) return;
-      value.setValue(0);
-      anim = _reactNative.Animated.loop(_reactNative.Animated.timing(value, {
-        toValue: 1,
-        duration: durationMs,
-        easing: _reactNative.Easing.linear,
-        useNativeDriver: NATIVE_DRIVER,
-        // A decorative endless loop must never register as an interaction —
-        // the default (true) would block InteractionManager callbacks in the
-        // host app for as long as the background is mounted.
-        isInteraction: false
-      }));
-      anim.start();
-    };
-    const stop = () => {
-      anim?.stop();
-      anim = null;
-      value.setValue(0);
-    };
-    start();
-    const sub = _reactNative.AppState.addEventListener("change", state => {
-      if (state === "active") start();else stop();
-    });
-    return () => {
-      stop();
-      sub.remove();
-    };
-  }, [durationMs, enabled, value]);
-  return value;
-}
-
-/**
- * A native-driven 0→1→0 breathe, for glows that pulse rather than travel.
- * Same no-JS-per-frame guarantee as `useLoop`.
- */
-function usePulse(durationMs, enabled = true) {
-  const value = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  (0, _react.useEffect)(() => {
-    if (!enabled) return;
-    let anim = null;
-    const start = () => {
-      if (anim) return;
-      value.setValue(0);
-      anim = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(value, {
-        toValue: 1,
-        duration: durationMs / 2,
-        easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
-        useNativeDriver: NATIVE_DRIVER,
-        // See useLoop: endless decorative loops must not hold
-        // InteractionManager (isInteraction defaults to true).
-        isInteraction: false
-      }), _reactNative.Animated.timing(value, {
-        toValue: 0,
-        duration: durationMs / 2,
-        easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
-        useNativeDriver: NATIVE_DRIVER,
-        isInteraction: false
-      })]));
-      anim.start();
-    };
-    const stop = () => {
-      anim?.stop();
-      anim = null;
-    };
-    start();
-    const sub = _reactNative.AppState.addEventListener("change", state => {
-      if (state === "active") start();else stop();
-    });
-    return () => {
-      stop();
-      sub.remove();
-    };
-  }, [durationMs, enabled, value]);
-  return value;
-}
-
-// ============================================================================
-// Layers
-// ============================================================================
-
-/**
- * A layer whose children are static and should be flattened into one GPU
- * texture. Wrap anything that gets translated/scaled as a whole — this is what
- * makes a 40-dot star band cost the same to move as a single view.
- */
-const RasterLayer = exports.RasterLayer = /*#__PURE__*/(0, _react.memo)(function RasterLayer({
-  style,
-  raster = true,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: style,
-    pointerEvents: "none"
-    // Both are no-ops on the platform they don't belong to, and on web
-    // (react-native-web) neither exists — there the browser already
-    // composites a transformed subtree on the GPU.
-    ,
-    shouldRasterizeIOS: raster && _reactNative.Platform.OS === "ios",
-    renderToHardwareTextureAndroid: raster && _reactNative.Platform.OS === "android",
-    children: children
-  });
-});
-
-/**
- * Fake radial gradient: concentric rounded views, each a constant per-ring
- * alpha, with radii shrinking on a curve. Alpha compositing of N equal layers
- * gives `1 - (1-a)^N` at the centre, so `a` is solved from the requested peak
- * alpha and the falloff comes from the radius curve.
- *
- * 8 rings is the sweet spot on a dark surface — below that you can see banding,
- * above it you're paying for views nobody can distinguish.
- */
-const RadialGlow = exports.RadialGlow = /*#__PURE__*/(0, _react.memo)(function RadialGlow({
-  size,
-  color,
-  alpha = 0.35,
-  rings = 8,
-  falloff = 1.7,
-  style
-}) {
-  const per = 1 - Math.pow(1 - alpha, 1 / rings);
-  const layers = [];
-  for (let i = 0; i < rings; i++) {
-    const d = size * Math.pow((rings - i) / rings, falloff);
-    layers.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        left: (size - d) / 2,
-        top: (size - d) / 2,
-        width: d,
-        height: d,
-        borderRadius: d / 2,
-        backgroundColor: (0, _rng.withAlpha)(color, per)
-      }
-    }, i));
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [{
-      width: size,
-      height: size
-    }, style],
-    pointerEvents: "none",
-    shouldRasterizeIOS: _reactNative.Platform.OS === "ios",
-    renderToHardwareTextureAndroid: _reactNative.Platform.OS === "android",
-    children: layers
-  });
-});
-
-/**
- * Fake linear gradient: `bands` stacked strips with linearly interpolated
- * alpha. Used for scrims (keep text readable over a busy field) and for
- * horizon glows.
- *
- * TRAP (found on the Abyss wash): translucent strips must NOT overlap. An
- * overlap composites the same colour twice, doubling the alpha in a stripe at
- * every band edge — on a dark surface that draws a visible line per band, and
- * because the strips are %-sized the whole ruled pattern rescales as the
- * modal resizes. Strips here butt exactly, with a 0.08% fudge (sub-pixel at
- * any real size) so layout rounding can't open a hairline gap.
- *
- * `flattenBase`: when the fade sits DIRECTLY on a known opaque colour, pass
- * that colour — each strip is then drawn opaque via `flattenOver`, which is
- * pixel-identical, immune to seams entirely, and cheaper to composite.
- */
-const LinearFade = exports.LinearFade = /*#__PURE__*/(0, _react.memo)(function LinearFade({
-  color,
-  from = 0,
-  to = 1,
-  bands = 14,
-  direction = "down",
-  flattenBase,
-  style
-}) {
-  const vertical = direction === "down" || direction === "up";
-  const reversed = direction === "up" || direction === "left";
-  const pct = 100 / bands;
-  const strips = [];
-  for (let i = 0; i < bands; i++) {
-    const t = (i + 0.5) / bands;
-    const a = from + (to - from) * (reversed ? 1 - t : t);
-    const fill = flattenBase ? (0, _rng.flattenOver)(color, a, flattenBase) : (0, _rng.withAlpha)(color, a);
-    strips.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: vertical ? {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        top: `${i * pct}%`,
-        height: `${pct + 0.08}%`,
-        backgroundColor: fill
-      } : {
-        position: "absolute",
-        top: 0,
-        bottom: 0,
-        left: `${i * pct}%`,
-        width: `${pct + 0.08}%`,
-        backgroundColor: fill
-      }
-    }, i));
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [_absoluteFill.absoluteFill, style],
-    pointerEvents: "none",
-    children: strips
-  });
-});
-
-/**
- * Edge darkening. Four `LinearFade`s rather than a real radial vignette —
- * cheaper, and at these alphas the corners read as round anyway.
- */
-const Vignette = exports.Vignette = /*#__PURE__*/(0, _react.memo)(function Vignette({
-  color = "#000000",
-  alpha = 0.55,
-  spread = 0.34
-}) {
-  // Each fade fills its own positioned band, rather than trying to unset
-  // `absoluteFill`'s edges through the style array.
-  const band = `${spread * 100}%`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: _absoluteFill.absoluteFill,
-    pointerEvents: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        top: 0,
-        height: band
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearFade, {
-        color: color,
-        from: alpha,
-        to: 0,
-        direction: "down",
-        bands: 14
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        bottom: 0,
-        height: band
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearFade, {
-        color: color,
-        from: 0,
-        to: alpha,
-        direction: "down",
-        bands: 14
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        top: 0,
-        bottom: 0,
-        left: 0,
-        width: band
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearFade, {
-        color: color,
-        from: alpha,
-        to: 0,
-        direction: "right",
-        bands: 10
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        top: 0,
-        bottom: 0,
-        right: 0,
-        width: band
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearFade, {
-        color: color,
-        from: 0,
-        to: alpha,
-        direction: "right",
-        bands: 10
-      })
-    })]
-  });
-});
-
-/** Flat wash used as the base coat under every preset. */
-const Base = exports.Base = /*#__PURE__*/(0, _react.memo)(function Base({
-  color
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [_absoluteFill.absoluteFill, {
-      backgroundColor: color
-    }],
-    pointerEvents: "none"
-  });
-});
-const hairline = exports.hairline = _reactNative.StyleSheet.hairlineWidth;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.hairline=exports.Vignette=exports.RasterLayer=exports.RadialGlow=exports.LinearFade=exports.Base=void 0;exports.useLoop=useLoop;exports.usePulse=usePulse;var _react=require("react");var _reactNative=require("react-native");var _absoluteFill=require("../../utils/absoluteFill.js");var _rng=require("./rng.js");var _jsxRuntime=require("react/jsx-runtime");const NATIVE_DRIVER=_reactNative.Platform.OS!=="web";function useLoop(i,t=true){const e=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;(0,_react.useEffect)(()=>{if(!t)return;let o=null;const r=()=>{if(o)return;e.setValue(0);o=_reactNative.Animated.loop(_reactNative.Animated.timing(e,{toValue:1,duration:i,easing:_reactNative.Easing.linear,useNativeDriver:NATIVE_DRIVER,isInteraction:false}));o.start()};const n=()=>{o?.stop();o=null;e.setValue(0)};r();const a=_reactNative.AppState.addEventListener("change",l=>{if(l==="active")r();else n()});return()=>{n();a.remove()}},[i,t,e]);return e}function usePulse(i,t=true){const e=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;(0,_react.useEffect)(()=>{if(!t)return;let o=null;const r=()=>{if(o)return;e.setValue(0);o=_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(e,{toValue:1,duration:i/2,easing:_reactNative.Easing.inOut(_reactNative.Easing.quad),useNativeDriver:NATIVE_DRIVER,isInteraction:false}),_reactNative.Animated.timing(e,{toValue:0,duration:i/2,easing:_reactNative.Easing.inOut(_reactNative.Easing.quad),useNativeDriver:NATIVE_DRIVER,isInteraction:false})]));o.start()};const n=()=>{o?.stop();o=null};r();const a=_reactNative.AppState.addEventListener("change",l=>{if(l==="active")r();else n()});return()=>{n();a.remove()}},[i,t,e]);return e}const RasterLayer=exports.RasterLayer=(0,_react.memo)(function i({style:t,raster:e=true,children:o}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:t,pointerEvents:"none",shouldRasterizeIOS:e&&_reactNative.Platform.OS==="ios",renderToHardwareTextureAndroid:e&&_reactNative.Platform.OS==="android",children:o})});const RadialGlow=exports.RadialGlow=(0,_react.memo)(function i({size:t,color:e,alpha:o=.35,rings:r=8,falloff:n=1.7,style:a}){const l=1-Math.pow(1-o,1/r);const d=[];for(let u=0;u<r;u++){const s=t*Math.pow((r-u)/r,n);d.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:(t-s)/2,top:(t-s)/2,width:s,height:s,borderRadius:s/2,backgroundColor:(0,_rng.withAlpha)(e,l)}},u))}return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:t,height:t},a],pointerEvents:"none",shouldRasterizeIOS:_reactNative.Platform.OS==="ios",renderToHardwareTextureAndroid:_reactNative.Platform.OS==="android",children:d})});const LinearFade=exports.LinearFade=(0,_react.memo)(function i({color:t,from:e=0,to:o=1,bands:r=14,direction:n="down",flattenBase:a,style:l}){const d=n==="down"||n==="up";const u=n==="up"||n==="left";const s=100/r;const p=[];for(let c=0;c<r;c++){const h=(c+.5)/r;const f=e+(o-e)*(u?1-h:h);const m=a?(0,_rng.flattenOver)(t,f,a):(0,_rng.withAlpha)(t,f);p.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:d?{position:"absolute",left:0,right:0,top:`${c*s}%`,height:`${s+.08}%`,backgroundColor:m}:{position:"absolute",top:0,bottom:0,left:`${c*s}%`,width:`${s+.08}%`,backgroundColor:m}},c))}return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_absoluteFill.absoluteFill,l],pointerEvents:"none",children:p})});const Vignette=exports.Vignette=(0,_react.memo)(function i({color:t="#000000",alpha:e=.55,spread:o=.34}){const r=`${o*100}%`;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_absoluteFill.absoluteFill,pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,top:0,height:r},children:(0,_jsxRuntime.jsx)(LinearFade,{color:t,from:e,to:0,direction:"down",bands:14})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:0,right:0,bottom:0,height:r},children:(0,_jsxRuntime.jsx)(LinearFade,{color:t,from:0,to:e,direction:"down",bands:14})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",top:0,bottom:0,left:0,width:r},children:(0,_jsxRuntime.jsx)(LinearFade,{color:t,from:e,to:0,direction:"right",bands:10})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",top:0,bottom:0,right:0,width:r},children:(0,_jsxRuntime.jsx)(LinearFade,{color:t,from:0,to:e,direction:"right",bands:10})})]})});const Base=exports.Base=(0,_react.memo)(function i({color:t}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_absoluteFill.absoluteFill,{backgroundColor:t}],pointerEvents:"none"})});const hairline=exports.hairline=_reactNative.StyleSheet.hairlineWidth;

package/lib/commonjs/ui/backgrounds/registry.js

@@ -1,98 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_BACKGROUND = exports.BACKGROUND_PRESETS = void 0;
-exports.getPreset = getPreset;
-exports.presetAt = presetAt;
-exports.presetIndex = presetIndex;
-var _deepField = require("./variants/deepField.js");
-var _wormhole = require("./variants/wormhole.js");
-var _hyperspace = require("./variants/hyperspace.js");
-var _liveSky = require("./variants/liveSky.js");
-var _underwater = require("./variants/underwater.js");
-/**
- * The catalogue. Adding a preset means adding one entry here — the switcher,
- * the persisted selection and every tool surface read from this list.
- *
- * `nodes` and `views` are not decoration: they are the number of native
- * animated nodes the preset runs and the rough count of static views it mounts,
- * so the switcher can show what each look costs while you compare them. Keep
- * them honest.
- */
-
-const BACKGROUND_PRESETS = exports.BACKGROUND_PRESETS = [{
-  id: "off",
-  label: "Off",
-  blurb: "Plain black — no backdrop at all",
-  nodes: 0,
-  views: 1,
-  Component: null
-}, {
-  id: "deepfield",
-  label: "Deep Field",
-  blurb: "The Everlights field — 160 stars, with meteors slamming the walls",
-  // The old standalone Meteors preset folded in: +2 meteor loops, ~55 views
-  // (streak + flash + the pop's 6 rays and ~3 embers per impact).
-  nodes: 24,
-  views: 515,
-  Component: _deepField.DeepField
-}, {
-  id: "hyperspace",
-  label: "Hyperspace",
-  blurb: "Lightspeed — crisp points streaming from a centre vanishing point",
-  nodes: 1,
-  views: 570,
-  Component: _hyperspace.Hyperspace
-}, {
-  id: "livesky",
-  label: "Live Sky",
-  blurb: "The cove on your clock — dawn to dusk, for real",
-  nodes: 5,
-  views: 290,
-  Component: _liveSky.LiveSky
-}, {
-  id: "abyss",
-  label: "Abyss",
-  blurb: "A surface light fanning into the deep",
-  nodes: 4,
-  views: 230,
-  Component: _underwater.Abyss
-}, {
-  id: "bubbles",
-  label: "Bubbles",
-  blurb: "Bubbles wobbling up through the light",
-  nodes: 4,
-  views: 180,
-  Component: _underwater.Bubbles
-}, {
-  id: "jellyfish",
-  label: "Jellyfish",
-  blurb: "A bloom of glowing jellies, big and small, pulsing past",
-  nodes: 15,
-  views: 250,
-  Component: _underwater.Jellyfish
-}, {
-  id: "wormhole",
-  label: "Wormhole",
-  blurb: "Cobalt clouds and copper light — a native flight through the tunnel",
-  nodes: 1,
-  views: 7,
-  Component: _wormhole.Wormhole
-}];
-
-// Ships OFF: a backdrop is an opt-in, so first load is plain black and the
-// choice only persists once the user actually picks one in the switcher.
-const DEFAULT_BACKGROUND = exports.DEFAULT_BACKGROUND = "off";
-function presetIndex(id) {
-  const i = BACKGROUND_PRESETS.findIndex(p => p.id === id);
-  return i < 0 ? 0 : i;
-}
-function presetAt(index) {
-  const n = BACKGROUND_PRESETS.length;
-  return BACKGROUND_PRESETS[(index % n + n) % n];
-}
-function getPreset(id) {
-  return BACKGROUND_PRESETS[presetIndex(id)];
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DEFAULT_BACKGROUND=exports.BACKGROUND_PRESETS=void 0;exports.getPreset=getPreset;exports.presetAt=presetAt;exports.presetIndex=presetIndex;var _deepField=require("./variants/deepField.js");var _wormhole=require("./variants/wormhole.js");var _hyperspace=require("./variants/hyperspace.js");var _liveSky=require("./variants/liveSky.js");var _underwater=require("./variants/underwater.js");const BACKGROUND_PRESETS=exports.BACKGROUND_PRESETS=[{id:"off",label:"Off",blurb:"Plain black \u2014 no backdrop at all",nodes:0,views:1,Component:null},{id:"deepfield",label:"Deep Field",blurb:"The Everlights field \u2014 160 stars, with meteors slamming the walls",nodes:24,views:515,Component:_deepField.DeepField},{id:"hyperspace",label:"Hyperspace",blurb:"Lightspeed \u2014 crisp points streaming from a centre vanishing point",nodes:1,views:570,Component:_hyperspace.Hyperspace},{id:"livesky",label:"Live Sky",blurb:"The cove on your clock \u2014 dawn to dusk, for real",nodes:5,views:290,Component:_liveSky.LiveSky},{id:"abyss",label:"Abyss",blurb:"A surface light fanning into the deep",nodes:4,views:230,Component:_underwater.Abyss},{id:"bubbles",label:"Bubbles",blurb:"Bubbles wobbling up through the light",nodes:4,views:180,Component:_underwater.Bubbles},{id:"jellyfish",label:"Jellyfish",blurb:"A bloom of glowing jellies, big and small, pulsing past",nodes:15,views:250,Component:_underwater.Jellyfish},{id:"wormhole",label:"Wormhole",blurb:"Cobalt clouds and copper light \u2014 a native flight through the tunnel",nodes:1,views:7,Component:_wormhole.Wormhole}];const DEFAULT_BACKGROUND=exports.DEFAULT_BACKGROUND="off";function presetIndex(s){const e=BACKGROUND_PRESETS.findIndex(r=>r.id===s);return e<0?0:e}function presetAt(s){const e=BACKGROUND_PRESETS.length;return BACKGROUND_PRESETS[(s%e+e)%e]}function getPreset(s){return BACKGROUND_PRESETS[presetIndex(s)]}