@buoy-gg/react-query 1.7.8 → 2.1.1

package/lib/module/react-query/stores/reactQueryEventStore.js

@@ -0,0 +1,302 @@
+"use strict";
+
+/**
+ * React Query Event Store
+ *
+ * Bridges React Query's cache subscription system to a simple pub/sub pattern
+ * that can be consumed by the unified Events DevTools.
+ *
+ * Usage:
+ * 1. In your app, call setQueryClient(queryClient) to connect
+ * 2. The store will emit events for query/mutation state changes
+ * 3. The Events DevTools subscribes to these events
+ */
+
+import { isStorageQuery } from "../utils/storageQueryUtils";
+
+/**
+ * React Query event types for the unified timeline
+ */
+
+/**
+ * Unified React Query event for the timeline
+ */
+
+let eventIdCounter = 0;
+function generateEventId() {
+  return `rq-${Date.now()}-${++eventIdCounter}`;
+}
+class ReactQueryEventStore {
+  events = [];
+  listeners = new Set();
+  queryClient = null;
+  queryUnsubscribe = null;
+  mutationUnsubscribe = null;
+  maxEvents = 200;
+
+  // Track fetch start times for duration calculation
+  fetchStartTimes = new Map();
+  mutationStartTimes = new Map();
+
+  // Track last known states to detect transitions
+  lastQueryStates = new Map();
+  lastMutationStates = new Map();
+
+  /**
+   * Connect a QueryClient to the store
+   * Call this in your app after creating the QueryClient
+   */
+  setQueryClient(queryClient) {
+    // Cleanup previous connection
+    this.disconnect();
+    this.queryClient = queryClient;
+
+    // Subscribe to query cache
+    this.queryUnsubscribe = queryClient.getQueryCache().subscribe(event => {
+      if (event.type === "updated" && event.query) {
+        this.handleQueryUpdate(event.query);
+      }
+    });
+
+    // Subscribe to mutation cache
+    this.mutationUnsubscribe = queryClient.getMutationCache().subscribe(event => {
+      if (event.type === "updated" && event.mutation) {
+        this.handleMutationUpdate(event.mutation);
+      }
+    });
+  }
+
+  /**
+   * Disconnect from the QueryClient
+   */
+  disconnect() {
+    if (this.queryUnsubscribe) {
+      this.queryUnsubscribe();
+      this.queryUnsubscribe = null;
+    }
+    if (this.mutationUnsubscribe) {
+      this.mutationUnsubscribe();
+      this.mutationUnsubscribe = null;
+    }
+    this.queryClient = null;
+    this.lastQueryStates.clear();
+    this.lastMutationStates.clear();
+    this.fetchStartTimes.clear();
+    this.mutationStartTimes.clear();
+  }
+
+  /**
+   * Handle query state updates and emit appropriate events
+   */
+  handleQueryUpdate(query) {
+    // Skip storage queries (internal to the devtools)
+    if (isStorageQuery(query.queryKey)) {
+      return;
+    }
+    const queryHash = query.queryHash;
+    const currentState = {
+      fetchStatus: query.state.fetchStatus,
+      status: query.state.status
+    };
+    const lastState = this.lastQueryStates.get(queryHash);
+
+    // Detect state transitions
+    if (!lastState) {
+      // New query - if it's fetching, emit fetch start
+      if (currentState.fetchStatus === "fetching") {
+        this.fetchStartTimes.set(queryHash, Date.now());
+        this.addEvent({
+          id: generateEventId(),
+          type: "query-fetch-start",
+          timestamp: Date.now(),
+          queryKey: query.queryKey,
+          queryHash,
+          query
+        });
+      }
+    } else {
+      // Existing query - check for transitions
+      const wasFetching = lastState.fetchStatus === "fetching";
+      const isFetching = currentState.fetchStatus === "fetching";
+
+      // Started fetching
+      if (!wasFetching && isFetching) {
+        this.fetchStartTimes.set(queryHash, Date.now());
+        this.addEvent({
+          id: generateEventId(),
+          type: "query-fetch-start",
+          timestamp: Date.now(),
+          queryKey: query.queryKey,
+          queryHash,
+          query
+        });
+      }
+
+      // Finished fetching
+      if (wasFetching && !isFetching) {
+        const startTime = this.fetchStartTimes.get(queryHash);
+        const duration = startTime ? Date.now() - startTime : undefined;
+        this.fetchStartTimes.delete(queryHash);
+        if (currentState.status === "error") {
+          this.addEvent({
+            id: generateEventId(),
+            type: "query-fetch-error",
+            timestamp: Date.now(),
+            queryKey: query.queryKey,
+            queryHash,
+            queryError: query.state.error,
+            duration,
+            query
+          });
+        } else {
+          this.addEvent({
+            id: generateEventId(),
+            type: "query-fetch-success",
+            timestamp: Date.now(),
+            queryKey: query.queryKey,
+            queryHash,
+            queryData: query.state.data,
+            duration,
+            query
+          });
+        }
+      }
+
+      // Query was invalidated
+      if (!lastState.status && query.state.isInvalidated) {
+        this.addEvent({
+          id: generateEventId(),
+          type: "query-invalidated",
+          timestamp: Date.now(),
+          queryKey: query.queryKey,
+          queryHash,
+          query
+        });
+      }
+    }
+
+    // Update last known state
+    this.lastQueryStates.set(queryHash, currentState);
+  }
+
+  /**
+   * Handle mutation state updates and emit appropriate events
+   */
+  handleMutationUpdate(mutation) {
+    const mutationId = mutation.mutationId;
+    const currentStatus = mutation.state.status;
+    const lastStatus = this.lastMutationStates.get(mutationId);
+    if (lastStatus !== currentStatus) {
+      // Status changed
+      if (currentStatus === "pending" && lastStatus !== "pending") {
+        // Mutation started
+        this.mutationStartTimes.set(mutationId, Date.now());
+        this.addEvent({
+          id: generateEventId(),
+          type: "mutation-start",
+          timestamp: Date.now(),
+          mutationId,
+          mutationKey: mutation.options.mutationKey,
+          mutationVariables: mutation.state.variables,
+          mutation
+        });
+      } else if (currentStatus === "success" && lastStatus === "pending") {
+        // Mutation succeeded
+        const startTime = this.mutationStartTimes.get(mutationId);
+        const duration = startTime ? Date.now() - startTime : undefined;
+        this.mutationStartTimes.delete(mutationId);
+        this.addEvent({
+          id: generateEventId(),
+          type: "mutation-success",
+          timestamp: Date.now(),
+          mutationId,
+          mutationKey: mutation.options.mutationKey,
+          mutationVariables: mutation.state.variables,
+          mutationData: mutation.state.data,
+          duration,
+          mutation
+        });
+      } else if (currentStatus === "error" && lastStatus === "pending") {
+        // Mutation failed
+        const startTime = this.mutationStartTimes.get(mutationId);
+        const duration = startTime ? Date.now() - startTime : undefined;
+        this.mutationStartTimes.delete(mutationId);
+        this.addEvent({
+          id: generateEventId(),
+          type: "mutation-error",
+          timestamp: Date.now(),
+          mutationId,
+          mutationKey: mutation.options.mutationKey,
+          mutationVariables: mutation.state.variables,
+          mutationError: mutation.state.error,
+          duration,
+          mutation
+        });
+      }
+    }
+
+    // Update last known status
+    this.lastMutationStates.set(mutationId, currentStatus);
+  }
+
+  /**
+   * Add an event to the store
+   */
+  addEvent(event) {
+    this.events = [event, ...this.events].slice(0, this.maxEvents);
+    this.notifyListeners();
+  }
+
+  /**
+   * Get all events
+   */
+  getEvents() {
+    return this.events;
+  }
+
+  /**
+   * Subscribe to event changes
+   */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    // Immediately call with current events
+    listener(this.events);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+
+  /**
+   * Notify all listeners
+   */
+  notifyListeners() {
+    const events = this.events;
+    this.listeners.forEach(listener => listener(events));
+  }
+
+  /**
+   * Clear all events
+   */
+  clearEvents() {
+    this.events = [];
+    this.notifyListeners();
+  }
+
+  /**
+   * Check if connected to a QueryClient
+   */
+  isConnected() {
+    return this.queryClient !== null;
+  }
+}
+
+// Singleton instance
+export const reactQueryEventStore = new ReactQueryEventStore();
+
+// Convenience exports
+export const setQueryClient = queryClient => reactQueryEventStore.setQueryClient(queryClient);
+export const disconnectQueryClient = () => reactQueryEventStore.disconnect();
+export const getReactQueryEvents = () => reactQueryEventStore.getEvents();
+export const subscribeToReactQueryEvents = listener => reactQueryEventStore.subscribe(listener);
+export const clearReactQueryEvents = () => reactQueryEventStore.clearEvents();
+export const isReactQueryConnected = () => reactQueryEventStore.isConnected();

package/lib/module/react-query/utils/modalStorageOperations.js

@@ -1,13 +1,13 @@
 "use strict";
 
-import { safeSetItem, safeGetItem } from "@buoy-gg/shared-ui";
+import { persistentStorage } from "@buoy-gg/shared-ui";
 
 // Helper functions for persisting panel state using shared storage wrapper
 const setItem = async (key, value) => {
-  await safeSetItem(key, value);
+  await persistentStorage.setItem(key, value);
 };
 const getItem = async key => {
-  return safeGetItem(key);
+  return persistentStorage.getItem(key);
 };
 // Storage operations
 /**

package/lib/typescript/index.d.ts

@@ -1,7 +1,63 @@
+/**
+ * @buoy-gg/react-query
+ *
+ * React Query DevTools for React Native.
+ *
+ * PUBLIC API - Only these exports are supported for external use.
+ * Internal stores and event subscription mechanisms are not exported
+ * to prevent bypassing the tool's intended usage patterns.
+ */
 export { reactQueryToolPreset, createReactQueryTool, wifiTogglePreset, createWifiToggleTool, } from "./preset";
-export * from "./react-query";
-export * from "./react-query/components";
-export * from "./react-query/hooks";
-export * from "./react-query/utils";
-export * from "./react-query/types";
+export { setQueryClient, disconnectQueryClient, type ReactQueryEvent, type ReactQueryEventType, } from "./react-query/stores/reactQueryEventStore";
+export { ReactQueryModal } from "./react-query/components/modals/ReactQueryModal";
+export { ReactQueryModalHeader } from "./react-query/components/modals/ReactQueryModalHeader";
+export { QueryBrowserModal } from "./react-query/components/modals/QueryBrowserModal";
+export { MutationBrowserModal } from "./react-query/components/modals/MutationBrowserModal";
+export { MutationEditorModal } from "./react-query/components/modals/MutationEditorModal";
+export { DataEditorModal } from "./react-query/components/modals/DataEditorModal";
+export { QueryBrowserFooter } from "./react-query/components/modals/QueryBrowserFooter";
+export { MutationBrowserFooter } from "./react-query/components/modals/MutationBrowserFooter";
+export { SwipeIndicator } from "./react-query/components/modals/SwipeIndicator";
+export { Explorer, QueryBrowser, QueryDetails, QueryInformation, QueryActions, QueryRow, QueryStatus, QueryStatusCount, QueryDetailsChip, MutationsList, MutationDetails, MutationInformation, MutationButton, MutationStatusCount, MutationDetailsChips, ActionButton, ClearCacheButton, NetworkToggleButton, StorageStatusCount, } from "./react-query/components/query-browser";
+export { QueryBrowserMode } from "./react-query/components/QueryBrowserMode";
+export { MutationBrowserMode } from "./react-query/components/MutationBrowserMode";
+export { MutationEditorMode } from "./react-query/components/MutationEditorMode";
+export { DataEditorMode } from "./react-query/components/DataEditorMode";
+export { QuerySelector } from "./react-query/components/QuerySelector";
+export { QueryDebugInfo } from "./react-query/components/QueryDebugInfo";
+export { WifiToggle } from "./react-query/components/WifiToggle";
+export { ReactQuerySection } from "./react-query/components/ReactQuerySection";
+export { ReactQueryDevToolsModal } from "./react-query/components/ReactQueryDevToolsModal";
+export { VirtualizedDataExplorer, DataViewer, TypeLegend, } from "@buoy-gg/shared-ui/dataViewer";
+export { default as useAllQueries } from "./react-query/hooks/useAllQueries";
+export { default as useAllMutations } from "./react-query/hooks/useAllMutations";
+export { useGetQueryByQueryKey, useGetQueryByQueryKeyWithVersion, } from "./react-query/hooks/useSelectedQuery";
+export { useGetMutationById } from "./react-query/hooks/useSelectedMutation";
+export { default as useQueryStatusCounts } from "./react-query/hooks/useQueryStatusCounts";
+export { useStorageQueryCounts } from "./react-query/hooks/useStorageQueryCounts";
+export { useReactQueryState } from "./react-query/hooks/useReactQueryState";
+export { useActionButtons } from "./react-query/hooks/useActionButtons";
+export { useMutationActionButtons } from "./react-query/hooks/useMutationActionButtons";
+export { useModalManager } from "./react-query/hooks/useModalManager";
+export { useModalPersistence } from "./react-query/hooks/useModalPersistence";
+export { useWifiState } from "./react-query/hooks/useWifiState";
+export { default as invalidate } from "./react-query/utils/actions/invalidate";
+export { default as refetch } from "./react-query/utils/actions/refetch";
+export { default as reset } from "./react-query/utils/actions/reset";
+export { default as remove } from "./react-query/utils/actions/remove";
+export { default as deleteItem } from "./react-query/utils/actions/deleteItem";
+export { default as triggerError } from "./react-query/utils/actions/triggerError";
+export { default as triggerLoading } from "./react-query/utils/actions/triggerLoading";
+export * from "./react-query/utils/getQueryStatusLabel";
+export * from "./react-query/utils/getQueryStatusColor";
+export * from "./react-query/utils/getStorageQueryCounts";
+export * from "./react-query/utils/storageQueryUtils";
+export * from "./react-query/utils/modalStorageOperations";
+export * from "./react-query/utils/updateNestedDataByPath";
+export * from "./react-query/utils/deleteNestedDataByPath";
+export { safeStringify, displayValue, parseDisplayValue } from "@buoy-gg/shared-ui";
+export type { JsonValue } from "./react-query/types/types";
+export { isPlainObject } from "./react-query/types/types";
+/** @internal */
+export { reactQueryEventStore } from "./react-query/stores/reactQueryEventStore";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAIlB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/react-query/components/ReactQueryDevToolsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactQueryDevToolsModal.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/ReactQueryDevToolsModal.tsx"],"names":[],"mappings":"AAIA,oFAAoF;AACpF,MAAM,WAAW,4BAA4B;IAC3C,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAQD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,UAAU,EACV,2BAAkC,GACnC,EAAE,4BAA4B,sCAwE9B"}
+{"version":3,"file":"ReactQueryDevToolsModal.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/ReactQueryDevToolsModal.tsx"],"names":[],"mappings":"AAKA,oFAAoF;AACpF,MAAM,WAAW,4BAA4B;IAC3C,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAQD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,UAAU,EACV,2BAAkC,GACnC,EAAE,4BAA4B,sCAoF9B"}

package/lib/typescript/react-query/components/modals/MutationBrowserModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MutationBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAcjE,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,WAAW,EACX,2BAAmC,EACnC,UAAe,EACf,cAAc,GACf,EAAE,yBAAyB,sCA0I3B"}
+{"version":3,"file":"MutationBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAcjE,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,WAAW,EACX,2BAAmC,EACnC,UAAe,EACf,cAAc,GACf,EAAE,yBAAyB,sCA2I3B"}

package/lib/typescript/react-query/components/modals/QueryBrowserModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAiBxE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,2BAAmC,EACnC,WAAW,EACX,UAAe,EACf,cAAc,GACf,EAAE,sBAAsB,sCA+NxB"}
+{"version":3,"file":"QueryBrowserModal.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAiBxE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,2BAAmC,EACnC,WAAW,EACX,UAAe,EACf,cAAc,GACf,EAAE,sBAAsB,sCA4NxB"}

package/lib/typescript/react-query/hooks/useAllMutations.d.ts

@@ -1,7 +1,7 @@
 import { Mutation } from "@tanstack/react-query";
 /**
- * Tracks all active React Query mutations with lightweight change detection. Debounces cache
- * updates so large mutation batches do not thrash the UI thread on mobile.
+ * Tracks all active React Query mutations with lightweight change detection.
+ * Mirrors the pattern used in useAllQueries for consistency.
  */
 declare function useAllMutations(): {
     mutations: Mutation<unknown, Error, unknown, unknown>[];

package/lib/typescript/react-query/hooks/useAllMutations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAllMutations.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useAllMutations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAEjE;;;GAGG;AACH,iBAAS,eAAe;;EAyBvB;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useAllMutations.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useAllMutations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAEjE;;;GAGG;AACH,iBAAS,eAAe;;EAqFvB;AAED,eAAe,eAAe,CAAC"}

package/lib/typescript/react-query/hooks/useWifiState.d.ts

@@ -1,5 +1,5 @@
 /**
- * Synchronizes a local Wi-Fi toggle with React Query’s `onlineManager`, persisting the selection
+ * Synchronizes a local Wi-Fi toggle with React Query's `onlineManager`, persisting the selection
  * so developers can simulate offline mode across reloads.
  */
 export declare function useWifiState(): {

package/lib/typescript/react-query/hooks/useWifiState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWifiState.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useWifiState.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,YAAY;;;EAiE3B"}
+{"version":3,"file":"useWifiState.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useWifiState.ts"],"names":[],"mappings":"AAOA;;;GAGG;AACH,wBAAgB,YAAY;;;EAiE3B"}

package/lib/typescript/react-query/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./ReactQueryDevTools";
+export * from "./stores";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/react-query/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-query/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-query/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC"}

package/lib/typescript/react-query/stores/index.d.ts

@@ -0,0 +1,2 @@
+export { reactQueryEventStore, setQueryClient, disconnectQueryClient, getReactQueryEvents, subscribeToReactQueryEvents, clearReactQueryEvents, isReactQueryConnected, type ReactQueryEvent, type ReactQueryEventType, } from "./reactQueryEventStore";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/react-query/stores/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-query/stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACnB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,KAAK,eAAe,EACpB,KAAK,mBAAmB,GACzB,MAAM,wBAAwB,CAAC"}

package/lib/typescript/react-query/stores/reactQueryEventStore.d.ts

@@ -0,0 +1,99 @@
+/**
+ * React Query Event Store
+ *
+ * Bridges React Query's cache subscription system to a simple pub/sub pattern
+ * that can be consumed by the unified Events DevTools.
+ *
+ * Usage:
+ * 1. In your app, call setQueryClient(queryClient) to connect
+ * 2. The store will emit events for query/mutation state changes
+ * 3. The Events DevTools subscribes to these events
+ */
+import type { QueryClient, Query, Mutation } from "@tanstack/react-query";
+/**
+ * React Query event types for the unified timeline
+ */
+export type ReactQueryEventType = "query-fetch-start" | "query-fetch-success" | "query-fetch-error" | "query-invalidated" | "mutation-start" | "mutation-success" | "mutation-error";
+/**
+ * Unified React Query event for the timeline
+ */
+export interface ReactQueryEvent {
+    id: string;
+    type: ReactQueryEventType;
+    timestamp: number;
+    queryKey?: unknown[];
+    queryHash?: string;
+    queryData?: unknown;
+    queryError?: unknown;
+    mutationId?: number;
+    mutationKey?: unknown[];
+    mutationVariables?: unknown;
+    mutationData?: unknown;
+    mutationError?: unknown;
+    duration?: number;
+    query?: Query;
+    mutation?: Mutation;
+}
+type ReactQueryEventListener = (events: ReactQueryEvent[]) => void;
+declare class ReactQueryEventStore {
+    private events;
+    private listeners;
+    private queryClient;
+    private queryUnsubscribe;
+    private mutationUnsubscribe;
+    private maxEvents;
+    private fetchStartTimes;
+    private mutationStartTimes;
+    private lastQueryStates;
+    private lastMutationStates;
+    /**
+     * Connect a QueryClient to the store
+     * Call this in your app after creating the QueryClient
+     */
+    setQueryClient(queryClient: QueryClient): void;
+    /**
+     * Disconnect from the QueryClient
+     */
+    disconnect(): void;
+    /**
+     * Handle query state updates and emit appropriate events
+     */
+    private handleQueryUpdate;
+    /**
+     * Handle mutation state updates and emit appropriate events
+     */
+    private handleMutationUpdate;
+    /**
+     * Add an event to the store
+     */
+    private addEvent;
+    /**
+     * Get all events
+     */
+    getEvents(): ReactQueryEvent[];
+    /**
+     * Subscribe to event changes
+     */
+    subscribe(listener: ReactQueryEventListener): () => void;
+    /**
+     * Notify all listeners
+     */
+    private notifyListeners;
+    /**
+     * Clear all events
+     */
+    clearEvents(): void;
+    /**
+     * Check if connected to a QueryClient
+     */
+    isConnected(): boolean;
+}
+export declare const reactQueryEventStore: ReactQueryEventStore;
+export declare const setQueryClient: (queryClient: QueryClient) => void;
+export declare const disconnectQueryClient: () => void;
+export declare const getReactQueryEvents: () => ReactQueryEvent[];
+export declare const subscribeToReactQueryEvents: (listener: ReactQueryEventListener) => () => void;
+export declare const clearReactQueryEvents: () => void;
+export declare const isReactQueryConnected: () => boolean;
+export {};
+//# sourceMappingURL=reactQueryEventStore.d.ts.map

package/lib/typescript/react-query/stores/reactQueryEventStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactQueryEventStore.d.ts","sourceRoot":"","sources":["../../../../src/react-query/stores/reactQueryEventStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG1E;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAC3B,mBAAmB,GACnB,qBAAqB,GACrB,mBAAmB,GACnB,mBAAmB,GACnB,gBAAgB,GAChB,kBAAkB,GAClB,gBAAgB,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,mBAAmB,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,KAAK,uBAAuB,GAAG,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;AAOnE,cAAM,oBAAoB;IACxB,OAAO,CAAC,MAAM,CAAyB;IACvC,OAAO,CAAC,SAAS,CAA2C;IAC5D,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,gBAAgB,CAA6B;IACrD,OAAO,CAAC,mBAAmB,CAA6B;IACxD,OAAO,CAAC,SAAS,CAAO;IAGxB,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,kBAAkB,CAAkC;IAG5D,OAAO,CAAC,eAAe,CAAmE;IAC1F,OAAO,CAAC,kBAAkB,CAAkC;IAE5D;;;OAGG;IACH,cAAc,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAqB9C;;OAEG;IACH,UAAU,IAAI,IAAI;IAgBlB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA6FzB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA4D5B;;OAEG;IACH,OAAO,CAAC,QAAQ;IAKhB;;OAEG;IACH,SAAS,IAAI,eAAe,EAAE;IAI9B;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,uBAAuB,GAAG,MAAM,IAAI;IASxD;;OAEG;IACH,OAAO,CAAC,eAAe;IAKvB;;OAEG;IACH,WAAW,IAAI,IAAI;IAKnB;;OAEG;IACH,WAAW,IAAI,OAAO;CAGvB;AAGD,eAAO,MAAM,oBAAoB,sBAA6B,CAAC;AAG/D,eAAO,MAAM,cAAc,GAAI,aAAa,WAAW,SACL,CAAC;AACnD,eAAO,MAAM,qBAAqB,YAA0C,CAAC;AAC7E,eAAO,MAAM,mBAAmB,yBAAyC,CAAC;AAC1E,eAAO,MAAM,2BAA2B,GAAI,UAAU,uBAAuB,WAzCvB,IA0CZ,CAAC;AAC3C,eAAO,MAAM,qBAAqB,YAA2C,CAAC;AAC9E,eAAO,MAAM,qBAAqB,eAA2C,CAAC"}

package/package.json

@@ -1,19 +1,33 @@
 {
   "name": "@buoy-gg/react-query",
-  "version": "1.7.8",
+  "version": "2.1.1",
   "description": "react-query package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
   "react-native": "lib/module/index.js",
   "source": "src/index.tsx",
+  "exports": {
+    ".": {
+      "react-native": "./lib/module/index.js",
+      "import": {
+        "default": "./lib/module/index.js",
+        "types": "./lib/typescript/index.d.ts"
+      },
+      "require": {
+        "default": "./lib/commonjs/index.js",
+        "types": "./lib/typescript/index.d.ts"
+      }
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "lib"
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "1.7.8",
-    "@buoy-gg/shared-ui": "1.7.8"
+    "@buoy-gg/floating-tools-core": "2.1.1",
+    "@buoy-gg/shared-ui": "2.1.1"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",