@buoy-gg/shared-ui 1.7.8 → 2.1.2

package/lib/commonjs/JsModal.js

@@ -9,7 +9,7 @@ var _reactNative = require("react-native");
 var _useSafeAreaInsets = require("./hooks/useSafeAreaInsets.js");
 var _index = require("./ui/gameUI/index.js");
 var _index2 = require("./ui/components/index.js");
-var _safeAsyncStorage = require("./utils/safeAsyncStorage.js");
+var _persistentStorage = require("./utils/persistentStorage.js");
 var _devToolsStorageKeys = require("./storage/devToolsStorageKeys.js");
 var _index3 = require("./context/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -58,7 +58,7 @@ class ModalStorage {
   static async save(key, value) {
     try {
       this.memoryCache[key] = value;
-      await (0, _safeAsyncStorage.safeSetItem)(key, JSON.stringify(value));
+      await _persistentStorage.persistentStorage.setItem(key, JSON.stringify(value));
     } catch (error) {
       // Failed to save modal state
     }
@@ -78,7 +78,7 @@ class ModalStorage {
       }
 
       // Load from storage (AsyncStorage or memory fallback)
-      const stored = await (0, _safeAsyncStorage.safeGetItem)(key);
+      const stored = await _persistentStorage.persistentStorage.getItem(key);
       if (stored) {
         const parsed = JSON.parse(stored);
         this.memoryCache[key] = parsed;
@@ -339,7 +339,8 @@ const JsModalComponent = ({
   onMinimize,
   minimizeTargetPosition,
   initialModalState,
-  zIndex
+  zIndex,
+  disableScrollWrapper = false
 }) => {
   const insets = (0, _useSafeAreaInsets.useSafeAreaInsets)();
   const [isStateLoaded, setIsStateLoaded] = (0, _react.useState)(!enablePersistence);
@@ -429,7 +430,7 @@ const JsModalComponent = ({
     const loadHintStatus = async () => {
       try {
         const hintKey = _devToolsStorageKeys.devToolsStorageKeys.modal.hintAcknowledged();
-        const acknowledged = await (0, _safeAsyncStorage.safeGetItem)(hintKey);
+        const acknowledged = await _persistentStorage.persistentStorage.getItem(hintKey);
         if (mounted) {
           // Show hint if not acknowledged yet
           setShowHint(acknowledged !== "true");
@@ -453,7 +454,7 @@ const JsModalComponent = ({
   const handleHintAcknowledge = (0, _react.useCallback)(async () => {
     try {
       const hintKey = _devToolsStorageKeys.devToolsStorageKeys.modal.hintAcknowledged();
-      await (0, _safeAsyncStorage.safeSetItem)(hintKey, "true");
+      await _persistentStorage.persistentStorage.setItem(hintKey, "true");
       setShowHint(false);
     } catch (error) {
       // Failed to save hint acknowledgment, just hide it locally
@@ -1101,7 +1102,19 @@ const JsModalComponent = ({
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.content, customStyles.content],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        children: [disableScrollWrapper ?
+        /*#__PURE__*/
+        // Render children directly when they manage their own scrolling (FlatList, etc.)
+        (0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flex: 1,
+            paddingBottom: footerHeight
+          },
+          children: children
+        }) :
+        /*#__PURE__*/
+        // Wrap in ScrollView for content that needs scrolling
+        (0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
           style: {
             flex: 1
           },
@@ -1190,7 +1203,19 @@ const JsModalComponent = ({
           onAcknowledge: handleHintAcknowledge
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: [styles.content, customStyles.content],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          children: [disableScrollWrapper ?
+          /*#__PURE__*/
+          // Render children directly when they manage their own scrolling (FlatList, etc.)
+          (0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              flex: 1,
+              paddingBottom: footerHeight
+            },
+            children: children
+          }) :
+          /*#__PURE__*/
+          // Wrap in ScrollView for content that needs scrolling
+          (0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
             style: {
               flex: 1
             },

package/lib/commonjs/clipboard/clipboard-impl.js

@@ -7,7 +7,7 @@ exports.isClipboardAvailable = exports.clipboardType = exports.clipboardFunction
 /**
  * Auto-generated clipboard implementation
  * Detected: none
- * Generated at: 2026-01-09T18:05:40.988Z
+ * Generated at: 2026-01-29T01:02:34.738Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-clipboard.js
  *

package/lib/commonjs/dataViewer/VirtualizedDataExplorer.js

@@ -730,8 +730,7 @@ const VirtualizedItemComponent = ({
   data,
   index,
   onSelect,
-  isSelected,
-  disableCopy = false
+  isSelected
 }) => {
   const [isPressed, setIsPressed] = (0, _react.useState)(false);
   const [showFullKey, setShowFullKey] = (0, _react.useState)(false);
@@ -754,9 +753,9 @@ const VirtualizedItemComponent = ({
 
   // Always show full key for better identification
   const displayKey = item.key;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [STABLE_STYLES.itemContainer, indentStyle],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
       "sentry-label": "ignore devtools data explorer item",
       style: [STABLE_STYLES.itemTouchable, isPressed && STABLE_STYLES.itemTouchablePressed, isSelected && STABLE_STYLES.itemSelected, isLongKey && {
         minHeight: LONG_ITEM_HEIGHT,
@@ -778,21 +777,12 @@ const VirtualizedItemComponent = ({
           style: STABLE_STYLES.labelText,
           numberOfLines: 1,
           children: [item.key, ":"]
-        }), item.isExpandable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: [STABLE_STYLES.valueText, {
-              color: _index.gameUIColors.secondary
-            }],
-            numberOfLines: 1,
-            children: [item.valueType, " (", item.childCount, " ", item.childCount === 1 ? "item" : "items", ")"]
-          }), item.id === "root" && data && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CopyButton.CopyButton, {
-            value: data,
-            size: 16,
-            buttonStyle: {
-              marginLeft: 8
-            },
-            disabled: disableCopy
-          })]
+        }), item.isExpandable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: [STABLE_STYLES.valueText, {
+            color: _index.gameUIColors.secondary
+          }],
+          numberOfLines: 1,
+          children: [item.valueType, " (", item.childCount, " ", item.childCount === 1 ? "item" : "items", ")"]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [STABLE_STYLES.valueText, {
             color
@@ -801,7 +791,14 @@ const VirtualizedItemComponent = ({
           children: formatValue(item.value, item.valueType)
         })]
       })]
-    })
+    }), item.id === "root" && data !== undefined && data !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CopyButton.CopyButton, {
+      value: data,
+      size: 16,
+      buttonStyle: {
+        marginLeft: 8,
+        marginRight: 8
+      }
+    }) : null]
   });
 };
 VirtualizedItemComponent.displayName = "VirtualizedItem";
@@ -816,7 +813,8 @@ const VirtualizedDataExplorer = ({
   maxDepth = 10,
   rawMode = false,
   initialExpanded = false,
-  disableCopy = false
+  // disableCopy is accepted for API compatibility but CopyButton handles Pro gating internally
+  disableCopy: _disableCopy = false
 }) => {
   const [isExpanded, setIsExpanded] = (0, _react.useState)(rawMode); // Auto-expand in raw mode
   const {
@@ -882,8 +880,7 @@ const VirtualizedDataExplorer = ({
     onToggleExpanded: toggleExpanded,
     data: data,
     onSelect: setSelectedIndex,
-    isSelected: selectedIndex === index,
-    disableCopy: disableCopy
+    isSelected: selectedIndex === index
   });
 
   // Uniform row height for crisp guide geometry

package/lib/commonjs/hooks/safe-area-impl.js

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-01-09T18:05:41.014Z
+ * Generated at: 2026-01-29T01:02:34.764Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/commonjs/hooks/useSafeAreaInsets.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSafeAreaInsets = exports.useSafeAreaFrame = exports.hasNotch = exports.getSafeAreaInsets = exports.SafeAreaConfig = void 0;
+exports.useSafeAreaInsets = exports.hasNotch = exports.getSafeAreaInsets = exports.SafeAreaConfig = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _safeAreaImpl = require("./safe-area-impl.js");
@@ -221,26 +221,6 @@ const SafeAreaConfig = exports.SafeAreaConfig = {
   }
 };
 
-/**
- * Compatibility hook that returns the window frame dimensions
- *
- * @returns Frame object with x, y, width, height properties
- *
- * @deprecated Use Dimensions.get("window") directly instead
- */
-const useSafeAreaFrame = () => {
-  const {
-    width,
-    height
-  } = _reactNative.Dimensions.get("window");
-  return {
-    x: 0,
-    y: 0,
-    width,
-    height
-  };
-};
-
 /**
  * Export the pure JS implementation directly for compatibility
  *
@@ -252,5 +232,4 @@ const useSafeAreaFrame = () => {
  * console.log(`Top inset: ${insets.top}px`);
  * ```
  */
-exports.useSafeAreaFrame = useSafeAreaFrame;
 const getSafeAreaInsets = exports.getSafeAreaInsets = getPureJSSafeAreaInsets;

package/lib/commonjs/index.js

@@ -7,11 +7,6 @@ var _exportNames = {
   displayValue: true,
   parseDisplayValue: true,
   getSafeAreaInsets: true,
-  safeGetItem: true,
-  safeSetItem: true,
-  safeRemoveItem: true,
-  isPersistentStorageAvailable: true,
-  useSafeAsyncStorage: true,
   persistentStorage: true,
   isUsingPersistentStorage: true,
   getStorageBackendType: true,
@@ -54,7 +49,6 @@ var _exportNames = {
   ProFeatureBanner: true,
   UpgradeModal: true,
   LicenseEntryModal: true,
-  ManageDevicesModal: true,
   ProBadge: true,
   ProUpgradeModal: true,
   getUseIsPro: true,
@@ -102,12 +96,6 @@ Object.defineProperty(exports, "LicenseEntryModal", {
     return _index11.LicenseEntryModal;
   }
 });
-Object.defineProperty(exports, "ManageDevicesModal", {
-  enumerable: true,
-  get: function () {
-    return _index11.ManageDevicesModal;
-  }
-});
 Object.defineProperty(exports, "ProBadge", {
   enumerable: true,
   get: function () {
@@ -252,12 +240,6 @@ Object.defineProperty(exports, "isJsonSerializable", {
     return _index2.isJsonSerializable;
   }
 });
-Object.defineProperty(exports, "isPersistentStorageAvailable", {
-  enumerable: true,
-  get: function () {
-    return _index2.isPersistentStorageAvailable;
-  }
-});
 Object.defineProperty(exports, "isPlainObjectUtil", {
   enumerable: true,
   get: function () {
@@ -318,24 +300,6 @@ Object.defineProperty(exports, "persistentStorage", {
     return _index2.persistentStorage;
   }
 });
-Object.defineProperty(exports, "safeGetItem", {
-  enumerable: true,
-  get: function () {
-    return _index2.safeGetItem;
-  }
-});
-Object.defineProperty(exports, "safeRemoveItem", {
-  enumerable: true,
-  get: function () {
-    return _index2.safeRemoveItem;
-  }
-});
-Object.defineProperty(exports, "safeSetItem", {
-  enumerable: true,
-  get: function () {
-    return _index2.safeSetItem;
-  }
-});
 Object.defineProperty(exports, "safeStringify", {
   enumerable: true,
   get: function () {
@@ -384,12 +348,6 @@ Object.defineProperty(exports, "useSafeAreaInsets", {
     return _index0.useSafeAreaInsets;
   }
 });
-Object.defineProperty(exports, "useSafeAsyncStorage", {
-  enumerable: true,
-  get: function () {
-    return _index2.useSafeAsyncStorage;
-  }
-});
 var _index = require("./ui/index.js");
 Object.keys(_index).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;