bippy 0.2.8 → 0.2.10
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-UASWZ7SZ.js → chunk-6RFLBWUK.js} +21 -13
- package/dist/{chunk-C4DL5GYW.cjs → chunk-SMK2GONO.cjs} +21 -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 +4 -8
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
// src/rdt-hook.ts
|
|
11
|
-
var version = "0.2.
|
|
11
|
+
var version = "0.2.10";
|
|
12
12
|
var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
|
|
13
13
|
var NO_OP = () => {
|
|
14
14
|
};
|
|
@@ -95,22 +95,30 @@ var getRDTHook = (onActive) => {
|
|
|
95
95
|
patchRDTHook(onActive);
|
|
96
96
|
return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
|
97
97
|
};
|
|
98
|
-
var
|
|
99
|
-
|
|
100
|
-
|
|
98
|
+
var registerServiceWorker = async () => {
|
|
99
|
+
if (typeof navigator === "undefined" || !("serviceWorker" in navigator)) {
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
console.log("import.meta.url", import.meta.url);
|
|
103
|
+
let path = "./sw.js";
|
|
104
|
+
if (import.meta.url.includes(".vite/deps")) {
|
|
105
|
+
path = "../../node_modules/bippy/dist/sw.js";
|
|
106
|
+
}
|
|
107
|
+
try {
|
|
108
|
+
const url = new URL(path, import.meta.url);
|
|
109
|
+
const res = await fetch(url, { method: "HEAD" });
|
|
110
|
+
if (res.ok) {
|
|
111
|
+
await navigator.serviceWorker.register(url, {
|
|
112
|
+
// scope: '/',
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
} catch {
|
|
116
|
+
}
|
|
101
117
|
};
|
|
102
118
|
try {
|
|
103
119
|
if (typeof window !== "undefined" && // @ts-expect-error `document` may not be defined in some enviroments
|
|
104
120
|
(window.document?.createElement || window.navigator?.product === "ReactNative")) {
|
|
105
121
|
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
122
|
}
|
|
115
123
|
} catch {
|
|
116
124
|
}
|
|
@@ -719,4 +727,4 @@ var onCommitFiberRoot = (handler) => {
|
|
|
719
727
|
);
|
|
720
728
|
};
|
|
721
729
|
|
|
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,
|
|
730
|
+
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 };
|
|
@@ -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.10";
|
|
15
15
|
var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
|
|
16
16
|
var NO_OP = () => {
|
|
17
17
|
};
|
|
@@ -98,22 +98,30 @@ var getRDTHook = (onActive) => {
|
|
|
98
98
|
patchRDTHook(onActive);
|
|
99
99
|
return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
|
100
100
|
};
|
|
101
|
-
var
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
var registerServiceWorker = async () => {
|
|
102
|
+
if (typeof navigator === "undefined" || !("serviceWorker" in navigator)) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
console.log("import.meta.url", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chunk-SMK2GONO.cjs', document.baseURI).href)));
|
|
106
|
+
let path = "./sw.js";
|
|
107
|
+
if ((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chunk-SMK2GONO.cjs', document.baseURI).href)).includes(".vite/deps")) {
|
|
108
|
+
path = "../../node_modules/bippy/dist/sw.js";
|
|
109
|
+
}
|
|
110
|
+
try {
|
|
111
|
+
const url = new URL(path, (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chunk-SMK2GONO.cjs', document.baseURI).href)));
|
|
112
|
+
const res = await fetch(url, { method: "HEAD" });
|
|
113
|
+
if (res.ok) {
|
|
114
|
+
await navigator.serviceWorker.register(url, {
|
|
115
|
+
// scope: '/',
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
} catch {
|
|
119
|
+
}
|
|
104
120
|
};
|
|
105
121
|
try {
|
|
106
122
|
if (typeof window !== "undefined" && // @ts-expect-error `document` may not be defined in some enviroments
|
|
107
123
|
(window.document?.createElement || window.navigator?.product === "ReactNative")) {
|
|
108
124
|
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
125
|
}
|
|
118
126
|
} catch {
|
|
119
127
|
}
|
|
@@ -769,12 +777,12 @@ exports.isHostFiber = isHostFiber;
|
|
|
769
777
|
exports.isInstrumentationActive = isInstrumentationActive;
|
|
770
778
|
exports.isReactRefresh = isReactRefresh;
|
|
771
779
|
exports.isRealReactDevtools = isRealReactDevtools;
|
|
772
|
-
exports.isServiceWorkerRegistered = isServiceWorkerRegistered;
|
|
773
780
|
exports.isValidElement = isValidElement;
|
|
774
781
|
exports.isValidFiber = isValidFiber;
|
|
775
782
|
exports.mountFiberRecursively = mountFiberRecursively;
|
|
776
783
|
exports.onCommitFiberRoot = onCommitFiberRoot;
|
|
777
784
|
exports.patchRDTHook = patchRDTHook;
|
|
785
|
+
exports.registerServiceWorker = registerServiceWorker;
|
|
778
786
|
exports.secure = secure;
|
|
779
787
|
exports.setFiberId = setFiberId;
|
|
780
788
|
exports.shouldFilterFiber = shouldFilterFiber;
|
package/dist/core.cjs
CHANGED
|
@@ -1,230 +1,230 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkSMK2GONO_cjs = require('./chunk-SMK2GONO.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 chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_cjs.ClassComponentTag; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "ContextConsumerTag", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_cjs.ForwardRefTag; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "FragmentTag", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkSMK2GONO_cjs.FragmentTag; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "FunctionComponentTag", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunkSMK2GONO_cjs.FunctionComponentTag; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "HostComponentTag", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunkSMK2GONO_cjs.HostComponentTag; }
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(exports, "HostHoistableTag", {
|
|
52
52
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
53
|
+
get: function () { return chunkSMK2GONO_cjs.HostHoistableTag; }
|
|
54
54
|
});
|
|
55
55
|
Object.defineProperty(exports, "HostRootTag", {
|
|
56
56
|
enumerable: true,
|
|
57
|
-
get: function () { return
|
|
57
|
+
get: function () { return chunkSMK2GONO_cjs.HostRootTag; }
|
|
58
58
|
});
|
|
59
59
|
Object.defineProperty(exports, "HostSingletonTag", {
|
|
60
60
|
enumerable: true,
|
|
61
|
-
get: function () { return
|
|
61
|
+
get: function () { return chunkSMK2GONO_cjs.HostSingletonTag; }
|
|
62
62
|
});
|
|
63
63
|
Object.defineProperty(exports, "HostTextTag", {
|
|
64
64
|
enumerable: true,
|
|
65
|
-
get: function () { return
|
|
65
|
+
get: function () { return chunkSMK2GONO_cjs.HostTextTag; }
|
|
66
66
|
});
|
|
67
67
|
Object.defineProperty(exports, "LegacyHiddenComponentTag", {
|
|
68
68
|
enumerable: true,
|
|
69
|
-
get: function () { return
|
|
69
|
+
get: function () { return chunkSMK2GONO_cjs.LegacyHiddenComponentTag; }
|
|
70
70
|
});
|
|
71
71
|
Object.defineProperty(exports, "MemoComponentTag", {
|
|
72
72
|
enumerable: true,
|
|
73
|
-
get: function () { return
|
|
73
|
+
get: function () { return chunkSMK2GONO_cjs.MemoComponentTag; }
|
|
74
74
|
});
|
|
75
75
|
Object.defineProperty(exports, "OffscreenComponentTag", {
|
|
76
76
|
enumerable: true,
|
|
77
|
-
get: function () { return
|
|
77
|
+
get: function () { return chunkSMK2GONO_cjs.OffscreenComponentTag; }
|
|
78
78
|
});
|
|
79
79
|
Object.defineProperty(exports, "SimpleMemoComponentTag", {
|
|
80
80
|
enumerable: true,
|
|
81
|
-
get: function () { return
|
|
81
|
+
get: function () { return chunkSMK2GONO_cjs.SimpleMemoComponentTag; }
|
|
82
82
|
});
|
|
83
83
|
Object.defineProperty(exports, "SuspenseComponentTag", {
|
|
84
84
|
enumerable: true,
|
|
85
|
-
get: function () { return
|
|
85
|
+
get: function () { return chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_cjs.createFiberVisitor; }
|
|
94
94
|
});
|
|
95
95
|
Object.defineProperty(exports, "detectReactBuildType", {
|
|
96
96
|
enumerable: true,
|
|
97
|
-
get: function () { return
|
|
97
|
+
get: function () { return chunkSMK2GONO_cjs.detectReactBuildType; }
|
|
98
98
|
});
|
|
99
99
|
Object.defineProperty(exports, "didFiberCommit", {
|
|
100
100
|
enumerable: true,
|
|
101
|
-
get: function () { return
|
|
101
|
+
get: function () { return chunkSMK2GONO_cjs.didFiberCommit; }
|
|
102
102
|
});
|
|
103
103
|
Object.defineProperty(exports, "didFiberRender", {
|
|
104
104
|
enumerable: true,
|
|
105
|
-
get: function () { return
|
|
105
|
+
get: function () { return chunkSMK2GONO_cjs.didFiberRender; }
|
|
106
106
|
});
|
|
107
107
|
Object.defineProperty(exports, "fiberIdMap", {
|
|
108
108
|
enumerable: true,
|
|
109
|
-
get: function () { return
|
|
109
|
+
get: function () { return chunkSMK2GONO_cjs.fiberIdMap; }
|
|
110
110
|
});
|
|
111
111
|
Object.defineProperty(exports, "getDisplayName", {
|
|
112
112
|
enumerable: true,
|
|
113
|
-
get: function () { return
|
|
113
|
+
get: function () { return chunkSMK2GONO_cjs.getDisplayName; }
|
|
114
114
|
});
|
|
115
115
|
Object.defineProperty(exports, "getFiberFromHostInstance", {
|
|
116
116
|
enumerable: true,
|
|
117
|
-
get: function () { return
|
|
117
|
+
get: function () { return chunkSMK2GONO_cjs.getFiberFromHostInstance; }
|
|
118
118
|
});
|
|
119
119
|
Object.defineProperty(exports, "getFiberId", {
|
|
120
120
|
enumerable: true,
|
|
121
|
-
get: function () { return
|
|
121
|
+
get: function () { return chunkSMK2GONO_cjs.getFiberId; }
|
|
122
122
|
});
|
|
123
123
|
Object.defineProperty(exports, "getFiberStack", {
|
|
124
124
|
enumerable: true,
|
|
125
|
-
get: function () { return
|
|
125
|
+
get: function () { return chunkSMK2GONO_cjs.getFiberStack; }
|
|
126
126
|
});
|
|
127
127
|
Object.defineProperty(exports, "getMutatedHostFibers", {
|
|
128
128
|
enumerable: true,
|
|
129
|
-
get: function () { return
|
|
129
|
+
get: function () { return chunkSMK2GONO_cjs.getMutatedHostFibers; }
|
|
130
130
|
});
|
|
131
131
|
Object.defineProperty(exports, "getNearestHostFiber", {
|
|
132
132
|
enumerable: true,
|
|
133
|
-
get: function () { return
|
|
133
|
+
get: function () { return chunkSMK2GONO_cjs.getNearestHostFiber; }
|
|
134
134
|
});
|
|
135
135
|
Object.defineProperty(exports, "getNearestHostFibers", {
|
|
136
136
|
enumerable: true,
|
|
137
|
-
get: function () { return
|
|
137
|
+
get: function () { return chunkSMK2GONO_cjs.getNearestHostFibers; }
|
|
138
138
|
});
|
|
139
139
|
Object.defineProperty(exports, "getTimings", {
|
|
140
140
|
enumerable: true,
|
|
141
|
-
get: function () { return
|
|
141
|
+
get: function () { return chunkSMK2GONO_cjs.getTimings; }
|
|
142
142
|
});
|
|
143
143
|
Object.defineProperty(exports, "getType", {
|
|
144
144
|
enumerable: true,
|
|
145
|
-
get: function () { return
|
|
145
|
+
get: function () { return chunkSMK2GONO_cjs.getType; }
|
|
146
146
|
});
|
|
147
147
|
Object.defineProperty(exports, "hasMemoCache", {
|
|
148
148
|
enumerable: true,
|
|
149
|
-
get: function () { return
|
|
149
|
+
get: function () { return chunkSMK2GONO_cjs.hasMemoCache; }
|
|
150
150
|
});
|
|
151
151
|
Object.defineProperty(exports, "instrument", {
|
|
152
152
|
enumerable: true,
|
|
153
|
-
get: function () { return
|
|
153
|
+
get: function () { return chunkSMK2GONO_cjs.instrument; }
|
|
154
154
|
});
|
|
155
155
|
Object.defineProperty(exports, "isCompositeFiber", {
|
|
156
156
|
enumerable: true,
|
|
157
|
-
get: function () { return
|
|
157
|
+
get: function () { return chunkSMK2GONO_cjs.isCompositeFiber; }
|
|
158
158
|
});
|
|
159
159
|
Object.defineProperty(exports, "isHostFiber", {
|
|
160
160
|
enumerable: true,
|
|
161
|
-
get: function () { return
|
|
161
|
+
get: function () { return chunkSMK2GONO_cjs.isHostFiber; }
|
|
162
162
|
});
|
|
163
163
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
164
164
|
enumerable: true,
|
|
165
|
-
get: function () { return
|
|
165
|
+
get: function () { return chunkSMK2GONO_cjs.isInstrumentationActive; }
|
|
166
166
|
});
|
|
167
167
|
Object.defineProperty(exports, "isValidElement", {
|
|
168
168
|
enumerable: true,
|
|
169
|
-
get: function () { return
|
|
169
|
+
get: function () { return chunkSMK2GONO_cjs.isValidElement; }
|
|
170
170
|
});
|
|
171
171
|
Object.defineProperty(exports, "isValidFiber", {
|
|
172
172
|
enumerable: true,
|
|
173
|
-
get: function () { return
|
|
173
|
+
get: function () { return chunkSMK2GONO_cjs.isValidFiber; }
|
|
174
174
|
});
|
|
175
175
|
Object.defineProperty(exports, "mountFiberRecursively", {
|
|
176
176
|
enumerable: true,
|
|
177
|
-
get: function () { return
|
|
177
|
+
get: function () { return chunkSMK2GONO_cjs.mountFiberRecursively; }
|
|
178
178
|
});
|
|
179
179
|
Object.defineProperty(exports, "onCommitFiberRoot", {
|
|
180
180
|
enumerable: true,
|
|
181
|
-
get: function () { return
|
|
181
|
+
get: function () { return chunkSMK2GONO_cjs.onCommitFiberRoot; }
|
|
182
182
|
});
|
|
183
183
|
Object.defineProperty(exports, "secure", {
|
|
184
184
|
enumerable: true,
|
|
185
|
-
get: function () { return
|
|
185
|
+
get: function () { return chunkSMK2GONO_cjs.secure; }
|
|
186
186
|
});
|
|
187
187
|
Object.defineProperty(exports, "setFiberId", {
|
|
188
188
|
enumerable: true,
|
|
189
|
-
get: function () { return
|
|
189
|
+
get: function () { return chunkSMK2GONO_cjs.setFiberId; }
|
|
190
190
|
});
|
|
191
191
|
Object.defineProperty(exports, "shouldFilterFiber", {
|
|
192
192
|
enumerable: true,
|
|
193
|
-
get: function () { return
|
|
193
|
+
get: function () { return chunkSMK2GONO_cjs.shouldFilterFiber; }
|
|
194
194
|
});
|
|
195
195
|
Object.defineProperty(exports, "traverseContexts", {
|
|
196
196
|
enumerable: true,
|
|
197
|
-
get: function () { return
|
|
197
|
+
get: function () { return chunkSMK2GONO_cjs.traverseContexts; }
|
|
198
198
|
});
|
|
199
199
|
Object.defineProperty(exports, "traverseEffects", {
|
|
200
200
|
enumerable: true,
|
|
201
|
-
get: function () { return
|
|
201
|
+
get: function () { return chunkSMK2GONO_cjs.traverseEffects; }
|
|
202
202
|
});
|
|
203
203
|
Object.defineProperty(exports, "traverseFiber", {
|
|
204
204
|
enumerable: true,
|
|
205
|
-
get: function () { return
|
|
205
|
+
get: function () { return chunkSMK2GONO_cjs.traverseFiber; }
|
|
206
206
|
});
|
|
207
207
|
Object.defineProperty(exports, "traverseProps", {
|
|
208
208
|
enumerable: true,
|
|
209
|
-
get: function () { return
|
|
209
|
+
get: function () { return chunkSMK2GONO_cjs.traverseProps; }
|
|
210
210
|
});
|
|
211
211
|
Object.defineProperty(exports, "traverseRenderedFibers", {
|
|
212
212
|
enumerable: true,
|
|
213
|
-
get: function () { return
|
|
213
|
+
get: function () { return chunkSMK2GONO_cjs.traverseRenderedFibers; }
|
|
214
214
|
});
|
|
215
215
|
Object.defineProperty(exports, "traverseState", {
|
|
216
216
|
enumerable: true,
|
|
217
|
-
get: function () { return
|
|
217
|
+
get: function () { return chunkSMK2GONO_cjs.traverseState; }
|
|
218
218
|
});
|
|
219
219
|
Object.defineProperty(exports, "unmountFiber", {
|
|
220
220
|
enumerable: true,
|
|
221
|
-
get: function () { return
|
|
221
|
+
get: function () { return chunkSMK2GONO_cjs.unmountFiber; }
|
|
222
222
|
});
|
|
223
223
|
Object.defineProperty(exports, "unmountFiberChildrenRecursively", {
|
|
224
224
|
enumerable: true,
|
|
225
|
-
get: function () { return
|
|
225
|
+
get: function () { return chunkSMK2GONO_cjs.unmountFiberChildrenRecursively; }
|
|
226
226
|
});
|
|
227
227
|
Object.defineProperty(exports, "updateFiberRecursively", {
|
|
228
228
|
enumerable: true,
|
|
229
|
-
get: function () { return
|
|
229
|
+
get: function () { return chunkSMK2GONO_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-6RFLBWUK.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 chunkSMK2GONO_cjs = require('./chunk-SMK2GONO.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 chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_cjs.ClassComponentTag; }
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "ContextConsumerTag", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function () { return
|
|
26
|
+
get: function () { return chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_cjs.ForwardRefTag; }
|
|
43
43
|
});
|
|
44
44
|
Object.defineProperty(exports, "FragmentTag", {
|
|
45
45
|
enumerable: true,
|
|
46
|
-
get: function () { return
|
|
46
|
+
get: function () { return chunkSMK2GONO_cjs.FragmentTag; }
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "FunctionComponentTag", {
|
|
49
49
|
enumerable: true,
|
|
50
|
-
get: function () { return
|
|
50
|
+
get: function () { return chunkSMK2GONO_cjs.FunctionComponentTag; }
|
|
51
51
|
});
|
|
52
52
|
Object.defineProperty(exports, "HostComponentTag", {
|
|
53
53
|
enumerable: true,
|
|
54
|
-
get: function () { return
|
|
54
|
+
get: function () { return chunkSMK2GONO_cjs.HostComponentTag; }
|
|
55
55
|
});
|
|
56
56
|
Object.defineProperty(exports, "HostHoistableTag", {
|
|
57
57
|
enumerable: true,
|
|
58
|
-
get: function () { return
|
|
58
|
+
get: function () { return chunkSMK2GONO_cjs.HostHoistableTag; }
|
|
59
59
|
});
|
|
60
60
|
Object.defineProperty(exports, "HostRootTag", {
|
|
61
61
|
enumerable: true,
|
|
62
|
-
get: function () { return
|
|
62
|
+
get: function () { return chunkSMK2GONO_cjs.HostRootTag; }
|
|
63
63
|
});
|
|
64
64
|
Object.defineProperty(exports, "HostSingletonTag", {
|
|
65
65
|
enumerable: true,
|
|
66
|
-
get: function () { return
|
|
66
|
+
get: function () { return chunkSMK2GONO_cjs.HostSingletonTag; }
|
|
67
67
|
});
|
|
68
68
|
Object.defineProperty(exports, "HostTextTag", {
|
|
69
69
|
enumerable: true,
|
|
70
|
-
get: function () { return
|
|
70
|
+
get: function () { return chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_cjs.LegacyHiddenComponentTag; }
|
|
79
79
|
});
|
|
80
80
|
Object.defineProperty(exports, "MemoComponentTag", {
|
|
81
81
|
enumerable: true,
|
|
82
|
-
get: function () { return
|
|
82
|
+
get: function () { return chunkSMK2GONO_cjs.MemoComponentTag; }
|
|
83
83
|
});
|
|
84
84
|
Object.defineProperty(exports, "OffscreenComponentTag", {
|
|
85
85
|
enumerable: true,
|
|
86
|
-
get: function () { return
|
|
86
|
+
get: function () { return chunkSMK2GONO_cjs.OffscreenComponentTag; }
|
|
87
87
|
});
|
|
88
88
|
Object.defineProperty(exports, "SimpleMemoComponentTag", {
|
|
89
89
|
enumerable: true,
|
|
90
|
-
get: function () { return
|
|
90
|
+
get: function () { return chunkSMK2GONO_cjs.SimpleMemoComponentTag; }
|
|
91
91
|
});
|
|
92
92
|
Object.defineProperty(exports, "SuspenseComponentTag", {
|
|
93
93
|
enumerable: true,
|
|
94
|
-
get: function () { return
|
|
94
|
+
get: function () { return chunkSMK2GONO_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 chunkSMK2GONO_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 chunkSMK2GONO_cjs.createFiberVisitor; }
|
|
103
103
|
});
|
|
104
104
|
Object.defineProperty(exports, "detectReactBuildType", {
|
|
105
105
|
enumerable: true,
|
|
106
|
-
get: function () { return
|
|
106
|
+
get: function () { return chunkSMK2GONO_cjs.detectReactBuildType; }
|
|
107
107
|
});
|
|
108
108
|
Object.defineProperty(exports, "didFiberCommit", {
|
|
109
109
|
enumerable: true,
|
|
110
|
-
get: function () { return
|
|
110
|
+
get: function () { return chunkSMK2GONO_cjs.didFiberCommit; }
|
|
111
111
|
});
|
|
112
112
|
Object.defineProperty(exports, "didFiberRender", {
|
|
113
113
|
enumerable: true,
|
|
114
|
-
get: function () { return
|
|
114
|
+
get: function () { return chunkSMK2GONO_cjs.didFiberRender; }
|
|
115
115
|
});
|
|
116
116
|
Object.defineProperty(exports, "fiberIdMap", {
|
|
117
117
|
enumerable: true,
|
|
118
|
-
get: function () { return
|
|
118
|
+
get: function () { return chunkSMK2GONO_cjs.fiberIdMap; }
|
|
119
119
|
});
|
|
120
120
|
Object.defineProperty(exports, "getDisplayName", {
|
|
121
121
|
enumerable: true,
|
|
122
|
-
get: function () { return
|
|
122
|
+
get: function () { return chunkSMK2GONO_cjs.getDisplayName; }
|
|
123
123
|
});
|
|
124
124
|
Object.defineProperty(exports, "getFiberFromHostInstance", {
|
|
125
125
|
enumerable: true,
|
|
126
|
-
get: function () { return
|
|
126
|
+
get: function () { return chunkSMK2GONO_cjs.getFiberFromHostInstance; }
|
|
127
127
|
});
|
|
128
128
|
Object.defineProperty(exports, "getFiberId", {
|
|
129
129
|
enumerable: true,
|
|
130
|
-
get: function () { return
|
|
130
|
+
get: function () { return chunkSMK2GONO_cjs.getFiberId; }
|
|
131
131
|
});
|
|
132
132
|
Object.defineProperty(exports, "getFiberStack", {
|
|
133
133
|
enumerable: true,
|
|
134
|
-
get: function () { return
|
|
134
|
+
get: function () { return chunkSMK2GONO_cjs.getFiberStack; }
|
|
135
135
|
});
|
|
136
136
|
Object.defineProperty(exports, "getMutatedHostFibers", {
|
|
137
137
|
enumerable: true,
|
|
138
|
-
get: function () { return
|
|
138
|
+
get: function () { return chunkSMK2GONO_cjs.getMutatedHostFibers; }
|
|
139
139
|
});
|
|
140
140
|
Object.defineProperty(exports, "getNearestHostFiber", {
|
|
141
141
|
enumerable: true,
|
|
142
|
-
get: function () { return
|
|
142
|
+
get: function () { return chunkSMK2GONO_cjs.getNearestHostFiber; }
|
|
143
143
|
});
|
|
144
144
|
Object.defineProperty(exports, "getNearestHostFibers", {
|
|
145
145
|
enumerable: true,
|
|
146
|
-
get: function () { return
|
|
146
|
+
get: function () { return chunkSMK2GONO_cjs.getNearestHostFibers; }
|
|
147
147
|
});
|
|
148
148
|
Object.defineProperty(exports, "getRDTHook", {
|
|
149
149
|
enumerable: true,
|
|
150
|
-
get: function () { return
|
|
150
|
+
get: function () { return chunkSMK2GONO_cjs.getRDTHook; }
|
|
151
151
|
});
|
|
152
152
|
Object.defineProperty(exports, "getTimings", {
|
|
153
153
|
enumerable: true,
|
|
154
|
-
get: function () { return
|
|
154
|
+
get: function () { return chunkSMK2GONO_cjs.getTimings; }
|
|
155
155
|
});
|
|
156
156
|
Object.defineProperty(exports, "getType", {
|
|
157
157
|
enumerable: true,
|
|
158
|
-
get: function () { return
|
|
158
|
+
get: function () { return chunkSMK2GONO_cjs.getType; }
|
|
159
159
|
});
|
|
160
160
|
Object.defineProperty(exports, "hasMemoCache", {
|
|
161
161
|
enumerable: true,
|
|
162
|
-
get: function () { return
|
|
162
|
+
get: function () { return chunkSMK2GONO_cjs.hasMemoCache; }
|
|
163
163
|
});
|
|
164
164
|
Object.defineProperty(exports, "hasRDTHook", {
|
|
165
165
|
enumerable: true,
|
|
166
|
-
get: function () { return
|
|
166
|
+
get: function () { return chunkSMK2GONO_cjs.hasRDTHook; }
|
|
167
167
|
});
|
|
168
168
|
Object.defineProperty(exports, "installRDTHook", {
|
|
169
169
|
enumerable: true,
|
|
170
|
-
get: function () { return
|
|
170
|
+
get: function () { return chunkSMK2GONO_cjs.installRDTHook; }
|
|
171
171
|
});
|
|
172
172
|
Object.defineProperty(exports, "instrument", {
|
|
173
173
|
enumerable: true,
|
|
174
|
-
get: function () { return
|
|
174
|
+
get: function () { return chunkSMK2GONO_cjs.instrument; }
|
|
175
175
|
});
|
|
176
176
|
Object.defineProperty(exports, "isCompositeFiber", {
|
|
177
177
|
enumerable: true,
|
|
178
|
-
get: function () { return
|
|
178
|
+
get: function () { return chunkSMK2GONO_cjs.isCompositeFiber; }
|
|
179
179
|
});
|
|
180
180
|
Object.defineProperty(exports, "isHostFiber", {
|
|
181
181
|
enumerable: true,
|
|
182
|
-
get: function () { return
|
|
182
|
+
get: function () { return chunkSMK2GONO_cjs.isHostFiber; }
|
|
183
183
|
});
|
|
184
184
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
185
185
|
enumerable: true,
|
|
186
|
-
get: function () { return
|
|
186
|
+
get: function () { return chunkSMK2GONO_cjs.isInstrumentationActive; }
|
|
187
187
|
});
|
|
188
188
|
Object.defineProperty(exports, "isReactRefresh", {
|
|
189
189
|
enumerable: true,
|
|
190
|
-
get: function () { return
|
|
190
|
+
get: function () { return chunkSMK2GONO_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 chunkSMK2GONO_cjs.isRealReactDevtools; }
|
|
199
195
|
});
|
|
200
196
|
Object.defineProperty(exports, "isValidElement", {
|
|
201
197
|
enumerable: true,
|
|
202
|
-
get: function () { return
|
|
198
|
+
get: function () { return chunkSMK2GONO_cjs.isValidElement; }
|
|
203
199
|
});
|
|
204
200
|
Object.defineProperty(exports, "isValidFiber", {
|
|
205
201
|
enumerable: true,
|
|
206
|
-
get: function () { return
|
|
202
|
+
get: function () { return chunkSMK2GONO_cjs.isValidFiber; }
|
|
207
203
|
});
|
|
208
204
|
Object.defineProperty(exports, "mountFiberRecursively", {
|
|
209
205
|
enumerable: true,
|
|
210
|
-
get: function () { return
|
|
206
|
+
get: function () { return chunkSMK2GONO_cjs.mountFiberRecursively; }
|
|
211
207
|
});
|
|
212
208
|
Object.defineProperty(exports, "onCommitFiberRoot", {
|
|
213
209
|
enumerable: true,
|
|
214
|
-
get: function () { return
|
|
210
|
+
get: function () { return chunkSMK2GONO_cjs.onCommitFiberRoot; }
|
|
215
211
|
});
|
|
216
212
|
Object.defineProperty(exports, "patchRDTHook", {
|
|
217
213
|
enumerable: true,
|
|
218
|
-
get: function () { return
|
|
214
|
+
get: function () { return chunkSMK2GONO_cjs.patchRDTHook; }
|
|
215
|
+
});
|
|
216
|
+
Object.defineProperty(exports, "registerServiceWorker", {
|
|
217
|
+
enumerable: true,
|
|
218
|
+
get: function () { return chunkSMK2GONO_cjs.registerServiceWorker; }
|
|
219
219
|
});
|
|
220
220
|
Object.defineProperty(exports, "secure", {
|
|
221
221
|
enumerable: true,
|
|
222
|
-
get: function () { return
|
|
222
|
+
get: function () { return chunkSMK2GONO_cjs.secure; }
|
|
223
223
|
});
|
|
224
224
|
Object.defineProperty(exports, "setFiberId", {
|
|
225
225
|
enumerable: true,
|
|
226
|
-
get: function () { return
|
|
226
|
+
get: function () { return chunkSMK2GONO_cjs.setFiberId; }
|
|
227
227
|
});
|
|
228
228
|
Object.defineProperty(exports, "shouldFilterFiber", {
|
|
229
229
|
enumerable: true,
|
|
230
|
-
get: function () { return
|
|
230
|
+
get: function () { return chunkSMK2GONO_cjs.shouldFilterFiber; }
|
|
231
231
|
});
|
|
232
232
|
Object.defineProperty(exports, "traverseContexts", {
|
|
233
233
|
enumerable: true,
|
|
234
|
-
get: function () { return
|
|
234
|
+
get: function () { return chunkSMK2GONO_cjs.traverseContexts; }
|
|
235
235
|
});
|
|
236
236
|
Object.defineProperty(exports, "traverseEffects", {
|
|
237
237
|
enumerable: true,
|
|
238
|
-
get: function () { return
|
|
238
|
+
get: function () { return chunkSMK2GONO_cjs.traverseEffects; }
|
|
239
239
|
});
|
|
240
240
|
Object.defineProperty(exports, "traverseFiber", {
|
|
241
241
|
enumerable: true,
|
|
242
|
-
get: function () { return
|
|
242
|
+
get: function () { return chunkSMK2GONO_cjs.traverseFiber; }
|
|
243
243
|
});
|
|
244
244
|
Object.defineProperty(exports, "traverseProps", {
|
|
245
245
|
enumerable: true,
|
|
246
|
-
get: function () { return
|
|
246
|
+
get: function () { return chunkSMK2GONO_cjs.traverseProps; }
|
|
247
247
|
});
|
|
248
248
|
Object.defineProperty(exports, "traverseRenderedFibers", {
|
|
249
249
|
enumerable: true,
|
|
250
|
-
get: function () { return
|
|
250
|
+
get: function () { return chunkSMK2GONO_cjs.traverseRenderedFibers; }
|
|
251
251
|
});
|
|
252
252
|
Object.defineProperty(exports, "traverseState", {
|
|
253
253
|
enumerable: true,
|
|
254
|
-
get: function () { return
|
|
254
|
+
get: function () { return chunkSMK2GONO_cjs.traverseState; }
|
|
255
255
|
});
|
|
256
256
|
Object.defineProperty(exports, "unmountFiber", {
|
|
257
257
|
enumerable: true,
|
|
258
|
-
get: function () { return
|
|
258
|
+
get: function () { return chunkSMK2GONO_cjs.unmountFiber; }
|
|
259
259
|
});
|
|
260
260
|
Object.defineProperty(exports, "unmountFiberChildrenRecursively", {
|
|
261
261
|
enumerable: true,
|
|
262
|
-
get: function () { return
|
|
262
|
+
get: function () { return chunkSMK2GONO_cjs.unmountFiberChildrenRecursively; }
|
|
263
263
|
});
|
|
264
264
|
Object.defineProperty(exports, "updateFiberRecursively", {
|
|
265
265
|
enumerable: true,
|
|
266
|
-
get: function () { return
|
|
266
|
+
get: function () { return chunkSMK2GONO_cjs.updateFiberRecursively; }
|
|
267
267
|
});
|
|
268
268
|
Object.defineProperty(exports, "version", {
|
|
269
269
|
enumerable: true,
|
|
270
|
-
get: function () { return
|
|
270
|
+
get: function () { return chunkSMK2GONO_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: () => Promise<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: () => Promise<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-6RFLBWUK.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 chunkSMK2GONO_cjs = require('./chunk-SMK2GONO.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 = chunkSMK2GONO_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 === chunkSMK2GONO_cjs.HostRootTag ? "#root" : fiber.type === null && fiber.tag === chunkSMK2GONO_cjs.HostTextTag ? "#text" : chunkSMK2GONO_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 === chunkSMK2GONO_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(chunkSMK2GONO_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 && chunkSMK2GONO_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(chunkSMK2GONO_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 = `${chunkSMK2GONO_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 === chunkSMK2GONO_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 === chunkSMK2GONO_cjs.HostRootTag) {
|
|
4890
4890
|
name = "#root";
|
|
4891
4891
|
} else {
|
|
4892
|
-
name =
|
|
4892
|
+
name = chunkSMK2GONO_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(chunkSMK2GONO_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 = chunkSMK2GONO_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
|
+
chunkSMK2GONO_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", chunkSMK2GONO_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", chunkSMK2GONO_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", chunkSMK2GONO_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
|
+
chunkSMK2GONO_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
|
+
chunkSMK2GONO_cjs.traverseRenderedFibers(root2, (renderedFiber) => {
|
|
5097
|
+
const fiberId = chunkSMK2GONO_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
|
+
chunkSMK2GONO_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 = chunkSMK2GONO_cjs.getFiberId(fiber).toString();
|
|
5136
5136
|
const states = fiberStates.get(fiberId);
|
|
5137
5137
|
if (states?.[index]) {
|
|
5138
|
-
const rdtHook =
|
|
5138
|
+
const rdtHook = chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ? new Date(fiberStates.get(chunkSMK2GONO_cjs.getFiberId(fiber).toString())?.[timelineIndex]?.timestamp ?? 0).toLocaleTimeString() : "--:--:--"), !fiberStates.get(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_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(chunkSMK2GONO_cjs.getFiberId(fiber).toString())?.length,
|
|
5481
5481
|
style: {
|
|
5482
5482
|
width: "100%",
|
|
5483
5483
|
accentColor: "#FFC799",
|
|
5484
|
-
opacity: fiberStates.get(
|
|
5484
|
+
opacity: fiberStates.get(chunkSMK2GONO_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 = chunkSMK2GONO_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 = chunkSMK2GONO_cjs.isInstrumentationActive() || chunkSMK2GONO_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 = chunkSMK2GONO_cjs.getRDTHook();
|
|
5565
5565
|
for (const renderer of rdtHook.renderers.values()) {
|
|
5566
|
-
const buildType =
|
|
5566
|
+
const buildType = chunkSMK2GONO_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 = chunkSMK2GONO_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
|
+
chunkSMK2GONO_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 ? chunkSMK2GONO_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 : chunkSMK2GONO_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 : chunkSMK2GONO_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: chunkSMK2GONO_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 = chunkSMK2GONO_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 = chunkSMK2GONO_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: chunkSMK2GONO_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-6RFLBWUK.js';
|
|
3
3
|
import React17, { createContext, memo, Children, useContext, useCallback, useState, useLayoutEffect, useRef, useMemo, useEffect } from 'react';
|
|
4
4
|
|
|
5
5
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bippy",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.10",
|
|
4
4
|
"description": "hack into react internals",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -75,13 +75,7 @@
|
|
|
75
75
|
"module": "dist/index.js",
|
|
76
76
|
"browser": "dist/index.global.js",
|
|
77
77
|
"types": "dist/index.d.ts",
|
|
78
|
-
"files": [
|
|
79
|
-
"dist",
|
|
80
|
-
"bin",
|
|
81
|
-
"package.json",
|
|
82
|
-
"README.md",
|
|
83
|
-
"LICENSE"
|
|
84
|
-
],
|
|
78
|
+
"files": ["dist", "bin", "package.json", "README.md", "LICENSE"],
|
|
85
79
|
"scripts": {
|
|
86
80
|
"build": "NODE_ENV=production tsup",
|
|
87
81
|
"dev": "NODE_ENV=development tsup --watch",
|
|
@@ -107,6 +101,7 @@
|
|
|
107
101
|
"esbuild": "^0.24.2",
|
|
108
102
|
"esbuild-plugin-inline-worker": "^0.1.1",
|
|
109
103
|
"happy-dom": "^15.11.7",
|
|
104
|
+
"pkg-pr-new": "^0.0.39",
|
|
110
105
|
"publint": "^0.2.12",
|
|
111
106
|
"react": "19.0.0",
|
|
112
107
|
"react-dom": "19.0.0",
|
|
@@ -116,6 +111,7 @@
|
|
|
116
111
|
"tsup": "^8.2.4",
|
|
117
112
|
"vitest": "^2.1.8"
|
|
118
113
|
},
|
|
114
|
+
"packageManager": "pnpm@9.15.2",
|
|
119
115
|
"publishConfig": {
|
|
120
116
|
"access": "public"
|
|
121
117
|
}
|