bippy 0.3.22 → 0.3.24
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/experiments/inspect.cjs +8 -9
- package/dist/experiments/inspect.js +3 -4
- package/dist/index.cjs +63 -62
- package/dist/index.d.cts +229 -3
- package/dist/index.d.ts +229 -3
- package/dist/index.iife.js +1 -1
- package/dist/index.js +3 -4
- package/dist/override.cjs +1 -1
- package/dist/override.d.cts +1 -1
- package/dist/override.d.ts +1 -1
- package/dist/override.js +1 -1
- package/dist/{rdt-hook-Bp4d5jqR.cjs → rdt-hook-CNm8ztq8.cjs} +1 -1
- package/dist/{rdt-hook-CyQGx4Kd.js → rdt-hook-DnHW09Oh.js} +2 -2
- package/dist/{source-CpnylWPF.cjs → source-CSdAtQJ_.cjs} +59 -36
- package/dist/{source-DNoVJul7.js → source-LNQQC0ZJ.js} +50 -33
- package/dist/source.cjs +4 -4
- package/dist/source.d.cts +3 -2
- package/dist/source.d.ts +3 -2
- package/dist/source.js +4 -5
- package/dist/{core-8e0s2Ws-.js → src-DI6VWyXb.js} +24 -7
- package/dist/{core-CUVwGHbX.cjs → src-E_gwlk2_.cjs} +35 -6
- package/dist/{types-jg1j8UIH.d.ts → types-BQYK1_91.d.ts} +7 -0
- package/dist/{types-BeaKz93t.d.cts → types-K8pdIVoh.d.cts} +7 -0
- package/package.json +1 -1
- package/dist/core-Cj6xRyrg.d.ts +0 -226
- package/dist/core-GMXY4AMp.d.cts +0 -226
- package/dist/core.cjs +0 -81
- package/dist/core.d.cts +0 -3
- package/dist/core.d.ts +0 -3
- package/dist/core.js +0 -12
- package/dist/src-Brfshgdr.js +0 -14
- package/dist/src-DSFCxjNG.cjs +0 -14
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
10
|
-
const require_source = require('../source-
|
|
11
|
-
const require_rdt_hook = require('../rdt-hook-
|
|
12
|
-
const
|
|
13
|
-
require('../src-DSFCxjNG.cjs');
|
|
10
|
+
const require_source = require('../source-CSdAtQJ_.cjs');
|
|
11
|
+
const require_rdt_hook = require('../rdt-hook-CNm8ztq8.cjs');
|
|
12
|
+
const require_src = require('../src-E_gwlk2_.cjs');
|
|
14
13
|
const react = require_source.__toESM(require("react"));
|
|
15
14
|
const react_dom = require_source.__toESM(require("react-dom"));
|
|
16
15
|
const react_jsx_runtime = require_source.__toESM(require("react/jsx-runtime"));
|
|
@@ -1034,9 +1033,9 @@ const RawInspector = (0, react.forwardRef)(({ enabled = true, dangerouslyRunInPr
|
|
|
1034
1033
|
(0, react.useEffect)(() => {
|
|
1035
1034
|
(async () => {
|
|
1036
1035
|
if (!element) return;
|
|
1037
|
-
const fiber =
|
|
1036
|
+
const fiber = require_src.getFiberFromHostInstance(element);
|
|
1038
1037
|
if (!fiber) return;
|
|
1039
|
-
const latestFiber =
|
|
1038
|
+
const latestFiber = require_src.getLatestFiber(fiber);
|
|
1040
1039
|
const source = await require_source.getFiberSource(latestFiber);
|
|
1041
1040
|
setCurrentFiber(latestFiber);
|
|
1042
1041
|
if (source) setCurrentFiberSource(source);
|
|
@@ -1044,7 +1043,7 @@ const RawInspector = (0, react.forwardRef)(({ enabled = true, dangerouslyRunInPr
|
|
|
1044
1043
|
}, [element]);
|
|
1045
1044
|
(0, react.useEffect)(() => {
|
|
1046
1045
|
const handleMouseMove = (event) => {
|
|
1047
|
-
const isActive$1 =
|
|
1046
|
+
const isActive$1 = require_src.isInstrumentationActive() || require_rdt_hook.hasRDTHook();
|
|
1048
1047
|
if (!isActive$1) {
|
|
1049
1048
|
setIsActive(false);
|
|
1050
1049
|
return;
|
|
@@ -1052,7 +1051,7 @@ const RawInspector = (0, react.forwardRef)(({ enabled = true, dangerouslyRunInPr
|
|
|
1052
1051
|
if (!dangerouslyRunInProduction) {
|
|
1053
1052
|
const rdtHook = require_rdt_hook.getRDTHook();
|
|
1054
1053
|
for (const renderer of rdtHook.renderers.values()) {
|
|
1055
|
-
const buildType =
|
|
1054
|
+
const buildType = require_src.detectReactBuildType(renderer);
|
|
1056
1055
|
if (buildType === "production") {
|
|
1057
1056
|
setIsActive(false);
|
|
1058
1057
|
return;
|
|
@@ -1144,7 +1143,7 @@ const RawInspector = (0, react.forwardRef)(({ enabled = true, dangerouslyRunInPr
|
|
|
1144
1143
|
borderRadius: "4px",
|
|
1145
1144
|
backgroundColor: "#3a3a3a"
|
|
1146
1145
|
},
|
|
1147
|
-
children: `<${
|
|
1146
|
+
children: `<${require_src.getDisplayName(currentFiber.type) || "unknown"}>`
|
|
1148
1147
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
1149
1148
|
style: {
|
|
1150
1149
|
fontSize: "0.75rem",
|
|
@@ -6,10 +6,9 @@
|
|
|
6
6
|
* This source code is licensed under the MIT license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
-
import { getFiberSource } from "../source-
|
|
10
|
-
import { getRDTHook
|
|
11
|
-
import { detectReactBuildType, getDisplayName, getFiberFromHostInstance, getLatestFiber, isInstrumentationActive } from "../
|
|
12
|
-
import "../src-Brfshgdr.js";
|
|
9
|
+
import { getFiberSource } from "../source-LNQQC0ZJ.js";
|
|
10
|
+
import { getRDTHook, hasRDTHook } from "../rdt-hook-DnHW09Oh.js";
|
|
11
|
+
import { detectReactBuildType, getDisplayName, getFiberFromHostInstance, getLatestFiber, isInstrumentationActive } from "../src-DI6VWyXb.js";
|
|
13
12
|
import React, { Children, createContext, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useState } from "react";
|
|
14
13
|
import ReactDOM from "react-dom";
|
|
15
14
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
package/dist/index.cjs
CHANGED
|
@@ -6,77 +6,78 @@
|
|
|
6
6
|
* This source code is licensed under the MIT license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
-
const require_rdt_hook = require('./rdt-hook-
|
|
10
|
-
const
|
|
11
|
-
require('./src-DSFCxjNG.cjs');
|
|
9
|
+
const require_rdt_hook = require('./rdt-hook-CNm8ztq8.cjs');
|
|
10
|
+
const require_src = require('./src-E_gwlk2_.cjs');
|
|
12
11
|
|
|
13
12
|
exports.BIPPY_INSTRUMENTATION_STRING = require_rdt_hook.BIPPY_INSTRUMENTATION_STRING;
|
|
14
|
-
exports.CONCURRENT_MODE_NUMBER =
|
|
15
|
-
exports.CONCURRENT_MODE_SYMBOL_STRING =
|
|
16
|
-
exports.ClassComponentTag =
|
|
17
|
-
exports.ContextConsumerTag =
|
|
18
|
-
exports.DEPRECATED_ASYNC_MODE_SYMBOL_STRING =
|
|
19
|
-
exports.DehydratedSuspenseComponentTag =
|
|
20
|
-
exports.ELEMENT_TYPE_SYMBOL_STRING =
|
|
21
|
-
exports.ForwardRefTag =
|
|
22
|
-
exports.FragmentTag =
|
|
23
|
-
exports.FunctionComponentTag =
|
|
24
|
-
exports.HostComponentTag =
|
|
25
|
-
exports.HostHoistableTag =
|
|
26
|
-
exports.HostRootTag =
|
|
27
|
-
exports.HostSingletonTag =
|
|
28
|
-
exports.HostTextTag =
|
|
29
|
-
exports.INSTALL_ERROR =
|
|
30
|
-
exports.LegacyHiddenComponentTag =
|
|
31
|
-
exports.MemoComponentTag =
|
|
32
|
-
exports.OffscreenComponentTag =
|
|
33
|
-
exports.SimpleMemoComponentTag =
|
|
34
|
-
exports.SuspenseComponentTag =
|
|
35
|
-
exports.TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING =
|
|
36
|
-
exports._fiberRoots =
|
|
13
|
+
exports.CONCURRENT_MODE_NUMBER = require_src.CONCURRENT_MODE_NUMBER;
|
|
14
|
+
exports.CONCURRENT_MODE_SYMBOL_STRING = require_src.CONCURRENT_MODE_SYMBOL_STRING;
|
|
15
|
+
exports.ClassComponentTag = require_src.ClassComponentTag;
|
|
16
|
+
exports.ContextConsumerTag = require_src.ContextConsumerTag;
|
|
17
|
+
exports.DEPRECATED_ASYNC_MODE_SYMBOL_STRING = require_src.DEPRECATED_ASYNC_MODE_SYMBOL_STRING;
|
|
18
|
+
exports.DehydratedSuspenseComponentTag = require_src.DehydratedSuspenseComponentTag;
|
|
19
|
+
exports.ELEMENT_TYPE_SYMBOL_STRING = require_src.ELEMENT_TYPE_SYMBOL_STRING;
|
|
20
|
+
exports.ForwardRefTag = require_src.ForwardRefTag;
|
|
21
|
+
exports.FragmentTag = require_src.FragmentTag;
|
|
22
|
+
exports.FunctionComponentTag = require_src.FunctionComponentTag;
|
|
23
|
+
exports.HostComponentTag = require_src.HostComponentTag;
|
|
24
|
+
exports.HostHoistableTag = require_src.HostHoistableTag;
|
|
25
|
+
exports.HostRootTag = require_src.HostRootTag;
|
|
26
|
+
exports.HostSingletonTag = require_src.HostSingletonTag;
|
|
27
|
+
exports.HostTextTag = require_src.HostTextTag;
|
|
28
|
+
exports.INSTALL_ERROR = require_src.INSTALL_ERROR;
|
|
29
|
+
exports.LegacyHiddenComponentTag = require_src.LegacyHiddenComponentTag;
|
|
30
|
+
exports.MemoComponentTag = require_src.MemoComponentTag;
|
|
31
|
+
exports.OffscreenComponentTag = require_src.OffscreenComponentTag;
|
|
32
|
+
exports.SimpleMemoComponentTag = require_src.SimpleMemoComponentTag;
|
|
33
|
+
exports.SuspenseComponentTag = require_src.SuspenseComponentTag;
|
|
34
|
+
exports.TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING = require_src.TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING;
|
|
35
|
+
exports._fiberRoots = require_src._fiberRoots;
|
|
37
36
|
exports._renderers = require_rdt_hook._renderers;
|
|
38
|
-
exports.areFiberEqual =
|
|
39
|
-
exports.createFiberVisitor =
|
|
40
|
-
exports.detectReactBuildType =
|
|
41
|
-
exports.didFiberCommit =
|
|
42
|
-
exports.didFiberRender =
|
|
43
|
-
exports.fiberIdMap =
|
|
44
|
-
exports.getDisplayName =
|
|
45
|
-
exports.getFiberFromHostInstance =
|
|
46
|
-
exports.getFiberId =
|
|
47
|
-
exports.getFiberStack =
|
|
48
|
-
exports.getLatestFiber =
|
|
49
|
-
exports.getMutatedHostFibers =
|
|
50
|
-
exports.getNearestHostFiber =
|
|
51
|
-
exports.getNearestHostFibers =
|
|
37
|
+
exports.areFiberEqual = require_src.areFiberEqual;
|
|
38
|
+
exports.createFiberVisitor = require_src.createFiberVisitor;
|
|
39
|
+
exports.detectReactBuildType = require_src.detectReactBuildType;
|
|
40
|
+
exports.didFiberCommit = require_src.didFiberCommit;
|
|
41
|
+
exports.didFiberRender = require_src.didFiberRender;
|
|
42
|
+
exports.fiberIdMap = require_src.fiberIdMap;
|
|
43
|
+
exports.getDisplayName = require_src.getDisplayName;
|
|
44
|
+
exports.getFiberFromHostInstance = require_src.getFiberFromHostInstance;
|
|
45
|
+
exports.getFiberId = require_src.getFiberId;
|
|
46
|
+
exports.getFiberStack = require_src.getFiberStack;
|
|
47
|
+
exports.getLatestFiber = require_src.getLatestFiber;
|
|
48
|
+
exports.getMutatedHostFibers = require_src.getMutatedHostFibers;
|
|
49
|
+
exports.getNearestHostFiber = require_src.getNearestHostFiber;
|
|
50
|
+
exports.getNearestHostFibers = require_src.getNearestHostFibers;
|
|
52
51
|
exports.getRDTHook = require_rdt_hook.getRDTHook;
|
|
53
|
-
exports.getTimings =
|
|
54
|
-
exports.getType =
|
|
55
|
-
exports.hasMemoCache =
|
|
52
|
+
exports.getTimings = require_src.getTimings;
|
|
53
|
+
exports.getType = require_src.getType;
|
|
54
|
+
exports.hasMemoCache = require_src.hasMemoCache;
|
|
56
55
|
exports.hasRDTHook = require_rdt_hook.hasRDTHook;
|
|
57
56
|
exports.installRDTHook = require_rdt_hook.installRDTHook;
|
|
58
|
-
exports.instrument =
|
|
57
|
+
exports.instrument = require_src.instrument;
|
|
59
58
|
exports.isClientEnvironment = require_rdt_hook.isClientEnvironment;
|
|
60
|
-
exports.isCompositeFiber =
|
|
61
|
-
exports.isHostFiber =
|
|
62
|
-
exports.isInstrumentationActive =
|
|
59
|
+
exports.isCompositeFiber = require_src.isCompositeFiber;
|
|
60
|
+
exports.isHostFiber = require_src.isHostFiber;
|
|
61
|
+
exports.isInstrumentationActive = require_src.isInstrumentationActive;
|
|
63
62
|
exports.isReactRefresh = require_rdt_hook.isReactRefresh;
|
|
64
63
|
exports.isRealReactDevtools = require_rdt_hook.isRealReactDevtools;
|
|
65
|
-
exports.isValidElement =
|
|
66
|
-
exports.isValidFiber =
|
|
67
|
-
exports.mountFiberRecursively =
|
|
68
|
-
exports.onCommitFiberRoot =
|
|
64
|
+
exports.isValidElement = require_src.isValidElement;
|
|
65
|
+
exports.isValidFiber = require_src.isValidFiber;
|
|
66
|
+
exports.mountFiberRecursively = require_src.mountFiberRecursively;
|
|
67
|
+
exports.onCommitFiberRoot = require_src.onCommitFiberRoot;
|
|
69
68
|
exports.patchRDTHook = require_rdt_hook.patchRDTHook;
|
|
70
69
|
exports.safelyInstallRDTHook = require_rdt_hook.safelyInstallRDTHook;
|
|
71
|
-
exports.secure =
|
|
72
|
-
exports.setFiberId =
|
|
73
|
-
exports.shouldFilterFiber =
|
|
74
|
-
exports.traverseContexts =
|
|
75
|
-
exports.traverseFiber =
|
|
76
|
-
exports.
|
|
77
|
-
exports.
|
|
78
|
-
exports.
|
|
79
|
-
exports.
|
|
80
|
-
exports.
|
|
81
|
-
exports.
|
|
70
|
+
exports.secure = require_src.secure;
|
|
71
|
+
exports.setFiberId = require_src.setFiberId;
|
|
72
|
+
exports.shouldFilterFiber = require_src.shouldFilterFiber;
|
|
73
|
+
exports.traverseContexts = require_src.traverseContexts;
|
|
74
|
+
exports.traverseFiber = require_src.traverseFiber;
|
|
75
|
+
exports.traverseFiberAsync = require_src.traverseFiberAsync;
|
|
76
|
+
exports.traverseFiberSync = require_src.traverseFiberSync;
|
|
77
|
+
exports.traverseProps = require_src.traverseProps;
|
|
78
|
+
exports.traverseRenderedFibers = require_src.traverseRenderedFibers;
|
|
79
|
+
exports.traverseState = require_src.traverseState;
|
|
80
|
+
exports.unmountFiber = require_src.unmountFiber;
|
|
81
|
+
exports.unmountFiberChildrenRecursively = require_src.unmountFiberChildrenRecursively;
|
|
82
|
+
exports.updateFiberRecursively = require_src.updateFiberRecursively;
|
|
82
83
|
exports.version = require_rdt_hook.version;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,3 +1,229 @@
|
|
|
1
|
-
import { BundleType, ComponentSelector, ContextDependency, Dependencies, DevToolsConfig, Effect, Family, Fiber, FiberRoot, Flags, HasPseudoClassSelector, HookType, HostConfig, LanePriority, Lanes, MemoizedState, MutableSource, OpaqueHandle, OpaqueRoot, Props, React$AbstractComponent, ReactConsumer, ReactContext, ReactDevToolsGlobalHook, ReactPortal, ReactProvider, ReactProviderType, ReactRenderer, RefObject, RoleSelector, RootTag, Selector, Source, SuspenseHydrationCallbacks, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag } from "./types-
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { BundleType, ComponentSelector, ContextDependency, Dependencies, DevToolsConfig, Effect, Family, Fiber, FiberRoot, Flags, HasPseudoClassSelector, HookType, HostConfig, LanePriority, Lanes, MemoizedState, MutableSource, OpaqueHandle, OpaqueRoot, Props, React$AbstractComponent, ReactConsumer, ReactContext, ReactDevToolsGlobalHook, ReactPortal, ReactProvider, ReactProviderType, ReactRenderer, RefObject, RoleSelector, RootTag, Selector, Source, SuspenseHydrationCallbacks, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag } from "./types-K8pdIVoh.cjs";
|
|
2
|
+
import * as React$1 from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/rdt-hook.d.ts
|
|
5
|
+
declare const version: string | undefined;
|
|
6
|
+
declare const BIPPY_INSTRUMENTATION_STRING: string;
|
|
7
|
+
declare const isRealReactDevtools: (rdtHook?: ReactDevToolsGlobalHook) => boolean;
|
|
8
|
+
declare const isReactRefresh: (rdtHook?: ReactDevToolsGlobalHook) => boolean;
|
|
9
|
+
declare const _renderers: Set<ReactRenderer>;
|
|
10
|
+
declare const installRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
|
|
11
|
+
declare const patchRDTHook: (onActive?: () => unknown) => void;
|
|
12
|
+
declare const hasRDTHook: () => boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Returns the current React DevTools global hook.
|
|
15
|
+
*/
|
|
16
|
+
declare const getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
|
|
17
|
+
declare const isClientEnvironment: () => boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Usually used purely for side effect
|
|
20
|
+
*/
|
|
21
|
+
declare const safelyInstallRDTHook: () => void;
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/core.d.ts
|
|
25
|
+
declare const FunctionComponentTag = 0;
|
|
26
|
+
declare const ClassComponentTag = 1;
|
|
27
|
+
declare const HostRootTag = 3;
|
|
28
|
+
declare const HostComponentTag = 5;
|
|
29
|
+
declare const HostTextTag = 6;
|
|
30
|
+
declare const FragmentTag = 7;
|
|
31
|
+
declare const ContextConsumerTag = 9;
|
|
32
|
+
declare const ForwardRefTag = 11;
|
|
33
|
+
declare const SuspenseComponentTag = 13;
|
|
34
|
+
declare const MemoComponentTag = 14;
|
|
35
|
+
declare const SimpleMemoComponentTag = 15;
|
|
36
|
+
declare const DehydratedSuspenseComponentTag = 18;
|
|
37
|
+
declare const OffscreenComponentTag = 22;
|
|
38
|
+
declare const LegacyHiddenComponentTag = 23;
|
|
39
|
+
declare const HostHoistableTag = 26;
|
|
40
|
+
declare const HostSingletonTag = 27;
|
|
41
|
+
declare const CONCURRENT_MODE_NUMBER = 60111;
|
|
42
|
+
declare const ELEMENT_TYPE_SYMBOL_STRING = "Symbol(react.element)";
|
|
43
|
+
declare const TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING = "Symbol(react.transitional.element)";
|
|
44
|
+
declare const CONCURRENT_MODE_SYMBOL_STRING = "Symbol(react.concurrent_mode)";
|
|
45
|
+
declare const DEPRECATED_ASYNC_MODE_SYMBOL_STRING = "Symbol(react.async_mode)";
|
|
46
|
+
/**
|
|
47
|
+
* Returns `true` if object is a React Element.
|
|
48
|
+
*
|
|
49
|
+
* @see https://react.dev/reference/react/isValidElement
|
|
50
|
+
*/
|
|
51
|
+
declare const isValidElement: (element: unknown) => element is React$1.ReactElement;
|
|
52
|
+
/**
|
|
53
|
+
* Returns `true` if object is a React Fiber.
|
|
54
|
+
*/
|
|
55
|
+
declare const isValidFiber: (fiber: unknown) => fiber is Fiber;
|
|
56
|
+
/**
|
|
57
|
+
* Returns `true` if fiber is a host fiber. Host fibers are DOM nodes in react-dom, `View` in react-native, etc.
|
|
58
|
+
*
|
|
59
|
+
* @see https://reactnative.dev/architecture/glossary#host-view-tree-and-host-view
|
|
60
|
+
*/
|
|
61
|
+
declare const isHostFiber: (fiber: Fiber) => boolean;
|
|
62
|
+
/**
|
|
63
|
+
* Returns `true` if fiber is a composite fiber. Composite fibers are fibers that can render (like functional components, class components, etc.)
|
|
64
|
+
*
|
|
65
|
+
* @see https://reactnative.dev/architecture/glossary#react-composite-components
|
|
66
|
+
*/
|
|
67
|
+
declare const isCompositeFiber: (fiber: Fiber) => boolean;
|
|
68
|
+
/**
|
|
69
|
+
* Returns `true` if the two {@link Fiber}s are the same reference
|
|
70
|
+
*/
|
|
71
|
+
declare const areFiberEqual: (fiberA: Fiber, fiberB: Fiber) => boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Traverses up or down a {@link Fiber}'s contexts, return `true` to stop and select the current and previous context value.
|
|
74
|
+
*/
|
|
75
|
+
declare const traverseContexts: (fiber: Fiber, selector: (nextValue: ContextDependency<unknown> | null | undefined, prevValue: ContextDependency<unknown> | null | undefined) => boolean | void) => boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Traverses up or down a {@link Fiber}'s states, return `true` to stop and select the current and previous state value. This stores both state values and effects.
|
|
78
|
+
*/
|
|
79
|
+
declare const traverseState: (fiber: Fiber, selector: (nextValue: MemoizedState | null | undefined, prevValue: MemoizedState | null | undefined) => boolean | void) => boolean;
|
|
80
|
+
/**
|
|
81
|
+
* Traverses up or down a {@link Fiber}'s props, return `true` to stop and select the current and previous props value.
|
|
82
|
+
*/
|
|
83
|
+
declare const traverseProps: (fiber: Fiber, selector: (propName: string, nextValue: unknown, prevValue: unknown) => boolean | void) => boolean;
|
|
84
|
+
/**
|
|
85
|
+
* 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.
|
|
86
|
+
*/
|
|
87
|
+
declare const didFiberRender: (fiber: Fiber) => boolean;
|
|
88
|
+
/**
|
|
89
|
+
* 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.
|
|
90
|
+
*/
|
|
91
|
+
declare const didFiberCommit: (fiber: Fiber) => boolean;
|
|
92
|
+
/**
|
|
93
|
+
* Returns all host {@link Fiber}s that have committed and rendered.
|
|
94
|
+
*/
|
|
95
|
+
declare const getMutatedHostFibers: (fiber: Fiber) => Fiber[];
|
|
96
|
+
/**
|
|
97
|
+
* Returns the stack of {@link Fiber}s from the current fiber to the root fiber.
|
|
98
|
+
*
|
|
99
|
+
* @example
|
|
100
|
+
* ```ts
|
|
101
|
+
* [fiber, fiber.return, fiber.return.return, ...]
|
|
102
|
+
* ```
|
|
103
|
+
*/
|
|
104
|
+
declare const getFiberStack: (fiber: Fiber) => Fiber[];
|
|
105
|
+
/**
|
|
106
|
+
* Returns `true` if the {@link Fiber} should be filtered out during reconciliation.
|
|
107
|
+
*/
|
|
108
|
+
declare const shouldFilterFiber: (fiber: Fiber) => boolean;
|
|
109
|
+
/**
|
|
110
|
+
* Returns the nearest host {@link Fiber} to the current {@link Fiber}.
|
|
111
|
+
*/
|
|
112
|
+
declare const getNearestHostFiber: (fiber: Fiber, ascending?: boolean) => Fiber | null;
|
|
113
|
+
/**
|
|
114
|
+
* Returns all host {@link Fiber}s in the tree that are associated with the current {@link Fiber}.
|
|
115
|
+
*/
|
|
116
|
+
declare const getNearestHostFibers: (fiber: Fiber) => Fiber[];
|
|
117
|
+
/**
|
|
118
|
+
* Traverses up or down a {@link Fiber}, return `true` to stop and select a node.
|
|
119
|
+
*/
|
|
120
|
+
declare function traverseFiber(fiber: Fiber | null, selector: (node: Fiber) => boolean | void, ascending?: boolean): Fiber | null;
|
|
121
|
+
declare function traverseFiber(fiber: Fiber | null, selector: (node: Fiber) => Promise<boolean | void>, ascending?: boolean): Promise<Fiber | null>;
|
|
122
|
+
declare const traverseFiberSync: (fiber: Fiber | null, selector: (node: Fiber) => boolean | void, ascending?: boolean) => Fiber | null;
|
|
123
|
+
declare const traverseFiberAsync: (fiber: Fiber | null, selector: (node: Fiber) => Promise<boolean | void>, ascending?: boolean) => Promise<Fiber | null>;
|
|
124
|
+
/**
|
|
125
|
+
* Returns the timings of the {@link Fiber}.
|
|
126
|
+
*
|
|
127
|
+
* @example
|
|
128
|
+
* ```ts
|
|
129
|
+
* const { selfTime, totalTime } = getTimings(fiber);
|
|
130
|
+
* console.log(selfTime, totalTime);
|
|
131
|
+
* ```
|
|
132
|
+
*/
|
|
133
|
+
declare const getTimings: (fiber?: Fiber | null | undefined) => {
|
|
134
|
+
selfTime: number;
|
|
135
|
+
totalTime: number;
|
|
136
|
+
};
|
|
137
|
+
/**
|
|
138
|
+
* Returns `true` if the {@link Fiber} uses React Compiler's memo cache.
|
|
139
|
+
*/
|
|
140
|
+
declare const hasMemoCache: (fiber: Fiber) => boolean;
|
|
141
|
+
/**
|
|
142
|
+
* Returns the type (e.g. component definition) of the {@link Fiber}
|
|
143
|
+
*/
|
|
144
|
+
declare const getType: (type: unknown) => React$1.ComponentType<unknown> | null;
|
|
145
|
+
/**
|
|
146
|
+
* Returns the display name of the {@link Fiber} type.
|
|
147
|
+
*/
|
|
148
|
+
declare const getDisplayName: (type: unknown) => string | null;
|
|
149
|
+
/**
|
|
150
|
+
* Returns the build type of the React renderer.
|
|
151
|
+
*/
|
|
152
|
+
declare const detectReactBuildType: (renderer: ReactRenderer) => "development" | "production";
|
|
153
|
+
/**
|
|
154
|
+
* Returns `true` if bippy's instrumentation is active.
|
|
155
|
+
*/
|
|
156
|
+
declare const isInstrumentationActive: () => boolean;
|
|
157
|
+
/**
|
|
158
|
+
* Returns the latest fiber (since it may be double-buffered).
|
|
159
|
+
*/
|
|
160
|
+
declare const getLatestFiber: (fiber: Fiber) => Fiber;
|
|
161
|
+
type RenderPhase = 'mount' | 'update' | 'unmount';
|
|
162
|
+
type RenderHandler = <S>(fiber: Fiber, phase: RenderPhase, state?: S) => unknown;
|
|
163
|
+
declare const fiberIdMap: WeakMap<Fiber, number>;
|
|
164
|
+
declare const setFiberId: (fiber: Fiber, id?: number) => void;
|
|
165
|
+
declare const getFiberId: (fiber: Fiber) => number;
|
|
166
|
+
declare const mountFiberRecursively: (onRender: RenderHandler, firstChild: Fiber, traverseSiblings: boolean) => void;
|
|
167
|
+
declare const updateFiberRecursively: (onRender: RenderHandler, nextFiber: Fiber, prevFiber: Fiber, parentFiber: Fiber | null) => void;
|
|
168
|
+
declare const unmountFiber: (onRender: RenderHandler, fiber: Fiber) => void;
|
|
169
|
+
declare const unmountFiberChildrenRecursively: (onRender: RenderHandler, fiber: Fiber) => void;
|
|
170
|
+
/**
|
|
171
|
+
* Creates a fiber visitor function. Must pass a fiber root and a render handler.
|
|
172
|
+
* @example
|
|
173
|
+
* traverseRenderedFibers(root, (fiber, phase) => {
|
|
174
|
+
* console.log(phase)
|
|
175
|
+
* })
|
|
176
|
+
*/
|
|
177
|
+
declare const traverseRenderedFibers: (root: FiberRoot, onRender: RenderHandler) => void;
|
|
178
|
+
/**
|
|
179
|
+
* @deprecated use `traverseRenderedFibers` instead
|
|
180
|
+
*/
|
|
181
|
+
declare const createFiberVisitor: ({
|
|
182
|
+
onRender
|
|
183
|
+
}: {
|
|
184
|
+
onRender: RenderHandler;
|
|
185
|
+
onError: (error: unknown) => unknown;
|
|
186
|
+
}) => (<S>(_rendererID: number, root: FiberRoot | Fiber, _state?: S) => void);
|
|
187
|
+
interface InstrumentationOptions {
|
|
188
|
+
onCommitFiberRoot?: (rendererID: number, root: FiberRoot, priority: void | number) => unknown;
|
|
189
|
+
onCommitFiberUnmount?: (rendererID: number, fiber: Fiber) => unknown;
|
|
190
|
+
onPostCommitFiberRoot?: (rendererID: number, root: FiberRoot) => unknown;
|
|
191
|
+
onScheduleFiberRoot?: (rendererID: number, root: FiberRoot, children: React$1.ReactNode) => unknown;
|
|
192
|
+
onActive?: () => unknown;
|
|
193
|
+
name?: string;
|
|
194
|
+
}
|
|
195
|
+
/**
|
|
196
|
+
* Instruments the DevTools hook.
|
|
197
|
+
* @example
|
|
198
|
+
* const hook = instrument({
|
|
199
|
+
* onActive() {
|
|
200
|
+
* console.log('initialized');
|
|
201
|
+
* },
|
|
202
|
+
* onCommitFiberRoot(rendererID, root) {
|
|
203
|
+
* console.log('fiberRoot', root.current)
|
|
204
|
+
* },
|
|
205
|
+
* });
|
|
206
|
+
*/
|
|
207
|
+
declare const instrument: (options: InstrumentationOptions) => ReactDevToolsGlobalHook;
|
|
208
|
+
declare const getFiberFromHostInstance: <T>(hostInstance: T) => Fiber | null;
|
|
209
|
+
declare const INSTALL_ERROR: Error;
|
|
210
|
+
declare const _fiberRoots: Set<any>;
|
|
211
|
+
declare const secure: (options: InstrumentationOptions, secureOptions?: {
|
|
212
|
+
minReactMajorVersion?: number;
|
|
213
|
+
dangerouslyRunInProduction?: boolean;
|
|
214
|
+
onError?: (error?: unknown) => unknown;
|
|
215
|
+
installCheckTimeout?: number;
|
|
216
|
+
isProduction?: boolean;
|
|
217
|
+
}) => InstrumentationOptions;
|
|
218
|
+
/**
|
|
219
|
+
* a wrapper around the {@link instrument} function that sets the `onCommitFiberRoot` hook.
|
|
220
|
+
*
|
|
221
|
+
* @example
|
|
222
|
+
* onCommitFiberRoot((root) => {
|
|
223
|
+
* console.log(root.current);
|
|
224
|
+
* });
|
|
225
|
+
*/
|
|
226
|
+
declare const onCommitFiberRoot: (handler: (root: FiberRoot) => void) => ReactDevToolsGlobalHook;
|
|
227
|
+
|
|
228
|
+
//#endregion
|
|
229
|
+
export { BIPPY_INSTRUMENTATION_STRING, BundleType, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ComponentSelector, ContextConsumerTag, ContextDependency, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, Dependencies, DevToolsConfig, ELEMENT_TYPE_SYMBOL_STRING, Effect, Family, Fiber, FiberRoot, Flags, ForwardRefTag, FragmentTag, FunctionComponentTag, HasPseudoClassSelector, HookType, HostComponentTag, HostConfig, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, InstrumentationOptions, LanePriority, Lanes, LegacyHiddenComponentTag, MemoComponentTag, MemoizedState, MutableSource, OffscreenComponentTag, OpaqueHandle, OpaqueRoot, Props, React$AbstractComponent, ReactConsumer, ReactContext, ReactDevToolsGlobalHook, ReactPortal, ReactProvider, ReactProviderType, ReactRenderer, RefObject, RenderHandler, RenderPhase, RoleSelector, RootTag, Selector, SimpleMemoComponentTag, Source, SuspenseComponentTag, SuspenseHydrationCallbacks, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag, _fiberRoots, _renderers, areFiberEqual, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getLatestFiber, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, safelyInstallRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseFiberAsync, traverseFiberSync, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|