@faiwer/react 0.9.0 → 19.0.2
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 +61 -10
- package/dist/core/actions/applyAction.d.ts.map +1 -1
- package/dist/core/actions/applyAction.js +4 -0
- package/dist/core/actions/applyAction.js.map +1 -1
- package/dist/core/actions/catchError.action.d.ts +10 -0
- package/dist/core/actions/catchError.action.d.ts.map +1 -0
- package/dist/core/actions/catchError.action.js +51 -0
- package/dist/core/actions/catchError.action.js.map +1 -0
- package/dist/core/actions/dom/value.d.ts +3 -2
- package/dist/core/actions/dom/value.d.ts.map +1 -1
- package/dist/core/actions/dom/value.js +20 -13
- package/dist/core/actions/dom/value.js.map +1 -1
- package/dist/core/actions/helpers.d.ts +6 -1
- package/dist/core/actions/helpers.d.ts.map +1 -1
- package/dist/core/actions/helpers.js +20 -3
- package/dist/core/actions/helpers.js.map +1 -1
- package/dist/core/actions/remove.action.d.ts.map +1 -1
- package/dist/core/actions/remove.action.js +4 -3
- package/dist/core/actions/remove.action.js.map +1 -1
- package/dist/core/actions/replace.action.d.ts.map +1 -1
- package/dist/core/actions/replace.action.js +4 -0
- package/dist/core/actions/replace.action.js.map +1 -1
- package/dist/core/actions/scheduleEffect.action.d.ts +7 -0
- package/dist/core/actions/scheduleEffect.action.d.ts.map +1 -0
- package/dist/core/actions/scheduleEffect.action.js +8 -0
- package/dist/core/actions/scheduleEffect.action.js.map +1 -0
- package/dist/core/actions/setAttr.action.d.ts.map +1 -1
- package/dist/core/actions/setAttr.action.js +2 -3
- package/dist/core/actions/setAttr.action.js.map +1 -1
- package/dist/core/actions/setRef.action.d.ts.map +1 -1
- package/dist/core/actions/setRef.action.js +1 -2
- package/dist/core/actions/setRef.action.js.map +1 -1
- package/dist/core/classComponent.d.ts +2 -1
- package/dist/core/classComponent.d.ts.map +1 -1
- package/dist/core/classComponent.js +17 -10
- package/dist/core/classComponent.js.map +1 -1
- package/dist/core/components.d.ts +5 -3
- package/dist/core/components.d.ts.map +1 -1
- package/dist/core/components.js +17 -4
- package/dist/core/components.js.map +1 -1
- package/dist/core/devTools/devTools.d.ts +2 -0
- package/dist/core/devTools/devTools.d.ts.map +1 -0
- package/dist/core/devTools/devTools.js +43 -0
- package/dist/core/devTools/devTools.js.map +1 -0
- package/dist/core/devTools/hmr.d.ts +6 -0
- package/dist/core/devTools/hmr.d.ts.map +1 -0
- package/dist/core/devTools/hmr.js +55 -0
- package/dist/core/devTools/hmr.js.map +1 -0
- package/dist/core/devTools/toRFiber.d.ts +7 -0
- package/dist/core/devTools/toRFiber.d.ts.map +1 -0
- package/dist/core/devTools/toRFiber.js +143 -0
- package/dist/core/devTools/toRFiber.js.map +1 -0
- package/dist/core/devTools/toRJsx.d.ts +10 -0
- package/dist/core/devTools/toRJsx.d.ts.map +1 -0
- package/dist/core/devTools/toRJsx.js +62 -0
- package/dist/core/devTools/toRJsx.js.map +1 -0
- package/dist/core/devTools/types.d.ts +157 -0
- package/dist/core/devTools/types.d.ts.map +1 -0
- package/dist/core/devTools/types.js +19 -0
- package/dist/core/devTools/types.js.map +1 -0
- package/dist/core/preact/connect.d.ts +3 -0
- package/dist/core/preact/connect.d.ts.map +1 -0
- package/dist/core/preact/connect.js +162 -0
- package/dist/core/preact/connect.js.map +1 -0
- package/dist/core/preact/helpers.d.ts +12 -0
- package/dist/core/preact/helpers.d.ts.map +1 -0
- package/dist/core/preact/helpers.js +52 -0
- package/dist/core/preact/helpers.js.map +1 -0
- package/dist/core/preact/inspect.d.ts +9 -0
- package/dist/core/preact/inspect.d.ts.map +1 -0
- package/dist/core/preact/inspect.js +169 -0
- package/dist/core/preact/inspect.js.map +1 -0
- package/dist/core/preact/toVNode.d.ts +11 -0
- package/dist/core/preact/toVNode.d.ts.map +1 -0
- package/dist/core/preact/toVNode.js +150 -0
- package/dist/core/preact/toVNode.js.map +1 -0
- package/dist/core/preact/types.d.ts +180 -0
- package/dist/core/preact/types.d.ts.map +1 -0
- package/dist/core/preact/types.js +29 -0
- package/dist/core/preact/types.js.map +1 -0
- package/dist/core/preact/update.d.ts +13 -0
- package/dist/core/preact/update.d.ts.map +1 -0
- package/dist/core/preact/update.js +40 -0
- package/dist/core/preact/update.js.map +1 -0
- package/dist/core/reactNodeToFiberNode.d.ts +3 -1
- package/dist/core/reactNodeToFiberNode.d.ts.map +1 -1
- package/dist/core/reactNodeToFiberNode.js +79 -16
- package/dist/core/reactNodeToFiberNode.js.map +1 -1
- package/dist/core/reconciliation/applyActions.d.ts.map +1 -1
- package/dist/core/reconciliation/applyActions.js +1 -0
- package/dist/core/reconciliation/applyActions.js.map +1 -1
- package/dist/core/reconciliation/collect/fromApp.d.ts +2 -1
- package/dist/core/reconciliation/collect/fromApp.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromApp.js +15 -1
- package/dist/core/reconciliation/collect/fromApp.js.map +1 -1
- package/dist/core/reconciliation/collect/fromChildrenPair.d.ts +2 -1
- package/dist/core/reconciliation/collect/fromChildrenPair.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromChildrenPair.js +26 -4
- package/dist/core/reconciliation/collect/fromChildrenPair.js.map +1 -1
- package/dist/core/reconciliation/collect/fromComponent.d.ts +2 -1
- package/dist/core/reconciliation/collect/fromComponent.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromComponent.js +25 -3
- package/dist/core/reconciliation/collect/fromComponent.js.map +1 -1
- package/dist/core/reconciliation/collect/fromFiberPair.d.ts +2 -1
- package/dist/core/reconciliation/collect/fromFiberPair.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromFiberPair.js +6 -1
- package/dist/core/reconciliation/collect/fromFiberPair.js.map +1 -1
- package/dist/core/reconciliation/compare/areFiberNodesEq.d.ts.map +1 -1
- package/dist/core/reconciliation/compare/areFiberNodesEq.js +4 -0
- package/dist/core/reconciliation/compare/areFiberNodesEq.js.map +1 -1
- package/dist/core/reconciliation/effects.d.ts +2 -2
- package/dist/core/reconciliation/effects.d.ts.map +1 -1
- package/dist/core/reconciliation/effects.js +53 -4
- package/dist/core/reconciliation/effects.js.map +1 -1
- package/dist/core/reconciliation/errors/ReactError.d.ts +8 -0
- package/dist/core/reconciliation/errors/ReactError.d.ts.map +1 -1
- package/dist/core/reconciliation/errors/ReactError.js +33 -0
- package/dist/core/reconciliation/errors/ReactError.js.map +1 -1
- package/dist/core/reconciliation/errors/stack.d.ts +1 -1
- package/dist/core/reconciliation/errors/stack.d.ts.map +1 -1
- package/dist/core/reconciliation/errors/stack.js +3 -3
- package/dist/core/reconciliation/errors/stack.js.map +1 -1
- package/dist/core/reconciliation/fibers.d.ts +12 -2
- package/dist/core/reconciliation/fibers.d.ts.map +1 -1
- package/dist/core/reconciliation/fibers.js +60 -1
- package/dist/core/reconciliation/fibers.js.map +1 -1
- package/dist/core/reconciliation/invalidateFiber.js +2 -2
- package/dist/core/reconciliation/invalidateFiber.js.map +1 -1
- package/dist/core/reconciliation/mount.d.ts.map +1 -1
- package/dist/core/reconciliation/mount.js +32 -2
- package/dist/core/reconciliation/mount.js.map +1 -1
- package/dist/core/reconciliation/postCommit.d.ts.map +1 -1
- package/dist/core/reconciliation/postCommit.js +1 -0
- package/dist/core/reconciliation/postCommit.js.map +1 -1
- package/dist/core/reconciliation/render.d.ts.map +1 -1
- package/dist/core/reconciliation/render.js +8 -2
- package/dist/core/reconciliation/render.js.map +1 -1
- package/dist/core/reconciliation/runFiberComponents.d.ts +3 -1
- package/dist/core/reconciliation/runFiberComponents.d.ts.map +1 -1
- package/dist/core/reconciliation/runFiberComponents.js +31 -4
- package/dist/core/reconciliation/runFiberComponents.js.map +1 -1
- package/dist/debug.d.ts +2 -0
- package/dist/debug.d.ts.map +1 -0
- package/dist/debug.js +2 -0
- package/dist/debug.js.map +1 -0
- package/dist/hooks/helpers.d.ts +2 -2
- package/dist/hooks/helpers.d.ts.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useEffect.d.ts.map +1 -1
- package/dist/hooks/useEffect.js +20 -6
- package/dist/hooks/useEffect.js.map +1 -1
- package/dist/hooks/useError.d.ts +5 -0
- package/dist/hooks/useError.d.ts.map +1 -0
- package/dist/hooks/useError.js +19 -0
- package/dist/hooks/useError.js.map +1 -0
- package/dist/hooks/useReducer.d.ts +7 -0
- package/dist/hooks/useReducer.d.ts.map +1 -0
- package/dist/hooks/useReducer.js +10 -0
- package/dist/hooks/useReducer.js.map +1 -0
- package/dist/hooks/useState.d.ts.map +1 -1
- package/dist/hooks/useState.js +0 -1
- package/dist/hooks/useState.js.map +1 -1
- package/dist/index.d.ts +40 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +22 -0
- package/dist/index.js.map +1 -1
- package/dist/types/actions.d.ts +12 -1
- package/dist/types/actions.d.ts.map +1 -1
- package/dist/types/app.d.ts +14 -1
- package/dist/types/app.d.ts.map +1 -1
- package/dist/types/component.d.ts +8 -0
- package/dist/types/component.d.ts.map +1 -1
- package/dist/types/fiber.d.ts +1 -1
- package/dist/types/fiber.d.ts.map +1 -1
- package/dist/types/hooks.d.ts +12 -2
- package/dist/types/hooks.d.ts.map +1 -1
- package/dist/types/react.d.ts +0 -4
- package/dist/types/react.d.ts.map +1 -1
- package/package.json +14 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setRef.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/setRef.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"setRef.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/setRef.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAQ/D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,EAChB,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,cAAc,CAAC,QAmClE"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { unsetRef } from './helpers';
|
|
2
2
|
import { scheduleEffect } from '../reconciliation/effects';
|
|
3
|
-
import { getAppByFiber } from '../reconciliation/app';
|
|
4
3
|
import { nullthrowsForFiber, ReactError, } from '../reconciliation/errors/ReactError';
|
|
5
4
|
/**
|
|
6
5
|
* A ref or ref handler for the given node was:
|
|
@@ -20,7 +19,7 @@ export function setRefAction(fiber, { ref, dontUnsetRef }) {
|
|
|
20
19
|
unsetRef(fiber, false);
|
|
21
20
|
}
|
|
22
21
|
// Run effects only when the DOM node is already mounted to a real DOM node.
|
|
23
|
-
scheduleEffect(
|
|
22
|
+
scheduleEffect(fiber, () => {
|
|
24
23
|
const element = nullthrowsForFiber(fiber, fiber.element);
|
|
25
24
|
if (typeof ref === 'function') {
|
|
26
25
|
ref(element);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setRef.action.js","sourceRoot":"","sources":["../../../src/core/actions/setRef.action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,
|
|
1
|
+
{"version":3,"file":"setRef.action.js","sourceRoot":"","sources":["../../../src/core/actions/setRef.action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EACL,kBAAkB,EAClB,UAAU,GACX,MAAM,qCAAqC,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,KAAgB,EAChB,EAAE,GAAG,EAAE,YAAY,EAA8C,EACjE;IACA,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACzB,MAAM,IAAI,UAAU,CAClB,KAAK,EACL,uCAAuC,KAAK,CAAC,IAAI,QAAQ,CAC1D,CAAC;IACJ,CAAC;IAED,IACE,KAAK,CAAC,GAAG;QACT,6EAA6E;QAC7E,kBAAkB;QAClB,CAAC,YAAY,EACb,CAAC;QACD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,4EAA4E;IAC5E,cAAc,CACZ,KAAK,EACL,GAAG,EAAE,CAAC;QACJ,MAAM,OAAO,GAAG,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAgB,CAAC;QACxE,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,OAAO,CAAC,CAAC;QACf,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,CAAC;IAAA,CACF;IACD,+DAA+D;IAC/D,WAAW,CACZ,CAAC;IAEF,KAAK,CAAC,GAAG,GAAG,GAAuB,CAAC;IACpC,OAAO;AAAA,CACR"}
|
|
@@ -11,6 +11,8 @@ export declare class Component<Props extends UnknownProps = UnknownProps, State
|
|
|
11
11
|
context: unknown;
|
|
12
12
|
static defaultProps?: object;
|
|
13
13
|
static contextType?: ReactContext<any>;
|
|
14
|
+
static getDerivedStateFromError?: (error: unknown) => object;
|
|
15
|
+
static getDerivedStateFromProps?: (_props: any, _state: any) => object;
|
|
14
16
|
constructor(props: Props);
|
|
15
17
|
setState(_update: Partial<State>): void;
|
|
16
18
|
componentDidMount(): void;
|
|
@@ -21,7 +23,6 @@ export declare class Component<Props extends UnknownProps = UnknownProps, State
|
|
|
21
23
|
render(): JSX.Element;
|
|
22
24
|
componentDidCatch(_error: unknown, _info: unknown): void;
|
|
23
25
|
getSnapshotBeforeUpdate(_prevProps: unknown, _prevState: unknown): unknown;
|
|
24
|
-
static getDerivedStateFromProps(_props: any, _state: any): Partial<any>;
|
|
25
26
|
}
|
|
26
27
|
/**
|
|
27
28
|
* Since I'm too lazy to implement a proper support for this legacy stuff, but
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classComponent.d.ts","sourceRoot":"","sources":["../../src/core/classComponent.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"classComponent.d.ts","sourceRoot":"","sources":["../../src/core/classComponent.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,oBAAoB,CAAC;AAK5B,eAAO,MAAM,gBAAgB,yEAO5B,CAAC;AAEF;;;;GAIG;AACH,qBAAa,SAAS,CACpB,KAAK,SAAS,YAAY,GAAG,YAAY,EACzC,KAAK,SAAS,YAAY,GAAG,YAAY;IAEzC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAG,KAAK,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,CAAC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7D,MAAM,CAAC,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,MAAM,CAAC;IAEvE,YAAY,KAAK,EAAE,KAAK,EAEvB;IAGD,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,QAAI;IAGpC,iBAAiB,IAAI,IAAI,CAAG;IAC5B,oBAAoB,IAAI,IAAI,CAAG;IAE/B,WAAW,CAAC,EAAE,CAAC,EAAE,MAAM,IAAI,QAK1B;IAED,kBAAkB,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,QAAI;IAE3D,qBAAqB,CACnB,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,YAAY,CAAC,EAAE,OAAO,WAGvB;IAED,MAAM,IAAI,GAAG,CAAC,OAAO,CAKpB;IAED,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAG;IAE3D,uBAAuB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,GAAG,OAAO,CAEzE;CACF;AAWD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GACpC,KAAK,uBACL,KAAK,uGA4GN,CAAC;AAEF,MAAM,MAAM,cAAc,CACxB,KAAK,SAAS,YAAY,GAAG,YAAY,EACzC,KAAK,SAAS,YAAY,GAAG,YAAY,IACvC,KAAK,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, } from '../hooks';
|
|
2
2
|
import { getCurrentComponentFiber } from './components';
|
|
3
3
|
import { ReactError } from './reconciliation/errors/ReactError';
|
|
4
|
+
import { useError } from '../hooks/useError';
|
|
4
5
|
export const isComponentClass = (value) => {
|
|
5
6
|
return (value != null &&
|
|
6
7
|
typeof value === 'function' &&
|
|
@@ -18,6 +19,8 @@ export class Component {
|
|
|
18
19
|
context;
|
|
19
20
|
static defaultProps;
|
|
20
21
|
static contextType;
|
|
22
|
+
static getDerivedStateFromError;
|
|
23
|
+
static getDerivedStateFromProps;
|
|
21
24
|
constructor(props) {
|
|
22
25
|
this.props = props;
|
|
23
26
|
}
|
|
@@ -39,16 +42,12 @@ export class Component {
|
|
|
39
42
|
render() {
|
|
40
43
|
throw new ReactError(getCurrentComponentFiber(), `Render method must be overridden`);
|
|
41
44
|
}
|
|
42
|
-
componentDidCatch(_error, _info) {
|
|
43
|
-
throw new ReactError(getCurrentComponentFiber(), `Not implemented`);
|
|
44
|
-
}
|
|
45
|
+
componentDidCatch(_error, _info) { }
|
|
45
46
|
getSnapshotBeforeUpdate(_prevProps, _prevState) {
|
|
46
47
|
throw new ReactError(getCurrentComponentFiber(), `Not implemented`);
|
|
47
48
|
}
|
|
48
|
-
static getDerivedStateFromProps(_props, _state) {
|
|
49
|
-
return {};
|
|
50
|
-
}
|
|
51
49
|
}
|
|
50
|
+
const ComponentPrototype = Component.prototype;
|
|
52
51
|
/**
|
|
53
52
|
* Since we're running `convertClassComponentToFC` for the same component each
|
|
54
53
|
* time its JSX.Element was created we need to cache the output wrapper
|
|
@@ -64,11 +63,10 @@ export const convertClassComponentToFC = (Component) => {
|
|
|
64
63
|
if (cache.has(Component)) {
|
|
65
64
|
return cache.get(Component);
|
|
66
65
|
}
|
|
67
|
-
let { defaultProps, contextType, getDerivedStateFromProps } = Component;
|
|
68
|
-
if (getDerivedStateFromProps === Component.prototype.getDerivedStateFromProps) {
|
|
69
|
-
getDerivedStateFromProps = undefined;
|
|
70
|
-
}
|
|
66
|
+
let { defaultProps, contextType, getDerivedStateFromProps, getDerivedStateFromError, } = Component;
|
|
71
67
|
function FromClassComponent(props) {
|
|
68
|
+
// Use the component class name as the component name to simplify debugging.
|
|
69
|
+
FromClassComponent.displayName = Component.name;
|
|
72
70
|
const { current: ref } = useRef({
|
|
73
71
|
mounted: false,
|
|
74
72
|
rendered: 0,
|
|
@@ -115,6 +113,15 @@ export const convertClassComponentToFC = (Component) => {
|
|
|
115
113
|
...props,
|
|
116
114
|
};
|
|
117
115
|
instance.state = state;
|
|
116
|
+
if (instance.componentDidCatch !== ComponentPrototype.componentDidCatch ||
|
|
117
|
+
getDerivedStateFromError) {
|
|
118
|
+
useError((error, info) => {
|
|
119
|
+
instance.componentDidCatch(error, info);
|
|
120
|
+
if (getDerivedStateFromError) {
|
|
121
|
+
setState(getDerivedStateFromError(error));
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
}
|
|
118
125
|
if (!ref.mounted || instance.shouldComponentUpdate(props, instance.state)) {
|
|
119
126
|
ref.prevOutput = instance.render();
|
|
120
127
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classComponent.js","sourceRoot":"","sources":["../../src/core/classComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,oBAAoB,CAAC;AAM5B,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"classComponent.js","sourceRoot":"","sources":["../../src/core/classComponent.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { type HookStateItem, type FiberNode, type App, type ComponentFiberNode, type UnknownProps } from '../types';
|
|
2
|
+
import { ReactError } from './reconciliation/errors/ReactError';
|
|
3
|
+
import type { Action } from '../types/actions';
|
|
2
4
|
/**
|
|
3
5
|
* Returns the fiber of the component that is being rendered right now. Don't
|
|
4
6
|
* run this function outside of the render phase.
|
|
@@ -16,9 +18,9 @@ export declare const isFirstFiberRender: () => boolean;
|
|
|
16
18
|
/**
|
|
17
19
|
* Runs the functional component. Before running, it prepares everything that
|
|
18
20
|
* is required to make hooks work. The result is JSX returned from the component
|
|
19
|
-
* function.
|
|
21
|
+
* function & the list of actions that must be applied in the commit phase.
|
|
20
22
|
*/
|
|
21
|
-
export declare const runComponent: (fiber: FiberNode, props: UnknownProps | null) => import("../index.js").JsxElement;
|
|
23
|
+
export declare const runComponent: (fiber: FiberNode, props: UnknownProps | null) => ReactError | [import("../index.js").JsxElement, Action[]];
|
|
22
24
|
/**
|
|
23
25
|
* Switches to the next hook and returns its state.
|
|
24
26
|
*/
|
|
@@ -27,6 +29,6 @@ export declare const getNextFiberState: () => HookStateItem;
|
|
|
27
29
|
* Adds a new item to the current component's hook store
|
|
28
30
|
*/
|
|
29
31
|
export declare const registerStateItem: (item: {
|
|
30
|
-
type: "context" | "effect" | "memo" | "ref" | "state";
|
|
32
|
+
type: "context" | "effect" | "error" | "memo" | "ref" | "state";
|
|
31
33
|
}) => void;
|
|
32
34
|
//# sourceMappingURL=components.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/core/components.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,kBAAkB,EACvB,KAAK,YAAY,EAClB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/core/components.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,kBAAkB,EACvB,KAAK,YAAY,EAClB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAEL,UAAU,EACX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAKzD;;;GAGG;AACH,eAAO,MAAM,wBAAwB,0BACX,CAAC;AAE3B;;;GAGG;AACH,eAAO,MAAM,aAAa,WAGzB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,kBAAkB,eAAkC,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,YAAY,8GAoDxB,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,iBAAiB,qBACgC,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,iBAAiB;;UAI7B,CAAC"}
|
package/dist/core/components.js
CHANGED
|
@@ -25,7 +25,7 @@ export const isFirstFiberRender = () => firstFiberRender;
|
|
|
25
25
|
/**
|
|
26
26
|
* Runs the functional component. Before running, it prepares everything that
|
|
27
27
|
* is required to make hooks work. The result is JSX returned from the component
|
|
28
|
-
* function.
|
|
28
|
+
* function & the list of actions that must be applied in the commit phase.
|
|
29
29
|
*/
|
|
30
30
|
export const runComponent = (fiber,
|
|
31
31
|
/** Source of `.props`. If not given `fiber.props` are used. */
|
|
@@ -36,23 +36,36 @@ props) => {
|
|
|
36
36
|
if (isFiberDead(fiber)) {
|
|
37
37
|
throw new ReactError(fiber, `Can't run a dead component`);
|
|
38
38
|
}
|
|
39
|
+
const app = getAppByFiber(fiber);
|
|
40
|
+
app.preact?.invalidated.add(fiber.id);
|
|
39
41
|
currentFiber = fiber;
|
|
40
42
|
firstFiberRender = !fiber.data.hooks;
|
|
41
43
|
fiber.data.hooks ??= [];
|
|
42
44
|
hookIdx = -1;
|
|
43
45
|
let jsxElement;
|
|
46
|
+
let actions = [];
|
|
44
47
|
try {
|
|
45
|
-
|
|
48
|
+
const remapped = app.devTools?.remapped;
|
|
49
|
+
const component =
|
|
50
|
+
// HMR, the freshest version
|
|
51
|
+
remapped?.get(fiber.component) ??
|
|
52
|
+
// Regular rendering
|
|
53
|
+
fiber.component;
|
|
54
|
+
jsxElement = component(props ?? fiber.props);
|
|
55
|
+
actions.push(...fiber.data.actions);
|
|
46
56
|
}
|
|
47
57
|
catch (error) {
|
|
48
|
-
|
|
58
|
+
return new ReactError(fiber, error, `Error during rendering a component: %fiber%`);
|
|
59
|
+
}
|
|
60
|
+
finally {
|
|
61
|
+
fiber.data.actions = [];
|
|
49
62
|
}
|
|
50
63
|
if (!firstFiberRender && hookIdx !== fiber.data.hooks.length - 1) {
|
|
51
64
|
throw new ReactError(fiber, `The hook order is violated. There were ${fiber.data.hooks.length} hooks in the previous render. Now only ${hookIdx + 1}`);
|
|
52
65
|
}
|
|
53
66
|
currentFiber = null;
|
|
54
67
|
firstFiberRender = false;
|
|
55
|
-
return jsxElement;
|
|
68
|
+
return [jsxElement, actions];
|
|
56
69
|
};
|
|
57
70
|
let hookIdx = -1;
|
|
58
71
|
const getComponentHookStore = (fiberNode) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/core/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AASrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EACL,kBAAkB,EAClB,UAAU,GACX,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/core/components.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"devTools.d.ts","sourceRoot":"","sources":["../../../src/core/devTools/devTools.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,4CAa7B,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { fiberToRFiber } from './toRFiber';
|
|
2
|
+
export const createAppDevTools = () => {
|
|
3
|
+
const hooks = window
|
|
4
|
+
.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
|
5
|
+
if (!hooks)
|
|
6
|
+
return null;
|
|
7
|
+
return {
|
|
8
|
+
hooks,
|
|
9
|
+
id: null,
|
|
10
|
+
root: { current: null },
|
|
11
|
+
renderer: createRRenderer(),
|
|
12
|
+
remapped: null, // HMR Map<old comp, new comp>;
|
|
13
|
+
onCommit,
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
const REACT_VERSION = '18.3.1';
|
|
17
|
+
const createRRenderer = () => {
|
|
18
|
+
return {
|
|
19
|
+
version: REACT_VERSION,
|
|
20
|
+
reconcilerVersion: REACT_VERSION,
|
|
21
|
+
bundleType: 0 /* Prod */,
|
|
22
|
+
rendererPackageName: 'react-dom',
|
|
23
|
+
currentDispatcherRef: { current: null },
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
const onCommit = (app) => {
|
|
27
|
+
const { devTools } = app;
|
|
28
|
+
// `onCommitFiberRoot` is set not only by React DevTools, but also by the vite
|
|
29
|
+
// HMR plugin.
|
|
30
|
+
if (devTools?.hooks?.onCommitFiberRoot && !syncScheduled) {
|
|
31
|
+
syncScheduled = true;
|
|
32
|
+
devTools.root.current ??= fiberToRFiber(app.root, 0);
|
|
33
|
+
// Since the sync process is quite slow — do it only on idle.
|
|
34
|
+
requestIdleCallback(() => {
|
|
35
|
+
syncScheduled = false;
|
|
36
|
+
if (app.state === 'killed')
|
|
37
|
+
return;
|
|
38
|
+
devTools.hooks.onCommitFiberRoot(devTools.id, devTools.root, false, false);
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
let syncScheduled = false;
|
|
43
|
+
//# sourceMappingURL=devTools.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"devTools.js","sourceRoot":"","sources":["../../../src/core/devTools/devTools.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAA2B,EAAE,CAAC;IAC7D,MAAM,KAAK,GAAI,MAA6D;SACzE,8BAA8B,CAAC;IAClC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO;QACL,KAAK;QACL,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QACvB,QAAQ,EAAE,eAAe,EAAE;QAC3B,QAAQ,EAAE,IAAI,EAAE,+BAA+B;QAC/C,QAAQ;KACT,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,aAAa,GAAG,QAAQ,CAAC;AAE/B,MAAM,eAAe,GAAG,GAAc,EAAE,CAAC;IACvC,OAAO;QACL,OAAO,EAAE,aAAa;QACtB,iBAAiB,EAAE,aAAa;QAChC,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,mBAAmB,EAAE,WAAW;QAChC,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KACxC,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,GAAQ,EAAQ,EAAE,CAAC;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC;IAEzB,8EAA8E;IAC9E,cAAc;IACd,IAAI,QAAQ,EAAE,KAAK,EAAE,iBAAiB,IAAI,CAAC,aAAa,EAAE,CAAC;QACzD,aAAa,GAAG,IAAI,CAAC;QACrB,QAAQ,CAAC,IAAI,CAAC,OAAO,KAAK,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAErD,+DAA6D;QAC7D,mBAAmB,CAAC,GAAG,EAAE,CAAC;YACxB,aAAa,GAAG,KAAK,CAAC;YACtB,IAAI,GAAG,CAAC,KAAK,KAAK,QAAQ;gBAAE,OAAO;YAEnC,QAAQ,CAAC,KAAK,CAAC,iBAAkB,CAC/B,QAAQ,CAAC,EAAG,EACZ,QAAQ,CAAC,IAAI,EACb,KAAK,EACL,KAAK,CACN,CAAC;QAAA,CACH,CAAC,CAAC;IACL,CAAC;AAAA,CACF,CAAC;AAEF,IAAI,aAAa,GAAG,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hmr.d.ts","sourceRoot":"","sources":["../../../src/core/devTools/hmr.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAA6B,MAAM,oBAAoB,CAAC;AAMzE;;GAEG;AACH,eAAO,MAAM,UAAU,oBA+CtB,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { SKIP_CHILDREN, traverseFiberTree } from '../actions/helpers';
|
|
2
|
+
import { getAppByFiber } from '../reconciliation/app';
|
|
3
|
+
import { invalidateFiber } from '../reconciliation/invalidateFiber';
|
|
4
|
+
/**
|
|
5
|
+
* Add support for Hot Module Replacement.
|
|
6
|
+
*/
|
|
7
|
+
export const prepareHMR = (app) => {
|
|
8
|
+
const { renderer } = app.devTools;
|
|
9
|
+
const remapped = (app.devTools.remapped = new WeakMap());
|
|
10
|
+
// HMR code calls `setRefreshHandler` before it calls `scheduleRefresh`. The
|
|
11
|
+
// given callback should be used to map old components with their new versions.
|
|
12
|
+
let resolveFamily = null;
|
|
13
|
+
// HMR code calls it right after the update is received. updatedFamilies &
|
|
14
|
+
// staleFamilies are sets of HMRFamily records.
|
|
15
|
+
// - `updated` means the component state can be preserved (hooks didn't
|
|
16
|
+
// change their order or count).
|
|
17
|
+
// - `stale` meant the given component must be remounted.
|
|
18
|
+
renderer.scheduleRefresh = (_root, { staleFamilies, updatedFamilies }) => {
|
|
19
|
+
if (!resolveFamily) {
|
|
20
|
+
console.warn(`setRefreshHandler is not called`);
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
traverseFiberTree(app.root, (fiber) => {
|
|
24
|
+
if (fiber.type !== 'component')
|
|
25
|
+
return;
|
|
26
|
+
const { component } = fiber;
|
|
27
|
+
const family = resolveFamily(component);
|
|
28
|
+
// This component was not involved yet in HMR in any way.
|
|
29
|
+
if (!family)
|
|
30
|
+
return;
|
|
31
|
+
const remount = staleFamilies.has(family);
|
|
32
|
+
if (remount || updatedFamilies.has(family)) {
|
|
33
|
+
remapped.set(component, family.current);
|
|
34
|
+
if (remount) {
|
|
35
|
+
fiber.data.remount = true;
|
|
36
|
+
const parent = getParentComponent(fiber);
|
|
37
|
+
invalidateFiber(parent ?? getAppByFiber(fiber).root);
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
invalidateFiber(fiber);
|
|
41
|
+
}
|
|
42
|
+
if (remount) {
|
|
43
|
+
return SKIP_CHILDREN;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
renderer.setRefreshHandler = (handler) => (resolveFamily = handler);
|
|
49
|
+
};
|
|
50
|
+
const getParentComponent = (fiber) => fiber?.parent
|
|
51
|
+
? fiber.parent.type === 'component'
|
|
52
|
+
? fiber.parent
|
|
53
|
+
: getParentComponent(fiber.parent)
|
|
54
|
+
: null;
|
|
55
|
+
//# sourceMappingURL=hmr.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hmr.js","sourceRoot":"","sources":["../../../src/core/devTools/hmr.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGpE;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAQ,EAAE,CAAC;IAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,QAAS,CAAC;IACnC,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,QAAS,CAAC,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAC,CAAC;IAE1D,4EAA4E;IAC5E,+EAA+E;IAC/E,IAAI,aAAa,GACf,IAAI,CAAC;IAEP,0EAA0E;IAC1E,+CAA+C;IAC/C,uEAAuE;IACvE,mCAAmC;IACnC,yDAAyD;IACzD,QAAQ,CAAC,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC;QACxE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QAED,iBAAiB,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC;YACrC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW;gBAAE,OAAO;YAEvC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;YAC5B,MAAM,MAAM,GAAG,aAAc,CAAC,SAAS,CAAC,CAAC;YACzC,yDAAyD;YACzD,IAAI,CAAC,MAAM;gBAAE,OAAO;YAEpB,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAE1C,IAAI,OAAO,IAAI,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC3C,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;gBACxC,IAAI,OAAO,EAAE,CAAC;oBACZ,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC1B,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBACzC,eAAe,CAAC,MAAM,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;gBACvD,CAAC;qBAAM,CAAC;oBACN,eAAe,CAAC,KAAK,CAAC,CAAC;gBACzB,CAAC;gBACD,IAAI,OAAO,EAAE,CAAC;oBACZ,OAAO,aAAa,CAAC;gBACvB,CAAC;YACH,CAAC;QAAA,CACF,CAAC,CAAC;IAAA,CACJ,CAAC;IAEF,QAAQ,CAAC,iBAAiB,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC;AAAA,CACrE,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAgB,EAAoB,EAAE,CAChE,KAAK,EAAE,MAAM;IACX,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW;QACjC,CAAC,CAAC,KAAK,CAAC,MAAM;QACd,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC;IACpC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { FiberNode } from '../../types';
|
|
2
|
+
import { type RFiber } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Converts FiberNode into RFiber. It's using cache internally.
|
|
5
|
+
*/
|
|
6
|
+
export declare const fiberToRFiber: (fiber: FiberNode, index: number) => RFiber;
|
|
7
|
+
//# sourceMappingURL=toRFiber.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toRFiber.d.ts","sourceRoot":"","sources":["../../../src/core/devTools/toRFiber.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAIpD,OAAO,EAIL,KAAK,MAAM,EAGZ,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,aAAa,6CA8CzB,CAAC"}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { isRootFiber } from '../reconciliation/fibers';
|
|
2
|
+
import { getAppByFiber } from '../reconciliation/app';
|
|
3
|
+
import { propsToRProps, ReactPortalDummy } from './toRJsx';
|
|
4
|
+
import { RCtxProviderSym, RFiberTag, } from './types';
|
|
5
|
+
/**
|
|
6
|
+
* Converts FiberNode into RFiber. It's using cache internally.
|
|
7
|
+
*/
|
|
8
|
+
export const fiberToRFiber = (fiber, index) => {
|
|
9
|
+
const isRoot = isRootFiber(fiber);
|
|
10
|
+
const elementType = getElementType(fiber, isRoot);
|
|
11
|
+
const props = getProps(fiber, isRoot);
|
|
12
|
+
const result = {
|
|
13
|
+
id: fiber.id,
|
|
14
|
+
index,
|
|
15
|
+
tag: getFiberTag(fiber, isRoot),
|
|
16
|
+
key: fiber.key !== null ? String(fiber.key) : null,
|
|
17
|
+
elementType,
|
|
18
|
+
type: elementType,
|
|
19
|
+
stateNode: getStateNode(fiber, isRoot),
|
|
20
|
+
pendingProps: props,
|
|
21
|
+
memoizedProps: props,
|
|
22
|
+
ref: fiber.ref,
|
|
23
|
+
memoizedState: getMemState(fiber),
|
|
24
|
+
// Tree links
|
|
25
|
+
return: null,
|
|
26
|
+
child: null,
|
|
27
|
+
sibling: null,
|
|
28
|
+
alternate: null,
|
|
29
|
+
};
|
|
30
|
+
if (isRoot) {
|
|
31
|
+
result.alternate = result;
|
|
32
|
+
}
|
|
33
|
+
Object.defineProperty(result, 'child', {
|
|
34
|
+
get: () => {
|
|
35
|
+
const [child] = fiber.children;
|
|
36
|
+
return child ? fiberToRFiber(fiber.children[0], 0) : null;
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
Object.defineProperty(result, 'sibling', {
|
|
40
|
+
get: () => {
|
|
41
|
+
const { parent } = fiber;
|
|
42
|
+
const sibling = parent
|
|
43
|
+
? (parent.children[result.index + 1] ?? null)
|
|
44
|
+
: null;
|
|
45
|
+
return sibling ? fiberToRFiber(sibling, result.index + 1) : null;
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
return result;
|
|
49
|
+
};
|
|
50
|
+
// React doesn't support null-nodes. The simplest bypass would be to map it to
|
|
51
|
+
// a fake text-node.
|
|
52
|
+
const nullDummyText = new Text('react-null-dummy');
|
|
53
|
+
const getFiberTag = (fiber, isRoot) => {
|
|
54
|
+
if (isRoot)
|
|
55
|
+
return RFiberTag.Root;
|
|
56
|
+
switch (fiber.type) {
|
|
57
|
+
case 'component':
|
|
58
|
+
return RFiberTag.Component;
|
|
59
|
+
case 'tag':
|
|
60
|
+
return fiber.role === 'portal' ? RFiberTag.Component : RFiberTag.Tag;
|
|
61
|
+
case 'text':
|
|
62
|
+
case 'null':
|
|
63
|
+
return RFiberTag.Text;
|
|
64
|
+
case 'fragment':
|
|
65
|
+
return fiber.role === 'context'
|
|
66
|
+
? RFiberTag.CtxProvider
|
|
67
|
+
: RFiberTag.Fragment;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
const getElementType = (fiber, isRoot) => {
|
|
71
|
+
if (isRoot)
|
|
72
|
+
return null;
|
|
73
|
+
switch (fiber.type) {
|
|
74
|
+
case 'component':
|
|
75
|
+
return fiber.component;
|
|
76
|
+
case 'tag':
|
|
77
|
+
return fiber.role === 'portal' ? ReactPortalDummy : fiber.tag;
|
|
78
|
+
case 'text':
|
|
79
|
+
case 'null':
|
|
80
|
+
return null;
|
|
81
|
+
case 'fragment':
|
|
82
|
+
return fiber.role === 'context'
|
|
83
|
+
? {
|
|
84
|
+
$$typeof: RCtxProviderSym,
|
|
85
|
+
_context: fiber.data.ctx,
|
|
86
|
+
}
|
|
87
|
+
: null;
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
const getStateNode = (fiber, isRoot) => {
|
|
91
|
+
if (isRoot) {
|
|
92
|
+
return getAppByFiber(fiber).devTools.root;
|
|
93
|
+
}
|
|
94
|
+
switch (fiber.type) {
|
|
95
|
+
case 'tag':
|
|
96
|
+
return fiber.role === 'portal' ? null : fiber.element;
|
|
97
|
+
case 'text':
|
|
98
|
+
return fiber.element;
|
|
99
|
+
case 'component':
|
|
100
|
+
return null;
|
|
101
|
+
case 'fragment':
|
|
102
|
+
return null;
|
|
103
|
+
case 'null':
|
|
104
|
+
return nullDummyText;
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
const getProps = (fiber, isRoot) => {
|
|
108
|
+
if (isRoot)
|
|
109
|
+
return null;
|
|
110
|
+
switch (fiber.type) {
|
|
111
|
+
case 'component':
|
|
112
|
+
return propsToRProps(fiber.props);
|
|
113
|
+
case 'tag':
|
|
114
|
+
return fiber.role === 'portal'
|
|
115
|
+
? { target: fiber.data }
|
|
116
|
+
: propsToRProps({ children: fiber.children });
|
|
117
|
+
case 'text':
|
|
118
|
+
return fiber.props.text;
|
|
119
|
+
case 'fragment':
|
|
120
|
+
return fiber.role === 'context'
|
|
121
|
+
? propsToRProps({
|
|
122
|
+
value: fiber.props.value,
|
|
123
|
+
children: fiber.children,
|
|
124
|
+
})
|
|
125
|
+
: [];
|
|
126
|
+
case 'null':
|
|
127
|
+
return nullDummyText.textContent;
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
const getMemState = (fiber) => {
|
|
131
|
+
if (fiber.type !== 'component' || !fiber.data.hooks?.length) {
|
|
132
|
+
// For root it's not empty, but it `null` works too.
|
|
133
|
+
return null;
|
|
134
|
+
}
|
|
135
|
+
return {
|
|
136
|
+
baseQueue: null,
|
|
137
|
+
baseState: 1,
|
|
138
|
+
memoizedState: 1,
|
|
139
|
+
next: null,
|
|
140
|
+
queue: {},
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
//# sourceMappingURL=toRFiber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toRFiber.js","sourceRoot":"","sources":["../../../src/core/devTools/toRFiber.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ElementNode, FiberNode, UnknownProps } from '../../types';
|
|
2
|
+
import { type RJsxElementNode } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Converts FiberNode into originl React's JSX.Element
|
|
5
|
+
*/
|
|
6
|
+
export declare const fiberToRJSX: (fiber: FiberNode) => RJsxElementNode;
|
|
7
|
+
export declare function ReactPortalDummy(): null;
|
|
8
|
+
export declare const jsxElementToRJSX: (element: ElementNode) => RJsxElementNode;
|
|
9
|
+
export declare const propsToRProps: (props: UnknownProps) => UnknownProps;
|
|
10
|
+
//# sourceMappingURL=toRJsx.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toRJsx.d.ts","sourceRoot":"","sources":["../../../src/core/devTools/toRJsx.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAG5D;;GAEG;AACH,eAAO,MAAM,WAAW,uCAavB,CAAC;AAEF,wBAAgB,gBAAgB,SAE/B;AAED,eAAO,MAAM,gBAAgB,2CAS5B,CAAC;AAEF,eAAO,MAAM,aAAa,uCA6BzB,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { RElementSym } from './types';
|
|
2
|
+
import { isJsxElementNode } from '../reconciliation/fibers';
|
|
3
|
+
/**
|
|
4
|
+
* Converts FiberNode into originl React's JSX.Element
|
|
5
|
+
*/
|
|
6
|
+
export const fiberToRJSX = (fiber) => {
|
|
7
|
+
return {
|
|
8
|
+
$$typeof: RElementSym,
|
|
9
|
+
key: fiber.key,
|
|
10
|
+
type: fiber.type === 'component'
|
|
11
|
+
? fiber.component
|
|
12
|
+
: fiber.type === 'tag'
|
|
13
|
+
? fiber.tag
|
|
14
|
+
: RElementSym,
|
|
15
|
+
props: fiber.props ? propsToRProps(fiber.props) : {},
|
|
16
|
+
ref: null, // ?
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export function ReactPortalDummy() {
|
|
20
|
+
return null;
|
|
21
|
+
}
|
|
22
|
+
export const jsxElementToRJSX = (element) => {
|
|
23
|
+
const { type } = element;
|
|
24
|
+
return {
|
|
25
|
+
$$typeof: RElementSym,
|
|
26
|
+
key: element.key ? String(element.key) : null,
|
|
27
|
+
type: type instanceof HTMLElement ? ReactPortalDummy : type,
|
|
28
|
+
props: propsToRProps(element.props),
|
|
29
|
+
ref: null, // ?
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export const propsToRProps = (props) => {
|
|
33
|
+
if (props === null) {
|
|
34
|
+
return {}; // E.g., a null fiber.
|
|
35
|
+
}
|
|
36
|
+
return new Proxy(props, {
|
|
37
|
+
get: (target, key) => {
|
|
38
|
+
if (key !== 'children') {
|
|
39
|
+
return target[key];
|
|
40
|
+
}
|
|
41
|
+
const { children } = target;
|
|
42
|
+
if (!Array.isArray(children)) {
|
|
43
|
+
return isJsxElementNode(children)
|
|
44
|
+
? jsxElementToRJSX(children)
|
|
45
|
+
: isFiberNode(children)
|
|
46
|
+
? fiberToRJSX(children)
|
|
47
|
+
: children;
|
|
48
|
+
}
|
|
49
|
+
return children.map((child) => isJsxElementNode(child)
|
|
50
|
+
? jsxElementToRJSX(child)
|
|
51
|
+
: isFiberNode(child)
|
|
52
|
+
? fiberToRJSX(child)
|
|
53
|
+
: child);
|
|
54
|
+
},
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
const isFiberNode = (item) => !!item &&
|
|
58
|
+
typeof item === 'object' &&
|
|
59
|
+
'id' in item &&
|
|
60
|
+
'key' in item &&
|
|
61
|
+
'role' in item;
|
|
62
|
+
//# sourceMappingURL=toRJsx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toRJsx.js","sourceRoot":"","sources":["../../../src/core/devTools/toRJsx.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAwB,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAmB,EAAE,CAAC;IAChE,OAAO;QACL,QAAQ,EAAE,WAAW;QACrB,GAAG,EAAE,KAAK,CAAC,GAAG;QACd,IAAI,EACF,KAAK,CAAC,IAAI,KAAK,WAAW;YACxB,CAAC,CAAC,KAAK,CAAC,SAAS;YACjB,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK;gBACpB,CAAC,CAAC,KAAK,CAAC,GAAG;gBACX,CAAC,CAAC,WAAW;QACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;QACpD,GAAG,EAAE,IAAI,EAAE,IAAI;KAChB,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,UAAU,gBAAgB,GAAG;IACjC,OAAO,IAAI,CAAC;AAAA,CACb;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAoB,EAAmB,EAAE,CAAC;IACzE,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IACzB,OAAO;QACL,QAAQ,EAAE,WAAW;QACrB,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;QAC7C,IAAI,EAAE,IAAI,YAAY,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI;QAC3D,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC;QACnC,GAAG,EAAE,IAAI,EAAE,IAAI;KAChB,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAgB,EAAE,CAAC;IAClE,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC,CAAC,sBAAsB;IACnC,CAAC;IAED,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE;QACtB,GAAG,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC;YACpB,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC;gBACvB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;YACrB,CAAC;YAED,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;YAC5B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC7B,OAAO,gBAAgB,CAAC,QAAQ,CAAC;oBAC/B,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;oBAC5B,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC;wBACrB,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC;wBACvB,CAAC,CAAC,QAAQ,CAAC;YACjB,CAAC;YAED,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAC5B,gBAAgB,CAAC,KAAK,CAAC;gBACrB,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;gBACzB,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;oBAClB,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;oBACpB,CAAC,CAAC,KAAK,CACZ,CAAC;QAAA,CACH;KACF,CAAC,CAAC;AAAA,CACJ,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,IAAa,EAAqB,EAAE,CACvD,CAAC,CAAC,IAAI;IACN,OAAO,IAAI,KAAK,QAAQ;IACxB,IAAI,IAAI,IAAI;IACZ,KAAK,IAAI,IAAI;IACb,MAAM,IAAI,IAAI,CAAC"}
|