@buoy-gg/storage 2.1.6 → 2.1.9

package/lib/commonjs/storage/components/GameUIStorageBrowser.js

@@ -60,7 +60,10 @@ function GameUIStorageBrowser({
   onTogglePattern,
   onAddPattern,
   searchQuery = "",
-  storageDataRef
+  storageDataRef,
+  eventCountByKey,
+  onViewHistory,
+  enabledStorageTypes
 }) {
   const isPro = (0, _license.useIsPro)();
   const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
@@ -352,7 +355,12 @@ function GameUIStorageBrowser({
   const filteredKeys = (0, _react.useMemo)(() => {
     let keys = sortedKeys;
 
-    // Apply ignored pattern filter first
+    // Apply enabled storage types filter (from parent unified filter)
+    if (enabledStorageTypes && enabledStorageTypes.size > 0) {
+      keys = keys.filter(k => enabledStorageTypes.has(k.storageType));
+    }
+
+    // Apply ignored pattern filter
     keys = keys.filter(k => {
       // Check if key matches any ignored pattern
       const shouldIgnore = Array.from(ignoredPatterns).some(pattern => k.key.includes(pattern));
@@ -388,7 +396,7 @@ function GameUIStorageBrowser({
     // No need to filter again here
 
     return keys;
-  }, [sortedKeys, activeFilter, activeStorageType, ignoredPatterns, searchQuery, selectedMMKVInstance]);
+  }, [sortedKeys, activeFilter, activeStorageType, ignoredPatterns, searchQuery, selectedMMKVInstance, enabledStorageTypes]);
 
   // For free users, limit visible keys to FREE_TIER_KEY_LIMIT
   const visibleKeys = (0, _react.useMemo)(() => {
@@ -620,7 +628,9 @@ function GameUIStorageBrowser({
         emptyMessage: "",
         isSelectMode: isSelectMode,
         selectedKeys: selectedKeyIds,
-        onSelectionChange: handleSelectionChange
+        onSelectionChange: handleSelectionChange,
+        eventCountByKey: eventCountByKey,
+        onViewHistory: onViewHistory
       }), hasLockedKeys && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
         style: styles.limitBanner,
         onPress: () => setShowUpgradeModal(true),

package/lib/commonjs/storage/components/StorageBrowserMode.js

@@ -17,7 +17,10 @@ function StorageBrowserMode({
   onTogglePattern,
   onAddPattern,
   searchQuery = "",
-  storageDataRef
+  storageDataRef,
+  eventCountByKey,
+  onViewHistory,
+  enabledStorageTypes
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GameUIStorageBrowser.GameUIStorageBrowser, {
     requiredStorageKeys: requiredStorageKeys,
@@ -26,6 +29,9 @@ function StorageBrowserMode({
     onTogglePattern: onTogglePattern,
     onAddPattern: onAddPattern,
     searchQuery: searchQuery,
-    storageDataRef: storageDataRef
+    storageDataRef: storageDataRef,
+    eventCountByKey: eventCountByKey,
+    onViewHistory: onViewHistory,
+    enabledStorageTypes: enabledStorageTypes
   });
 }

package/lib/commonjs/storage/components/StorageKeyRow.js

@@ -79,7 +79,9 @@ function StorageKeyRow({
   onPress,
   isSelectMode = false,
   isSelected = false,
-  onSelectionChange
+  onSelectionChange,
+  eventCount,
+  onViewHistory
 }) {
   const config = getStatusConfig(storageKey.status);
   const hasValue = storageKey.value !== undefined && storageKey.value !== null;
@@ -106,42 +108,40 @@ function StorageKeyRow({
   // Create expanded content for value and storage details
   const expandedContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.expandedContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Storage:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.storageBadge, {
-          backgroundColor: getStorageTypeColor(storageKey.storageType) + "12",
-          borderColor: getStorageTypeColor(storageKey.storageType) + "25"
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.storageBadgeText, {
-            color: getStorageTypeColor(storageKey.storageType)
-          }],
-          children: storageTypeLabel
-        })
-      })]
-    }), storageKey.storageType === 'mmkv' && storageKey.instanceId && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Instance:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.instanceBadge, {
-          backgroundColor: getInstanceColor(storageKey.instanceId) + '20',
-          borderColor: getInstanceColor(storageKey.instanceId) + '40'
-        }],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HardDrive, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow, {
+      label: "Storage",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
+        color: getStorageTypeColor(storageKey.storageType),
+        children: storageTypeLabel
+      })
+    }), storageKey.storageType === 'mmkv' && storageKey.instanceId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow, {
+      label: "Instance",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
+        color: getInstanceColor(storageKey.instanceId),
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HardDrive, {
           size: 9,
           color: getInstanceColor(storageKey.instanceId)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.instanceText, {
-            color: getInstanceColor(storageKey.instanceId)
-          }],
-          children: storageKey.instanceId
-        })]
+        }),
+        children: storageKey.instanceId
+      })
+    }), eventCount != null && eventCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow, {
+      label: "Updates",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
+        color: _sharedUi.macOSColors.semantic.warning,
+        children: String(eventCount)
+      }), eventCount > 1 && onViewHistory && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: onViewHistory,
+        style: styles.viewHistoryButton,
+        hitSlop: {
+          top: 6,
+          bottom: 6,
+          left: 6,
+          right: 6
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.viewHistoryText,
+          children: "view history \u2192"
+        })
       })]
     }), isJsonData && typeof parsedValue === "object" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.dataViewerContainer,
@@ -198,20 +198,6 @@ function StorageKeyRow({
     })]
   });
 
-  // Create storage type badge
-  const storageBadge = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.storageBadge, {
-      backgroundColor: getStorageTypeColor(storageKey.storageType) + "12",
-      borderColor: getStorageTypeColor(storageKey.storageType) + "25"
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.storageBadgeText, {
-        color: getStorageTypeColor(storageKey.storageType)
-      }],
-      children: storageTypeLabel
-    })
-  });
-
   // Handle checkbox press in select mode
   const handleCheckboxPress = () => {
     onSelectionChange?.(storageKey, !isSelected);
@@ -237,9 +223,9 @@ function StorageKeyRow({
   }) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.rowContainer, isSelected && styles.rowContainerSelected],
-    children: [selectionCheckbox, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [selectionCheckbox, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.compactRowWrapper,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
         statusDotColor: config.color,
         statusLabel: config.label,
         statusSublabel: config.sublabel,
@@ -248,10 +234,25 @@ function StorageKeyRow({
         expandedContent: expandedContent,
         isExpanded: isExpanded,
         expandedGlowColor: config.color,
-        customBadge: storageBadge,
+        customBadge: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
+          color: getStorageTypeColor(storageKey.storageType),
+          children: storageTypeLabel
+        }),
         showChevron: !isSelectMode,
         onPress: isSelectMode ? handleCheckboxPress : onPress ? () => onPress(storageKey) : undefined
-      })
+      }), eventCount != null && eventCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.absCountBadge, {
+          backgroundColor: _sharedUi.macOSColors.semantic.warning + "22",
+          borderColor: _sharedUi.macOSColors.semantic.warning + "55"
+        }],
+        pointerEvents: "none",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.absCountText, {
+            color: _sharedUi.macOSColors.semantic.warning
+          }],
+          children: String(eventCount)
+        })
+      })]
     })]
   });
 }
@@ -309,33 +310,6 @@ const styles = _reactNative.StyleSheet.create({
     borderColor: _sharedUi.macOSColors.border.default,
     padding: 6
   },
-  storageBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    borderRadius: 999,
-    borderWidth: 1
-  },
-  storageBadgeText: {
-    fontSize: 10,
-    fontWeight: "700",
-    fontFamily: "monospace",
-    letterSpacing: 0.5
-  },
-  instanceBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    borderRadius: 999,
-    borderWidth: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 4
-  },
-  instanceText: {
-    fontSize: 10,
-    fontWeight: "700",
-    fontFamily: "monospace",
-    letterSpacing: 0.3
-  },
   rowContainer: {
     flexDirection: "row",
     alignItems: "flex-start"
@@ -352,5 +326,29 @@ const styles = _reactNative.StyleSheet.create({
   },
   compactRowWrapper: {
     flex: 1
+  },
+  absCountBadge: {
+    position: "absolute",
+    top: 4,
+    right: 10,
+    paddingHorizontal: 5,
+    paddingVertical: 1,
+    borderRadius: 4,
+    borderWidth: 1,
+    zIndex: 1
+  },
+  absCountText: {
+    fontSize: 9,
+    fontWeight: "700",
+    fontFamily: "monospace"
+  },
+  viewHistoryButton: {
+    marginLeft: 4
+  },
+  viewHistoryText: {
+    fontSize: 10,
+    fontWeight: "600",
+    fontFamily: "monospace",
+    color: _sharedUi.macOSColors.semantic.info
   }
 });

package/lib/commonjs/storage/components/StorageKeySection.js

@@ -25,7 +25,9 @@ function StorageKeySection({
   headerColor,
   isSelectMode = false,
   selectedKeys = new Set(),
-  onSelectionChange
+  onSelectionChange,
+  eventCountByKey,
+  onViewHistory
 }) {
   const [expandedKey, setExpandedKey] = (0, _react.useState)(null);
   const handleKeyPress = (0, _react.useCallback)(storageKey => {
@@ -76,7 +78,9 @@ function StorageKeySection({
           onPress: handleKeyPress,
           isSelectMode: isSelectMode,
           isSelected: selectedKeys.has(uniqueKey),
-          onSelectionChange: onSelectionChange
+          onSelectionChange: onSelectionChange,
+          eventCount: eventCountByKey?.[storageKey.key],
+          onViewHistory: onViewHistory ? () => onViewHistory(storageKey.key) : undefined
         }, uniqueKey);
       })
     })]