@faiwer/react 0.8.3 → 0.9.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 +20 -14
- package/dist/core/Children.d.ts +11 -0
- package/dist/core/Children.d.ts.map +1 -0
- package/dist/core/Children.js +35 -0
- package/dist/core/Children.js.map +1 -0
- package/dist/core/actions/applyAction.d.ts.map +1 -1
- package/dist/core/actions/applyAction.js +2 -0
- package/dist/core/actions/applyAction.js.map +1 -1
- package/dist/core/actions/createComment.action.d.ts +2 -2
- package/dist/core/actions/createComment.action.d.ts.map +1 -1
- package/dist/core/actions/createComment.action.js +1 -8
- package/dist/core/actions/createComment.action.js.map +1 -1
- package/dist/core/actions/createContainer.action.d.ts +7 -0
- package/dist/core/actions/createContainer.action.d.ts.map +1 -0
- package/dist/core/actions/createContainer.action.js +28 -0
- package/dist/core/actions/createContainer.action.js.map +1 -0
- package/dist/core/actions/createTag.action.d.ts +2 -1
- package/dist/core/actions/createTag.action.d.ts.map +1 -1
- package/dist/core/actions/createTag.action.js +107 -5
- package/dist/core/actions/createTag.action.js.map +1 -1
- package/dist/core/actions/createText.action.d.ts.map +1 -1
- package/dist/core/actions/createText.action.js +2 -5
- package/dist/core/actions/createText.action.js.map +1 -1
- package/dist/core/actions/dom/attributes.d.ts +4 -0
- package/dist/core/actions/dom/attributes.d.ts.map +1 -0
- package/dist/core/actions/dom/attributes.js +56 -0
- package/dist/core/actions/dom/attributes.js.map +1 -0
- package/dist/core/actions/dom/css.d.ts +6 -0
- package/dist/core/actions/dom/css.d.ts.map +1 -0
- package/dist/core/actions/dom/css.js +54 -0
- package/dist/core/actions/dom/css.js.map +1 -0
- package/dist/core/actions/dom/events.d.ts +3 -0
- package/dist/core/actions/dom/events.d.ts.map +1 -0
- package/dist/core/actions/dom/events.js +45 -0
- package/dist/core/actions/dom/events.js.map +1 -0
- package/dist/core/actions/dom/svg.d.ts +7 -0
- package/dist/core/actions/dom/svg.d.ts.map +1 -0
- package/dist/core/actions/dom/svg.js +76 -0
- package/dist/core/actions/dom/svg.js.map +1 -0
- package/dist/core/actions/dom/value.d.ts +17 -0
- package/dist/core/actions/dom/value.d.ts.map +1 -0
- package/dist/core/actions/dom/value.js +204 -0
- package/dist/core/actions/dom/value.js.map +1 -0
- package/dist/core/actions/helpers.d.ts +18 -11
- package/dist/core/actions/helpers.d.ts.map +1 -1
- package/dist/core/actions/helpers.js +78 -68
- package/dist/core/actions/helpers.js.map +1 -1
- package/dist/core/actions/relayout.action.d.ts +2 -1
- package/dist/core/actions/relayout.action.d.ts.map +1 -1
- package/dist/core/actions/relayout.action.js +119 -30
- package/dist/core/actions/relayout.action.js.map +1 -1
- package/dist/core/actions/remove.action.d.ts +3 -2
- package/dist/core/actions/remove.action.d.ts.map +1 -1
- package/dist/core/actions/remove.action.js +22 -18
- package/dist/core/actions/remove.action.js.map +1 -1
- package/dist/core/actions/replace.action.d.ts +1 -1
- package/dist/core/actions/replace.action.d.ts.map +1 -1
- package/dist/core/actions/replace.action.js +36 -11
- package/dist/core/actions/replace.action.js.map +1 -1
- package/dist/core/actions/setAttr.action.d.ts +1 -1
- package/dist/core/actions/setAttr.action.d.ts.map +1 -1
- package/dist/core/actions/setAttr.action.js +55 -87
- package/dist/core/actions/setAttr.action.js.map +1 -1
- package/dist/core/actions/setProps.action.d.ts.map +1 -1
- package/dist/core/actions/setProps.action.js +2 -1
- package/dist/core/actions/setProps.action.js.map +1 -1
- package/dist/core/actions/setRef.action.d.ts +1 -1
- package/dist/core/actions/setRef.action.d.ts.map +1 -1
- package/dist/core/actions/setRef.action.js +5 -6
- package/dist/core/actions/setRef.action.js.map +1 -1
- package/dist/core/actions/setText.action.d.ts.map +1 -1
- package/dist/core/actions/setText.action.js +3 -3
- package/dist/core/actions/setText.action.js.map +1 -1
- package/dist/core/classComponent.d.ts +33 -0
- package/dist/core/classComponent.d.ts.map +1 -0
- package/dist/core/classComponent.js +127 -0
- package/dist/core/classComponent.js.map +1 -0
- package/dist/core/compact.d.ts +10 -29
- package/dist/core/compact.d.ts.map +1 -1
- package/dist/core/compact.js +12 -100
- package/dist/core/compact.js.map +1 -1
- package/dist/core/components.d.ts +2 -2
- package/dist/core/components.d.ts.map +1 -1
- package/dist/core/components.js +22 -5
- package/dist/core/components.js.map +1 -1
- package/dist/core/createElement.d.ts +9 -9
- package/dist/core/createElement.d.ts.map +1 -1
- package/dist/core/createElement.js +19 -3
- package/dist/core/createElement.js.map +1 -1
- package/dist/core/createRoot.js.map +1 -1
- 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/app.js +3 -3
- package/dist/core/reconciliation/app.js.map +1 -1
- package/dist/core/reconciliation/collect/fromApp.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromApp.js +3 -27
- package/dist/core/reconciliation/collect/fromApp.js.map +1 -1
- package/dist/core/reconciliation/collect/fromChildrenPair.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromChildrenPair.js +24 -15
- package/dist/core/reconciliation/collect/fromChildrenPair.js.map +1 -1
- package/dist/core/reconciliation/collect/fromComponent.d.ts +2 -2
- package/dist/core/reconciliation/collect/fromComponent.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromComponent.js +4 -8
- package/dist/core/reconciliation/collect/fromComponent.js.map +1 -1
- package/dist/core/reconciliation/collect/fromFiberPair.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromFiberPair.js +6 -4
- package/dist/core/reconciliation/collect/fromFiberPair.js.map +1 -1
- package/dist/core/reconciliation/collect/fromNewFiber.d.ts.map +1 -1
- package/dist/core/reconciliation/collect/fromNewFiber.js +7 -15
- package/dist/core/reconciliation/collect/fromNewFiber.js.map +1 -1
- package/dist/core/reconciliation/effects.d.ts.map +1 -1
- package/dist/core/reconciliation/effects.js +0 -5
- package/dist/core/reconciliation/effects.js.map +1 -1
- package/dist/core/reconciliation/errors/ReactError.d.ts +7 -0
- package/dist/core/reconciliation/errors/ReactError.d.ts.map +1 -0
- package/dist/core/reconciliation/errors/ReactError.js +26 -0
- package/dist/core/reconciliation/errors/ReactError.js.map +1 -0
- package/dist/core/reconciliation/errors/stack.d.ts +9 -0
- package/dist/core/reconciliation/errors/stack.d.ts.map +1 -0
- package/dist/core/reconciliation/errors/stack.js +80 -0
- package/dist/core/reconciliation/errors/stack.js.map +1 -0
- package/dist/core/reconciliation/fibers.d.ts +7 -0
- package/dist/core/reconciliation/fibers.d.ts.map +1 -1
- package/dist/core/reconciliation/fibers.js +9 -2
- package/dist/core/reconciliation/fibers.js.map +1 -1
- package/dist/core/reconciliation/heap.d.ts +18 -0
- package/dist/core/reconciliation/heap.d.ts.map +1 -0
- package/dist/core/reconciliation/heap.js +81 -0
- package/dist/core/reconciliation/heap.js.map +1 -0
- package/dist/core/reconciliation/invalidateFiber.d.ts.map +1 -1
- package/dist/core/reconciliation/invalidateFiber.js +10 -4
- 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 +17 -7
- package/dist/core/reconciliation/mount.js.map +1 -1
- package/dist/core/reconciliation/postCommit.d.ts +1 -1
- package/dist/core/reconciliation/postCommit.d.ts.map +1 -1
- package/dist/core/reconciliation/postCommit.js +19 -4
- package/dist/core/reconciliation/postCommit.js.map +1 -1
- package/dist/core/reconciliation/queue.d.ts +21 -0
- package/dist/core/reconciliation/queue.d.ts.map +1 -0
- package/dist/core/reconciliation/queue.js +55 -0
- package/dist/core/reconciliation/queue.js.map +1 -0
- package/dist/core/reconciliation/render.js +5 -5
- package/dist/core/reconciliation/render.js.map +1 -1
- package/dist/core/reconciliation/runFiberComponents.d.ts.map +1 -1
- package/dist/core/reconciliation/runFiberComponents.js +2 -1
- package/dist/core/reconciliation/runFiberComponents.js.map +1 -1
- package/dist/core/reconciliation/typeGuards.d.ts +9 -1
- package/dist/core/reconciliation/typeGuards.d.ts.map +1 -1
- package/dist/core/reconciliation/typeGuards.js +25 -0
- package/dist/core/reconciliation/typeGuards.js.map +1 -1
- package/dist/core/reconciliation/validateApp.d.ts +3 -0
- package/dist/core/reconciliation/validateApp.d.ts.map +1 -0
- package/dist/core/reconciliation/validateApp.js +74 -0
- package/dist/core/reconciliation/validateApp.js.map +1 -0
- package/dist/hooks/helpers.d.ts +2 -2
- package/dist/hooks/helpers.d.ts.map +1 -1
- package/dist/hooks/helpers.js +3 -2
- package/dist/hooks/helpers.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useContext.d.ts.map +1 -1
- package/dist/hooks/useContext.js +16 -0
- package/dist/hooks/useContext.js.map +1 -1
- package/dist/hooks/useEffect.d.ts +2 -1
- package/dist/hooks/useEffect.d.ts.map +1 -1
- package/dist/hooks/useEffect.js +1 -1
- package/dist/hooks/useEffect.js.map +1 -1
- package/dist/hooks/useRef.d.ts +8 -3
- package/dist/hooks/useRef.d.ts.map +1 -1
- package/dist/hooks/useRef.js +27 -0
- package/dist/hooks/useRef.js.map +1 -1
- package/dist/hooks/useState.d.ts +1 -1
- package/dist/hooks/useState.d.ts.map +1 -1
- package/dist/hooks/useState.js +24 -1
- package/dist/hooks/useState.js.map +1 -1
- package/dist/index.d.ts +8 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/jsx-dev-runtime.d.ts +4 -4
- package/dist/jsx-dev-runtime.d.ts.map +1 -1
- package/dist/jsx-dev-runtime.js +4 -4
- package/dist/jsx-dev-runtime.js.map +1 -1
- package/dist/jsx-runtime.d.ts +3 -3
- package/dist/jsx-runtime.d.ts.map +1 -1
- package/dist/jsx-runtime.js +3 -3
- package/dist/jsx-runtime.js.map +1 -1
- package/dist/jsx.d.ts +176 -36
- package/dist/mocks.d.ts +21 -0
- package/dist/mocks.d.ts.map +1 -0
- package/dist/mocks.js +27 -0
- package/dist/mocks.js.map +1 -0
- package/dist/react.d.ts +46 -0
- package/dist/types/actions.d.ts +12 -4
- package/dist/types/actions.d.ts.map +1 -1
- package/dist/types/app.d.ts +17 -2
- package/dist/types/app.d.ts.map +1 -1
- package/dist/types/attributes.d.ts +42 -0
- package/dist/types/attributes.d.ts.map +1 -0
- package/dist/types/attributes.js +2 -0
- package/dist/types/attributes.js.map +1 -0
- package/dist/types/common.d.ts +13 -0
- package/dist/types/common.d.ts.map +1 -0
- package/dist/types/common.js +2 -0
- package/dist/types/common.js.map +1 -0
- package/dist/types/component.d.ts +5 -1
- package/dist/types/component.d.ts.map +1 -1
- package/dist/types/context.d.ts +3 -2
- package/dist/types/context.d.ts.map +1 -1
- package/dist/types/core.d.ts +17 -13
- package/dist/types/core.d.ts.map +1 -1
- package/dist/types/dom.d.ts +23 -27
- package/dist/types/dom.d.ts.map +1 -1
- package/dist/types/events.d.ts +31 -0
- package/dist/types/events.d.ts.map +1 -0
- package/dist/types/events.js +2 -0
- package/dist/types/events.js.map +1 -0
- package/dist/types/fiber.d.ts +31 -11
- package/dist/types/fiber.d.ts.map +1 -1
- package/dist/types/fiber.js +5 -1
- package/dist/types/fiber.js.map +1 -1
- package/dist/types/hooks.d.ts +8 -5
- package/dist/types/hooks.d.ts.map +1 -1
- package/dist/types/react.d.ts +35 -0
- package/dist/types/react.d.ts.map +1 -0
- package/dist/types/react.js +2 -0
- package/dist/types/react.js.map +1 -0
- package/dist/types/refs.d.ts +5 -8
- package/dist/types/refs.d.ts.map +1 -1
- package/package.json +15 -3
- package/dist/core/reconciliation/validateTree.d.ts +0 -6
- package/dist/core/reconciliation/validateTree.d.ts.map +0 -1
- package/dist/core/reconciliation/validateTree.js +0 -48
- package/dist/core/reconciliation/validateTree.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mount.js","sourceRoot":"","sources":["../../../src/core/reconciliation/mount.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"mount.js","sourceRoot":"","sources":["../../../src/core/reconciliation/mount.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"postCommit.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/postCommit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"postCommit.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/postCommit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAK5D;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,QA2DjD"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
import { containerSym } from '../../types';
|
|
1
2
|
import { reactRender } from './render';
|
|
2
3
|
import { runEffects } from './effects';
|
|
4
|
+
import { traverseFiberTree } from '../actions/helpers';
|
|
3
5
|
/**
|
|
4
6
|
* A stage that happens after we've applied all necessary DOM and fiber changes
|
|
5
7
|
* in applyActions (the "commit" phase). In this stage we:
|
|
@@ -9,13 +11,26 @@ import { runEffects } from './effects';
|
|
|
9
11
|
* - or move the app to the idle stage
|
|
10
12
|
*/
|
|
11
13
|
export function postCommit(app, depth) {
|
|
14
|
+
if (app.testMode) {
|
|
15
|
+
traverseFiberTree(app.root, (fiber) => {
|
|
16
|
+
if (fiber.element !== containerSym) {
|
|
17
|
+
fiber.element.__fiber = fiber;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
runEffects(app, 'afterActions');
|
|
12
22
|
app.tempContext.clear();
|
|
13
23
|
// Run "ref" and "layout" effects. They must be run in the same microtask
|
|
14
24
|
// queue as the commit phase.
|
|
15
|
-
if (app.effects.layout.length > 0 ||
|
|
25
|
+
if (app.effects.layout.length > 0 ||
|
|
26
|
+
app.effects.refsUnmount.length > 0 ||
|
|
27
|
+
app.effects.refsMount.length > 0) {
|
|
28
|
+
app.state = 'refEffects';
|
|
29
|
+
runEffects(app, 'refsUnmount');
|
|
30
|
+
runEffects(app, 'refsMount');
|
|
16
31
|
app.state = 'layoutEffects';
|
|
17
|
-
runEffects(app, 'layout');
|
|
18
|
-
if (app.invalidatedComponents.
|
|
32
|
+
runEffects(app, 'layout');
|
|
33
|
+
if (!app.invalidatedComponents.isEmpty()) {
|
|
19
34
|
// 1+ component was invalidated in an effect
|
|
20
35
|
if (app.effects.normal.length > 0) {
|
|
21
36
|
// Layout effect component invalidations should be applied within the
|
|
@@ -36,7 +51,7 @@ export function postCommit(app, depth) {
|
|
|
36
51
|
app.state = 'effects';
|
|
37
52
|
setTimeout(() => {
|
|
38
53
|
runEffects(app, 'normal');
|
|
39
|
-
if (app.invalidatedComponents.
|
|
54
|
+
if (!app.invalidatedComponents.isEmpty()) {
|
|
40
55
|
app.state = 'scheduled';
|
|
41
56
|
setTimeout(() => reactRender(app), 0);
|
|
42
57
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"postCommit.js","sourceRoot":"","sources":["../../../src/core/reconciliation/postCommit.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"postCommit.js","sourceRoot":"","sources":["../../../src/core/reconciliation/postCommit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAY,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,GAAQ,EAAE,KAAa,EAAE;IAClD,IAAI,GAAG,CAAC,QAAQ,EAAE,CAAC;QACjB,iBAAiB,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC;YACrC,IAAI,KAAK,CAAC,OAAO,KAAK,YAAY,EAAE,CAAC;gBACnC,KAAK,CAAC,OAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACjC,CAAC;QAAA,CACF,CAAC,CAAC;IACL,CAAC;IAED,UAAU,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IAChC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;IAExB,yEAAyE;IACzE,6BAA6B;IAC7B,IACE,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;QAC7B,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;QAClC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAChC,CAAC;QACD,GAAG,CAAC,KAAK,GAAG,YAAY,CAAC;QACzB,UAAU,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;QAC/B,UAAU,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;QAE7B,GAAG,CAAC,KAAK,GAAG,eAAe,CAAC;QAC5B,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAE1B,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAC,OAAO,EAAE,EAAE,CAAC;YACzC,4CAA4C;YAC5C,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAClC,qEAAqE;gBACrE,uEAAuE;gBACvE,cAAc;gBACd,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC;gBACtB,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YAC5B,CAAC;YAED,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC;YACxB,cAAc,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;YAClD,OAAO;QACT,CAAC;IACH,CAAC;IAED,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACpC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC;QACnB,OAAO;IACT,CAAC;IAED,GAAG,CAAC,KAAK,GAAG,SAAS,CAAC;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC;QACf,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAE1B,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAC,OAAO,EAAE,EAAE,CAAC;YACzC,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC;YACxB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YACtC,OAAO;QACT,CAAC;QAED,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC;IAAA,CACpB,EAAE,CAAC,CAAC,CAAC;AAAA,CACP"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { FiberNode, UnknownProps } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* A wrapper over Heap and Set to control the queue of invalidated components.
|
|
4
|
+
* Using a heap to be able to return the highest item (within the tree). Using
|
|
5
|
+
* a map to be able to remove items when needed (e.g. a parent component removes
|
|
6
|
+
* some children that were already invalidated).
|
|
7
|
+
*
|
|
8
|
+
* TODO: Add tests
|
|
9
|
+
*/
|
|
10
|
+
export declare class Queue {
|
|
11
|
+
private heap;
|
|
12
|
+
private map;
|
|
13
|
+
isEmpty(): boolean;
|
|
14
|
+
add(fiber: FiberNode, props: UnknownProps | null): void;
|
|
15
|
+
has(fiber: FiberNode): boolean;
|
|
16
|
+
poll(): [fiber: FiberNode, props: UnknownProps | null];
|
|
17
|
+
delete(fiber: FiberNode): void;
|
|
18
|
+
traverse(fn: (fiber: FiberNode) => void | boolean): void;
|
|
19
|
+
private prune;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=queue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"queue.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/queue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIlE;;;;;;;GAOG;AACH,qBAAa,KAAK;IAChB,OAAO,CAAC,IAAI,CAEV;IACF,OAAO,CAAC,GAAG,CAA6C;IAExD,OAAO,IAAI,OAAO,CAGjB;IAED,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAUtD;IAED,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAE7B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,CAOrD;IAED,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAG7B;IAED,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,GAAG,OAAO,GAAG,IAAI,CAMvD;IAED,OAAO,CAAC,KAAK;CAKd"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { Heap } from './heap';
|
|
2
|
+
import { getFiberLevel } from './fibers';
|
|
3
|
+
/**
|
|
4
|
+
* A wrapper over Heap and Set to control the queue of invalidated components.
|
|
5
|
+
* Using a heap to be able to return the highest item (within the tree). Using
|
|
6
|
+
* a map to be able to remove items when needed (e.g. a parent component removes
|
|
7
|
+
* some children that were already invalidated).
|
|
8
|
+
*
|
|
9
|
+
* TODO: Add tests
|
|
10
|
+
*/
|
|
11
|
+
export class Queue {
|
|
12
|
+
heap = new Heap((a, b) => getFiberLevel(b) - getFiberLevel(a));
|
|
13
|
+
map = new Map();
|
|
14
|
+
isEmpty() {
|
|
15
|
+
this.prune();
|
|
16
|
+
return this.heap.size() === 0;
|
|
17
|
+
}
|
|
18
|
+
add(fiber, props) {
|
|
19
|
+
if (this.map.has(fiber)) {
|
|
20
|
+
if (props) {
|
|
21
|
+
this.map.set(fiber, props);
|
|
22
|
+
}
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
this.map.set(fiber, props);
|
|
26
|
+
this.heap.add(fiber);
|
|
27
|
+
}
|
|
28
|
+
has(fiber) {
|
|
29
|
+
return this.map.has(fiber);
|
|
30
|
+
}
|
|
31
|
+
poll() {
|
|
32
|
+
this.prune();
|
|
33
|
+
const fiber = this.heap.poll();
|
|
34
|
+
const props = this.map.get(fiber);
|
|
35
|
+
this.map.delete(fiber);
|
|
36
|
+
return [fiber, props];
|
|
37
|
+
}
|
|
38
|
+
delete(fiber) {
|
|
39
|
+
this.map.delete(fiber);
|
|
40
|
+
this.prune();
|
|
41
|
+
}
|
|
42
|
+
traverse(fn) {
|
|
43
|
+
for (const fiber of this.heap.arr) {
|
|
44
|
+
if (this.map.has(fiber)) {
|
|
45
|
+
fn(fiber);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
prune() {
|
|
50
|
+
while (this.heap.size() > 0 && !this.map.has(this.heap.peek())) {
|
|
51
|
+
this.heap.poll();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=queue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"queue.js","sourceRoot":"","sources":["../../../src/core/reconciliation/queue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC;;;;;;;GAOG;AACH,MAAM,OAAO,KAAK;IACR,IAAI,GAAG,IAAI,IAAI,CACrB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAC9C,CAAC;IACM,GAAG,GAAG,IAAI,GAAG,EAAkC,CAAC;IAExD,OAAO,GAAY;QACjB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAAA,CAC/B;IAED,GAAG,CAAC,KAAgB,EAAE,KAA0B,EAAQ;QACtD,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC7B,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAAA,CACtB;IAED,GAAG,CAAC,KAAgB,EAAW;QAC7B,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAAA,CAC5B;IAED,IAAI,GAAmD;QACrD,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAG,CAAC;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC;QACnC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAAA,CACvB;IAED,MAAM,CAAC,KAAgB,EAAQ;QAC7B,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,KAAK,EAAE,CAAC;IAAA,CACd;IAED,QAAQ,CAAC,EAAwC,EAAQ;QACvD,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAClC,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxB,EAAE,CAAC,KAAK,CAAC,CAAC;YACZ,CAAC;QACH,CAAC;IAAA,CACF;IAEO,KAAK,GAAS;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAG,CAAC,EAAE,CAAC;YAChE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACnB,CAAC;IAAA,CACF;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { validateApp } from './validateApp';
|
|
2
2
|
import { collectActionsFromApp } from './collect/fromApp';
|
|
3
3
|
import { postCommit } from './postCommit';
|
|
4
4
|
import { applyActions } from './applyActions';
|
|
@@ -14,21 +14,21 @@ export function reactRender(app, depth = 0) {
|
|
|
14
14
|
if (depth > MAX_DEPTH) {
|
|
15
15
|
throw new Error(`Maximum update depth exceeded`);
|
|
16
16
|
}
|
|
17
|
-
if (app.testMode && app.invalidatedComponents.
|
|
17
|
+
if (app.testMode && app.invalidatedComponents.isEmpty()) {
|
|
18
18
|
throw new Error(`Unnecessary react render`);
|
|
19
19
|
}
|
|
20
20
|
if (app.state === 'killed') {
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
23
|
if (app.testMode)
|
|
24
|
-
|
|
24
|
+
validateApp(app);
|
|
25
25
|
app.state = 'render';
|
|
26
26
|
const actions = collectActionsFromApp(app);
|
|
27
27
|
if (app.testMode)
|
|
28
|
-
|
|
28
|
+
validateApp(app);
|
|
29
29
|
applyActions(app, actions);
|
|
30
30
|
if (app.testMode)
|
|
31
|
-
|
|
31
|
+
validateApp(app);
|
|
32
32
|
postCommit(app, depth);
|
|
33
33
|
}
|
|
34
34
|
const MAX_DEPTH = 50; // Like in React.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/core/reconciliation/render.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/core/reconciliation/render.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,GAAQ,EAAE,KAAK,GAAG,CAAC,EAAE;IAC/C,IAAI,KAAK,GAAG,SAAS,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,qBAAqB,CAAC,OAAO,EAAE,EAAE,CAAC;QACxD,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,GAAG,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO;IACT,CAAC;IAED,IAAI,GAAG,CAAC,QAAQ;QAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAEnC,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC;IACrB,MAAM,OAAO,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAC3C,IAAI,GAAG,CAAC,QAAQ;QAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAEnC,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC3B,IAAI,GAAG,CAAC,QAAQ;QAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAEnC,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAAA,CACxB;AAED,MAAM,SAAS,GAAG,EAAE,CAAC,CAAC,iBAAiB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"runFiberComponents.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/runFiberComponents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"runFiberComponents.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/runFiberComponents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAMzD;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,sCAsB9B,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { runComponent } from '../components';
|
|
2
2
|
import { jsxElementToFiberNode } from '../reactNodeToFiberNode';
|
|
3
3
|
import { FAKE_CONTAINER_TAG, toFiberChildren } from './fibers';
|
|
4
|
+
import { ReactError } from './errors/ReactError';
|
|
4
5
|
/**
|
|
5
6
|
* By default we don't run all components. We run only those that were manually
|
|
6
7
|
* invalidated, as if they were all wrapped with `memo()`. So the `.children`
|
|
@@ -31,7 +32,7 @@ const checkParents = (fiber) => {
|
|
|
31
32
|
while (parent && parent.tag !== FAKE_CONTAINER_TAG)
|
|
32
33
|
parent = parent.parent;
|
|
33
34
|
if (!parent) {
|
|
34
|
-
throw new
|
|
35
|
+
throw new ReactError(fiber, `runFiberComponents shouldn't be called for already mounted fiber nodes`);
|
|
35
36
|
}
|
|
36
37
|
};
|
|
37
38
|
//# sourceMappingURL=runFiberComponents.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"runFiberComponents.js","sourceRoot":"","sources":["../../../src/core/reconciliation/runFiberComponents.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"runFiberComponents.js","sourceRoot":"","sources":["../../../src/core/reconciliation/runFiberComponents.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAQ,EAAE,KAAgB,EAAQ,EAAE,CAAC;IACtE,IAAI,GAAG,CAAC,QAAQ;QAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,UAAU,CAAC;QAChB,KAAK,KAAK;YACR,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnC,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACjC,CAAC;YACD,MAAM;QAER,KAAK,WAAW,EAAE,CAAC;YACjB,MAAM,WAAW,GAAgB,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC3D,MAAM,KAAK,GAAc,qBAAqB,CAC5C,WAAW,EACX,KAAK,EACL,IAAI,CAAC,yCAAyC,CAC/C,CAAC;YACF,KAAK,CAAC,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;YACxC,MAAM;QACR,CAAC;IACH,CAAC;AAAA,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAQ,EAAE,CAAC;IAC/C,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC1B,OAAO,MAAM,IAAI,MAAM,CAAC,GAAG,KAAK,kBAAkB;QAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3E,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,UAAU,CAClB,KAAK,EACL,wEAAwE,CACzE,CAAC;IACJ,CAAC;AAAA,CACF,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ElementType, FiberNode, TagAttrValue } from '../../types';
|
|
1
|
+
import type { ElementNode, ElementType, FiberNode, TagAttrValue } from '../../types';
|
|
2
2
|
/**
|
|
3
3
|
* Returns true if the given fiber can contain children fiber nodes.
|
|
4
4
|
*/
|
|
@@ -13,4 +13,12 @@ export declare const isContextProvider: (node: ElementType | import("../../index
|
|
|
13
13
|
* Throws if not.
|
|
14
14
|
*/
|
|
15
15
|
export declare function assertsTagAttrValue(name: string, v: unknown): asserts v is TagAttrValue;
|
|
16
|
+
export declare const isSetHtml: (value: unknown) => value is {
|
|
17
|
+
__html: string;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Not used in the library, but it's a part of what React exports. Returns true
|
|
21
|
+
* if the given value is something that `createElement` returns.
|
|
22
|
+
*/
|
|
23
|
+
export declare const isValidElement: (value: unknown) => value is ElementNode;
|
|
16
24
|
//# sourceMappingURL=typeGuards.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typeGuards.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/typeGuards.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EAET,YAAY,EACb,MAAM,oBAAoB,CAAC;AAE5B;;GAEG;AACH,eAAO,MAAM,gBAAgB,+BAGP,CAAC;AAGvB,eAAO,MAAM,iBAAiB,4IAM7B,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,OAAO,GACT,OAAO,CAAC,CAAC,IAAI,YAAY,
|
|
1
|
+
{"version":3,"file":"typeGuards.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/typeGuards.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,SAAS,EAET,YAAY,EACb,MAAM,oBAAoB,CAAC;AAE5B;;GAEG;AACH,eAAO,MAAM,gBAAgB,+BAGP,CAAC;AAGvB,eAAO,MAAM,iBAAiB,4IAM7B,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,OAAO,GACT,OAAO,CAAC,CAAC,IAAI,YAAY,CAqB3B;AAED,eAAO,MAAM,SAAS;;CASrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,0CAS1B,CAAC"}
|
|
@@ -26,6 +26,10 @@ export function assertsTagAttrValue(name, v) {
|
|
|
26
26
|
case 'function':
|
|
27
27
|
return;
|
|
28
28
|
case 'object':
|
|
29
|
+
if (name === 'dangerouslySetInnerHTML' && isSetHtml(v))
|
|
30
|
+
return;
|
|
31
|
+
if ((name === 'defaultValue' || name === 'value') && Array.isArray(v))
|
|
32
|
+
return; // <select multiple/>
|
|
29
33
|
if (v === null || name === 'style')
|
|
30
34
|
return;
|
|
31
35
|
case 'bigint':
|
|
@@ -33,4 +37,25 @@ export function assertsTagAttrValue(name, v) {
|
|
|
33
37
|
throw new Error(`Unsupported format of tag attribute value (${String(v)})`);
|
|
34
38
|
}
|
|
35
39
|
}
|
|
40
|
+
export const isSetHtml = (value) => {
|
|
41
|
+
let html = typeof value === 'object' &&
|
|
42
|
+
!!value &&
|
|
43
|
+
'__html' in value &&
|
|
44
|
+
typeof value.__html === 'string'
|
|
45
|
+
? { __html: value.__html }
|
|
46
|
+
: null;
|
|
47
|
+
return html !== null;
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* Not used in the library, but it's a part of what React exports. Returns true
|
|
51
|
+
* if the given value is something that `createElement` returns.
|
|
52
|
+
*/
|
|
53
|
+
export const isValidElement = (value) => {
|
|
54
|
+
return (typeof value === 'object' &&
|
|
55
|
+
!!value &&
|
|
56
|
+
'type' in value &&
|
|
57
|
+
'props' in value &&
|
|
58
|
+
'key' in value &&
|
|
59
|
+
'children' in value);
|
|
60
|
+
};
|
|
36
61
|
//# sourceMappingURL=typeGuards.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typeGuards.js","sourceRoot":"","sources":["../../../src/core/reconciliation/typeGuards.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"typeGuards.js","sourceRoot":"","sources":["../../../src/core/reconciliation/typeGuards.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAgB,EAAW,EAAE,CAC5D,KAAK,CAAC,IAAI,KAAK,WAAW;IAC1B,KAAK,CAAC,IAAI,KAAK,UAAU;IACzB,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC;AACvB,oCAAoC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,IAA4C,EACV,EAAE,CAAC;IACrC,MAAM,GAAG,GACP,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACpE,OAAO,GAAG,KAAK,IAAI,CAAC;AAAA,CACrB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,CAAU,EACiB;IAC3B,QAAQ,OAAO,CAAC,EAAE,CAAC;QACjB,KAAK,WAAW,CAAC;QACjB,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ,CAAC;QACd,KAAK,UAAU;YACb,OAAO;QAET,KAAK,QAAQ;YACX,IAAI,IAAI,KAAK,yBAAyB,IAAI,SAAS,CAAC,CAAC,CAAC;gBAAE,OAAO;YAC/D,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,KAAK,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACnE,OAAO,CAAC,qBAAqB;YAC/B,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO;QAE7C,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ;YACX,MAAM,IAAI,KAAK,CACb,8CAA8C,MAAM,CAAC,CAAC,CAAC,GAAG,CAC3D,CAAC;IACN,CAAC;AAAA,CACF;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAA+B,EAAE,CAAC;IACxE,IAAI,IAAI,GACN,OAAO,KAAK,KAAK,QAAQ;QACzB,CAAC,CAAC,KAAK;QACP,QAAQ,IAAI,KAAK;QACjB,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ;QAC9B,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE;QAC1B,CAAC,CAAC,IAAI,CAAC;IACX,OAAO,IAAI,KAAK,IAAI,CAAC;AAAA,CACtB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAc,EAAwB,EAAE,CAAC;IACtE,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,CAAC,CAAC,KAAK;QACP,MAAM,IAAI,KAAK;QACf,OAAO,IAAI,KAAK;QAChB,KAAK,IAAI,KAAK;QACd,UAAU,IAAI,KAAK,CACpB,CAAC;AAAA,CACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validateApp.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/validateApp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAkB,MAAM,oBAAoB,CAAC;AAS9D,eAAO,MAAM,WAAW,oBAYvB,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { FAKE_CONTAINER_TAG } from './fibers';
|
|
2
|
+
import { nullthrowsForFiber, ReactError } from './errors/ReactError';
|
|
3
|
+
import { isEmptyContainer, isSingleChildContainer, isAutoContainer, } from '../compact';
|
|
4
|
+
export const validateApp = (app) => {
|
|
5
|
+
app.invalidatedComponents.traverse((fiber) => {
|
|
6
|
+
if (!fiber.parent) {
|
|
7
|
+
throw new ReactError(fiber, 'Orphan component invalidated');
|
|
8
|
+
}
|
|
9
|
+
if (fiber.parent.tag === FAKE_CONTAINER_TAG) {
|
|
10
|
+
throw new ReactError(fiber, `Cannot invalidate not-mounted fiber node`);
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
validateTree(app.root);
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Validates the given fiber node and its subnodes. In case of error it throws.
|
|
17
|
+
*/
|
|
18
|
+
const validateTree = (node, path = '') => {
|
|
19
|
+
// Each rendered node must be associated with at least one real DOM node.
|
|
20
|
+
nullthrowsForFiber(node, node.element, `${path}.element`);
|
|
21
|
+
if (node.type === 'tag') {
|
|
22
|
+
if (!node.tag) {
|
|
23
|
+
throw new ReactError(node, `${path} has empty "tag" field `);
|
|
24
|
+
}
|
|
25
|
+
const domNode = node.role === 'portal' ? node.data : node.element;
|
|
26
|
+
if (!(domNode instanceof Element)) {
|
|
27
|
+
throw new ReactError(node, `${path} doesn't have element`);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
else if (node.type === 'component') {
|
|
31
|
+
if (!node.component) {
|
|
32
|
+
throw new ReactError(node, `${path} has empty "component" field `);
|
|
33
|
+
}
|
|
34
|
+
if (isAutoContainer(node) && node.children.length < 2) {
|
|
35
|
+
if (!node.children[0] || !isAutoContainer(node.children[0])) {
|
|
36
|
+
throw new ReactError(node, `Fiber containers must have more than 1 child.`);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
else if (isEmptyContainer(node) && node.children.length !== 0) {
|
|
40
|
+
throw new ReactError(node, `Empty fiber containers must have 0 children.`);
|
|
41
|
+
}
|
|
42
|
+
else if (isSingleChildContainer(node) && node.children.length !== 1) {
|
|
43
|
+
throw new ReactError(node, `Single-child fibers must have exactly 1 child.`);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
else if (node.role === 'context' && !node.data.ctx) {
|
|
47
|
+
throw new ReactError(node, `${path} has no context`);
|
|
48
|
+
}
|
|
49
|
+
else if (node.type === 'text' && !(node.element instanceof Text)) {
|
|
50
|
+
throw new ReactError(node, `${path}'s element is not a Text`);
|
|
51
|
+
}
|
|
52
|
+
for (const [idx, child] of node.children.entries()) {
|
|
53
|
+
const label = getFiberPathLabel(child);
|
|
54
|
+
const key = (child.key ?? idx) + `^${label}`;
|
|
55
|
+
if (child.parent !== node) {
|
|
56
|
+
throw new ReactError(child, `${path}.${key}.parent is ${child.parent ? 'wrong' : 'empty'}`);
|
|
57
|
+
}
|
|
58
|
+
validateTree(child, `${path}.${key}`);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
const getFiberPathLabel = (node) => {
|
|
62
|
+
return node.type === 'text' || node.type === 'null'
|
|
63
|
+
? node.type
|
|
64
|
+
: node.type === 'tag'
|
|
65
|
+
? `<${nullthrowsForFiber(node, node.tag)}/>`
|
|
66
|
+
: node.type === 'fragment'
|
|
67
|
+
? node.role === 'context'
|
|
68
|
+
? '<ctx/>'
|
|
69
|
+
: '[]'
|
|
70
|
+
: node.type === 'component'
|
|
71
|
+
? `<${node.component.name || 'Comp'}/>`
|
|
72
|
+
: 'unknown';
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=validateApp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validateApp.js","sourceRoot":"","sources":["../../../src/core/reconciliation/validateApp.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,GAChB,MAAM,YAAY,CAAC;AAEpB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAQ,EAAQ,EAAE,CAAC;IAC7C,GAAG,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC;QAC9D,CAAC;QAED,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,kBAAkB,EAAE,CAAC;YAC5C,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,0CAA0C,CAAC,CAAC;QAC1E,CAAC;IAAA,CACF,CAAC,CAAC;IAEH,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAAA,CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAG,CAAC,IAAe,EAAE,IAAI,GAAG,EAAE,EAAQ,EAAE,CAAC;IACzD,yEAAyE;IACzE,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,UAAU,CAAC,CAAC;IAE1D,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YACd,MAAM,IAAI,UAAU,CAAC,IAAI,EAAE,GAAG,IAAI,yBAAyB,CAAC,CAAC;QAC/D,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;QAClE,IAAI,CAAC,CAAC,OAAO,YAAY,OAAO,CAAC,EAAE,CAAC;YAClC,MAAM,IAAI,UAAU,CAAC,IAAI,EAAE,GAAG,IAAI,uBAAuB,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;SAAM,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QACrC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,MAAM,IAAI,UAAU,CAAC,IAAI,EAAE,GAAG,IAAI,+BAA+B,CAAC,CAAC;QACrE,CAAC;QAED,IAAI,eAAe,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC5D,MAAM,IAAI,UAAU,CAClB,IAAI,EACJ,+CAA+C,CAChD,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChE,MAAM,IAAI,UAAU,CAClB,IAAI,EACJ,8CAA8C,CAC/C,CAAC;QACJ,CAAC;aAAM,IAAI,sBAAsB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtE,MAAM,IAAI,UAAU,CAClB,IAAI,EACJ,gDAAgD,CACjD,CAAC;QACJ,CAAC;IACH,CAAC;SAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QACrD,MAAM,IAAI,UAAU,CAAC,IAAI,EAAE,GAAG,IAAI,iBAAiB,CAAC,CAAC;IACvD,CAAC;SAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,YAAY,IAAI,CAAC,EAAE,CAAC;QACnE,MAAM,IAAI,UAAU,CAAC,IAAI,EAAE,GAAG,IAAI,0BAA0B,CAAC,CAAC;IAChE,CAAC;IAED,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC;QAC7C,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAC1B,MAAM,IAAI,UAAU,CAClB,KAAK,EACL,GAAG,IAAI,IAAI,GAAG,cAAc,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAC/D,CAAC;QACJ,CAAC;QACD,YAAY,CAAC,KAAK,EAAE,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC,CAAC;IACxC,CAAC;AAAA,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,IAAe,EAAU,EAAE,CAAC;IACrD,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;QACjD,CAAC,CAAC,IAAI,CAAC,IAAI;QACX,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK;YACnB,CAAC,CAAC,IAAI,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI;YAC5C,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU;gBACxB,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS;oBACvB,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,IAAI;gBACR,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW;oBACzB,CAAC,CAAC,IAAI,IAAI,CAAC,SAAU,CAAC,IAAI,IAAI,MAAM,IAAI;oBACxC,CAAC,CAAC,SAAS,CAAC;AAAA,CACrB,CAAC"}
|
package/dist/hooks/helpers.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type HookDeps, type ComponentFiberNode } from '../types';
|
|
2
2
|
/**
|
|
3
3
|
* We could save the given deps as is, but this version allows to avoid memory
|
|
4
4
|
* leaks by means of using WeakRefs for object-based dependencies.
|
|
@@ -15,5 +15,5 @@ export declare const checkDeps: (saved: unknown[], deps: unknown[]) => boolean;
|
|
|
15
15
|
*/
|
|
16
16
|
export declare const getNextHookOrCreate: <T extends {
|
|
17
17
|
type: "context" | "effect" | "memo" | "ref" | "state";
|
|
18
|
-
}>(type: "context" | "effect" | "memo" | "ref" | "state", fn: (fiber:
|
|
18
|
+
}>(type: "context" | "effect" | "memo" | "ref" | "state", fn: (fiber: ComponentFiberNode) => T) => T;
|
|
19
19
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/hooks/helpers.ts"],"names":[],"mappings":"AAMA,OAAO,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/hooks/helpers.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAGlB;;;GAGG;AACH,eAAO,MAAM,QAAQ,+BAIpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,gDASrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC;;oGA0BpC,CAAC"}
|
package/dist/hooks/helpers.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { getCurrentComponentFiber, getNextFiberState, isFirstFiberRender, registerStateItem, } from '../core/components';
|
|
2
|
+
import { ReactError } from '../core/reconciliation/errors/ReactError';
|
|
2
3
|
/**
|
|
3
4
|
* We could save the given deps as is, but this version allows to avoid memory
|
|
4
5
|
* leaks by means of using WeakRefs for object-based dependencies.
|
|
@@ -24,7 +25,7 @@ export const getNextHookOrCreate = (type, fn) => {
|
|
|
24
25
|
const firstRender = isFirstFiberRender();
|
|
25
26
|
const fiber = getCurrentComponentFiber();
|
|
26
27
|
if (!Array.isArray(fiber.data.hooks)) {
|
|
27
|
-
throw new
|
|
28
|
+
throw new ReactError(fiber, `Hooks cannot be used outside of components`);
|
|
28
29
|
}
|
|
29
30
|
if (firstRender) {
|
|
30
31
|
const item = fn(fiber);
|
|
@@ -33,7 +34,7 @@ export const getNextHookOrCreate = (type, fn) => {
|
|
|
33
34
|
}
|
|
34
35
|
const item = firstRender ? fiber.data.hooks.at(-1) : getNextFiberState();
|
|
35
36
|
if (item.type !== type) {
|
|
36
|
-
throw new
|
|
37
|
+
throw new ReactError(fiber, `The hook order is violated. Expected: ${type}, got: ${item.type}`);
|
|
37
38
|
}
|
|
38
39
|
return item;
|
|
39
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/hooks/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/hooks/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EAAE,UAAU,EAAE,MAAM,oDAAoD,CAAC;AAEhF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAe,EAAY,EAAE,CAAC;IACrD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACtB,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CACxD,CAAC;AAAA,CACH,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAgB,EAAE,IAAe,EAAW,EAAE,CAAC;IACvE,OAAO,CACL,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CACrB,CAAC,YAAY,OAAO;YAClB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC;YACxC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,CACpB,CACF,CAAC;AAAA,CACH,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,IAA2B,EAC3B,EAAoC,EACjC,EAAE,CAAC;IACN,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,wBAAwB,EAAE,CAAC;IAEzC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,4CAA4C,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,IAAI,GAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1E,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;QACvB,MAAM,IAAI,UAAU,CAClB,KAAK,EACL,yCAAyC,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,CACnE,CAAC;IACJ,CAAC;IAED,OAAO,IAAoB,CAAC;AAAA,CAC7B,CAAC"}
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ export { useEffect, useLayoutEffect } from './useEffect';
|
|
|
4
4
|
export { useStableCallback } from './useStableCallback';
|
|
5
5
|
export { useId } from './useId';
|
|
6
6
|
export { useMemo } from './useMemo';
|
|
7
|
-
export { useRef } from './useRef';
|
|
7
|
+
export { useRef, forwardRef } from './useRef';
|
|
8
8
|
export { useState } from './useState';
|
|
9
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/hooks/index.js
CHANGED
|
@@ -4,6 +4,6 @@ export { useEffect, useLayoutEffect } from './useEffect';
|
|
|
4
4
|
export { useStableCallback } from './useStableCallback';
|
|
5
5
|
export { useId } from './useId';
|
|
6
6
|
export { useMemo } from './useMemo';
|
|
7
|
-
export { useRef } from './useRef';
|
|
7
|
+
export { useRef, forwardRef } from './useRef';
|
|
8
8
|
export { useState } from './useState';
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
package/dist/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContext.d.ts","sourceRoot":"","sources":["../../src/hooks/useContext.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,YAAY,EAIlB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"useContext.d.ts","sourceRoot":"","sources":["../../src/hooks/useContext.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,YAAY,EAIlB,MAAM,UAAU,CAAC;AAKlB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,qCAmB9B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,4BA0D3B,CAAC"}
|
package/dist/hooks/useContext.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { getAppByFiber } from '../core/reconciliation/app';
|
|
2
2
|
import { getNextHookOrCreate } from './helpers';
|
|
3
|
+
import { isFiberDead } from '../core/reconciliation/fibers';
|
|
4
|
+
import { ReactError } from '../core/reconciliation/errors/ReactError';
|
|
3
5
|
/**
|
|
4
6
|
* Creates a React context object that can be used to pass data through the
|
|
5
7
|
* component tree without having to pass props down manually at every level.
|
|
@@ -65,12 +67,26 @@ ctx) => {
|
|
|
65
67
|
type: 'context',
|
|
66
68
|
ctx,
|
|
67
69
|
providerFiber,
|
|
70
|
+
move(newFiber) {
|
|
71
|
+
if (newFiber.type !== 'component') {
|
|
72
|
+
throw new ReactError(newFiber, `useContext can be used only within coponents`);
|
|
73
|
+
}
|
|
74
|
+
if (providerFiber) {
|
|
75
|
+
providerFiber.data.consumers.delete(fiber);
|
|
76
|
+
providerFiber.data.consumers.add(newFiber);
|
|
77
|
+
}
|
|
78
|
+
fiber = newFiber;
|
|
79
|
+
},
|
|
68
80
|
destructor: () => {
|
|
69
81
|
providerFiber?.data.consumers.delete(fiber);
|
|
82
|
+
// TODO: add a test ^.
|
|
70
83
|
},
|
|
71
84
|
};
|
|
72
85
|
});
|
|
73
86
|
if (item.providerFiber) {
|
|
87
|
+
if (isFiberDead(item.providerFiber)) {
|
|
88
|
+
throw new ReactError(item.providerFiber, `Cannot read from dead context provider`);
|
|
89
|
+
}
|
|
74
90
|
const { tempContext } = getAppByFiber(item.providerFiber);
|
|
75
91
|
const { id } = item.providerFiber;
|
|
76
92
|
if (tempContext.has(id)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContext.js","sourceRoot":"","sources":["../../src/hooks/useContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAQrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"useContext.js","sourceRoot":"","sources":["../../src/hooks/useContext.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { type EffectHandler } from '../types';
|
|
1
|
+
import { type EffectMode, type EffectHandler } from '../types';
|
|
2
|
+
export declare function useBaseEffect(mode: EffectMode, fn: EffectHandler, deps?: unknown[]): void;
|
|
2
3
|
/**
|
|
3
4
|
* A hook that performs side effects in functional components. This enhanced
|
|
4
5
|
* version supports async functions and provides an AbortSignal for cleanup.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useEffect.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"useEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useEffect.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,UAAU,CAAC;AAIlB,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAChB,EAAE,EAAE,aAAa,EACjB,IAAI,CAAC,EAAE,OAAO,EAAE,QAoBjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS,2DAWrB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,eAAe,2DAW3B,CAAC"}
|
package/dist/hooks/useEffect.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getCurrentApp, isFirstFiberRender } from '../core/components';
|
|
2
2
|
import { checkDeps, getNextHookOrCreate, saveDeps } from './helpers';
|
|
3
3
|
import { scheduleEffect } from '../core/reconciliation/effects';
|
|
4
|
-
function useBaseEffect(mode, fn, deps) {
|
|
4
|
+
export function useBaseEffect(mode, fn, deps) {
|
|
5
5
|
const item = getNextHookOrCreate('effect', () => {
|
|
6
6
|
const item = {
|
|
7
7
|
type: 'effect',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEffect.js","sourceRoot":"","sources":["../../src/hooks/useEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAMtE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,
|
|
1
|
+
{"version":3,"file":"useEffect.js","sourceRoot":"","sources":["../../src/hooks/useEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAMtE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,MAAM,UAAU,aAAa,CAC3B,IAAgB,EAChB,EAAiB,EACjB,IAAgB,EAChB;IACA,MAAM,IAAI,GAAG,mBAAmB,CAAC,QAAQ,EAAE,GAAkB,EAAE,CAAC;QAC9D,MAAM,IAAI,GAAkB;YAC1B,IAAI,EAAE,QAAQ;YACd,IAAI;YACJ,EAAE;YACF,UAAU,EAAE,IAAI;YAChB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;SACnC,CAAC;QACF,cAAc,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,IAAI,CAAC;IAAA,CACb,CAAC,CAAC;IAEH,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAEb,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;QACrE,cAAc,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC;AAAA,CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;AACvB;;+BAE+B;AAC/B,EAAiB;AACjB;;aAEa;AACb,IAAgB,EAChB,EAAE,CAAC;IACH,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AAAA,CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;AAC7B;;+BAE+B;AAC/B,EAAiB;AACjB;;aAEa;AACb,IAAgB,EAChB,EAAE,CAAC;IACH,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AAAA,CACnC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,IAAmB,EAAQ,EAAE,CAAC;IAC/C,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;IACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IAEvB,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1C,IAAI,CAAC,UAAU,GAAG,SAAS,gBAAgB,GAAG;QAC5C,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;YACjC,MAAM,EAAE,CAAC;QACX,CAAC;IAAA,CACF,CAAC;AAAA,CACH,CAAC"}
|
package/dist/hooks/useRef.d.ts
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import { type Ref } from '../types';
|
|
2
|
-
export declare function useRef<T>():
|
|
3
|
-
export declare function useRef<T>(initialValue: T):
|
|
1
|
+
import { type RefObject, type UnknownProps, type Ref, type ReactComponent } from '../types';
|
|
2
|
+
export declare function useRef<T>(value: T): RefObject<T>;
|
|
3
|
+
export declare function useRef<T>(initialValue: T | null): RefObject<T | null>;
|
|
4
|
+
export declare function useRef<T>(initialValue: T | undefined): RefObject<T | undefined>;
|
|
5
|
+
export declare const forwardRef: <Props extends UnknownProps, R>(Component: (props: Props, ref?: Ref<R> | undefined) => import("../index.js").JsxElement) => ReactComponent<Props & {
|
|
6
|
+
ref?: Ref<R> | undefined;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const useImperativeHandle: <T>(ref: Ref<T> | undefined, factory: () => T, deps?: unknown[] | undefined) => void;
|
|
4
9
|
//# sourceMappingURL=useRef.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRef.d.ts","sourceRoot":"","sources":["../../src/hooks/useRef.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useRef.d.ts","sourceRoot":"","sources":["../../src/hooks/useRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,GAAG,EACR,KAAK,cAAc,EACpB,MAAM,UAAU,CAAC;AAIlB,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAClD,wBAAgB,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AACvE,wBAAgB,MAAM,CAAC,CAAC,EACtB,YAAY,EAAE,CAAC,GAAG,SAAS,GAC1B,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;AAa5B,eAAO,MAAM,UAAU,GAAI,KAAK,uBAAuB,CAAC;;EAMvD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,kFA2BpC,CAAC"}
|