@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/commonjs/hooks/useDeviceInfo.js

@@ -1,524 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDeviceInfo = getDeviceInfo;
-exports.logDeviceInfo = logDeviceInfo;
-exports.useDeviceInfo = useDeviceInfo;
-var _react = require("react");
-var _reactNative = require("react-native");
-/**
- * Comprehensive device information hook
- *
- * Extracts every available piece of device information from React Native core APIs
- * without requiring third-party native modules.
- */
-
-// ============================================================================
-// TYPES
-// ============================================================================
-
-// ============================================================================
-// HELPER FUNCTIONS
-// ============================================================================
-
-async function getAccessibilitySettings() {
-  const [isScreenReaderEnabled, isReduceMotionEnabled, isReduceTransparencyEnabled] = await Promise.all([_reactNative.AccessibilityInfo.isScreenReaderEnabled(), _reactNative.AccessibilityInfo.isReduceMotionEnabled(), _reactNative.AccessibilityInfo.isReduceTransparencyEnabled()]);
-  const settings = {
-    isScreenReaderEnabled,
-    isReduceMotionEnabled,
-    isReduceTransparencyEnabled
-  };
-  if (_reactNative.Platform.OS === "ios") {
-    const [isBoldTextEnabled, isGrayscaleEnabled, isInvertColorsEnabled, isDarkerSystemColorsEnabled, prefersCrossFadeTransitions] = await Promise.all([_reactNative.AccessibilityInfo.isBoldTextEnabled?.() ?? Promise.resolve(false), _reactNative.AccessibilityInfo.isGrayscaleEnabled?.() ?? Promise.resolve(false), _reactNative.AccessibilityInfo.isInvertColorsEnabled?.() ?? Promise.resolve(false),
-    // @ts-ignore - may not be typed
-    _reactNative.AccessibilityInfo.isDarkerSystemColorsEnabled?.() ?? Promise.resolve(false),
-    // @ts-ignore - may not be typed
-    _reactNative.AccessibilityInfo.prefersCrossFadeTransitions?.() ?? Promise.resolve(false)]);
-    settings.isBoldTextEnabled = isBoldTextEnabled;
-    settings.isGrayscaleEnabled = isGrayscaleEnabled;
-    settings.isInvertColorsEnabled = isInvertColorsEnabled;
-    settings.isDarkerSystemColorsEnabled = isDarkerSystemColorsEnabled;
-    settings.prefersCrossFadeTransitions = prefersCrossFadeTransitions;
-  }
-  if (_reactNative.Platform.OS === "android") {
-    // @ts-ignore - may not be typed
-    const isHighTextContrastEnabled = (await _reactNative.AccessibilityInfo.isHighTextContrastEnabled?.()) ?? false;
-    settings.isHighTextContrastEnabled = isHighTextContrastEnabled;
-  }
-  return settings;
-}
-function getPlatformInfo() {
-  const constants = _reactNative.Platform.constants;
-  const base = {
-    os: _reactNative.Platform.OS,
-    version: _reactNative.Platform.Version,
-    reactNativeVersion: constants.reactNativeVersion,
-    isTesting: _reactNative.Platform.isTesting ?? false,
-    isDisableAnimations: constants.isDisableAnimations ?? false
-  };
-  if (_reactNative.Platform.OS === "ios") {
-    return {
-      ...base,
-      osVersion: constants.osVersion,
-      systemName: constants.systemName,
-      interfaceIdiom: constants.interfaceIdiom,
-      isPad: _reactNative.Platform.isPad,
-      isTV: _reactNative.Platform.isTV,
-      isVision: _reactNative.Platform.isVision ?? false,
-      isMacCatalyst: _reactNative.Platform.isMacCatalyst ?? false,
-      forceTouchAvailable: constants.forceTouchAvailable
-    };
-  }
-  if (_reactNative.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 = _reactNative.Dimensions.get("window");
-  const screen = _reactNative.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: _reactNative.PixelRatio.get(),
-    fontScale: _reactNative.PixelRatio.getFontScale(),
-    isLandscape: window.width > window.height,
-    isPortrait: window.height > window.width
-  };
-
-  // iOS specific
-  if (_reactNative.Platform.OS === "ios") {
-    try {
-      const deviceInfo = _reactNative.NativeModules.DeviceInfo?.getConstants?.();
-      info.isIPhoneNotched = deviceInfo?.isIPhoneX_deprecated ?? false;
-    } catch {
-      info.isIPhoneNotched = false;
-    }
-  }
-
-  // Android specific
-  if (_reactNative.Platform.OS === "android") {
-    try {
-      const deviceInfo = _reactNative.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 (_reactNative.Platform.OS === "ios") {
-      _reactNative.NativeModules.StatusBarManager?.getHeight?.(result => {
-        if (!resolved) {
-          resolved = true;
-          resolve(result?.height ?? null);
-        }
-      }) ?? resolve(null);
-    } else if (_reactNative.Platform.OS === "android") {
-      // Android StatusBar.currentHeight is synchronous
-      resolved = true;
-      resolve(_reactNative.StatusBar.currentHeight ?? null);
-    } else {
-      resolved = true;
-      resolve(null);
-    }
-
-    // Timeout fallback
-    setTimeout(() => {
-      if (!resolved) {
-        resolved = true;
-        resolve(null);
-      }
-    }, 100);
-  });
-}
-function getLocaleInfo() {
-  const info = {
-    isRTL: _reactNative.I18nManager.isRTL,
-    doLeftAndRightSwapInRTL: _reactNative.I18nManager.doLeftAndRightSwapInRTL
-  };
-  if (_reactNative.Platform.OS === "android") {
-    // @ts-ignore
-    info.localeIdentifier = _reactNative.I18nManager.localeIdentifier;
-  }
-  return info;
-}
-function getSettingsInfo() {
-  if (_reactNative.Platform.OS === "ios") {
-    try {
-      // This returns the entire NSUserDefaults dictionary
-      const constants = _reactNative.NativeModules.SettingsManager?.getConstants?.();
-      return {
-        userDefaults: constants?.settings ?? {}
-      };
-    } catch {
-      return {};
-    }
-  }
-  return {};
-}
-function getUniqueIdentifiers() {
-  const identifiers = {};
-  if (_reactNative.Platform.OS === "android") {
-    const constants = _reactNative.Platform.constants;
-    identifiers.serial = constants.Serial;
-    identifiers.fingerprint = constants.Fingerprint;
-
-    // Note: getAndroidID() requires calling native method
-    try {
-      const PlatformConstants = _reactNative.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
-// ============================================================================
-
-function useDeviceInfo() {
-  const [isLoading, setIsLoading] = (0, _react.useState)(true);
-  const [platform, setPlatform] = (0, _react.useState)(getPlatformInfo());
-  const [display, setDisplay] = (0, _react.useState)(getDisplayInfo());
-  const [accessibility, setAccessibility] = (0, _react.useState)({
-    isScreenReaderEnabled: false,
-    isReduceMotionEnabled: false,
-    isReduceTransparencyEnabled: false
-  });
-  const [appearance, setAppearance] = (0, _react.useState)(() => {
-    const colorScheme = _reactNative.Appearance.getColorScheme() ?? null;
-    return {
-      colorScheme,
-      prefersDarkMode: colorScheme === "dark"
-    };
-  });
-  const [locale, setLocale] = (0, _react.useState)(getLocaleInfo());
-  const [statusBar, setStatusBar] = (0, _react.useState)({
-    height: null,
-    isVisible: true
-  });
-  const [keyboard, setKeyboard] = (0, _react.useState)({
-    isVisible: false,
-    height: 0,
-    animationDuration: 0
-  });
-  const [appStateInfo, setAppStateInfo] = (0, _react.useState)({
-    currentState: _reactNative.AppState.currentState,
-    isActive: _reactNative.AppState.currentState === "active"
-  });
-  const [identifiers, setIdentifiers] = (0, _react.useState)(getUniqueIdentifiers());
-  const [settings, setSettings] = (0, _react.useState)(getSettingsInfo());
-  const [timestamp, setTimestamp] = (0, _react.useState)(Date.now());
-
-  // Refresh function
-  const refresh = (0, _react.useCallback)(async () => {
-    setIsLoading(true);
-    const [accessibilitySettings, statusBarHeight] = await Promise.all([getAccessibilitySettings(), getStatusBarHeight()]);
-    setPlatform(getPlatformInfo());
-    setDisplay(getDisplayInfo());
-    setAccessibility(accessibilitySettings);
-    const currentColorScheme = _reactNative.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
-  (0, _react.useEffect)(() => {
-    refresh();
-  }, [refresh]);
-
-  // Dimension changes
-  (0, _react.useEffect)(() => {
-    const subscription = _reactNative.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
-  (0, _react.useEffect)(() => {
-    const subscription = _reactNative.Appearance.addChangeListener(({
-      colorScheme
-    }) => {
-      const scheme = colorScheme ?? null;
-      setAppearance({
-        colorScheme: scheme,
-        prefersDarkMode: scheme === "dark"
-      });
-    });
-    return () => subscription.remove();
-  }, []);
-
-  // Keyboard changes
-  (0, _react.useEffect)(() => {
-    const showListener = _reactNative.Keyboard.addListener(_reactNative.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow", event => {
-      setKeyboard({
-        isVisible: true,
-        height: event.endCoordinates.height,
-        animationDuration: event.duration ?? 0
-      });
-    });
-    const hideListener = _reactNative.Keyboard.addListener(_reactNative.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide", event => {
-      setKeyboard({
-        isVisible: false,
-        height: 0,
-        animationDuration: event.duration ?? 0
-      });
-    });
-    return () => {
-      showListener.remove();
-      hideListener.remove();
-    };
-  }, []);
-
-  // App state changes
-  (0, _react.useEffect)(() => {
-    const subscription = _reactNative.AppState.addEventListener("change", nextState => {
-      setAppStateInfo({
-        currentState: nextState,
-        isActive: nextState === "active"
-      });
-    });
-    return () => subscription.remove();
-  }, []);
-
-  // Accessibility changes
-  (0, _react.useEffect)(() => {
-    const listeners = [_reactNative.AccessibilityInfo.addEventListener("screenReaderChanged", isEnabled => {
-      setAccessibility(prev => ({
-        ...prev,
-        isScreenReaderEnabled: isEnabled
-      }));
-    }), _reactNative.AccessibilityInfo.addEventListener("reduceMotionChanged", isEnabled => {
-      setAccessibility(prev => ({
-        ...prev,
-        isReduceMotionEnabled: isEnabled
-      }));
-    }), _reactNative.AccessibilityInfo.addEventListener("reduceTransparencyChanged", isEnabled => {
-      setAccessibility(prev => ({
-        ...prev,
-        isReduceTransparencyEnabled: isEnabled
-      }));
-    })];
-    if (_reactNative.Platform.OS === "ios") {
-      // iOS-specific accessibility events - using type assertion for non-standard events
-      const addIOSListener = (eventName, handler) => {
-        return _reactNative.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)
-// ============================================================================
-
-async function getDeviceInfo() {
-  const [accessibilitySettings, statusBarHeight] = await Promise.all([getAccessibilitySettings(), getStatusBarHeight()]);
-  const colorScheme = _reactNative.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: _reactNative.AppState.currentState,
-      isActive: _reactNative.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
- */
-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";Object.defineProperty(exports,"__esModule",{value:true});exports.getDeviceInfo=getDeviceInfo;exports.logDeviceInfo=logDeviceInfo;exports.useDeviceInfo=useDeviceInfo;var _react=require("react");var _reactNative=require("react-native");async function getAccessibilitySettings(){const[e,t,n]=await Promise.all([_reactNative.AccessibilityInfo.isScreenReaderEnabled(),_reactNative.AccessibilityInfo.isReduceMotionEnabled(),_reactNative.AccessibilityInfo.isReduceTransparencyEnabled()]);const a={isScreenReaderEnabled:e,isReduceMotionEnabled:t,isReduceTransparencyEnabled:n};if(_reactNative.Platform.OS==="ios"){const[l,d,f,c,u]=await Promise.all([_reactNative.AccessibilityInfo.isBoldTextEnabled?.()??Promise.resolve(false),_reactNative.AccessibilityInfo.isGrayscaleEnabled?.()??Promise.resolve(false),_reactNative.AccessibilityInfo.isInvertColorsEnabled?.()??Promise.resolve(false),_reactNative.AccessibilityInfo.isDarkerSystemColorsEnabled?.()??Promise.resolve(false),_reactNative.AccessibilityInfo.prefersCrossFadeTransitions?.()??Promise.resolve(false)]);a.isBoldTextEnabled=l;a.isGrayscaleEnabled=d;a.isInvertColorsEnabled=f;a.isDarkerSystemColorsEnabled=c;a.prefersCrossFadeTransitions=u}if(_reactNative.Platform.OS==="android"){const l=await _reactNative.AccessibilityInfo.isHighTextContrastEnabled?.()??false;a.isHighTextContrastEnabled=l}return a}function getPlatformInfo(){const e=_reactNative.Platform.constants;const t={os:_reactNative.Platform.OS,version:_reactNative.Platform.Version,reactNativeVersion:e.reactNativeVersion,isTesting:_reactNative.Platform.isTesting??false,isDisableAnimations:e.isDisableAnimations??false};if(_reactNative.Platform.OS==="ios"){return{...t,osVersion:e.osVersion,systemName:e.systemName,interfaceIdiom:e.interfaceIdiom,isPad:_reactNative.Platform.isPad,isTV:_reactNative.Platform.isTV,isVision:_reactNative.Platform.isVision??false,isMacCatalyst:_reactNative.Platform.isMacCatalyst??false,forceTouchAvailable:e.forceTouchAvailable}}if(_reactNative.Platform.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 getDisplayInfo(){const e=_reactNative.Dimensions.get("window");const t=_reactNative.Dimensions.get("screen");const n={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:_reactNative.PixelRatio.get(),fontScale:_reactNative.PixelRatio.getFontScale(),isLandscape:e.width>e.height,isPortrait:e.height>e.width};if(_reactNative.Platform.OS==="ios"){try{const a=_reactNative.NativeModules.DeviceInfo?.getConstants?.();n.isIPhoneNotched=a?.isIPhoneX_deprecated??false}catch{n.isIPhoneNotched=false}}if(_reactNative.Platform.OS==="android"){try{const a=_reactNative.NativeModules.DeviceInfo?.getConstants?.();n.isEdgeToEdge=a?.isEdgeToEdge??false;n.densityDpi=Math.round(e.scale*160)}catch{}}return n}async function getStatusBarHeight(){return new Promise(e=>{let t=false;if(_reactNative.Platform.OS==="ios"){_reactNative.NativeModules.StatusBarManager?.getHeight?.(n=>{if(!t){t=true;e(n?.height??null)}})??e(null)}else if(_reactNative.Platform.OS==="android"){t=true;e(_reactNative.StatusBar.currentHeight??null)}else{t=true;e(null)}setTimeout(()=>{if(!t){t=true;e(null)}},100)})}function getLocaleInfo(){const e={isRTL:_reactNative.I18nManager.isRTL,doLeftAndRightSwapInRTL:_reactNative.I18nManager.doLeftAndRightSwapInRTL};if(_reactNative.Platform.OS==="android"){e.localeIdentifier=_reactNative.I18nManager.localeIdentifier}return e}function getSettingsInfo(){if(_reactNative.Platform.OS==="ios"){try{const e=_reactNative.NativeModules.SettingsManager?.getConstants?.();return{userDefaults:e?.settings??{}}}catch{return{}}}return{}}function getUniqueIdentifiers(){const e={};if(_reactNative.Platform.OS==="android"){const t=_reactNative.Platform.constants;e.serial=t.Serial;e.fingerprint=t.Fingerprint;try{const n=_reactNative.NativeModules.PlatformConstants;if(n?.getAndroidID){e.androidId=n.getAndroidID()}}catch{}}return e}function generateFingerprint(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 n=t.join("|");let a=0;for(let l=0;l<n.length;l++){const d=n.charCodeAt(l);a=(a<<5)-a+d;a=a&a}return Math.abs(a).toString(16).padStart(8,"0")}function useDeviceInfo(){const[e,t]=(0,_react.useState)(true);const[n,a]=(0,_react.useState)(getPlatformInfo());const[l,d]=(0,_react.useState)(getDisplayInfo());const[f,c]=(0,_react.useState)({isScreenReaderEnabled:false,isReduceMotionEnabled:false,isReduceTransparencyEnabled:false});const[u,h]=(0,_react.useState)(()=>{const o=_reactNative.Appearance.getColorScheme()??null;return{colorScheme:o,prefersDarkMode:o==="dark"}});const[S,A]=(0,_react.useState)(getLocaleInfo());const[p,v]=(0,_react.useState)({height:null,isVisible:true});const[m,b]=(0,_react.useState)({isVisible:false,height:0,animationDuration:0});const[y,T]=(0,_react.useState)({currentState:_reactNative.AppState.currentState,isActive:_reactNative.AppState.currentState==="active"});const[I,D]=(0,_react.useState)(getUniqueIdentifiers());const[E,C]=(0,_react.useState)(getSettingsInfo());const[P,L]=(0,_react.useState)(Date.now());const g=(0,_react.useCallback)(async()=>{t(true);const[o,s]=await Promise.all([getAccessibilitySettings(),getStatusBarHeight()]);a(getPlatformInfo());d(getDisplayInfo());c(o);const i=_reactNative.Appearance.getColorScheme()??null;h({colorScheme:i,prefersDarkMode:i==="dark"});A(getLocaleInfo());v(r=>({...r,height:s}));D(getUniqueIdentifiers());C(getSettingsInfo());L(Date.now());t(false)},[]);(0,_react.useEffect)(()=>{g()},[g]);(0,_react.useEffect)(()=>{const o=_reactNative.Dimensions.addEventListener("change",({window:s,screen:i})=>{d(r=>({...r,window:{width:s.width,height:s.height,scale:s.scale,fontScale:s.fontScale},screen:{width:i.width,height:i.height,scale:i.scale,fontScale:i.fontScale},isLandscape:s.width>s.height,isPortrait:s.height>s.width}))});return()=>o.remove()},[]);(0,_react.useEffect)(()=>{const o=_reactNative.Appearance.addChangeListener(({colorScheme:s})=>{const i=s??null;h({colorScheme:i,prefersDarkMode:i==="dark"})});return()=>o.remove()},[]);(0,_react.useEffect)(()=>{const o=_reactNative.Keyboard.addListener(_reactNative.Platform.OS==="ios"?"keyboardWillShow":"keyboardDidShow",i=>{b({isVisible:true,height:i.endCoordinates.height,animationDuration:i.duration??0})});const s=_reactNative.Keyboard.addListener(_reactNative.Platform.OS==="ios"?"keyboardWillHide":"keyboardDidHide",i=>{b({isVisible:false,height:0,animationDuration:i.duration??0})});return()=>{o.remove();s.remove()}},[]);(0,_react.useEffect)(()=>{const o=_reactNative.AppState.addEventListener("change",s=>{T({currentState:s,isActive:s==="active"})});return()=>o.remove()},[]);(0,_react.useEffect)(()=>{const o=[_reactNative.AccessibilityInfo.addEventListener("screenReaderChanged",s=>{c(i=>({...i,isScreenReaderEnabled:s}))}),_reactNative.AccessibilityInfo.addEventListener("reduceMotionChanged",s=>{c(i=>({...i,isReduceMotionEnabled:s}))}),_reactNative.AccessibilityInfo.addEventListener("reduceTransparencyChanged",s=>{c(i=>({...i,isReduceTransparencyEnabled:s}))})];if(_reactNative.Platform.OS==="ios"){const s=(i,r)=>{return _reactNative.AccessibilityInfo.addEventListener(i,r)};o.push(s("boldTextChanged",i=>{c(r=>({...r,isBoldTextEnabled:i}))}),s("grayscaleChanged",i=>{c(r=>({...r,isGrayscaleEnabled:i}))}),s("invertColorsChanged",i=>{c(r=>({...r,isInvertColorsEnabled:i}))}))}return()=>{o.forEach(s=>s.remove())}},[]);const O={platform:n,display:l,accessibility:f,appearance:u,locale:S,statusBar:p,keyboard:m,appState:y,identifiers:I,settings:E,timestamp:P,isLoading:e,refresh:g,generateFingerprint:()=>generateFingerprint({platform:n,display:l,accessibility:f,appearance:u,locale:S,statusBar:p,keyboard:m,appState:y,identifiers:I,settings:E,timestamp:P,isLoading:e})};return O}async function getDeviceInfo(){const[e,t]=await Promise.all([getAccessibilitySettings(),getStatusBarHeight()]);const n=_reactNative.Appearance.getColorScheme()??null;return{platform:getPlatformInfo(),display:getDisplayInfo(),accessibility:e,appearance:{colorScheme:n,prefersDarkMode:n==="dark"},locale:getLocaleInfo(),statusBar:{height:t,isVisible:true},keyboard:{isVisible:false,height:0,animationDuration:0},appState:{currentState:_reactNative.AppState.currentState,isActive:_reactNative.AppState.currentState==="active"},identifiers:getUniqueIdentifiers(),settings:getSettingsInfo(),timestamp:Date.now(),isLoading:false}}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/commonjs/hooks/useEventStoreEvents.js

@@ -1,65 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEventStoreEvents = useEventStoreEvents;
-var _react = require("react");
-/**
- * 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.
- */
-
-function useEventStoreEvents(store, options = {}) {
-  const {
-    enabled = true,
-    maxEvents = 500,
-    select
-  } = options;
-  const [events, setEvents] = (0, _react.useState)([]);
-  // Tracked locally so it updates reactively with the subscription.
-  const [isActive, setIsActive] = (0, _react.useState)(enabled);
-  (0, _react.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 = (0, _react.useCallback)(() => {
-    store.clearEvents();
-  }, [store]);
-  return {
-    events,
-    clearEvents,
-    isActive
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useEventStoreEvents=useEventStoreEvents;var _react=require("react");function useEventStoreEvents(n,i={}){const{enabled:r=true,maxEvents:u=500,select:l}=i;const[a,v]=(0,_react.useState)([]);const[f,c]=(0,_react.useState)(r);(0,_react.useEffect)(()=>{if(!r){c(false);return}let t=null;let s=null;const E=n.subscribeToEvents(b=>{s=b;if(t!=null)return;t=requestAnimationFrame(()=>{t=null;if(!s)return;let e=s;s=null;if(l)e=l(e);if(e.length>u)e=e.slice(0,u);v(e)})});c(true);return()=>{E();if(t!=null)cancelAnimationFrame(t)}},[n,r,u,l]);const o=(0,_react.useCallback)(()=>{n.clearEvents()},[n]);return{events:a,clearEvents:o,isActive:f}}