@buoy-gg/zustand 3.0.0 → 3.0.2

package/lib/commonjs/zustand/components/ZustandStoreBrowser.js

@@ -112,6 +112,21 @@ function StoreExpandedContent({
     })]
   });
 }
+function LoadingBrowserState() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.emptyState,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      size: "small",
+      color: _sharedUi.macOSColors.text.muted
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.emptyTitle,
+      children: "Loading stores\u2026"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.emptyText,
+      children: "Waiting for the device to send its registered stores."
+    })]
+  });
+}
 function EmptyBrowserState() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.emptyState,
@@ -130,7 +145,8 @@ function EmptyBrowserState() {
 function ZustandStoreBrowser({
   stores,
   searchQuery,
-  onViewHistory
+  onViewHistory,
+  isLoading = false
 }) {
   const [expandedStore, setExpandedStore] = (0, _react.useState)(null);
 
@@ -144,7 +160,7 @@ function ZustandStoreBrowser({
     setExpandedStore(prev => prev === store.name ? null : store.name);
   }, []);
   if (filteredStores.length === 0 && !searchQuery) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyBrowserState, {});
+    return isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingBrowserState, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyBrowserState, {});
   }
   if (filteredStores.length === 0 && searchQuery) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {

package/lib/module/zustand/components/ZustandStoreBrowser.js

@@ -11,7 +11,7 @@
  */
 
 import { useState, useMemo, useCallback } from "react";
-import { View, Text, StyleSheet, ScrollView, TouchableOpacity } from "react-native";
+import { View, Text, StyleSheet, ScrollView, TouchableOpacity, ActivityIndicator } from "react-native";
 import { CompactRow, macOSColors, buoyColors, Database, parseValue, Box, ExpandedInfoRow, PillBadge } from "@buoy-gg/shared-ui";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { zustandStateStore } from "../utils/zustandStateStore";
@@ -108,6 +108,21 @@ function StoreExpandedContent({
     })]
   });
 }
+function LoadingBrowserState() {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.emptyState,
+    children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "small",
+      color: macOSColors.text.muted
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.emptyTitle,
+      children: "Loading stores\u2026"
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.emptyText,
+      children: "Waiting for the device to send its registered stores."
+    })]
+  });
+}
 function EmptyBrowserState() {
   return /*#__PURE__*/_jsxs(View, {
     style: styles.emptyState,
@@ -126,7 +141,8 @@ function EmptyBrowserState() {
 export function ZustandStoreBrowser({
   stores,
   searchQuery,
-  onViewHistory
+  onViewHistory,
+  isLoading = false
 }) {
   const [expandedStore, setExpandedStore] = useState(null);
 
@@ -140,7 +156,7 @@ export function ZustandStoreBrowser({
     setExpandedStore(prev => prev === store.name ? null : store.name);
   }, []);
   if (filteredStores.length === 0 && !searchQuery) {
-    return /*#__PURE__*/_jsx(EmptyBrowserState, {});
+    return isLoading ? /*#__PURE__*/_jsx(LoadingBrowserState, {}) : /*#__PURE__*/_jsx(EmptyBrowserState, {});
   }
   if (filteredStores.length === 0 && searchQuery) {
     return /*#__PURE__*/_jsxs(View, {

package/lib/typescript/zustand/components/ZustandStoreBrowser.d.ts

@@ -12,7 +12,14 @@ interface ZustandStoreBrowserProps {
     stores: ZustandStoreInfo[];
     searchQuery: string;
     onViewHistory: (storeName: string) => void;
+    /**
+     * True while we're still waiting for the device's first stores snapshot.
+     * Lets the browser show a loading state instead of the "no stores"
+     * empty state on first load (stores arrive a few seconds after the
+     * watch handshake).
+     */
+    isLoading?: boolean;
 }
-export declare function ZustandStoreBrowser({ stores, searchQuery, onViewHistory, }: ZustandStoreBrowserProps): import("react").JSX.Element;
+export declare function ZustandStoreBrowser({ stores, searchQuery, onViewHistory, isLoading, }: ZustandStoreBrowserProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ZustandStoreBrowser.d.ts.map

package/lib/typescript/zustand/components/ZustandStoreBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZustandStoreBrowser.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandStoreBrowser.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAeH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,UAAU,wBAAwB;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAsGD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,WAAW,EACX,aAAa,GACd,EAAE,wBAAwB,+BA4F1B"}
+{"version":3,"file":"ZustandStoreBrowser.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandStoreBrowser.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAsBH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,UAAU,wBAAwB;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkHD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,WAAW,EACX,aAAa,EACb,SAAiB,GAClB,EAAE,wBAAwB,+BA4F1B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/zustand",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "Zustand store DevTools for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,8 +26,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "3.0.0",
-    "@buoy-gg/license": "3.0.0"
+    "@buoy-gg/license": "3.0.2",
+    "@buoy-gg/shared-ui": "3.0.2"
   },
   "peerDependencies": {
     "react": "*",