@buoy-gg/react-query 1.7.8 → 2.1.2

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

@@ -1,21 +1,18 @@
 import { Query, QueryClient } from "@tanstack/react-query";
-interface ActionButtonConfig {
+import type { ButtonVariant } from "../components/query-browser/ActionButton";
+export interface ActionButtonConfig {
     label: string;
-    bgColorClass: "btnRefetch" | "btnTriggerLoading" | "btnTriggerLoadiError" | "btnRemove";
-    textColorClass: "btnRefetch" | "btnTriggerLoading" | "btnTriggerLoadiError" | "btnRemove";
+    variant: ButtonVariant;
     disabled: boolean;
     onPress: () => void;
 }
 /**
- * Derives the default action button configuration for an inspected query. Encapsulates business
- * rules around when to show refetch, loading, or error simulation actions.
+ * Derives compact action button configuration for the footer. Returns 3 essential buttons
+ * (Refetch, Loading, Error) optimized for small device footprints.
  *
  * @param selectedQuery - The query to derive actions for
  * @param queryClient - The query client for executing actions
  * @param queryVersion - Optional version number that increments on query state changes.
- *                       React Query mutates Query objects in place, so this version ensures
- *                       the useMemo recomputes when state changes.
  */
 export declare function useActionButtons(selectedQuery: Query, queryClient: QueryClient, queryVersion?: number): ActionButtonConfig[];
-export {};
 //# sourceMappingURL=useActionButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useActionButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAM3D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EACR,YAAY,GACZ,mBAAmB,GACnB,sBAAsB,GACtB,WAAW,CAAC;IAChB,cAAc,EACV,YAAY,GACZ,mBAAmB,GACnB,sBAAsB,GACtB,WAAW,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,CAAC,EAAE,MAAM,GACpB,kBAAkB,EAAE,CAqCtB"}
+{"version":3,"file":"useActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useActionButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAK3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC9B,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,CAAC,EAAE,MAAM,GACpB,kBAAkB,EAAE,CA+BtB"}

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/useMutationActionButtons.d.ts

@@ -1,15 +1,8 @@
 import { Mutation } from "@tanstack/react-query";
-interface ActionButtonConfig {
-    label: string;
-    bgColorClass: "btnRefetch" | "btnTriggerLoading" | "btnTriggerLoadiError" | "btnRemove";
-    textColorClass: "btnRefetch" | "btnTriggerLoading" | "btnTriggerLoadiError" | "btnRemove";
-    disabled: boolean;
-    onPress: () => void;
-}
+import type { ActionButtonConfig } from "./useActionButtons";
 /**
  * Supplies action button metadata for a selected mutation. Currently exposes a remove control but
  * centralizes logic so future actions stay consistent across the UI.
  */
 export declare function useMutationActionButtons(selectedMutation: Mutation): ActionButtonConfig[];
-export {};
 //# sourceMappingURL=useMutationActionButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMutationActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useMutationActionButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAmB,MAAM,uBAAuB,CAAC;AAElE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EACR,YAAY,GACZ,mBAAmB,GACnB,sBAAsB,GACtB,WAAW,CAAC;IAChB,cAAc,EACV,YAAY,GACZ,mBAAmB,GACnB,sBAAsB,GACtB,WAAW,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,gBAAgB,EAAE,QAAQ,GACzB,kBAAkB,EAAE,CActB"}
+{"version":3,"file":"useMutationActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/react-query/hooks/useMutationActionButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,gBAAgB,EAAE,QAAQ,GACzB,kBAAkB,EAAE,CAatB"}

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.2",
   "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.2",
+    "@buoy-gg/shared-ui": "2.1.2"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",