@my-react/react-reconciler-compact 0.0.12 → 0.0.13

package/dist/cjs/index.production.js

@@ -348,8 +348,10 @@ function requireIndex_production () {
 		    return ListTreeNode;
 		}());
 		var ListTree = /** @class */ (function () {
-		    function ListTree() {
+		    function ListTree(max) {
 		        this.length = 0;
+		        this.maxLength = Infinity;
+		        this.maxLength = max || Infinity;
 		        var _stickyHead = null;
 		        Object.defineProperty(this, "stickyHead", {
 		            get: function () {
@@ -388,6 +390,9 @@ function requireIndex_production () {
 		        });
 		    }
 		    ListTree.prototype.push = function (node) {
+		        while (this.length >= this.maxLength) {
+		            this.pop();
+		        }
 		        var listNode = new ListTreeNode(node);
 		        this.length++;
 		        if (!this.foot) {
@@ -405,6 +410,7 @@ function requireIndex_production () {
 		            var node_1 = this.stickyFoot;
 		            this.push(node_1.value);
 		            this.stickyFoot = null;
+		            this.length--;
 		        }
 		        else {
 		            this.length++;
@@ -417,6 +423,7 @@ function requireIndex_production () {
 		            var node_2 = this.stickyHead;
 		            this.unshift(node_2.value);
 		            this.stickyHead = null;
+		            this.length--;
 		        }
 		        else {
 		            this.length++;
@@ -435,6 +442,9 @@ function requireIndex_production () {
 		        }
 		    };
 		    ListTree.prototype.unshift = function (node) {
+		        while (this.length >= this.maxLength) {
+		            this.shift();
+		        }
 		        var listNode = new ListTreeNode(node);
 		        this.length++;
 		        if (!this.head) {
@@ -452,6 +462,7 @@ function requireIndex_production () {
 		            var node_3 = this.stickyHead;
 		            this.unshift(node_3.value);
 		            this.stickyHead = null;
+		            this.length--;
 		        }
 		        else {
 		            this.length++;
@@ -464,6 +475,7 @@ function requireIndex_production () {
 		            var node_4 = this.stickyFoot;
 		            this.push(node_4.value);
 		            this.stickyFoot = null;
+		            this.length--;
 		        }
 		        else {
 		            this.length++;
@@ -615,7 +627,7 @@ function requireIndex_production () {
 		        return newList;
 		    };
 		    ListTree.prototype.clone = function () {
-		        var newList = new ListTree();
+		        var newList = new ListTree(this.maxLength);
 		        this.listToFoot(function (v) { return newList.push(v); });
 		        return newList;
 		    };
@@ -2201,12 +2213,52 @@ function requireIndex_production () {
 		    }
 		    // TODO update flow
 		    if (enableSuspenseRoot$2.current) {
-		        var suspenseField = getInstanceFieldByInstance(renderDispatch);
-		        var list = suspenseField.asyncLoadList.getAll();
+		        var suspenseField_1 = getInstanceFieldByInstance(renderDispatch);
+		        var list = suspenseField_1.asyncLoadList.getAll();
 		        if (list.length === 0)
 		            return;
 		        if (renderDispatch.enableAsyncLoad) {
-		            throw new Error("[@my-react/reconciler] not implemented yet");
+		            var allPendingLoadArray = list.filter(function (item) {
+		                if (isPromise(item)) {
+		                    return typeof item.status !== "string";
+		                }
+		                else {
+		                    return !item._loading && !item._loaded && !item._error;
+		                }
+		            });
+		            if (allPendingLoadArray.length) {
+		                Promise.all(allPendingLoadArray.map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
+		                    var allNode;
+		                    var _a;
+		                    return __generator(this, function (_b) {
+		                        switch (_b.label) {
+		                            case 0:
+		                                if (!isPromise(item)) return [3 /*break*/, 2];
+		                                return [4 /*yield*/, renderDispatch.processPromise(item)];
+		                            case 1:
+		                                _b.sent();
+		                                return [3 /*break*/, 4];
+		                            case 2: return [4 /*yield*/, renderDispatch.processLazy(item)];
+		                            case 3:
+		                                _b.sent();
+		                                _b.label = 4;
+		                            case 4:
+		                                allNode = Array.from(item._list);
+		                                (_a = item._list) === null || _a === void 0 ? void 0 : _a.clear();
+		                                allNode.forEach(function (node) {
+		                                    node.state = STATE_TYPE.__reschedule__;
+		                                });
+		                                suspenseField_1.asyncLoadList.uniDelete(item);
+		                                return [2 /*return*/];
+		                        }
+		                    });
+		                }); }));
+		                var root = renderDispatch.rootFiber;
+		                root.state = remove(root.state, STATE_TYPE.__stable__);
+		                root.state = merge(root.state, STATE_TYPE.__retrigger__);
+		                // TODO use hide tree to improve
+		                mountLoopAll(renderDispatch, root);
+		            }
 		        }
 		        else {
 		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
@@ -3261,12 +3313,11 @@ function requireIndex_production () {
 		    cb === null || cb === void 0 ? void 0 : cb();
 		};
 		var clearContainer = function (renderDispatch) {
-		    var _a, _b, _c, _d;
+		    var _a, _b, _c;
 		    renderDispatch.pendingCommitFiberPatch = PATCH_TYPE.__initial__;
 		    (_a = renderDispatch.pendingUpdateFiberArray) === null || _a === void 0 ? void 0 : _a.clear();
 		    (_b = renderDispatch.pendingSuspenseFiberArray) === null || _b === void 0 ? void 0 : _b.clear();
 		    (_c = renderDispatch.pendingCommitFiberList) === null || _c === void 0 ? void 0 : _c.clear();
-		    (_d = renderDispatch.pendingChangedFiberList) === null || _d === void 0 ? void 0 : _d.clear();
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.isAppMounted = false;
 		    renderDispatch.isAppUnmounted = true;
@@ -3486,14 +3537,12 @@ function requireIndex_production () {
 		react.__my_react_shared__.enableScopeTreeLog;
 		function finishUpdateSyncFromRoot(renderDispatch) {
 		    var commitList = renderDispatch.pendingCommitFiberList;
-		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
-		    renderDispatch.pendingChangedFiberList = null;
 		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList, true);
-		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) &&
 		        safeCall(function safeCallFiberHasChangeListener() {
-		            renderDispatch.callOnFiberChange(changedList);
+		            renderDispatch.callOnFiberChange(commitList);
 		        });
 		}
 		var updateSyncFromRoot = function (renderDispatch) {
@@ -3509,14 +3558,12 @@ function requireIndex_production () {
 		};
 		function finishUpdateConcurrentFromRoot(renderDispatch) {
 		    var commitList = renderDispatch.pendingCommitFiberList;
-		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
-		    renderDispatch.pendingChangedFiberList = null;
 		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
-		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) &&
 		        safeCall(function safeCallFiberHasChangeListener() {
-		            renderDispatch.callOnFiberChange(changedList);
+		            renderDispatch.callOnFiberChange(commitList);
 		        });
 		}
 		function checkNextFiberIsSync(renderDispatch) {
@@ -4446,7 +4493,6 @@ function requireIndex_production () {
 		    renderDispatch.runtimeMap.effectMap.delete(fiber);
 		    renderDispatch.runtimeMap.layoutEffectMap.delete(fiber);
 		    renderDispatch.runtimeMap.unmountMap.delete(fiber);
-		    renderDispatch.runtimeMap.eventMap.delete(fiber);
 		    renderDispatch.runtimeMap.triggerCallbackMap.delete(fiber);
 		    if (Boolean(false) === false) {
 		        // fiber.child = null;
@@ -4504,7 +4550,6 @@ function requireIndex_production () {
 		                renderDispatch.pendingUnmount(parentFiber, f);
 		            });
 		        });
-		        renderDispatch.generateChangedList(parentFiber, true);
 		    }
 		};
 		var getNewFiberWithUpdate = function (renderDispatch, newChild, parentFiber, existingChildren, prevFiberChild, index) {
@@ -4518,11 +4563,9 @@ function requireIndex_production () {
 		        // same type
 		        if (include(draftFiber_1 === null || draftFiber_1 === void 0 ? void 0 : draftFiber_1.type, exports.NODE_TYPE.__fragment__)) {
 		            var newElement = react.createElement(Fragment, dynamicFragmentProps, newChild);
-		            draftFiber_1 !== prevFiberChild && renderDispatch.generateChangedList(parentFiber);
 		            return updateFiberNode(renderDispatch, { fiber: draftFiber_1, parent: parentFiber, prevFiber: prevFiberChild }, newElement);
 		        }
 		        else {
-		            draftFiber_1 && renderDispatch.generateChangedList(parentFiber);
 		            draftFiber_1 && renderDispatch.pendingUnmount(parentFiber, draftFiber_1);
 		            return createFragmentWithUpdate(renderDispatch, newChild, parentFiber);
 		        }
@@ -4535,12 +4578,10 @@ function requireIndex_production () {
 		    }
 		    var isSameType = getIsSameTypeNode(newChild, draftFiber);
 		    if (isSameType) {
-		        draftFiber !== prevFiberChild && renderDispatch.generateChangedList(parentFiber);
 		        return updateFiberNode(renderDispatch, { fiber: draftFiber, parent: parentFiber, prevFiber: prevFiberChild }, newChild);
 		    }
 		    else {
 		        draftFiber && renderDispatch.pendingUnmount(parentFiber, draftFiber);
-		        draftFiber && renderDispatch.generateChangedList(parentFiber);
 		        return createFiberNode(renderDispatch, { parent: parentFiber, type: "position" }, newChild);
 		    }
 		};
@@ -4583,7 +4624,6 @@ function requireIndex_production () {
 		        deleteIfNeed(renderDispatch, parentFiber, existingChildrenMap);
 		    }
 		    else {
-		        renderDispatch.generateChangedList(parentFiber);
 		        var existingChildrenMap = getExistingChildren(parentFiber).existingChildrenMap;
 		        deleteIfNeed(renderDispatch, parentFiber, existingChildrenMap);
 		        parentFiber.child = null;
@@ -5544,7 +5584,6 @@ function requireIndex_production () {
 		    layoutEffectMap: new MyWeakMap(),
 		    insertionEffectMap: new MyWeakMap(),
 		    unmountMap: new MyWeakMap(),
-		    eventMap: new MyWeakMap(),
 		    triggerCallbackMap: new MyWeakMap(),
 		}); };
 		var getInitialFiber = function () { return ({
@@ -6300,13 +6339,12 @@ function requireIndex_production () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.21";
+		        _this.version = "0.3.22";
 		        _this.id = Math.random().toString(16).slice(2);
 		        _this.mode = "production";
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
 		        _this.pendingCommitFiberPatch = PATCH_TYPE.__initial__;
-		        _this.pendingChangedFiberList = null;
 		        _this.pendingUpdateFiberArray = new UniqueArray();
 		        _this.pendingSuspenseFiberArray = new UniqueArray();
 		        _this.uniqueIdCount = 0;
@@ -6324,17 +6362,6 @@ function requireIndex_production () {
 		            this.pendingCommitFiberList.push(_fiber);
 		        }
 		    };
-		    CustomRenderDispatch.prototype.generateChangedList = function (_fiber, withCheck) {
-		        if (!_fiber)
-		            return;
-		        if (!this.isAppMounted)
-		            return;
-		        this.pendingChangedFiberList = this.pendingChangedFiberList || new ListTree();
-		        if (withCheck && this.pendingChangedFiberList.hasValue(_fiber)) {
-		            return;
-		        }
-		        this.pendingChangedFiberList.push(_fiber);
-		    };
 		    CustomRenderDispatch.prototype.pendingCreate = function (_fiber) {
 		        if (include(_fiber.type, this.runtimeRef.typeForCreate)) {
 		            _fiber.patch = merge(_fiber.patch, PATCH_TYPE.__create__);
@@ -6519,17 +6546,8 @@ function requireIndex_production () {
 		react.__my_react_shared__.enableScopeTreeLog;
 		function finishMountSync(renderDispatch, fiber) {
 		    renderDispatch.reconcileCommit(fiber);
-		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
-		    renderDispatch.pendingChangedFiberList = null;
-		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		        safeCallWithCurrentFiber({
-		            fiber: fiber,
-		            action: function safeCallFiberHasChangeListener() {
-		                renderDispatch.callOnFiberChange(changedList);
-		            },
-		        });
 		}
 		var mountSync = function (renderDispatch, fiber) {
 		    globalLoop.current = true;
@@ -6540,17 +6558,8 @@ function requireIndex_production () {
 		};
 		function finishMountAsync(renderDispatch, fiber) {
 		    renderDispatch.reconcileCommit(fiber);
-		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
-		    renderDispatch.pendingChangedFiberList = null;
-		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		        safeCallWithCurrentFiber({
-		            fiber: fiber,
-		            action: function safeCallFiberHasChangeListener() {
-		                renderDispatch.callOnFiberChange(changedList);
-		            },
-		        });
 		}
 		var mountAsync = function (renderDispatch, fiber) { return __awaiter(void 0, void 0, void 0, function () {
 		    return __generator(this, function (_a) {
@@ -6568,7 +6577,7 @@ function requireIndex_production () {
 		    });
 		}); };
 
-		var version = "0.3.21";
+		var version = "0.3.22";
 
 		exports.CustomRenderDispatch = CustomRenderDispatch;
 		exports.MyReactFiberNode = MyReactFiberNode;
@@ -6866,6 +6875,8 @@ var Effect_TYPE;
     Effect_TYPE[Effect_TYPE["__unmount__"] = 2] = "__unmount__";
 })(Effect_TYPE || (Effect_TYPE = {}));
 
+var enableKnownConfigLog = require$$0.createRef(false);
+
 var DISPATCH_FIELD = "__@my-react/dispatch__";
 var DEV_TOOL_FIELD = "__@my-react/react-devtool-inject__";
 var addGlobalDispatch = function (dispatch) {
@@ -8098,6 +8109,7 @@ var Reconciler = function (_config) {
             _container.__flag__ = 1;
         }
         enableDebugFiled.current = false;
+        myreactReconcilerExports.enableDebugUpdateQueue.current = false;
         enableScopeTreeLog.current = false;
         myreactReconcilerExports.enableFiberForLog.current = false;
         return _container;
@@ -8192,14 +8204,16 @@ var Reconciler = function (_config) {
         getPublicRootInstance: getPublicRootInstance,
         injectIntoDevToolsWithSocketIO: injectIntoDevToolsWithSocketIO,
         flushSync: myreactReconcilerExports.safeCallWithSync,
+        flushSyncWork: myreactReconcilerExports.safeCallWithSync,
         batchedUpdates: myreactReconcilerExports.safeCallWithSync,
     };
 };
 
 /* eslint-disable import/export */
-var version = "0.0.12";
+var version = "0.0.13";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;
 exports.default = createReconciler;
+exports.enableKnownConfigLog = enableKnownConfigLog;
 exports.version = version;