@buoy-gg/redux 2.1.11 → 2.1.13
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/LICENSE +58 -0
- package/lib/commonjs/index.js +1 -179
- package/lib/commonjs/preset.js +1 -98
- package/lib/commonjs/redux/components/ReduxActionButton.js +1 -129
- package/lib/commonjs/redux/components/ReduxActionDetailContent.js +1 -380
- package/lib/commonjs/redux/components/ReduxActionDetailView.js +1 -401
- package/lib/commonjs/redux/components/ReduxActionInfoView.js +1 -838
- package/lib/commonjs/redux/components/ReduxActionItem.js +1 -366
- package/lib/commonjs/redux/components/ReduxDetailViewToggle.js +1 -134
- package/lib/commonjs/redux/components/ReduxIcon.js +1 -18
- package/lib/commonjs/redux/components/ReduxModal.js +1 -530
- package/lib/commonjs/redux/components/index.js +1 -52
- package/lib/commonjs/redux/hooks/index.js +1 -25
- package/lib/commonjs/redux/hooks/useAutoInstrumentRedux.js +1 -197
- package/lib/commonjs/redux/hooks/useReduxActions.js +1 -75
- package/lib/commonjs/redux/index.js +1 -49
- package/lib/commonjs/redux/utils/autoInstrument.js +1 -270
- package/lib/commonjs/redux/utils/buoyReduxMiddleware.js +1 -166
- package/lib/commonjs/redux/utils/createReduxHistoryAdapter.js +1 -146
- package/lib/commonjs/redux/utils/index.js +1 -111
- package/lib/commonjs/redux/utils/reduxActionStore.js +1 -358
- package/lib/module/index.js +1 -87
- package/lib/module/preset.js +1 -94
- package/lib/module/redux/components/ReduxActionButton.js +1 -126
- package/lib/module/redux/components/ReduxActionDetailContent.js +1 -376
- package/lib/module/redux/components/ReduxActionDetailView.js +1 -397
- package/lib/module/redux/components/ReduxActionInfoView.js +1 -833
- package/lib/module/redux/components/ReduxActionItem.js +1 -362
- package/lib/module/redux/components/ReduxDetailViewToggle.js +1 -129
- package/lib/module/redux/components/ReduxIcon.js +1 -8
- package/lib/module/redux/components/ReduxModal.js +1 -525
- package/lib/module/redux/components/index.js +1 -7
- package/lib/module/redux/hooks/index.js +1 -4
- package/lib/module/redux/hooks/useAutoInstrumentRedux.js +1 -193
- package/lib/module/redux/hooks/useReduxActions.js +1 -71
- package/lib/module/redux/index.js +1 -13
- package/lib/module/redux/utils/autoInstrument.js +1 -260
- package/lib/module/redux/utils/buoyReduxMiddleware.js +1 -157
- package/lib/module/redux/utils/createReduxHistoryAdapter.js +1 -142
- package/lib/module/redux/utils/index.js +1 -8
- package/lib/module/redux/utils/reduxActionStore.js +1 -354
- package/package.json +12 -12
- package/lib/typescript/index.d.ts.map +0 -1
- package/lib/typescript/preset.d.ts.map +0 -1
- package/lib/typescript/redux/components/ReduxActionButton.d.ts.map +0 -1
- package/lib/typescript/redux/components/ReduxActionDetailContent.d.ts.map +0 -1
- package/lib/typescript/redux/components/ReduxActionDetailView.d.ts.map +0 -1
- package/lib/typescript/redux/components/ReduxActionInfoView.d.ts.map +0 -1
- package/lib/typescript/redux/components/ReduxActionItem.d.ts.map +0 -1
- package/lib/typescript/redux/components/ReduxDetailViewToggle.d.ts.map +0 -1
- package/lib/typescript/redux/components/ReduxIcon.d.ts.map +0 -1
- package/lib/typescript/redux/components/ReduxModal.d.ts.map +0 -1
- package/lib/typescript/redux/components/index.d.ts.map +0 -1
- package/lib/typescript/redux/hooks/index.d.ts.map +0 -1
- package/lib/typescript/redux/hooks/useAutoInstrumentRedux.d.ts.map +0 -1
- package/lib/typescript/redux/hooks/useReduxActions.d.ts.map +0 -1
- package/lib/typescript/redux/index.d.ts.map +0 -1
- package/lib/typescript/redux/types/index.d.ts.map +0 -1
- package/lib/typescript/redux/utils/autoInstrument.d.ts.map +0 -1
- package/lib/typescript/redux/utils/buoyReduxMiddleware.d.ts.map +0 -1
- package/lib/typescript/redux/utils/createReduxHistoryAdapter.d.ts.map +0 -1
- package/lib/typescript/redux/utils/index.d.ts.map +0 -1
- package/lib/typescript/redux/utils/reduxActionStore.d.ts.map +0 -1
package/LICENSE
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
PROPRIETARY SOFTWARE LICENSE
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024-present Buoy. All rights reserved.
|
|
4
|
+
|
|
5
|
+
This software and its source code are proprietary and confidential.
|
|
6
|
+
|
|
7
|
+
NOTICE: This is NOT open source software. This software is licensed,
|
|
8
|
+
not sold, and is protected by copyright laws and international treaties.
|
|
9
|
+
|
|
10
|
+
TERMS AND CONDITIONS:
|
|
11
|
+
|
|
12
|
+
1. LICENSE GRANT
|
|
13
|
+
Subject to the terms of this Agreement and payment of applicable fees,
|
|
14
|
+
Buoy grants you a limited, non-exclusive, non-transferable license
|
|
15
|
+
to use the compiled software packages in your applications.
|
|
16
|
+
|
|
17
|
+
2. RESTRICTIONS
|
|
18
|
+
You may NOT:
|
|
19
|
+
- Copy, modify, or distribute the source code
|
|
20
|
+
- Reverse engineer, decompile, or disassemble the software
|
|
21
|
+
- Remove or alter any proprietary notices or labels
|
|
22
|
+
- Sublicense, rent, lease, or lend the software
|
|
23
|
+
- Use the software to create competing products
|
|
24
|
+
- Share access credentials with unauthorized parties
|
|
25
|
+
|
|
26
|
+
3. OWNERSHIP
|
|
27
|
+
React Buoy retains all right, title, and interest in the software,
|
|
28
|
+
including all intellectual property rights. This license does not
|
|
29
|
+
grant you any rights to trademarks or service marks.
|
|
30
|
+
|
|
31
|
+
4. TERMINATION
|
|
32
|
+
This license is effective until terminated. Your rights under this
|
|
33
|
+
license will terminate automatically without notice if you fail to
|
|
34
|
+
comply with any of its terms. Upon termination, you must cease all
|
|
35
|
+
use and destroy all copies of the software.
|
|
36
|
+
|
|
37
|
+
5. DISCLAIMER OF WARRANTIES
|
|
38
|
+
THE SOFTWARE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND,
|
|
39
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
40
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT.
|
|
41
|
+
|
|
42
|
+
6. LIMITATION OF LIABILITY
|
|
43
|
+
IN NO EVENT SHALL BUOY BE LIABLE FOR ANY INDIRECT, INCIDENTAL,
|
|
44
|
+
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES ARISING OUT OF OR IN
|
|
45
|
+
CONNECTION WITH THIS LICENSE OR THE USE OF THE SOFTWARE.
|
|
46
|
+
|
|
47
|
+
7. GOVERNING LAW
|
|
48
|
+
This Agreement shall be governed by and construed in accordance with
|
|
49
|
+
the laws of the United States, without regard to its conflict of
|
|
50
|
+
law provisions.
|
|
51
|
+
|
|
52
|
+
For licensing inquiries and subscription information:
|
|
53
|
+
- Website: https://buoy.gg
|
|
54
|
+
- Email: AustinLovesWorking@gmail.com
|
|
55
|
+
|
|
56
|
+
Unauthorized reproduction or distribution of this software, or any
|
|
57
|
+
portion of it, may result in severe civil and criminal penalties,
|
|
58
|
+
and will be prosecuted to the maximum extent possible under the law.
|
package/lib/commonjs/index.js
CHANGED
|
@@ -1,179 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "BUOY_JUMP_TO_STATE", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _buoyReduxMiddleware.BUOY_JUMP_TO_STATE;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "BUOY_REPLAY_ACTION", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _buoyReduxMiddleware.BUOY_REPLAY_ACTION;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "FREE_TIER_ACTION_LIMIT", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _ReduxModal.FREE_TIER_ACTION_LIMIT;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "ReduxActionDetailContent", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _ReduxActionDetailContent.ReduxActionDetailContent;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "ReduxActionDetailFooter", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _ReduxActionDetailContent.ReduxActionDetailFooter;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "ReduxActionDetailView", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _ReduxActionDetailView.ReduxActionDetailView;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, "ReduxActionItem", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function () {
|
|
45
|
-
return _ReduxActionItem.ReduxActionItem;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, "ReduxIcon", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function () {
|
|
51
|
-
return _ReduxIcon.ReduxIcon;
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, "ReduxModal", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function () {
|
|
57
|
-
return _ReduxModal.ReduxModal;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
Object.defineProperty(exports, "buoyReduxMiddleware", {
|
|
61
|
-
enumerable: true,
|
|
62
|
-
get: function () {
|
|
63
|
-
return _buoyReduxMiddleware.buoyReduxMiddleware;
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
Object.defineProperty(exports, "createBuoyReduxMiddleware", {
|
|
67
|
-
enumerable: true,
|
|
68
|
-
get: function () {
|
|
69
|
-
return _buoyReduxMiddleware.createBuoyReduxMiddleware;
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
Object.defineProperty(exports, "createReduxHistoryAdapter", {
|
|
73
|
-
enumerable: true,
|
|
74
|
-
get: function () {
|
|
75
|
-
return _createReduxHistoryAdapter.createReduxHistoryAdapter;
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
Object.defineProperty(exports, "createReduxTool", {
|
|
79
|
-
enumerable: true,
|
|
80
|
-
get: function () {
|
|
81
|
-
return _preset.createReduxTool;
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
Object.defineProperty(exports, "getActiveStore", {
|
|
85
|
-
enumerable: true,
|
|
86
|
-
get: function () {
|
|
87
|
-
return _autoInstrument.getActiveStore;
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
Object.defineProperty(exports, "instrumentStore", {
|
|
91
|
-
enumerable: true,
|
|
92
|
-
get: function () {
|
|
93
|
-
return _autoInstrument.instrumentStore;
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
Object.defineProperty(exports, "isAutoInstrumentActive", {
|
|
97
|
-
enumerable: true,
|
|
98
|
-
get: function () {
|
|
99
|
-
return _autoInstrument.isAutoInstrumentActive;
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
Object.defineProperty(exports, "isStoreInstrumented", {
|
|
103
|
-
enumerable: true,
|
|
104
|
-
get: function () {
|
|
105
|
-
return _autoInstrument.isStoreInstrumented;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
Object.defineProperty(exports, "jumpToState", {
|
|
109
|
-
enumerable: true,
|
|
110
|
-
get: function () {
|
|
111
|
-
return _buoyReduxMiddleware.jumpToState;
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
Object.defineProperty(exports, "reduxActionStore", {
|
|
115
|
-
enumerable: true,
|
|
116
|
-
get: function () {
|
|
117
|
-
return _reduxActionStore.reduxActionStore;
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
Object.defineProperty(exports, "reduxHistoryAdapter", {
|
|
121
|
-
enumerable: true,
|
|
122
|
-
get: function () {
|
|
123
|
-
return _createReduxHistoryAdapter.reduxHistoryAdapter;
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
Object.defineProperty(exports, "reduxToolPreset", {
|
|
127
|
-
enumerable: true,
|
|
128
|
-
get: function () {
|
|
129
|
-
return _preset.reduxToolPreset;
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
Object.defineProperty(exports, "replayAction", {
|
|
133
|
-
enumerable: true,
|
|
134
|
-
get: function () {
|
|
135
|
-
return _buoyReduxMiddleware.replayAction;
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
|
-
Object.defineProperty(exports, "uninstrumentStore", {
|
|
139
|
-
enumerable: true,
|
|
140
|
-
get: function () {
|
|
141
|
-
return _autoInstrument.uninstrumentStore;
|
|
142
|
-
}
|
|
143
|
-
});
|
|
144
|
-
Object.defineProperty(exports, "useAutoInstrumentRedux", {
|
|
145
|
-
enumerable: true,
|
|
146
|
-
get: function () {
|
|
147
|
-
return _useAutoInstrumentRedux.useAutoInstrumentRedux;
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
Object.defineProperty(exports, "useReduxActions", {
|
|
151
|
-
enumerable: true,
|
|
152
|
-
get: function () {
|
|
153
|
-
return _useReduxActions.useReduxActions;
|
|
154
|
-
}
|
|
155
|
-
});
|
|
156
|
-
Object.defineProperty(exports, "useReduxAvailability", {
|
|
157
|
-
enumerable: true,
|
|
158
|
-
get: function () {
|
|
159
|
-
return _useAutoInstrumentRedux.useReduxAvailability;
|
|
160
|
-
}
|
|
161
|
-
});
|
|
162
|
-
Object.defineProperty(exports, "withBuoyDevTools", {
|
|
163
|
-
enumerable: true,
|
|
164
|
-
get: function () {
|
|
165
|
-
return _buoyReduxMiddleware.withBuoyDevTools;
|
|
166
|
-
}
|
|
167
|
-
});
|
|
168
|
-
var _preset = require("./preset");
|
|
169
|
-
var _buoyReduxMiddleware = require("./redux/utils/buoyReduxMiddleware");
|
|
170
|
-
var _autoInstrument = require("./redux/utils/autoInstrument");
|
|
171
|
-
var _createReduxHistoryAdapter = require("./redux/utils/createReduxHistoryAdapter");
|
|
172
|
-
var _useReduxActions = require("./redux/hooks/useReduxActions");
|
|
173
|
-
var _useAutoInstrumentRedux = require("./redux/hooks/useAutoInstrumentRedux");
|
|
174
|
-
var _ReduxModal = require("./redux/components/ReduxModal");
|
|
175
|
-
var _ReduxActionItem = require("./redux/components/ReduxActionItem");
|
|
176
|
-
var _ReduxActionDetailView = require("./redux/components/ReduxActionDetailView");
|
|
177
|
-
var _ReduxActionDetailContent = require("./redux/components/ReduxActionDetailContent");
|
|
178
|
-
var _ReduxIcon = require("./redux/components/ReduxIcon");
|
|
179
|
-
var _reduxActionStore = require("./redux/utils/reduxActionStore");
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BUOY_JUMP_TO_STATE",{enumerable:!0,get:function(){return _buoyReduxMiddleware.BUOY_JUMP_TO_STATE}}),Object.defineProperty(exports,"BUOY_REPLAY_ACTION",{enumerable:!0,get:function(){return _buoyReduxMiddleware.BUOY_REPLAY_ACTION}}),Object.defineProperty(exports,"FREE_TIER_ACTION_LIMIT",{enumerable:!0,get:function(){return _ReduxModal.FREE_TIER_ACTION_LIMIT}}),Object.defineProperty(exports,"ReduxActionDetailContent",{enumerable:!0,get:function(){return _ReduxActionDetailContent.ReduxActionDetailContent}}),Object.defineProperty(exports,"ReduxActionDetailFooter",{enumerable:!0,get:function(){return _ReduxActionDetailContent.ReduxActionDetailFooter}}),Object.defineProperty(exports,"ReduxActionDetailView",{enumerable:!0,get:function(){return _ReduxActionDetailView.ReduxActionDetailView}}),Object.defineProperty(exports,"ReduxActionItem",{enumerable:!0,get:function(){return _ReduxActionItem.ReduxActionItem}}),Object.defineProperty(exports,"ReduxIcon",{enumerable:!0,get:function(){return _ReduxIcon.ReduxIcon}}),Object.defineProperty(exports,"ReduxModal",{enumerable:!0,get:function(){return _ReduxModal.ReduxModal}}),Object.defineProperty(exports,"buoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.buoyReduxMiddleware}}),Object.defineProperty(exports,"createBuoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.createBuoyReduxMiddleware}}),Object.defineProperty(exports,"createReduxHistoryAdapter",{enumerable:!0,get:function(){return _createReduxHistoryAdapter.createReduxHistoryAdapter}}),Object.defineProperty(exports,"createReduxTool",{enumerable:!0,get:function(){return _preset.createReduxTool}}),Object.defineProperty(exports,"getActiveStore",{enumerable:!0,get:function(){return _autoInstrument.getActiveStore}}),Object.defineProperty(exports,"instrumentStore",{enumerable:!0,get:function(){return _autoInstrument.instrumentStore}}),Object.defineProperty(exports,"isAutoInstrumentActive",{enumerable:!0,get:function(){return _autoInstrument.isAutoInstrumentActive}}),Object.defineProperty(exports,"isStoreInstrumented",{enumerable:!0,get:function(){return _autoInstrument.isStoreInstrumented}}),Object.defineProperty(exports,"jumpToState",{enumerable:!0,get:function(){return _buoyReduxMiddleware.jumpToState}}),Object.defineProperty(exports,"reduxActionStore",{enumerable:!0,get:function(){return _reduxActionStore.reduxActionStore}}),Object.defineProperty(exports,"reduxHistoryAdapter",{enumerable:!0,get:function(){return _createReduxHistoryAdapter.reduxHistoryAdapter}}),Object.defineProperty(exports,"reduxToolPreset",{enumerable:!0,get:function(){return _preset.reduxToolPreset}}),Object.defineProperty(exports,"replayAction",{enumerable:!0,get:function(){return _buoyReduxMiddleware.replayAction}}),Object.defineProperty(exports,"uninstrumentStore",{enumerable:!0,get:function(){return _autoInstrument.uninstrumentStore}}),Object.defineProperty(exports,"useAutoInstrumentRedux",{enumerable:!0,get:function(){return _useAutoInstrumentRedux.useAutoInstrumentRedux}}),Object.defineProperty(exports,"useReduxActions",{enumerable:!0,get:function(){return _useReduxActions.useReduxActions}}),Object.defineProperty(exports,"useReduxAvailability",{enumerable:!0,get:function(){return _useAutoInstrumentRedux.useReduxAvailability}}),Object.defineProperty(exports,"withBuoyDevTools",{enumerable:!0,get:function(){return _buoyReduxMiddleware.withBuoyDevTools}});var _preset=require("./preset"),_buoyReduxMiddleware=require("./redux/utils/buoyReduxMiddleware"),_autoInstrument=require("./redux/utils/autoInstrument"),_createReduxHistoryAdapter=require("./redux/utils/createReduxHistoryAdapter"),_useReduxActions=require("./redux/hooks/useReduxActions"),_useAutoInstrumentRedux=require("./redux/hooks/useAutoInstrumentRedux"),_ReduxModal=require("./redux/components/ReduxModal"),_ReduxActionItem=require("./redux/components/ReduxActionItem"),_ReduxActionDetailView=require("./redux/components/ReduxActionDetailView"),_ReduxActionDetailContent=require("./redux/components/ReduxActionDetailContent"),_ReduxIcon=require("./redux/components/ReduxIcon"),_reduxActionStore=require("./redux/utils/reduxActionStore");
|
package/lib/commonjs/preset.js
CHANGED
|
@@ -1,98 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.createReduxTool = createReduxTool;
|
|
7
|
-
exports.reduxToolPreset = void 0;
|
|
8
|
-
var _ReduxModal = require("./redux/components/ReduxModal");
|
|
9
|
-
var _ReduxIcon = require("./redux/components/ReduxIcon");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
/**
|
|
12
|
-
* Pre-configured Redux DevTools preset for FloatingDevTools
|
|
13
|
-
*
|
|
14
|
-
* ZERO-CONFIG: This preset is auto-discovered by FloatingDevTools!
|
|
15
|
-
* You do NOT need to import or configure anything - just install @buoy-gg/redux
|
|
16
|
-
* and the Redux tool will appear automatically in your FloatingDevTools.
|
|
17
|
-
*
|
|
18
|
-
* @example Automatic (recommended - no code needed!)
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // Just install: npm install @buoy-gg/redux
|
|
21
|
-
* // The Redux tool appears automatically in FloatingDevTools!
|
|
22
|
-
*
|
|
23
|
-
* <Provider store={store}>
|
|
24
|
-
* <App />
|
|
25
|
-
* <FloatingDevTools /> // Redux tool is auto-detected
|
|
26
|
-
* </Provider>
|
|
27
|
-
* ```
|
|
28
|
-
*
|
|
29
|
-
* @example Manual (only for custom configuration)
|
|
30
|
-
* ```tsx
|
|
31
|
-
* import { createReduxTool } from '@buoy-gg/redux';
|
|
32
|
-
*
|
|
33
|
-
* // Only use this if you need to customize the tool
|
|
34
|
-
* const customReduxTool = createReduxTool({
|
|
35
|
-
* name: "STATE",
|
|
36
|
-
* iconColor: "#9945FF",
|
|
37
|
-
* });
|
|
38
|
-
*
|
|
39
|
-
* <FloatingDevTools apps={[customReduxTool]} />
|
|
40
|
-
* ```
|
|
41
|
-
*/
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Pre-configured Redux DevTools preset for FloatingDevTools.
|
|
45
|
-
* Includes:
|
|
46
|
-
* - Live action monitoring
|
|
47
|
-
* - Action/state inspection
|
|
48
|
-
* - State diff visualization
|
|
49
|
-
* - Filter by action type
|
|
50
|
-
*/
|
|
51
|
-
const reduxToolPreset = exports.reduxToolPreset = {
|
|
52
|
-
id: "redux",
|
|
53
|
-
name: "REDUX",
|
|
54
|
-
description: "Redux action & state inspector",
|
|
55
|
-
slot: "both",
|
|
56
|
-
icon: ({
|
|
57
|
-
size
|
|
58
|
-
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxIcon.ReduxIcon, {
|
|
59
|
-
size: size
|
|
60
|
-
}),
|
|
61
|
-
component: _ReduxModal.ReduxModal,
|
|
62
|
-
props: {
|
|
63
|
-
enableSharedModalDimensions: false
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* Create a custom Redux DevTools configuration.
|
|
69
|
-
* Use this if you want to override default settings.
|
|
70
|
-
*
|
|
71
|
-
* @example
|
|
72
|
-
* ```tsx
|
|
73
|
-
* import { createReduxTool } from '@buoy-gg/redux';
|
|
74
|
-
*
|
|
75
|
-
* const myReduxTool = createReduxTool({
|
|
76
|
-
* name: "STATE",
|
|
77
|
-
* iconColor: "#9945FF", // Purple color
|
|
78
|
-
* });
|
|
79
|
-
* ```
|
|
80
|
-
*/
|
|
81
|
-
function createReduxTool(options) {
|
|
82
|
-
return {
|
|
83
|
-
id: options?.id || "redux",
|
|
84
|
-
name: options?.name || "REDUX",
|
|
85
|
-
description: options?.description || "Redux action & state inspector",
|
|
86
|
-
slot: "both",
|
|
87
|
-
icon: ({
|
|
88
|
-
size
|
|
89
|
-
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxIcon.ReduxIcon, {
|
|
90
|
-
size: size,
|
|
91
|
-
color: options?.iconColor
|
|
92
|
-
}),
|
|
93
|
-
component: _ReduxModal.ReduxModal,
|
|
94
|
-
props: {
|
|
95
|
-
enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReduxTool=createReduxTool,exports.reduxToolPreset=void 0;var _ReduxModal=require("./redux/components/ReduxModal"),_ReduxIcon=require("./redux/components/ReduxIcon"),_jsxRuntime=require("react/jsx-runtime");const reduxToolPreset=exports.reduxToolPreset={id:"redux",name:"REDUX",description:"Redux action & state inspector",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_ReduxIcon.ReduxIcon,{size:e}),component:_ReduxModal.ReduxModal,props:{enableSharedModalDimensions:!1}};function createReduxTool(e){return{id:e?.id||"redux",name:e?.name||"REDUX",description:e?.description||"Redux action & state inspector",slot:"both",icon:({size:o})=>(0,_jsxRuntime.jsx)(_ReduxIcon.ReduxIcon,{size:o,color:e?.iconColor}),component:_ReduxModal.ReduxModal,props:{enableSharedModalDimensions:void 0!==e?.enableSharedModalDimensions&&e.enableSharedModalDimensions}}}
|
|
@@ -1,129 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ReduxActionButton = ReduxActionButton;
|
|
7
|
-
var _reactNative = require("react-native");
|
|
8
|
-
var _sharedUi = require("@buoy-gg/shared-ui");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
/**
|
|
11
|
-
* ReduxActionButton
|
|
12
|
-
*
|
|
13
|
-
* Generic action button for Redux DevTools footer
|
|
14
|
-
* Matches React Query DevTools ActionButton styling
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
// Button color configurations matching React Query pattern
|
|
18
|
-
const buttonConfigs = {
|
|
19
|
-
replay: {
|
|
20
|
-
color: _sharedUi.buoyColors.success,
|
|
21
|
-
backgroundColor: _sharedUi.buoyColors.success + "15",
|
|
22
|
-
borderColor: _sharedUi.buoyColors.success + "40",
|
|
23
|
-
textColor: _sharedUi.buoyColors.success
|
|
24
|
-
},
|
|
25
|
-
copy: {
|
|
26
|
-
color: _sharedUi.buoyColors.primary,
|
|
27
|
-
backgroundColor: _sharedUi.buoyColors.primary + "15",
|
|
28
|
-
borderColor: _sharedUi.buoyColors.primary + "40",
|
|
29
|
-
textColor: _sharedUi.buoyColors.primary
|
|
30
|
-
},
|
|
31
|
-
jump: {
|
|
32
|
-
color: _sharedUi.buoyColors.warning,
|
|
33
|
-
backgroundColor: _sharedUi.buoyColors.warning + "15",
|
|
34
|
-
borderColor: _sharedUi.buoyColors.warning + "40",
|
|
35
|
-
textColor: _sharedUi.buoyColors.warning
|
|
36
|
-
},
|
|
37
|
-
skip: {
|
|
38
|
-
color: _sharedUi.buoyColors.textSecondary,
|
|
39
|
-
backgroundColor: _sharedUi.buoyColors.textSecondary + "26",
|
|
40
|
-
borderColor: _sharedUi.buoyColors.textSecondary + "59",
|
|
41
|
-
textColor: _sharedUi.buoyColors.textSecondary
|
|
42
|
-
},
|
|
43
|
-
clear: {
|
|
44
|
-
color: _sharedUi.buoyColors.error,
|
|
45
|
-
backgroundColor: _sharedUi.buoyColors.error + "15",
|
|
46
|
-
borderColor: _sharedUi.buoyColors.error + "40",
|
|
47
|
-
textColor: _sharedUi.buoyColors.error
|
|
48
|
-
},
|
|
49
|
-
diff: {
|
|
50
|
-
color: _sharedUi.buoyColors.info,
|
|
51
|
-
backgroundColor: _sharedUi.buoyColors.info + "15",
|
|
52
|
-
borderColor: _sharedUi.buoyColors.info + "40",
|
|
53
|
-
textColor: _sharedUi.buoyColors.info
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
function ReduxActionButton({
|
|
57
|
-
onPress,
|
|
58
|
-
text,
|
|
59
|
-
type,
|
|
60
|
-
disabled = false
|
|
61
|
-
}) {
|
|
62
|
-
const config = buttonConfigs[type];
|
|
63
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
64
|
-
disabled: disabled,
|
|
65
|
-
onPress: onPress,
|
|
66
|
-
style: [styles.button, {
|
|
67
|
-
backgroundColor: disabled ? _sharedUi.buoyColors.textMuted + "1A" : config.backgroundColor,
|
|
68
|
-
borderColor: disabled ? _sharedUi.buoyColors.textMuted + "33" : config.borderColor,
|
|
69
|
-
opacity: disabled ? 0.5 : 1
|
|
70
|
-
}],
|
|
71
|
-
activeOpacity: 0.7,
|
|
72
|
-
accessibilityRole: "button",
|
|
73
|
-
accessibilityLabel: text,
|
|
74
|
-
accessibilityState: {
|
|
75
|
-
disabled
|
|
76
|
-
},
|
|
77
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
78
|
-
style: [styles.dot, {
|
|
79
|
-
backgroundColor: disabled ? _sharedUi.buoyColors.textMuted : config.color
|
|
80
|
-
}]
|
|
81
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
82
|
-
style: [styles.text, {
|
|
83
|
-
color: disabled ? _sharedUi.buoyColors.textMuted : config.textColor
|
|
84
|
-
}],
|
|
85
|
-
children: text
|
|
86
|
-
})]
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
const styles = _reactNative.StyleSheet.create({
|
|
90
|
-
button: {
|
|
91
|
-
flexDirection: "row",
|
|
92
|
-
alignItems: "center",
|
|
93
|
-
justifyContent: "center",
|
|
94
|
-
borderRadius: 6,
|
|
95
|
-
borderWidth: 1,
|
|
96
|
-
paddingHorizontal: 12,
|
|
97
|
-
paddingVertical: 6,
|
|
98
|
-
height: 25,
|
|
99
|
-
minWidth: 80,
|
|
100
|
-
shadowOffset: {
|
|
101
|
-
width: 0,
|
|
102
|
-
height: 1
|
|
103
|
-
},
|
|
104
|
-
shadowOpacity: 0.2,
|
|
105
|
-
shadowRadius: 2,
|
|
106
|
-
elevation: 2
|
|
107
|
-
},
|
|
108
|
-
dot: {
|
|
109
|
-
width: 5,
|
|
110
|
-
height: 5,
|
|
111
|
-
borderRadius: 3,
|
|
112
|
-
marginRight: 6,
|
|
113
|
-
shadowColor: _sharedUi.buoyColors.text,
|
|
114
|
-
shadowOffset: {
|
|
115
|
-
width: 0,
|
|
116
|
-
height: 0
|
|
117
|
-
},
|
|
118
|
-
shadowOpacity: 0.6,
|
|
119
|
-
shadowRadius: 2
|
|
120
|
-
},
|
|
121
|
-
text: {
|
|
122
|
-
fontSize: 10,
|
|
123
|
-
fontWeight: "600",
|
|
124
|
-
letterSpacing: 0.5,
|
|
125
|
-
textTransform: "uppercase",
|
|
126
|
-
fontFamily: "monospace",
|
|
127
|
-
height: 12
|
|
128
|
-
}
|
|
129
|
-
});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReduxActionButton=ReduxActionButton;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");const buttonConfigs={replay:{color:_sharedUi.buoyColors.success,backgroundColor:_sharedUi.buoyColors.success+"15",borderColor:_sharedUi.buoyColors.success+"40",textColor:_sharedUi.buoyColors.success},copy:{color:_sharedUi.buoyColors.primary,backgroundColor:_sharedUi.buoyColors.primary+"15",borderColor:_sharedUi.buoyColors.primary+"40",textColor:_sharedUi.buoyColors.primary},jump:{color:_sharedUi.buoyColors.warning,backgroundColor:_sharedUi.buoyColors.warning+"15",borderColor:_sharedUi.buoyColors.warning+"40",textColor:_sharedUi.buoyColors.warning},skip:{color:_sharedUi.buoyColors.textSecondary,backgroundColor:_sharedUi.buoyColors.textSecondary+"26",borderColor:_sharedUi.buoyColors.textSecondary+"59",textColor:_sharedUi.buoyColors.textSecondary},clear:{color:_sharedUi.buoyColors.error,backgroundColor:_sharedUi.buoyColors.error+"15",borderColor:_sharedUi.buoyColors.error+"40",textColor:_sharedUi.buoyColors.error},diff:{color:_sharedUi.buoyColors.info,backgroundColor:_sharedUi.buoyColors.info+"15",borderColor:_sharedUi.buoyColors.info+"40",textColor:_sharedUi.buoyColors.info}};function ReduxActionButton({onPress:o,text:r,type:e,disabled:t=!1}){const s=buttonConfigs[e];return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{disabled:t,onPress:o,style:[styles.button,{backgroundColor:t?_sharedUi.buoyColors.textMuted+"1A":s.backgroundColor,borderColor:t?_sharedUi.buoyColors.textMuted+"33":s.borderColor,opacity:t?.5:1}],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:t},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:t?_sharedUi.buoyColors.textMuted:s.color}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:t?_sharedUi.buoyColors.textMuted:s.textColor}],children:r})]})}const styles=_reactNative.StyleSheet.create({button:{flexDirection:"row",alignItems:"center",justifyContent:"center",borderRadius:6,borderWidth:1,paddingHorizontal:12,paddingVertical:6,height:25,minWidth:80,shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2,elevation:2},dot:{width:5,height:5,borderRadius:3,marginRight:6,shadowColor:_sharedUi.buoyColors.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:"monospace",height:12}});
|