@faiwer/react 19.0.1 → 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 +38 -6
- 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 +19 -1
- 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 +2 -0
- package/dist/core/actions/remove.action.js.map +1 -1
- package/dist/core/components.d.ts.map +1 -1
- package/dist/core/components.js +9 -1
- 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.map +1 -1
- package/dist/core/reactNodeToFiberNode.js +6 -1
- 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.map +1 -1
- package/dist/core/reconciliation/collect/fromApp.js +10 -1
- package/dist/core/reconciliation/collect/fromApp.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.map +1 -1
- package/dist/core/reconciliation/effects.js +1 -0
- package/dist/core/reconciliation/effects.js.map +1 -1
- package/dist/core/reconciliation/errors/ReactError.d.ts.map +1 -1
- package/dist/core/reconciliation/errors/ReactError.js +3 -0
- package/dist/core/reconciliation/errors/ReactError.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 +22 -0
- 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/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/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/app.d.ts +9 -0
- package/dist/types/app.d.ts.map +1 -1
- package/dist/types/component.d.ts +2 -0
- package/dist/types/component.d.ts.map +1 -1
- package/package.json +14 -1
package/README.md
CHANGED
|
@@ -21,8 +21,6 @@ A few stats:
|
|
|
21
21
|
= +3
|
|
22
22
|
|
|
23
23
|
## It supports
|
|
24
|
-
https://github.com/preactjs/preact-devtools/blob/main/src/adapter/renderer.ts
|
|
25
|
-
|
|
26
24
|
|
|
27
25
|
- JSX
|
|
28
26
|
- Functional components
|
|
@@ -31,7 +29,7 @@ https://github.com/preactjs/preact-devtools/blob/main/src/adapter/renderer.ts
|
|
|
31
29
|
- `useState`
|
|
32
30
|
- `useRef`
|
|
33
31
|
- `useMemo`, `useCallback`
|
|
34
|
-
- `useStableCallback` (better version of `useEffectEvent`)
|
|
32
|
+
- `useStableCallback` (a better version of `useEffectEvent`)
|
|
35
33
|
- `useLayoutEffect`, `useEffect` (improved versions)
|
|
36
34
|
- `useId`
|
|
37
35
|
- `useContext`
|
|
@@ -39,6 +37,8 @@ https://github.com/preactjs/preact-devtools/blob/main/src/adapter/renderer.ts
|
|
|
39
37
|
- Context
|
|
40
38
|
- Portals
|
|
41
39
|
- Fragments
|
|
40
|
+
- Hot Module Replacement
|
|
41
|
+
- Preact Dev Tools (partially)
|
|
42
42
|
|
|
43
43
|
## Installation
|
|
44
44
|
|
|
@@ -69,12 +69,44 @@ const container = document.getElementById('root');
|
|
|
69
69
|
createRoot(container).render(<App />);
|
|
70
70
|
```
|
|
71
71
|
|
|
72
|
+
To show your app in the Preact DevTools:
|
|
73
|
+
|
|
74
|
+
```tsx
|
|
75
|
+
import { preactDevTools } from 'react/debug';
|
|
76
|
+
// …
|
|
77
|
+
createRoot(container).render(
|
|
78
|
+
<App />,
|
|
79
|
+
import.meta.env.DEV ? { preactDevTools } : undefined
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
The 2nd argument also supports:
|
|
83
|
+
|
|
84
|
+
```tsx
|
|
85
|
+
{
|
|
86
|
+
// If `true` the lib will make more checks and add the `__fiber` field for each
|
|
87
|
+
// generated DOM Node to simplify debugging
|
|
88
|
+
testMode: boolean,
|
|
89
|
+
// A hook to improve local error stack traces. Provide a method that converts
|
|
90
|
+
// __filename into an internal URL that your DevTools can handle.
|
|
91
|
+
// E.g., this worked out for Vite:
|
|
92
|
+
transformSource: source => ({
|
|
93
|
+
...source,
|
|
94
|
+
fileName: source.fileName.replace(/^.+\/src/, location.origin),
|
|
95
|
+
}),
|
|
96
|
+
// And this worked out for Webpack:
|
|
97
|
+
transformSource: source => ({
|
|
98
|
+
...source,
|
|
99
|
+
fileName: source.fileName.replace(
|
|
100
|
+
/^.+\/src/,
|
|
101
|
+
'webpack://your-project-package-name/src'
|
|
102
|
+
),
|
|
103
|
+
}),
|
|
104
|
+
```
|
|
105
|
+
|
|
72
106
|
## TODO
|
|
73
107
|
|
|
74
|
-
- HMR
|
|
75
|
-
- Preact Devtools?
|
|
76
108
|
- JSX: Math namespace
|
|
77
|
-
- Lazy
|
|
109
|
+
- `<Lazy/>`
|
|
78
110
|
- Make all hooks pure
|
|
79
111
|
- Resolve "TODO: add a test" comments
|
|
80
112
|
- leverage `isStaticChildren` in `jsx()`
|
|
@@ -46,5 +46,10 @@ export declare const emptyFiberNode: (fiber: FiberNode) => void;
|
|
|
46
46
|
* Calls the given fn against every single child in the fiben fiber tree.
|
|
47
47
|
* Return `false` to stop traversing right away.
|
|
48
48
|
*/
|
|
49
|
-
export declare const traverseFiberTree: (fiber: FiberNode, fn: (fiber: FiberNode) => void | boolean) => boolean;
|
|
49
|
+
export declare const traverseFiberTree: (fiber: FiberNode, fn: (fiber: FiberNode) => void | "SKIP_CHILDREN" | boolean) => boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Do not use this method anywhere where performance matters. O(n).
|
|
52
|
+
*/
|
|
53
|
+
export declare const findFiberById: (root: FiberNode, id: number) => FiberNode | null;
|
|
54
|
+
export declare const SKIP_CHILDREN = "SKIP_CHILDREN";
|
|
50
55
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/core/actions/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAa5B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,2BAAmD,CAAC;AAE5E;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,+BAa5B,CAAC;AAEF,eAAO,MAAM,SAAS,gCAMrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,uDAUpC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,uBAAuB,+BAOnC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,iCAuC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,mDAsBpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,4BAW1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/core/actions/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAa5B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,2BAAmD,CAAC;AAE5E;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,+BAa5B,CAAC;AAEF,eAAO,MAAM,SAAS,gCAMrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,uDAUpC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,uBAAuB,+BAOnC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,iCAuC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,mDAsBpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,4BAW1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,2FAmB7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,mDAazB,CAAC;AAEF,eAAO,MAAM,aAAa,kBAAkB,CAAC"}
|
|
@@ -137,9 +137,13 @@ export const emptyFiberNode = (fiber) => {
|
|
|
137
137
|
* Return `false` to stop traversing right away.
|
|
138
138
|
*/
|
|
139
139
|
export const traverseFiberTree = (fiber, fn) => {
|
|
140
|
-
|
|
140
|
+
const result = fn(fiber);
|
|
141
|
+
if (result === false) {
|
|
141
142
|
return false;
|
|
142
143
|
}
|
|
144
|
+
else if (result === SKIP_CHILDREN) {
|
|
145
|
+
return true;
|
|
146
|
+
}
|
|
143
147
|
for (const child of fiber.children) {
|
|
144
148
|
if (traverseFiberTree(child, fn) === false) {
|
|
145
149
|
return false;
|
|
@@ -147,4 +151,18 @@ export const traverseFiberTree = (fiber, fn) => {
|
|
|
147
151
|
}
|
|
148
152
|
return true;
|
|
149
153
|
};
|
|
154
|
+
/**
|
|
155
|
+
* Do not use this method anywhere where performance matters. O(n).
|
|
156
|
+
*/
|
|
157
|
+
export const findFiberById = (root, id) => {
|
|
158
|
+
let result = null;
|
|
159
|
+
traverseFiberTree(root, (fiber) => {
|
|
160
|
+
if (fiber.id === id) {
|
|
161
|
+
result = fiber;
|
|
162
|
+
return false; // Early exit.
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
return result;
|
|
166
|
+
};
|
|
167
|
+
export const SKIP_CHILDREN = 'SKIP_CHILDREN';
|
|
150
168
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/core/actions/helpers.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/core/actions/helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remove.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/remove.action.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"remove.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/remove.action.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,EAChB,EAAE,SAAS,EAAE,IAAI,EAAE,GAAE,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,MAAM,CAAM,QA2CnE"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { emptyFiberNode, unsetRef } from './helpers';
|
|
2
2
|
import { ReactError } from '../reconciliation/errors/ReactError';
|
|
3
3
|
import { buildComment } from '../reconciliation/comments';
|
|
4
|
+
import { getAppByFiber } from '../reconciliation/app';
|
|
4
5
|
/**
|
|
5
6
|
* This action can be called directly (<div/> -> []), or indirectly (<div/> ->
|
|
6
7
|
* false) from the replace action. `replaced` is `true` in the 2nd scenario.
|
|
@@ -38,6 +39,7 @@ export function removeAction(fiber, { immediate, last } = {}) {
|
|
|
38
39
|
if (fiber.ref) {
|
|
39
40
|
unsetRef(fiber, !!immediate);
|
|
40
41
|
}
|
|
42
|
+
getAppByFiber(fiber).preact?.api.unmount(fiber);
|
|
41
43
|
emptyFiberNode(fiber); // Help with garbage collection.
|
|
42
44
|
}
|
|
43
45
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remove.action.js","sourceRoot":"","sources":["../../../src/core/actions/remove.action.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"remove.action.js","sourceRoot":"","sources":["../../../src/core/actions/remove.action.ts"],"names":[],"mappings":"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"}
|
|
@@ -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;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,
|
|
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
|
@@ -36,6 +36,8 @@ 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 ??= [];
|
|
@@ -43,7 +45,13 @@ props) => {
|
|
|
43
45
|
let jsxElement;
|
|
44
46
|
let actions = [];
|
|
45
47
|
try {
|
|
46
|
-
|
|
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);
|
|
47
55
|
actions.push(...fiber.data.actions);
|
|
48
56
|
}
|
|
49
57
|
catch (error) {
|
|
@@ -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;AAG5C,4CAA4C;AAC5C,IAAI,YAAuC,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAuB,EAAE,CAC/D,UAAU,CAAC,YAAY,CAAC,CAAC;AAE3B;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAQ,EAAE,CAAC;IACtC,MAAM,KAAK,GAAG,wBAAwB,EAAE,CAAC;IACzC,OAAO,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,CACxD,CAAC;AAEF,IAAI,gBAAgB,GAAG,KAAK,CAAC;AAE7B;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAY,EAAE,CAAC,gBAAgB,CAAC;AAElE;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAgB;AAChB,+DAA+D;AAC/D,KAA0B,EACY,EAAE,CAAC;IACzC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,IAAI,iBAAiB,CAAC,CAAC;IACxE,CAAC;IACD,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC;IAC5D,CAAC;IAED,YAAY,GAAG,KAAK,CAAC;IACrB,gBAAgB,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;IACrC,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;IACxB,OAAO,GAAG,CAAC,CAAC,CAAC;IAEb,IAAI,UAAuB,CAAC;IAC5B,IAAI,OAAO,GAAa,EAAE,CAAC;IAC3B,IAAI,CAAC;QACH,
|
|
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;AAG5C,4CAA4C;AAC5C,IAAI,YAAuC,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAuB,EAAE,CAC/D,UAAU,CAAC,YAAY,CAAC,CAAC;AAE3B;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAQ,EAAE,CAAC;IACtC,MAAM,KAAK,GAAG,wBAAwB,EAAE,CAAC;IACzC,OAAO,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,CACxD,CAAC;AAEF,IAAI,gBAAgB,GAAG,KAAK,CAAC;AAE7B;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAY,EAAE,CAAC,gBAAgB,CAAC;AAElE;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAgB;AAChB,+DAA+D;AAC/D,KAA0B,EACY,EAAE,CAAC;IACzC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,IAAI,iBAAiB,CAAC,CAAC;IACxE,CAAC;IACD,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACjC,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAEtC,YAAY,GAAG,KAAK,CAAC;IACrB,gBAAgB,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;IACrC,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;IACxB,OAAO,GAAG,CAAC,CAAC,CAAC;IAEb,IAAI,UAAuB,CAAC;IAC5B,IAAI,OAAO,GAAa,EAAE,CAAC;IAC3B,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;QACxC,MAAM,SAAS;QACb,4BAA4B;QAC5B,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC;YAC9B,oBAAoB;YACpB,KAAK,CAAC,SAAS,CAAC;QAClB,UAAU,GAAG,SAAU,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;IAAC,OAAO,KAAc,EAAE,CAAC;QACxB,OAAO,IAAI,UAAU,CACnB,KAAK,EACL,KAAK,EACL,6CAA6C,CAC9C,CAAC;IACJ,CAAC;YAAS,CAAC;QACT,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IAC1B,CAAC;IAED,IAAI,CAAC,gBAAgB,IAAI,OAAO,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjE,MAAM,IAAI,UAAU,CAClB,KAAK,EACL,0CAA0C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,2CAA2C,OAAO,GAAG,CAAC,EAAE,CAC1H,CAAC;IACJ,CAAC;IAED,YAAY,GAAG,IAAI,CAAC;IACpB,gBAAgB,GAAG,KAAK,CAAC;IAEzB,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAAA,CAC9B,CAAC;AAEF,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC;AAEjB,MAAM,qBAAqB,GAAG,CAAC,SAA6B,EAAa,EAAE,CAAC;IAC1E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,IAAI,UAAU,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AAAA,CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAkB,EAAE,CACnD,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAEjC,EAAQ,EAAE,CAAC;IACV,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAqB,CAAC,CAAC;AAAA,CAC/E,CAAC"}
|
|
@@ -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"}
|