@buoy-gg/zustand 7.0.21 → 7.0.23

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

@@ -23,8 +23,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  * - Events tab: Live state change monitoring with diffs
  */
 
-/** Free tier limit for change history */
-const FREE_TIER_CHANGE_LIMIT = 25;
 function EventsEmptyState({
   isEnabled
 }) {
@@ -57,6 +55,7 @@ function ZustandModal({
   onStoreExpand
 }) {
   const isPro = (0, _license.useIsPro)();
+  const changeLimit = (0, _sharedUi.useLimit)("zustand.changes");
   const [showProModal, setShowProModal] = (0, _react.useState)(false);
   const [activeTab, setActiveTab] = (0, _react.useState)(initialTab);
   const [selectedHistoryStore, setSelectedHistoryStore] = (0, _react.useState)(null);
@@ -85,15 +84,10 @@ function ZustandModal({
     return stores.filter(s => !Array.from(ignoredPatterns).some(p => s.name.toLowerCase().includes(p.toLowerCase())));
   }, [stores, ignoredPatterns]);
 
-  // For free users, limit visible changes
-  const visibleChanges = (0, _react.useMemo)(() => {
-    if (isPro) return displayedChanges;
-    return displayedChanges.slice(0, FREE_TIER_CHANGE_LIMIT);
-  }, [displayedChanges, isPro]);
-  const lockedChangeCount = (0, _react.useMemo)(() => {
-    if (isPro) return 0;
-    return Math.max(0, displayedChanges.length - FREE_TIER_CHANGE_LIMIT);
-  }, [displayedChanges.length, isPro]);
+  // Pro is Infinity here, so slice() returns everything and the locked count
+  // floors at 0 — no tier branching needed at the call site.
+  const visibleChanges = (0, _react.useMemo)(() => displayedChanges.slice(0, changeLimit), [displayedChanges, changeLimit]);
+  const lockedChangeCount = (0, _react.useMemo)(() => Math.max(0, displayedChanges.length - changeLimit), [displayedChanges.length, changeLimit]);
   const hasLockedChanges = lockedChangeCount > 0;
 
   // When viewing a single store's history, scope the change list to that store

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

@@ -10,7 +10,7 @@
 
 import { useState, useMemo, useRef, useCallback, useEffect } from "react";
 import { View, Text, StyleSheet, FlatList, TextInput, TouchableOpacity } from "react-native";
-import { JsModal, ModalHeader, TabSelector, macOSColors, buoyColors, Search, Filter, Power, X, Lock, Box, devToolsStorageKeys, ProUpgradeModal, PowerToggleButton, ToolbarCopyButton, ToolbarClearButton, truncatePayload, TickProvider } from "@buoy-gg/shared-ui";
+import { JsModal, ModalHeader, TabSelector, macOSColors, buoyColors, Search, Filter, Power, X, Lock, Box, devToolsStorageKeys, ProUpgradeModal, PowerToggleButton, ToolbarCopyButton, ToolbarClearButton, truncatePayload, TickProvider, useLimit } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { useZustandStateChanges } from "../hooks/useZustandStateChanges";
 import { ZustandStateChangeItem } from "./ZustandStateChangeItem";
@@ -18,8 +18,6 @@ import { ZustandStateDetailContent, ZustandStateDetailFooter } from "./ZustandSt
 import { ZustandStoreBrowser } from "./ZustandStoreBrowser";
 import { ZustandEventFilterView } from "./ZustandEventFilterView";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/** Free tier limit for change history */
-const FREE_TIER_CHANGE_LIMIT = 25;
 function EventsEmptyState({
   isEnabled
 }) {
@@ -52,6 +50,7 @@ export function ZustandModal({
   onStoreExpand
 }) {
   const isPro = useIsPro();
+  const changeLimit = useLimit("zustand.changes");
   const [showProModal, setShowProModal] = useState(false);
   const [activeTab, setActiveTab] = useState(initialTab);
   const [selectedHistoryStore, setSelectedHistoryStore] = useState(null);
@@ -80,15 +79,10 @@ export function ZustandModal({
     return stores.filter(s => !Array.from(ignoredPatterns).some(p => s.name.toLowerCase().includes(p.toLowerCase())));
   }, [stores, ignoredPatterns]);
 
-  // For free users, limit visible changes
-  const visibleChanges = useMemo(() => {
-    if (isPro) return displayedChanges;
-    return displayedChanges.slice(0, FREE_TIER_CHANGE_LIMIT);
-  }, [displayedChanges, isPro]);
-  const lockedChangeCount = useMemo(() => {
-    if (isPro) return 0;
-    return Math.max(0, displayedChanges.length - FREE_TIER_CHANGE_LIMIT);
-  }, [displayedChanges.length, isPro]);
+  // Pro is Infinity here, so slice() returns everything and the locked count
+  // floors at 0 — no tier branching needed at the call site.
+  const visibleChanges = useMemo(() => displayedChanges.slice(0, changeLimit), [displayedChanges, changeLimit]);
+  const lockedChangeCount = useMemo(() => Math.max(0, displayedChanges.length - changeLimit), [displayedChanges.length, changeLimit]);
   const hasLockedChanges = lockedChangeCount > 0;
 
   // When viewing a single store's history, scope the change list to that store

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

@@ -1 +1 @@
-{"version":3,"file":"ZustandModal.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandModal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2CH,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAC;AAqBtE,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,aAAqB,EACrB,UAAqB,EACrB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,aAAa,GACd,EAAE,iBAAiB,sCAklBnB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,GAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAGtE"}
+{"version":3,"file":"ZustandModal.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandModal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA4CH,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAC;AAkBtE,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,aAAqB,EACrB,UAAqB,EACrB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,aAAa,GACd,EAAE,iBAAiB,sCAolBnB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,GAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAGtE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/zustand",
-  "version": "7.0.21",
+  "version": "7.0.23",
   "description": "Zustand devtools inside your React Native app — state diffs, jump-to-state & one-tap store reset, no middleware. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -29,8 +29,8 @@
     "**/snapshotProvider.ts"
   ],
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.21",
-    "@buoy-gg/license": "^7.0.21"
+    "@buoy-gg/shared-ui": "^7.0.23",
+    "@buoy-gg/license": "^7.0.23"
   },
   "peerDependencies": {
     "react": "*",
@@ -75,7 +75,7 @@
   "bugs": {
     "url": "https://github.com/LovesWorking/react-native-buoy/issues"
   },
-  "homepage": "https://buoy.gg/tools/zustand",
+  "homepage": "https://buoy.gg/buoy/latest/docs/tools/zustand",
   "publishConfig": {
     "access": "public",
     "tag": "latest"