@buoy-gg/redux 6.0.0 → 7.0.0
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 +50 -34
- package/package.json +20 -9
package/README.md
CHANGED
|
@@ -1,55 +1,71 @@
|
|
|
1
1
|
# @buoy-gg/redux
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/@buoy-gg/redux) [](https://www.npmjs.com/package/@buoy-gg/redux)
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
**Redux DevTools on the device — action log, state diffs, and time travel with zero store changes.**
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## Install
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
```bash
|
|
12
|
+
npm install @buoy-gg/core @buoy-gg/redux
|
|
13
|
+
```
|
|
12
14
|
|
|
13
|
-
|
|
14
|
-
import { ReduxComponent } from '@buoy-gg/redux';
|
|
15
|
+
## Quick start
|
|
15
16
|
|
|
16
|
-
|
|
17
|
-
<ReduxComponent title="Hello World" />
|
|
18
|
-
```
|
|
17
|
+
Zero config. Your existing store works as-is — no middleware, no wrapper. The tool auto-instruments the store when `FloatingDevTools` mounts.
|
|
19
18
|
|
|
20
|
-
|
|
19
|
+
```tsx
|
|
20
|
+
import { configureStore } from '@reduxjs/toolkit';
|
|
21
|
+
import { Provider } from 'react-redux';
|
|
22
|
+
import { FloatingDevTools } from '@buoy-gg/core';
|
|
21
23
|
|
|
22
|
-
|
|
24
|
+
const store = configureStore({ reducer: rootReducer }); // unchanged
|
|
23
25
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
+
export default function App() {
|
|
27
|
+
return (
|
|
28
|
+
<Provider store={store}>
|
|
29
|
+
<YourApp />
|
|
30
|
+
<FloatingDevTools />
|
|
31
|
+
</Provider>
|
|
32
|
+
);
|
|
33
|
+
}
|
|
26
34
|
```
|
|
27
35
|
|
|
28
|
-
###
|
|
36
|
+
### Optional: full time travel
|
|
29
37
|
|
|
30
|
-
|
|
31
|
-
pnpm typecheck
|
|
32
|
-
```
|
|
38
|
+
To jump back to past states (not just view them), wrap your reducer:
|
|
33
39
|
|
|
34
|
-
|
|
40
|
+
```tsx
|
|
41
|
+
import { withBuoyDevTools } from '@buoy-gg/redux';
|
|
35
42
|
|
|
36
|
-
|
|
37
|
-
|
|
43
|
+
const store = configureStore({
|
|
44
|
+
reducer: withBuoyDevTools(rootReducer),
|
|
45
|
+
});
|
|
38
46
|
```
|
|
39
47
|
|
|
40
|
-
##
|
|
48
|
+
## What you get
|
|
41
49
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
50
|
+
- **Every action, captured** — type, payload, timestamp, and a diff summary (`+added -removed ~modified`) per dispatch
|
|
51
|
+
- **Frame-budget warnings** — actions taking longer than 16ms are flagged so slow reducers can't hide
|
|
52
|
+
- **RTK async thunk linking** — pending → fulfilled/rejected automatically connected by Request ID, with a visual timeline and per-request durations
|
|
53
|
+
- **Time travel** — jump to the state after any action, or replay an action to re-test your reducers
|
|
54
|
+
- **Three-tab detail view** — full action payload, full state tree, and a side-by-side diff (tree or split view)
|
|
55
|
+
- **Search & filter** — find actions by type, or show only actions that actually changed state
|
|
56
|
+
- **Export & copy** — dump action history as JSON for bug reports or test fixtures
|
|
57
|
+
- **Recording toggle** — pause capture when you need to focus, resume when ready
|
|
58
|
+
|
|
59
|
+
## Desktop & AI
|
|
60
|
+
|
|
61
|
+
The same live session streams to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) (free, macOS/Windows/Linux) and to Claude Code or Cursor via the [Buoy MCP server](https://buoy.gg/buoy/latest/docs/mcp).
|
|
62
|
+
|
|
63
|
+
## Free vs Pro
|
|
64
|
+
|
|
65
|
+
Every tool is free. [Pro](https://buoy.gg/pricing) unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for everyone.
|
|
66
|
+
|
|
67
|
+
---
|
|
51
68
|
|
|
52
|
-
|
|
69
|
+
📚 [Full docs](https://buoy.gg/buoy/latest/docs/tools/redux) · [All Buoy tools](https://github.com/Buoy-gg/buoy)
|
|
53
70
|
|
|
54
|
-
|
|
55
|
-
- React and React Native as peer dependencies
|
|
71
|
+
Proprietary software. © Buoy LLC. [Terms](https://buoy.gg/terms)
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@buoy-gg/redux",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "Redux
|
|
3
|
+
"version": "7.0.0",
|
|
4
|
+
"description": "Redux DevTools inside your React Native app — action log, state diffs & time travel with zero store changes. Part of Buoy devtools.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
7
7
|
"types": "lib/typescript/index.d.ts",
|
|
@@ -26,15 +26,15 @@
|
|
|
26
26
|
],
|
|
27
27
|
"sideEffects": false,
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@buoy-gg/shared-ui": "
|
|
30
|
-
"@buoy-gg/
|
|
31
|
-
"@buoy-gg/
|
|
29
|
+
"@buoy-gg/shared-ui": "7.0.0",
|
|
30
|
+
"@buoy-gg/floating-tools-core": "7.0.0",
|
|
31
|
+
"@buoy-gg/license": "7.0.0"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
|
-
"@reduxjs/toolkit": ">=
|
|
34
|
+
"@reduxjs/toolkit": ">=1.9.0",
|
|
35
35
|
"react": "*",
|
|
36
36
|
"react-native": "*",
|
|
37
|
-
"react-redux": ">=
|
|
37
|
+
"react-redux": ">=8.0.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@reduxjs/toolkit": "^2.11.2",
|
|
@@ -64,17 +64,28 @@
|
|
|
64
64
|
},
|
|
65
65
|
"repository": {
|
|
66
66
|
"type": "git",
|
|
67
|
-
"url": "https://github.com/
|
|
67
|
+
"url": "https://github.com/Buoy-gg/buoy.git",
|
|
68
68
|
"directory": "packages/redux"
|
|
69
69
|
},
|
|
70
70
|
"bugs": {
|
|
71
71
|
"url": "https://github.com/LovesWorking/react-native-buoy/issues"
|
|
72
72
|
},
|
|
73
|
-
"homepage": "https://
|
|
73
|
+
"homepage": "https://buoy.gg/tools/redux",
|
|
74
74
|
"publishConfig": {
|
|
75
75
|
"access": "public",
|
|
76
76
|
"tag": "latest"
|
|
77
77
|
},
|
|
78
|
+
"keywords": [
|
|
79
|
+
"react-native",
|
|
80
|
+
"expo",
|
|
81
|
+
"devtools",
|
|
82
|
+
"debugging",
|
|
83
|
+
"react-native-devtools",
|
|
84
|
+
"flipper-alternative",
|
|
85
|
+
"redux",
|
|
86
|
+
"state-management",
|
|
87
|
+
"actions"
|
|
88
|
+
],
|
|
78
89
|
"scripts": {
|
|
79
90
|
"build": "bob build",
|
|
80
91
|
"typecheck": "tsc --noEmit",
|