@buoy-gg/storage 7.0.41 → 7.0.42

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

@@ -1,156 +1 @@
-"use strict";
-
-import { storageLabels } from '../utils/storageLabels';
-import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { Filter, DynamicFilterView, Database, HardDrive, Shield, macOSColors, night } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function StorageEventFilterView({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  availableKeys = [],
-  enabledStorageTypes,
-  onToggleStorageType
-}) {
-  const filterConfig = {
-    addFilterSection: {
-      enabled: true,
-      placeholder: "Enter key pattern to hide...",
-      title: "KEY FILTERS",
-      icon: Filter
-    },
-    availableItemsSection: {
-      enabled: true,
-      title: "AVAILABLE EVENT KEYS",
-      emptyMessage: "No storage event keys available. Events will appear here once captured.",
-      items: availableKeys
-    },
-    howItWorksSection: {
-      enabled: true,
-      title: "HOW EVENT FILTERS WORK",
-      description: "Patterns hide matching storage keys from the event list. Storage type toggles control which storage backends are monitored.",
-      examples: ["• react_buoy → hides keys containing react_buoy", "• @temp → hides @temp_user, @temp_data", "• redux → hides redux-persist:root", `• ${storageLabels.asyncFull}: show or hide captured events`, `• ${storageLabels.mmkv}: show or hide captured events`],
-      icon: Filter
-    },
-    onPatternToggle: onTogglePattern,
-    onPatternAdd: onAddPattern,
-    activePatterns: ignoredPatterns
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.storageTypeSection,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.sectionTitle,
-        children: "STORAGE TYPES"
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.storageTypeButtons,
-        children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-          style: [styles.storageTypeButton, enabledStorageTypes.has('async') && styles.storageTypeButtonActive, {
-            borderColor: macOSColors.semantic.warning + '40'
-          }],
-          onPress: () => onToggleStorageType('async'),
-          testID: "buoy-storage-backend-async",
-          accessibilityRole: "button",
-          accessibilityLabel: `Toggle ${storageLabels.asyncFull} capture`,
-          accessibilityState: {
-            selected: enabledStorageTypes.has('async')
-          },
-          children: [/*#__PURE__*/_jsx(Database, {
-            size: 16,
-            color: enabledStorageTypes.has('async') ? macOSColors.semantic.warning : night.color.textTertiary
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.storageTypeButtonText, enabledStorageTypes.has('async') && {
-              color: macOSColors.semantic.warning
-            }],
-            children: storageLabels.asyncFull
-          })]
-        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-          style: [styles.storageTypeButton, enabledStorageTypes.has('mmkv') && styles.storageTypeButtonActive, {
-            borderColor: macOSColors.semantic.info + '40'
-          }],
-          onPress: () => onToggleStorageType('mmkv'),
-          testID: "buoy-storage-backend-mmkv",
-          accessibilityRole: "button",
-          accessibilityLabel: `Toggle ${storageLabels.mmkv} capture`,
-          accessibilityState: {
-            selected: enabledStorageTypes.has('mmkv')
-          },
-          children: [/*#__PURE__*/_jsx(HardDrive, {
-            size: 16,
-            color: enabledStorageTypes.has('mmkv') ? macOSColors.semantic.info : night.color.textTertiary
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.storageTypeButtonText, enabledStorageTypes.has('mmkv') && {
-              color: macOSColors.semantic.info
-            }],
-            children: storageLabels.mmkv
-          })]
-        }), storageLabels.hasSecure && /*#__PURE__*/_jsxs(TouchableOpacity, {
-          style: [styles.storageTypeButton, enabledStorageTypes.has('secure') && styles.storageTypeButtonActive, {
-            borderColor: macOSColors.semantic.success + '40'
-          }],
-          onPress: () => onToggleStorageType('secure'),
-          testID: "buoy-storage-backend-secure",
-          accessibilityRole: "button",
-          accessibilityLabel: "Toggle Secure Storage capture",
-          accessibilityState: {
-            selected: enabledStorageTypes.has('secure')
-          },
-          children: [/*#__PURE__*/_jsx(Shield, {
-            size: 16,
-            color: enabledStorageTypes.has('secure') ? macOSColors.semantic.success : night.color.textTertiary
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.storageTypeButtonText, enabledStorageTypes.has('secure') && {
-              color: macOSColors.semantic.success
-            }],
-            children: "Secure Storage"
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/_jsx(DynamicFilterView, {
-      ...filterConfig
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  storageTypeSection: {
-    padding: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: night.color.border
-  },
-  sectionTitle: {
-    fontSize: 11,
-    fontWeight: '700',
-    color: night.color.textSecondary,
-    letterSpacing: 0.8,
-    marginBottom: 12
-  },
-  storageTypeButtons: {
-    flexDirection: 'row',
-    gap: 8
-  },
-  storageTypeButton: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 6,
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    backgroundColor: night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  storageTypeButtonActive: {
-    backgroundColor: night.color.surface
-  },
-  storageTypeButtonText: {
-    fontSize: 11,
-    fontWeight: '600',
-    color: night.color.textTertiary
-  }
-});
+"use strict";import{storageLabels as i}from"../utils/storageLabels";import{View as l,Text as a,StyleSheet as p,TouchableOpacity as u}from"react-native";import{Filter as d,DynamicFilterView as v,Database as T,HardDrive as f,Shield as x,macOSColors as o,night as r}from"@buoy-gg/shared-ui";import{jsx as s,jsxs as c}from"react/jsx-runtime";export function StorageEventFilterView({ignoredPatterns:m,onTogglePattern:y,onAddPattern:h,availableKeys:g=[],enabledStorageTypes:t,onToggleStorageType:n}){const b={addFilterSection:{enabled:true,placeholder:"Enter key pattern to hide...",title:"KEY FILTERS",icon:d},availableItemsSection:{enabled:true,title:"AVAILABLE EVENT KEYS",emptyMessage:"No storage event keys available. Events will appear here once captured.",items:g},howItWorksSection:{enabled:true,title:"HOW EVENT FILTERS WORK",description:"Patterns hide matching storage keys from the event list. Storage type toggles control which storage backends are monitored.",examples:["\u2022 react_buoy \u2192 hides keys containing react_buoy","\u2022 @temp \u2192 hides @temp_user, @temp_data","\u2022 redux \u2192 hides redux-persist:root",`\u2022 ${i.asyncFull}: show or hide captured events`,`\u2022 ${i.mmkv}: show or hide captured events`],icon:d},onPatternToggle:y,onPatternAdd:h,activePatterns:m};return c(l,{style:e.container,children:[c(l,{style:e.storageTypeSection,children:[s(a,{style:e.sectionTitle,children:"STORAGE TYPES"}),c(l,{style:e.storageTypeButtons,children:[c(u,{style:[e.storageTypeButton,t.has("async")&&e.storageTypeButtonActive,{borderColor:o.semantic.warning+"40"}],onPress:()=>n("async"),testID:"buoy-storage-backend-async",accessibilityRole:"button",accessibilityLabel:`Toggle ${i.asyncFull} capture`,accessibilityState:{selected:t.has("async")},children:[s(T,{size:16,color:t.has("async")?o.semantic.warning:r.color.textTertiary}),s(a,{style:[e.storageTypeButtonText,t.has("async")&&{color:o.semantic.warning}],children:i.asyncFull})]}),c(u,{style:[e.storageTypeButton,t.has("mmkv")&&e.storageTypeButtonActive,{borderColor:o.semantic.info+"40"}],onPress:()=>n("mmkv"),testID:"buoy-storage-backend-mmkv",accessibilityRole:"button",accessibilityLabel:`Toggle ${i.mmkv} capture`,accessibilityState:{selected:t.has("mmkv")},children:[s(f,{size:16,color:t.has("mmkv")?o.semantic.info:r.color.textTertiary}),s(a,{style:[e.storageTypeButtonText,t.has("mmkv")&&{color:o.semantic.info}],children:i.mmkv})]}),i.hasSecure&&c(u,{style:[e.storageTypeButton,t.has("secure")&&e.storageTypeButtonActive,{borderColor:o.semantic.success+"40"}],onPress:()=>n("secure"),testID:"buoy-storage-backend-secure",accessibilityRole:"button",accessibilityLabel:"Toggle Secure Storage capture",accessibilityState:{selected:t.has("secure")},children:[s(x,{size:16,color:t.has("secure")?o.semantic.success:r.color.textTertiary}),s(a,{style:[e.storageTypeButtonText,t.has("secure")&&{color:o.semantic.success}],children:"Secure Storage"})]})]})]}),s(v,{...b})]})}const e=p.create({container:{flex:1},storageTypeSection:{padding:16,borderBottomWidth:1,borderBottomColor:r.color.border},sectionTitle:{fontSize:11,fontWeight:"700",color:r.color.textSecondary,letterSpacing:.8,marginBottom:12},storageTypeButtons:{flexDirection:"row",gap:8},storageTypeButton:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:10,paddingHorizontal:12,backgroundColor:r.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:r.color.border},storageTypeButtonActive:{backgroundColor:r.color.surface},storageTypeButtonText:{fontSize:11,fontWeight:"600",color:r.color.textTertiary}});

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

@@ -1,20 +1 @@
-"use strict";
-
-import { Database, CyberpunkSectionButton } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function StorageEventsSection({
-  onPress,
-  eventCount = 0
-}) {
-  const subtitle = eventCount > 0 ? `${eventCount} events` : "Monitoring";
-  return /*#__PURE__*/_jsx(CyberpunkSectionButton, {
-    id: "storage-events",
-    title: "EVENTS",
-    subtitle: subtitle,
-    icon: Database,
-    iconColor: "#00E5FF",
-    iconBackgroundColor: "rgba(0, 229, 255, 0.1)",
-    onPress: onPress,
-    index: 3
-  });
-}
+"use strict";import{Database as n,CyberpunkSectionButton as r}from"@buoy-gg/shared-ui";import{jsx as i}from"react/jsx-runtime";export function StorageEventsSection({onPress:o,eventCount:t=0}){const e=t>0?`${t} events`:"Monitoring";return i(r,{id:"storage-events",title:"EVENTS",subtitle:e,icon:n,iconColor:"#00E5FF",iconBackgroundColor:"rgba(0, 229, 255, 0.1)",onPress:o,index:3})}

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

@@ -1,227 +1 @@
-"use strict";
-
-import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { StorageTypeFilterBar } from "./StorageTypeFilterBar";
-import { macOSColors, night, monoFont } from "@buoy-gg/shared-ui";
-import { isMMKVAvailable } from "../utils/mmkvAvailability";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Feature flags - set to true when implemented
-const IS_MMKV_IMPLEMENTED = true; // ✅ MMKV support is now implemented
-
-// Runtime availability checks
-const IS_MMKV_AVAILABLE = isMMKVAvailable();
-export function StorageFilterCards({
-  stats,
-  tabStats,
-  healthPercentage,
-  healthStatus,
-  healthColor,
-  activeFilter = "all",
-  onFilterChange,
-  activeStorageType = "all",
-  onStorageTypeChange,
-  showStatus = true
-}) {
-  // Use tabStats if provided (for filtered counts), otherwise fall back to stats
-  const displayStats = tabStats || {
-    validCount: stats.presentRequiredCount + stats.optionalCount,
-    missingCount: stats.missingCount,
-    issuesCount: stats.wrongValueCount + stats.wrongTypeCount,
-    asyncCount: stats.asyncCount || 0,
-    mmkvCount: stats.mmkvCount || 0,
-    secureCount: stats.secureCount || 0,
-    totalCount: stats.totalCount
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [showStatus ? /*#__PURE__*/_jsxs(View, {
-      style: styles.filtersRow,
-      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: [styles.filterChip, activeFilter === "all" && [styles.filterChipActive, {
-          backgroundColor: night.color.accentSoft,
-          borderColor: night.color.accentBorderStrong,
-          shadowColor: night.color.accent
-        }]],
-        onPress: () => onFilterChange?.("all"),
-        activeOpacity: 0.8,
-        testID: "buoy-storage-status-all",
-        accessibilityRole: "button",
-        accessibilityLabel: "Valid keys",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.filterValue, {
-            color: night.color.text
-          }],
-          children: displayStats.validCount
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.filterLabel,
-          children: "Valid"
-        })]
-      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: [styles.filterChip, activeFilter === "missing" && [styles.filterChipActive, {
-          backgroundColor: macOSColors.semantic.error + "10",
-          borderColor: macOSColors.semantic.error + "30",
-          shadowColor: macOSColors.semantic.error
-        }]],
-        onPress: () => onFilterChange?.("missing"),
-        activeOpacity: 0.8,
-        testID: "buoy-storage-status-missing",
-        accessibilityRole: "button",
-        accessibilityLabel: "Missing keys",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.filterValue, {
-            color: displayStats.missingCount > 0 ? macOSColors.semantic.error : night.color.textTertiary
-          }],
-          children: displayStats.missingCount
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.filterLabel,
-          children: "Missing"
-        })]
-      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: [styles.filterChip, activeFilter === "issues" && [styles.filterChipActive, {
-          backgroundColor: macOSColors.semantic.warning + "10",
-          borderColor: macOSColors.semantic.warning + "30",
-          shadowColor: macOSColors.semantic.warning
-        }]],
-        onPress: () => onFilterChange?.("issues"),
-        activeOpacity: 0.8,
-        testID: "buoy-storage-status-issues",
-        accessibilityRole: "button",
-        accessibilityLabel: "Issues keys",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.filterValue, {
-            color: displayStats.issuesCount > 0 ? macOSColors.semantic.warning : night.color.textTertiary
-          }],
-          children: displayStats.issuesCount
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.filterLabel,
-          children: "Issues"
-        })]
-      })]
-    }) : null, onStorageTypeChange && /*#__PURE__*/_jsx(StorageTypeFilterBar, {
-      active: activeStorageType,
-      onChange: onStorageTypeChange,
-      counts: {
-        all: displayStats.totalCount,
-        async: displayStats.asyncCount,
-        mmkv: displayStats.mmkvCount,
-        secure: displayStats.secureCount
-      }
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: night.color.surface,
-    borderRadius: 12,
-    padding: 16,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    gap: 14,
-    shadowColor: "#000000",
-    shadowOpacity: 0.03,
-    shadowRadius: 12,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    }
-  },
-  topRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  titleLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flexShrink: 1
-  },
-  healthDot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3
-  },
-  titleText: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: night.color.text,
-    letterSpacing: 0.5,
-    textTransform: "uppercase"
-  },
-  titleDivider: {
-    width: 4,
-    height: 1,
-    backgroundColor: night.color.border,
-    marginHorizontal: 4
-  },
-  subtitleText: {
-    color: night.color.textTertiary,
-    fontSize: 11
-  },
-  healthBadge: {
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 6,
-    borderWidth: 1
-  },
-  healthBadgeText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontVariant: ["tabular-nums"]
-  },
-  // Health progress bar
-  healthProgressBar: {
-    height: 3,
-    borderRadius: 1.5,
-    backgroundColor: night.color.bg,
-    overflow: "hidden"
-  },
-  healthProgressFill: {
-    height: 3,
-    borderRadius: 1.5
-  },
-  // Status filters
-  filtersRow: {
-    flexDirection: "row",
-    gap: 10
-  },
-  filterChip: {
-    flex: 1,
-    backgroundColor: night.color.buttonSurface,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 44
-  },
-  filterChipActive: {
-    borderWidth: 1,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6,
-    elevation: 2,
-    transform: [{
-      scale: 1.005
-    }]
-  },
-  filterLabel: {
-    fontSize: 9,
-    color: night.color.textTertiary,
-    textTransform: "uppercase",
-    letterSpacing: 0.5,
-    fontWeight: "500",
-    marginTop: 3
-  },
-  filterValue: {
-    fontSize: 18,
-    fontWeight: "600",
-    fontFamily: monoFont,
-    lineHeight: 20
-  }
-});
+"use strict";import{View as h,Text as s,StyleSheet as b,TouchableOpacity as u}from"react-native";import{StorageTypeFilterBar as m}from"./StorageTypeFilterBar";import{macOSColors as i,night as e,monoFont as y}from"@buoy-gg/shared-ui";import{isMMKVAvailable as p}from"../utils/mmkvAvailability";import{jsx as l,jsxs as n}from"react/jsx-runtime";const I=true;const L=p();export function StorageFilterCards({stats:o,tabStats:g,healthPercentage:w,healthStatus:x,healthColor:S,activeFilter:a="all",onFilterChange:c,activeStorageType:f="all",onStorageTypeChange:d,showStatus:C=true}){const r=g||{validCount:o.presentRequiredCount+o.optionalCount,missingCount:o.missingCount,issuesCount:o.wrongValueCount+o.wrongTypeCount,asyncCount:o.asyncCount||0,mmkvCount:o.mmkvCount||0,secureCount:o.secureCount||0,totalCount:o.totalCount};return n(h,{style:t.container,children:[C?n(h,{style:t.filtersRow,children:[n(u,{style:[t.filterChip,a==="all"&&[t.filterChipActive,{backgroundColor:e.color.accentSoft,borderColor:e.color.accentBorderStrong,shadowColor:e.color.accent}]],onPress:()=>c?.("all"),activeOpacity:.8,testID:"buoy-storage-status-all",accessibilityRole:"button",accessibilityLabel:"Valid keys",children:[l(s,{style:[t.filterValue,{color:e.color.text}],children:r.validCount}),l(s,{style:t.filterLabel,children:"Valid"})]}),n(u,{style:[t.filterChip,a==="missing"&&[t.filterChipActive,{backgroundColor:i.semantic.error+"10",borderColor:i.semantic.error+"30",shadowColor:i.semantic.error}]],onPress:()=>c?.("missing"),activeOpacity:.8,testID:"buoy-storage-status-missing",accessibilityRole:"button",accessibilityLabel:"Missing keys",children:[l(s,{style:[t.filterValue,{color:r.missingCount>0?i.semantic.error:e.color.textTertiary}],children:r.missingCount}),l(s,{style:t.filterLabel,children:"Missing"})]}),n(u,{style:[t.filterChip,a==="issues"&&[t.filterChipActive,{backgroundColor:i.semantic.warning+"10",borderColor:i.semantic.warning+"30",shadowColor:i.semantic.warning}]],onPress:()=>c?.("issues"),activeOpacity:.8,testID:"buoy-storage-status-issues",accessibilityRole:"button",accessibilityLabel:"Issues keys",children:[l(s,{style:[t.filterValue,{color:r.issuesCount>0?i.semantic.warning:e.color.textTertiary}],children:r.issuesCount}),l(s,{style:t.filterLabel,children:"Issues"})]})]}):null,d&&l(m,{active:f,onChange:d,counts:{all:r.totalCount,async:r.asyncCount,mmkv:r.mmkvCount,secure:r.secureCount}})]})}const t=b.create({container:{backgroundColor:e.color.surface,borderRadius:12,padding:16,borderWidth:1,borderColor:e.color.border,gap:14,shadowColor:"#000000",shadowOpacity:.03,shadowRadius:12,shadowOffset:{width:0,height:2}},topRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},titleLeft:{flexDirection:"row",alignItems:"center",gap:8,flexShrink:1},healthDot:{width:6,height:6,borderRadius:3},titleText:{fontSize:12,fontWeight:"600",color:e.color.text,letterSpacing:.5,textTransform:"uppercase"},titleDivider:{width:4,height:1,backgroundColor:e.color.border,marginHorizontal:4},subtitleText:{color:e.color.textTertiary,fontSize:11},healthBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1},healthBadgeText:{fontSize:10,fontWeight:"600",fontVariant:["tabular-nums"]},healthProgressBar:{height:3,borderRadius:1.5,backgroundColor:e.color.bg,overflow:"hidden"},healthProgressFill:{height:3,borderRadius:1.5},filtersRow:{flexDirection:"row",gap:10},filterChip:{flex:1,backgroundColor:e.color.buttonSurface,borderRadius:8,borderWidth:1,borderColor:e.color.border,paddingVertical:10,paddingHorizontal:12,alignItems:"center",justifyContent:"center",minHeight:44},filterChipActive:{borderWidth:1,shadowOffset:{width:0,height:0},shadowOpacity:.1,shadowRadius:6,elevation:2,transform:[{scale:1.005}]},filterLabel:{fontSize:9,color:e.color.textTertiary,textTransform:"uppercase",letterSpacing:.5,fontWeight:"500",marginTop:3},filterValue:{fontSize:18,fontWeight:"600",fontFamily:y,lineHeight:20}});