@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/module/hooks/useDeviceInfo.js

@@ -1,519 +1 @@
-"use strict";
-
-/**
- * Comprehensive device information hook
- *
- * Extracts every available piece of device information from React Native core APIs
- * without requiring third-party native modules.
- */
-
-import { useState, useEffect, useCallback } from "react";
-import { Platform, Dimensions, PixelRatio, AccessibilityInfo, Appearance, I18nManager, NativeModules, Keyboard, AppState, StatusBar } from "react-native";
-
-// ============================================================================
-// TYPES
-// ============================================================================
-
-// ============================================================================
-// HELPER FUNCTIONS
-// ============================================================================
-
-async function getAccessibilitySettings() {
-  const [isScreenReaderEnabled, isReduceMotionEnabled, isReduceTransparencyEnabled] = await Promise.all([AccessibilityInfo.isScreenReaderEnabled(), AccessibilityInfo.isReduceMotionEnabled(), AccessibilityInfo.isReduceTransparencyEnabled()]);
-  const settings = {
-    isScreenReaderEnabled,
-    isReduceMotionEnabled,
-    isReduceTransparencyEnabled
-  };
-  if (Platform.OS === "ios") {
-    const [isBoldTextEnabled, isGrayscaleEnabled, isInvertColorsEnabled, isDarkerSystemColorsEnabled, prefersCrossFadeTransitions] = await Promise.all([AccessibilityInfo.isBoldTextEnabled?.() ?? Promise.resolve(false), AccessibilityInfo.isGrayscaleEnabled?.() ?? Promise.resolve(false), AccessibilityInfo.isInvertColorsEnabled?.() ?? Promise.resolve(false),
-    // @ts-ignore - may not be typed
-    AccessibilityInfo.isDarkerSystemColorsEnabled?.() ?? Promise.resolve(false),
-    // @ts-ignore - may not be typed
-    AccessibilityInfo.prefersCrossFadeTransitions?.() ?? Promise.resolve(false)]);
-    settings.isBoldTextEnabled = isBoldTextEnabled;
-    settings.isGrayscaleEnabled = isGrayscaleEnabled;
-    settings.isInvertColorsEnabled = isInvertColorsEnabled;
-    settings.isDarkerSystemColorsEnabled = isDarkerSystemColorsEnabled;
-    settings.prefersCrossFadeTransitions = prefersCrossFadeTransitions;
-  }
-  if (Platform.OS === "android") {
-    // @ts-ignore - may not be typed
-    const isHighTextContrastEnabled = (await AccessibilityInfo.isHighTextContrastEnabled?.()) ?? false;
-    settings.isHighTextContrastEnabled = isHighTextContrastEnabled;
-  }
-  return settings;
-}
-function getPlatformInfo() {
-  const constants = Platform.constants;
-  const base = {
-    os: Platform.OS,
-    version: Platform.Version,
-    reactNativeVersion: constants.reactNativeVersion,
-    isTesting: Platform.isTesting ?? false,
-    isDisableAnimations: constants.isDisableAnimations ?? false
-  };
-  if (Platform.OS === "ios") {
-    return {
-      ...base,
-      osVersion: constants.osVersion,
-      systemName: constants.systemName,
-      interfaceIdiom: constants.interfaceIdiom,
-      isPad: Platform.isPad,
-      isTV: Platform.isTV,
-      isVision: Platform.isVision ?? false,
-      isMacCatalyst: Platform.isMacCatalyst ?? false,
-      forceTouchAvailable: constants.forceTouchAvailable
-    };
-  }
-  if (Platform.OS === "android") {
-    return {
-      ...base,
-      apiLevel: constants.Version,
-      release: constants.Release,
-      brand: constants.Brand,
-      manufacturer: constants.Manufacturer,
-      model: constants.Model,
-      fingerprint: constants.Fingerprint,
-      serial: constants.Serial,
-      uiMode: constants.uiMode
-    };
-  }
-  return base;
-}
-function getDisplayInfo() {
-  const window = Dimensions.get("window");
-  const screen = Dimensions.get("screen");
-  const info = {
-    window: {
-      width: window.width,
-      height: window.height,
-      scale: window.scale,
-      fontScale: window.fontScale
-    },
-    screen: {
-      width: screen.width,
-      height: screen.height,
-      scale: screen.scale,
-      fontScale: screen.fontScale
-    },
-    pixelRatio: PixelRatio.get(),
-    fontScale: PixelRatio.getFontScale(),
-    isLandscape: window.width > window.height,
-    isPortrait: window.height > window.width
-  };
-
-  // iOS specific
-  if (Platform.OS === "ios") {
-    try {
-      const deviceInfo = NativeModules.DeviceInfo?.getConstants?.();
-      info.isIPhoneNotched = deviceInfo?.isIPhoneX_deprecated ?? false;
-    } catch {
-      info.isIPhoneNotched = false;
-    }
-  }
-
-  // Android specific
-  if (Platform.OS === "android") {
-    try {
-      const deviceInfo = NativeModules.DeviceInfo?.getConstants?.();
-      info.isEdgeToEdge = deviceInfo?.isEdgeToEdge ?? false;
-      // densityDpi can be derived from scale: scale * 160
-      info.densityDpi = Math.round(window.scale * 160);
-    } catch {
-      // Ignore
-    }
-  }
-  return info;
-}
-async function getStatusBarHeight() {
-  return new Promise(resolve => {
-    let resolved = false;
-    if (Platform.OS === "ios") {
-      NativeModules.StatusBarManager?.getHeight?.(result => {
-        if (!resolved) {
-          resolved = true;
-          resolve(result?.height ?? null);
-        }
-      }) ?? resolve(null);
-    } else if (Platform.OS === "android") {
-      // Android StatusBar.currentHeight is synchronous
-      resolved = true;
-      resolve(StatusBar.currentHeight ?? null);
-    } else {
-      resolved = true;
-      resolve(null);
-    }
-
-    // Timeout fallback
-    setTimeout(() => {
-      if (!resolved) {
-        resolved = true;
-        resolve(null);
-      }
-    }, 100);
-  });
-}
-function getLocaleInfo() {
-  const info = {
-    isRTL: I18nManager.isRTL,
-    doLeftAndRightSwapInRTL: I18nManager.doLeftAndRightSwapInRTL
-  };
-  if (Platform.OS === "android") {
-    // @ts-ignore
-    info.localeIdentifier = I18nManager.localeIdentifier;
-  }
-  return info;
-}
-function getSettingsInfo() {
-  if (Platform.OS === "ios") {
-    try {
-      // This returns the entire NSUserDefaults dictionary
-      const constants = NativeModules.SettingsManager?.getConstants?.();
-      return {
-        userDefaults: constants?.settings ?? {}
-      };
-    } catch {
-      return {};
-    }
-  }
-  return {};
-}
-function getUniqueIdentifiers() {
-  const identifiers = {};
-  if (Platform.OS === "android") {
-    const constants = Platform.constants;
-    identifiers.serial = constants.Serial;
-    identifiers.fingerprint = constants.Fingerprint;
-
-    // Note: getAndroidID() requires calling native method
-    try {
-      const PlatformConstants = NativeModules.PlatformConstants;
-      if (PlatformConstants?.getAndroidID) {
-        identifiers.androidId = PlatformConstants.getAndroidID();
-      }
-    } catch {
-      // Ignore
-    }
-  }
-  return identifiers;
-}
-
-/**
- * Generate a device fingerprint hash from stable properties
- */
-function generateFingerprint(info) {
-  const components = [
-  // Platform
-  info.platform.os, info.platform.version,
-  // Display (most stable - identifies device model)
-  info.display.window.width, info.display.window.height, info.display.pixelRatio,
-  // iOS specific
-  info.platform.interfaceIdiom ?? "", info.platform.forceTouchAvailable ?? false, info.display.isIPhoneNotched ?? false,
-  // Android specific
-  info.platform.model ?? "", info.platform.brand ?? "", info.platform.manufacturer ?? "", info.platform.uiMode ?? ""];
-
-  // Simple hash function
-  const str = components.join("|");
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash; // Convert to 32-bit integer
-  }
-  return Math.abs(hash).toString(16).padStart(8, "0");
-}
-
-// ============================================================================
-// THE HOOK
-// ============================================================================
-
-export function useDeviceInfo() {
-  const [isLoading, setIsLoading] = useState(true);
-  const [platform, setPlatform] = useState(getPlatformInfo());
-  const [display, setDisplay] = useState(getDisplayInfo());
-  const [accessibility, setAccessibility] = useState({
-    isScreenReaderEnabled: false,
-    isReduceMotionEnabled: false,
-    isReduceTransparencyEnabled: false
-  });
-  const [appearance, setAppearance] = useState(() => {
-    const colorScheme = Appearance.getColorScheme() ?? null;
-    return {
-      colorScheme,
-      prefersDarkMode: colorScheme === "dark"
-    };
-  });
-  const [locale, setLocale] = useState(getLocaleInfo());
-  const [statusBar, setStatusBar] = useState({
-    height: null,
-    isVisible: true
-  });
-  const [keyboard, setKeyboard] = useState({
-    isVisible: false,
-    height: 0,
-    animationDuration: 0
-  });
-  const [appStateInfo, setAppStateInfo] = useState({
-    currentState: AppState.currentState,
-    isActive: AppState.currentState === "active"
-  });
-  const [identifiers, setIdentifiers] = useState(getUniqueIdentifiers());
-  const [settings, setSettings] = useState(getSettingsInfo());
-  const [timestamp, setTimestamp] = useState(Date.now());
-
-  // Refresh function
-  const refresh = useCallback(async () => {
-    setIsLoading(true);
-    const [accessibilitySettings, statusBarHeight] = await Promise.all([getAccessibilitySettings(), getStatusBarHeight()]);
-    setPlatform(getPlatformInfo());
-    setDisplay(getDisplayInfo());
-    setAccessibility(accessibilitySettings);
-    const currentColorScheme = Appearance.getColorScheme() ?? null;
-    setAppearance({
-      colorScheme: currentColorScheme,
-      prefersDarkMode: currentColorScheme === "dark"
-    });
-    setLocale(getLocaleInfo());
-    setStatusBar(prev => ({
-      ...prev,
-      height: statusBarHeight
-    }));
-    setIdentifiers(getUniqueIdentifiers());
-    setSettings(getSettingsInfo());
-    setTimestamp(Date.now());
-    setIsLoading(false);
-  }, []);
-
-  // Initial load
-  useEffect(() => {
-    refresh();
-  }, [refresh]);
-
-  // Dimension changes
-  useEffect(() => {
-    const subscription = Dimensions.addEventListener("change", ({
-      window,
-      screen
-    }) => {
-      setDisplay(prev => ({
-        ...prev,
-        window: {
-          width: window.width,
-          height: window.height,
-          scale: window.scale,
-          fontScale: window.fontScale
-        },
-        screen: {
-          width: screen.width,
-          height: screen.height,
-          scale: screen.scale,
-          fontScale: screen.fontScale
-        },
-        isLandscape: window.width > window.height,
-        isPortrait: window.height > window.width
-      }));
-    });
-    return () => subscription.remove();
-  }, []);
-
-  // Appearance changes
-  useEffect(() => {
-    const subscription = Appearance.addChangeListener(({
-      colorScheme
-    }) => {
-      const scheme = colorScheme ?? null;
-      setAppearance({
-        colorScheme: scheme,
-        prefersDarkMode: scheme === "dark"
-      });
-    });
-    return () => subscription.remove();
-  }, []);
-
-  // Keyboard changes
-  useEffect(() => {
-    const showListener = Keyboard.addListener(Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow", event => {
-      setKeyboard({
-        isVisible: true,
-        height: event.endCoordinates.height,
-        animationDuration: event.duration ?? 0
-      });
-    });
-    const hideListener = Keyboard.addListener(Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide", event => {
-      setKeyboard({
-        isVisible: false,
-        height: 0,
-        animationDuration: event.duration ?? 0
-      });
-    });
-    return () => {
-      showListener.remove();
-      hideListener.remove();
-    };
-  }, []);
-
-  // App state changes
-  useEffect(() => {
-    const subscription = AppState.addEventListener("change", nextState => {
-      setAppStateInfo({
-        currentState: nextState,
-        isActive: nextState === "active"
-      });
-    });
-    return () => subscription.remove();
-  }, []);
-
-  // Accessibility changes
-  useEffect(() => {
-    const listeners = [AccessibilityInfo.addEventListener("screenReaderChanged", isEnabled => {
-      setAccessibility(prev => ({
-        ...prev,
-        isScreenReaderEnabled: isEnabled
-      }));
-    }), AccessibilityInfo.addEventListener("reduceMotionChanged", isEnabled => {
-      setAccessibility(prev => ({
-        ...prev,
-        isReduceMotionEnabled: isEnabled
-      }));
-    }), AccessibilityInfo.addEventListener("reduceTransparencyChanged", isEnabled => {
-      setAccessibility(prev => ({
-        ...prev,
-        isReduceTransparencyEnabled: isEnabled
-      }));
-    })];
-    if (Platform.OS === "ios") {
-      // iOS-specific accessibility events - using type assertion for non-standard events
-      const addIOSListener = (eventName, handler) => {
-        return AccessibilityInfo.addEventListener(eventName, handler);
-      };
-      listeners.push(addIOSListener("boldTextChanged", isEnabled => {
-        setAccessibility(prev => ({
-          ...prev,
-          isBoldTextEnabled: isEnabled
-        }));
-      }), addIOSListener("grayscaleChanged", isEnabled => {
-        setAccessibility(prev => ({
-          ...prev,
-          isGrayscaleEnabled: isEnabled
-        }));
-      }), addIOSListener("invertColorsChanged", isEnabled => {
-        setAccessibility(prev => ({
-          ...prev,
-          isInvertColorsEnabled: isEnabled
-        }));
-      }));
-    }
-    return () => {
-      listeners.forEach(listener => listener.remove());
-    };
-  }, []);
-  const deviceInfo = {
-    platform,
-    display,
-    accessibility,
-    appearance,
-    locale,
-    statusBar,
-    keyboard,
-    appState: appStateInfo,
-    identifiers,
-    settings,
-    timestamp,
-    isLoading,
-    refresh,
-    generateFingerprint: () => generateFingerprint({
-      platform,
-      display,
-      accessibility,
-      appearance,
-      locale,
-      statusBar,
-      keyboard,
-      appState: appStateInfo,
-      identifiers,
-      settings,
-      timestamp,
-      isLoading
-    })
-  };
-  return deviceInfo;
-}
-
-// ============================================================================
-// STATIC HELPER (for one-time retrieval without hooks)
-// ============================================================================
-
-export async function getDeviceInfo() {
-  const [accessibilitySettings, statusBarHeight] = await Promise.all([getAccessibilitySettings(), getStatusBarHeight()]);
-  const colorScheme = Appearance.getColorScheme() ?? null;
-  return {
-    platform: getPlatformInfo(),
-    display: getDisplayInfo(),
-    accessibility: accessibilitySettings,
-    appearance: {
-      colorScheme,
-      prefersDarkMode: colorScheme === "dark"
-    },
-    locale: getLocaleInfo(),
-    statusBar: {
-      height: statusBarHeight,
-      isVisible: true
-    },
-    keyboard: {
-      isVisible: false,
-      height: 0,
-      animationDuration: 0
-    },
-    appState: {
-      currentState: AppState.currentState,
-      isActive: AppState.currentState === "active"
-    },
-    identifiers: getUniqueIdentifiers(),
-    settings: getSettingsInfo(),
-    timestamp: Date.now(),
-    isLoading: false
-  };
-}
-
-// ============================================================================
-// DEBUG COMPONENT
-// ============================================================================
-
-/**
- * Log all device info to console
- * Use this to validate all device info is being collected correctly
- */
-export function logDeviceInfo(info) {
-  console.log("\n========================================");
-  console.log("       DEVICE INFO REPORT");
-  console.log("========================================\n");
-  console.log("--- PLATFORM ---");
-  console.log(JSON.stringify(info.platform, null, 2));
-  console.log("\n--- DISPLAY ---");
-  console.log(JSON.stringify(info.display, null, 2));
-  console.log("\n--- ACCESSIBILITY ---");
-  console.log(JSON.stringify(info.accessibility, null, 2));
-  console.log("\n--- APPEARANCE ---");
-  console.log(JSON.stringify(info.appearance, null, 2));
-  console.log("\n--- LOCALE ---");
-  console.log(JSON.stringify(info.locale, null, 2));
-  console.log("\n--- STATUS BAR ---");
-  console.log(JSON.stringify(info.statusBar, null, 2));
-  console.log("\n--- KEYBOARD ---");
-  console.log(JSON.stringify(info.keyboard, null, 2));
-  console.log("\n--- APP STATE ---");
-  console.log(JSON.stringify(info.appState, null, 2));
-  console.log("\n--- IDENTIFIERS ---");
-  console.log(JSON.stringify(info.identifiers, null, 2));
-  console.log("\n--- SETTINGS ---");
-  const settingsKeys = Object.keys(info.settings.userDefaults ?? {});
-  console.log(`userDefaults: ${settingsKeys.length} keys`);
-  if (settingsKeys.length > 0 && settingsKeys.length <= 20) {
-    console.log(JSON.stringify(info.settings, null, 2));
-  }
-  console.log("\n--- METADATA ---");
-  console.log(`timestamp: ${info.timestamp}`);
-  console.log(`isLoading: ${info.isLoading}`);
-  console.log("\n========================================\n");
-}
+"use strict";import{useState as c,useEffect as h,useCallback as q}from"react";import{Platform as i,Dimensions as I,PixelRatio as x,AccessibilityInfo as l,Appearance as y,I18nManager as T,NativeModules as S,Keyboard as F,AppState as p,StatusBar as X}from"react-native";async function H(){const[e,t,a]=await Promise.all([l.isScreenReaderEnabled(),l.isReduceMotionEnabled(),l.isReduceTransparencyEnabled()]);const o={isScreenReaderEnabled:e,isReduceMotionEnabled:t,isReduceTransparencyEnabled:a};if(i.OS==="ios"){const[g,f,m,u,b]=await Promise.all([l.isBoldTextEnabled?.()??Promise.resolve(false),l.isGrayscaleEnabled?.()??Promise.resolve(false),l.isInvertColorsEnabled?.()??Promise.resolve(false),l.isDarkerSystemColorsEnabled?.()??Promise.resolve(false),l.prefersCrossFadeTransitions?.()??Promise.resolve(false)]);o.isBoldTextEnabled=g;o.isGrayscaleEnabled=f;o.isInvertColorsEnabled=m;o.isDarkerSystemColorsEnabled=u;o.prefersCrossFadeTransitions=b}if(i.OS==="android"){const g=await l.isHighTextContrastEnabled?.()??false;o.isHighTextContrastEnabled=g}return o}function v(){const e=i.constants;const t={os:i.OS,version:i.Version,reactNativeVersion:e.reactNativeVersion,isTesting:i.isTesting??false,isDisableAnimations:e.isDisableAnimations??false};if(i.OS==="ios"){return{...t,osVersion:e.osVersion,systemName:e.systemName,interfaceIdiom:e.interfaceIdiom,isPad:i.isPad,isTV:i.isTV,isVision:i.isVision??false,isMacCatalyst:i.isMacCatalyst??false,forceTouchAvailable:e.forceTouchAvailable}}if(i.OS==="android"){return{...t,apiLevel:e.Version,release:e.Release,brand:e.Brand,manufacturer:e.Manufacturer,model:e.Model,fingerprint:e.Fingerprint,serial:e.Serial,uiMode:e.uiMode}}return t}function C(){const e=I.get("window");const t=I.get("screen");const a={window:{width:e.width,height:e.height,scale:e.scale,fontScale:e.fontScale},screen:{width:t.width,height:t.height,scale:t.scale,fontScale:t.fontScale},pixelRatio:x.get(),fontScale:x.getFontScale(),isLandscape:e.width>e.height,isPortrait:e.height>e.width};if(i.OS==="ios"){try{const o=S.DeviceInfo?.getConstants?.();a.isIPhoneNotched=o?.isIPhoneX_deprecated??false}catch{a.isIPhoneNotched=false}}if(i.OS==="android"){try{const o=S.DeviceInfo?.getConstants?.();a.isEdgeToEdge=o?.isEdgeToEdge??false;a.densityDpi=Math.round(e.scale*160)}catch{}}return a}async function J(){return new Promise(e=>{let t=false;if(i.OS==="ios"){S.StatusBarManager?.getHeight?.(a=>{if(!t){t=true;e(a?.height??null)}})??e(null)}else if(i.OS==="android"){t=true;e(X.currentHeight??null)}else{t=true;e(null)}setTimeout(()=>{if(!t){t=true;e(null)}},100)})}function D(){const e={isRTL:T.isRTL,doLeftAndRightSwapInRTL:T.doLeftAndRightSwapInRTL};if(i.OS==="android"){e.localeIdentifier=T.localeIdentifier}return e}function A(){if(i.OS==="ios"){try{const e=S.SettingsManager?.getConstants?.();return{userDefaults:e?.settings??{}}}catch{return{}}}return{}}function L(){const e={};if(i.OS==="android"){const t=i.constants;e.serial=t.Serial;e.fingerprint=t.Fingerprint;try{const a=S.PlatformConstants;if(a?.getAndroidID){e.androidId=a.getAndroidID()}}catch{}}return e}function _(e){const t=[e.platform.os,e.platform.version,e.display.window.width,e.display.window.height,e.display.pixelRatio,e.platform.interfaceIdiom??"",e.platform.forceTouchAvailable??false,e.display.isIPhoneNotched??false,e.platform.model??"",e.platform.brand??"",e.platform.manufacturer??"",e.platform.uiMode??""];const a=t.join("|");let o=0;for(let g=0;g<a.length;g++){const f=a.charCodeAt(g);o=(o<<5)-o+f;o=o&o}return Math.abs(o).toString(16).padStart(8,"0")}export function useDeviceInfo(){const[e,t]=c(true);const[a,o]=c(v());const[g,f]=c(C());const[m,u]=c({isScreenReaderEnabled:false,isReduceMotionEnabled:false,isReduceTransparencyEnabled:false});const[b,O]=c(()=>{const r=y.getColorScheme()??null;return{colorScheme:r,prefersDarkMode:r==="dark"}});const[P,G]=c(D());const[R,K]=c({height:null,isVisible:true});const[w,M]=c({isVisible:false,height:0,animationDuration:0});const[N,Y]=c({currentState:p.currentState,isActive:p.currentState==="active"});const[k,$]=c(L());const[B,j]=c(A());const[V,U]=c(Date.now());const E=q(async()=>{t(true);const[r,s]=await Promise.all([H(),J()]);o(v());f(C());u(r);const n=y.getColorScheme()??null;O({colorScheme:n,prefersDarkMode:n==="dark"});G(D());K(d=>({...d,height:s}));$(L());j(A());U(Date.now());t(false)},[]);h(()=>{E()},[E]);h(()=>{const r=I.addEventListener("change",({window:s,screen:n})=>{f(d=>({...d,window:{width:s.width,height:s.height,scale:s.scale,fontScale:s.fontScale},screen:{width:n.width,height:n.height,scale:n.scale,fontScale:n.fontScale},isLandscape:s.width>s.height,isPortrait:s.height>s.width}))});return()=>r.remove()},[]);h(()=>{const r=y.addChangeListener(({colorScheme:s})=>{const n=s??null;O({colorScheme:n,prefersDarkMode:n==="dark"})});return()=>r.remove()},[]);h(()=>{const r=F.addListener(i.OS==="ios"?"keyboardWillShow":"keyboardDidShow",n=>{M({isVisible:true,height:n.endCoordinates.height,animationDuration:n.duration??0})});const s=F.addListener(i.OS==="ios"?"keyboardWillHide":"keyboardDidHide",n=>{M({isVisible:false,height:0,animationDuration:n.duration??0})});return()=>{r.remove();s.remove()}},[]);h(()=>{const r=p.addEventListener("change",s=>{Y({currentState:s,isActive:s==="active"})});return()=>r.remove()},[]);h(()=>{const r=[l.addEventListener("screenReaderChanged",s=>{u(n=>({...n,isScreenReaderEnabled:s}))}),l.addEventListener("reduceMotionChanged",s=>{u(n=>({...n,isReduceMotionEnabled:s}))}),l.addEventListener("reduceTransparencyChanged",s=>{u(n=>({...n,isReduceTransparencyEnabled:s}))})];if(i.OS==="ios"){const s=(n,d)=>{return l.addEventListener(n,d)};r.push(s("boldTextChanged",n=>{u(d=>({...d,isBoldTextEnabled:n}))}),s("grayscaleChanged",n=>{u(d=>({...d,isGrayscaleEnabled:n}))}),s("invertColorsChanged",n=>{u(d=>({...d,isInvertColorsEnabled:n}))}))}return()=>{r.forEach(s=>s.remove())}},[]);const W={platform:a,display:g,accessibility:m,appearance:b,locale:P,statusBar:R,keyboard:w,appState:N,identifiers:k,settings:B,timestamp:V,isLoading:e,refresh:E,generateFingerprint:()=>_({platform:a,display:g,accessibility:m,appearance:b,locale:P,statusBar:R,keyboard:w,appState:N,identifiers:k,settings:B,timestamp:V,isLoading:e})};return W}export async function getDeviceInfo(){const[e,t]=await Promise.all([H(),J()]);const a=y.getColorScheme()??null;return{platform:v(),display:C(),accessibility:e,appearance:{colorScheme:a,prefersDarkMode:a==="dark"},locale:D(),statusBar:{height:t,isVisible:true},keyboard:{isVisible:false,height:0,animationDuration:0},appState:{currentState:p.currentState,isActive:p.currentState==="active"},identifiers:L(),settings:A(),timestamp:Date.now(),isLoading:false}}export function logDeviceInfo(e){console.log("\n========================================");console.log("       DEVICE INFO REPORT");console.log("========================================\n");console.log("--- PLATFORM ---");console.log(JSON.stringify(e.platform,null,2));console.log("\n--- DISPLAY ---");console.log(JSON.stringify(e.display,null,2));console.log("\n--- ACCESSIBILITY ---");console.log(JSON.stringify(e.accessibility,null,2));console.log("\n--- APPEARANCE ---");console.log(JSON.stringify(e.appearance,null,2));console.log("\n--- LOCALE ---");console.log(JSON.stringify(e.locale,null,2));console.log("\n--- STATUS BAR ---");console.log(JSON.stringify(e.statusBar,null,2));console.log("\n--- KEYBOARD ---");console.log(JSON.stringify(e.keyboard,null,2));console.log("\n--- APP STATE ---");console.log(JSON.stringify(e.appState,null,2));console.log("\n--- IDENTIFIERS ---");console.log(JSON.stringify(e.identifiers,null,2));console.log("\n--- SETTINGS ---");const t=Object.keys(e.settings.userDefaults??{});console.log(`userDefaults: ${t.length} keys`);if(t.length>0&&t.length<=20){console.log(JSON.stringify(e.settings,null,2))}console.log("\n--- METADATA ---");console.log(`timestamp: ${e.timestamp}`);console.log(`isLoading: ${e.isLoading}`);console.log("\n========================================\n")}

package/lib/module/hooks/useEventStoreEvents.js

@@ -1,61 +1 @@
-"use strict";
-
-/**
- * React bindings for a `BaseEventStore` — what useRouteEvents and
- * useStorageEvents each hand-rolled: subscribe while enabled (which
- * auto-starts the store's capture), coalesce bursts onto one animation
- * frame so a storm of writes is one commit instead of one per emission,
- * select/limit the list, and report whether capture is live.
- */
-
-import { useCallback, useEffect, useState } from "react";
-export function useEventStoreEvents(store, options = {}) {
-  const {
-    enabled = true,
-    maxEvents = 500,
-    select
-  } = options;
-  const [events, setEvents] = useState([]);
-  // Tracked locally so it updates reactively with the subscription.
-  const [isActive, setIsActive] = useState(enabled);
-  useEffect(() => {
-    if (!enabled) {
-      setIsActive(false);
-      return;
-    }
-
-    // Frame-coalesced: bursts land as ONE commit per frame instead of one
-    // per emission — the dominant live-churn cost measured on the network
-    // tool (tool-bench 2026-07-06).
-    let rafId = null;
-    let pending = null;
-    const unsubscribe = store.subscribeToEvents(all => {
-      pending = all;
-      if (rafId != null) return;
-      rafId = requestAnimationFrame(() => {
-        rafId = null;
-        if (!pending) return;
-        let next = pending;
-        pending = null;
-        if (select) next = select(next);
-        if (next.length > maxEvents) next = next.slice(0, maxEvents);
-        setEvents(next);
-      });
-    });
-    setIsActive(true);
-    return () => {
-      unsubscribe();
-      if (rafId != null) cancelAnimationFrame(rafId);
-      // Not setting isActive=false here: a dependency change re-subscribes
-      // immediately, and that is not "stopped".
-    };
-  }, [store, enabled, maxEvents, select]);
-  const clearEvents = useCallback(() => {
-    store.clearEvents();
-  }, [store]);
-  return {
-    events,
-    clearEvents,
-    isActive
-  };
-}
+"use strict";import{useCallback as A,useEffect as d,useState as c}from"react";export function useEventStoreEvents(n,a={}){const{enabled:l=true,maxEvents:u=500,select:r}=a;const[f,o]=c([]);const[v,i]=c(l);d(()=>{if(!l){i(false);return}let t=null;let s=null;const m=n.subscribeToEvents(b=>{s=b;if(t!=null)return;t=requestAnimationFrame(()=>{t=null;if(!s)return;let e=s;s=null;if(r)e=r(e);if(e.length>u)e=e.slice(0,u);o(e)})});i(true);return()=>{m();if(t!=null)cancelAnimationFrame(t)}},[n,l,u,r]);const E=A(()=>{n.clearEvents()},[n]);return{events:f,clearEvents:E,isActive:v}}