bippy 0.2.6 → 0.2.7
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-A425RZH5.cjs → chunk-7H6RTVXX.cjs} +18 -6
- package/dist/{chunk-DCVQB6TW.js → chunk-ZF32UKFC.js} +17 -7
- package/dist/core.cjs +57 -57
- package/dist/core.d.cts +195 -3
- package/dist/core.d.ts +195 -3
- package/dist/core.js +1 -1
- package/dist/index.cjs +70 -66
- package/dist/index.d.cts +10 -5
- package/dist/index.d.ts +10 -5
- package/dist/index.js +1 -1
- package/dist/inspect.cjs +427 -87
- package/dist/inspect.js +400 -60
- package/dist/sw.cjs +38 -0
- package/dist/sw.d.cts +69 -0
- package/dist/sw.d.ts +69 -0
- package/dist/sw.global.js +9 -0
- package/dist/sw.js +36 -0
- package/package.json +11 -1
- package/dist/core-VaoADixi.d.cts +0 -260
- package/dist/core-VaoADixi.d.ts +0 -260
- package/dist/index.global.js +0 -9
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
3
4
|
/**
|
|
4
5
|
* @license bippy
|
|
5
6
|
*
|
|
@@ -10,7 +11,7 @@
|
|
|
10
11
|
*/
|
|
11
12
|
|
|
12
13
|
// src/rdt-hook.ts
|
|
13
|
-
var version = "0.2.
|
|
14
|
+
var version = "0.2.7";
|
|
14
15
|
var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
|
|
15
16
|
var NO_OP = () => {
|
|
16
17
|
};
|
|
@@ -79,10 +80,10 @@ var patchRDTHook = (onActive) => {
|
|
|
79
80
|
rdtHook.hasUnsupportedRendererAttached = false;
|
|
80
81
|
rdtHook._instrumentationSource = BIPPY_INSTRUMENTATION_STRING;
|
|
81
82
|
rdtHook._instrumentationIsActive = true;
|
|
82
|
-
onActive?.();
|
|
83
83
|
}
|
|
84
84
|
} catch {
|
|
85
85
|
}
|
|
86
|
+
onActive?.();
|
|
86
87
|
};
|
|
87
88
|
var hasRDTHook = () => {
|
|
88
89
|
return Object.prototype.hasOwnProperty.call(
|
|
@@ -97,14 +98,24 @@ var getRDTHook = (onActive) => {
|
|
|
97
98
|
patchRDTHook(onActive);
|
|
98
99
|
return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
|
99
100
|
};
|
|
101
|
+
var isRegistered = false;
|
|
102
|
+
var isServiceWorkerRegistered = () => {
|
|
103
|
+
return isRegistered;
|
|
104
|
+
};
|
|
100
105
|
try {
|
|
101
106
|
if (typeof window !== "undefined" && // @ts-expect-error `document` may not be defined in some enviroments
|
|
102
|
-
(window.document?.createElement || window.navigator?.product === "ReactNative")
|
|
107
|
+
(window.document?.createElement || window.navigator?.product === "ReactNative")) {
|
|
103
108
|
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-7H6RTVXX.cjs', document.baseURI).href)))).then(() => {
|
|
111
|
+
isRegistered = true;
|
|
112
|
+
}).catch(() => {
|
|
113
|
+
});
|
|
114
|
+
}
|
|
104
115
|
}
|
|
105
116
|
} catch {
|
|
106
117
|
}
|
|
107
|
-
var 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{}})()
|
|
118
|
+
var 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{}})()";
|
|
108
119
|
|
|
109
120
|
// src/core.ts
|
|
110
121
|
var FunctionComponentTag = 0;
|
|
@@ -612,7 +623,7 @@ var getFiberFromHostInstance = (hostInstance) => {
|
|
|
612
623
|
}
|
|
613
624
|
for (const key in hostInstance) {
|
|
614
625
|
if (key.startsWith("__reactInternalInstance$") || key.startsWith("__reactFiber")) {
|
|
615
|
-
return hostInstance[key];
|
|
626
|
+
return hostInstance[key] || null;
|
|
616
627
|
}
|
|
617
628
|
}
|
|
618
629
|
}
|
|
@@ -700,7 +711,7 @@ var secure = (options, secureOptions = {}) => {
|
|
|
700
711
|
return options;
|
|
701
712
|
};
|
|
702
713
|
var onCommitFiberRoot = (handler) => {
|
|
703
|
-
instrument(
|
|
714
|
+
return instrument(
|
|
704
715
|
secure({
|
|
705
716
|
onCommitFiberRoot: (_, root) => {
|
|
706
717
|
handler(root);
|
|
@@ -756,6 +767,7 @@ exports.isHostFiber = isHostFiber;
|
|
|
756
767
|
exports.isInstrumentationActive = isInstrumentationActive;
|
|
757
768
|
exports.isReactRefresh = isReactRefresh;
|
|
758
769
|
exports.isRealReactDevtools = isRealReactDevtools;
|
|
770
|
+
exports.isServiceWorkerRegistered = isServiceWorkerRegistered;
|
|
759
771
|
exports.isValidElement = isValidElement;
|
|
760
772
|
exports.isValidFiber = isValidFiber;
|
|
761
773
|
exports.mountFiberRecursively = mountFiberRecursively;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
// src/rdt-hook.ts
|
|
11
|
-
var version = "0.2.
|
|
11
|
+
var version = "0.2.7";
|
|
12
12
|
var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
|
|
13
13
|
var NO_OP = () => {
|
|
14
14
|
};
|
|
@@ -77,10 +77,10 @@ var patchRDTHook = (onActive) => {
|
|
|
77
77
|
rdtHook.hasUnsupportedRendererAttached = false;
|
|
78
78
|
rdtHook._instrumentationSource = BIPPY_INSTRUMENTATION_STRING;
|
|
79
79
|
rdtHook._instrumentationIsActive = true;
|
|
80
|
-
onActive?.();
|
|
81
80
|
}
|
|
82
81
|
} catch {
|
|
83
82
|
}
|
|
83
|
+
onActive?.();
|
|
84
84
|
};
|
|
85
85
|
var hasRDTHook = () => {
|
|
86
86
|
return Object.prototype.hasOwnProperty.call(
|
|
@@ -95,14 +95,24 @@ var getRDTHook = (onActive) => {
|
|
|
95
95
|
patchRDTHook(onActive);
|
|
96
96
|
return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
|
97
97
|
};
|
|
98
|
+
var isRegistered = false;
|
|
99
|
+
var isServiceWorkerRegistered = () => {
|
|
100
|
+
return isRegistered;
|
|
101
|
+
};
|
|
98
102
|
try {
|
|
99
103
|
if (typeof window !== "undefined" && // @ts-expect-error `document` may not be defined in some enviroments
|
|
100
|
-
(window.document?.createElement || window.navigator?.product === "ReactNative")
|
|
104
|
+
(window.document?.createElement || window.navigator?.product === "ReactNative")) {
|
|
101
105
|
installRDTHook();
|
|
106
|
+
if (typeof navigator !== "undefined" && "serviceWorker" in navigator) {
|
|
107
|
+
navigator.serviceWorker.register(new URL("./sw.js", import.meta.url)).then(() => {
|
|
108
|
+
isRegistered = true;
|
|
109
|
+
}).catch(() => {
|
|
110
|
+
});
|
|
111
|
+
}
|
|
102
112
|
}
|
|
103
113
|
} catch {
|
|
104
114
|
}
|
|
105
|
-
var 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{}})()
|
|
115
|
+
var 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{}})()";
|
|
106
116
|
|
|
107
117
|
// src/core.ts
|
|
108
118
|
var FunctionComponentTag = 0;
|
|
@@ -610,7 +620,7 @@ var getFiberFromHostInstance = (hostInstance) => {
|
|
|
610
620
|
}
|
|
611
621
|
for (const key in hostInstance) {
|
|
612
622
|
if (key.startsWith("__reactInternalInstance$") || key.startsWith("__reactFiber")) {
|
|
613
|
-
return hostInstance[key];
|
|
623
|
+
return hostInstance[key] || null;
|
|
614
624
|
}
|
|
615
625
|
}
|
|
616
626
|
}
|
|
@@ -698,7 +708,7 @@ var secure = (options, secureOptions = {}) => {
|
|
|
698
708
|
return options;
|
|
699
709
|
};
|
|
700
710
|
var onCommitFiberRoot = (handler) => {
|
|
701
|
-
instrument(
|
|
711
|
+
return instrument(
|
|
702
712
|
secure({
|
|
703
713
|
onCommitFiberRoot: (_, root) => {
|
|
704
714
|
handler(root);
|
|
@@ -707,4 +717,4 @@ var onCommitFiberRoot = (handler) => {
|
|
|
707
717
|
);
|
|
708
718
|
};
|
|
709
719
|
|
|
710
|
-
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, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseEffects, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|
|
720
|
+
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, isServiceWorkerRegistered, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, 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 chunk7H6RTVXX_cjs = require('./chunk-7H6RTVXX.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 chunk7H6RTVXX_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 chunk7H6RTVXX_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 chunk7H6RTVXX_cjs.ClassComponentTag; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "ContextConsumerTag", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunk7H6RTVXX_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 chunk7H6RTVXX_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 chunk7H6RTVXX_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 chunk7H6RTVXX_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 chunk7H6RTVXX_cjs.ForwardRefTag; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "FragmentTag", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunk7H6RTVXX_cjs.FragmentTag; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "FunctionComponentTag", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunk7H6RTVXX_cjs.FunctionComponentTag; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "HostComponentTag", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunk7H6RTVXX_cjs.HostComponentTag; }
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(exports, "HostHoistableTag", {
|
|
52
52
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
53
|
+
get: function () { return chunk7H6RTVXX_cjs.HostHoistableTag; }
|
|
54
54
|
});
|
|
55
55
|
Object.defineProperty(exports, "HostRootTag", {
|
|
56
56
|
enumerable: true,
|
|
57
|
-
get: function () { return
|
|
57
|
+
get: function () { return chunk7H6RTVXX_cjs.HostRootTag; }
|
|
58
58
|
});
|
|
59
59
|
Object.defineProperty(exports, "HostSingletonTag", {
|
|
60
60
|
enumerable: true,
|
|
61
|
-
get: function () { return
|
|
61
|
+
get: function () { return chunk7H6RTVXX_cjs.HostSingletonTag; }
|
|
62
62
|
});
|
|
63
63
|
Object.defineProperty(exports, "HostTextTag", {
|
|
64
64
|
enumerable: true,
|
|
65
|
-
get: function () { return
|
|
65
|
+
get: function () { return chunk7H6RTVXX_cjs.HostTextTag; }
|
|
66
66
|
});
|
|
67
67
|
Object.defineProperty(exports, "LegacyHiddenComponentTag", {
|
|
68
68
|
enumerable: true,
|
|
69
|
-
get: function () { return
|
|
69
|
+
get: function () { return chunk7H6RTVXX_cjs.LegacyHiddenComponentTag; }
|
|
70
70
|
});
|
|
71
71
|
Object.defineProperty(exports, "MemoComponentTag", {
|
|
72
72
|
enumerable: true,
|
|
73
|
-
get: function () { return
|
|
73
|
+
get: function () { return chunk7H6RTVXX_cjs.MemoComponentTag; }
|
|
74
74
|
});
|
|
75
75
|
Object.defineProperty(exports, "OffscreenComponentTag", {
|
|
76
76
|
enumerable: true,
|
|
77
|
-
get: function () { return
|
|
77
|
+
get: function () { return chunk7H6RTVXX_cjs.OffscreenComponentTag; }
|
|
78
78
|
});
|
|
79
79
|
Object.defineProperty(exports, "SimpleMemoComponentTag", {
|
|
80
80
|
enumerable: true,
|
|
81
|
-
get: function () { return
|
|
81
|
+
get: function () { return chunk7H6RTVXX_cjs.SimpleMemoComponentTag; }
|
|
82
82
|
});
|
|
83
83
|
Object.defineProperty(exports, "SuspenseComponentTag", {
|
|
84
84
|
enumerable: true,
|
|
85
|
-
get: function () { return
|
|
85
|
+
get: function () { return chunk7H6RTVXX_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 chunk7H6RTVXX_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 chunk7H6RTVXX_cjs.createFiberVisitor; }
|
|
94
94
|
});
|
|
95
95
|
Object.defineProperty(exports, "detectReactBuildType", {
|
|
96
96
|
enumerable: true,
|
|
97
|
-
get: function () { return
|
|
97
|
+
get: function () { return chunk7H6RTVXX_cjs.detectReactBuildType; }
|
|
98
98
|
});
|
|
99
99
|
Object.defineProperty(exports, "didFiberCommit", {
|
|
100
100
|
enumerable: true,
|
|
101
|
-
get: function () { return
|
|
101
|
+
get: function () { return chunk7H6RTVXX_cjs.didFiberCommit; }
|
|
102
102
|
});
|
|
103
103
|
Object.defineProperty(exports, "didFiberRender", {
|
|
104
104
|
enumerable: true,
|
|
105
|
-
get: function () { return
|
|
105
|
+
get: function () { return chunk7H6RTVXX_cjs.didFiberRender; }
|
|
106
106
|
});
|
|
107
107
|
Object.defineProperty(exports, "fiberIdMap", {
|
|
108
108
|
enumerable: true,
|
|
109
|
-
get: function () { return
|
|
109
|
+
get: function () { return chunk7H6RTVXX_cjs.fiberIdMap; }
|
|
110
110
|
});
|
|
111
111
|
Object.defineProperty(exports, "getDisplayName", {
|
|
112
112
|
enumerable: true,
|
|
113
|
-
get: function () { return
|
|
113
|
+
get: function () { return chunk7H6RTVXX_cjs.getDisplayName; }
|
|
114
114
|
});
|
|
115
115
|
Object.defineProperty(exports, "getFiberFromHostInstance", {
|
|
116
116
|
enumerable: true,
|
|
117
|
-
get: function () { return
|
|
117
|
+
get: function () { return chunk7H6RTVXX_cjs.getFiberFromHostInstance; }
|
|
118
118
|
});
|
|
119
119
|
Object.defineProperty(exports, "getFiberId", {
|
|
120
120
|
enumerable: true,
|
|
121
|
-
get: function () { return
|
|
121
|
+
get: function () { return chunk7H6RTVXX_cjs.getFiberId; }
|
|
122
122
|
});
|
|
123
123
|
Object.defineProperty(exports, "getFiberStack", {
|
|
124
124
|
enumerable: true,
|
|
125
|
-
get: function () { return
|
|
125
|
+
get: function () { return chunk7H6RTVXX_cjs.getFiberStack; }
|
|
126
126
|
});
|
|
127
127
|
Object.defineProperty(exports, "getMutatedHostFibers", {
|
|
128
128
|
enumerable: true,
|
|
129
|
-
get: function () { return
|
|
129
|
+
get: function () { return chunk7H6RTVXX_cjs.getMutatedHostFibers; }
|
|
130
130
|
});
|
|
131
131
|
Object.defineProperty(exports, "getNearestHostFiber", {
|
|
132
132
|
enumerable: true,
|
|
133
|
-
get: function () { return
|
|
133
|
+
get: function () { return chunk7H6RTVXX_cjs.getNearestHostFiber; }
|
|
134
134
|
});
|
|
135
135
|
Object.defineProperty(exports, "getNearestHostFibers", {
|
|
136
136
|
enumerable: true,
|
|
137
|
-
get: function () { return
|
|
137
|
+
get: function () { return chunk7H6RTVXX_cjs.getNearestHostFibers; }
|
|
138
138
|
});
|
|
139
139
|
Object.defineProperty(exports, "getTimings", {
|
|
140
140
|
enumerable: true,
|
|
141
|
-
get: function () { return
|
|
141
|
+
get: function () { return chunk7H6RTVXX_cjs.getTimings; }
|
|
142
142
|
});
|
|
143
143
|
Object.defineProperty(exports, "getType", {
|
|
144
144
|
enumerable: true,
|
|
145
|
-
get: function () { return
|
|
145
|
+
get: function () { return chunk7H6RTVXX_cjs.getType; }
|
|
146
146
|
});
|
|
147
147
|
Object.defineProperty(exports, "hasMemoCache", {
|
|
148
148
|
enumerable: true,
|
|
149
|
-
get: function () { return
|
|
149
|
+
get: function () { return chunk7H6RTVXX_cjs.hasMemoCache; }
|
|
150
150
|
});
|
|
151
151
|
Object.defineProperty(exports, "instrument", {
|
|
152
152
|
enumerable: true,
|
|
153
|
-
get: function () { return
|
|
153
|
+
get: function () { return chunk7H6RTVXX_cjs.instrument; }
|
|
154
154
|
});
|
|
155
155
|
Object.defineProperty(exports, "isCompositeFiber", {
|
|
156
156
|
enumerable: true,
|
|
157
|
-
get: function () { return
|
|
157
|
+
get: function () { return chunk7H6RTVXX_cjs.isCompositeFiber; }
|
|
158
158
|
});
|
|
159
159
|
Object.defineProperty(exports, "isHostFiber", {
|
|
160
160
|
enumerable: true,
|
|
161
|
-
get: function () { return
|
|
161
|
+
get: function () { return chunk7H6RTVXX_cjs.isHostFiber; }
|
|
162
162
|
});
|
|
163
163
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
164
164
|
enumerable: true,
|
|
165
|
-
get: function () { return
|
|
165
|
+
get: function () { return chunk7H6RTVXX_cjs.isInstrumentationActive; }
|
|
166
166
|
});
|
|
167
167
|
Object.defineProperty(exports, "isValidElement", {
|
|
168
168
|
enumerable: true,
|
|
169
|
-
get: function () { return
|
|
169
|
+
get: function () { return chunk7H6RTVXX_cjs.isValidElement; }
|
|
170
170
|
});
|
|
171
171
|
Object.defineProperty(exports, "isValidFiber", {
|
|
172
172
|
enumerable: true,
|
|
173
|
-
get: function () { return
|
|
173
|
+
get: function () { return chunk7H6RTVXX_cjs.isValidFiber; }
|
|
174
174
|
});
|
|
175
175
|
Object.defineProperty(exports, "mountFiberRecursively", {
|
|
176
176
|
enumerable: true,
|
|
177
|
-
get: function () { return
|
|
177
|
+
get: function () { return chunk7H6RTVXX_cjs.mountFiberRecursively; }
|
|
178
178
|
});
|
|
179
179
|
Object.defineProperty(exports, "onCommitFiberRoot", {
|
|
180
180
|
enumerable: true,
|
|
181
|
-
get: function () { return
|
|
181
|
+
get: function () { return chunk7H6RTVXX_cjs.onCommitFiberRoot; }
|
|
182
182
|
});
|
|
183
183
|
Object.defineProperty(exports, "secure", {
|
|
184
184
|
enumerable: true,
|
|
185
|
-
get: function () { return
|
|
185
|
+
get: function () { return chunk7H6RTVXX_cjs.secure; }
|
|
186
186
|
});
|
|
187
187
|
Object.defineProperty(exports, "setFiberId", {
|
|
188
188
|
enumerable: true,
|
|
189
|
-
get: function () { return
|
|
189
|
+
get: function () { return chunk7H6RTVXX_cjs.setFiberId; }
|
|
190
190
|
});
|
|
191
191
|
Object.defineProperty(exports, "shouldFilterFiber", {
|
|
192
192
|
enumerable: true,
|
|
193
|
-
get: function () { return
|
|
193
|
+
get: function () { return chunk7H6RTVXX_cjs.shouldFilterFiber; }
|
|
194
194
|
});
|
|
195
195
|
Object.defineProperty(exports, "traverseContexts", {
|
|
196
196
|
enumerable: true,
|
|
197
|
-
get: function () { return
|
|
197
|
+
get: function () { return chunk7H6RTVXX_cjs.traverseContexts; }
|
|
198
198
|
});
|
|
199
199
|
Object.defineProperty(exports, "traverseEffects", {
|
|
200
200
|
enumerable: true,
|
|
201
|
-
get: function () { return
|
|
201
|
+
get: function () { return chunk7H6RTVXX_cjs.traverseEffects; }
|
|
202
202
|
});
|
|
203
203
|
Object.defineProperty(exports, "traverseFiber", {
|
|
204
204
|
enumerable: true,
|
|
205
|
-
get: function () { return
|
|
205
|
+
get: function () { return chunk7H6RTVXX_cjs.traverseFiber; }
|
|
206
206
|
});
|
|
207
207
|
Object.defineProperty(exports, "traverseProps", {
|
|
208
208
|
enumerable: true,
|
|
209
|
-
get: function () { return
|
|
209
|
+
get: function () { return chunk7H6RTVXX_cjs.traverseProps; }
|
|
210
210
|
});
|
|
211
211
|
Object.defineProperty(exports, "traverseRenderedFibers", {
|
|
212
212
|
enumerable: true,
|
|
213
|
-
get: function () { return
|
|
213
|
+
get: function () { return chunk7H6RTVXX_cjs.traverseRenderedFibers; }
|
|
214
214
|
});
|
|
215
215
|
Object.defineProperty(exports, "traverseState", {
|
|
216
216
|
enumerable: true,
|
|
217
|
-
get: function () { return
|
|
217
|
+
get: function () { return chunk7H6RTVXX_cjs.traverseState; }
|
|
218
218
|
});
|
|
219
219
|
Object.defineProperty(exports, "unmountFiber", {
|
|
220
220
|
enumerable: true,
|
|
221
|
-
get: function () { return
|
|
221
|
+
get: function () { return chunk7H6RTVXX_cjs.unmountFiber; }
|
|
222
222
|
});
|
|
223
223
|
Object.defineProperty(exports, "unmountFiberChildrenRecursively", {
|
|
224
224
|
enumerable: true,
|
|
225
|
-
get: function () { return
|
|
225
|
+
get: function () { return chunk7H6RTVXX_cjs.unmountFiberChildrenRecursively; }
|
|
226
226
|
});
|
|
227
227
|
Object.defineProperty(exports, "updateFiberRecursively", {
|
|
228
228
|
enumerable: true,
|
|
229
|
-
get: function () { return
|
|
229
|
+
get: function () { return chunk7H6RTVXX_cjs.updateFiberRecursively; }
|
|
230
230
|
});
|
package/dist/core.d.cts
CHANGED
|
@@ -1,3 +1,195 @@
|
|
|
1
|
-
|
|
2
|
-
import '
|
|
3
|
-
import 'react-reconciler';
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { F as Fiber, C as ContextDependency, M as MemoizedState, E as Effect, a as ReactRenderer, R as ReactDevToolsGlobalHook } from './sw.cjs';
|
|
3
|
+
import { FiberRoot } from 'react-reconciler';
|
|
4
|
+
|
|
5
|
+
declare const FunctionComponentTag = 0;
|
|
6
|
+
declare const ClassComponentTag = 1;
|
|
7
|
+
declare const HostRootTag = 3;
|
|
8
|
+
declare const HostComponentTag = 5;
|
|
9
|
+
declare const HostTextTag = 6;
|
|
10
|
+
declare const FragmentTag = 7;
|
|
11
|
+
declare const ContextConsumerTag = 9;
|
|
12
|
+
declare const ForwardRefTag = 11;
|
|
13
|
+
declare const SuspenseComponentTag = 13;
|
|
14
|
+
declare const MemoComponentTag = 14;
|
|
15
|
+
declare const SimpleMemoComponentTag = 15;
|
|
16
|
+
declare const DehydratedSuspenseComponentTag = 18;
|
|
17
|
+
declare const OffscreenComponentTag = 22;
|
|
18
|
+
declare const LegacyHiddenComponentTag = 23;
|
|
19
|
+
declare const HostHoistableTag = 26;
|
|
20
|
+
declare const HostSingletonTag = 27;
|
|
21
|
+
declare const CONCURRENT_MODE_NUMBER = 60111;
|
|
22
|
+
declare const ELEMENT_TYPE_SYMBOL_STRING = "Symbol(react.element)";
|
|
23
|
+
declare const TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING = "Symbol(react.transitional.element)";
|
|
24
|
+
declare const CONCURRENT_MODE_SYMBOL_STRING = "Symbol(react.concurrent_mode)";
|
|
25
|
+
declare const DEPRECATED_ASYNC_MODE_SYMBOL_STRING = "Symbol(react.async_mode)";
|
|
26
|
+
/**
|
|
27
|
+
* Returns `true` if object is a React Element.
|
|
28
|
+
*
|
|
29
|
+
* @see https://react.dev/reference/react/isValidElement
|
|
30
|
+
*/
|
|
31
|
+
declare const isValidElement: (element: unknown) => element is React.ReactElement;
|
|
32
|
+
/**
|
|
33
|
+
* Returns `true` if object is a React Fiber.
|
|
34
|
+
*/
|
|
35
|
+
declare const isValidFiber: (fiber: unknown) => fiber is Fiber;
|
|
36
|
+
/**
|
|
37
|
+
* Returns `true` if fiber is a host fiber. Host fibers are DOM nodes in react-dom, `View` in react-native, etc.
|
|
38
|
+
*
|
|
39
|
+
* @see https://reactnative.dev/architecture/glossary#host-view-tree-and-host-view
|
|
40
|
+
*/
|
|
41
|
+
declare const isHostFiber: (fiber: Fiber) => boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Returns `true` if fiber is a composite fiber. Composite fibers are fibers that can render (like functional components, class components, etc.)
|
|
44
|
+
*
|
|
45
|
+
* @see https://reactnative.dev/architecture/glossary#react-composite-components
|
|
46
|
+
*/
|
|
47
|
+
declare const isCompositeFiber: (fiber: Fiber) => boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Traverses up or down a {@link Fiber}'s contexts, return `true` to stop and select the current and previous context value.
|
|
50
|
+
*/
|
|
51
|
+
declare const traverseContexts: (fiber: Fiber, selector: (nextValue: ContextDependency<unknown> | null | undefined, prevValue: ContextDependency<unknown> | null | undefined) => boolean | void) => boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Traverses up or down a {@link Fiber}'s states, return `true` to stop and select the current and previous state value.
|
|
54
|
+
*/
|
|
55
|
+
declare const traverseState: (fiber: Fiber, selector: (nextValue: MemoizedState | null | undefined, prevValue: MemoizedState | null | undefined) => boolean | void) => boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Traverses up or down a {@link Fiber}'s effects that cause state changes, return `true` to stop and select the current and previous effect value.
|
|
58
|
+
*/
|
|
59
|
+
declare const traverseEffects: (fiber: Fiber, selector: (nextValue: Effect | null | undefined, prevValue: Effect | null | undefined) => boolean | void) => boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Traverses up or down a {@link Fiber}'s props, return `true` to stop and select the current and previous props value.
|
|
62
|
+
*/
|
|
63
|
+
declare const traverseProps: (fiber: Fiber, selector: (propName: string, nextValue: unknown, prevValue: unknown) => boolean | void) => boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Returns `true` if the {@link Fiber} has rendered. Note that this does not mean the fiber has rendered in the current commit, just that it has rendered in the past.
|
|
66
|
+
*/
|
|
67
|
+
declare const didFiberRender: (fiber: Fiber) => boolean;
|
|
68
|
+
/**
|
|
69
|
+
* Returns `true` if the {@link Fiber} has committed. Note that this does not mean the fiber has committed in the current commit, just that it has committed in the past.
|
|
70
|
+
*/
|
|
71
|
+
declare const didFiberCommit: (fiber: Fiber) => boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Returns all host {@link Fiber}s that have committed and rendered.
|
|
74
|
+
*/
|
|
75
|
+
declare const getMutatedHostFibers: (fiber: Fiber) => Fiber[];
|
|
76
|
+
/**
|
|
77
|
+
* Returns the stack of {@link Fiber}s from the current fiber to the root fiber.
|
|
78
|
+
*
|
|
79
|
+
* @example
|
|
80
|
+
* ```ts
|
|
81
|
+
* [fiber, fiber.return, fiber.return.return, ...]
|
|
82
|
+
* ```
|
|
83
|
+
*/
|
|
84
|
+
declare const getFiberStack: (fiber: Fiber) => Fiber[];
|
|
85
|
+
/**
|
|
86
|
+
* Returns `true` if the {@link Fiber} should be filtered out during reconciliation.
|
|
87
|
+
*/
|
|
88
|
+
declare const shouldFilterFiber: (fiber: Fiber) => boolean;
|
|
89
|
+
/**
|
|
90
|
+
* Returns the nearest host {@link Fiber} to the current {@link Fiber}.
|
|
91
|
+
*/
|
|
92
|
+
declare const getNearestHostFiber: (fiber: Fiber, ascending?: boolean) => Fiber | null;
|
|
93
|
+
/**
|
|
94
|
+
* Returns all host {@link Fiber}s in the tree that are associated with the current {@link Fiber}.
|
|
95
|
+
*/
|
|
96
|
+
declare const getNearestHostFibers: (fiber: Fiber) => Fiber[];
|
|
97
|
+
/**
|
|
98
|
+
* Traverses up or down a {@link Fiber}, return `true` to stop and select a node.
|
|
99
|
+
*/
|
|
100
|
+
declare const traverseFiber: (fiber: Fiber | null, selector: (node: Fiber) => boolean | void, ascending?: boolean) => Fiber | null;
|
|
101
|
+
/**
|
|
102
|
+
* Returns the timings of the {@link Fiber}.
|
|
103
|
+
*
|
|
104
|
+
* @example
|
|
105
|
+
* ```ts
|
|
106
|
+
* const { selfTime, totalTime } = getTimings(fiber);
|
|
107
|
+
* console.log(selfTime, totalTime);
|
|
108
|
+
* ```
|
|
109
|
+
*/
|
|
110
|
+
declare const getTimings: (fiber?: Fiber | null | undefined) => {
|
|
111
|
+
selfTime: number;
|
|
112
|
+
totalTime: number;
|
|
113
|
+
};
|
|
114
|
+
/**
|
|
115
|
+
* Returns `true` if the {@link Fiber} uses React Compiler's memo cache.
|
|
116
|
+
*/
|
|
117
|
+
declare const hasMemoCache: (fiber: Fiber) => boolean;
|
|
118
|
+
/**
|
|
119
|
+
* Returns the type (e.g. component definition) of the {@link Fiber}
|
|
120
|
+
*/
|
|
121
|
+
declare const getType: (type: unknown) => React.ComponentType<unknown> | null;
|
|
122
|
+
/**
|
|
123
|
+
* Returns the display name of the {@link Fiber}.
|
|
124
|
+
*/
|
|
125
|
+
declare const getDisplayName: (type: unknown) => string | null;
|
|
126
|
+
/**
|
|
127
|
+
* Returns the build type of the React renderer.
|
|
128
|
+
*/
|
|
129
|
+
declare const detectReactBuildType: (renderer: ReactRenderer) => "development" | "production";
|
|
130
|
+
/**
|
|
131
|
+
* Returns `true` if bippy's instrumentation is active.
|
|
132
|
+
*/
|
|
133
|
+
declare const isInstrumentationActive: () => boolean;
|
|
134
|
+
type RenderPhase = 'mount' | 'update' | 'unmount';
|
|
135
|
+
type RenderHandler = <S>(fiber: Fiber, phase: RenderPhase, state?: S) => unknown;
|
|
136
|
+
declare const fiberIdMap: WeakMap<Fiber, number>;
|
|
137
|
+
declare const setFiberId: (fiber: Fiber, id?: number) => void;
|
|
138
|
+
declare const getFiberId: (fiber: Fiber) => number;
|
|
139
|
+
declare const mountFiberRecursively: (onRender: RenderHandler, firstChild: Fiber, traverseSiblings: boolean) => void;
|
|
140
|
+
declare const updateFiberRecursively: (onRender: RenderHandler, nextFiber: Fiber, prevFiber: Fiber, parentFiber: Fiber | null) => void;
|
|
141
|
+
declare const unmountFiber: (onRender: RenderHandler, fiber: Fiber) => void;
|
|
142
|
+
declare const unmountFiberChildrenRecursively: (onRender: RenderHandler, fiber: Fiber) => void;
|
|
143
|
+
/**
|
|
144
|
+
* Creates a fiber visitor function. Must pass a fiber root and a render handler.
|
|
145
|
+
* @example
|
|
146
|
+
* traverseRenderedFibers(root, (fiber, phase) => {
|
|
147
|
+
* console.log(phase)
|
|
148
|
+
* })
|
|
149
|
+
*/
|
|
150
|
+
declare const traverseRenderedFibers: (root: FiberRoot, onRender: RenderHandler) => void;
|
|
151
|
+
/**
|
|
152
|
+
* @deprecated use `traverseRenderedFibers` instead
|
|
153
|
+
*/
|
|
154
|
+
declare const createFiberVisitor: ({ onRender, }: {
|
|
155
|
+
onRender: RenderHandler;
|
|
156
|
+
onError: (error: unknown) => unknown;
|
|
157
|
+
}) => (<S>(_rendererID: number, root: FiberRoot | Fiber, _state?: S) => void);
|
|
158
|
+
interface InstrumentationOptions {
|
|
159
|
+
onCommitFiberRoot?: (rendererID: number, root: FiberRoot, priority: void | number) => unknown;
|
|
160
|
+
onCommitFiberUnmount?: (rendererID: number, fiber: Fiber) => unknown;
|
|
161
|
+
onPostCommitFiberRoot?: (rendererID: number, root: FiberRoot) => unknown;
|
|
162
|
+
onActive?: () => unknown;
|
|
163
|
+
name?: string;
|
|
164
|
+
}
|
|
165
|
+
/**
|
|
166
|
+
* Instruments the DevTools hook.
|
|
167
|
+
* @example
|
|
168
|
+
* const hook = instrument({
|
|
169
|
+
* onActive() {
|
|
170
|
+
* console.log('initialized');
|
|
171
|
+
* },
|
|
172
|
+
* onCommitFiberRoot(rendererID, root) {
|
|
173
|
+
* console.log('fiberRoot', root.current)
|
|
174
|
+
* },
|
|
175
|
+
* });
|
|
176
|
+
*/
|
|
177
|
+
declare const instrument: (options: InstrumentationOptions) => ReactDevToolsGlobalHook;
|
|
178
|
+
declare const getFiberFromHostInstance: <T>(hostInstance: T) => Fiber | null;
|
|
179
|
+
declare const secure: (options: InstrumentationOptions, secureOptions?: {
|
|
180
|
+
minReactMajorVersion?: number;
|
|
181
|
+
dangerouslyRunInProduction?: boolean;
|
|
182
|
+
onError?: (error?: unknown) => unknown;
|
|
183
|
+
installCheckTimeout?: number;
|
|
184
|
+
}) => InstrumentationOptions;
|
|
185
|
+
/**
|
|
186
|
+
* a wrapper around the {@link instrument} function that sets the `onCommitFiberRoot` hook.
|
|
187
|
+
*
|
|
188
|
+
* @example
|
|
189
|
+
* onCommitFiberRoot((root) => {
|
|
190
|
+
* console.log(root.current);
|
|
191
|
+
* });
|
|
192
|
+
*/
|
|
193
|
+
declare const onCommitFiberRoot: (handler: (root: FiberRoot) => void) => ReactDevToolsGlobalHook;
|
|
194
|
+
|
|
195
|
+
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, type InstrumentationOptions, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, type RenderHandler, type RenderPhase, 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 };
|