@buoy-gg/storage 1.7.2

package/lib/module/storage/components/SelectionActionBar.js

@@ -0,0 +1,221 @@
+"use strict";
+
+import { useState } from "react";
+import { View, Text, StyleSheet, TouchableOpacity, Alert } from "react-native";
+import { Trash2, CopyButton, CheckSquare, ProUpgradeModal } from "@buoy-gg/shared-ui";
+import { macOSColors } from "@buoy-gg/shared-ui";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+
+// Lazy load the license hooks to avoid circular dependencies
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+let _useIsPro = null;
+let _licenseLoadAttempted = false;
+function loadLicenseModule() {
+  if (_licenseLoadAttempted) return;
+  _licenseLoadAttempted = true;
+  try {
+    const mod = require("@buoy-gg/license");
+    if (mod) {
+      _useIsPro = mod.useIsPro ?? null;
+    }
+  } catch {
+    // License package not available
+  }
+}
+function getUseIsPro() {
+  loadLicenseModule();
+  return _useIsPro ?? (() => false);
+}
+export function SelectionActionBar({
+  selectedKeys,
+  mmkvInstances,
+  onDeleteComplete,
+  onSelectAll,
+  onClearSelection,
+  totalVisibleKeys
+}) {
+  const [showUpgradeModal, setShowUpgradeModal] = useState(false);
+
+  // Check Pro status internally
+  const useIsPro = getUseIsPro();
+  const isPro = useIsPro();
+  const selectedCount = selectedKeys.length;
+  const allSelected = selectedCount === totalVisibleKeys && totalVisibleKeys > 0;
+
+  // Generate copy data for selected keys
+  const getCopyData = () => {
+    const data = {};
+    selectedKeys.forEach(key => {
+      const prefix = key.instanceId ? `[${key.storageType}:${key.instanceId}]` : `[${key.storageType}]`;
+      data[`${prefix} ${key.key}`] = key.value;
+    });
+    return {
+      selectedCount,
+      keys: data,
+      timestamp: new Date().toISOString()
+    };
+  };
+
+  // Handle delete selected keys
+  const handleDeleteSelected = () => {
+    if (selectedCount === 0) return;
+
+    // Gate delete behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    Alert.alert("Delete Selected Keys", `Delete ${selectedCount} selected key${selectedCount > 1 ? "s" : ""}? This cannot be undone.`, [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Delete",
+      style: "destructive",
+      onPress: async () => {
+        try {
+          // Group keys by storage type
+          const asyncKeys = selectedKeys.filter(k => k.storageType === "async");
+          const mmkvKeys = selectedKeys.filter(k => k.storageType === "mmkv");
+
+          // Delete AsyncStorage keys
+          if (asyncKeys.length > 0) {
+            await AsyncStorage.multiRemove(asyncKeys.map(k => k.key));
+          }
+
+          // Delete MMKV keys
+          if (mmkvKeys.length > 0) {
+            // Group by instance
+            const byInstance = {};
+            mmkvKeys.forEach(k => {
+              const instanceId = k.instanceId || "default";
+              if (!byInstance[instanceId]) byInstance[instanceId] = [];
+              byInstance[instanceId].push(k.key);
+            });
+
+            // Delete from each instance
+            Object.entries(byInstance).forEach(([instanceId, keys]) => {
+              const inst = mmkvInstances.find(i => i.id === instanceId);
+              if (inst) {
+                keys.forEach(key => inst.instance.delete(key));
+              }
+            });
+          }
+          onDeleteComplete?.();
+        } catch (error) {
+          Alert.alert("Error", `Failed to delete keys: ${error}`);
+        }
+      }
+    }]);
+  };
+  if (selectedCount === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.leftSection,
+      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: styles.selectAllButton,
+        onPress: allSelected ? onClearSelection : onSelectAll,
+        children: [/*#__PURE__*/_jsx(CheckSquare, {
+          size: 14,
+          color: allSelected ? macOSColors.semantic.info : macOSColors.text.secondary
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.selectAllText,
+          children: allSelected ? "Deselect All" : "Select All"
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.countBadge,
+        children: /*#__PURE__*/_jsxs(Text, {
+          style: styles.countText,
+          children: [selectedCount, " selected"]
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.actionsSection,
+      children: [/*#__PURE__*/_jsx(CopyButton, {
+        value: getCopyData(),
+        size: 14,
+        buttonStyle: styles.actionButton,
+        colors: {
+          idle: macOSColors.semantic.info,
+          success: macOSColors.semantic.success,
+          error: macOSColors.semantic.error
+        }
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.actionButton,
+        onPress: handleDeleteSelected,
+        children: /*#__PURE__*/_jsx(Trash2, {
+          size: 14,
+          color: macOSColors.semantic.error
+        })
+      })]
+    }), /*#__PURE__*/_jsx(ProUpgradeModal, {
+      visible: showUpgradeModal,
+      onClose: () => setShowUpgradeModal(false),
+      featureName: "Storage Editing"
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    backgroundColor: macOSColors.semantic.info + "15",
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: macOSColors.semantic.info + "30",
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    marginBottom: 10
+  },
+  leftSection: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12
+  },
+  selectAllButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    backgroundColor: macOSColors.background.card,
+    borderRadius: 6,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default
+  },
+  selectAllText: {
+    fontSize: 11,
+    fontWeight: "600",
+    color: macOSColors.text.secondary
+  },
+  countBadge: {
+    backgroundColor: macOSColors.semantic.info + "20",
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 6
+  },
+  countText: {
+    fontSize: 11,
+    fontWeight: "700",
+    color: macOSColors.semantic.info,
+    fontFamily: "monospace"
+  },
+  actionsSection: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  actionButton: {
+    width: 28,
+    height: 28,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 6,
+    backgroundColor: macOSColors.background.card,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default
+  }
+});

package/lib/module/storage/components/StorageActionButtons.js

@@ -0,0 +1,236 @@
+"use strict";
+
+import { useState } from "react";
+import { View, Text, StyleSheet, TouchableOpacity, Alert } from "react-native";
+import { Trash2, CopyButton, SquareDashed, X, ProUpgradeModal } from "@buoy-gg/shared-ui";
+import { macOSColors } from "@buoy-gg/shared-ui";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+
+// Lazy load the license hooks to avoid circular dependencies
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+let _useIsPro = null;
+let _licenseLoadAttempted = false;
+function loadLicenseModule() {
+  if (_licenseLoadAttempted) return;
+  _licenseLoadAttempted = true;
+  try {
+    const mod = require("@buoy-gg/license");
+    if (mod) {
+      _useIsPro = mod.useIsPro ?? null;
+    }
+  } catch {
+    // License package not available
+  }
+}
+function getUseIsPro() {
+  loadLicenseModule();
+  return _useIsPro ?? (() => false);
+}
+export function StorageActionButtons({
+  copyValue,
+  mmkvInstances = [],
+  activeStorageType = "all",
+  onClearComplete,
+  isSelectMode = false,
+  onToggleSelectMode,
+  selectedCount = 0
+}) {
+  const [showUpgradeModal, setShowUpgradeModal] = useState(false);
+
+  // Check Pro status internally
+  const useIsPro = getUseIsPro();
+  const isPro = useIsPro();
+  const handleClearAsyncStorage = () => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    Alert.alert("Clear AsyncStorage", "Delete all AsyncStorage keys? This cannot be undone.", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear",
+      style: "destructive",
+      onPress: async () => {
+        try {
+          await AsyncStorage.clear();
+          onClearComplete?.();
+        } catch (error) {
+          Alert.alert("Error", `Failed: ${error}`);
+        }
+      }
+    }]);
+  };
+  const handleClearMMKV = (instanceId, instanceName) => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    Alert.alert(`Clear ${instanceName}`, `Delete all keys from ${instanceName}? This cannot be undone.`, [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear",
+      style: "destructive",
+      onPress: () => {
+        try {
+          const inst = mmkvInstances.find(i => i.id === instanceId);
+          if (inst) {
+            inst.instance.clearAll();
+            onClearComplete?.();
+          }
+        } catch (error) {
+          Alert.alert("Error", `Failed: ${error}`);
+        }
+      }
+    }]);
+  };
+  const handleClearAllMMKV = () => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    Alert.alert("Clear All MMKV", `Delete all keys from ${mmkvInstances.length} instances? This cannot be undone.`, [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear All",
+      style: "destructive",
+      onPress: () => {
+        try {
+          mmkvInstances.forEach(inst => inst.instance.clearAll());
+          onClearComplete?.();
+        } catch (error) {
+          Alert.alert("Error", `Failed: ${error}`);
+        }
+      }
+    }]);
+  };
+  const handleClearAll = () => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    Alert.alert("Clear All Storage", "Delete all storage data? This cannot be undone.", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear All",
+      style: "destructive",
+      onPress: async () => {
+        try {
+          await AsyncStorage.clear();
+          mmkvInstances.forEach(inst => inst.instance.clearAll());
+          onClearComplete?.();
+        } catch (error) {
+          Alert.alert("Error", `Failed: ${error}`);
+        }
+      }
+    }]);
+  };
+  const showAsyncActions = activeStorageType === "all" || activeStorageType === "async";
+  const showMMKVActions = activeStorageType === "all" || activeStorageType === "mmkv";
+
+  // Determine which clear actions to show based on active filter
+  const showClearAll = activeStorageType === "all";
+  const showClearAsync = showAsyncActions && !showClearAll;
+  const showClearMMKVIndividual = showMMKVActions && !showClearAll;
+  const showClearAllMMKV = showMMKVActions && mmkvInstances.length > 1 && !showClearAll;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [onToggleSelectMode && /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onToggleSelectMode,
+      style: [styles.actionButton, isSelectMode && styles.actionButtonActive],
+      children: isSelectMode ? /*#__PURE__*/_jsxs(View, {
+        style: styles.selectModeActiveContainer,
+        children: [/*#__PURE__*/_jsx(X, {
+          size: 14,
+          color: macOSColors.semantic.info
+        }), selectedCount > 0 && /*#__PURE__*/_jsx(Text, {
+          style: styles.selectedCountText,
+          children: selectedCount
+        })]
+      }) : /*#__PURE__*/_jsx(SquareDashed, {
+        size: 16,
+        color: macOSColors.text.secondary
+      })
+    }), !isSelectMode && /*#__PURE__*/_jsx(CopyButton, {
+      value: copyValue,
+      size: 16,
+      buttonStyle: styles.actionButton,
+      colors: {
+        idle: macOSColors.text.secondary,
+        success: macOSColors.semantic.success,
+        error: macOSColors.semantic.error
+      }
+    }), !isSelectMode && showClearAll && /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: handleClearAll,
+      style: styles.actionButton,
+      children: /*#__PURE__*/_jsx(Trash2, {
+        size: 16,
+        color: macOSColors.semantic.error
+      })
+    }), !isSelectMode && showClearAsync && /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: handleClearAsyncStorage,
+      style: styles.actionButton,
+      children: /*#__PURE__*/_jsx(Trash2, {
+        size: 16,
+        color: macOSColors.semantic.error
+      })
+    }), !isSelectMode && showClearAllMMKV && /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: handleClearAllMMKV,
+      style: styles.actionButton,
+      children: /*#__PURE__*/_jsx(Trash2, {
+        size: 16,
+        color: macOSColors.semantic.error
+      })
+    }), !isSelectMode && showClearMMKVIndividual && mmkvInstances.length === 1 && /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: () => handleClearMMKV(mmkvInstances[0].id, mmkvInstances[0].id),
+      style: styles.actionButton,
+      children: /*#__PURE__*/_jsx(Trash2, {
+        size: 16,
+        color: macOSColors.semantic.error
+      })
+    }), /*#__PURE__*/_jsx(ProUpgradeModal, {
+      visible: showUpgradeModal,
+      onClose: () => setShowUpgradeModal(false),
+      featureName: "Storage Editing"
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  actionButton: {
+    width: 32,
+    height: 32,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 6,
+    backgroundColor: macOSColors.background.input,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default
+  },
+  actionButtonActive: {
+    backgroundColor: macOSColors.semantic.info + "20",
+    borderColor: macOSColors.semantic.info + "40"
+  },
+  selectModeActiveContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 2
+  },
+  selectedCountText: {
+    fontSize: 10,
+    fontWeight: "700",
+    color: macOSColors.semantic.info,
+    fontFamily: "monospace"
+  }
+});

package/lib/module/storage/components/StorageActions.js

@@ -0,0 +1,189 @@
+"use strict";
+
+import { View, Text, TouchableOpacity, StyleSheet, Alert } from "react-native";
+import { useState, useCallback } from "react";
+import { clearAllStorageIncludingDevTools } from "../utils/clearAllStorage";
+import { RefreshCw, Trash2, CopyButton, ProUpgradeModal } from "@buoy-gg/shared-ui";
+
+// Lazy load the license hooks to avoid circular dependencies
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+let _useIsPro = null;
+let _licenseLoadAttempted = false;
+function loadLicenseModule() {
+  if (_licenseLoadAttempted) return;
+  _licenseLoadAttempted = true;
+  try {
+    const mod = require("@buoy-gg/license");
+    if (mod) {
+      _useIsPro = mod.useIsPro ?? null;
+    }
+  } catch {
+    // License package not available
+  }
+}
+function getUseIsPro() {
+  loadLicenseModule();
+  return _useIsPro ?? (() => false);
+}
+export function StorageActions({
+  storageKeys,
+  onClearAll,
+  onRefresh,
+  totalCount
+}) {
+  const [isRefreshing, setIsRefreshing] = useState(false);
+  const [showUpgradeModal, setShowUpgradeModal] = useState(false);
+
+  // Check Pro status internally
+  const useIsPro = getUseIsPro();
+  const isPro = useIsPro();
+  const handleRefresh = useCallback(async () => {
+    setIsRefreshing(true);
+    try {
+      await onRefresh();
+    } finally {
+      setTimeout(() => setIsRefreshing(false), 500);
+    }
+  }, [onRefresh]);
+  const handleClear = () => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    Alert.alert("Clear Storage", "Choose what to clear:", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear App Data",
+      onPress: handleClearAppData
+    }, {
+      text: "Clear Everything",
+      style: "destructive",
+      onPress: handleClearEverything
+    }]);
+  };
+  const handleClearAppData = async () => {
+    try {
+      await onClearAll();
+      await onRefresh(); // Auto-refresh after clearing
+    } catch (error) {
+      Alert.alert("Error", `Failed to clear storage: ${error}`);
+    }
+  };
+  const handleClearEverything = async () => {
+    // Clear everything directly without extra confirmation
+    try {
+      await clearAllStorageIncludingDevTools();
+      await onRefresh(); // Auto-refresh after clearing
+
+      // Show success message briefly
+      Alert.alert("Success", "All storage cleared including dev tools settings.", [{
+        text: "OK"
+      }], {
+        cancelable: true
+      });
+    } catch (error) {
+      Alert.alert("Error", `Failed to clear all storage: ${error}`);
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.headerContainer,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.leftSection,
+      children: /*#__PURE__*/_jsxs(Text, {
+        style: styles.keyCount,
+        children: [totalCount, " ", totalCount === 1 ? "key" : "keys", " found"]
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.headerActions,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        "sentry-label": "ignore storage refresh button",
+        onPress: handleRefresh,
+        style: [styles.iconButton, isRefreshing && styles.activeButton],
+        accessibilityLabel: "Refresh storage",
+        children: /*#__PURE__*/_jsx(RefreshCw, {
+          size: 16,
+          color: isRefreshing ? "#10B981" : "#9CA3AF"
+        })
+      }), /*#__PURE__*/_jsx(CopyButton, {
+        value: storageKeys,
+        size: 16,
+        buttonStyle: styles.iconButton,
+        colors: {
+          idle: "#3B82F6",
+          success: "#10B981",
+          error: "#F87171"
+        }
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        "sentry-label": "ignore storage clear button",
+        onPress: handleClear,
+        style: styles.iconButton,
+        accessibilityLabel: "Clear storage",
+        children: /*#__PURE__*/_jsx(Trash2, {
+          size: 16,
+          color: "#F87171"
+        })
+      })]
+    }), /*#__PURE__*/_jsx(ProUpgradeModal, {
+      visible: showUpgradeModal,
+      onClose: () => setShowUpgradeModal(false),
+      featureName: "Storage Editing"
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  // Header styles matching Sentry pattern
+  headerContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: "rgba(255, 255, 255, 0.03)",
+    borderRadius: 8,
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: "rgba(255, 255, 255, 0.08)"
+  },
+  leftSection: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  keyCount: {
+    color: "#9CA3AF",
+    fontSize: 12,
+    fontWeight: "500"
+  },
+  copiedBadge: {
+    backgroundColor: "#10B981",
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 10
+  },
+  copiedText: {
+    color: "#FFFFFF",
+    fontSize: 10,
+    fontWeight: "600"
+  },
+  headerActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  iconButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 6,
+    backgroundColor: "rgba(255, 255, 255, 0.03)",
+    borderWidth: 1,
+    borderColor: "rgba(255, 255, 255, 0.08)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  activeButton: {
+    backgroundColor: "rgba(16, 185, 129, 0.1)",
+    borderColor: "rgba(16, 185, 129, 0.2)"
+  }
+});

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

@@ -0,0 +1,27 @@
+"use strict";
+
+import { GameUIStorageBrowser } from "./GameUIStorageBrowser";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Storage browser mode component
+ * Displays storage keys with game UI styled interface
+ */
+export function StorageBrowserMode({
+  requiredStorageKeys = [],
+  showFilters = false,
+  ignoredPatterns = new Set(),
+  onTogglePattern,
+  onAddPattern,
+  searchQuery = "",
+  storageDataRef
+}) {
+  return /*#__PURE__*/_jsx(GameUIStorageBrowser, {
+    requiredStorageKeys: requiredStorageKeys,
+    showFilters: showFilters,
+    ignoredPatterns: ignoredPatterns,
+    onTogglePattern: onTogglePattern,
+    onAddPattern: onAddPattern,
+    searchQuery: searchQuery,
+    storageDataRef: storageDataRef
+  });
+}