@buoy-gg/storage 7.0.33 → 7.0.35

package/lib/commonjs/preset.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createStorageTool = createStorageTool;
-exports.storageToolPreset = void 0;
+exports.storageToolPreset = exports.createStorageTool = void 0;
 var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
+var _sharedUi = require("@buoy-gg/shared-ui");
 var _StorageModalWithTabs = require("./storage/components/StorageModalWithTabs");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -33,7 +33,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * - Live storage event monitoring
  * - Required key validation
  */
-const storageToolPreset = exports.storageToolPreset = {
+const storageToolPreset = exports.storageToolPreset = (0, _sharedUi.defineToolPreset)({
   id: "storage",
   name: "STORAGE",
   description: "AsyncStorage browser",
@@ -48,7 +48,7 @@ const storageToolPreset = exports.storageToolPreset = {
     requiredStorageKeys: [],
     enableSharedModalDimensions: false
   }
-};
+});
 
 /**
  * Create a custom AsyncStorage browser tool configuration.
@@ -74,21 +74,7 @@ const storageToolPreset = exports.storageToolPreset = {
  * });
  * ```
  */
-function createStorageTool(options) {
-  return {
-    id: options?.id || "storage",
-    name: options?.name || "STORAGE",
-    description: options?.description || "AsyncStorage browser",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.StorageIcon, {
-      size: size
-    }),
-    component: _StorageModalWithTabs.StorageModalWithTabs,
-    props: {
-      requiredStorageKeys: options?.requiredStorageKeys || [],
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+const createStorageTool = exports.createStorageTool = (0, _sharedUi.createToolFactory)(storageToolPreset, options => ({
+  requiredStorageKeys: options.requiredStorageKeys || [],
+  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
+}));

package/lib/commonjs/storage/components/DiffViewer/DiffOptionsPanel.js

@@ -212,13 +212,13 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 10,
     fontWeight: "600",
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     flex: 1
   },
   toggleIndicator: {
     fontSize: 8,
     color: _sharedUi.night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   optionsContent: {
     marginTop: 8,
@@ -234,7 +234,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 9,
     fontWeight: "700",
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     letterSpacing: 0.5,
     marginBottom: 4
   },
@@ -255,12 +255,12 @@ const styles = _reactNative.StyleSheet.create({
   optionLabel: {
     fontSize: 11,
     color: _sharedUi.night.color.text,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   optionDescription: {
     fontSize: 9,
     color: _sharedUi.night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     marginTop: 4,
     marginLeft: 19,
     lineHeight: 12
@@ -291,7 +291,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   methodButtonText: {
     fontSize: 9,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     color: _sharedUi.night.color.textTertiary,
     fontWeight: "600"
   },
@@ -301,7 +301,7 @@ const styles = _reactNative.StyleSheet.create({
   methodDescription: {
     fontSize: 9,
     color: _sharedUi.night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     marginTop: 8,
     lineHeight: 12
   },
@@ -325,7 +325,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   contextButtonText: {
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     color: _sharedUi.night.color.textTertiary,
     fontWeight: "600"
   },
@@ -335,7 +335,7 @@ const styles = _reactNative.StyleSheet.create({
   contextDescription: {
     fontSize: 9,
     color: _sharedUi.night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     marginTop: 8,
     lineHeight: 12
   },
@@ -349,7 +349,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   activeIndicatorText: {
     fontSize: 8,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     color: _sharedUi.night.color.warning,
     fontWeight: "600"
   }

package/lib/commonjs/storage/components/DiffViewer/components/DiffSummary.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DiffSummary = DiffSummary;
 var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 function DiffSummary({
   added,
@@ -105,17 +106,17 @@ const styles = _reactNative.StyleSheet.create({
   },
   icon: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     fontWeight: "700"
   },
   count: {
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     fontWeight: "600"
   },
   label: {
     fontSize: 9,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     opacity: 0.9
   }
 });

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

@@ -1030,7 +1030,7 @@ const styles = _reactNative.StyleSheet.create({
   techFooter: {
     fontSize: 8,
     color: _sharedUi.night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     textAlign: "center",
     marginTop: 20,
     letterSpacing: 1,
@@ -1078,7 +1078,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 11,
     fontWeight: "600",
     color: _sharedUi.night.color.text,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   // Empty state
   emptyState: {
@@ -1122,7 +1122,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   emptyMMKVCode: {
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     color: _sharedUi.night.color.accent,
     backgroundColor: _sharedUi.night.color.bg,
     padding: 12,
@@ -1192,7 +1192,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 11,
     fontWeight: '600',
     color: _sharedUi.night.color.textSecondary,
-    fontFamily: 'monospace',
+    fontFamily: _sharedUi.monoFont,
     flex: 1
   },
   instanceNavbarButtonTextActive: {
@@ -1211,7 +1211,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 10,
     fontWeight: '700',
     color: _sharedUi.night.color.textSecondary,
-    fontFamily: 'monospace'
+    fontFamily: _sharedUi.monoFont
   },
   clearSearchButton: {
     marginTop: 16,

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

@@ -223,7 +223,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.accent
   },
   monoValue: {
-    fontFamily: 'monospace'
+    fontFamily: _sharedUi.monoFont
   },
   // Notices
   notice: {

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

@@ -370,7 +370,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 13,
     fontWeight: '500',
     color: _sharedUi.night.color.text,
-    fontFamily: 'monospace'
+    fontFamily: _sharedUi.monoFont
   },
   instanceIdSelected: {
     fontWeight: '600',
@@ -407,7 +407,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 16,
     fontWeight: '600',
     color: _sharedUi.night.color.text,
-    fontFamily: 'monospace'
+    fontFamily: _sharedUi.monoFont
   },
   keyCountLabel: {
     fontSize: 9,

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

@@ -187,7 +187,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 11,
     fontWeight: "700",
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   actionsSection: {
     flexDirection: "row",

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

@@ -236,6 +236,6 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 10,
     fontWeight: "700",
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   }
 });

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

@@ -115,7 +115,7 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "600",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     height: 12
   }
 });

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

@@ -477,7 +477,7 @@ const styles = _reactNative.StyleSheet.create({
   valueText: {
     fontSize: 12,
     color: _sharedUi.night.color.text,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 18
   },
   // Action badges for compare bar
@@ -489,6 +489,6 @@ const styles = _reactNative.StyleSheet.create({
   actionTextSmall: {
     fontSize: 8,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   }
 });

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

@@ -225,7 +225,7 @@ const styles = _reactNative.StyleSheet.create({
   filterValue: {
     fontSize: 18,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 20
   }
 });

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

@@ -399,7 +399,7 @@ const styles = _reactNative.StyleSheet.create({
   instanceText: {
     fontSize: 9,
     fontWeight: "700",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     letterSpacing: 0.3
   },
   valueBadge: {
@@ -450,7 +450,7 @@ const styles = _reactNative.StyleSheet.create({
   simpleValueContent: {
     color: _sharedUi.gameUIColors.success,
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 16
   },
   valueTypeText: {
@@ -478,7 +478,7 @@ const styles = _reactNative.StyleSheet.create({
   valueContent: {
     color: _sharedUi.night.color.text,
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 14
   },
   expectedValueBox: {
@@ -491,7 +491,7 @@ const styles = _reactNative.StyleSheet.create({
   expectedValueContent: {
     color: _sharedUi.night.color.text,
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 14
   },
   emptyValueContainer: {

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

@@ -438,7 +438,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.accent,
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   rawButton: {
     flexDirection: "row",
@@ -485,7 +485,7 @@ const styles = _reactNative.StyleSheet.create({
     borderBottomColor: _sharedUi.night.color.border,
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   infoBody: {
     padding: 12,
@@ -501,17 +501,17 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.textTertiary,
     fontWeight: "600",
     minWidth: 64,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   infoDim: {
     color: _sharedUi.night.color.textTertiary,
     fontSize: 10,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   infoExpected: {
     fontSize: 11,
     color: _sharedUi.macOSColors.semantic.warning,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     flex: 1
   },
   infoDescription: {
@@ -522,7 +522,7 @@ const styles = _reactNative.StyleSheet.create({
   rawValueText: {
     color: _sharedUi.night.color.textSecondary,
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 16,
     padding: 12
   },
@@ -536,7 +536,7 @@ const styles = _reactNative.StyleSheet.create({
   inlineLinkText: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     color: _sharedUi.night.color.accent
   },
   actionRow: {
@@ -567,6 +567,6 @@ const styles = _reactNative.StyleSheet.create({
   actionChipText: {
     fontSize: 11,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   }
 });

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

@@ -323,7 +323,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.text,
     fontSize: 13,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   headerState: {
     color: _sharedUi.night.color.textTertiary,
@@ -342,7 +342,7 @@ const styles = _reactNative.StyleSheet.create({
   metaText: {
     color: _sharedUi.night.color.textTertiary,
     fontSize: 11,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   treeScroll: {
     flex: 1
@@ -367,7 +367,7 @@ const styles = _reactNative.StyleSheet.create({
   error: {
     color: _sharedUi.night.color.danger,
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     paddingHorizontal: 12,
     paddingBottom: 6
   },

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

@@ -437,18 +437,18 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.textTertiary,
     fontWeight: "600",
     minWidth: 70,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   expandedValue: {
     fontSize: 11,
     color: _sharedUi.night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     flex: 1
   },
   expandedExpected: {
     fontSize: 11,
     color: _sharedUi.macOSColors.semantic.warning,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     flex: 1
   },
   expandedDescription: {
@@ -500,7 +500,7 @@ const styles = _reactNative.StyleSheet.create({
   absCountText: {
     fontSize: 9,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   actionRow: {
     flexDirection: "row",
@@ -545,7 +545,7 @@ const styles = _reactNative.StyleSheet.create({
   actionChipText: {
     fontSize: 11,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   viewHistoryButton: {
     marginLeft: 4
@@ -553,7 +553,7 @@ const styles = _reactNative.StyleSheet.create({
   viewHistoryText: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     color: _sharedUi.night.color.accent
   }
 });