bippy 0.2.6 → 0.2.8
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-C4DL5GYW.cjs} +20 -6
- package/dist/{chunk-DCVQB6TW.js → chunk-UASWZ7SZ.js} +19 -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.8";
|
|
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,26 @@ 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-C4DL5GYW.cjs', document.baseURI).href))), {
|
|
111
|
+
scope: "/"
|
|
112
|
+
}).then(() => {
|
|
113
|
+
isRegistered = true;
|
|
114
|
+
}).catch(() => {
|
|
115
|
+
});
|
|
116
|
+
}
|
|
104
117
|
}
|
|
105
118
|
} catch {
|
|
106
119
|
}
|
|
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{}})()
|
|
120
|
+
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
121
|
|
|
109
122
|
// src/core.ts
|
|
110
123
|
var FunctionComponentTag = 0;
|
|
@@ -612,7 +625,7 @@ var getFiberFromHostInstance = (hostInstance) => {
|
|
|
612
625
|
}
|
|
613
626
|
for (const key in hostInstance) {
|
|
614
627
|
if (key.startsWith("__reactInternalInstance$") || key.startsWith("__reactFiber")) {
|
|
615
|
-
return hostInstance[key];
|
|
628
|
+
return hostInstance[key] || null;
|
|
616
629
|
}
|
|
617
630
|
}
|
|
618
631
|
}
|
|
@@ -700,7 +713,7 @@ var secure = (options, secureOptions = {}) => {
|
|
|
700
713
|
return options;
|
|
701
714
|
};
|
|
702
715
|
var onCommitFiberRoot = (handler) => {
|
|
703
|
-
instrument(
|
|
716
|
+
return instrument(
|
|
704
717
|
secure({
|
|
705
718
|
onCommitFiberRoot: (_, root) => {
|
|
706
719
|
handler(root);
|
|
@@ -756,6 +769,7 @@ exports.isHostFiber = isHostFiber;
|
|
|
756
769
|
exports.isInstrumentationActive = isInstrumentationActive;
|
|
757
770
|
exports.isReactRefresh = isReactRefresh;
|
|
758
771
|
exports.isRealReactDevtools = isRealReactDevtools;
|
|
772
|
+
exports.isServiceWorkerRegistered = isServiceWorkerRegistered;
|
|
759
773
|
exports.isValidElement = isValidElement;
|
|
760
774
|
exports.isValidFiber = isValidFiber;
|
|
761
775
|
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.8";
|
|
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,26 @@ 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), {
|
|
108
|
+
scope: "/"
|
|
109
|
+
}).then(() => {
|
|
110
|
+
isRegistered = true;
|
|
111
|
+
}).catch(() => {
|
|
112
|
+
});
|
|
113
|
+
}
|
|
102
114
|
}
|
|
103
115
|
} catch {
|
|
104
116
|
}
|
|
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{}})()
|
|
117
|
+
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
118
|
|
|
107
119
|
// src/core.ts
|
|
108
120
|
var FunctionComponentTag = 0;
|
|
@@ -610,7 +622,7 @@ var getFiberFromHostInstance = (hostInstance) => {
|
|
|
610
622
|
}
|
|
611
623
|
for (const key in hostInstance) {
|
|
612
624
|
if (key.startsWith("__reactInternalInstance$") || key.startsWith("__reactFiber")) {
|
|
613
|
-
return hostInstance[key];
|
|
625
|
+
return hostInstance[key] || null;
|
|
614
626
|
}
|
|
615
627
|
}
|
|
616
628
|
}
|
|
@@ -698,7 +710,7 @@ var secure = (options, secureOptions = {}) => {
|
|
|
698
710
|
return options;
|
|
699
711
|
};
|
|
700
712
|
var onCommitFiberRoot = (handler) => {
|
|
701
|
-
instrument(
|
|
713
|
+
return instrument(
|
|
702
714
|
secure({
|
|
703
715
|
onCommitFiberRoot: (_, root) => {
|
|
704
716
|
handler(root);
|
|
@@ -707,4 +719,4 @@ var onCommitFiberRoot = (handler) => {
|
|
|
707
719
|
);
|
|
708
720
|
};
|
|
709
721
|
|
|
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 };
|
|
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, 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 chunkC4DL5GYW_cjs = require('./chunk-C4DL5GYW.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 chunkC4DL5GYW_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 chunkC4DL5GYW_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 chunkC4DL5GYW_cjs.ClassComponentTag; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "ContextConsumerTag", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunkC4DL5GYW_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 chunkC4DL5GYW_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 chunkC4DL5GYW_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 chunkC4DL5GYW_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 chunkC4DL5GYW_cjs.ForwardRefTag; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "FragmentTag", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkC4DL5GYW_cjs.FragmentTag; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "FunctionComponentTag", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunkC4DL5GYW_cjs.FunctionComponentTag; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "HostComponentTag", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunkC4DL5GYW_cjs.HostComponentTag; }
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(exports, "HostHoistableTag", {
|
|
52
52
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
53
|
+
get: function () { return chunkC4DL5GYW_cjs.HostHoistableTag; }
|
|
54
54
|
});
|
|
55
55
|
Object.defineProperty(exports, "HostRootTag", {
|
|
56
56
|
enumerable: true,
|
|
57
|
-
get: function () { return
|
|
57
|
+
get: function () { return chunkC4DL5GYW_cjs.HostRootTag; }
|
|
58
58
|
});
|
|
59
59
|
Object.defineProperty(exports, "HostSingletonTag", {
|
|
60
60
|
enumerable: true,
|
|
61
|
-
get: function () { return
|
|
61
|
+
get: function () { return chunkC4DL5GYW_cjs.HostSingletonTag; }
|
|
62
62
|
});
|
|
63
63
|
Object.defineProperty(exports, "HostTextTag", {
|
|
64
64
|
enumerable: true,
|
|
65
|
-
get: function () { return
|
|
65
|
+
get: function () { return chunkC4DL5GYW_cjs.HostTextTag; }
|
|
66
66
|
});
|
|
67
67
|
Object.defineProperty(exports, "LegacyHiddenComponentTag", {
|
|
68
68
|
enumerable: true,
|
|
69
|
-
get: function () { return
|
|
69
|
+
get: function () { return chunkC4DL5GYW_cjs.LegacyHiddenComponentTag; }
|
|
70
70
|
});
|
|
71
71
|
Object.defineProperty(exports, "MemoComponentTag", {
|
|
72
72
|
enumerable: true,
|
|
73
|
-
get: function () { return
|
|
73
|
+
get: function () { return chunkC4DL5GYW_cjs.MemoComponentTag; }
|
|
74
74
|
});
|
|
75
75
|
Object.defineProperty(exports, "OffscreenComponentTag", {
|
|
76
76
|
enumerable: true,
|
|
77
|
-
get: function () { return
|
|
77
|
+
get: function () { return chunkC4DL5GYW_cjs.OffscreenComponentTag; }
|
|
78
78
|
});
|
|
79
79
|
Object.defineProperty(exports, "SimpleMemoComponentTag", {
|
|
80
80
|
enumerable: true,
|
|
81
|
-
get: function () { return
|
|
81
|
+
get: function () { return chunkC4DL5GYW_cjs.SimpleMemoComponentTag; }
|
|
82
82
|
});
|
|
83
83
|
Object.defineProperty(exports, "SuspenseComponentTag", {
|
|
84
84
|
enumerable: true,
|
|
85
|
-
get: function () { return
|
|
85
|
+
get: function () { return chunkC4DL5GYW_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 chunkC4DL5GYW_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 chunkC4DL5GYW_cjs.createFiberVisitor; }
|
|
94
94
|
});
|
|
95
95
|
Object.defineProperty(exports, "detectReactBuildType", {
|
|
96
96
|
enumerable: true,
|
|
97
|
-
get: function () { return
|
|
97
|
+
get: function () { return chunkC4DL5GYW_cjs.detectReactBuildType; }
|
|
98
98
|
});
|
|
99
99
|
Object.defineProperty(exports, "didFiberCommit", {
|
|
100
100
|
enumerable: true,
|
|
101
|
-
get: function () { return
|
|
101
|
+
get: function () { return chunkC4DL5GYW_cjs.didFiberCommit; }
|
|
102
102
|
});
|
|
103
103
|
Object.defineProperty(exports, "didFiberRender", {
|
|
104
104
|
enumerable: true,
|
|
105
|
-
get: function () { return
|
|
105
|
+
get: function () { return chunkC4DL5GYW_cjs.didFiberRender; }
|
|
106
106
|
});
|
|
107
107
|
Object.defineProperty(exports, "fiberIdMap", {
|
|
108
108
|
enumerable: true,
|
|
109
|
-
get: function () { return
|
|
109
|
+
get: function () { return chunkC4DL5GYW_cjs.fiberIdMap; }
|
|
110
110
|
});
|
|
111
111
|
Object.defineProperty(exports, "getDisplayName", {
|
|
112
112
|
enumerable: true,
|
|
113
|
-
get: function () { return
|
|
113
|
+
get: function () { return chunkC4DL5GYW_cjs.getDisplayName; }
|
|
114
114
|
});
|
|
115
115
|
Object.defineProperty(exports, "getFiberFromHostInstance", {
|
|
116
116
|
enumerable: true,
|
|
117
|
-
get: function () { return
|
|
117
|
+
get: function () { return chunkC4DL5GYW_cjs.getFiberFromHostInstance; }
|
|
118
118
|
});
|
|
119
119
|
Object.defineProperty(exports, "getFiberId", {
|
|
120
120
|
enumerable: true,
|
|
121
|
-
get: function () { return
|
|
121
|
+
get: function () { return chunkC4DL5GYW_cjs.getFiberId; }
|
|
122
122
|
});
|
|
123
123
|
Object.defineProperty(exports, "getFiberStack", {
|
|
124
124
|
enumerable: true,
|
|
125
|
-
get: function () { return
|
|
125
|
+
get: function () { return chunkC4DL5GYW_cjs.getFiberStack; }
|
|
126
126
|
});
|
|
127
127
|
Object.defineProperty(exports, "getMutatedHostFibers", {
|
|
128
128
|
enumerable: true,
|
|
129
|
-
get: function () { return
|
|
129
|
+
get: function () { return chunkC4DL5GYW_cjs.getMutatedHostFibers; }
|
|
130
130
|
});
|
|
131
131
|
Object.defineProperty(exports, "getNearestHostFiber", {
|
|
132
132
|
enumerable: true,
|
|
133
|
-
get: function () { return
|
|
133
|
+
get: function () { return chunkC4DL5GYW_cjs.getNearestHostFiber; }
|
|
134
134
|
});
|
|
135
135
|
Object.defineProperty(exports, "getNearestHostFibers", {
|
|
136
136
|
enumerable: true,
|
|
137
|
-
get: function () { return
|
|
137
|
+
get: function () { return chunkC4DL5GYW_cjs.getNearestHostFibers; }
|
|
138
138
|
});
|
|
139
139
|
Object.defineProperty(exports, "getTimings", {
|
|
140
140
|
enumerable: true,
|
|
141
|
-
get: function () { return
|
|
141
|
+
get: function () { return chunkC4DL5GYW_cjs.getTimings; }
|
|
142
142
|
});
|
|
143
143
|
Object.defineProperty(exports, "getType", {
|
|
144
144
|
enumerable: true,
|
|
145
|
-
get: function () { return
|
|
145
|
+
get: function () { return chunkC4DL5GYW_cjs.getType; }
|
|
146
146
|
});
|
|
147
147
|
Object.defineProperty(exports, "hasMemoCache", {
|
|
148
148
|
enumerable: true,
|
|
149
|
-
get: function () { return
|
|
149
|
+
get: function () { return chunkC4DL5GYW_cjs.hasMemoCache; }
|
|
150
150
|
});
|
|
151
151
|
Object.defineProperty(exports, "instrument", {
|
|
152
152
|
enumerable: true,
|
|
153
|
-
get: function () { return
|
|
153
|
+
get: function () { return chunkC4DL5GYW_cjs.instrument; }
|
|
154
154
|
});
|
|
155
155
|
Object.defineProperty(exports, "isCompositeFiber", {
|
|
156
156
|
enumerable: true,
|
|
157
|
-
get: function () { return
|
|
157
|
+
get: function () { return chunkC4DL5GYW_cjs.isCompositeFiber; }
|
|
158
158
|
});
|
|
159
159
|
Object.defineProperty(exports, "isHostFiber", {
|
|
160
160
|
enumerable: true,
|
|
161
|
-
get: function () { return
|
|
161
|
+
get: function () { return chunkC4DL5GYW_cjs.isHostFiber; }
|
|
162
162
|
});
|
|
163
163
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
164
164
|
enumerable: true,
|
|
165
|
-
get: function () { return
|
|
165
|
+
get: function () { return chunkC4DL5GYW_cjs.isInstrumentationActive; }
|
|
166
166
|
});
|
|
167
167
|
Object.defineProperty(exports, "isValidElement", {
|
|
168
168
|
enumerable: true,
|
|
169
|
-
get: function () { return
|
|
169
|
+
get: function () { return chunkC4DL5GYW_cjs.isValidElement; }
|
|
170
170
|
});
|
|
171
171
|
Object.defineProperty(exports, "isValidFiber", {
|
|
172
172
|
enumerable: true,
|
|
173
|
-
get: function () { return
|
|
173
|
+
get: function () { return chunkC4DL5GYW_cjs.isValidFiber; }
|
|
174
174
|
});
|
|
175
175
|
Object.defineProperty(exports, "mountFiberRecursively", {
|
|
176
176
|
enumerable: true,
|
|
177
|
-
get: function () { return
|
|
177
|
+
get: function () { return chunkC4DL5GYW_cjs.mountFiberRecursively; }
|
|
178
178
|
});
|
|
179
179
|
Object.defineProperty(exports, "onCommitFiberRoot", {
|
|
180
180
|
enumerable: true,
|
|
181
|
-
get: function () { return
|
|
181
|
+
get: function () { return chunkC4DL5GYW_cjs.onCommitFiberRoot; }
|
|
182
182
|
});
|
|
183
183
|
Object.defineProperty(exports, "secure", {
|
|
184
184
|
enumerable: true,
|
|
185
|
-
get: function () { return
|
|
185
|
+
get: function () { return chunkC4DL5GYW_cjs.secure; }
|
|
186
186
|
});
|
|
187
187
|
Object.defineProperty(exports, "setFiberId", {
|
|
188
188
|
enumerable: true,
|
|
189
|
-
get: function () { return
|
|
189
|
+
get: function () { return chunkC4DL5GYW_cjs.setFiberId; }
|
|
190
190
|
});
|
|
191
191
|
Object.defineProperty(exports, "shouldFilterFiber", {
|
|
192
192
|
enumerable: true,
|
|
193
|
-
get: function () { return
|
|
193
|
+
get: function () { return chunkC4DL5GYW_cjs.shouldFilterFiber; }
|
|
194
194
|
});
|
|
195
195
|
Object.defineProperty(exports, "traverseContexts", {
|
|
196
196
|
enumerable: true,
|
|
197
|
-
get: function () { return
|
|
197
|
+
get: function () { return chunkC4DL5GYW_cjs.traverseContexts; }
|
|
198
198
|
});
|
|
199
199
|
Object.defineProperty(exports, "traverseEffects", {
|
|
200
200
|
enumerable: true,
|
|
201
|
-
get: function () { return
|
|
201
|
+
get: function () { return chunkC4DL5GYW_cjs.traverseEffects; }
|
|
202
202
|
});
|
|
203
203
|
Object.defineProperty(exports, "traverseFiber", {
|
|
204
204
|
enumerable: true,
|
|
205
|
-
get: function () { return
|
|
205
|
+
get: function () { return chunkC4DL5GYW_cjs.traverseFiber; }
|
|
206
206
|
});
|
|
207
207
|
Object.defineProperty(exports, "traverseProps", {
|
|
208
208
|
enumerable: true,
|
|
209
|
-
get: function () { return
|
|
209
|
+
get: function () { return chunkC4DL5GYW_cjs.traverseProps; }
|
|
210
210
|
});
|
|
211
211
|
Object.defineProperty(exports, "traverseRenderedFibers", {
|
|
212
212
|
enumerable: true,
|
|
213
|
-
get: function () { return
|
|
213
|
+
get: function () { return chunkC4DL5GYW_cjs.traverseRenderedFibers; }
|
|
214
214
|
});
|
|
215
215
|
Object.defineProperty(exports, "traverseState", {
|
|
216
216
|
enumerable: true,
|
|
217
|
-
get: function () { return
|
|
217
|
+
get: function () { return chunkC4DL5GYW_cjs.traverseState; }
|
|
218
218
|
});
|
|
219
219
|
Object.defineProperty(exports, "unmountFiber", {
|
|
220
220
|
enumerable: true,
|
|
221
|
-
get: function () { return
|
|
221
|
+
get: function () { return chunkC4DL5GYW_cjs.unmountFiber; }
|
|
222
222
|
});
|
|
223
223
|
Object.defineProperty(exports, "unmountFiberChildrenRecursively", {
|
|
224
224
|
enumerable: true,
|
|
225
|
-
get: function () { return
|
|
225
|
+
get: function () { return chunkC4DL5GYW_cjs.unmountFiberChildrenRecursively; }
|
|
226
226
|
});
|
|
227
227
|
Object.defineProperty(exports, "updateFiberRecursively", {
|
|
228
228
|
enumerable: true,
|
|
229
|
-
get: function () { return
|
|
229
|
+
get: function () { return chunkC4DL5GYW_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 };
|