bippy 0.2.23 → 0.3.0
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/README.md +0 -14
- package/dist/{chunk-3TTOEZDD.js → chunk-2R5SJTFQ.js} +1 -1
- package/dist/{chunk-FVT6V2TD.js → chunk-NK43KTPL.js} +32 -30
- package/dist/{chunk-6D4F5LZN.cjs → chunk-POWCTW3F.cjs} +3 -3
- package/dist/{chunk-XRTKUBYA.cjs → chunk-R357CEJU.cjs} +33 -30
- package/dist/core.cjs +67 -71
- package/dist/core.d.cts +6 -75
- package/dist/core.d.ts +6 -75
- package/dist/core.js +1 -1
- package/dist/experiments/inspect.cjs +16 -14
- package/dist/experiments/inspect.js +4 -2
- package/dist/experiments/shrinkwrap.cjs +374 -0
- package/dist/experiments/shrinkwrap.d.cts +10 -0
- package/dist/experiments/shrinkwrap.d.ts +10 -0
- package/dist/experiments/shrinkwrap.js +369 -0
- package/dist/index.cjs +68 -72
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.global.js +1 -1
- package/dist/index.js +2 -2
- package/dist/shrinkwrap.global.js +9 -0
- package/dist/source.cjs +2231 -0
- package/dist/source.d.cts +11 -0
- package/dist/source.d.ts +11 -0
- package/dist/source.global.js +9 -0
- package/dist/source.js +2229 -0
- package/dist/types-bP3PNEQt.d.cts +70 -0
- package/dist/types-bP3PNEQt.d.ts +70 -0
- package/package.json +9 -7
- package/dist/sw.cjs +0 -56
- package/dist/sw.js +0 -54
package/dist/core.d.cts
CHANGED
|
@@ -1,74 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { R as ReactDevToolsGlobalHook, F as Fiber, C as ContextDependency, M as MemoizedState, a as ReactRenderer } from './types-bP3PNEQt.cjs';
|
|
3
|
+
export { D as Dependencies, E as Effect, P as Props } from './types-bP3PNEQt.cjs';
|
|
4
|
+
import { FiberRoot } from 'react-reconciler';
|
|
3
5
|
export { BundleType, ComponentSelector, DevToolsConfig, FiberRoot, Flags, HasPseudoClassSelector, HookType, HostConfig, LanePriority, Lanes, MutableSource, OpaqueHandle, OpaqueRoot, React$AbstractComponent, ReactConsumer, ReactContext, ReactPortal, ReactProvider, ReactProviderType, RefObject, RoleSelector, RootTag, Selector, Source, SuspenseHydrationCallbacks, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag } from 'react-reconciler';
|
|
4
6
|
|
|
5
|
-
interface ReactDevToolsGlobalHook {
|
|
6
|
-
checkDCE: (fn: unknown) => void;
|
|
7
|
-
supportsFiber: boolean;
|
|
8
|
-
supportsFlight: boolean;
|
|
9
|
-
renderers: Map<number, ReactRenderer>;
|
|
10
|
-
hasUnsupportedRendererAttached: boolean;
|
|
11
|
-
onCommitFiberRoot: (rendererID: number, root: FiberRoot, priority: void | number) => void;
|
|
12
|
-
onCommitFiberUnmount: (rendererID: number, fiber: Fiber) => void;
|
|
13
|
-
onPostCommitFiberRoot: (rendererID: number, root: FiberRoot) => void;
|
|
14
|
-
inject: (renderer: ReactRenderer) => number;
|
|
15
|
-
_instrumentationSource?: string;
|
|
16
|
-
_instrumentationIsActive?: boolean;
|
|
17
|
-
_sw?: boolean;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Represents a react-internal Fiber node.
|
|
21
|
-
*/
|
|
22
|
-
type Fiber<T = any> = Omit<Fiber$1, 'stateNode' | 'dependencies' | 'child' | 'sibling' | 'return' | 'alternate' | 'memoizedProps' | 'pendingProps' | 'memoizedState' | 'updateQueue'> & {
|
|
23
|
-
stateNode: T;
|
|
24
|
-
dependencies: Dependencies | null;
|
|
25
|
-
child: Fiber | null;
|
|
26
|
-
sibling: Fiber | null;
|
|
27
|
-
return: Fiber | null;
|
|
28
|
-
alternate: Fiber | null;
|
|
29
|
-
memoizedProps: Props;
|
|
30
|
-
pendingProps: Props;
|
|
31
|
-
memoizedState: MemoizedState;
|
|
32
|
-
updateQueue: {
|
|
33
|
-
lastEffect: Effect | null;
|
|
34
|
-
[key: string]: unknown;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
interface ReactRenderer {
|
|
38
|
-
version: string;
|
|
39
|
-
bundleType: 0 | 1;
|
|
40
|
-
findFiberByHostInstance?: (hostInstance: unknown) => Fiber | null;
|
|
41
|
-
}
|
|
42
|
-
interface ContextDependency<T> {
|
|
43
|
-
context: ReactContext<T>;
|
|
44
|
-
memoizedValue: T;
|
|
45
|
-
observedBits: number;
|
|
46
|
-
next: ContextDependency<unknown> | null;
|
|
47
|
-
}
|
|
48
|
-
interface Dependencies {
|
|
49
|
-
lanes: Lanes;
|
|
50
|
-
firstContext: ContextDependency<unknown> | null;
|
|
51
|
-
}
|
|
52
|
-
interface Effect {
|
|
53
|
-
next: Effect | null;
|
|
54
|
-
create: (...args: unknown[]) => unknown;
|
|
55
|
-
destroy: ((...args: unknown[]) => unknown) | null;
|
|
56
|
-
deps: unknown[] | null;
|
|
57
|
-
tag: number;
|
|
58
|
-
[key: string]: unknown;
|
|
59
|
-
}
|
|
60
|
-
interface MemoizedState {
|
|
61
|
-
memoizedState: unknown;
|
|
62
|
-
next: MemoizedState | null;
|
|
63
|
-
[key: string]: unknown;
|
|
64
|
-
}
|
|
65
|
-
interface Props {
|
|
66
|
-
[key: string]: unknown;
|
|
67
|
-
}
|
|
68
|
-
declare global {
|
|
69
|
-
var __REACT_DEVTOOLS_GLOBAL_HOOK__: ReactDevToolsGlobalHook | undefined;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
7
|
declare const INSTALL_HOOK_SCRIPT_STRING = "(()=>{try{var t=()=>{};const n=new Map;let o=0;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__={checkDCE:t,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:n,onCommitFiberRoot:t,onCommitFiberUnmount:t,onPostCommitFiberRoot:t,inject(t){var e=++o;return n.set(e,t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive=!0,e},_instrumentationIsActive:!1,_script:!0}}catch{}})()";
|
|
73
8
|
|
|
74
9
|
declare const version: string | undefined;
|
|
@@ -132,13 +67,9 @@ declare const isCompositeFiber: (fiber: Fiber) => boolean;
|
|
|
132
67
|
*/
|
|
133
68
|
declare const traverseContexts: (fiber: Fiber, selector: (nextValue: ContextDependency<unknown> | null | undefined, prevValue: ContextDependency<unknown> | null | undefined) => boolean | void) => boolean;
|
|
134
69
|
/**
|
|
135
|
-
* Traverses up or down a {@link Fiber}'s states, return `true` to stop and select the current and previous state value.
|
|
70
|
+
* 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.
|
|
136
71
|
*/
|
|
137
72
|
declare const traverseState: (fiber: Fiber, selector: (nextValue: MemoizedState | null | undefined, prevValue: MemoizedState | null | undefined) => boolean | void) => boolean;
|
|
138
|
-
/**
|
|
139
|
-
* 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.
|
|
140
|
-
*/
|
|
141
|
-
declare const traverseEffects: (fiber: Fiber, selector: (nextValue: Effect | null | undefined, prevValue: Effect | null | undefined) => boolean | void) => boolean;
|
|
142
73
|
/**
|
|
143
74
|
* Traverses up or down a {@link Fiber}'s props, return `true` to stop and select the current and previous props value.
|
|
144
75
|
*/
|
|
@@ -202,7 +133,7 @@ declare const hasMemoCache: (fiber: Fiber) => boolean;
|
|
|
202
133
|
*/
|
|
203
134
|
declare const getType: (type: unknown) => React.ComponentType<unknown> | null;
|
|
204
135
|
/**
|
|
205
|
-
* Returns the display name of the {@link Fiber}.
|
|
136
|
+
* Returns the display name of the {@link Fiber} type.
|
|
206
137
|
*/
|
|
207
138
|
declare const getDisplayName: (type: unknown) => string | null;
|
|
208
139
|
/**
|
|
@@ -276,4 +207,4 @@ declare const secure: (options: InstrumentationOptions, secureOptions?: {
|
|
|
276
207
|
*/
|
|
277
208
|
declare const onCommitFiberRoot: (handler: (root: FiberRoot) => void) => ReactDevToolsGlobalHook;
|
|
278
209
|
|
|
279
|
-
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag,
|
|
210
|
+
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, ContextDependency, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, Fiber, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, type InstrumentationOptions, LegacyHiddenComponentTag, MemoComponentTag, MemoizedState, OffscreenComponentTag, ReactDevToolsGlobalHook, ReactRenderer, type RenderHandler, type RenderPhase, 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, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|
package/dist/core.d.ts
CHANGED
|
@@ -1,74 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { R as ReactDevToolsGlobalHook, F as Fiber, C as ContextDependency, M as MemoizedState, a as ReactRenderer } from './types-bP3PNEQt.js';
|
|
3
|
+
export { D as Dependencies, E as Effect, P as Props } from './types-bP3PNEQt.js';
|
|
4
|
+
import { FiberRoot } from 'react-reconciler';
|
|
3
5
|
export { BundleType, ComponentSelector, DevToolsConfig, FiberRoot, Flags, HasPseudoClassSelector, HookType, HostConfig, LanePriority, Lanes, MutableSource, OpaqueHandle, OpaqueRoot, React$AbstractComponent, ReactConsumer, ReactContext, ReactPortal, ReactProvider, ReactProviderType, RefObject, RoleSelector, RootTag, Selector, Source, SuspenseHydrationCallbacks, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag } from 'react-reconciler';
|
|
4
6
|
|
|
5
|
-
interface ReactDevToolsGlobalHook {
|
|
6
|
-
checkDCE: (fn: unknown) => void;
|
|
7
|
-
supportsFiber: boolean;
|
|
8
|
-
supportsFlight: boolean;
|
|
9
|
-
renderers: Map<number, ReactRenderer>;
|
|
10
|
-
hasUnsupportedRendererAttached: boolean;
|
|
11
|
-
onCommitFiberRoot: (rendererID: number, root: FiberRoot, priority: void | number) => void;
|
|
12
|
-
onCommitFiberUnmount: (rendererID: number, fiber: Fiber) => void;
|
|
13
|
-
onPostCommitFiberRoot: (rendererID: number, root: FiberRoot) => void;
|
|
14
|
-
inject: (renderer: ReactRenderer) => number;
|
|
15
|
-
_instrumentationSource?: string;
|
|
16
|
-
_instrumentationIsActive?: boolean;
|
|
17
|
-
_sw?: boolean;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Represents a react-internal Fiber node.
|
|
21
|
-
*/
|
|
22
|
-
type Fiber<T = any> = Omit<Fiber$1, 'stateNode' | 'dependencies' | 'child' | 'sibling' | 'return' | 'alternate' | 'memoizedProps' | 'pendingProps' | 'memoizedState' | 'updateQueue'> & {
|
|
23
|
-
stateNode: T;
|
|
24
|
-
dependencies: Dependencies | null;
|
|
25
|
-
child: Fiber | null;
|
|
26
|
-
sibling: Fiber | null;
|
|
27
|
-
return: Fiber | null;
|
|
28
|
-
alternate: Fiber | null;
|
|
29
|
-
memoizedProps: Props;
|
|
30
|
-
pendingProps: Props;
|
|
31
|
-
memoizedState: MemoizedState;
|
|
32
|
-
updateQueue: {
|
|
33
|
-
lastEffect: Effect | null;
|
|
34
|
-
[key: string]: unknown;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
interface ReactRenderer {
|
|
38
|
-
version: string;
|
|
39
|
-
bundleType: 0 | 1;
|
|
40
|
-
findFiberByHostInstance?: (hostInstance: unknown) => Fiber | null;
|
|
41
|
-
}
|
|
42
|
-
interface ContextDependency<T> {
|
|
43
|
-
context: ReactContext<T>;
|
|
44
|
-
memoizedValue: T;
|
|
45
|
-
observedBits: number;
|
|
46
|
-
next: ContextDependency<unknown> | null;
|
|
47
|
-
}
|
|
48
|
-
interface Dependencies {
|
|
49
|
-
lanes: Lanes;
|
|
50
|
-
firstContext: ContextDependency<unknown> | null;
|
|
51
|
-
}
|
|
52
|
-
interface Effect {
|
|
53
|
-
next: Effect | null;
|
|
54
|
-
create: (...args: unknown[]) => unknown;
|
|
55
|
-
destroy: ((...args: unknown[]) => unknown) | null;
|
|
56
|
-
deps: unknown[] | null;
|
|
57
|
-
tag: number;
|
|
58
|
-
[key: string]: unknown;
|
|
59
|
-
}
|
|
60
|
-
interface MemoizedState {
|
|
61
|
-
memoizedState: unknown;
|
|
62
|
-
next: MemoizedState | null;
|
|
63
|
-
[key: string]: unknown;
|
|
64
|
-
}
|
|
65
|
-
interface Props {
|
|
66
|
-
[key: string]: unknown;
|
|
67
|
-
}
|
|
68
|
-
declare global {
|
|
69
|
-
var __REACT_DEVTOOLS_GLOBAL_HOOK__: ReactDevToolsGlobalHook | undefined;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
7
|
declare const INSTALL_HOOK_SCRIPT_STRING = "(()=>{try{var t=()=>{};const n=new Map;let o=0;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__={checkDCE:t,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:n,onCommitFiberRoot:t,onCommitFiberUnmount:t,onPostCommitFiberRoot:t,inject(t){var e=++o;return n.set(e,t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive=!0,e},_instrumentationIsActive:!1,_script:!0}}catch{}})()";
|
|
73
8
|
|
|
74
9
|
declare const version: string | undefined;
|
|
@@ -132,13 +67,9 @@ declare const isCompositeFiber: (fiber: Fiber) => boolean;
|
|
|
132
67
|
*/
|
|
133
68
|
declare const traverseContexts: (fiber: Fiber, selector: (nextValue: ContextDependency<unknown> | null | undefined, prevValue: ContextDependency<unknown> | null | undefined) => boolean | void) => boolean;
|
|
134
69
|
/**
|
|
135
|
-
* Traverses up or down a {@link Fiber}'s states, return `true` to stop and select the current and previous state value.
|
|
70
|
+
* 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.
|
|
136
71
|
*/
|
|
137
72
|
declare const traverseState: (fiber: Fiber, selector: (nextValue: MemoizedState | null | undefined, prevValue: MemoizedState | null | undefined) => boolean | void) => boolean;
|
|
138
|
-
/**
|
|
139
|
-
* 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.
|
|
140
|
-
*/
|
|
141
|
-
declare const traverseEffects: (fiber: Fiber, selector: (nextValue: Effect | null | undefined, prevValue: Effect | null | undefined) => boolean | void) => boolean;
|
|
142
73
|
/**
|
|
143
74
|
* Traverses up or down a {@link Fiber}'s props, return `true` to stop and select the current and previous props value.
|
|
144
75
|
*/
|
|
@@ -202,7 +133,7 @@ declare const hasMemoCache: (fiber: Fiber) => boolean;
|
|
|
202
133
|
*/
|
|
203
134
|
declare const getType: (type: unknown) => React.ComponentType<unknown> | null;
|
|
204
135
|
/**
|
|
205
|
-
* Returns the display name of the {@link Fiber}.
|
|
136
|
+
* Returns the display name of the {@link Fiber} type.
|
|
206
137
|
*/
|
|
207
138
|
declare const getDisplayName: (type: unknown) => string | null;
|
|
208
139
|
/**
|
|
@@ -276,4 +207,4 @@ declare const secure: (options: InstrumentationOptions, secureOptions?: {
|
|
|
276
207
|
*/
|
|
277
208
|
declare const onCommitFiberRoot: (handler: (root: FiberRoot) => void) => ReactDevToolsGlobalHook;
|
|
278
209
|
|
|
279
|
-
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag,
|
|
210
|
+
export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, ContextDependency, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, Fiber, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, type InstrumentationOptions, LegacyHiddenComponentTag, MemoComponentTag, MemoizedState, OffscreenComponentTag, ReactDevToolsGlobalHook, ReactRenderer, type RenderHandler, type RenderPhase, 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, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
|
package/dist/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
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_ERROR, 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, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts,
|
|
1
|
+
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_ERROR, 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, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version } from './chunk-NK43KTPL.js';
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../chunk-
|
|
6
|
-
var
|
|
5
|
+
require('../chunk-POWCTW3F.cjs');
|
|
6
|
+
var chunkR357CEJU_cjs = require('../chunk-R357CEJU.cjs');
|
|
7
7
|
var React17 = require('react');
|
|
8
8
|
var ReactDOM = require('react-dom');
|
|
9
9
|
|
|
@@ -1204,6 +1204,8 @@ var Inspector = ({ table = false, data, ...rest }) => {
|
|
|
1204
1204
|
...rest
|
|
1205
1205
|
});
|
|
1206
1206
|
};
|
|
1207
|
+
|
|
1208
|
+
// src/experiments/inspect.tsx
|
|
1207
1209
|
var FIBER_PROP_EXPLANATIONS = {
|
|
1208
1210
|
tag: "Numeric type identifier for this fiber (e.g. 1=FunctionComponent, 5=HostComponent)",
|
|
1209
1211
|
elementType: "The original function/class/element type",
|
|
@@ -1362,7 +1364,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1362
1364
|
const [fiberHistory, setFiberHistory] = React17.useState([]);
|
|
1363
1365
|
const getFiberForDisplay = React17.useCallback(() => {
|
|
1364
1366
|
if (selectedFiber) return selectedFiber;
|
|
1365
|
-
const fiber2 =
|
|
1367
|
+
const fiber2 = chunkR357CEJU_cjs.getFiberFromHostInstance(element);
|
|
1366
1368
|
return fiber2;
|
|
1367
1369
|
}, [selectedFiber, element]);
|
|
1368
1370
|
const handlePropertyHover = (_e, propName) => {
|
|
@@ -1409,15 +1411,15 @@ var RawInspector = React17__default.default.memo(
|
|
|
1409
1411
|
React17.useEffect(() => {
|
|
1410
1412
|
const handleMouseMove = (event) => {
|
|
1411
1413
|
if (isDialogMode) return;
|
|
1412
|
-
const isActive2 =
|
|
1414
|
+
const isActive2 = chunkR357CEJU_cjs.isInstrumentationActive() || chunkR357CEJU_cjs.hasRDTHook();
|
|
1413
1415
|
if (!isActive2) {
|
|
1414
1416
|
setIsActive(false);
|
|
1415
1417
|
return;
|
|
1416
1418
|
}
|
|
1417
1419
|
if (!dangerouslyRunInProduction) {
|
|
1418
|
-
const rdtHook =
|
|
1420
|
+
const rdtHook = chunkR357CEJU_cjs.getRDTHook();
|
|
1419
1421
|
for (const renderer of rdtHook.renderers.values()) {
|
|
1420
|
-
const buildType =
|
|
1422
|
+
const buildType = chunkR357CEJU_cjs.detectReactBuildType(renderer);
|
|
1421
1423
|
if (buildType === "production") {
|
|
1422
1424
|
setIsActive(false);
|
|
1423
1425
|
return;
|
|
@@ -1478,7 +1480,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1478
1480
|
}, [rect]);
|
|
1479
1481
|
React17.useEffect(() => {
|
|
1480
1482
|
if (selectedFiber) {
|
|
1481
|
-
const element2 =
|
|
1483
|
+
const element2 = chunkR357CEJU_cjs.getNearestHostFiber(selectedFiber)?.stateNode;
|
|
1482
1484
|
if (element2) {
|
|
1483
1485
|
setElement(element2);
|
|
1484
1486
|
setRect(element2.getBoundingClientRect());
|
|
@@ -1496,7 +1498,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1496
1498
|
const fiber = getFiberForDisplay();
|
|
1497
1499
|
if (!fiber) return null;
|
|
1498
1500
|
let foundInspect = false;
|
|
1499
|
-
|
|
1501
|
+
chunkR357CEJU_cjs.traverseFiber(
|
|
1500
1502
|
fiber,
|
|
1501
1503
|
(innerFiber) => {
|
|
1502
1504
|
if (innerFiber.type === Inspector2) {
|
|
@@ -1531,7 +1533,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1531
1533
|
backgroundColor: "rgba(0, 0, 0, 0.7)",
|
|
1532
1534
|
zIndex: 999
|
|
1533
1535
|
} : {};
|
|
1534
|
-
const fiberStack = fiber ?
|
|
1536
|
+
const fiberStack = fiber ? chunkR357CEJU_cjs.getFiberStack(fiber) : [];
|
|
1535
1537
|
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, null, isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
|
|
1536
1538
|
"div",
|
|
1537
1539
|
{
|
|
@@ -1592,7 +1594,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1592
1594
|
margin: 0
|
|
1593
1595
|
}
|
|
1594
1596
|
},
|
|
1595
|
-
`<${typeof fiber.type === "string" ? fiber.type :
|
|
1597
|
+
`<${typeof fiber.type === "string" ? fiber.type : chunkR357CEJU_cjs.getDisplayName(fiber.type) || "unknown"}>`,
|
|
1596
1598
|
!isDialogMode && /* @__PURE__ */ React17__default.default.createElement(
|
|
1597
1599
|
"span",
|
|
1598
1600
|
{
|
|
@@ -1621,9 +1623,9 @@ var RawInspector = React17__default.default.memo(
|
|
|
1621
1623
|
}
|
|
1622
1624
|
},
|
|
1623
1625
|
fiberStack.reverse().map((f, i, arr) => {
|
|
1624
|
-
const name = typeof f.type === "string" ? f.type :
|
|
1626
|
+
const name = typeof f.type === "string" ? f.type : chunkR357CEJU_cjs.getDisplayName(f.type) || "unknown";
|
|
1625
1627
|
if (!name) return null;
|
|
1626
|
-
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key:
|
|
1628
|
+
return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, { key: chunkR357CEJU_cjs.getFiberId(f) }, /* @__PURE__ */ React17__default.default.createElement(
|
|
1627
1629
|
BreadcrumbButton,
|
|
1628
1630
|
{
|
|
1629
1631
|
name,
|
|
@@ -1632,7 +1634,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1632
1634
|
setFiberHistory((prev) => [...prev, selectedFiber]);
|
|
1633
1635
|
}
|
|
1634
1636
|
setSelectedFiber(f);
|
|
1635
|
-
const element2 =
|
|
1637
|
+
const element2 = chunkR357CEJU_cjs.getNearestHostFiber(f)?.stateNode;
|
|
1636
1638
|
if (element2) {
|
|
1637
1639
|
setElement(element2);
|
|
1638
1640
|
setRect(element2.getBoundingClientRect());
|
|
@@ -1644,7 +1646,7 @@ var RawInspector = React17__default.default.memo(
|
|
|
1644
1646
|
setFiberHistory((prev) => [...prev, selectedFiber]);
|
|
1645
1647
|
}
|
|
1646
1648
|
setSelectedFiber(f);
|
|
1647
|
-
const element2 =
|
|
1649
|
+
const element2 = chunkR357CEJU_cjs.getNearestHostFiber(f)?.stateNode;
|
|
1648
1650
|
if (element2) {
|
|
1649
1651
|
setElement(element2);
|
|
1650
1652
|
setRect(element2.getBoundingClientRect());
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import '../chunk-
|
|
2
|
-
import { getFiberFromHostInstance, getNearestHostFiber, traverseFiber, getFiberStack, getDisplayName, getFiberId, isInstrumentationActive, hasRDTHook, getRDTHook, detectReactBuildType } from '../chunk-
|
|
1
|
+
import '../chunk-2R5SJTFQ.js';
|
|
2
|
+
import { getFiberFromHostInstance, getNearestHostFiber, traverseFiber, getFiberStack, getDisplayName, getFiberId, isInstrumentationActive, hasRDTHook, getRDTHook, detectReactBuildType } from '../chunk-NK43KTPL.js';
|
|
3
3
|
import React17, { createContext, memo, Children, useContext, useCallback, useState, useLayoutEffect, useEffect, useMemo } from 'react';
|
|
4
4
|
import ReactDOM from 'react-dom';
|
|
5
5
|
|
|
@@ -1195,6 +1195,8 @@ var Inspector = ({ table = false, data, ...rest }) => {
|
|
|
1195
1195
|
...rest
|
|
1196
1196
|
});
|
|
1197
1197
|
};
|
|
1198
|
+
|
|
1199
|
+
// src/experiments/inspect.tsx
|
|
1198
1200
|
var FIBER_PROP_EXPLANATIONS = {
|
|
1199
1201
|
tag: "Numeric type identifier for this fiber (e.g. 1=FunctionComponent, 5=HostComponent)",
|
|
1200
1202
|
elementType: "The original function/class/element type",
|