bippy 0.3.0 → 0.3.2
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 +24 -0
- package/dist/chunk-AMVCK6H6.js +2240 -0
- package/dist/chunk-AQ674A4M.cjs +38 -0
- package/dist/{chunk-2R5SJTFQ.js → chunk-E67XFKKG.js} +2 -7
- package/dist/chunk-EPG3GO3H.js +35 -0
- package/dist/{chunk-POWCTW3F.cjs → chunk-J2F3EJOS.cjs} +2 -7
- package/dist/chunk-LMTDJIAV.cjs +2246 -0
- package/dist/{chunk-R357CEJU.cjs → chunk-OZZZ2ACU.cjs} +57 -40
- package/dist/{chunk-NK43KTPL.js → chunk-SI6Y374H.js} +55 -39
- package/dist/core.cjs +80 -67
- package/dist/core.d.cts +13 -3
- package/dist/core.d.ts +13 -3
- package/dist/core.js +2 -1
- package/dist/experiments/inspect.cjs +25 -15
- package/dist/experiments/inspect.js +13 -3
- package/dist/experiments/shrinkwrap.cjs +7 -6
- package/dist/experiments/shrinkwrap.js +3 -2
- package/dist/index.cjs +81 -68
- package/dist/index.d.cts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.global.js +1 -1
- package/dist/index.js +3 -2
- package/dist/jsx-dev-runtime.cjs +47 -0
- package/dist/jsx-dev-runtime.d.cts +8 -0
- package/dist/jsx-dev-runtime.d.ts +8 -0
- package/dist/jsx-dev-runtime.js +37 -0
- package/dist/{types-bP3PNEQt.d.cts → jsx-runtime-LhDmw-G0.d.cts} +1 -0
- package/dist/{types-bP3PNEQt.d.ts → jsx-runtime-LhDmw-G0.d.ts} +1 -0
- package/dist/jsx-runtime.cjs +15 -0
- package/dist/jsx-runtime.d.cts +3 -0
- package/dist/jsx-runtime.d.ts +3 -0
- package/dist/jsx-runtime.js +4 -0
- package/dist/shrinkwrap.global.js +1 -1
- package/dist/source.cjs +274 -2216
- package/dist/source.d.cts +7 -3
- package/dist/source.d.ts +7 -3
- package/dist/source.global.js +14 -1
- package/dist/source.js +4 -2229
- package/package.json +21 -1
package/dist/core.cjs
CHANGED
|
@@ -1,270 +1,283 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkOZZZ2ACU_cjs = require('./chunk-OZZZ2ACU.cjs');
|
|
4
|
+
require('./chunk-AQ674A4M.cjs');
|
|
4
5
|
|
|
5
6
|
|
|
6
7
|
|
|
7
8
|
Object.defineProperty(exports, "BIPPY_INSTRUMENTATION_STRING", {
|
|
8
9
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkOZZZ2ACU_cjs.BIPPY_INSTRUMENTATION_STRING; }
|
|
10
11
|
});
|
|
11
12
|
Object.defineProperty(exports, "CONCURRENT_MODE_NUMBER", {
|
|
12
13
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
14
|
+
get: function () { return chunkOZZZ2ACU_cjs.CONCURRENT_MODE_NUMBER; }
|
|
14
15
|
});
|
|
15
16
|
Object.defineProperty(exports, "CONCURRENT_MODE_SYMBOL_STRING", {
|
|
16
17
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
18
|
+
get: function () { return chunkOZZZ2ACU_cjs.CONCURRENT_MODE_SYMBOL_STRING; }
|
|
18
19
|
});
|
|
19
20
|
Object.defineProperty(exports, "ClassComponentTag", {
|
|
20
21
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
22
|
+
get: function () { return chunkOZZZ2ACU_cjs.ClassComponentTag; }
|
|
22
23
|
});
|
|
23
24
|
Object.defineProperty(exports, "ContextConsumerTag", {
|
|
24
25
|
enumerable: true,
|
|
25
|
-
get: function () { return
|
|
26
|
+
get: function () { return chunkOZZZ2ACU_cjs.ContextConsumerTag; }
|
|
26
27
|
});
|
|
27
28
|
Object.defineProperty(exports, "DEPRECATED_ASYNC_MODE_SYMBOL_STRING", {
|
|
28
29
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
30
|
+
get: function () { return chunkOZZZ2ACU_cjs.DEPRECATED_ASYNC_MODE_SYMBOL_STRING; }
|
|
30
31
|
});
|
|
31
32
|
Object.defineProperty(exports, "DehydratedSuspenseComponentTag", {
|
|
32
33
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
34
|
+
get: function () { return chunkOZZZ2ACU_cjs.DehydratedSuspenseComponentTag; }
|
|
34
35
|
});
|
|
35
36
|
Object.defineProperty(exports, "ELEMENT_TYPE_SYMBOL_STRING", {
|
|
36
37
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
38
|
+
get: function () { return chunkOZZZ2ACU_cjs.ELEMENT_TYPE_SYMBOL_STRING; }
|
|
38
39
|
});
|
|
39
40
|
Object.defineProperty(exports, "ForwardRefTag", {
|
|
40
41
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
42
|
+
get: function () { return chunkOZZZ2ACU_cjs.ForwardRefTag; }
|
|
42
43
|
});
|
|
43
44
|
Object.defineProperty(exports, "FragmentTag", {
|
|
44
45
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
46
|
+
get: function () { return chunkOZZZ2ACU_cjs.FragmentTag; }
|
|
46
47
|
});
|
|
47
48
|
Object.defineProperty(exports, "FunctionComponentTag", {
|
|
48
49
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
50
|
+
get: function () { return chunkOZZZ2ACU_cjs.FunctionComponentTag; }
|
|
50
51
|
});
|
|
51
52
|
Object.defineProperty(exports, "HostComponentTag", {
|
|
52
53
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
54
|
+
get: function () { return chunkOZZZ2ACU_cjs.HostComponentTag; }
|
|
54
55
|
});
|
|
55
56
|
Object.defineProperty(exports, "HostHoistableTag", {
|
|
56
57
|
enumerable: true,
|
|
57
|
-
get: function () { return
|
|
58
|
+
get: function () { return chunkOZZZ2ACU_cjs.HostHoistableTag; }
|
|
58
59
|
});
|
|
59
60
|
Object.defineProperty(exports, "HostRootTag", {
|
|
60
61
|
enumerable: true,
|
|
61
|
-
get: function () { return
|
|
62
|
+
get: function () { return chunkOZZZ2ACU_cjs.HostRootTag; }
|
|
62
63
|
});
|
|
63
64
|
Object.defineProperty(exports, "HostSingletonTag", {
|
|
64
65
|
enumerable: true,
|
|
65
|
-
get: function () { return
|
|
66
|
+
get: function () { return chunkOZZZ2ACU_cjs.HostSingletonTag; }
|
|
66
67
|
});
|
|
67
68
|
Object.defineProperty(exports, "HostTextTag", {
|
|
68
69
|
enumerable: true,
|
|
69
|
-
get: function () { return
|
|
70
|
+
get: function () { return chunkOZZZ2ACU_cjs.HostTextTag; }
|
|
70
71
|
});
|
|
71
72
|
Object.defineProperty(exports, "INSTALL_ERROR", {
|
|
72
73
|
enumerable: true,
|
|
73
|
-
get: function () { return
|
|
74
|
+
get: function () { return chunkOZZZ2ACU_cjs.INSTALL_ERROR; }
|
|
74
75
|
});
|
|
75
76
|
Object.defineProperty(exports, "INSTALL_HOOK_SCRIPT_STRING", {
|
|
76
77
|
enumerable: true,
|
|
77
|
-
get: function () { return
|
|
78
|
+
get: function () { return chunkOZZZ2ACU_cjs.INSTALL_HOOK_SCRIPT_STRING; }
|
|
78
79
|
});
|
|
79
80
|
Object.defineProperty(exports, "LegacyHiddenComponentTag", {
|
|
80
81
|
enumerable: true,
|
|
81
|
-
get: function () { return
|
|
82
|
+
get: function () { return chunkOZZZ2ACU_cjs.LegacyHiddenComponentTag; }
|
|
82
83
|
});
|
|
83
84
|
Object.defineProperty(exports, "MemoComponentTag", {
|
|
84
85
|
enumerable: true,
|
|
85
|
-
get: function () { return
|
|
86
|
+
get: function () { return chunkOZZZ2ACU_cjs.MemoComponentTag; }
|
|
86
87
|
});
|
|
87
88
|
Object.defineProperty(exports, "OffscreenComponentTag", {
|
|
88
89
|
enumerable: true,
|
|
89
|
-
get: function () { return
|
|
90
|
+
get: function () { return chunkOZZZ2ACU_cjs.OffscreenComponentTag; }
|
|
90
91
|
});
|
|
91
92
|
Object.defineProperty(exports, "SimpleMemoComponentTag", {
|
|
92
93
|
enumerable: true,
|
|
93
|
-
get: function () { return
|
|
94
|
+
get: function () { return chunkOZZZ2ACU_cjs.SimpleMemoComponentTag; }
|
|
94
95
|
});
|
|
95
96
|
Object.defineProperty(exports, "SuspenseComponentTag", {
|
|
96
97
|
enumerable: true,
|
|
97
|
-
get: function () { return
|
|
98
|
+
get: function () { return chunkOZZZ2ACU_cjs.SuspenseComponentTag; }
|
|
98
99
|
});
|
|
99
100
|
Object.defineProperty(exports, "TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING", {
|
|
100
101
|
enumerable: true,
|
|
101
|
-
get: function () { return
|
|
102
|
+
get: function () { return chunkOZZZ2ACU_cjs.TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING; }
|
|
103
|
+
});
|
|
104
|
+
Object.defineProperty(exports, "_fiberRoots", {
|
|
105
|
+
enumerable: true,
|
|
106
|
+
get: function () { return chunkOZZZ2ACU_cjs._fiberRoots; }
|
|
102
107
|
});
|
|
103
108
|
Object.defineProperty(exports, "createFiberVisitor", {
|
|
104
109
|
enumerable: true,
|
|
105
|
-
get: function () { return
|
|
110
|
+
get: function () { return chunkOZZZ2ACU_cjs.createFiberVisitor; }
|
|
106
111
|
});
|
|
107
112
|
Object.defineProperty(exports, "detectReactBuildType", {
|
|
108
113
|
enumerable: true,
|
|
109
|
-
get: function () { return
|
|
114
|
+
get: function () { return chunkOZZZ2ACU_cjs.detectReactBuildType; }
|
|
110
115
|
});
|
|
111
116
|
Object.defineProperty(exports, "didFiberCommit", {
|
|
112
117
|
enumerable: true,
|
|
113
|
-
get: function () { return
|
|
118
|
+
get: function () { return chunkOZZZ2ACU_cjs.didFiberCommit; }
|
|
114
119
|
});
|
|
115
120
|
Object.defineProperty(exports, "didFiberRender", {
|
|
116
121
|
enumerable: true,
|
|
117
|
-
get: function () { return
|
|
122
|
+
get: function () { return chunkOZZZ2ACU_cjs.didFiberRender; }
|
|
118
123
|
});
|
|
119
124
|
Object.defineProperty(exports, "fiberIdMap", {
|
|
120
125
|
enumerable: true,
|
|
121
|
-
get: function () { return
|
|
126
|
+
get: function () { return chunkOZZZ2ACU_cjs.fiberIdMap; }
|
|
122
127
|
});
|
|
123
128
|
Object.defineProperty(exports, "getDisplayName", {
|
|
124
129
|
enumerable: true,
|
|
125
|
-
get: function () { return
|
|
130
|
+
get: function () { return chunkOZZZ2ACU_cjs.getDisplayName; }
|
|
126
131
|
});
|
|
127
132
|
Object.defineProperty(exports, "getFiberFromHostInstance", {
|
|
128
133
|
enumerable: true,
|
|
129
|
-
get: function () { return
|
|
134
|
+
get: function () { return chunkOZZZ2ACU_cjs.getFiberFromHostInstance; }
|
|
130
135
|
});
|
|
131
136
|
Object.defineProperty(exports, "getFiberId", {
|
|
132
137
|
enumerable: true,
|
|
133
|
-
get: function () { return
|
|
138
|
+
get: function () { return chunkOZZZ2ACU_cjs.getFiberId; }
|
|
134
139
|
});
|
|
135
140
|
Object.defineProperty(exports, "getFiberStack", {
|
|
136
141
|
enumerable: true,
|
|
137
|
-
get: function () { return
|
|
142
|
+
get: function () { return chunkOZZZ2ACU_cjs.getFiberStack; }
|
|
143
|
+
});
|
|
144
|
+
Object.defineProperty(exports, "getLatestFiber", {
|
|
145
|
+
enumerable: true,
|
|
146
|
+
get: function () { return chunkOZZZ2ACU_cjs.getLatestFiber; }
|
|
138
147
|
});
|
|
139
148
|
Object.defineProperty(exports, "getMutatedHostFibers", {
|
|
140
149
|
enumerable: true,
|
|
141
|
-
get: function () { return
|
|
150
|
+
get: function () { return chunkOZZZ2ACU_cjs.getMutatedHostFibers; }
|
|
142
151
|
});
|
|
143
152
|
Object.defineProperty(exports, "getNearestHostFiber", {
|
|
144
153
|
enumerable: true,
|
|
145
|
-
get: function () { return
|
|
154
|
+
get: function () { return chunkOZZZ2ACU_cjs.getNearestHostFiber; }
|
|
146
155
|
});
|
|
147
156
|
Object.defineProperty(exports, "getNearestHostFibers", {
|
|
148
157
|
enumerable: true,
|
|
149
|
-
get: function () { return
|
|
158
|
+
get: function () { return chunkOZZZ2ACU_cjs.getNearestHostFibers; }
|
|
150
159
|
});
|
|
151
160
|
Object.defineProperty(exports, "getRDTHook", {
|
|
152
161
|
enumerable: true,
|
|
153
|
-
get: function () { return
|
|
162
|
+
get: function () { return chunkOZZZ2ACU_cjs.getRDTHook; }
|
|
154
163
|
});
|
|
155
164
|
Object.defineProperty(exports, "getTimings", {
|
|
156
165
|
enumerable: true,
|
|
157
|
-
get: function () { return
|
|
166
|
+
get: function () { return chunkOZZZ2ACU_cjs.getTimings; }
|
|
158
167
|
});
|
|
159
168
|
Object.defineProperty(exports, "getType", {
|
|
160
169
|
enumerable: true,
|
|
161
|
-
get: function () { return
|
|
170
|
+
get: function () { return chunkOZZZ2ACU_cjs.getType; }
|
|
162
171
|
});
|
|
163
172
|
Object.defineProperty(exports, "hasMemoCache", {
|
|
164
173
|
enumerable: true,
|
|
165
|
-
get: function () { return
|
|
174
|
+
get: function () { return chunkOZZZ2ACU_cjs.hasMemoCache; }
|
|
166
175
|
});
|
|
167
176
|
Object.defineProperty(exports, "hasRDTHook", {
|
|
168
177
|
enumerable: true,
|
|
169
|
-
get: function () { return
|
|
178
|
+
get: function () { return chunkOZZZ2ACU_cjs.hasRDTHook; }
|
|
170
179
|
});
|
|
171
180
|
Object.defineProperty(exports, "installRDTHook", {
|
|
172
181
|
enumerable: true,
|
|
173
|
-
get: function () { return
|
|
182
|
+
get: function () { return chunkOZZZ2ACU_cjs.installRDTHook; }
|
|
174
183
|
});
|
|
175
184
|
Object.defineProperty(exports, "instrument", {
|
|
176
185
|
enumerable: true,
|
|
177
|
-
get: function () { return
|
|
186
|
+
get: function () { return chunkOZZZ2ACU_cjs.instrument; }
|
|
178
187
|
});
|
|
179
188
|
Object.defineProperty(exports, "isClientEnvironment", {
|
|
180
189
|
enumerable: true,
|
|
181
|
-
get: function () { return
|
|
190
|
+
get: function () { return chunkOZZZ2ACU_cjs.isClientEnvironment; }
|
|
182
191
|
});
|
|
183
192
|
Object.defineProperty(exports, "isCompositeFiber", {
|
|
184
193
|
enumerable: true,
|
|
185
|
-
get: function () { return
|
|
194
|
+
get: function () { return chunkOZZZ2ACU_cjs.isCompositeFiber; }
|
|
186
195
|
});
|
|
187
196
|
Object.defineProperty(exports, "isHostFiber", {
|
|
188
197
|
enumerable: true,
|
|
189
|
-
get: function () { return
|
|
198
|
+
get: function () { return chunkOZZZ2ACU_cjs.isHostFiber; }
|
|
190
199
|
});
|
|
191
200
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
192
201
|
enumerable: true,
|
|
193
|
-
get: function () { return
|
|
202
|
+
get: function () { return chunkOZZZ2ACU_cjs.isInstrumentationActive; }
|
|
194
203
|
});
|
|
195
204
|
Object.defineProperty(exports, "isReactRefresh", {
|
|
196
205
|
enumerable: true,
|
|
197
|
-
get: function () { return
|
|
206
|
+
get: function () { return chunkOZZZ2ACU_cjs.isReactRefresh; }
|
|
198
207
|
});
|
|
199
208
|
Object.defineProperty(exports, "isRealReactDevtools", {
|
|
200
209
|
enumerable: true,
|
|
201
|
-
get: function () { return
|
|
210
|
+
get: function () { return chunkOZZZ2ACU_cjs.isRealReactDevtools; }
|
|
202
211
|
});
|
|
203
212
|
Object.defineProperty(exports, "isValidElement", {
|
|
204
213
|
enumerable: true,
|
|
205
|
-
get: function () { return
|
|
214
|
+
get: function () { return chunkOZZZ2ACU_cjs.isValidElement; }
|
|
206
215
|
});
|
|
207
216
|
Object.defineProperty(exports, "isValidFiber", {
|
|
208
217
|
enumerable: true,
|
|
209
|
-
get: function () { return
|
|
218
|
+
get: function () { return chunkOZZZ2ACU_cjs.isValidFiber; }
|
|
210
219
|
});
|
|
211
220
|
Object.defineProperty(exports, "mountFiberRecursively", {
|
|
212
221
|
enumerable: true,
|
|
213
|
-
get: function () { return
|
|
222
|
+
get: function () { return chunkOZZZ2ACU_cjs.mountFiberRecursively; }
|
|
214
223
|
});
|
|
215
224
|
Object.defineProperty(exports, "onCommitFiberRoot", {
|
|
216
225
|
enumerable: true,
|
|
217
|
-
get: function () { return
|
|
226
|
+
get: function () { return chunkOZZZ2ACU_cjs.onCommitFiberRoot; }
|
|
218
227
|
});
|
|
219
228
|
Object.defineProperty(exports, "patchRDTHook", {
|
|
220
229
|
enumerable: true,
|
|
221
|
-
get: function () { return
|
|
230
|
+
get: function () { return chunkOZZZ2ACU_cjs.patchRDTHook; }
|
|
231
|
+
});
|
|
232
|
+
Object.defineProperty(exports, "safelyInstallRDTHook", {
|
|
233
|
+
enumerable: true,
|
|
234
|
+
get: function () { return chunkOZZZ2ACU_cjs.safelyInstallRDTHook; }
|
|
222
235
|
});
|
|
223
236
|
Object.defineProperty(exports, "secure", {
|
|
224
237
|
enumerable: true,
|
|
225
|
-
get: function () { return
|
|
238
|
+
get: function () { return chunkOZZZ2ACU_cjs.secure; }
|
|
226
239
|
});
|
|
227
240
|
Object.defineProperty(exports, "setFiberId", {
|
|
228
241
|
enumerable: true,
|
|
229
|
-
get: function () { return
|
|
242
|
+
get: function () { return chunkOZZZ2ACU_cjs.setFiberId; }
|
|
230
243
|
});
|
|
231
244
|
Object.defineProperty(exports, "shouldFilterFiber", {
|
|
232
245
|
enumerable: true,
|
|
233
|
-
get: function () { return
|
|
246
|
+
get: function () { return chunkOZZZ2ACU_cjs.shouldFilterFiber; }
|
|
234
247
|
});
|
|
235
248
|
Object.defineProperty(exports, "traverseContexts", {
|
|
236
249
|
enumerable: true,
|
|
237
|
-
get: function () { return
|
|
250
|
+
get: function () { return chunkOZZZ2ACU_cjs.traverseContexts; }
|
|
238
251
|
});
|
|
239
252
|
Object.defineProperty(exports, "traverseFiber", {
|
|
240
253
|
enumerable: true,
|
|
241
|
-
get: function () { return
|
|
254
|
+
get: function () { return chunkOZZZ2ACU_cjs.traverseFiber; }
|
|
242
255
|
});
|
|
243
256
|
Object.defineProperty(exports, "traverseProps", {
|
|
244
257
|
enumerable: true,
|
|
245
|
-
get: function () { return
|
|
258
|
+
get: function () { return chunkOZZZ2ACU_cjs.traverseProps; }
|
|
246
259
|
});
|
|
247
260
|
Object.defineProperty(exports, "traverseRenderedFibers", {
|
|
248
261
|
enumerable: true,
|
|
249
|
-
get: function () { return
|
|
262
|
+
get: function () { return chunkOZZZ2ACU_cjs.traverseRenderedFibers; }
|
|
250
263
|
});
|
|
251
264
|
Object.defineProperty(exports, "traverseState", {
|
|
252
265
|
enumerable: true,
|
|
253
|
-
get: function () { return
|
|
266
|
+
get: function () { return chunkOZZZ2ACU_cjs.traverseState; }
|
|
254
267
|
});
|
|
255
268
|
Object.defineProperty(exports, "unmountFiber", {
|
|
256
269
|
enumerable: true,
|
|
257
|
-
get: function () { return
|
|
270
|
+
get: function () { return chunkOZZZ2ACU_cjs.unmountFiber; }
|
|
258
271
|
});
|
|
259
272
|
Object.defineProperty(exports, "unmountFiberChildrenRecursively", {
|
|
260
273
|
enumerable: true,
|
|
261
|
-
get: function () { return
|
|
274
|
+
get: function () { return chunkOZZZ2ACU_cjs.unmountFiberChildrenRecursively; }
|
|
262
275
|
});
|
|
263
276
|
Object.defineProperty(exports, "updateFiberRecursively", {
|
|
264
277
|
enumerable: true,
|
|
265
|
-
get: function () { return
|
|
278
|
+
get: function () { return chunkOZZZ2ACU_cjs.updateFiberRecursively; }
|
|
266
279
|
});
|
|
267
280
|
Object.defineProperty(exports, "version", {
|
|
268
281
|
enumerable: true,
|
|
269
|
-
get: function () { return
|
|
282
|
+
get: function () { return chunkOZZZ2ACU_cjs.version; }
|
|
270
283
|
});
|
package/dist/core.d.cts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { R as ReactDevToolsGlobalHook, F as Fiber, C as ContextDependency, M as MemoizedState, a as ReactRenderer } from './
|
|
3
|
-
export { D as Dependencies, E as Effect, P as Props } from './
|
|
2
|
+
import { R as ReactDevToolsGlobalHook, F as Fiber, C as ContextDependency, M as MemoizedState, a as ReactRenderer } from './jsx-runtime-LhDmw-G0.cjs';
|
|
3
|
+
export { D as Dependencies, E as Effect, P as Props } from './jsx-runtime-LhDmw-G0.cjs';
|
|
4
4
|
import { FiberRoot } from 'react-reconciler';
|
|
5
5
|
export { BundleType, ComponentSelector, DevToolsConfig, FiberRoot, Flags, HasPseudoClassSelector, HookType, HostConfig, LanePriority, Lanes, MutableSource, OpaqueHandle, OpaqueRoot, React$AbstractComponent, ReactConsumer, ReactContext, ReactPortal, ReactProvider, ReactProviderType, RefObject, RoleSelector, RootTag, Selector, Source, SuspenseHydrationCallbacks, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag } from 'react-reconciler';
|
|
6
|
+
import 'react/jsx-runtime';
|
|
6
7
|
|
|
7
8
|
declare const INSTALL_HOOK_SCRIPT_STRING = "(()=>{try{var t=()=>{};const n=new Map;let o=0;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__={checkDCE:t,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:n,onCommitFiberRoot:t,onCommitFiberUnmount:t,onPostCommitFiberRoot:t,inject(t){var e=++o;return n.set(e,t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive=!0,e},_instrumentationIsActive:!1,_script:!0}}catch{}})()";
|
|
8
9
|
|
|
@@ -18,6 +19,10 @@ declare const hasRDTHook: () => boolean;
|
|
|
18
19
|
*/
|
|
19
20
|
declare const getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
|
|
20
21
|
declare const isClientEnvironment: () => boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Usually used purely for side effect
|
|
24
|
+
*/
|
|
25
|
+
declare const safelyInstallRDTHook: () => void;
|
|
21
26
|
|
|
22
27
|
declare const FunctionComponentTag = 0;
|
|
23
28
|
declare const ClassComponentTag = 1;
|
|
@@ -144,6 +149,10 @@ declare const detectReactBuildType: (renderer: ReactRenderer) => "development" |
|
|
|
144
149
|
* Returns `true` if bippy's instrumentation is active.
|
|
145
150
|
*/
|
|
146
151
|
declare const isInstrumentationActive: () => boolean;
|
|
152
|
+
/**
|
|
153
|
+
* Returns the latest fiber (since it may be double-buffered).
|
|
154
|
+
*/
|
|
155
|
+
declare const getLatestFiber: (fiber: Fiber) => Fiber;
|
|
147
156
|
type RenderPhase = 'mount' | 'update' | 'unmount';
|
|
148
157
|
type RenderHandler = <S>(fiber: Fiber, phase: RenderPhase, state?: S) => unknown;
|
|
149
158
|
declare const fiberIdMap: WeakMap<Fiber, number>;
|
|
@@ -190,6 +199,7 @@ interface InstrumentationOptions {
|
|
|
190
199
|
declare const instrument: (options: InstrumentationOptions) => ReactDevToolsGlobalHook;
|
|
191
200
|
declare const getFiberFromHostInstance: <T>(hostInstance: T) => Fiber | null;
|
|
192
201
|
declare const INSTALL_ERROR: Error;
|
|
202
|
+
declare const _fiberRoots: Set<any>;
|
|
193
203
|
declare const secure: (options: InstrumentationOptions, secureOptions?: {
|
|
194
204
|
minReactMajorVersion?: number;
|
|
195
205
|
dangerouslyRunInProduction?: boolean;
|
|
@@ -207,4 +217,4 @@ declare const secure: (options: InstrumentationOptions, secureOptions?: {
|
|
|
207
217
|
*/
|
|
208
218
|
declare const onCommitFiberRoot: (handler: (root: FiberRoot) => void) => ReactDevToolsGlobalHook;
|
|
209
219
|
|
|
210
|
-
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, ContextDependency, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, Fiber, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, type InstrumentationOptions, LegacyHiddenComponentTag, MemoComponentTag, MemoizedState, OffscreenComponentTag, ReactDevToolsGlobalHook, ReactRenderer, type RenderHandler, type RenderPhase, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|
|
220
|
+
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, ContextDependency, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, Fiber, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, type InstrumentationOptions, LegacyHiddenComponentTag, MemoComponentTag, MemoizedState, OffscreenComponentTag, ReactDevToolsGlobalHook, ReactRenderer, type RenderHandler, type RenderPhase, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, _fiberRoots, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getLatestFiber, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, safelyInstallRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|
package/dist/core.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { R as ReactDevToolsGlobalHook, F as Fiber, C as ContextDependency, M as MemoizedState, a as ReactRenderer } from './
|
|
3
|
-
export { D as Dependencies, E as Effect, P as Props } from './
|
|
2
|
+
import { R as ReactDevToolsGlobalHook, F as Fiber, C as ContextDependency, M as MemoizedState, a as ReactRenderer } from './jsx-runtime-LhDmw-G0.js';
|
|
3
|
+
export { D as Dependencies, E as Effect, P as Props } from './jsx-runtime-LhDmw-G0.js';
|
|
4
4
|
import { FiberRoot } from 'react-reconciler';
|
|
5
5
|
export { BundleType, ComponentSelector, DevToolsConfig, FiberRoot, Flags, HasPseudoClassSelector, HookType, HostConfig, LanePriority, Lanes, MutableSource, OpaqueHandle, OpaqueRoot, React$AbstractComponent, ReactConsumer, ReactContext, ReactPortal, ReactProvider, ReactProviderType, RefObject, RoleSelector, RootTag, Selector, Source, SuspenseHydrationCallbacks, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag } from 'react-reconciler';
|
|
6
|
+
import 'react/jsx-runtime';
|
|
6
7
|
|
|
7
8
|
declare const INSTALL_HOOK_SCRIPT_STRING = "(()=>{try{var t=()=>{};const n=new Map;let o=0;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__={checkDCE:t,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:n,onCommitFiberRoot:t,onCommitFiberUnmount:t,onPostCommitFiberRoot:t,inject(t){var e=++o;return n.set(e,t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive=!0,e},_instrumentationIsActive:!1,_script:!0}}catch{}})()";
|
|
8
9
|
|
|
@@ -18,6 +19,10 @@ declare const hasRDTHook: () => boolean;
|
|
|
18
19
|
*/
|
|
19
20
|
declare const getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
|
|
20
21
|
declare const isClientEnvironment: () => boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Usually used purely for side effect
|
|
24
|
+
*/
|
|
25
|
+
declare const safelyInstallRDTHook: () => void;
|
|
21
26
|
|
|
22
27
|
declare const FunctionComponentTag = 0;
|
|
23
28
|
declare const ClassComponentTag = 1;
|
|
@@ -144,6 +149,10 @@ declare const detectReactBuildType: (renderer: ReactRenderer) => "development" |
|
|
|
144
149
|
* Returns `true` if bippy's instrumentation is active.
|
|
145
150
|
*/
|
|
146
151
|
declare const isInstrumentationActive: () => boolean;
|
|
152
|
+
/**
|
|
153
|
+
* Returns the latest fiber (since it may be double-buffered).
|
|
154
|
+
*/
|
|
155
|
+
declare const getLatestFiber: (fiber: Fiber) => Fiber;
|
|
147
156
|
type RenderPhase = 'mount' | 'update' | 'unmount';
|
|
148
157
|
type RenderHandler = <S>(fiber: Fiber, phase: RenderPhase, state?: S) => unknown;
|
|
149
158
|
declare const fiberIdMap: WeakMap<Fiber, number>;
|
|
@@ -190,6 +199,7 @@ interface InstrumentationOptions {
|
|
|
190
199
|
declare const instrument: (options: InstrumentationOptions) => ReactDevToolsGlobalHook;
|
|
191
200
|
declare const getFiberFromHostInstance: <T>(hostInstance: T) => Fiber | null;
|
|
192
201
|
declare const INSTALL_ERROR: Error;
|
|
202
|
+
declare const _fiberRoots: Set<any>;
|
|
193
203
|
declare const secure: (options: InstrumentationOptions, secureOptions?: {
|
|
194
204
|
minReactMajorVersion?: number;
|
|
195
205
|
dangerouslyRunInProduction?: boolean;
|
|
@@ -207,4 +217,4 @@ declare const secure: (options: InstrumentationOptions, secureOptions?: {
|
|
|
207
217
|
*/
|
|
208
218
|
declare const onCommitFiberRoot: (handler: (root: FiberRoot) => void) => ReactDevToolsGlobalHook;
|
|
209
219
|
|
|
210
|
-
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, ContextDependency, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, Fiber, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, type InstrumentationOptions, LegacyHiddenComponentTag, MemoComponentTag, MemoizedState, OffscreenComponentTag, ReactDevToolsGlobalHook, ReactRenderer, type RenderHandler, type RenderPhase, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|
|
220
|
+
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, ContextDependency, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, Fiber, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, type InstrumentationOptions, LegacyHiddenComponentTag, MemoComponentTag, MemoizedState, OffscreenComponentTag, ReactDevToolsGlobalHook, ReactRenderer, type RenderHandler, type RenderPhase, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, _fiberRoots, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getLatestFiber, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, safelyInstallRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|
package/dist/core.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version } from './chunk-
|
|
1
|
+
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, _fiberRoots, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getLatestFiber, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, safelyInstallRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version } from './chunk-SI6Y374H.js';
|
|
2
|
+
import './chunk-EPG3GO3H.js';
|
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../chunk-
|
|
6
|
-
|
|
5
|
+
var chunkLMTDJIAV_cjs = require('../chunk-LMTDJIAV.cjs');
|
|
6
|
+
require('../chunk-J2F3EJOS.cjs');
|
|
7
|
+
var chunkOZZZ2ACU_cjs = require('../chunk-OZZZ2ACU.cjs');
|
|
8
|
+
require('../chunk-AQ674A4M.cjs');
|
|
7
9
|
var React17 = require('react');
|
|
8
10
|
var ReactDOM = require('react-dom');
|
|
9
11
|
|
|
@@ -1235,7 +1237,7 @@ var throttle = (fn, wait) => {
|
|
|
1235
1237
|
}
|
|
1236
1238
|
};
|
|
1237
1239
|
};
|
|
1238
|
-
var isMac = typeof navigator !== "undefined" && navigator.platform
|
|
1240
|
+
var isMac = typeof navigator !== "undefined" && navigator.platform?.toLowerCase().includes("mac");
|
|
1239
1241
|
var theme3 = {
|
|
1240
1242
|
BASE_FONT_FAMILY: "Menlo, monospace",
|
|
1241
1243
|
BASE_FONT_SIZE: "12px",
|
|
@@ -1364,7 +1366,15 @@ var RawInspector = React17__default.default.memo(
|
|
|
1364
1366
|
const [fiberHistory, setFiberHistory] = React17.useState([]);
|
|
1365
1367
|
const getFiberForDisplay = React17.useCallback(() => {
|
|
1366
1368
|
if (selectedFiber) return selectedFiber;
|
|
1367
|
-
const fiber2 =
|
|
1369
|
+
const fiber2 = chunkOZZZ2ACU_cjs.getFiberFromHostInstance(element);
|
|
1370
|
+
const parentFiber = chunkOZZZ2ACU_cjs.traverseFiber(
|
|
1371
|
+
fiber2,
|
|
1372
|
+
(f) => {
|
|
1373
|
+
if (chunkOZZZ2ACU_cjs.isCompositeFiber(f)) return true;
|
|
1374
|
+
},
|
|
1375
|
+
true
|
|
1376
|
+
);
|
|
1377
|
+
console.log("fiber", parentFiber && chunkLMTDJIAV_cjs.getFiberSource(parentFiber));
|
|
1368
1378
|
return fiber2;
|
|
1369
1379
|
}, [selectedFiber, element]);
|
|
1370
1380
|
const handlePropertyHover = (_e, propName) => {
|
|
@@ -1411,15 +1421,15 @@ var RawInspector = React17__default.default.memo(
|
|
|
1411
1421
|
React17.useEffect(() => {
|
|
1412
1422
|
const handleMouseMove = (event) => {
|
|
1413
1423
|
if (isDialogMode) return;
|
|
1414
|
-
const isActive2 =
|
|
1424
|
+
const isActive2 = chunkOZZZ2ACU_cjs.isInstrumentationActive() || chunkOZZZ2ACU_cjs.hasRDTHook();
|
|
1415
1425
|
if (!isActive2) {
|
|
1416
1426
|
setIsActive(false);
|
|
1417
1427
|
return;
|
|
1418
1428
|
}
|
|
1419
1429
|
if (!dangerouslyRunInProduction) {
|
|
1420
|
-
const rdtHook =
|
|
1430
|
+
const rdtHook = chunkOZZZ2ACU_cjs.getRDTHook();
|
|
1421
1431
|
for (const renderer of rdtHook.renderers.values()) {
|
|
1422
|
-
const buildType =
|
|
1432
|
+
const buildType = chunkOZZZ2ACU_cjs.detectReactBuildType(renderer);
|
|
1423
1433
|
if (buildType === "production") {
|
|
1424
1434
|
setIsActive(false);
|
|
1425
1435
|
return;
|
|
@@ -1480,7 +1490,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1480
1490
|
}, [rect]);
|
|
1481
1491
|
React17.useEffect(() => {
|
|
1482
1492
|
if (selectedFiber) {
|
|
1483
|
-
const element2 =
|
|
1493
|
+
const element2 = chunkOZZZ2ACU_cjs.getNearestHostFiber(selectedFiber)?.stateNode;
|
|
1484
1494
|
if (element2) {
|
|
1485
1495
|
setElement(element2);
|
|
1486
1496
|
setRect(element2.getBoundingClientRect());
|
|
@@ -1498,7 +1508,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1498
1508
|
const fiber = getFiberForDisplay();
|
|
1499
1509
|
if (!fiber) return null;
|
|
1500
1510
|
let foundInspect = false;
|
|
1501
|
-
|
|
1511
|
+
chunkOZZZ2ACU_cjs.traverseFiber(
|
|
1502
1512
|
fiber,
|
|
1503
1513
|
(innerFiber) => {
|
|
1504
1514
|
if (innerFiber.type === Inspector2) {
|
|
@@ -1533,7 +1543,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1533
1543
|
backgroundColor: "rgba(0, 0, 0, 0.7)",
|
|
1534
1544
|
zIndex: 999
|
|
1535
1545
|
} : {};
|
|
1536
|
-
const fiberStack = fiber ?
|
|
1546
|
+
const fiberStack = fiber ? chunkOZZZ2ACU_cjs.getFiberStack(fiber) : [];
|
|
1537
1547
|
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, null, isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
|
|
1538
1548
|
"div",
|
|
1539
1549
|
{
|
|
@@ -1594,7 +1604,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1594
1604
|
margin: 0
|
|
1595
1605
|
}
|
|
1596
1606
|
},
|
|
1597
|
-
`<${typeof fiber.type === "string" ? fiber.type :
|
|
1607
|
+
`<${typeof fiber.type === "string" ? fiber.type : chunkOZZZ2ACU_cjs.getDisplayName(fiber.type) || "unknown"}>`,
|
|
1598
1608
|
!isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
|
|
1599
1609
|
"span",
|
|
1600
1610
|
{
|
|
@@ -1623,9 +1633,9 @@ var RawInspector = React17__default.default.memo(
|
|
|
1623
1633
|
}
|
|
1624
1634
|
},
|
|
1625
1635
|
fiberStack.reverse().map((f, i, arr) => {
|
|
1626
|
-
const name = typeof f.type === "string" ? f.type :
|
|
1636
|
+
const name = typeof f.type === "string" ? f.type : chunkOZZZ2ACU_cjs.getDisplayName(f.type) || "unknown";
|
|
1627
1637
|
if (!name) return null;
|
|
1628
|
-
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key:
|
|
1638
|
+
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key: chunkOZZZ2ACU_cjs.getFiberId(f) }, /* @__PURE__ */ React17__default.default.createElement(
|
|
1629
1639
|
BreadcrumbButton,
|
|
1630
1640
|
{
|
|
1631
1641
|
name,
|
|
@@ -1634,7 +1644,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1634
1644
|
setFiberHistory((prev) => [...prev, selectedFiber]);
|
|
1635
1645
|
}
|
|
1636
1646
|
setSelectedFiber(f);
|
|
1637
|
-
const element2 =
|
|
1647
|
+
const element2 = chunkOZZZ2ACU_cjs.getNearestHostFiber(f)?.stateNode;
|
|
1638
1648
|
if (element2) {
|
|
1639
1649
|
setElement(element2);
|
|
1640
1650
|
setRect(element2.getBoundingClientRect());
|
|
@@ -1646,7 +1656,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1646
1656
|
setFiberHistory((prev) => [...prev, selectedFiber]);
|
|
1647
1657
|
}
|
|
1648
1658
|
setSelectedFiber(f);
|
|
1649
|
-
const element2 =
|
|
1659
|
+
const element2 = chunkOZZZ2ACU_cjs.getNearestHostFiber(f)?.stateNode;
|
|
1650
1660
|
if (element2) {
|
|
1651
1661
|
setElement(element2);
|
|
1652
1662
|
setRect(element2.getBoundingClientRect());
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import '../chunk-
|
|
2
|
-
import
|
|
1
|
+
import { getFiberSource } from '../chunk-AMVCK6H6.js';
|
|
2
|
+
import '../chunk-E67XFKKG.js';
|
|
3
|
+
import { getFiberFromHostInstance, traverseFiber, isCompositeFiber, getNearestHostFiber, getFiberStack, getDisplayName, getFiberId, isInstrumentationActive, hasRDTHook, getRDTHook, detectReactBuildType } from '../chunk-SI6Y374H.js';
|
|
4
|
+
import '../chunk-EPG3GO3H.js';
|
|
3
5
|
import React17, { createContext, memo, Children, useContext, useCallback, useState, useLayoutEffect, useEffect, useMemo } from 'react';
|
|
4
6
|
import ReactDOM from 'react-dom';
|
|
5
7
|
|
|
@@ -1226,7 +1228,7 @@ var throttle = (fn, wait) => {
|
|
|
1226
1228
|
}
|
|
1227
1229
|
};
|
|
1228
1230
|
};
|
|
1229
|
-
var isMac = typeof navigator !== "undefined" && navigator.platform
|
|
1231
|
+
var isMac = typeof navigator !== "undefined" && navigator.platform?.toLowerCase().includes("mac");
|
|
1230
1232
|
var theme3 = {
|
|
1231
1233
|
BASE_FONT_FAMILY: "Menlo, monospace",
|
|
1232
1234
|
BASE_FONT_SIZE: "12px",
|
|
@@ -1356,6 +1358,14 @@ var RawInspector = React17.memo(
|
|
|
1356
1358
|
const getFiberForDisplay = useCallback(() => {
|
|
1357
1359
|
if (selectedFiber) return selectedFiber;
|
|
1358
1360
|
const fiber2 = getFiberFromHostInstance(element);
|
|
1361
|
+
const parentFiber = traverseFiber(
|
|
1362
|
+
fiber2,
|
|
1363
|
+
(f) => {
|
|
1364
|
+
if (isCompositeFiber(f)) return true;
|
|
1365
|
+
},
|
|
1366
|
+
true
|
|
1367
|
+
);
|
|
1368
|
+
console.log("fiber", parentFiber && getFiberSource(parentFiber));
|
|
1359
1369
|
return fiber2;
|
|
1360
1370
|
}, [selectedFiber, element]);
|
|
1361
1371
|
const handlePropertyHover = (_e, propName) => {
|