@my-react/react-reconciler-compact 0.0.14 → 0.0.15

package/dist/cjs/index.development.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var require$$0 = require('@my-react/react');
+var require$$1 = require('@my-react/react');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -35,17 +35,6 @@ function __extends(d, b) {
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 }
 
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -84,21 +73,23 @@ function __generator(thisArg, body) {
     }
 }
 
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+var type;
+var hasRequiredType;
+
+function requireType () {
+	if (hasRequiredType) return type;
+	hasRequiredType = 1;
+	type = require$$1;
+	return type;
+}
+
+var typeExports = requireType();
+
 var myreactReconciler = {exports: {}};
 
 var index_development = {};
@@ -110,7 +101,19 @@ function requireIndex_development () {
 	hasRequiredIndex_development = 1;
 	(function (exports$1) {
 
-		var react = require$$0;
+		var require$$0 = require$$1;
+
+		var type;
+		var hasRequiredType;
+
+		function requireType () {
+			if (hasRequiredType) return type;
+			hasRequiredType = 1;
+			type = require$$0;
+			return type;
+		}
+
+		var typeExports = requireType();
 
 		var merge = function (src, rest) {
 		    return src | rest;
@@ -749,15 +752,15 @@ function requireIndex_development () {
 
 		var MyWeakMap = typeof WeakMap !== "undefined" ? WeakMap : Map;
 
-		var currentRefreshHandler = react.createRef(null);
+		var currentRefreshHandler = typeExports.createRef(null);
 		// TODO
 		// need improve
-		var currentTriggerFiber = react.createRef(null);
-		var fiberToDispatchMap = react.__my_react_internal__.fiberToDispatchMap;
-		var enableFiberForLog = react.createRef(false);
-		var enableDebugUpdateQueue = react.createRef(false);
-		var enableValidMyReactElement = react.createRef(false);
-		var enableLogForCurrentFlowIsRunning = react.createRef(false);
+		var currentTriggerFiber = typeExports.createRef(null);
+		var fiberToDispatchMap = typeExports.__my_react_internal__.fiberToDispatchMap;
+		var enableFiberForLog = typeExports.createRef(false);
+		var enableDebugUpdateQueue = typeExports.createRef(false);
+		var enableValidMyReactElement = typeExports.createRef(false);
+		var enableLogForCurrentFlowIsRunning = typeExports.createRef(false);
 
 		exports$1.NODE_TYPE = void 0;
 		(function (NODE_TYPE) {
@@ -788,7 +791,7 @@ function requireIndex_development () {
 		    NODE_TYPE[NODE_TYPE["__serverComponent__"] = 8388608] = "__serverComponent__";
 		})(exports$1.NODE_TYPE || (exports$1.NODE_TYPE = {}));
 
-		var enableSyncFlush$1 = react.__my_react_shared__.enableSyncFlush;
+		var enableSyncFlush$1 = typeExports.__my_react_shared__.enableSyncFlush;
 		/**
 		 * @deprecated
 		 */
@@ -814,7 +817,7 @@ function requireIndex_development () {
 		    enableSyncFlush$1.current = stack.pop();
 		};
 
-		var currentRunningFiber$5 = react.__my_react_internal__.currentRunningFiber, currentScheduler$h = react.__my_react_internal__.currentScheduler, currentScopeFiber$1 = react.__my_react_internal__.currentScopeFiber, currentError$1 = react.__my_react_internal__.currentError, currentCallingFiber$1 = react.__my_react_internal__.currentCallingFiber;
+		var currentRunningFiber$5 = typeExports.__my_react_internal__.currentRunningFiber, currentScheduler$h = typeExports.__my_react_internal__.currentScheduler, currentScopeFiber$1 = typeExports.__my_react_internal__.currentScopeFiber, currentError$1 = typeExports.__my_react_internal__.currentError, currentCallingFiber$1 = typeExports.__my_react_internal__.currentCallingFiber;
 		var safeCall = function (action) {
 		    var args = [];
 		    for (var _i = 1; _i < arguments.length; _i++) {
@@ -888,8 +891,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentScheduler$g = react.__my_react_internal__.currentScheduler, currentRunningFiber$4 = react.__my_react_internal__.currentRunningFiber, currentScopeFiber = react.__my_react_internal__.currentScopeFiber, currentCallingFiber = react.__my_react_internal__.currentCallingFiber;
-		var enableOptimizeTreeLog = react.__my_react_shared__.enableOptimizeTreeLog;
+		var currentScheduler$g = typeExports.__my_react_internal__.currentScheduler, currentRunningFiber$4 = typeExports.__my_react_internal__.currentRunningFiber, currentScopeFiber = typeExports.__my_react_internal__.currentScopeFiber, currentCallingFiber = typeExports.__my_react_internal__.currentCallingFiber;
+		var enableOptimizeTreeLog = typeExports.__my_react_shared__.enableOptimizeTreeLog;
 		var typeColor = {
 		    normal: "rgba(10, 190, 235, 0.8)",
 		    plain: "rgba(100, 230, 40, 0.8)",
@@ -1242,10 +1245,10 @@ function requireIndex_development () {
 		    errorFiber = null;
 		};
 
-		var enableHMRForDev$1 = react.__my_react_shared__.enableHMRForDev;
+		var enableHMRForDev$1 = typeExports.__my_react_shared__.enableHMRForDev;
 		var emptyProps$1 = {};
 		var checkIsMyReactElement = function (element) {
-		    if (react.isValidElement(element)) {
+		    if (typeExports.isValidElement(element)) {
 		        var isMyReactElement = element._jsx || element._legacy;
 		        if (!isMyReactElement) {
 		            devWarn("[@my-react/react] look like current element is not a valid @my-react element %o", element);
@@ -1267,7 +1270,7 @@ function requireIndex_development () {
 		    if (enableValidMyReactElement.current) {
 		        checkIsMyReactElement(element);
 		    }
-		    if (react.isValidElement(element)) {
+		    if (typeExports.isValidElement(element)) {
 		        return getTypeFromElement(element);
 		    }
 		    else {
@@ -1476,13 +1479,13 @@ function requireIndex_development () {
 		        var typeFromRefresh = getCurrentTypeFromRefreshOnly(elementType);
 		        // have a new version elementType from hmr runtime
 		        if (typeFromRefresh) {
-		            return react.createElement(typeFromRefresh, __assign(__assign({}, element.props), { key: (_a = element.key) !== null && _a !== void 0 ? _a : undefined, ref: (_b = element.ref) !== null && _b !== void 0 ? _b : undefined }));
+		            return typeExports.createElement(typeFromRefresh, __assign(__assign({}, element.props), { key: (_a = element.key) !== null && _a !== void 0 ? _a : undefined, ref: (_b = element.ref) !== null && _b !== void 0 ? _b : undefined }));
 		        }
 		    }
 		    return element;
 		};
 
-		var currentComponentFiber$5 = react.__my_react_internal__.currentComponentFiber;
+		var currentComponentFiber$5 = typeExports.__my_react_internal__.currentComponentFiber;
 		var initHMR = function (env) {
 		    {
 		        if (env["hmr"] || env["setRefreshHandler"] || env["currentComponentFiber"] || env["getCurrentFibersFromType"] || env["getCurrentDispatchFromType"]) {
@@ -1504,7 +1507,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentRunningFiber$3 = react.__my_react_internal__.currentRunningFiber, currentScheduler$f = react.__my_react_internal__.currentScheduler;
+		var currentRunningFiber$3 = typeExports.__my_react_internal__.currentRunningFiber, currentScheduler$f = typeExports.__my_react_internal__.currentScheduler;
 		var dispatchHook = function (params) {
 		    var fiber = currentRunningFiber$3.current;
 		    if (!fiber) {
@@ -1616,12 +1619,12 @@ function requireIndex_development () {
 		    scheduler.dispatchSuspensePromise = dispatchSuspensePromise;
 		};
 
-		var enableHMRForDev = react.__my_react_shared__.enableHMRForDev;
+		var enableHMRForDev = typeExports.__my_react_shared__.enableHMRForDev;
 		function checkIsSameType(p, element) {
 		    if (p instanceof MyReactFiberNode) {
 		        var _a = getTypeFromElementNode(element), nodeType = _a.nodeType, elementType = _a.elementType;
 		        if (p.type === nodeType) {
-		            if (react.isValidElement(element)) {
+		            if (typeExports.isValidElement(element)) {
 		                if (enableHMRForDev.current && include(nodeType, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		                    // type error
 		                    return Object.is(getCurrentTypeFromRefresh(p.elementType), getCurrentTypeFromRefresh(elementType));
@@ -1642,7 +1645,7 @@ function requireIndex_development () {
 		        var existElementType = getTypeFromElementNode(p);
 		        var incomingElementType = getTypeFromElementNode(element);
 		        if (existElementType.nodeType === incomingElementType.nodeType) {
-		            if (react.isValidElement(element)) {
+		            if (typeExports.isValidElement(element)) {
 		                var typedExistElement = p;
 		                var typedIncomingElement = element;
 		                if (enableHMRForDev.current && include(existElementType.nodeType, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
@@ -1880,7 +1883,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentRunningFiber$2 = react.__my_react_internal__.currentRunningFiber;
+		var currentRunningFiber$2 = typeExports.__my_react_internal__.currentRunningFiber;
 		var mountToNextFiberFromRoot = function (renderDispatch, fiber) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
 		        return null;
@@ -2006,8 +2009,8 @@ function requireIndex_development () {
 		    return null;
 		};
 
-		var enableSuspenseRoot$3 = react.__my_react_shared__.enableSuspenseRoot;
-		var currentScheduler$e = react.__my_react_internal__.currentScheduler;
+		var enableSuspenseRoot$3 = typeExports.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler$e = typeExports.__my_react_internal__.currentScheduler;
 		var mountLoopAllFromScheduler = function (renderDispatch) {
 		    while (renderDispatch.runtimeFiber.nextWorkingFiber) {
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
@@ -2249,8 +2252,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var enableSuspenseRoot$2 = react.__my_react_shared__.enableSuspenseRoot;
-		var currentScheduler$d = react.__my_react_internal__.currentScheduler;
+		var enableSuspenseRoot$2 = typeExports.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler$d = typeExports.__my_react_internal__.currentScheduler;
 		exports$1.updateTypeEnum = void 0;
 		(function (updateTypeEnum) {
 		    updateTypeEnum[updateTypeEnum["syncFromRoot"] = 0] = "syncFromRoot";
@@ -2469,11 +2472,11 @@ function requireIndex_development () {
 		    return field;
 		};
 
-		var enableLegacyLifeCycle = react.__my_react_shared__.enableLegacyLifeCycle;
+		var enableLegacyLifeCycle = typeExports.__my_react_shared__.enableLegacyLifeCycle;
 		// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 		// @ts-ignore
-		if (!Object.prototype.hasOwnProperty.call(react.Component.prototype, "_reactInternals")) {
-		    Object.defineProperty(react.Component.prototype, "_reactInternals", {
+		if (!Object.prototype.hasOwnProperty.call(typeExports.Component.prototype, "_reactInternals")) {
+		    Object.defineProperty(typeExports.Component.prototype, "_reactInternals", {
 		        get: function () {
 		            return getInstanceOwnerFiber(this);
 		        },
@@ -2836,8 +2839,8 @@ function requireIndex_development () {
 		};
 
 		/* eslint-disable max-lines */
-		var enableDebugFiled$a = react.__my_react_shared__.enableDebugFiled;
-		var currentScheduler$c = react.__my_react_internal__.currentScheduler;
+		var enableDebugFiled$a = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentScheduler$c = typeExports.__my_react_internal__.currentScheduler;
 		// TODO 整合
 		var processClassComponentUpdateQueueLatest = function (renderDispatch, fiber, enableTaskPriority) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
@@ -3589,8 +3592,8 @@ function requireIndex_development () {
 		    syncComponentStateToFiber(fiber);
 		};
 
-		var currentComponentFiber$4 = react.__my_react_internal__.currentComponentFiber, currentRunningFiber$1 = react.__my_react_internal__.currentRunningFiber;
-		var enableDebugFiled$9 = react.__my_react_shared__.enableDebugFiled;
+		var currentComponentFiber$4 = typeExports.__my_react_internal__.currentComponentFiber, currentRunningFiber$1 = typeExports.__my_react_internal__.currentRunningFiber;
+		var enableDebugFiled$9 = typeExports.__my_react_shared__.enableDebugFiled;
 		var MAX_UPDATE_COUNT = 25;
 		var lastRenderComponentFiber = null;
 		var lastRenderComponentTimeStep = null;
@@ -3771,7 +3774,7 @@ function requireIndex_development () {
 		    renderDispatch.isAppUnmounted = true;
 		};
 
-		var globalLoop$3 = react.__my_react_internal__.globalLoop, currentScheduler$b = react.__my_react_internal__.currentScheduler, currentError = react.__my_react_internal__.currentError;
+		var globalLoop$3 = typeExports.__my_react_internal__.globalLoop, currentScheduler$b = typeExports.__my_react_internal__.currentScheduler, currentError = typeExports.__my_react_internal__.currentError;
 		var applyTriggerFiberCb = function (renderDispatch, fiber) {
 		    var _a, _b;
 		    var cbArray = renderDispatch.runtimeMap.triggerCallbackMap.get(fiber);
@@ -3925,7 +3928,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var globalLoop$2 = react.__my_react_internal__.globalLoop, currentScheduler$a = react.__my_react_internal__.currentScheduler;
+		var globalLoop$2 = typeExports.__my_react_internal__.globalLoop, currentScheduler$a = typeExports.__my_react_internal__.currentScheduler;
 		var clearLatestUpdateQueue = function (fiber) {
 		    var _a;
 		    var typedFiber = fiber;
@@ -4002,7 +4005,7 @@ function requireIndex_development () {
 		    }
 		};
 		var scheduleUpdate = function (renderDispatch) {
-		    react.__my_react_internal__.recentlyCreatedOwnerStacks.current = 0;
+		    typeExports.__my_react_internal__.recentlyCreatedOwnerStacks.current = 0;
 		    if (renderDispatch.isAppUnmounted) {
 		        scheduleOther(renderDispatch);
 		        return;
@@ -4010,8 +4013,8 @@ function requireIndex_development () {
 		    scheduleUpdateFromRoot(renderDispatch);
 		};
 
-		var globalLoop$1 = react.__my_react_internal__.globalLoop, currentScheduler$9 = react.__my_react_internal__.currentScheduler;
-		var enableScopeTreeLog$3 = react.__my_react_shared__.enableScopeTreeLog;
+		var globalLoop$1 = typeExports.__my_react_internal__.globalLoop, currentScheduler$9 = typeExports.__my_react_internal__.currentScheduler;
+		var enableScopeTreeLog$3 = typeExports.__my_react_shared__.enableScopeTreeLog;
 		function finishUpdateSyncFromRoot(renderDispatch) {
 		    var commitList = renderDispatch.pendingCommitFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
@@ -4152,8 +4155,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var MyReactInternalInstance$4 = react.__my_react_internal__.MyReactInternalInstance, currentScheduler$8 = react.__my_react_internal__.currentScheduler;
-		var enableSyncFlush = react.__my_react_shared__.enableSyncFlush;
+		var MyReactInternalInstance$4 = typeExports.__my_react_internal__.MyReactInternalInstance, currentScheduler$8 = typeExports.__my_react_internal__.currentScheduler;
+		var enableSyncFlush = typeExports.__my_react_shared__.enableSyncFlush;
 		var defaultPayLoad = function (a) { return a; };
 		var MyReactHookNode = /** @class */ (function (_super) {
 		    __extends(MyReactHookNode, _super);
@@ -4191,7 +4194,7 @@ function requireIndex_development () {
 		    };
 		};
 
-		var currentComponentFiber$3 = react.__my_react_internal__.currentComponentFiber;
+		var currentComponentFiber$3 = typeExports.__my_react_internal__.currentComponentFiber;
 		var MyReactSignal = /** @class */ (function () {
 		    function MyReactSignal(_rawValue, _renderDispatch) {
 		        var _this = this;
@@ -4217,8 +4220,8 @@ function requireIndex_development () {
 		    return MyReactSignal;
 		}());
 
-		var enableDebugLog$1 = react.__my_react_shared__.enableDebugLog, enableDebugFiled$8 = react.__my_react_shared__.enableDebugFiled;
-		var currentHookTreeNode$2 = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$2 = react.__my_react_internal__.currentHookNodeIndex;
+		var enableDebugLog$1 = typeExports.__my_react_shared__.enableDebugLog, enableDebugFiled$8 = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentHookTreeNode$2 = typeExports.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$2 = typeExports.__my_react_internal__.currentHookNodeIndex;
 		var defaultReducer = function (state, action) {
 		    return typeof action === "function" ? action(state) : action;
 		};
@@ -4363,17 +4366,17 @@ function requireIndex_development () {
 		            value: false,
 		            start: function startTransitionByHook(cb) {
 		                var loadingCallback = function (cb) {
-		                    react.startTransition(function () {
+		                    typeExports.startTransition(function () {
 		                        hookNode._update({ isForce: true, isSync: true, callback: cb, payLoad: function (last) { return ({ value: true, start: last.start }); } });
 		                    });
 		                };
 		                var loadedCallback = function () {
-		                    react.startTransition(function () {
+		                    typeExports.startTransition(function () {
 		                        hookNode._update({ isForce: true, isSync: true, payLoad: function (last) { return ({ value: false, start: last.start }); } });
 		                    });
 		                };
 		                var taskCallback = function () {
-		                    react.startTransition(function () {
+		                    typeExports.startTransition(function () {
 		                        safeCallWithCurrentFiber({ fiber: fiber, action: cb });
 		                        loadedCallback();
 		                    });
@@ -4465,8 +4468,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var enableDebugLog = react.__my_react_shared__.enableDebugLog;
-		var currentHookTreeNode$1 = react.__my_react_internal__.currentHookTreeNode, currentScheduler$7 = react.__my_react_internal__.currentScheduler;
+		var enableDebugLog = typeExports.__my_react_shared__.enableDebugLog;
+		var currentHookTreeNode$1 = typeExports.__my_react_internal__.currentHookTreeNode, currentScheduler$7 = typeExports.__my_react_internal__.currentScheduler;
 		var updateHookNode = function (renderDispatch, _a, fiber, isHMR) {
 		    var _b, _c, _d;
 		    var type = _a.type, value = _a.value, reducer = _a.reducer, deps = _a.deps;
@@ -4683,7 +4686,7 @@ function requireIndex_development () {
 		    });
 		};
 
-		var enableDebugFiled$7 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$7 = typeExports.__my_react_shared__.enableDebugFiled;
 		var clearFiberNode = function (renderDispatch, fiber) {
 		    hookListUnmount(renderDispatch, fiber);
 		    processClassComponentUnmount(renderDispatch, fiber);
@@ -4698,7 +4701,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentScheduler$6 = react.__my_react_internal__.currentScheduler;
+		var currentScheduler$6 = typeExports.__my_react_internal__.currentScheduler;
 		var hmr = function (fiber, nextType, forceRefresh) {
 		    {
 		        if (include(fiber.state, STATE_TYPE.__unmount__))
@@ -4710,7 +4713,7 @@ function requireIndex_development () {
 		                var _a, _b;
 		                // keep the type
 		                var nodeType = fiber.type;
-		                var element = react.createElement(nextType, __assign(__assign({}, fiber.pendingProps), { key: (_a = fiber.key) !== null && _a !== void 0 ? _a : undefined, ref: (_b = fiber.ref) !== null && _b !== void 0 ? _b : undefined }));
+		                var element = typeExports.createElement(nextType, __assign(__assign({}, fiber.pendingProps), { key: (_a = fiber.key) !== null && _a !== void 0 ? _a : undefined, ref: (_b = fiber.ref) !== null && _b !== void 0 ? _b : undefined }));
 		                fiber._installElement(element);
 		                fiber.type = nodeType;
 		            },
@@ -4763,7 +4766,7 @@ function requireIndex_development () {
 		        fiber.constructor.prototype.isMyReactFiberNode);
 		};
 
-		var currentScheduler$5 = react.__my_react_internal__.currentScheduler;
+		var currentScheduler$5 = typeExports.__my_react_internal__.currentScheduler;
 		var processUpdateOnFiber = function (renderDispatch, fiber, _isImmediate, _isRetrigger) {
 		    var renderScheduler = currentScheduler$5.current;
 		    var flag = renderDispatch.enableConcurrentMode;
@@ -5046,7 +5049,7 @@ function requireIndex_development () {
 		    return fiber;
 		};
 
-		var enableDebugFiled$6 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$6 = typeExports.__my_react_shared__.enableDebugFiled;
 		var unmountFiberNode = function (renderDispatch, fiber) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
@@ -5104,7 +5107,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var enableDebugFiled$5 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$5 = typeExports.__my_react_shared__.enableDebugFiled;
 		var getIsSameTypeNode = function (newChild, draftFiber) {
 		    if (!draftFiber)
 		        return false;
@@ -5130,12 +5133,12 @@ function requireIndex_development () {
 		var dynamicFragmentProps = { wrap: true };
 		var createFragmentWithInitial = function (renderDispatch, newChild, parentFiber) {
 		    // TODO make there are not a element
-		    var newElement = react.createElement(Fragment, dynamicFragmentProps, newChild);
+		    var newElement = typeExports.createElement(Fragment, dynamicFragmentProps, newChild);
 		    var newFiber = createFiberNode(renderDispatch, { parent: parentFiber }, newElement);
 		    return newFiber;
 		};
 		var createFragmentWithUpdate = function (renderDispatch, newChild, parentFiber) {
-		    var newElement = react.createElement(Fragment, dynamicFragmentProps, newChild);
+		    var newElement = typeExports.createElement(Fragment, dynamicFragmentProps, newChild);
 		    var newFiber = createFiberNode(renderDispatch, { parent: parentFiber, type: "position" }, newElement);
 		    return newFiber;
 		};
@@ -5158,7 +5161,7 @@ function requireIndex_development () {
 		        }
 		        // same type
 		        if (include(draftFiber_1 === null || draftFiber_1 === void 0 ? void 0 : draftFiber_1.type, exports$1.NODE_TYPE.__fragment__)) {
-		            var newElement = react.createElement(Fragment, dynamicFragmentProps, newChild);
+		            var newElement = typeExports.createElement(Fragment, dynamicFragmentProps, newChild);
 		            return updateFiberNode(renderDispatch, { fiber: draftFiber_1, parent: parentFiber, prevFiber: prevFiberChild }, newElement);
 		        }
 		        else {
@@ -5166,7 +5169,7 @@ function requireIndex_development () {
 		            return createFragmentWithUpdate(renderDispatch, newChild, parentFiber);
 		        }
 		    }
-		    var keyToGet = react.isValidElement(newChild) && typeof newChild.key === "string" ? newChild.key : index;
+		    var keyToGet = typeExports.isValidElement(newChild) && typeof newChild.key === "string" ? newChild.key : index;
 		    var draftList = existingChildren.get(keyToGet);
 		    var draftFiber = draftList === null || draftList === void 0 ? void 0 : draftList.shift();
 		    if (draftList && !draftList.length) {
@@ -5267,7 +5270,7 @@ function requireIndex_development () {
 		    return null;
 		};
 
-		var currentComponentFiber$2 = react.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$3 = react.__my_react_internal__.MyReactInternalInstance;
+		var currentComponentFiber$2 = typeExports.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$3 = typeExports.__my_react_internal__.MyReactInternalInstance;
 		var processProvider = function (renderDispatch, fiber) {
 		    if (renderDispatch.isAppMounted) {
 		        var prevProps = fiber.memoizedProps.value;
@@ -5308,7 +5311,7 @@ function requireIndex_development () {
 		    return children;
 		};
 
-		var currentHookTreeNode = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$1 = react.__my_react_internal__.currentHookNodeIndex, currentScheduler$4 = react.__my_react_internal__.currentScheduler, cacheLazy = react.__my_react_internal__.cacheLazy;
+		var currentHookTreeNode = typeExports.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$1 = typeExports.__my_react_internal__.currentHookNodeIndex, currentScheduler$4 = typeExports.__my_react_internal__.currentScheduler, cacheLazy = typeExports.__my_react_internal__.cacheLazy;
 		var triggerState = STATE_TYPE.__triggerSync__ |
 		    STATE_TYPE.__triggerSyncForce__ |
 		    STATE_TYPE.__triggerConcurrent__ |
@@ -5329,12 +5332,12 @@ function requireIndex_development () {
 		                var re = undefined;
 		                try {
 		                    if (typedElementTypeWithRef_1[TYPEKEY] === SERVER_REFERENCE_SYMBOL) {
-		                        var cacheFun = react.cache(typedElementTypeWithRef_1);
+		                        var cacheFun = typeExports.cache(typedElementTypeWithRef_1);
 		                        re = cacheFun(fiber.pendingProps, fiber.ref);
 		                        // support rsc
 		                        // rsc return promise, so we transform promise to lazy, and try to keep the lazy stable
 		                        if (isPromise(re))
-		                            return react.createElement(cacheLazy(re));
+		                            return typeExports.createElement(cacheLazy(re));
 		                    }
 		                    else {
 		                        re = typedElementTypeWithRef_1(fiber.pendingProps, fiber.ref);
@@ -5366,11 +5369,11 @@ function requireIndex_development () {
 		                var re = undefined;
 		                try {
 		                    if (typedElementType[TYPEKEY] === SERVER_REFERENCE_SYMBOL) {
-		                        var cacheFun = react.cache(typedElementType);
+		                        var cacheFun = typeExports.cache(typedElementType);
 		                        re = cacheFun(fiber.pendingProps);
 		                        // support rsc
 		                        if (isPromise(re))
-		                            return react.createElement(cacheLazy(re));
+		                            return typeExports.createElement(cacheLazy(re));
 		                    }
 		                    else {
 		                        re = typedElementType(fiber.pendingProps);
@@ -5399,9 +5402,9 @@ function requireIndex_development () {
 		    return children;
 		};
 
-		var WrapperByLazyScope = function (children) { return react.createElement(ScopeLazy, null, children); };
+		var WrapperByLazyScope = function (children) { return typeExports.createElement(ScopeLazy, null, children); };
 		var WrapperBySuspenseScope = function (children) {
-		    return react.createElement(ScopeSuspense, null, react.createElement(Comment, { mode: "s" }), children, react.createElement(Comment, { mode: "e" }));
+		    return typeExports.createElement(ScopeSuspense, null, typeExports.createElement(Comment, { mode: "s" }), children, typeExports.createElement(Comment, { mode: "e" }));
 		};
 		var isCommentElement = function (fiber) { return include(fiber.type, exports$1.NODE_TYPE.__comment__); };
 		var isCommentStartElement = function (fiber) {
@@ -5417,8 +5420,8 @@ function requireIndex_development () {
 		    return false;
 		};
 
-		var enableSuspenseRoot$1 = react.__my_react_shared__.enableSuspenseRoot, enableDebugFiled$4 = react.__my_react_shared__.enableDebugFiled;
-		var currentScheduler$3 = react.__my_react_internal__.currentScheduler;
+		var enableSuspenseRoot$1 = typeExports.__my_react_shared__.enableSuspenseRoot, enableDebugFiled$4 = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentScheduler$3 = typeExports.__my_react_internal__.currentScheduler;
 		var loadLazy = function (renderDispatch, typedElementType) { return __awaiter(void 0, void 0, void 0, function () {
 		    var loadedPromise, loaded, render, e_1;
 		    return __generator(this, function (_a) {
@@ -5464,11 +5467,11 @@ function requireIndex_development () {
 		    }
 		    if (typedElementType._loaded === true) {
 		        var render = typedElementType.render;
-		        if (react.isValidElement(render)) {
-		            return WrapperByLazyScope(react.cloneElement(render));
+		        if (typeExports.isValidElement(render)) {
+		            return WrapperByLazyScope(typeExports.cloneElement(render));
 		        }
 		        else {
-		            return WrapperByLazyScope(react.createElement(render, fiber.pendingProps));
+		            return WrapperByLazyScope(typeExports.createElement(render, fiber.pendingProps));
 		        }
 		    }
 		    if (enableDebugFiled$4.current) {
@@ -5520,7 +5523,7 @@ function requireIndex_development () {
 		    typedField.asyncLoadList = new UniqueArray();
 		};
 
-		var MyReactInternalInstance$2 = react.__my_react_internal__.MyReactInternalInstance;
+		var MyReactInternalInstance$2 = typeExports.__my_react_internal__.MyReactInternalInstance;
 		var processSuspense = function (fiber) {
 		    var isUpdate = !!fiber.instance;
 		    fiber.instance = fiber.instance || new MyReactInternalInstance$2();
@@ -5533,7 +5536,7 @@ function requireIndex_development () {
 		    return children;
 		};
 
-		var MyReactInternalInstanceClass$1 = react.__my_react_internal__.MyReactInternalInstance, instanceToInitialFieldMap = react.__my_react_internal__.instanceToInitialFieldMap;
+		var MyReactInternalInstanceClass$1 = typeExports.__my_react_internal__.MyReactInternalInstance, instanceToInitialFieldMap = typeExports.__my_react_internal__.instanceToInitialFieldMap;
 		// support private instance field
 		var instanceMap = instanceToInitialFieldMap;
 		var initInstance = function (instance) {
@@ -5647,8 +5650,8 @@ function requireIndex_development () {
 		    });
 		}
 
-		var currentComponentFiber$1 = react.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$1 = react.__my_react_internal__.MyReactInternalInstance;
-		var enablePerformanceLog = react.__my_react_shared__.enablePerformanceLog, enableDebugFiled$3 = react.__my_react_shared__.enableDebugFiled;
+		var currentComponentFiber$1 = typeExports.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$1 = typeExports.__my_react_internal__.MyReactInternalInstance;
+		var enablePerformanceLog = typeExports.__my_react_shared__.enablePerformanceLog, enableDebugFiled$3 = typeExports.__my_react_shared__.enableDebugFiled;
 		var nextWorkCommon = function (renderDispatch, fiber, children) {
 		    if (isPromise(children)) {
 		        console.error("[@my-react/react] render function should not return a promise, please check your code");
@@ -5796,8 +5799,8 @@ function requireIndex_development () {
 		    });
 		};
 
-		var enableDebugFiled$2 = react.__my_react_shared__.enableDebugFiled;
-		var currentRunningFiber = react.__my_react_internal__.currentRunningFiber, MyReactInternalInstance = react.__my_react_internal__.MyReactInternalInstance;
+		var enableDebugFiled$2 = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentRunningFiber = typeExports.__my_react_internal__.currentRunningFiber, MyReactInternalInstance = typeExports.__my_react_internal__.MyReactInternalInstance;
 		var defaultGetContextValue = function (fiber, ContextObject) {
 		    var _a;
 		    if (fiber) {
@@ -5899,8 +5902,8 @@ function requireIndex_development () {
 		    });
 		};
 
-		var currentScheduler$2 = react.__my_react_internal__.currentScheduler;
-		var enableScopeTreeLog$2 = react.__my_react_shared__.enableScopeTreeLog;
+		var currentScheduler$2 = typeExports.__my_react_internal__.currentScheduler;
+		var enableScopeTreeLog$2 = typeExports.__my_react_shared__.enableScopeTreeLog;
 		// TODO improve
 		var defaultDispatchMountLatest = function (_dispatch, _fiber) {
 		    beforeSyncUpdate();
@@ -5974,7 +5977,7 @@ function requireIndex_development () {
 		    return null;
 		};
 
-		var enableDebugFiled$1 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$1 = typeExports.__my_react_shared__.enableDebugFiled;
 		var defaultGenerateStrict = function (fiber) {
 		    {
 		        var parent_1 = fiber.parent;
@@ -5996,8 +5999,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentScheduler$1 = react.__my_react_internal__.currentScheduler;
-		var enableScopeTreeLog$1 = react.__my_react_shared__.enableScopeTreeLog;
+		var currentScheduler$1 = typeExports.__my_react_internal__.currentScheduler;
+		var enableScopeTreeLog$1 = typeExports.__my_react_shared__.enableScopeTreeLog;
 		var defaultDispatchUpdate = function (_dispatch, _list, sync) {
 		    // TODO maybe need call `insertionEffect` in another function
 		    beforeSyncUpdate();
@@ -6083,7 +6086,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentComponentFiber = react.__my_react_internal__.currentComponentFiber, currentHookNodeIndex = react.__my_react_internal__.currentHookNodeIndex;
+		var currentComponentFiber = typeExports.__my_react_internal__.currentComponentFiber, currentHookNodeIndex = typeExports.__my_react_internal__.currentHookNodeIndex;
 		var resolveHookValue = function (hookNode, field) {
 		    if (hookNode) {
 		        switch (hookNode.type) {
@@ -6136,8 +6139,8 @@ function requireIndex_development () {
 		    return resolveHookValue(currentHook, field);
 		};
 
-		var enableSuspenseRoot = react.__my_react_shared__.enableSuspenseRoot, enableDebugFiled = react.__my_react_shared__.enableDebugFiled;
-		var currentScheduler = react.__my_react_internal__.currentScheduler;
+		var enableSuspenseRoot = typeExports.__my_react_shared__.enableSuspenseRoot, enableDebugFiled = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentScheduler = typeExports.__my_react_internal__.currentScheduler;
 		var loadPromise = function (renderDispatch, promise) { return __awaiter(void 0, void 0, void 0, function () {
 		    var value, reason_1;
 		    return __generator(this, function (_a) {
@@ -6267,7 +6270,7 @@ function requireIndex_development () {
 		    return null;
 		};
 
-		var Dispatcher = react.__my_react_internal__.Dispatcher, MyReactInternalInstanceClass = react.__my_react_internal__.MyReactInternalInstance, dispatchToListenerMap = react.__my_react_internal__.dispatchToListenerMap;
+		var Dispatcher = typeExports.__my_react_internal__.Dispatcher, MyReactInternalInstanceClass = typeExports.__my_react_internal__.MyReactInternalInstance, dispatchToListenerMap = typeExports.__my_react_internal__.dispatchToListenerMap;
 		var getInitialListeners = function () {
 		    return {
 		            fiberInitial: new Set(),
@@ -7104,7 +7107,7 @@ function requireIndex_development () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.23";
+		        _this.version = "0.3.24";
 		        _this.id = Math.random().toString(16).slice(2);
 		        _this.mode = "development" ;
 		        _this.renderMode = "render";
@@ -7307,8 +7310,8 @@ function requireIndex_development () {
 		    return CustomRenderDispatch;
 		}(RenderDispatchEvent));
 
-		var globalLoop = react.__my_react_internal__.globalLoop;
-		var enableScopeTreeLog = react.__my_react_shared__.enableScopeTreeLog;
+		var globalLoop = typeExports.__my_react_internal__.globalLoop;
+		var enableScopeTreeLog = typeExports.__my_react_shared__.enableScopeTreeLog;
 		function finishMountSync(renderDispatch, fiber) {
 		    enableScopeTreeLog.current && setLogScope();
 		    renderDispatch.reconcileCommit(fiber);
@@ -7362,7 +7365,7 @@ function requireIndex_development () {
 		    });
 		}); };
 
-		var version = "0.3.23";
+		var version = "0.3.24";
 
 		exports$1.CustomRenderDispatch = CustomRenderDispatch;
 		exports$1.MyReactFiberNode = MyReactFiberNode;
@@ -7969,7 +7972,7 @@ var ListTree = /** @class */ (function () {
     });
 }
 
-var enableKnownConfigLog = require$$0.createRef(false);
+var enableKnownConfigLog = typeExports.createRef(false);
 var knownConfigKeys = [
     "prepareForCommit",
     "resetAfterCommit",
@@ -8180,7 +8183,7 @@ var create = function (_dispatch, _fiber, _config) {
 
 var initialMap = function (dispatch, fiber, config) {
     var parentFiberWithNode = null;
-    var parentFiberHostContext = null;
+    var parentFiberWithNodeHostContext = null;
     var hostContext = null;
     if (fiber.parent) {
         var mayFiberContainer = fiber.parent;
@@ -8193,12 +8196,17 @@ var initialMap = function (dispatch, fiber, config) {
         else {
             parentFiberWithNode = dispatch.runtimeDom.elementMap.get(fiber.parent) || dispatch.rootFiber;
         }
-        parentFiberHostContext = dispatch.runtimeDom.hostContextMap.get(parentFiberWithNode);
+        parentFiberWithNodeHostContext = dispatch.runtimeDom.hostContextMap.get(parentFiberWithNode);
         if (checkFiberWithNativeNode(dispatch, fiber)) {
-            hostContext = config.getChildHostContext(parentFiberHostContext, fiber.elementType, dispatch.rootNode, fiber);
+            hostContext = config.getChildHostContext(parentFiberWithNodeHostContext, fiber.elementType, dispatch.rootNode, fiber);
         }
         else {
-            hostContext = parentFiberHostContext;
+            hostContext = parentFiberWithNodeHostContext;
+        }
+        // help for lynx render to set css entry
+        if (config.pathHostContext && typeof config.pathHostContext === "function") {
+            var parentFiberHostContext = dispatch.runtimeDom.hostContextMap.get(mayFiberContainer);
+            hostContext = config.pathHostContext(hostContext, parentFiberHostContext, parentFiberWithNodeHostContext, fiber.elementType, fiber.pendingProps, dispatch.rootNode, fiber);
         }
     }
     else {
@@ -8482,7 +8490,7 @@ var position = function (_dispatch, _fiber, _config) {
 };
 
 var createPortal = function (_element, _container) {
-    var portal = require$$0.createElement(Portal, { container: _container }, _element);
+    var portal = typeExports.createElement(Portal, { container: _container }, _element);
     return portal;
 };
 var nextWorkPortal = function (renderDispatch, fiber) {
@@ -8529,8 +8537,8 @@ var ReconcilerDispatchFiber = function (renderDispatch, fiber) {
     }
 };
 
-var currentScheduler$2 = require$$0.__my_react_internal__.currentScheduler;
-var enableScopeTreeLog$3 = require$$0.__my_react_shared__.enableScopeTreeLog;
+var currentScheduler$2 = typeExports.__my_react_internal__.currentScheduler;
+var enableScopeTreeLog$3 = typeExports.__my_react_shared__.enableScopeTreeLog;
 var ReconcilerDispatchMount = function (_dispatch, _fiber, config) {
     var pendingCommitFiberArray = [];
     myreactReconcilerExports.beforeSyncUpdate();
@@ -8604,8 +8612,8 @@ var ReconcilerDispatchMount = function (_dispatch, _fiber, config) {
     });
 };
 
-var currentScheduler$1 = require$$0.__my_react_internal__.currentScheduler;
-var enableScopeTreeLog$2 = require$$0.__my_react_shared__.enableScopeTreeLog;
+var currentScheduler$1 = typeExports.__my_react_internal__.currentScheduler;
+var enableScopeTreeLog$2 = typeExports.__my_react_shared__.enableScopeTreeLog;
 var ReconcilerDispatchUpdate = function (_dispatch, _list, config, sync) {
     myreactReconcilerExports.beforeSyncUpdate();
     _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
@@ -8720,7 +8728,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config, sync) {
     }
 };
 
-var currentComponentFiber = require$$0.__my_react_internal__.currentComponentFiber;
+var currentComponentFiber = typeExports.__my_react_internal__.currentComponentFiber;
 var initialRef = {
     typeForRef: myreactReconcilerExports.NODE_TYPE.__plain__ | myreactReconcilerExports.NODE_TYPE.__class__,
     typeForCreate: myreactReconcilerExports.NODE_TYPE.__text__ | myreactReconcilerExports.NODE_TYPE.__plain__ | myreactReconcilerExports.NODE_TYPE.__portal__,
@@ -8874,381 +8882,7 @@ var autoSetDevHMR = function (dispatch) {
     }
 };
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-function loadRemoteScript(url_1) {
-    return __awaiter(this, arguments, void 0, function (url, options) {
-        var _a, timeout, _b, context, _c, useEval, controller_1, timeoutId, response, code, error_1, errorMsg;
-        if (options === void 0) { options = {}; }
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    _a = options.timeout, timeout = _a === void 0 ? 10000 : _a, _b = options.context, context = _b === void 0 ? {} : _b, _c = options.useEval, useEval = _c === void 0 ? false : _c;
-                    _d.label = 1;
-                case 1:
-                    _d.trys.push([1, 5, , 6]);
-                    controller_1 = new AbortController();
-                    timeoutId = setTimeout(function () { return controller_1.abort(); }, timeout);
-                    return [4 /*yield*/, fetch(url, {
-                            signal: controller_1.signal,
-                        })];
-                case 2:
-                    response = _d.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP ".concat(response.status, ": ").concat(response.statusText));
-                    }
-                    return [4 /*yield*/, response.text()];
-                case 3:
-                    code = _d.sent();
-                    clearTimeout(timeoutId);
-                    // 根据环境选择执行方式
-                    return [4 /*yield*/, executeScript(code, url, { context: context, useEval: useEval })];
-                case 4:
-                    // 根据环境选择执行方式
-                    _d.sent();
-                    return [3 /*break*/, 6];
-                case 5:
-                    error_1 = _d.sent();
-                    if ((error_1 === null || error_1 === void 0 ? void 0 : error_1.name) === "AbortError") {
-                        throw new Error("\u52A0\u8F7D\u8FDC\u7A0B\u811A\u672C\u8D85\u65F6 (".concat(timeout, "ms)"));
-                    }
-                    errorMsg = (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || String(error_1);
-                    throw new Error("\u52A0\u8F7D\u8FDC\u7A0B\u811A\u672C\u5931\u8D25: ".concat(errorMsg));
-                case 6: return [2 /*return*/];
-            }
-        });
-    });
-}
-function executeScript(code, url, options) {
-    return __awaiter(this, void 0, void 0, function () {
-        var _a, context, _b, useEval, env, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    _a = options.context, context = _a === void 0 ? {} : _a, _b = options.useEval, useEval = _b === void 0 ? false : _b;
-                    env = detectEnvironment();
-                    _c = env;
-                    switch (_c) {
-                        case "bun": return [3 /*break*/, 1];
-                        case "node": return [3 /*break*/, 3];
-                        case "browser": return [3 /*break*/, 5];
-                    }
-                    return [3 /*break*/, 7];
-                case 1: return [4 /*yield*/, executeInBun(code, url, context)];
-                case 2:
-                    _d.sent();
-                    return [3 /*break*/, 8];
-                case 3: return [4 /*yield*/, executeInNode(code, url, context)];
-                case 4:
-                    _d.sent();
-                    return [3 /*break*/, 8];
-                case 5: return [4 /*yield*/, executeInBrowser(code, url, context, useEval)];
-                case 6:
-                    _d.sent();
-                    return [3 /*break*/, 8];
-                case 7: throw new Error("未知的 JavaScript 环境");
-                case 8: return [2 /*return*/];
-            }
-        });
-    });
-}
-function detectEnvironment() {
-    // 检测 Bun
-    // @ts-ignore
-    if (typeof Bun !== "undefined" && typeof Bun === "object") {
-        return "bun";
-    }
-    // 检测 Node.js
-    if (typeof process !== "undefined" && process.versions && process.versions.node) {
-        return "node";
-    }
-    // 检测浏览器环境
-    if (typeof window !== "undefined" && typeof document !== "undefined") {
-        return "browser";
-    }
-    // 默认为浏览器环境（保守策略）
-    return "browser";
-}
-// 安全的 Base64 编码函数（跨环境兼容）
-function safeBase64Encode(str) {
-    // Node.js 环境
-    if (typeof Buffer !== "undefined") {
-        return Buffer.from(str, "utf-8").toString("base64");
-    }
-    // 浏览器环境
-    if (typeof btoa !== "undefined") {
-        // 处理 Unicode 字符
-        var utf8Bytes_1 = new TextEncoder().encode(str);
-        var binary = "";
-        for (var i = 0; i < utf8Bytes_1.length; i++) {
-            binary += String.fromCharCode(utf8Bytes_1[i]);
-        }
-        return btoa(binary);
-    }
-    // 回退方案：手动实现 Base64 编码
-    var base64Chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-    var utf8Bytes = new TextEncoder().encode(str);
-    var result = "";
-    for (var i = 0; i < utf8Bytes.length; i += 3) {
-        var a = utf8Bytes[i];
-        var b = i + 1 < utf8Bytes.length ? utf8Bytes[i + 1] : 0;
-        var c = i + 2 < utf8Bytes.length ? utf8Bytes[i + 2] : 0;
-        var bitmap = (a << 16) | (b << 8) | c;
-        result += base64Chars[(bitmap >> 18) & 63];
-        result += base64Chars[(bitmap >> 12) & 63];
-        result += i + 1 < utf8Bytes.length ? base64Chars[(bitmap >> 6) & 63] : "=";
-        result += i + 2 < utf8Bytes.length ? base64Chars[bitmap & 63] : "=";
-    }
-    return result;
-}
-// Bun 环境执行
-function executeInBun(code, url, context) {
-    return __awaiter(this, void 0, void 0, function () {
-        var base64Code, dataUrl;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 4]);
-                    base64Code = safeBase64Encode(code);
-                    dataUrl = "data:application/javascript;base64,".concat(base64Code);
-                    return [4 /*yield*/, import(/* @vite-ignore */ dataUrl)];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-                case 2:
-                    _a.sent();
-                    // 方法2: 使用 VM 回退
-                    return [4 /*yield*/, executeWithVM(code, url, context)];
-                case 3:
-                    // 方法2: 使用 VM 回退
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    });
-}
-// Node.js 环境执行
-function executeInNode(code, url, context) {
-    return __awaiter(this, void 0, void 0, function () {
-        var error_3, base64Code, dataUrl, importError_1, errorMsg, importErrorMsg;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 7]);
-                    // 方法1: 使用 VM 模块
-                    return [4 /*yield*/, executeWithVM(code, url, context)];
-                case 1:
-                    // 方法1: 使用 VM 模块
-                    _a.sent();
-                    return [3 /*break*/, 7];
-                case 2:
-                    error_3 = _a.sent();
-                    _a.label = 3;
-                case 3:
-                    _a.trys.push([3, 5, , 6]);
-                    base64Code = safeBase64Encode(code);
-                    dataUrl = "data:application/javascript;base64,".concat(base64Code);
-                    return [4 /*yield*/, import(/* @vite-ignore */ dataUrl)];
-                case 4:
-                    _a.sent();
-                    return [3 /*break*/, 6];
-                case 5:
-                    importError_1 = _a.sent();
-                    errorMsg = (error_3 === null || error_3 === void 0 ? void 0 : error_3.message) || String(error_3);
-                    importErrorMsg = (importError_1 === null || importError_1 === void 0 ? void 0 : importError_1.message) || String(importError_1);
-                    throw new Error("Node.js \u6267\u884C\u5931\u8D25: ".concat(errorMsg, ", ").concat(importErrorMsg));
-                case 6: return [3 /*break*/, 7];
-                case 7: return [2 /*return*/];
-            }
-        });
-    });
-}
-// 浏览器环境执行
-function executeInBrowser(code, url, context, useEval) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    // 浏览器环境的安全考虑
-                    if (!useEval && isPotentiallyUnsafe(code)) {
-                        throw new Error("代码包含潜在不安全内容，如需执行请设置 useEval: true");
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    // 方法1: 使用 script 标签插入 (最安全)
-                    return [4 /*yield*/, executeWithScriptTag(code)];
-                case 2:
-                    // 方法1: 使用 script 标签插入 (最安全)
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    _a.sent();
-                    // 方法2: 使用 eval (需要显式启用)
-                    if (useEval) {
-                        executeWithEval(code, context);
-                    }
-                    else {
-                        throw new Error("浏览器执行失败，请启用 useEval 选项或检查 CSP 设置");
-                    }
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    });
-}
-// 通用 VM 执行 (Node.js/Bun)
-function executeWithVM(code, url, context) {
-    return __awaiter(this, void 0, void 0, function () {
-        var vm, sandbox, vmContext, script, error_5, errorMsg;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, import('vm')];
-                case 1:
-                    vm = _a.sent();
-                    sandbox = __assign(__assign(__assign({ 
-                        // 基础全局变量
-                        console: console, setTimeout: setTimeout, setInterval: setInterval, clearTimeout: clearTimeout, clearInterval: clearInterval, URL: URL, URLSearchParams: URLSearchParams, 
-                        // 内置对象
-                        Object: Object, Array: Array, String: String, Number: Number, Boolean: Boolean, Symbol: Symbol, Date: Date, RegExp: RegExp, Error: Error, TypeError: TypeError, RangeError: RangeError, SyntaxError: SyntaxError, Map: Map, Set: Set, WeakMap: WeakMap, WeakSet: WeakSet, Promise: Promise, JSON: JSON, Math: Math }, (typeof global !== "undefined" ? { global: global } : {})), (typeof process !== "undefined" ? { process: process } : {})), context);
-                    vmContext = vm.createContext(sandbox);
-                    script = new vm.Script(code, {
-                        filename: url,
-                        lineOffset: 0,
-                        columnOffset: 0,
-                    });
-                    script.runInContext(vmContext);
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_5 = _a.sent();
-                    errorMsg = (error_5 === null || error_5 === void 0 ? void 0 : error_5.message) || String(error_5);
-                    throw new Error("VM \u6267\u884C\u5931\u8D25: ".concat(errorMsg));
-                case 3: return [2 /*return*/];
-            }
-        });
-    });
-}
-// 浏览器 script 标签执行
-function executeWithScriptTag(code, url) {
-    // 检查是否在浏览器环境
-    if (typeof document === "undefined") {
-        throw new Error("document 未定义，不在浏览器环境中");
-    }
-    return new Promise(function (resolve, reject) {
-        // 创建 script 元素
-        var script = document.createElement("script");
-        // 使用 Blob URL 避免 CSP 问题
-        var blob = new Blob([code], { type: "application/javascript" });
-        var blobUrl = URL.createObjectURL(blob);
-        script.src = blobUrl;
-        // 清理函数
-        var cleanup = function () {
-            URL.revokeObjectURL(blobUrl);
-            // 从 DOM 中移除 script 标签以防止内存泄漏
-            if (script.parentNode) {
-                script.parentNode.removeChild(script);
-            }
-        };
-        // 设置错误处理
-        script.onerror = function () {
-            cleanup();
-            reject(new Error("Script 标签加载失败"));
-        };
-        script.onload = function () {
-            cleanup();
-            resolve();
-        };
-        // 添加到 DOM
-        document.head.appendChild(script);
-    });
-}
-// 浏览器 eval 执行
-function executeWithEval(code, context) {
-    // 在特定上下文中执行
-    var contextKeys = Object.keys(context);
-    var contextValues = Object.values(context);
-    try {
-        // 使用 Function 构造函数比直接 eval 稍安全
-        var func = new (Function.bind.apply(Function, __spreadArray(__spreadArray([void 0], contextKeys, false), ["\n      \"use strict\";\n      ".concat(code, "\n    ")], false)))();
-        func.apply(void 0, contextValues);
-    }
-    catch (error) {
-        // 回退到间接 eval
-        try {
-            var indirectEval = eval;
-            indirectEval(code);
-        }
-        catch (evalError) {
-            var errorMsg = (evalError === null || evalError === void 0 ? void 0 : evalError.message) || String(evalError);
-            throw new Error("Eval \u6267\u884C\u5931\u8D25: ".concat(errorMsg));
-        }
-    }
-}
-// 增强的安全检查
-function isPotentiallyUnsafe(code) {
-    var unsafePatterns = [
-        // Cookie 和存储访问
-        /document\.cookie/i,
-        /localStorage/i,
-        /sessionStorage/i,
-        /indexedDB/i,
-        // 动态代码执行
-        /\beval\s*\(/i,
-        /Function\s*\(/i,
-        /setTimeout\s*\(\s*["'`]/i, // setTimeout with string
-        /setInterval\s*\(\s*["'`]/i, // setInterval with string
-        // 动态脚本和 DOM 操作
-        /script\.src/i,
-        /\.innerHTML/i,
-        /\.outerHTML/i,
-        /document\.write/i,
-        /document\.writeln/i,
-        // 动态属性访问（可能绕过检查）
-        /\[["'`]eval["'`]\]/i,
-        /\[["'`]cookie["'`]\]/i,
-        /\[["'`]localStorage["'`]\]/i,
-        // import() 动态导入
-        /import\s*\(/i,
-        // 危险的 DOM API
-        /\.insertAdjacentHTML/i,
-        /createContextualFragment/i,
-    ];
-    return unsafePatterns.some(function (pattern) { return pattern.test(code); });
-}
-// 安全的 require 函数模拟
-function createSafeRequire() {
-    if (typeof require !== "undefined") {
-        return require;
-    }
-    // 在浏览器环境中返回一个安全的模拟 require
-    return function (id) {
-        throw new Error("require('".concat(id, "') \u5728\u6D4F\u89C8\u5668\u73AF\u5883\u4E2D\u4E0D\u53EF\u7528"));
-    };
-}
-// 增强的模块加载版本（支持导出）
-function loadRemoteModule(url_1) {
-    return __awaiter(this, arguments, void 0, function (url, options) {
-        var _a, context, moduleExports, moduleContext;
-        if (options === void 0) { options = {}; }
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = options.context, context = _a === void 0 ? {} : _a;
-                    moduleExports = {};
-                    moduleContext = __assign({ exports: moduleExports, module: { exports: moduleExports }, require: createSafeRequire() }, context);
-                    return [4 /*yield*/, loadRemoteScript(url, __assign(__assign({}, options), { context: moduleContext }))];
-                case 1:
-                    _b.sent();
-                    return [2 /*return*/, moduleContext.module.exports];
-            }
-        });
-    });
-}
-
-var enableDebugFiled$1 = require$$0.__my_react_shared__.enableDebugFiled, enableScopeTreeLog$1 = require$$0.__my_react_shared__.enableScopeTreeLog;
+var enableDebugFiled$1 = typeExports.__my_react_shared__.enableDebugFiled, enableScopeTreeLog$1 = typeExports.__my_react_shared__.enableScopeTreeLog;
 /**
  * @internal
  */
@@ -9260,8 +8894,8 @@ var prepareScheduler = function () {
     myreactReconcilerExports.initScheduler();
 };
 
-var enableDebugFiled = require$$0.__my_react_shared__.enableDebugFiled, enableScopeTreeLog = require$$0.__my_react_shared__.enableScopeTreeLog;
-var currentScheduler = require$$0.__my_react_internal__.currentScheduler;
+var enableDebugFiled = typeExports.__my_react_shared__.enableDebugFiled, enableScopeTreeLog = typeExports.__my_react_shared__.enableScopeTreeLog;
+var currentScheduler = typeExports.__my_react_internal__.currentScheduler;
 // react-reconciler compat implementation
 var Reconciler = function (_config) {
     var rendererPackageName = "@my-react";
@@ -9286,6 +8920,7 @@ var Reconciler = function (_config) {
         return _container;
     };
     var updateContainer = function (_element, _container, _ignore, _cb) {
+        var _a;
         var renderDispatch = _container.__container__;
         var renderScheduler = currentScheduler.current;
         if (renderDispatch instanceof myreactReconcilerExports.CustomRenderDispatch) {
@@ -9303,6 +8938,7 @@ var Reconciler = function (_config) {
                 return;
             }
             myreactReconcilerExports.unmountContainer(renderDispatch);
+            (_a = _config === null || _config === void 0 ? void 0 : _config.clearContainer) === null || _a === void 0 ? void 0 : _a.call(_config, _container);
             ReconcilerSet.delete(renderDispatch);
             renderScheduler.dispatchSet.uniDelete(renderDispatch);
             delGlobalDispatch(renderDispatch);
@@ -9321,47 +8957,32 @@ var Reconciler = function (_config) {
         myreactReconcilerExports.mountSync(_renderDispatch, _fiber);
         _renderDispatch.isAppMounted = true;
     };
-    var injectIntoDevTools = function (_config) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    rendererPackageName = _config.rendererPackageName || rendererPackageName;
-                    ReconcilerSet.forEach(function (renderDispatch) { return (renderDispatch.renderPackage = rendererPackageName); });
-                    if (globalThis["__MY_REACT_DEVTOOL_INTERNAL__"])
-                        return [2 /*return*/];
-                    // load core runtime
-                    // await loadScript("https://mrwangjusttodo.github.io/myreact-devtools/bundle/hook.js");
-                    return [4 /*yield*/, loadRemoteModule("https://mrwangjusttodo.github.io/myreact-devtools/bundle/hook.js", { context: { globalThis: globalThis } })];
-                case 1:
-                    // load core runtime
-                    // await loadScript("https://mrwangjusttodo.github.io/myreact-devtools/bundle/hook.js");
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var injectIntoDevToolsWithSocketIO = function (url, _config) { return __awaiter(void 0, void 0, void 0, function () {
+    var injectIntoDevTools = function (_config) {
+        rendererPackageName = _config.rendererPackageName || rendererPackageName;
+        ReconcilerSet.forEach(function (renderDispatch) { return (renderDispatch.renderPackage = rendererPackageName); });
+        if (globalThis["__MY_REACT_DEVTOOL_INTERNAL__"])
+            return;
+    };
+    var injectIntoDevToolsAuto = function (url, _config) { return __awaiter(void 0, void 0, void 0, function () {
         var init;
         return __generator(this, function (_b) {
             switch (_b.label) {
-                case 0: 
-                // load core runtime
-                return [4 /*yield*/, injectIntoDevTools(_config || {})];
+                case 0:
+                    // set core runtime
+                    // you should load core runtime by your self, see packages/myreact-reconciler-compact/src/preload.ts
+                    injectIntoDevTools(_config || {});
+                    init = globalThis["__MY_REACT_DEVTOOL_NODE__"] || globalThis["__MY_REACT_DEVTOOL_BUNDLE__"] || globalThis["__MY_REACT_DEVTOOL_BUNDLE_WS__"];
+                    _b.label = 1;
                 case 1:
-                    // load core runtime
-                    _b.sent();
-                    init = globalThis["__MY_REACT_DEVTOOL_NODE__"];
-                    _b.label = 2;
-                case 2:
-                    _b.trys.push([2, 4, , 5]);
+                    _b.trys.push([1, 3, , 4]);
                     return [4 /*yield*/, init(url)];
-                case 3:
+                case 2:
                     _b.sent();
-                    return [3 /*break*/, 5];
-                case 4:
+                    return [3 /*break*/, 4];
+                case 3:
                     _b.sent();
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
         });
     }); };
@@ -9374,14 +8995,14 @@ var Reconciler = function (_config) {
         updateContainer: updateContainer,
         injectIntoDevTools: injectIntoDevTools,
         getPublicRootInstance: getPublicRootInstance,
-        injectIntoDevToolsWithSocketIO: injectIntoDevToolsWithSocketIO,
+        injectIntoDevToolsAuto: injectIntoDevToolsAuto,
         flushSync: myreactReconcilerExports.safeCallWithSync,
         flushSyncWork: myreactReconcilerExports.safeCallWithSync,
         batchedUpdates: myreactReconcilerExports.safeCallWithSync,
     };
 };
 
-var version = "0.0.14";
+var version = "0.0.15";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;