@buoy-gg/storage 7.0.30 → 7.0.31

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

@@ -9,13 +9,14 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _StorageKeySection = require("./StorageKeySection");
-var _StorageKeyEditorScreen = require("./StorageKeyEditorScreen");
+var _StorageKeyDetailScreen = require("./StorageKeyDetailScreen");
 var _StorageFilterCards = require("./StorageFilterCards");
 var _useAsyncStorageKeys = require("../hooks/useAsyncStorageKeys");
 var _AsyncStorageListener = require("../utils/AsyncStorageListener");
 var _useMMKVKeys = require("../hooks/useMMKVKeys");
 var _useSecureStoreKeys = require("../hooks/useSecureStoreKeys");
 var _useMMKVInstances = require("../hooks/useMMKVInstances");
+var _StorageSaveNotice = require("./StorageSaveNotice");
 var _StorageActionButtons = require("./StorageActionButtons");
 var _SelectionActionBar = require("./SelectionActionBar");
 var _MMKVListener = require("../utils/MMKVListener");
@@ -77,7 +78,10 @@ function GameUIStorageBrowser({
   onTogglePin,
   storageTypeFilter,
   onStorageTypeFilterChange,
-  applySafeAreaInset
+  applySafeAreaInset,
+  detailKey = null,
+  onOpenKey,
+  onCloseDetail
 }) {
   const isPro = (0, _license.useIsPro)();
   const keyLimit = (0, _sharedUi.useLimit)("storage.keys");
@@ -102,16 +106,38 @@ function GameUIStorageBrowser({
   const activeStorageType = isStorageTypeControlled ? storageTypeFilter : internalStorageType;
   const setActiveStorageType = isStorageTypeControlled ? onStorageTypeFilterChange : setInternalStorageType;
   const [selectedMMKVInstance, setSelectedMMKVInstance] = (0, _react.useState)(null);
+  const scrollRef = (0, _react.useRef)(null);
+  const scrollOffsetRef = (0, _react.useRef)(0);
+  const rowNodesRef = (0, _react.useRef)(new Map());
+  const handleRowRef = (0, _react.useCallback)((id, node) => {
+    if (node) rowNodesRef.current.set(id, node);else rowNodesRef.current.delete(id);
+  }, []);
 
   /**
-   * The key the full-screen editor is open on, if any.
+   * Shown after every successful write, with the same sentence every time.
+   *
+   * An earlier version looked up which live store owned the key and offered to
+   * make that store re-read it. That required knowing what is linked to what,
+   * and every route to that knowledge is a guess — key names collide across
+   * backends, only zustand stores register at all, and a store can register
+   * after the lookup ran. A message that is right most of the time is the
+   * problem this tool has, not the fix for it.
+   *
+   * There is also no general mechanism to find: the app owns its cache, and
+   * only the app can invalidate it. So the tool promises the one thing that is
+   * true for every key, every backend and every persistence library — this is
+   * what loads next launch — and "make it live now" lives in the state tools,
+   * where the store you mean is the one you are looking at.
+   */
+  /**
+   * Bumped on every save rather than flipped to `true`.
    *
-   * Held here rather than in the row because the editor covers the whole
-   * browser, and because the write it eventually performs is `handleSaveValue`
-   * — which needs the MMKV instance registry and the refresh fan-out that live
-   * at this level.
+   * The toast unmounts itself when it fades, and a boolean already `true` would
+   * not change on the next save — so a second edit would show nothing. The
+   * counter is the toast's `key`, so each save mounts a fresh one and the
+   * animation restarts from the beginning.
    */
-  const [editingKey, setEditingKey] = (0, _react.useState)(null);
+  const [saveToastId, setSaveToastId] = (0, _react.useState)(0);
 
   // Selection mode state
   const [isSelectMode, setIsSelectMode] = (0, _react.useState)(false);
@@ -169,6 +195,22 @@ function GameUIStorageBrowser({
     return [...asyncStorageKeys, ...mmkvStorageKeys, ...secureStorageKeys];
   }, [asyncStorageKeys, mmkvStorageKeys, secureStorageKeys]);
 
+  /**
+   * The CURRENT snapshot of the key the detail screen is open on. `detailKey`
+   * is only an identity — resolving it fresh each pass is what makes the
+   * detail screen live: the app writes, the snapshot refreshes, the screen
+   * follows. Falls back to the captured info because the backend hooks
+   * transiently EMPTY their lists mid-refresh — treating "missing from this
+   * render's list" as "deleted" closed the screen the moment it opened, so
+   * absence here is never acted on (deletion closes explicitly, from the
+   * delete flow itself).
+   */
+  const detailInfo = (0, _react.useMemo)(() => {
+    if (!detailKey) return null;
+    const id = (0, _StorageKeySection.storageRowId)(detailKey);
+    return allStorageKeys.find(k => (0, _StorageKeySection.storageRowId)(k) === id) ?? detailKey;
+  }, [detailKey, allStorageKeys]);
+
   // Determine loading and error states
   const isLoading = isLoadingAsync || isLoadingMMKV || isLoadingSecure;
   const error = asyncError || mmkvError || secureError;
@@ -242,6 +284,7 @@ function GameUIStorageBrowser({
     }
     await (0, _setStorageValue.setStorageValue)(storageKey, raw, mmkvInstances);
     refresh();
+    setSaveToastId(id => id + 1);
   }, [isPro, mmkvInstances, refresh]);
 
   /**
@@ -268,7 +311,7 @@ function GameUIStorageBrowser({
    * Pro is checked here rather than on the button because it's an upsell, not
    * a capability: the row shows the action and explains the wall on press.
    */
-  const handleDeleteKey = (0, _react.useCallback)(storageKey => {
+  const handleDeleteKey = (0, _react.useCallback)((storageKey, onDeleted) => {
     if (!isPro) {
       setShowUpgradeModal(true);
       return;
@@ -286,6 +329,9 @@ function GameUIStorageBrowser({
             instance: inst.instance
           })));
           refresh();
+          // Only after the delete actually landed — a cancelled alert
+          // or a failed delete leaves the caller's screen alone.
+          onDeleted?.();
         } catch (error) {
           _reactNative.Alert.alert("Error", `Failed to delete key: ${error}`);
         }
@@ -609,6 +655,31 @@ function GameUIStorageBrowser({
   const healthStatus = healthPercentage >= 90 ? "OPTIMAL" : healthPercentage >= 70 ? "WARNING" : "CRITICAL";
   const healthColor = healthPercentage >= 90 ? _sharedUi.gameUIColors.success : healthPercentage >= 70 ? _sharedUi.gameUIColors.warning : _sharedUi.gameUIColors.error;
 
+  // The detail screen REPLACES the list as the modal's whole body — the host
+  // modal's header carries back + the key's name, the React Query
+  // interaction (and the Zustand tool's). All hooks above have run; this
+  // return only swaps what's painted.
+  if (detailInfo) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.root,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageKeyDetailScreen.StorageKeyDetailScreen, {
+        storageKey: detailInfo,
+        editBlockedReason: editBlockedFor(detailInfo),
+        eventCount: eventCountByKey?.[detailInfo.key],
+        onSave: raw => handleSaveValue(detailInfo, raw),
+        onViewHistory: onViewHistory ? () => onViewHistory(detailInfo.key) : undefined,
+        onDeleteKey: k => handleDeleteKey(k, () => onCloseDetail?.()),
+        onHideKey: k => {
+          handleHideKeys([k]);
+          onCloseDetail?.();
+        },
+        isPinned: pinnedKeys?.has(detailInfo.key) ?? false,
+        onTogglePin: onTogglePin,
+        applySafeAreaInset: applySafeAreaInset
+      })
+    });
+  }
+
   // Loading state
   if (isLoading && allStorageKeys.length === 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -810,11 +881,18 @@ function GameUIStorageBrowser({
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.root,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView
+    children: [saveToastId > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageSaveNotice.StorageSaveNotice, {
+      onDone: () => setSaveToastId(0)
+    }, saveToastId) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView
     // Named because `by.type("RCTScrollView")` doesn't match on Fabric
     // (renamed class) — automation scrolls below-the-fold rows by this id.
     , {
       testID: "buoy-storage-scroll",
+      ref: scrollRef,
+      onScroll: e => {
+        scrollOffsetRef.current = e.nativeEvent.contentOffset.y;
+      },
+      scrollEventThrottle: 32,
       style: styles.scrollContainer,
       contentContainerStyle: styles.container,
       showsVerticalScrollIndicator: false,
@@ -862,26 +940,19 @@ function GameUIStorageBrowser({
           eventCountByKey: eventCountByKey,
           onViewHistory: onViewHistory,
           onHideKey: key => handleHideKeys([key]),
-          onEditKey: setEditingKey,
           onToggleKey: handleToggleKey,
           onDeleteKey: handleDeleteKey,
           editBlockedFor: editBlockedFor,
           pinnedKeys: pinnedKeys,
-          onTogglePin: onTogglePin
+          onTogglePin: onTogglePin,
+          onRowRef: handleRowRef,
+          onOpenKey: onOpenKey
         }), lockedBannerNode]
       }) : emptyStateNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: styles.techFooter,
         children: "ASYNC STORAGE | MMKV | SECURE STORAGE BACKENDS"
       }), upgradeModalNode]
-    }), editingKey ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.editorOverlay,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageKeyEditorScreen.StorageKeyEditorScreen, {
-        storageKey: editingKey,
-        onSave: raw => handleSaveValue(editingKey, raw),
-        onClose: () => setEditingKey(null),
-        applySafeAreaInset: applySafeAreaInset
-      })
-    }) : null]
+    })]
   });
 }
 const styles = _reactNative.StyleSheet.create({

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

@@ -29,7 +29,10 @@ function StorageBrowserMode({
   onTogglePin,
   applySafeAreaInset,
   storageTypeFilter,
-  onStorageTypeFilterChange
+  onStorageTypeFilterChange,
+  detailKey,
+  onOpenKey,
+  onCloseDetail
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GameUIStorageBrowser.GameUIStorageBrowser, {
     requiredStorageKeys: requiredStorageKeys,
@@ -50,6 +53,9 @@ function StorageBrowserMode({
     onTogglePin: onTogglePin,
     applySafeAreaInset: applySafeAreaInset,
     storageTypeFilter: storageTypeFilter,
-    onStorageTypeFilterChange: onStorageTypeFilterChange
+    onStorageTypeFilterChange: onStorageTypeFilterChange,
+    detailKey: detailKey,
+    onOpenKey: onOpenKey,
+    onCloseDetail: onCloseDetail
   });
 }