@buoy-gg/react-query 7.0.36 → 7.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@buoy-gg/react-query) [](https://www.npmjs.com/package/@buoy-gg/react-query)
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Inspect the TanStack Query cache used by your app. Refetch or invalidate a query and simulate states while checking the screen that consumes it.
|
|
6
6
|
|
|
7
|
-
Part of [Buoy](https://github.com/Buoy-gg/buoy)
|
|
7
|
+
Part of [Buoy](https://github.com/Buoy-gg/buoy). Install the package, complete account setup, and follow the integration steps below.
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
@@ -16,6 +16,24 @@ npm install @buoy-gg/core @buoy-gg/react-query
|
|
|
16
16
|
|
|
17
17
|
Requires `@tanstack/react-query` as a peer — you already have it if you use React Query.
|
|
18
18
|
|
|
19
|
+
## Before you start
|
|
20
|
+
|
|
21
|
+
Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npx --package=@buoy-gg/core buoy login
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
For Expo, initialize Buoy before rendering the menu:
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
import { Buoy } from "@buoy-gg/core";
|
|
31
|
+
|
|
32
|
+
Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
|
|
36
|
+
|
|
19
37
|
## Quick start
|
|
20
38
|
|
|
21
39
|
Render `FloatingDevTools` inside your `QueryClientProvider`. The tool picks up your `QueryClient` from context and connects automatically — no extra call needed.
|
|
@@ -38,6 +56,10 @@ export default function App() {
|
|
|
38
56
|
|
|
39
57
|
That's it. The React Query tool (and a WiFi toggle) appear in the floating menu.
|
|
40
58
|
|
|
59
|
+
## Check the integration
|
|
60
|
+
|
|
61
|
+
Open a known query, refetch it, and check the screen that uses it. Restore any simulated state after testing. The offline toggle changes TanStack Query’s online state; query behavior still depends on its `networkMode` and configuration.
|
|
62
|
+
|
|
41
63
|
## What you get
|
|
42
64
|
|
|
43
65
|
- **Cache inspection** — browse every query, drill into cached data with an interactive JSON tree, and edit values in place
|
|
@@ -50,11 +72,11 @@ That's it. The React Query tool (and a WiFi toggle) appear in the floating menu.
|
|
|
50
72
|
|
|
51
73
|
## Desktop & AI
|
|
52
74
|
|
|
53
|
-
|
|
75
|
+
To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
|
|
54
76
|
|
|
55
|
-
##
|
|
77
|
+
## Account and plan requirements
|
|
56
78
|
|
|
57
|
-
|
|
79
|
+
Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
|
|
58
80
|
|
|
59
81
|
---
|
|
60
82
|
|
|
@@ -14,10 +14,8 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
14
14
|
function TanstackLogo({
|
|
15
15
|
size = 24
|
|
16
16
|
}) {
|
|
17
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.
|
|
18
|
-
size: size
|
|
19
|
-
colorPreset: "red",
|
|
20
|
-
variant: "circuit"
|
|
17
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.QueryIcon, {
|
|
18
|
+
size: size
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
21
|
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { QueryIcon, CheckCircle as SharedCheckCircle, Activity as SharedActivity, Pause as SharedPause, XCircle as SharedXCircle, buoyColors } from "@buoy-gg/shared-ui";
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
/** React Query brand mark used across the dev tools UI. */
|
|
6
6
|
export function TanstackLogo({
|
|
7
7
|
size = 24
|
|
8
8
|
}) {
|
|
9
|
-
return /*#__PURE__*/_jsx(
|
|
10
|
-
size: size
|
|
11
|
-
colorPreset: "red",
|
|
12
|
-
variant: "circuit"
|
|
9
|
+
return /*#__PURE__*/_jsx(QueryIcon, {
|
|
10
|
+
size: size
|
|
13
11
|
});
|
|
14
12
|
}
|
|
15
13
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@buoy-gg/react-query",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.39",
|
|
4
4
|
"description": "TanStack Query devtools inside your React Native app — cache inspection, refetch & invalidate, offline toggle. Part of Buoy devtools.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"**/snapshotProvider.ts"
|
|
30
30
|
],
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@buoy-gg/
|
|
33
|
-
"@buoy-gg/
|
|
32
|
+
"@buoy-gg/floating-tools-core": "^7.0.39",
|
|
33
|
+
"@buoy-gg/shared-ui": "^7.0.39"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"@tanstack/react-query": ">=5.0.0",
|