bippy 0.2.8 → 0.2.9
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/dist/{chunk-C4DL5GYW.cjs → chunk-R2Y4F7D7.cjs} +10 -13
- package/dist/{chunk-UASWZ7SZ.js → chunk-UA2LAC5E.js} +10 -13
- package/dist/core.cjs +57 -57
- package/dist/core.js +1 -1
- package/dist/index.cjs +70 -70
- package/dist/index.d.cts +2 -5
- package/dist/index.d.ts +2 -5
- package/dist/index.js +1 -1
- package/dist/inspect.cjs +53 -53
- package/dist/inspect.js +1 -1
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ var _documentCurrentScript = typeof document !== 'undefined' ? document.currentS
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
// src/rdt-hook.ts
|
|
14
|
-
var version = "0.2.
|
|
14
|
+
var version = "0.2.9";
|
|
15
15
|
var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
|
|
16
16
|
var NO_OP = () => {
|
|
17
17
|
};
|
|
@@ -98,22 +98,19 @@ var getRDTHook = (onActive) => {
|
|
|
98
98
|
patchRDTHook(onActive);
|
|
99
99
|
return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
|
100
100
|
};
|
|
101
|
-
var
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
var registerServiceWorker = () => {
|
|
102
|
+
if (typeof navigator === "undefined" || !("serviceWorker" in navigator)) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
navigator.serviceWorker.register(new URL("./sw.js", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chunk-R2Y4F7D7.cjs', document.baseURI).href))), {
|
|
106
|
+
// scope: '/',
|
|
107
|
+
}).catch(() => {
|
|
108
|
+
});
|
|
104
109
|
};
|
|
105
110
|
try {
|
|
106
111
|
if (typeof window !== "undefined" && // @ts-expect-error `document` may not be defined in some enviroments
|
|
107
112
|
(window.document?.createElement || window.navigator?.product === "ReactNative")) {
|
|
108
113
|
installRDTHook();
|
|
109
|
-
if (typeof navigator !== "undefined" && "serviceWorker" in navigator) {
|
|
110
|
-
navigator.serviceWorker.register(new URL("./sw.js", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chunk-C4DL5GYW.cjs', document.baseURI).href))), {
|
|
111
|
-
scope: "/"
|
|
112
|
-
}).then(() => {
|
|
113
|
-
isRegistered = true;
|
|
114
|
-
}).catch(() => {
|
|
115
|
-
});
|
|
116
|
-
}
|
|
117
114
|
}
|
|
118
115
|
} catch {
|
|
119
116
|
}
|
|
@@ -769,12 +766,12 @@ exports.isHostFiber = isHostFiber;
|
|
|
769
766
|
exports.isInstrumentationActive = isInstrumentationActive;
|
|
770
767
|
exports.isReactRefresh = isReactRefresh;
|
|
771
768
|
exports.isRealReactDevtools = isRealReactDevtools;
|
|
772
|
-
exports.isServiceWorkerRegistered = isServiceWorkerRegistered;
|
|
773
769
|
exports.isValidElement = isValidElement;
|
|
774
770
|
exports.isValidFiber = isValidFiber;
|
|
775
771
|
exports.mountFiberRecursively = mountFiberRecursively;
|
|
776
772
|
exports.onCommitFiberRoot = onCommitFiberRoot;
|
|
777
773
|
exports.patchRDTHook = patchRDTHook;
|
|
774
|
+
exports.registerServiceWorker = registerServiceWorker;
|
|
778
775
|
exports.secure = secure;
|
|
779
776
|
exports.setFiberId = setFiberId;
|
|
780
777
|
exports.shouldFilterFiber = shouldFilterFiber;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
// src/rdt-hook.ts
|
|
11
|
-
var version = "0.2.
|
|
11
|
+
var version = "0.2.9";
|
|
12
12
|
var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
|
|
13
13
|
var NO_OP = () => {
|
|
14
14
|
};
|
|
@@ -95,22 +95,19 @@ var getRDTHook = (onActive) => {
|
|
|
95
95
|
patchRDTHook(onActive);
|
|
96
96
|
return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
|
97
97
|
};
|
|
98
|
-
var
|
|
99
|
-
|
|
100
|
-
|
|
98
|
+
var registerServiceWorker = () => {
|
|
99
|
+
if (typeof navigator === "undefined" || !("serviceWorker" in navigator)) {
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
navigator.serviceWorker.register(new URL("./sw.js", import.meta.url), {
|
|
103
|
+
// scope: '/',
|
|
104
|
+
}).catch(() => {
|
|
105
|
+
});
|
|
101
106
|
};
|
|
102
107
|
try {
|
|
103
108
|
if (typeof window !== "undefined" && // @ts-expect-error `document` may not be defined in some enviroments
|
|
104
109
|
(window.document?.createElement || window.navigator?.product === "ReactNative")) {
|
|
105
110
|
installRDTHook();
|
|
106
|
-
if (typeof navigator !== "undefined" && "serviceWorker" in navigator) {
|
|
107
|
-
navigator.serviceWorker.register(new URL("./sw.js", import.meta.url), {
|
|
108
|
-
scope: "/"
|
|
109
|
-
}).then(() => {
|
|
110
|
-
isRegistered = true;
|
|
111
|
-
}).catch(() => {
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
111
|
}
|
|
115
112
|
} catch {
|
|
116
113
|
}
|
|
@@ -719,4 +716,4 @@ var onCommitFiberRoot = (handler) => {
|
|
|
719
716
|
);
|
|
720
717
|
};
|
|
721
718
|
|
|
722
|
-
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_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, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools,
|
|
719
|
+
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_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, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, registerServiceWorker, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseEffects, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|
package/dist/core.cjs
CHANGED
|
@@ -1,230 +1,230 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkR2Y4F7D7_cjs = require('./chunk-R2Y4F7D7.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "CONCURRENT_MODE_NUMBER", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkR2Y4F7D7_cjs.CONCURRENT_MODE_NUMBER; }
|
|
10
10
|
});
|
|
11
11
|
Object.defineProperty(exports, "CONCURRENT_MODE_SYMBOL_STRING", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkR2Y4F7D7_cjs.CONCURRENT_MODE_SYMBOL_STRING; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, "ClassComponentTag", {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunkR2Y4F7D7_cjs.ClassComponentTag; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "ContextConsumerTag", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunkR2Y4F7D7_cjs.ContextConsumerTag; }
|
|
22
22
|
});
|
|
23
23
|
Object.defineProperty(exports, "DEPRECATED_ASYNC_MODE_SYMBOL_STRING", {
|
|
24
24
|
enumerable: true,
|
|
25
|
-
get: function () { return
|
|
25
|
+
get: function () { return chunkR2Y4F7D7_cjs.DEPRECATED_ASYNC_MODE_SYMBOL_STRING; }
|
|
26
26
|
});
|
|
27
27
|
Object.defineProperty(exports, "DehydratedSuspenseComponentTag", {
|
|
28
28
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
29
|
+
get: function () { return chunkR2Y4F7D7_cjs.DehydratedSuspenseComponentTag; }
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "ELEMENT_TYPE_SYMBOL_STRING", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkR2Y4F7D7_cjs.ELEMENT_TYPE_SYMBOL_STRING; }
|
|
34
34
|
});
|
|
35
35
|
Object.defineProperty(exports, "ForwardRefTag", {
|
|
36
36
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
37
|
+
get: function () { return chunkR2Y4F7D7_cjs.ForwardRefTag; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "FragmentTag", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkR2Y4F7D7_cjs.FragmentTag; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "FunctionComponentTag", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunkR2Y4F7D7_cjs.FunctionComponentTag; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "HostComponentTag", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostComponentTag; }
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(exports, "HostHoistableTag", {
|
|
52
52
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
53
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostHoistableTag; }
|
|
54
54
|
});
|
|
55
55
|
Object.defineProperty(exports, "HostRootTag", {
|
|
56
56
|
enumerable: true,
|
|
57
|
-
get: function () { return
|
|
57
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostRootTag; }
|
|
58
58
|
});
|
|
59
59
|
Object.defineProperty(exports, "HostSingletonTag", {
|
|
60
60
|
enumerable: true,
|
|
61
|
-
get: function () { return
|
|
61
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostSingletonTag; }
|
|
62
62
|
});
|
|
63
63
|
Object.defineProperty(exports, "HostTextTag", {
|
|
64
64
|
enumerable: true,
|
|
65
|
-
get: function () { return
|
|
65
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostTextTag; }
|
|
66
66
|
});
|
|
67
67
|
Object.defineProperty(exports, "LegacyHiddenComponentTag", {
|
|
68
68
|
enumerable: true,
|
|
69
|
-
get: function () { return
|
|
69
|
+
get: function () { return chunkR2Y4F7D7_cjs.LegacyHiddenComponentTag; }
|
|
70
70
|
});
|
|
71
71
|
Object.defineProperty(exports, "MemoComponentTag", {
|
|
72
72
|
enumerable: true,
|
|
73
|
-
get: function () { return
|
|
73
|
+
get: function () { return chunkR2Y4F7D7_cjs.MemoComponentTag; }
|
|
74
74
|
});
|
|
75
75
|
Object.defineProperty(exports, "OffscreenComponentTag", {
|
|
76
76
|
enumerable: true,
|
|
77
|
-
get: function () { return
|
|
77
|
+
get: function () { return chunkR2Y4F7D7_cjs.OffscreenComponentTag; }
|
|
78
78
|
});
|
|
79
79
|
Object.defineProperty(exports, "SimpleMemoComponentTag", {
|
|
80
80
|
enumerable: true,
|
|
81
|
-
get: function () { return
|
|
81
|
+
get: function () { return chunkR2Y4F7D7_cjs.SimpleMemoComponentTag; }
|
|
82
82
|
});
|
|
83
83
|
Object.defineProperty(exports, "SuspenseComponentTag", {
|
|
84
84
|
enumerable: true,
|
|
85
|
-
get: function () { return
|
|
85
|
+
get: function () { return chunkR2Y4F7D7_cjs.SuspenseComponentTag; }
|
|
86
86
|
});
|
|
87
87
|
Object.defineProperty(exports, "TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING", {
|
|
88
88
|
enumerable: true,
|
|
89
|
-
get: function () { return
|
|
89
|
+
get: function () { return chunkR2Y4F7D7_cjs.TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING; }
|
|
90
90
|
});
|
|
91
91
|
Object.defineProperty(exports, "createFiberVisitor", {
|
|
92
92
|
enumerable: true,
|
|
93
|
-
get: function () { return
|
|
93
|
+
get: function () { return chunkR2Y4F7D7_cjs.createFiberVisitor; }
|
|
94
94
|
});
|
|
95
95
|
Object.defineProperty(exports, "detectReactBuildType", {
|
|
96
96
|
enumerable: true,
|
|
97
|
-
get: function () { return
|
|
97
|
+
get: function () { return chunkR2Y4F7D7_cjs.detectReactBuildType; }
|
|
98
98
|
});
|
|
99
99
|
Object.defineProperty(exports, "didFiberCommit", {
|
|
100
100
|
enumerable: true,
|
|
101
|
-
get: function () { return
|
|
101
|
+
get: function () { return chunkR2Y4F7D7_cjs.didFiberCommit; }
|
|
102
102
|
});
|
|
103
103
|
Object.defineProperty(exports, "didFiberRender", {
|
|
104
104
|
enumerable: true,
|
|
105
|
-
get: function () { return
|
|
105
|
+
get: function () { return chunkR2Y4F7D7_cjs.didFiberRender; }
|
|
106
106
|
});
|
|
107
107
|
Object.defineProperty(exports, "fiberIdMap", {
|
|
108
108
|
enumerable: true,
|
|
109
|
-
get: function () { return
|
|
109
|
+
get: function () { return chunkR2Y4F7D7_cjs.fiberIdMap; }
|
|
110
110
|
});
|
|
111
111
|
Object.defineProperty(exports, "getDisplayName", {
|
|
112
112
|
enumerable: true,
|
|
113
|
-
get: function () { return
|
|
113
|
+
get: function () { return chunkR2Y4F7D7_cjs.getDisplayName; }
|
|
114
114
|
});
|
|
115
115
|
Object.defineProperty(exports, "getFiberFromHostInstance", {
|
|
116
116
|
enumerable: true,
|
|
117
|
-
get: function () { return
|
|
117
|
+
get: function () { return chunkR2Y4F7D7_cjs.getFiberFromHostInstance; }
|
|
118
118
|
});
|
|
119
119
|
Object.defineProperty(exports, "getFiberId", {
|
|
120
120
|
enumerable: true,
|
|
121
|
-
get: function () { return
|
|
121
|
+
get: function () { return chunkR2Y4F7D7_cjs.getFiberId; }
|
|
122
122
|
});
|
|
123
123
|
Object.defineProperty(exports, "getFiberStack", {
|
|
124
124
|
enumerable: true,
|
|
125
|
-
get: function () { return
|
|
125
|
+
get: function () { return chunkR2Y4F7D7_cjs.getFiberStack; }
|
|
126
126
|
});
|
|
127
127
|
Object.defineProperty(exports, "getMutatedHostFibers", {
|
|
128
128
|
enumerable: true,
|
|
129
|
-
get: function () { return
|
|
129
|
+
get: function () { return chunkR2Y4F7D7_cjs.getMutatedHostFibers; }
|
|
130
130
|
});
|
|
131
131
|
Object.defineProperty(exports, "getNearestHostFiber", {
|
|
132
132
|
enumerable: true,
|
|
133
|
-
get: function () { return
|
|
133
|
+
get: function () { return chunkR2Y4F7D7_cjs.getNearestHostFiber; }
|
|
134
134
|
});
|
|
135
135
|
Object.defineProperty(exports, "getNearestHostFibers", {
|
|
136
136
|
enumerable: true,
|
|
137
|
-
get: function () { return
|
|
137
|
+
get: function () { return chunkR2Y4F7D7_cjs.getNearestHostFibers; }
|
|
138
138
|
});
|
|
139
139
|
Object.defineProperty(exports, "getTimings", {
|
|
140
140
|
enumerable: true,
|
|
141
|
-
get: function () { return
|
|
141
|
+
get: function () { return chunkR2Y4F7D7_cjs.getTimings; }
|
|
142
142
|
});
|
|
143
143
|
Object.defineProperty(exports, "getType", {
|
|
144
144
|
enumerable: true,
|
|
145
|
-
get: function () { return
|
|
145
|
+
get: function () { return chunkR2Y4F7D7_cjs.getType; }
|
|
146
146
|
});
|
|
147
147
|
Object.defineProperty(exports, "hasMemoCache", {
|
|
148
148
|
enumerable: true,
|
|
149
|
-
get: function () { return
|
|
149
|
+
get: function () { return chunkR2Y4F7D7_cjs.hasMemoCache; }
|
|
150
150
|
});
|
|
151
151
|
Object.defineProperty(exports, "instrument", {
|
|
152
152
|
enumerable: true,
|
|
153
|
-
get: function () { return
|
|
153
|
+
get: function () { return chunkR2Y4F7D7_cjs.instrument; }
|
|
154
154
|
});
|
|
155
155
|
Object.defineProperty(exports, "isCompositeFiber", {
|
|
156
156
|
enumerable: true,
|
|
157
|
-
get: function () { return
|
|
157
|
+
get: function () { return chunkR2Y4F7D7_cjs.isCompositeFiber; }
|
|
158
158
|
});
|
|
159
159
|
Object.defineProperty(exports, "isHostFiber", {
|
|
160
160
|
enumerable: true,
|
|
161
|
-
get: function () { return
|
|
161
|
+
get: function () { return chunkR2Y4F7D7_cjs.isHostFiber; }
|
|
162
162
|
});
|
|
163
163
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
164
164
|
enumerable: true,
|
|
165
|
-
get: function () { return
|
|
165
|
+
get: function () { return chunkR2Y4F7D7_cjs.isInstrumentationActive; }
|
|
166
166
|
});
|
|
167
167
|
Object.defineProperty(exports, "isValidElement", {
|
|
168
168
|
enumerable: true,
|
|
169
|
-
get: function () { return
|
|
169
|
+
get: function () { return chunkR2Y4F7D7_cjs.isValidElement; }
|
|
170
170
|
});
|
|
171
171
|
Object.defineProperty(exports, "isValidFiber", {
|
|
172
172
|
enumerable: true,
|
|
173
|
-
get: function () { return
|
|
173
|
+
get: function () { return chunkR2Y4F7D7_cjs.isValidFiber; }
|
|
174
174
|
});
|
|
175
175
|
Object.defineProperty(exports, "mountFiberRecursively", {
|
|
176
176
|
enumerable: true,
|
|
177
|
-
get: function () { return
|
|
177
|
+
get: function () { return chunkR2Y4F7D7_cjs.mountFiberRecursively; }
|
|
178
178
|
});
|
|
179
179
|
Object.defineProperty(exports, "onCommitFiberRoot", {
|
|
180
180
|
enumerable: true,
|
|
181
|
-
get: function () { return
|
|
181
|
+
get: function () { return chunkR2Y4F7D7_cjs.onCommitFiberRoot; }
|
|
182
182
|
});
|
|
183
183
|
Object.defineProperty(exports, "secure", {
|
|
184
184
|
enumerable: true,
|
|
185
|
-
get: function () { return
|
|
185
|
+
get: function () { return chunkR2Y4F7D7_cjs.secure; }
|
|
186
186
|
});
|
|
187
187
|
Object.defineProperty(exports, "setFiberId", {
|
|
188
188
|
enumerable: true,
|
|
189
|
-
get: function () { return
|
|
189
|
+
get: function () { return chunkR2Y4F7D7_cjs.setFiberId; }
|
|
190
190
|
});
|
|
191
191
|
Object.defineProperty(exports, "shouldFilterFiber", {
|
|
192
192
|
enumerable: true,
|
|
193
|
-
get: function () { return
|
|
193
|
+
get: function () { return chunkR2Y4F7D7_cjs.shouldFilterFiber; }
|
|
194
194
|
});
|
|
195
195
|
Object.defineProperty(exports, "traverseContexts", {
|
|
196
196
|
enumerable: true,
|
|
197
|
-
get: function () { return
|
|
197
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseContexts; }
|
|
198
198
|
});
|
|
199
199
|
Object.defineProperty(exports, "traverseEffects", {
|
|
200
200
|
enumerable: true,
|
|
201
|
-
get: function () { return
|
|
201
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseEffects; }
|
|
202
202
|
});
|
|
203
203
|
Object.defineProperty(exports, "traverseFiber", {
|
|
204
204
|
enumerable: true,
|
|
205
|
-
get: function () { return
|
|
205
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseFiber; }
|
|
206
206
|
});
|
|
207
207
|
Object.defineProperty(exports, "traverseProps", {
|
|
208
208
|
enumerable: true,
|
|
209
|
-
get: function () { return
|
|
209
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseProps; }
|
|
210
210
|
});
|
|
211
211
|
Object.defineProperty(exports, "traverseRenderedFibers", {
|
|
212
212
|
enumerable: true,
|
|
213
|
-
get: function () { return
|
|
213
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseRenderedFibers; }
|
|
214
214
|
});
|
|
215
215
|
Object.defineProperty(exports, "traverseState", {
|
|
216
216
|
enumerable: true,
|
|
217
|
-
get: function () { return
|
|
217
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseState; }
|
|
218
218
|
});
|
|
219
219
|
Object.defineProperty(exports, "unmountFiber", {
|
|
220
220
|
enumerable: true,
|
|
221
|
-
get: function () { return
|
|
221
|
+
get: function () { return chunkR2Y4F7D7_cjs.unmountFiber; }
|
|
222
222
|
});
|
|
223
223
|
Object.defineProperty(exports, "unmountFiberChildrenRecursively", {
|
|
224
224
|
enumerable: true,
|
|
225
|
-
get: function () { return
|
|
225
|
+
get: function () { return chunkR2Y4F7D7_cjs.unmountFiberChildrenRecursively; }
|
|
226
226
|
});
|
|
227
227
|
Object.defineProperty(exports, "updateFiberRecursively", {
|
|
228
228
|
enumerable: true,
|
|
229
|
-
get: function () { return
|
|
229
|
+
get: function () { return chunkR2Y4F7D7_cjs.updateFiberRecursively; }
|
|
230
230
|
});
|
package/dist/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { 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, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseEffects, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively } from './chunk-
|
|
1
|
+
export { 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, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseEffects, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively } from './chunk-UA2LAC5E.js';
|
package/dist/index.cjs
CHANGED
|
@@ -1,271 +1,271 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
require('./chunk-YZYCWAB2.cjs');
|
|
4
|
-
var
|
|
4
|
+
var chunkR2Y4F7D7_cjs = require('./chunk-R2Y4F7D7.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "BIPPY_INSTRUMENTATION_STRING", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkR2Y4F7D7_cjs.BIPPY_INSTRUMENTATION_STRING; }
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "CONCURRENT_MODE_NUMBER", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () { return
|
|
14
|
+
get: function () { return chunkR2Y4F7D7_cjs.CONCURRENT_MODE_NUMBER; }
|
|
15
15
|
});
|
|
16
16
|
Object.defineProperty(exports, "CONCURRENT_MODE_SYMBOL_STRING", {
|
|
17
17
|
enumerable: true,
|
|
18
|
-
get: function () { return
|
|
18
|
+
get: function () { return chunkR2Y4F7D7_cjs.CONCURRENT_MODE_SYMBOL_STRING; }
|
|
19
19
|
});
|
|
20
20
|
Object.defineProperty(exports, "ClassComponentTag", {
|
|
21
21
|
enumerable: true,
|
|
22
|
-
get: function () { return
|
|
22
|
+
get: function () { return chunkR2Y4F7D7_cjs.ClassComponentTag; }
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "ContextConsumerTag", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function () { return
|
|
26
|
+
get: function () { return chunkR2Y4F7D7_cjs.ContextConsumerTag; }
|
|
27
27
|
});
|
|
28
28
|
Object.defineProperty(exports, "DEPRECATED_ASYNC_MODE_SYMBOL_STRING", {
|
|
29
29
|
enumerable: true,
|
|
30
|
-
get: function () { return
|
|
30
|
+
get: function () { return chunkR2Y4F7D7_cjs.DEPRECATED_ASYNC_MODE_SYMBOL_STRING; }
|
|
31
31
|
});
|
|
32
32
|
Object.defineProperty(exports, "DehydratedSuspenseComponentTag", {
|
|
33
33
|
enumerable: true,
|
|
34
|
-
get: function () { return
|
|
34
|
+
get: function () { return chunkR2Y4F7D7_cjs.DehydratedSuspenseComponentTag; }
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "ELEMENT_TYPE_SYMBOL_STRING", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function () { return
|
|
38
|
+
get: function () { return chunkR2Y4F7D7_cjs.ELEMENT_TYPE_SYMBOL_STRING; }
|
|
39
39
|
});
|
|
40
40
|
Object.defineProperty(exports, "ForwardRefTag", {
|
|
41
41
|
enumerable: true,
|
|
42
|
-
get: function () { return
|
|
42
|
+
get: function () { return chunkR2Y4F7D7_cjs.ForwardRefTag; }
|
|
43
43
|
});
|
|
44
44
|
Object.defineProperty(exports, "FragmentTag", {
|
|
45
45
|
enumerable: true,
|
|
46
|
-
get: function () { return
|
|
46
|
+
get: function () { return chunkR2Y4F7D7_cjs.FragmentTag; }
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "FunctionComponentTag", {
|
|
49
49
|
enumerable: true,
|
|
50
|
-
get: function () { return
|
|
50
|
+
get: function () { return chunkR2Y4F7D7_cjs.FunctionComponentTag; }
|
|
51
51
|
});
|
|
52
52
|
Object.defineProperty(exports, "HostComponentTag", {
|
|
53
53
|
enumerable: true,
|
|
54
|
-
get: function () { return
|
|
54
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostComponentTag; }
|
|
55
55
|
});
|
|
56
56
|
Object.defineProperty(exports, "HostHoistableTag", {
|
|
57
57
|
enumerable: true,
|
|
58
|
-
get: function () { return
|
|
58
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostHoistableTag; }
|
|
59
59
|
});
|
|
60
60
|
Object.defineProperty(exports, "HostRootTag", {
|
|
61
61
|
enumerable: true,
|
|
62
|
-
get: function () { return
|
|
62
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostRootTag; }
|
|
63
63
|
});
|
|
64
64
|
Object.defineProperty(exports, "HostSingletonTag", {
|
|
65
65
|
enumerable: true,
|
|
66
|
-
get: function () { return
|
|
66
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostSingletonTag; }
|
|
67
67
|
});
|
|
68
68
|
Object.defineProperty(exports, "HostTextTag", {
|
|
69
69
|
enumerable: true,
|
|
70
|
-
get: function () { return
|
|
70
|
+
get: function () { return chunkR2Y4F7D7_cjs.HostTextTag; }
|
|
71
71
|
});
|
|
72
72
|
Object.defineProperty(exports, "INSTALL_HOOK_SCRIPT_STRING", {
|
|
73
73
|
enumerable: true,
|
|
74
|
-
get: function () { return
|
|
74
|
+
get: function () { return chunkR2Y4F7D7_cjs.INSTALL_HOOK_SCRIPT_STRING; }
|
|
75
75
|
});
|
|
76
76
|
Object.defineProperty(exports, "LegacyHiddenComponentTag", {
|
|
77
77
|
enumerable: true,
|
|
78
|
-
get: function () { return
|
|
78
|
+
get: function () { return chunkR2Y4F7D7_cjs.LegacyHiddenComponentTag; }
|
|
79
79
|
});
|
|
80
80
|
Object.defineProperty(exports, "MemoComponentTag", {
|
|
81
81
|
enumerable: true,
|
|
82
|
-
get: function () { return
|
|
82
|
+
get: function () { return chunkR2Y4F7D7_cjs.MemoComponentTag; }
|
|
83
83
|
});
|
|
84
84
|
Object.defineProperty(exports, "OffscreenComponentTag", {
|
|
85
85
|
enumerable: true,
|
|
86
|
-
get: function () { return
|
|
86
|
+
get: function () { return chunkR2Y4F7D7_cjs.OffscreenComponentTag; }
|
|
87
87
|
});
|
|
88
88
|
Object.defineProperty(exports, "SimpleMemoComponentTag", {
|
|
89
89
|
enumerable: true,
|
|
90
|
-
get: function () { return
|
|
90
|
+
get: function () { return chunkR2Y4F7D7_cjs.SimpleMemoComponentTag; }
|
|
91
91
|
});
|
|
92
92
|
Object.defineProperty(exports, "SuspenseComponentTag", {
|
|
93
93
|
enumerable: true,
|
|
94
|
-
get: function () { return
|
|
94
|
+
get: function () { return chunkR2Y4F7D7_cjs.SuspenseComponentTag; }
|
|
95
95
|
});
|
|
96
96
|
Object.defineProperty(exports, "TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING", {
|
|
97
97
|
enumerable: true,
|
|
98
|
-
get: function () { return
|
|
98
|
+
get: function () { return chunkR2Y4F7D7_cjs.TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING; }
|
|
99
99
|
});
|
|
100
100
|
Object.defineProperty(exports, "createFiberVisitor", {
|
|
101
101
|
enumerable: true,
|
|
102
|
-
get: function () { return
|
|
102
|
+
get: function () { return chunkR2Y4F7D7_cjs.createFiberVisitor; }
|
|
103
103
|
});
|
|
104
104
|
Object.defineProperty(exports, "detectReactBuildType", {
|
|
105
105
|
enumerable: true,
|
|
106
|
-
get: function () { return
|
|
106
|
+
get: function () { return chunkR2Y4F7D7_cjs.detectReactBuildType; }
|
|
107
107
|
});
|
|
108
108
|
Object.defineProperty(exports, "didFiberCommit", {
|
|
109
109
|
enumerable: true,
|
|
110
|
-
get: function () { return
|
|
110
|
+
get: function () { return chunkR2Y4F7D7_cjs.didFiberCommit; }
|
|
111
111
|
});
|
|
112
112
|
Object.defineProperty(exports, "didFiberRender", {
|
|
113
113
|
enumerable: true,
|
|
114
|
-
get: function () { return
|
|
114
|
+
get: function () { return chunkR2Y4F7D7_cjs.didFiberRender; }
|
|
115
115
|
});
|
|
116
116
|
Object.defineProperty(exports, "fiberIdMap", {
|
|
117
117
|
enumerable: true,
|
|
118
|
-
get: function () { return
|
|
118
|
+
get: function () { return chunkR2Y4F7D7_cjs.fiberIdMap; }
|
|
119
119
|
});
|
|
120
120
|
Object.defineProperty(exports, "getDisplayName", {
|
|
121
121
|
enumerable: true,
|
|
122
|
-
get: function () { return
|
|
122
|
+
get: function () { return chunkR2Y4F7D7_cjs.getDisplayName; }
|
|
123
123
|
});
|
|
124
124
|
Object.defineProperty(exports, "getFiberFromHostInstance", {
|
|
125
125
|
enumerable: true,
|
|
126
|
-
get: function () { return
|
|
126
|
+
get: function () { return chunkR2Y4F7D7_cjs.getFiberFromHostInstance; }
|
|
127
127
|
});
|
|
128
128
|
Object.defineProperty(exports, "getFiberId", {
|
|
129
129
|
enumerable: true,
|
|
130
|
-
get: function () { return
|
|
130
|
+
get: function () { return chunkR2Y4F7D7_cjs.getFiberId; }
|
|
131
131
|
});
|
|
132
132
|
Object.defineProperty(exports, "getFiberStack", {
|
|
133
133
|
enumerable: true,
|
|
134
|
-
get: function () { return
|
|
134
|
+
get: function () { return chunkR2Y4F7D7_cjs.getFiberStack; }
|
|
135
135
|
});
|
|
136
136
|
Object.defineProperty(exports, "getMutatedHostFibers", {
|
|
137
137
|
enumerable: true,
|
|
138
|
-
get: function () { return
|
|
138
|
+
get: function () { return chunkR2Y4F7D7_cjs.getMutatedHostFibers; }
|
|
139
139
|
});
|
|
140
140
|
Object.defineProperty(exports, "getNearestHostFiber", {
|
|
141
141
|
enumerable: true,
|
|
142
|
-
get: function () { return
|
|
142
|
+
get: function () { return chunkR2Y4F7D7_cjs.getNearestHostFiber; }
|
|
143
143
|
});
|
|
144
144
|
Object.defineProperty(exports, "getNearestHostFibers", {
|
|
145
145
|
enumerable: true,
|
|
146
|
-
get: function () { return
|
|
146
|
+
get: function () { return chunkR2Y4F7D7_cjs.getNearestHostFibers; }
|
|
147
147
|
});
|
|
148
148
|
Object.defineProperty(exports, "getRDTHook", {
|
|
149
149
|
enumerable: true,
|
|
150
|
-
get: function () { return
|
|
150
|
+
get: function () { return chunkR2Y4F7D7_cjs.getRDTHook; }
|
|
151
151
|
});
|
|
152
152
|
Object.defineProperty(exports, "getTimings", {
|
|
153
153
|
enumerable: true,
|
|
154
|
-
get: function () { return
|
|
154
|
+
get: function () { return chunkR2Y4F7D7_cjs.getTimings; }
|
|
155
155
|
});
|
|
156
156
|
Object.defineProperty(exports, "getType", {
|
|
157
157
|
enumerable: true,
|
|
158
|
-
get: function () { return
|
|
158
|
+
get: function () { return chunkR2Y4F7D7_cjs.getType; }
|
|
159
159
|
});
|
|
160
160
|
Object.defineProperty(exports, "hasMemoCache", {
|
|
161
161
|
enumerable: true,
|
|
162
|
-
get: function () { return
|
|
162
|
+
get: function () { return chunkR2Y4F7D7_cjs.hasMemoCache; }
|
|
163
163
|
});
|
|
164
164
|
Object.defineProperty(exports, "hasRDTHook", {
|
|
165
165
|
enumerable: true,
|
|
166
|
-
get: function () { return
|
|
166
|
+
get: function () { return chunkR2Y4F7D7_cjs.hasRDTHook; }
|
|
167
167
|
});
|
|
168
168
|
Object.defineProperty(exports, "installRDTHook", {
|
|
169
169
|
enumerable: true,
|
|
170
|
-
get: function () { return
|
|
170
|
+
get: function () { return chunkR2Y4F7D7_cjs.installRDTHook; }
|
|
171
171
|
});
|
|
172
172
|
Object.defineProperty(exports, "instrument", {
|
|
173
173
|
enumerable: true,
|
|
174
|
-
get: function () { return
|
|
174
|
+
get: function () { return chunkR2Y4F7D7_cjs.instrument; }
|
|
175
175
|
});
|
|
176
176
|
Object.defineProperty(exports, "isCompositeFiber", {
|
|
177
177
|
enumerable: true,
|
|
178
|
-
get: function () { return
|
|
178
|
+
get: function () { return chunkR2Y4F7D7_cjs.isCompositeFiber; }
|
|
179
179
|
});
|
|
180
180
|
Object.defineProperty(exports, "isHostFiber", {
|
|
181
181
|
enumerable: true,
|
|
182
|
-
get: function () { return
|
|
182
|
+
get: function () { return chunkR2Y4F7D7_cjs.isHostFiber; }
|
|
183
183
|
});
|
|
184
184
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
185
185
|
enumerable: true,
|
|
186
|
-
get: function () { return
|
|
186
|
+
get: function () { return chunkR2Y4F7D7_cjs.isInstrumentationActive; }
|
|
187
187
|
});
|
|
188
188
|
Object.defineProperty(exports, "isReactRefresh", {
|
|
189
189
|
enumerable: true,
|
|
190
|
-
get: function () { return
|
|
190
|
+
get: function () { return chunkR2Y4F7D7_cjs.isReactRefresh; }
|
|
191
191
|
});
|
|
192
192
|
Object.defineProperty(exports, "isRealReactDevtools", {
|
|
193
193
|
enumerable: true,
|
|
194
|
-
get: function () { return
|
|
195
|
-
});
|
|
196
|
-
Object.defineProperty(exports, "isServiceWorkerRegistered", {
|
|
197
|
-
enumerable: true,
|
|
198
|
-
get: function () { return chunkC4DL5GYW_cjs.isServiceWorkerRegistered; }
|
|
194
|
+
get: function () { return chunkR2Y4F7D7_cjs.isRealReactDevtools; }
|
|
199
195
|
});
|
|
200
196
|
Object.defineProperty(exports, "isValidElement", {
|
|
201
197
|
enumerable: true,
|
|
202
|
-
get: function () { return
|
|
198
|
+
get: function () { return chunkR2Y4F7D7_cjs.isValidElement; }
|
|
203
199
|
});
|
|
204
200
|
Object.defineProperty(exports, "isValidFiber", {
|
|
205
201
|
enumerable: true,
|
|
206
|
-
get: function () { return
|
|
202
|
+
get: function () { return chunkR2Y4F7D7_cjs.isValidFiber; }
|
|
207
203
|
});
|
|
208
204
|
Object.defineProperty(exports, "mountFiberRecursively", {
|
|
209
205
|
enumerable: true,
|
|
210
|
-
get: function () { return
|
|
206
|
+
get: function () { return chunkR2Y4F7D7_cjs.mountFiberRecursively; }
|
|
211
207
|
});
|
|
212
208
|
Object.defineProperty(exports, "onCommitFiberRoot", {
|
|
213
209
|
enumerable: true,
|
|
214
|
-
get: function () { return
|
|
210
|
+
get: function () { return chunkR2Y4F7D7_cjs.onCommitFiberRoot; }
|
|
215
211
|
});
|
|
216
212
|
Object.defineProperty(exports, "patchRDTHook", {
|
|
217
213
|
enumerable: true,
|
|
218
|
-
get: function () { return
|
|
214
|
+
get: function () { return chunkR2Y4F7D7_cjs.patchRDTHook; }
|
|
215
|
+
});
|
|
216
|
+
Object.defineProperty(exports, "registerServiceWorker", {
|
|
217
|
+
enumerable: true,
|
|
218
|
+
get: function () { return chunkR2Y4F7D7_cjs.registerServiceWorker; }
|
|
219
219
|
});
|
|
220
220
|
Object.defineProperty(exports, "secure", {
|
|
221
221
|
enumerable: true,
|
|
222
|
-
get: function () { return
|
|
222
|
+
get: function () { return chunkR2Y4F7D7_cjs.secure; }
|
|
223
223
|
});
|
|
224
224
|
Object.defineProperty(exports, "setFiberId", {
|
|
225
225
|
enumerable: true,
|
|
226
|
-
get: function () { return
|
|
226
|
+
get: function () { return chunkR2Y4F7D7_cjs.setFiberId; }
|
|
227
227
|
});
|
|
228
228
|
Object.defineProperty(exports, "shouldFilterFiber", {
|
|
229
229
|
enumerable: true,
|
|
230
|
-
get: function () { return
|
|
230
|
+
get: function () { return chunkR2Y4F7D7_cjs.shouldFilterFiber; }
|
|
231
231
|
});
|
|
232
232
|
Object.defineProperty(exports, "traverseContexts", {
|
|
233
233
|
enumerable: true,
|
|
234
|
-
get: function () { return
|
|
234
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseContexts; }
|
|
235
235
|
});
|
|
236
236
|
Object.defineProperty(exports, "traverseEffects", {
|
|
237
237
|
enumerable: true,
|
|
238
|
-
get: function () { return
|
|
238
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseEffects; }
|
|
239
239
|
});
|
|
240
240
|
Object.defineProperty(exports, "traverseFiber", {
|
|
241
241
|
enumerable: true,
|
|
242
|
-
get: function () { return
|
|
242
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseFiber; }
|
|
243
243
|
});
|
|
244
244
|
Object.defineProperty(exports, "traverseProps", {
|
|
245
245
|
enumerable: true,
|
|
246
|
-
get: function () { return
|
|
246
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseProps; }
|
|
247
247
|
});
|
|
248
248
|
Object.defineProperty(exports, "traverseRenderedFibers", {
|
|
249
249
|
enumerable: true,
|
|
250
|
-
get: function () { return
|
|
250
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseRenderedFibers; }
|
|
251
251
|
});
|
|
252
252
|
Object.defineProperty(exports, "traverseState", {
|
|
253
253
|
enumerable: true,
|
|
254
|
-
get: function () { return
|
|
254
|
+
get: function () { return chunkR2Y4F7D7_cjs.traverseState; }
|
|
255
255
|
});
|
|
256
256
|
Object.defineProperty(exports, "unmountFiber", {
|
|
257
257
|
enumerable: true,
|
|
258
|
-
get: function () { return
|
|
258
|
+
get: function () { return chunkR2Y4F7D7_cjs.unmountFiber; }
|
|
259
259
|
});
|
|
260
260
|
Object.defineProperty(exports, "unmountFiberChildrenRecursively", {
|
|
261
261
|
enumerable: true,
|
|
262
|
-
get: function () { return
|
|
262
|
+
get: function () { return chunkR2Y4F7D7_cjs.unmountFiberChildrenRecursively; }
|
|
263
263
|
});
|
|
264
264
|
Object.defineProperty(exports, "updateFiberRecursively", {
|
|
265
265
|
enumerable: true,
|
|
266
|
-
get: function () { return
|
|
266
|
+
get: function () { return chunkR2Y4F7D7_cjs.updateFiberRecursively; }
|
|
267
267
|
});
|
|
268
268
|
Object.defineProperty(exports, "version", {
|
|
269
269
|
enumerable: true,
|
|
270
|
-
get: function () { return
|
|
270
|
+
get: function () { return chunkR2Y4F7D7_cjs.version; }
|
|
271
271
|
});
|
package/dist/index.d.cts
CHANGED
|
@@ -15,10 +15,7 @@ declare const hasRDTHook: () => boolean;
|
|
|
15
15
|
* Returns the current React DevTools global hook.
|
|
16
16
|
*/
|
|
17
17
|
declare const getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
|
|
18
|
-
|
|
19
|
-
* Returns true if the service worker is registered.
|
|
20
|
-
*/
|
|
21
|
-
declare const isServiceWorkerRegistered: () => boolean;
|
|
18
|
+
declare const registerServiceWorker: () => void;
|
|
22
19
|
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}}catch{}})()";
|
|
23
20
|
|
|
24
|
-
export { BIPPY_INSTRUMENTATION_STRING, INSTALL_HOOK_SCRIPT_STRING, ReactDevToolsGlobalHook, getRDTHook, hasRDTHook, installRDTHook, isReactRefresh, isRealReactDevtools,
|
|
21
|
+
export { BIPPY_INSTRUMENTATION_STRING, INSTALL_HOOK_SCRIPT_STRING, ReactDevToolsGlobalHook, getRDTHook, hasRDTHook, installRDTHook, isReactRefresh, isRealReactDevtools, patchRDTHook, registerServiceWorker, version };
|
package/dist/index.d.ts
CHANGED
|
@@ -15,10 +15,7 @@ declare const hasRDTHook: () => boolean;
|
|
|
15
15
|
* Returns the current React DevTools global hook.
|
|
16
16
|
*/
|
|
17
17
|
declare const getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
|
|
18
|
-
|
|
19
|
-
* Returns true if the service worker is registered.
|
|
20
|
-
*/
|
|
21
|
-
declare const isServiceWorkerRegistered: () => boolean;
|
|
18
|
+
declare const registerServiceWorker: () => void;
|
|
22
19
|
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}}catch{}})()";
|
|
23
20
|
|
|
24
|
-
export { BIPPY_INSTRUMENTATION_STRING, INSTALL_HOOK_SCRIPT_STRING, ReactDevToolsGlobalHook, getRDTHook, hasRDTHook, installRDTHook, isReactRefresh, isRealReactDevtools,
|
|
21
|
+
export { BIPPY_INSTRUMENTATION_STRING, INSTALL_HOOK_SCRIPT_STRING, ReactDevToolsGlobalHook, getRDTHook, hasRDTHook, installRDTHook, isReactRefresh, isRealReactDevtools, patchRDTHook, registerServiceWorker, version };
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import './chunk-6TJRMCM3.js';
|
|
2
|
-
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_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, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools,
|
|
2
|
+
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_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, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, registerServiceWorker, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseEffects, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version } from './chunk-UA2LAC5E.js';
|
package/dist/inspect.cjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('./chunk-YZYCWAB2.cjs');
|
|
6
|
-
var
|
|
6
|
+
var chunkR2Y4F7D7_cjs = require('./chunk-R2Y4F7D7.cjs');
|
|
7
7
|
var React17 = require('react');
|
|
8
8
|
|
|
9
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -4818,9 +4818,9 @@ var FiberGraph = React17__default.default.memo(
|
|
|
4818
4818
|
const links2 = [];
|
|
4819
4819
|
const nodeMap = /* @__PURE__ */ new Map();
|
|
4820
4820
|
let nodeCounter = 0;
|
|
4821
|
-
const baseId =
|
|
4821
|
+
const baseId = chunkR2Y4F7D7_cjs.getFiberId(fiber).toString();
|
|
4822
4822
|
const rootId = `${baseId}-${nodeCounter++}`;
|
|
4823
|
-
const rootName = typeof fiber.type === "string" ? fiber.type : fiber.type === null && fiber.tag ===
|
|
4823
|
+
const rootName = typeof fiber.type === "string" ? fiber.type : fiber.type === null && fiber.tag === chunkR2Y4F7D7_cjs.HostRootTag ? "#root" : fiber.type === null && fiber.tag === chunkR2Y4F7D7_cjs.HostTextTag ? "#text" : chunkR2Y4F7D7_cjs.getDisplayName(fiber.type) || fiber.type?.name || fiber.type?.displayName || "Component";
|
|
4824
4824
|
const rootNode = {
|
|
4825
4825
|
id: rootId,
|
|
4826
4826
|
name: rootName,
|
|
@@ -4841,7 +4841,7 @@ var FiberGraph = React17__default.default.memo(
|
|
|
4841
4841
|
const current = stack2.pop();
|
|
4842
4842
|
if (!current) continue;
|
|
4843
4843
|
const { fiber: currentFiber, parentId, depth } = current;
|
|
4844
|
-
if (currentFiber.tag ===
|
|
4844
|
+
if (currentFiber.tag === chunkR2Y4F7D7_cjs.FragmentTag) {
|
|
4845
4845
|
if (currentFiber.child) {
|
|
4846
4846
|
stack2.push({
|
|
4847
4847
|
fiber: currentFiber.child,
|
|
@@ -4852,13 +4852,13 @@ var FiberGraph = React17__default.default.memo(
|
|
|
4852
4852
|
if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
|
|
4853
4853
|
stack2.push({
|
|
4854
4854
|
fiber: currentFiber.sibling,
|
|
4855
|
-
parentId: currentFiber.return ? nodeMap.get(
|
|
4855
|
+
parentId: currentFiber.return ? nodeMap.get(chunkR2Y4F7D7_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
|
|
4856
4856
|
depth
|
|
4857
4857
|
});
|
|
4858
4858
|
}
|
|
4859
4859
|
continue;
|
|
4860
4860
|
}
|
|
4861
|
-
if (currentFiber.type === null &&
|
|
4861
|
+
if (currentFiber.type === null && chunkR2Y4F7D7_cjs.isHostFiber(currentFiber)) {
|
|
4862
4862
|
if (currentFiber.child) {
|
|
4863
4863
|
stack2.push({
|
|
4864
4864
|
fiber: currentFiber.child,
|
|
@@ -4869,27 +4869,27 @@ var FiberGraph = React17__default.default.memo(
|
|
|
4869
4869
|
if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
|
|
4870
4870
|
stack2.push({
|
|
4871
4871
|
fiber: currentFiber.sibling,
|
|
4872
|
-
parentId: currentFiber.return ? nodeMap.get(
|
|
4872
|
+
parentId: currentFiber.return ? nodeMap.get(chunkR2Y4F7D7_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
|
|
4873
4873
|
depth
|
|
4874
4874
|
});
|
|
4875
4875
|
}
|
|
4876
4876
|
continue;
|
|
4877
4877
|
}
|
|
4878
|
-
const childId = `${
|
|
4878
|
+
const childId = `${chunkR2Y4F7D7_cjs.getFiberId(currentFiber)}-${nodeCounter++}`;
|
|
4879
4879
|
let name = "unknown";
|
|
4880
4880
|
if (typeof currentFiber.type === "string") {
|
|
4881
4881
|
name = currentFiber.type;
|
|
4882
|
-
} else if (currentFiber.type === null && currentFiber.tag ===
|
|
4882
|
+
} else if (currentFiber.type === null && currentFiber.tag === chunkR2Y4F7D7_cjs.HostTextTag) {
|
|
4883
4883
|
const text = currentFiber.stateNode?.nodeValue?.trim() || "";
|
|
4884
4884
|
if (text) {
|
|
4885
4885
|
name = text.length > 20 ? `"${text.slice(0, 20)}..."` : `"${text}"`;
|
|
4886
4886
|
} else {
|
|
4887
4887
|
name = "#text";
|
|
4888
4888
|
}
|
|
4889
|
-
} else if (currentFiber.type === null && currentFiber.tag ===
|
|
4889
|
+
} else if (currentFiber.type === null && currentFiber.tag === chunkR2Y4F7D7_cjs.HostRootTag) {
|
|
4890
4890
|
name = "#root";
|
|
4891
4891
|
} else {
|
|
4892
|
-
name =
|
|
4892
|
+
name = chunkR2Y4F7D7_cjs.getDisplayName(currentFiber.type) || currentFiber.type?.name || currentFiber.type?.displayName || "Component";
|
|
4893
4893
|
}
|
|
4894
4894
|
const node = {
|
|
4895
4895
|
id: childId,
|
|
@@ -4913,7 +4913,7 @@ var FiberGraph = React17__default.default.memo(
|
|
|
4913
4913
|
if (currentFiber.sibling && currentFiber.return === currentFiber.sibling.return) {
|
|
4914
4914
|
stack2.push({
|
|
4915
4915
|
fiber: currentFiber.sibling,
|
|
4916
|
-
parentId: currentFiber.return ? nodeMap.get(
|
|
4916
|
+
parentId: currentFiber.return ? nodeMap.get(chunkR2Y4F7D7_cjs.getFiberId(currentFiber.return).toString())?.id || parentId : parentId,
|
|
4917
4917
|
depth
|
|
4918
4918
|
});
|
|
4919
4919
|
}
|
|
@@ -4986,7 +4986,7 @@ var FiberGraph = React17__default.default.memo(
|
|
|
4986
4986
|
nodeElements.exit().remove();
|
|
4987
4987
|
const nodeEnter = nodeElements.enter().append("g").attr("transform", (d) => `translate(${d.x},${d.y})`).style("cursor", "pointer").on("click", (event, d) => {
|
|
4988
4988
|
event.stopPropagation();
|
|
4989
|
-
const element =
|
|
4989
|
+
const element = chunkR2Y4F7D7_cjs.getNearestHostFiber(d.data.fiber)?.stateNode;
|
|
4990
4990
|
if (element instanceof HTMLElement) {
|
|
4991
4991
|
element.scrollIntoView({ behavior: "smooth", block: "center" });
|
|
4992
4992
|
const originalOutline = element.style.outline;
|
|
@@ -5009,9 +5009,9 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5009
5009
|
const isPreview = !isDialogMode;
|
|
5010
5010
|
const scale = isRoot ? isPreview ? 2 : 1.75 : 1;
|
|
5011
5011
|
const isRendered = renderedFibersRef.current.has(
|
|
5012
|
-
|
|
5012
|
+
chunkR2Y4F7D7_cjs.getFiberId(d.data.fiber).toString()
|
|
5013
5013
|
);
|
|
5014
|
-
const rect = g.selectAll("rect").data([d]).join("rect").attr("x", -75 * scale).attr("y", -30 * scale).attr("width", 150 * scale).attr("height", 60 * scale).attr("rx", 6 * scale).attr("fill",
|
|
5014
|
+
const rect = g.selectAll("rect").data([d]).join("rect").attr("x", -75 * scale).attr("y", -30 * scale).attr("width", 150 * scale).attr("height", 60 * scale).attr("rx", 6 * scale).attr("fill", chunkR2Y4F7D7_cjs.isCompositeFiber(d.data.fiber) ? "#FFF" : "#232323").attr("stroke", isRendered ? "#FFC799" : "#505050").attr("stroke-width", isRoot ? "3" : "2");
|
|
5015
5015
|
rect.on("mouseover", function() {
|
|
5016
5016
|
select_default2(this).attr("stroke", "#808080").attr("stroke-width", isRoot ? "4" : "3");
|
|
5017
5017
|
}).on("mouseout", function() {
|
|
@@ -5019,11 +5019,11 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5019
5019
|
});
|
|
5020
5020
|
const renderCount = renderCounts.get(d.data.fiber) || 0;
|
|
5021
5021
|
const renderText = renderCount > 0 ? ` \xD7${renderCount}` : "";
|
|
5022
|
-
g.selectAll("text.name").data([d]).join("text").attr("class", "name").attr("text-anchor", "middle").attr("dy", `${-0.6 * scale}em`).attr("fill",
|
|
5022
|
+
g.selectAll("text.name").data([d]).join("text").attr("class", "name").attr("text-anchor", "middle").attr("dy", `${-0.6 * scale}em`).attr("fill", chunkR2Y4F7D7_cjs.isCompositeFiber(d.data.fiber) ? "#000" : "#FFF").attr("font-weight", "500").attr(
|
|
5023
5023
|
"font-size",
|
|
5024
5024
|
isRoot ? isPreview ? "1.75em" : "1.5em" : "1em"
|
|
5025
5025
|
).text(d.data.name + renderText);
|
|
5026
|
-
g.selectAll("text.props").data([d]).join("text").attr("class", "props").attr("text-anchor", "middle").attr("dy", `${0.9 * scale}em`).attr("fill",
|
|
5026
|
+
g.selectAll("text.props").data([d]).join("text").attr("class", "props").attr("text-anchor", "middle").attr("dy", `${0.9 * scale}em`).attr("fill", chunkR2Y4F7D7_cjs.isCompositeFiber(d.data.fiber) ? "#666" : "#999").attr(
|
|
5027
5027
|
"font-size",
|
|
5028
5028
|
isRoot ? isPreview ? "1.25em" : "1.1em" : "0.75em"
|
|
5029
5029
|
).text(() => {
|
|
@@ -5088,13 +5088,13 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5088
5088
|
}
|
|
5089
5089
|
}, [nodes.length, handleFit]);
|
|
5090
5090
|
React17.useEffect(() => {
|
|
5091
|
-
|
|
5091
|
+
chunkR2Y4F7D7_cjs.onCommitFiberRoot((root2) => {
|
|
5092
5092
|
if (flashTimeoutRef.current) {
|
|
5093
5093
|
clearTimeout(flashTimeoutRef.current);
|
|
5094
5094
|
}
|
|
5095
5095
|
renderedFibersRef.current = /* @__PURE__ */ new Set();
|
|
5096
|
-
|
|
5097
|
-
const fiberId =
|
|
5096
|
+
chunkR2Y4F7D7_cjs.traverseRenderedFibers(root2, (renderedFiber) => {
|
|
5097
|
+
const fiberId = chunkR2Y4F7D7_cjs.getFiberId(renderedFiber).toString();
|
|
5098
5098
|
renderedFibersRef.current.add(fiberId);
|
|
5099
5099
|
const states = fiberStates.get(fiberId) || [];
|
|
5100
5100
|
states.push({
|
|
@@ -5109,7 +5109,7 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5109
5109
|
const nodeElements = select_default2(nodesGroupRef.current).selectAll("g");
|
|
5110
5110
|
nodeElements.each(function(d) {
|
|
5111
5111
|
const isRendered = renderedFibersRef.current.has(
|
|
5112
|
-
|
|
5112
|
+
chunkR2Y4F7D7_cjs.getFiberId(d.data.fiber).toString()
|
|
5113
5113
|
);
|
|
5114
5114
|
if (isRendered) {
|
|
5115
5115
|
const rect = select_default2(this).select("rect");
|
|
@@ -5132,10 +5132,10 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5132
5132
|
}, []);
|
|
5133
5133
|
const handleTimelineChange = React17.useCallback((index) => {
|
|
5134
5134
|
setTimelineIndex(index);
|
|
5135
|
-
const fiberId =
|
|
5135
|
+
const fiberId = chunkR2Y4F7D7_cjs.getFiberId(fiber).toString();
|
|
5136
5136
|
const states = fiberStates.get(fiberId);
|
|
5137
5137
|
if (states?.[index]) {
|
|
5138
|
-
const rdtHook =
|
|
5138
|
+
const rdtHook = chunkR2Y4F7D7_cjs.getRDTHook();
|
|
5139
5139
|
if (rdtHook?.renderers.size > 0) {
|
|
5140
5140
|
const renderer = Array.from(rdtHook.renderers.values())?.[0];
|
|
5141
5141
|
const overrideProps = renderer?.currentDispatcherRef?.current?.overrideProps;
|
|
@@ -5156,14 +5156,14 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5156
5156
|
setIsPlaying((prev) => !prev);
|
|
5157
5157
|
}, []);
|
|
5158
5158
|
const handleStepForward = React17.useCallback(() => {
|
|
5159
|
-
const states = fiberStates.get(
|
|
5159
|
+
const states = fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString());
|
|
5160
5160
|
if (states) {
|
|
5161
5161
|
const nextIndex = Math.min(timelineIndex + 1, states.length - 1);
|
|
5162
5162
|
handleTimelineChange(nextIndex);
|
|
5163
5163
|
}
|
|
5164
5164
|
}, [fiber, timelineIndex, handleTimelineChange]);
|
|
5165
5165
|
const handleStepBack = React17.useCallback(() => {
|
|
5166
|
-
const states = fiberStates.get(
|
|
5166
|
+
const states = fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString());
|
|
5167
5167
|
if (states) {
|
|
5168
5168
|
const prevIndex = Math.max(timelineIndex - 1, 0);
|
|
5169
5169
|
handleTimelineChange(prevIndex);
|
|
@@ -5172,7 +5172,7 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5172
5172
|
React17.useEffect(() => {
|
|
5173
5173
|
if (isPlaying) {
|
|
5174
5174
|
playIntervalRef.current = setInterval(() => {
|
|
5175
|
-
const states = fiberStates.get(
|
|
5175
|
+
const states = fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString());
|
|
5176
5176
|
if (states) {
|
|
5177
5177
|
const nextIndex = timelineIndex + 1;
|
|
5178
5178
|
if (nextIndex >= states.length) {
|
|
@@ -5340,19 +5340,19 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5340
5340
|
display: "flex",
|
|
5341
5341
|
flexDirection: "column",
|
|
5342
5342
|
gap: "0.5ch",
|
|
5343
|
-
opacity: fiberStates.get(
|
|
5343
|
+
opacity: fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length ? 1 : 0.5
|
|
5344
5344
|
} }, /* @__PURE__ */ React17__default.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5ch" } }, /* @__PURE__ */ React17__default.default.createElement(
|
|
5345
5345
|
"button",
|
|
5346
5346
|
{
|
|
5347
5347
|
type: "button",
|
|
5348
5348
|
onClick: handleStepBack,
|
|
5349
|
-
disabled: !fiberStates.get(
|
|
5349
|
+
disabled: !fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length,
|
|
5350
5350
|
style: {
|
|
5351
5351
|
background: "transparent",
|
|
5352
5352
|
border: "1px solid #282828",
|
|
5353
5353
|
color: "#FFF",
|
|
5354
5354
|
borderRadius: "0.25rem",
|
|
5355
|
-
cursor: fiberStates.get(
|
|
5355
|
+
cursor: fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
|
|
5356
5356
|
padding: "0.25ch 0.5ch"
|
|
5357
5357
|
}
|
|
5358
5358
|
},
|
|
@@ -5362,13 +5362,13 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5362
5362
|
{
|
|
5363
5363
|
type: "button",
|
|
5364
5364
|
onClick: handlePlayPause,
|
|
5365
|
-
disabled: !fiberStates.get(
|
|
5365
|
+
disabled: !fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length,
|
|
5366
5366
|
style: {
|
|
5367
5367
|
background: "transparent",
|
|
5368
5368
|
border: "1px solid #282828",
|
|
5369
5369
|
color: "#FFF",
|
|
5370
5370
|
borderRadius: "0.25rem",
|
|
5371
|
-
cursor: fiberStates.get(
|
|
5371
|
+
cursor: fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
|
|
5372
5372
|
padding: "0.25ch 0.5ch"
|
|
5373
5373
|
}
|
|
5374
5374
|
},
|
|
@@ -5378,24 +5378,24 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5378
5378
|
{
|
|
5379
5379
|
type: "button",
|
|
5380
5380
|
onClick: handleStepForward,
|
|
5381
|
-
disabled: !fiberStates.get(
|
|
5381
|
+
disabled: !fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length,
|
|
5382
5382
|
style: {
|
|
5383
5383
|
background: "transparent",
|
|
5384
5384
|
border: "1px solid #282828",
|
|
5385
5385
|
color: "#FFF",
|
|
5386
5386
|
borderRadius: "0.25rem",
|
|
5387
|
-
cursor: fiberStates.get(
|
|
5387
|
+
cursor: fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length ? "pointer" : "not-allowed",
|
|
5388
5388
|
padding: "0.25ch 0.5ch"
|
|
5389
5389
|
}
|
|
5390
5390
|
},
|
|
5391
5391
|
"\u23ED"
|
|
5392
|
-
), /* @__PURE__ */ React17__default.default.createElement("span", { style: { color: "#A0A0A0", fontSize: "0.75rem" } }, timelineIndex >= 0 && fiberStates.get(
|
|
5392
|
+
), /* @__PURE__ */ React17__default.default.createElement("span", { style: { color: "#A0A0A0", fontSize: "0.75rem" } }, timelineIndex >= 0 && fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ? new Date(fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ?? 0).toLocaleTimeString() : "--:--:--"), !fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length && /* @__PURE__ */ React17__default.default.createElement("span", { style: { color: "#A0A0A0", fontSize: "0.75rem", marginLeft: "auto" } }, "No state changes recorded yet")), /* @__PURE__ */ React17__default.default.createElement("div", { style: {
|
|
5393
5393
|
display: "flex",
|
|
5394
5394
|
alignItems: "center",
|
|
5395
5395
|
gap: "0.25ch",
|
|
5396
5396
|
height: "2ch",
|
|
5397
5397
|
position: "relative"
|
|
5398
|
-
} }, (fiberStates.get(
|
|
5398
|
+
} }, (fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString()) ?? []).map((state, i) => {
|
|
5399
5399
|
const isActive = i === timelineIndex;
|
|
5400
5400
|
return /* @__PURE__ */ React17__default.default.createElement(
|
|
5401
5401
|
"div",
|
|
@@ -5436,7 +5436,7 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5436
5436
|
tooltip2.style.border = "1px solid #282828";
|
|
5437
5437
|
tooltip2.style.zIndex = "1000";
|
|
5438
5438
|
const changes = [];
|
|
5439
|
-
const states = fiberStates.get(
|
|
5439
|
+
const states = fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString());
|
|
5440
5440
|
const prevState = i > 0 && states ? states[i - 1] : null;
|
|
5441
5441
|
if (prevState) {
|
|
5442
5442
|
const propChanges = Object.keys(state.props).filter(
|
|
@@ -5463,7 +5463,7 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5463
5463
|
}
|
|
5464
5464
|
}
|
|
5465
5465
|
);
|
|
5466
|
-
}), !fiberStates.get(
|
|
5466
|
+
}), !fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length && /* @__PURE__ */ React17__default.default.createElement("div", { style: {
|
|
5467
5467
|
flex: 1,
|
|
5468
5468
|
height: "100%",
|
|
5469
5469
|
background: "#282828",
|
|
@@ -5474,14 +5474,14 @@ var FiberGraph = React17__default.default.memo(
|
|
|
5474
5474
|
{
|
|
5475
5475
|
type: "range",
|
|
5476
5476
|
min: 0,
|
|
5477
|
-
max: (fiberStates.get(
|
|
5477
|
+
max: (fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length ?? 1) - 1,
|
|
5478
5478
|
value: timelineIndex,
|
|
5479
5479
|
onChange: (e) => handleTimelineChange(Number(e.target.value)),
|
|
5480
|
-
disabled: !fiberStates.get(
|
|
5480
|
+
disabled: !fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length,
|
|
5481
5481
|
style: {
|
|
5482
5482
|
width: "100%",
|
|
5483
5483
|
accentColor: "#FFC799",
|
|
5484
|
-
opacity: fiberStates.get(
|
|
5484
|
+
opacity: fiberStates.get(chunkR2Y4F7D7_cjs.getFiberId(fiber).toString())?.length ? 1 : 0.5
|
|
5485
5485
|
}
|
|
5486
5486
|
}
|
|
5487
5487
|
)));
|
|
@@ -5502,7 +5502,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5502
5502
|
const [fiberHistory, setFiberHistory] = React17.useState([]);
|
|
5503
5503
|
const getFiberForDisplay = React17.useCallback(() => {
|
|
5504
5504
|
if (selectedFiber) return selectedFiber;
|
|
5505
|
-
const fiber2 =
|
|
5505
|
+
const fiber2 = chunkR2Y4F7D7_cjs.getFiberFromHostInstance(element);
|
|
5506
5506
|
return fiber2;
|
|
5507
5507
|
}, [selectedFiber, element]);
|
|
5508
5508
|
const handleFiberSelect = (fiber2) => {
|
|
@@ -5555,15 +5555,15 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5555
5555
|
React17.useEffect(() => {
|
|
5556
5556
|
const handleMouseMove = (event) => {
|
|
5557
5557
|
if (isDialogMode) return;
|
|
5558
|
-
const isActive2 =
|
|
5558
|
+
const isActive2 = chunkR2Y4F7D7_cjs.isInstrumentationActive() || chunkR2Y4F7D7_cjs.hasRDTHook();
|
|
5559
5559
|
if (!isActive2) {
|
|
5560
5560
|
setIsActive(false);
|
|
5561
5561
|
return;
|
|
5562
5562
|
}
|
|
5563
5563
|
if (!dangerouslyRunInProduction) {
|
|
5564
|
-
const rdtHook =
|
|
5564
|
+
const rdtHook = chunkR2Y4F7D7_cjs.getRDTHook();
|
|
5565
5565
|
for (const renderer of rdtHook.renderers.values()) {
|
|
5566
|
-
const buildType =
|
|
5566
|
+
const buildType = chunkR2Y4F7D7_cjs.detectReactBuildType(renderer);
|
|
5567
5567
|
if (buildType === "production") {
|
|
5568
5568
|
setIsActive(false);
|
|
5569
5569
|
return;
|
|
@@ -5624,7 +5624,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5624
5624
|
}, [rect]);
|
|
5625
5625
|
React17.useEffect(() => {
|
|
5626
5626
|
if (selectedFiber) {
|
|
5627
|
-
const element2 =
|
|
5627
|
+
const element2 = chunkR2Y4F7D7_cjs.getNearestHostFiber(selectedFiber)?.stateNode;
|
|
5628
5628
|
if (element2) {
|
|
5629
5629
|
setElement(element2);
|
|
5630
5630
|
setRect(element2.getBoundingClientRect());
|
|
@@ -5642,7 +5642,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5642
5642
|
const fiber = getFiberForDisplay();
|
|
5643
5643
|
if (!fiber) return null;
|
|
5644
5644
|
let foundInspect = false;
|
|
5645
|
-
|
|
5645
|
+
chunkR2Y4F7D7_cjs.traverseFiber(
|
|
5646
5646
|
fiber,
|
|
5647
5647
|
(innerFiber) => {
|
|
5648
5648
|
if (innerFiber.type === Inspector2) {
|
|
@@ -5677,7 +5677,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5677
5677
|
backgroundColor: "rgba(0, 0, 0, 0.7)",
|
|
5678
5678
|
zIndex: 999
|
|
5679
5679
|
} : {};
|
|
5680
|
-
const fiberStack = fiber ?
|
|
5680
|
+
const fiberStack = fiber ? chunkR2Y4F7D7_cjs.getFiberStack(fiber) : [];
|
|
5681
5681
|
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, null, isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
|
|
5682
5682
|
"div",
|
|
5683
5683
|
{
|
|
@@ -5738,7 +5738,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5738
5738
|
margin: 0
|
|
5739
5739
|
}
|
|
5740
5740
|
},
|
|
5741
|
-
`<${typeof fiber.type === "string" ? fiber.type :
|
|
5741
|
+
`<${typeof fiber.type === "string" ? fiber.type : chunkR2Y4F7D7_cjs.getDisplayName(fiber.type) || "unknown"}>`,
|
|
5742
5742
|
!isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
|
|
5743
5743
|
"span",
|
|
5744
5744
|
{
|
|
@@ -5767,9 +5767,9 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5767
5767
|
}
|
|
5768
5768
|
},
|
|
5769
5769
|
fiberStack.reverse().map((f, i, arr) => {
|
|
5770
|
-
const name = typeof f.type === "string" ? f.type :
|
|
5770
|
+
const name = typeof f.type === "string" ? f.type : chunkR2Y4F7D7_cjs.getDisplayName(f.type) || "unknown";
|
|
5771
5771
|
if (!name) return null;
|
|
5772
|
-
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key:
|
|
5772
|
+
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key: chunkR2Y4F7D7_cjs.getFiberId(f) }, /* @__PURE__ */ React17__default.default.createElement(
|
|
5773
5773
|
BreadcrumbButton,
|
|
5774
5774
|
{
|
|
5775
5775
|
name,
|
|
@@ -5778,7 +5778,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5778
5778
|
setFiberHistory((prev) => [...prev, selectedFiber]);
|
|
5779
5779
|
}
|
|
5780
5780
|
setSelectedFiber(f);
|
|
5781
|
-
const element2 =
|
|
5781
|
+
const element2 = chunkR2Y4F7D7_cjs.getNearestHostFiber(f)?.stateNode;
|
|
5782
5782
|
if (element2) {
|
|
5783
5783
|
setElement(element2);
|
|
5784
5784
|
setRect(element2.getBoundingClientRect());
|
|
@@ -5790,7 +5790,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5790
5790
|
setFiberHistory((prev) => [...prev, selectedFiber]);
|
|
5791
5791
|
}
|
|
5792
5792
|
setSelectedFiber(f);
|
|
5793
|
-
const element2 =
|
|
5793
|
+
const element2 = chunkR2Y4F7D7_cjs.getNearestHostFiber(f)?.stateNode;
|
|
5794
5794
|
if (element2) {
|
|
5795
5795
|
setElement(element2);
|
|
5796
5796
|
setRect(element2.getBoundingClientRect());
|
|
@@ -5804,7 +5804,7 @@ var Inspector2 = React17__default.default.memo(
|
|
|
5804
5804
|
fiber && /* @__PURE__ */ React17__default.default.createElement(
|
|
5805
5805
|
FiberGraph,
|
|
5806
5806
|
{
|
|
5807
|
-
key:
|
|
5807
|
+
key: chunkR2Y4F7D7_cjs.getFiberId(fiber),
|
|
5808
5808
|
fiber,
|
|
5809
5809
|
onFiberSelect: handleFiberSelect,
|
|
5810
5810
|
isDialogMode
|
package/dist/inspect.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './chunk-6TJRMCM3.js';
|
|
2
|
-
import { getFiberId, HostRootTag, HostTextTag, getDisplayName, FragmentTag, isHostFiber, getNearestHostFiber, onCommitFiberRoot, traverseRenderedFibers, getRDTHook, getFiberFromHostInstance, traverseFiber, getFiberStack, isCompositeFiber, isInstrumentationActive, hasRDTHook, detectReactBuildType } from './chunk-
|
|
2
|
+
import { getFiberId, HostRootTag, HostTextTag, getDisplayName, FragmentTag, isHostFiber, getNearestHostFiber, onCommitFiberRoot, traverseRenderedFibers, getRDTHook, getFiberFromHostInstance, traverseFiber, getFiberStack, isCompositeFiber, isInstrumentationActive, hasRDTHook, detectReactBuildType } from './chunk-UA2LAC5E.js';
|
|
3
3
|
import React17, { createContext, memo, Children, useContext, useCallback, useState, useLayoutEffect, useRef, useMemo, useEffect } from 'react';
|
|
4
4
|
|
|
5
5
|
/**
|