@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/module/ui/otto/ottoSheet.js

@@ -1,180 +1 @@
-"use strict";
-
-/**
- * Otto's precomputed animation.
- *
- * Every state is a short loop (48 ticks at most). This module renders that
- * loop once, splits it into a BODY layer and a 7-frame WATER layer (they
- * composite back pixel-for-pixel: compose() only paints water into empty
- * cells and blanks a submerged body below the waterline), dedupes the
- * frames, and turns each distinct frame into merged rectangles. The shipping
- * <Otto/> mounts those rectangles ONCE as a strip of static Views and slides
- * a window over the strip on the UI thread.
- *
- * Why: the buoy-optimize rounds in OTTO_PERF_PLAN.md showed that any renderer
- * re-creating Views per tick pegs the JS thread (5 FPS at 34 sprites, dropped
- * UI frames even at 1 sprite), while "mount once, move a window natively"
- * costs nothing per tick and keeps moving while JS is blocked.
- *
- * Everything here is pure `react-native`-free TypeScript, cached per state.
- */
-import { OTTO_GRID, OTTO_PALETTE, ottoWaterRows, renderOttoFrame } from "./ottoEngine.js";
-export const CELLS = OTTO_GRID * OTTO_GRID;
-export const WATER_ROW0 = 13;
-export const WATER_ROWS = OTTO_GRID - WATER_ROW0;
-export const WATER_CELLS = WATER_ROWS * OTTO_GRID;
-/** The wave is a function of floor(t/2) mod 7. */
-export const WATER_FRAMES = 7;
-export const TRANSPARENT = "transparent";
-/** Longest state cycle in ticks (idle and sleep are 48). */
-export const MAX_PERIOD = 48;
-export function gridKey(grid) {
-  return grid.map(r => r.join("")).join("|");
-}
-
-/** Flat 256 colours, row-major, `transparent` for empty cells. */
-export function flatColors(grid) {
-  const out = new Array(CELLS);
-  for (let y = 0; y < OTTO_GRID; y++) {
-    const row = grid[y];
-    for (let x = 0; x < OTTO_GRID; x++) out[y * OTTO_GRID + x] = OTTO_PALETTE[row[x]] ?? TRANSPARENT;
-  }
-  return out;
-}
-
-// ---------------------------------------------------------------- cycle ---
-
-const cycleCache = new Map();
-export function ottoCycle(state, keyline) {
-  const cacheKey = `${state}|${keyline ? 1 : 0}`;
-  const hit = cycleCache.get(cacheKey);
-  if (hit) return hit;
-  const keys = [];
-  const grids = [];
-  for (let t = 0; t < MAX_PERIOD * 2; t++) {
-    const g = renderOttoFrame(state, t, {
-      water: false,
-      keyline
-    });
-    grids.push(g);
-    keys.push(gridKey(g));
-  }
-  let period = MAX_PERIOD;
-  for (let P = 1; P <= MAX_PERIOD; P++) {
-    let ok = true;
-    for (let t = 0; t < MAX_PERIOD; t++) {
-      if (keys[t] !== keys[t + P]) {
-        ok = false;
-        break;
-      }
-    }
-    if (ok) {
-      period = P;
-      break;
-    }
-  }
-  const body = grids.slice(0, period).map(flatColors);
-  const water = [];
-  for (let w = 0; w < WATER_FRAMES; w++) {
-    const flat = [];
-    for (const row of ottoWaterRows(w * 2)) for (const k of row) flat.push(OTTO_PALETTE[k] ?? TRANSPARENT);
-    water.push(flat);
-  }
-  const cycle = {
-    period,
-    body,
-    water
-  };
-  cycleCache.set(cacheKey, cycle);
-  return cycle;
-}
-
-/** Frame indexes for a cycle at local tick `t`. */
-export function cycleIndexes(t, period) {
-  const local = Math.max(0, t);
-  return {
-    bi: local % period,
-    wi: Math.floor(local / 2) % WATER_FRAMES
-  };
-}
-
-// ---------------------------------------------------------------- rects ---
-
-/**
- * Same-colour runs per row, then runs merged with the identical run directly
- * below them — roughly a third fewer Views than row runs alone. Covers
- * exactly the non-transparent cells, never overlaps (proved offline over
- * every frame of every state).
- */
-export function rectsOf(colors, cols, rows) {
-  const open = [];
-  const done = [];
-  for (let y = 0; y < rows; y++) {
-    const rowRuns = [];
-    let x = 0;
-    while (x < cols) {
-      const color = colors[y * cols + x];
-      let w = 1;
-      while (x + w < cols && colors[y * cols + x + w] === color) w++;
-      if (color !== TRANSPARENT) rowRuns.push({
-        x,
-        y,
-        w,
-        h: 1,
-        color
-      });
-      x += w;
-    }
-    const next = [];
-    for (const r of rowRuns) {
-      const above = open.find(o => o.x === r.x && o.w === r.w && o.color === r.color && o.y + o.h === r.y);
-      if (above) {
-        above.h += 1;
-        next.push(above);
-      } else {
-        next.push(r);
-      }
-    }
-    for (const o of open) if (!next.includes(o)) done.push(o);
-    open.length = 0;
-    open.push(...next);
-  }
-  done.push(...open);
-  return done;
-}
-
-// ---------------------------------------------------------------- sheets --
-
-/** One layer as a strip of distinct frames, and which frame each tick shows. */
-
-const sheetCache = new Map();
-function stripOf(frames, cols, rows) {
-  const keys = frames.map(f => f.join(","));
-  const indexOf = new Map();
-  const distinct = [];
-  keys.forEach((k, i) => {
-    if (!indexOf.has(k)) {
-      indexOf.set(k, distinct.length);
-      distinct.push(rectsOf(frames[i], cols, rows));
-    }
-  });
-  return {
-    colOf: keys.map(k => indexOf.get(k) ?? 0),
-    frames: distinct
-  };
-}
-
-/** Both layers of a state as strips of rectangles. Pure; cached per state. */
-export function ottoSheets(state, keyline) {
-  const key = `${state}|${keyline ? 1 : 0}`;
-  const hit = sheetCache.get(key);
-  if (hit) return hit;
-  const cycle = ottoCycle(state, keyline);
-  const built = {
-    period: cycle.period,
-    body: stripOf(cycle.body, OTTO_GRID, OTTO_GRID),
-    water: stripOf(cycle.water, OTTO_GRID, WATER_ROWS)
-  };
-  sheetCache.set(key, built);
-  return built;
-}
+"use strict";import{OTTO_GRID as a,OTTO_PALETTE as x,ottoWaterRows as E,renderOttoFrame as O}from"./ottoEngine.js";export const CELLS=a*a;export const WATER_ROW0=13;export const WATER_ROWS=a-WATER_ROW0;export const WATER_CELLS=WATER_ROWS*a;export const WATER_FRAMES=7;export const TRANSPARENT="transparent";export const MAX_PERIOD=48;export function gridKey(n){return n.map(e=>e.join("")).join("|")}export function flatColors(n){const e=new Array(CELLS);for(let r=0;r<a;r++){const s=n[r];for(let o=0;o<a;o++)e[r*a+o]=x[s[o]]??TRANSPARENT}return e}const w=new Map;export function ottoCycle(n,e){const r=`${n}|${e?1:0}`;const s=w.get(r);if(s)return s;const o=[];const c=[];for(let t=0;t<MAX_PERIOD*2;t++){const p=O(n,t,{water:false,keyline:e});c.push(p);o.push(gridKey(p))}let i=MAX_PERIOD;for(let t=1;t<=MAX_PERIOD;t++){let p=true;for(let h=0;h<MAX_PERIOD;h++){if(o[h]!==o[h+t]){p=false;break}}if(p){i=t;break}}const u=c.slice(0,i).map(flatColors);const l=[];for(let t=0;t<WATER_FRAMES;t++){const p=[];for(const h of E(t*2))for(const R of h)p.push(x[R]??TRANSPARENT);l.push(p)}const f={period:i,body:u,water:l};w.set(r,f);return f}export function cycleIndexes(n,e){const r=Math.max(0,n);return{bi:r%e,wi:Math.floor(r/2)%WATER_FRAMES}}export function rectsOf(n,e,r){const s=[];const o=[];for(let c=0;c<r;c++){const i=[];let u=0;while(u<e){const f=n[c*e+u];let t=1;while(u+t<e&&n[c*e+u+t]===f)t++;if(f!==TRANSPARENT)i.push({x:u,y:c,w:t,h:1,color:f});u+=t}const l=[];for(const f of i){const t=s.find(p=>p.x===f.x&&p.w===f.w&&p.color===f.color&&p.y+p.h===f.y);if(t){t.h+=1;l.push(t)}else{l.push(f)}}for(const f of s)if(!l.includes(f))o.push(f);s.length=0;s.push(...l)}o.push(...s);return o}const y=new Map;function d(n,e,r){const s=n.map(i=>i.join(","));const o=new Map;const c=[];s.forEach((i,u)=>{if(!o.has(i)){o.set(i,c.length);c.push(rectsOf(n[u],e,r))}});return{colOf:s.map(i=>o.get(i)??0),frames:c}}export function ottoSheets(n,e){const r=`${n}|${e?1:0}`;const s=y.get(r);if(s)return s;const o=ottoCycle(n,e);const c={period:o.period,body:d(o.body,a,a),water:d(o.water,a,WATER_ROWS)};y.set(r,c);return c}

package/lib/module/ui/toolTheme.js

@@ -1,93 +1 @@
-"use strict";
-
-import { buoyColors, gameUIColors } from "./gameUI/constants/gameUIColors.js";
-import { monoFont } from "./fonts.js";
-/**
- * Semantic design tokens for dev-tool surfaces — the single documented entry
- * point for custom-tool authors (and, over time, internal tools).
- *
- * Buoy historically grew three color systems (`buoyColors`, `gameUIColors`,
- * `macOSColors`) with tribal knowledge about which to use where. `toolTheme`
- * encodes that knowledge: surfaces/text come from the brand palette, semantic
- * status colors from the gameUI palette. Consumers should not need to know
- * that split exists.
- */
-export const toolTheme = {
-  colors: {
-    /** Modal/page background. */
-    surface: buoyColors.base,
-    /** Card / row background, one step above surface. */
-    card: buoyColors.card,
-    /** Pressed/hover background. */
-    hover: buoyColors.hover,
-    /** Text-input background. */
-    input: buoyColors.input,
-    border: buoyColors.border,
-    borderStrong: buoyColors.borderStrong,
-    text: buoyColors.text,
-    textSecondary: buoyColors.textSecondary,
-    textMuted: buoyColors.textMuted,
-    /** Buoy teal — primary accent. */
-    accent: buoyColors.primary,
-    success: gameUIColors.success,
-    warning: gameUIColors.warning,
-    error: gameUIColors.error,
-    info: gameUIColors.info
-  },
-  /**
-   * Text presets matching the styles internal tools re-declare per file.
-   * Spread into a style: `style={[toolTheme.text.label, { color: ... }]}`.
-   */
-  text: {
-    /** Modal/section titles. */
-    title: {
-      fontSize: 14,
-      fontWeight: "600",
-      color: buoyColors.text
-    },
-    /** Default body copy. */
-    body: {
-      fontSize: 13,
-      color: buoyColors.text
-    },
-    /** Secondary copy under a primary line. */
-    subtitle: {
-      fontSize: 12,
-      color: buoyColors.textSecondary
-    },
-    /** ALL-CAPS section labels ("LOCAL OVERRIDES"). */
-    label: {
-      fontSize: 10,
-      fontWeight: "700",
-      color: buoyColors.textMuted,
-      letterSpacing: 1.2,
-      fontFamily: monoFont
-    },
-    /** Monospace values (keys, ids, payload snippets). */
-    mono: {
-      fontSize: 11,
-      color: buoyColors.textSecondary,
-      fontFamily: monoFont
-    },
-    /** Timestamps and fine print. */
-    small: {
-      fontSize: 9,
-      color: buoyColors.textMuted,
-      fontFamily: monoFont
-    }
-  },
-  /** 4-based spacing scale used across tool surfaces. */
-  spacing: {
-    xs: 4,
-    sm: 8,
-    md: 12,
-    lg: 16,
-    xl: 24
-  },
-  radius: {
-    sm: 6,
-    md: 8,
-    lg: 12,
-    pill: 9999
-  }
-};
+"use strict";import{buoyColors as t,gameUIColors as o}from"./gameUI/constants/gameUIColors.js";import{monoFont as e}from"./fonts.js";export const toolTheme={colors:{surface:t.base,card:t.card,hover:t.hover,input:t.input,border:t.border,borderStrong:t.borderStrong,text:t.text,textSecondary:t.textSecondary,textMuted:t.textMuted,accent:t.primary,success:o.success,warning:o.warning,error:o.error,info:o.info},text:{title:{fontSize:14,fontWeight:"600",color:t.text},body:{fontSize:13,color:t.text},subtitle:{fontSize:12,color:t.textSecondary},label:{fontSize:10,fontWeight:"700",color:t.textMuted,letterSpacing:1.2,fontFamily:e},mono:{fontSize:11,color:t.textSecondary,fontFamily:e},small:{fontSize:9,color:t.textMuted,fontFamily:e}},spacing:{xs:4,sm:8,md:12,lg:16,xl:24},radius:{sm:6,md:8,lg:12,pill:9999}};

package/lib/module/utils/absoluteFill.js

@@ -1,24 +1 @@
-"use strict";
-
-/**
- * Spreadable absolute-fill style.
- *
- * Replaces `StyleSheet.absoluteFillObject`, which was REMOVED in React Native
- * 0.85 (returns `undefined` there). Spreading `undefined` is a silent no-op, so
- * any overlay/backdrop/full-screen Pressable that relied on it collapses to zero
- * size on RN 0.85+ — invisible and untappable.
- *
- * `StyleSheet.absoluteFill` is not a safe replacement for the spread pattern
- * because its type changed across versions: it's a registered style *number* on
- * RN <= 0.84 (spreading a number yields `{}`) and a frozen object only on 0.85+.
- *
- * This plain object works identically on every RN version, whether spread
- * (`{ ...absoluteFill }`) or passed directly (`style={absoluteFill}`).
- */
-export const absoluteFill = {
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0
-};
+"use strict";export const absoluteFill={position:"absolute",top:0,left:0,right:0,bottom:0};

package/lib/module/utils/browserAsyncStorage.js

@@ -0,0 +1 @@
+"use strict";const l=new Set;let f;export function getBrowserStorage(e="localStorage"){if(typeof window==="undefined")throw new Error("Browser storage is unavailable during server rendering.");return window[e]}function I(e){return Array.from({length:e.length},(t,n)=>e.key(n)).filter(t=>t!==null).map(t=>[t,e.getItem(t)])}function u(e){for(const t of[...l]){try{t(e)}catch{}}}function h(){if(typeof window==="undefined"||typeof Storage==="undefined")return;const e=Storage.prototype;const t=e.setItem;const n=e.removeItem;const c=e.clear;const s=r=>{for(const o of["localStorage","sessionStorage"]){try{if(r===window[o])return o}catch{}}return void 0};const m=function(r,o){const a=s(this);const i=String(r);const p=String(o);const S=a?this.getItem(i):null;Reflect.apply(t,this,[i,p]);if(a)u({area:a,action:"setItem",key:i,value:p,prevValue:S})};const y=function(r){const o=s(this);const a=String(r);const i=o?this.getItem(a):null;Reflect.apply(n,this,[a]);if(o)u({area:o,action:"removeItem",key:a,prevValue:i})};const d=function(){const r=s(this);const o=r?I(this):void 0;Reflect.apply(c,this,[]);if(r)u({area:r,action:"clear",prevPairs:o})};e.setItem=m;e.removeItem=y;e.clear=d;const g=r=>{const o=r.storageArea&&s(r.storageArea);if(o)u({area:o,action:r.key===null?"clear":r.newValue===null?"removeItem":"setItem",key:r.key??void 0,value:r.newValue??void 0,prevValue:r.oldValue})};window.addEventListener("storage",g);f=()=>{if(e.setItem===m)e.setItem=t;if(e.removeItem===y)e.removeItem=n;if(e.clear===d)e.clear=c;window.removeEventListener("storage",g);f=void 0}}export function subscribeToBrowserStorage(e){if(!l.size)h();l.add(e);return()=>{l.delete(e);if(!l.size)f?.()}}function w(e,t){if(!e||!t||typeof e!=="object"||typeof t!=="object"||Array.isArray(e)||Array.isArray(t))return t;const n={...e};for(const[c,s]of Object.entries(t)){Object.defineProperty(n,c,{value:w(n[c],s),enumerable:true,writable:true,configurable:true})}return n}const v={async getItem(e){return getBrowserStorage().getItem(e)},async setItem(e,t){getBrowserStorage().setItem(e,t)},async removeItem(e){getBrowserStorage().removeItem(e)},async clear(){getBrowserStorage().clear()},async getAllKeys(){return I(getBrowserStorage()).map(([e])=>e)},async multiGet(e){return e.map(t=>[t,getBrowserStorage().getItem(t)])},async multiSet(e){for(const[t,n]of e)getBrowserStorage().setItem(t,n)},async multiRemove(e){for(const t of e)getBrowserStorage().removeItem(t)},async mergeItem(e,t){const n=getBrowserStorage();n.setItem(e,JSON.stringify(w(JSON.parse(n.getItem(e)??"null"),JSON.parse(t))))},async multiMerge(e){for(const[t,n]of e)await v.mergeItem(t,n)}};export default v;

package/lib/module/utils/browserNavigation.js

@@ -0,0 +1 @@
+"use strict";let n;const a=new Set;let h;export function registerBrowserRouter(t){n=t;return()=>{if(n===t)n=void 0}}export function getBrowserHref(){return typeof location==="undefined"?"/":location.href}export function getBrowserRouteURL(t=getBrowserHref()){const e=new URL(t,"http://localhost");return e.hash.startsWith("#/")?new URL(e.hash.slice(1),e.origin):e}export function subscribeBrowserNavigation(t){if(!a.size&&typeof window!=="undefined"){const e=window.history;const o=e.pushState;const c=e.replaceState;const r=s=>{for(const i of[...a]){try{i({href:getBrowserHref(),kind:s})}catch{}}};const w=function(...s){const i=Reflect.apply(o,this,s);r("push");return i};const d=function(...s){const i=Reflect.apply(c,this,s);r("replace");return i};e.pushState=w;e.replaceState=d;const p=()=>r("pop");window.addEventListener("popstate",p);window.addEventListener("hashchange",p);h=()=>{if(e.pushState===w)e.pushState=o;if(e.replaceState===d)e.replaceState=c;window.removeEventListener("popstate",p);window.removeEventListener("hashchange",p);h=void 0}}a.add(t);return()=>{a.delete(t);if(!a.size)h?.()}}function u(t){const e=typeof t==="string"?t:t.pathname;const o=new URL(e,getBrowserHref());if(o.origin!==window.location.origin)throw new Error("Tool navigation must stay on the current origin.");if(typeof t!=="string")for(const[c,r]of Object.entries(t.params??{}))o.searchParams.set(c,String(r));return`${o.pathname}${o.search}${o.hash}`}export const browserRouter={push(t){const e=u(t);if(n)return n.push(e);window.history.pushState(null,"",window.location.hash.startsWith("#/")?`#${e}`:e);window.dispatchEvent(new PopStateEvent("popstate",{state:window.history.state}))},replace(t){const e=u(t);if(n)return n.replace(e);window.history.replaceState(window.history.state,"",window.location.hash.startsWith("#/")?`#${e}`:e);window.dispatchEvent(new PopStateEvent("popstate",{state:window.history.state}))},back(){if(n)n.back();else window.history.back()},canGoBack(){return n?.canGoBack?.()??(typeof window!=="undefined"&&window.history.length>1)},navigate(t){browserRouter.push(t)},setParams(t){browserRouter.replace({pathname:getBrowserHref(),params:t})},dismiss(t=1){window.history.go(-t)},dismissAll(){throw new Error("Use the captured browser history to select a destination.")}};

package/lib/module/utils/devServer.js

@@ -1,58 +1 @@
-"use strict";
-
-/**
- * devServer
- *
- * Origin of the Metro/Expo dev server that served this bundle, e.g.
- * `http://192.168.1.20:8081`.
- *
- * Why a remote driver wants it: reloading the app normally runs IN the app
- * (`DevSettings.reload()`), which is exactly what stops working when the app
- * has crashed — a fatal render error unmounts the tree, so no JS action can be
- * answered and the one command that would recover the app is unreachable. The
- * dev server's message socket reloads through the NATIVE side instead (it is
- * what the `r` key and the redbox's Reload button use), so a driver that knows
- * this origin can recover an app that can no longer help itself.
- *
- * Reported once, while the app is healthy, so it is already known by the time
- * it's needed.
- */
-
-const ORIGIN_RE = /^(https?:\/\/[^/]+)/;
-
-/** Bundle URL this JS realm was loaded from, or null off React Native. */
-function scriptURL() {
-  try {
-    // Requires stay lexically inside try{} so Metro treats them as optional —
-    // react-native-web has neither path and falls through to null.
-    const NativeSourceCode =
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    require("react-native/Libraries/NativeModules/specs/NativeSourceCode").default;
-    const url = NativeSourceCode?.getConstants?.().scriptURL;
-    if (url) return url;
-  } catch {
-    // RN internals moved, or old architecture — try NativeModules below.
-  }
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const {
-      NativeModules
-    } = require("react-native");
-    const url = NativeModules?.SourceCode?.getConstants?.().scriptURL ?? NativeModules?.SourceCode?.scriptURL;
-    if (url) return url;
-  } catch {
-    // not React Native
-  }
-  return null;
-}
-
-/**
- * `http://host:port` of the dev server, or null in production / on web (a
- * release bundle's scriptURL is a `file://` path, which has no origin worth
- * reporting).
- */
-export function getDevServerOrigin() {
-  const url = scriptURL();
-  if (!url || !/^https?:\/\//.test(url)) return null;
-  return url.match(ORIGIN_RE)?.[1] ?? null;
-}
+"use strict";const n=/^(https?:\/\/[^/]+)/;function c(){try{const{TurboModuleRegistry:t}=require("react-native");const e=t?.get?.("SourceCode");const r=e?.getConstants?.().scriptURL;if(r)return r}catch{}try{const{NativeModules:t}=require("react-native");const e=t?.SourceCode?.getConstants?.().scriptURL??t?.SourceCode?.scriptURL;if(e)return e}catch{}return null}export function getDevServerOrigin(){const t=c();if(!t||!/^https?:\/\//.test(t))return null;return t.match(n)?.[1]??null}

package/lib/module/utils/devServer.web.js

@@ -0,0 +1 @@
+"use strict";export function getDevServerOrigin(){return null}

package/lib/module/utils/displayValue.js

@@ -1,36 +1 @@
-"use strict";
-
-import { serialize, deserialize } from "./minimalSuperJSON.js";
-
-/**
- * Displays a string regardless the type of the data
- * Uses minimal SuperJSON to properly serialize complex objects, avoiding [object Object].
- * @param {unknown} value Value to be stringified
- * @param {boolean} beautify Formats json to multiline
- */
-export const displayValue = (value, beautify = false) => {
-  const {
-    json
-  } = serialize(value);
-  return JSON.stringify(json, null, beautify ? 2 : undefined);
-};
-
-/**
- * Parses a string that was serialized with displayValue/minimal SuperJSON.
- * Properly deserializes complex types like Date, RegExp, Map, Set, etc.
- *
- * @param value - The string to parse
- * @returns The deserialized value
- */
-export const parseDisplayValue = value => {
-  try {
-    const parsed = JSON.parse(value);
-    return deserialize({
-      json: parsed,
-      meta: undefined
-    });
-  } catch {
-    // Fallback to regular JSON.parse if not a SuperJSON serialized value
-    return JSON.parse(value);
-  }
-};
+"use strict";import{serialize as t,deserialize as n}from"./minimalSuperJSON.js";export const displayValue=(e,r=false)=>{const{json:s}=t(e);return JSON.stringify(s,null,r?2:void 0)};export const parseDisplayValue=e=>{try{const r=JSON.parse(e);return n({json:r,meta:void 0})}catch{return JSON.parse(e)}};

package/lib/module/utils/domRuntime.js

@@ -0,0 +1 @@
+"use strict";const s=new WeakMap;let d=1;export function isDOMElement(n){return!!n&&typeof n==="object"&&n.nodeType===1&&typeof n.getBoundingClientRect==="function"}export function getDOMNodeHandle(n){if(!isDOMElement(n))return null;let t=s.get(n);if(t===void 0){t=d++;s.set(n,t)}return t}export function getDOMFiber(n){if(!isDOMElement(n))return null;const t=Object.keys(n).find(e=>e.startsWith("__reactFiber$"));return t?n[t]:null}export function getDOMControlProps(n,t){if(!isDOMElement(n)||!t)return t;const e=n;const o=n.tagName.toLowerCase();const i=o==="input"&&(e.type==="checkbox"||e.type==="radio");const r=o==="input"&&e.type==="range";const c=o==="textarea"||o==="select"||o==="input"&&!i&&!r&&!["button","submit","reset","file","hidden"].includes(e.type);const a=u=>{if(i){if(e.checked!==Boolean(u))e.click();return}const l=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),"value")?.set;if(l)l.call(e,String(u));else e.value=String(u);e.dispatchEvent(new Event("input",{bubbles:true}));e.dispatchEvent(new Event("change",{bubbles:true}))};return{...t,__buoyDevToolsRoot:t.__buoyDevToolsRoot||t["data-buoy-root"]!==void 0,testID:t.testID??t["data-testid"],nativeID:t.nativeID??t.id,accessibilityLabel:t.accessibilityLabel??t["aria-label"],accessibilityRole:t.accessibilityRole??t.role??(o==="button"?"button":o==="a"?"link":i?e.type:c?"textbox":r?"slider":void 0),onPress:t.onPress??(typeof t.onClick==="function"||o==="button"||o==="a"?()=>e.click():void 0),...i||r?{onValueChange:a,value:i?e.checked:Number(e.value),...r?{minimumValue:Number(e.min||0),maximumValue:Number(e.max||100)}:{}}:{},...c?{onChangeText:a,value:e.value}:{}}}export function getDOMPublicInstance(n){if(!isDOMElement(n))return null;return{__nativeTag:getDOMNodeHandle(n),measure(t){const e=n.getBoundingClientRect();t(e.x,e.y,e.width,e.height,e.x,e.y)},measureInWindow(t){const e=n.getBoundingClientRect();t(e.x,e.y,e.width,e.height)},requestTVFocus(){n.focus()},focus(){n.focus()}}}const g={topFocus:"focus",topBlur:"blur",topTouchStart:"pointerdown",topTouchMove:"pointermove",topTouchEnd:"pointerup",topTouchCancel:"pointercancel",topChange:"input",topValueChange:"input",topSlidingComplete:"change"};export function resolveDOMEventEmitter(){if(typeof document==="undefined")return{emitter:null,reason:"DOM events are unavailable during server rendering."};return{reason:null,emitter:{addListener(n,t){const e=g[n];if(!e)throw new Error(`Unsupported DOM event: ${n}`);const o=i=>{const r=i.composedPath()[0]??i.target;if(!isDOMElement(r))return;const c=r;const a=i;const u={target:getDOMNodeHandle(r),pageX:a.clientX,pageY:a.clientY};if(e==="input"||e==="change"){if(c.type==="checkbox"||c.type==="radio")u.value=c.checked;else if(c.type==="range")u.value=Number(c.value);else u.text=c.value??r.textContent??""}t({eventName:n,nativeEvent:u})};document.addEventListener(e,o,true);return{remove:()=>document.removeEventListener(e,o,true)}}}}}

package/lib/module/utils/expoRouterModule.js

@@ -0,0 +1 @@
+"use strict";import{NativeModules as e}from"react-native";function t(){const r=globalThis.expo;if(r!=null&&(r.modules!=null||r.EventEmitter!=null||r.NativeModule!=null)){return true}if(e.ExpoLinking){return true}if(e.NativeUnimoduleProxy||e.ExpoModulesCore){return true}if(e.ExpoGoModule||e.ExpoUpdates){return true}return false}export function loadExpoRouter(){if(!t())return null;try{return require("expo-router")}catch{return null}}export function loadExpoRouterStore(){try{return require("expo-router/build/global-state/router-store")?.store??null}catch{return null}}

package/lib/module/utils/expoRouterModule.web.js

@@ -0,0 +1 @@
+"use strict";export function loadExpoRouter(){return null}export function loadExpoRouterStore(){return null}

package/lib/module/utils/formatting/dataFormatting.js

@@ -1,93 +1 @@
-"use strict";
-
-/**
- * Shared data formatting utilities
- */
-
-/**
- * Format byte size to human-readable format
- * @param bytes Size in bytes
- * @returns Formatted size string (e.g., "1.5 KB", "2.3 MB")
- */
-export function formatBytes(bytes) {
-  if (bytes === undefined || bytes === null) return "N/A";
-  if (bytes === 0) return "0 B";
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${(bytes / Math.pow(k, i)).toFixed(1)} ${sizes[i]}`;
-}
-
-/**
- * Format duration from milliseconds to human-readable format
- * @param ms Duration in milliseconds
- * @returns Formatted duration string (e.g., "500ms", "1.5s", "2m 30s")
- */
-export function formatDuration(ms) {
-  if (ms === undefined || ms === null) return "N/A";
-  if (ms < 1000) {
-    return `${ms}ms`;
-  }
-  if (ms < 60000) {
-    return `${(ms / 1000).toFixed(1)}s`;
-  }
-  if (ms < 3600000) {
-    const minutes = Math.floor(ms / 60000);
-    const seconds = Math.floor(ms % 60000 / 1000);
-    return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
-  }
-  const hours = Math.floor(ms / 3600000);
-  const minutes = Math.floor(ms % 3600000 / 60000);
-  return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
-}
-
-/**
- * Format a number with thousand separators
- * @param num The number to format
- * @returns Formatted number string (e.g., "1,234,567")
- */
-export function formatNumber(num) {
-  return num.toLocaleString();
-}
-
-/** Default max bytes per value before it gets omitted from copy output (50 KB) */
-export const COPY_PAYLOAD_MAX_BYTES = 50_000;
-
-/**
- * Truncate a payload that is too large to be useful in clipboard output.
- * If the serialized value exceeds `maxBytes`, returns a human-readable
- * placeholder string instead of the original value.
- *
- * Use this in snapshot/copy functions to prevent huge values (e.g. react-query-cache)
- * from making copied output unreadable or crashing the clipboard.
- *
- * @example
- * value: truncatePayload(event.data?.value)
- * // → "[omitted: 4.2 MB — too large to copy]"
- */
-export function truncatePayload(value, maxBytes = COPY_PAYLOAD_MAX_BYTES) {
-  try {
-    const serialized = JSON.stringify(value);
-    if (serialized.length > maxBytes) {
-      return `[omitted: ${formatBytes(serialized.length)} — too large to copy]`;
-    }
-    return value;
-  } catch {
-    return "[omitted: could not serialize]";
-  }
-}
-
-/**
- * Truncate a string in the middle with ellipsis
- * @param str The string to truncate
- * @param maxLength Maximum length before truncation
- * @param startChars Number of characters to show at start
- * @param endChars Number of characters to show at end
- * @returns Truncated string
- */
-export function truncateMiddle(str, maxLength = 50, startChars = 20, endChars = 20) {
-  if (str.length <= maxLength) return str;
-  const start = str.slice(0, startChars);
-  const end = str.slice(-endChars);
-  return `${start}...${end}`;
-}
+"use strict";export function formatBytes(t){if(t===void 0||t===null)return"N/A";if(t===0)return"0 B";const n=1024;const o=["B","KB","MB","GB","TB"];const r=Math.floor(Math.log(t)/Math.log(n));return`${(t/Math.pow(n,r)).toFixed(1)} ${o[r]}`}export function formatDuration(t){if(t===void 0||t===null)return"N/A";if(t<1e3){return`${t}ms`}if(t<6e4){return`${(t/1e3).toFixed(1)}s`}if(t<36e5){const r=Math.floor(t/6e4);const e=Math.floor(t%6e4/1e3);return e>0?`${r}m ${e}s`:`${r}m`}const n=Math.floor(t/36e5);const o=Math.floor(t%36e5/6e4);return o>0?`${n}h ${o}m`:`${n}h`}export function formatNumber(t){return t.toLocaleString()}export const COPY_PAYLOAD_MAX_BYTES=5e4;export function truncatePayload(t,n=COPY_PAYLOAD_MAX_BYTES){try{const o=JSON.stringify(t);if(o.length>n){return`[omitted: ${formatBytes(o.length)} \u2014 too large to copy]`}return t}catch{return"[omitted: could not serialize]"}}export function truncateMiddle(t,n=50,o=20,r=20){if(t.length<=n)return t;const e=t.slice(0,o);const i=t.slice(-r);return`${e}...${i}`}

package/lib/module/utils/formatting/httpFormatting.js

@@ -1,142 +1 @@
-"use strict";
-
-/**
- * HTTP-specific formatting utilities
- */
-
-import { gameUIColors } from "../../ui/gameUI/constants/gameUIColors.js";
-
-/**
- * Format HTTP status code with color and meaning
- * @param status HTTP status code
- * @returns Object with formatted text, color, and meaning
- */
-export function formatHttpStatus(status) {
-  // 1xx Informational
-  if (status >= 100 && status < 200) {
-    return {
-      text: String(status),
-      color: gameUIColors.info,
-      meaning: "Informational"
-    };
-  }
-
-  // 2xx Success
-  if (status >= 200 && status < 300) {
-    const meanings = {
-      200: "OK",
-      201: "Created",
-      202: "Accepted",
-      204: "No Content",
-      206: "Partial Content"
-    };
-    return {
-      text: String(status),
-      color: gameUIColors.success,
-      meaning: meanings[status] || "Success"
-    };
-  }
-
-  // 3xx Redirection
-  if (status >= 300 && status < 400) {
-    const meanings = {
-      301: "Moved Permanently",
-      302: "Found",
-      303: "See Other",
-      304: "Not Modified",
-      307: "Temporary Redirect",
-      308: "Permanent Redirect"
-    };
-    return {
-      text: String(status),
-      color: gameUIColors.warning,
-      meaning: meanings[status] || "Redirect"
-    };
-  }
-
-  // 4xx Client Error
-  if (status >= 400 && status < 500) {
-    const meanings = {
-      400: "Bad Request",
-      401: "Unauthorized",
-      402: "Payment Required",
-      403: "Forbidden",
-      404: "Not Found",
-      405: "Method Not Allowed",
-      408: "Request Timeout",
-      409: "Conflict",
-      410: "Gone",
-      422: "Unprocessable Entity",
-      429: "Too Many Requests"
-    };
-    return {
-      text: String(status),
-      color: gameUIColors.error,
-      meaning: meanings[status] || "Client Error"
-    };
-  }
-
-  // 5xx Server Error
-  if (status >= 500) {
-    const meanings = {
-      500: "Internal Server Error",
-      501: "Not Implemented",
-      502: "Bad Gateway",
-      503: "Service Unavailable",
-      504: "Gateway Timeout",
-      505: "HTTP Version Not Supported"
-    };
-    return {
-      text: String(status),
-      color: gameUIColors.error,
-      meaning: meanings[status] || "Server Error"
-    };
-  }
-  return {
-    text: String(status),
-    color: gameUIColors.muted,
-    meaning: "Unknown"
-  };
-}
-
-/**
- * Get color for HTTP method
- * @param method HTTP method (GET, POST, etc.)
- * @returns Color string for the method
- */
-export function getMethodColor(method) {
-  const colors = {
-    GET: gameUIColors.success,
-    POST: gameUIColors.info,
-    PUT: gameUIColors.warning,
-    DELETE: gameUIColors.error,
-    PATCH: gameUIColors.network,
-    HEAD: gameUIColors.muted,
-    OPTIONS: gameUIColors.secondary,
-    CONNECT: gameUIColors.critical,
-    TRACE: gameUIColors.env
-  };
-  return colors[method.toUpperCase()] || gameUIColors.muted;
-}
-
-/**
- * Parse URL into components for display
- * @param url The URL to parse
- * @returns URL components
- */
-
-export function parseUrl(url) {
-  try {
-    const parsed = new URL(url);
-    return {
-      protocol: parsed.protocol.replace(":", ""),
-      host: parsed.hostname,
-      port: parsed.port || undefined,
-      pathname: parsed.pathname,
-      search: parsed.search || undefined,
-      hash: parsed.hash || undefined
-    };
-  } catch {
-    return null;
-  }
-}
+"use strict";import{gameUIColors as n}from"../../ui/gameUI/constants/gameUIColors.js";export function formatHttpStatus(e){if(e>=100&&e<200){return{text:String(e),color:n.info,meaning:"Informational"}}if(e>=200&&e<300){const r={200:"OK",201:"Created",202:"Accepted",204:"No Content",206:"Partial Content"};return{text:String(e),color:n.success,meaning:r[e]||"Success"}}if(e>=300&&e<400){const r={301:"Moved Permanently",302:"Found",303:"See Other",304:"Not Modified",307:"Temporary Redirect",308:"Permanent Redirect"};return{text:String(e),color:n.warning,meaning:r[e]||"Redirect"}}if(e>=400&&e<500){const r={400:"Bad Request",401:"Unauthorized",402:"Payment Required",403:"Forbidden",404:"Not Found",405:"Method Not Allowed",408:"Request Timeout",409:"Conflict",410:"Gone",422:"Unprocessable Entity",429:"Too Many Requests"};return{text:String(e),color:n.error,meaning:r[e]||"Client Error"}}if(e>=500){const r={500:"Internal Server Error",501:"Not Implemented",502:"Bad Gateway",503:"Service Unavailable",504:"Gateway Timeout",505:"HTTP Version Not Supported"};return{text:String(e),color:n.error,meaning:r[e]||"Server Error"}}return{text:String(e),color:n.muted,meaning:"Unknown"}}export function getMethodColor(e){const r={GET:n.success,POST:n.info,PUT:n.warning,DELETE:n.error,PATCH:n.network,HEAD:n.muted,OPTIONS:n.secondary,CONNECT:n.critical,TRACE:n.env};return r[e.toUpperCase()]||n.muted}export function parseUrl(e){try{const r=new URL(e);return{protocol:r.protocol.replace(":",""),host:r.hostname,port:r.port||void 0,pathname:r.pathname,search:r.search||void 0,hash:r.hash||void 0}}catch{return null}}