@rectify-dev/core 2.3.0 → 2.4.1

package/README.md

@@ -13,7 +13,7 @@ A lightweight React-like UI library built from scratch — fiber reconciler, con
 | `useRef` (object + callback refs) | ✅ |
 | `useMemo`, `useCallback` | ✅ |
 | `useContext` + `createContext` | ✅ |
-| `useId`, `useDeferredValue` | ✅ |
+| `useId` | ✅ |
 | `memo()` with custom comparator | ✅ |
 | `lazy()` + `<Suspense>` | ✅ |
 | SVG elements | ✅ |

package/dist/index.cjs

@@ -72,6 +72,10 @@ function unmarkContainerAsRoot(node) {
   node[internalContainerInstanceKey] = null;
 }
 chunkAJJIEZ7G_cjs.__name(unmarkContainerAsRoot, "unmarkContainerAsRoot");
+function isContainerMarkedAsRoot(node) {
+  return !!node[internalContainerInstanceKey];
+}
+chunkAJJIEZ7G_cjs.__name(isContainerMarkedAsRoot, "isContainerMarkedAsRoot");
 var precacheFiberNode = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((fiber, node) => {
   if (!node) return;
   node[internalInstanceKey] = fiber;
@@ -135,6 +139,11 @@ var dispatchEvent = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((domEventName, targ
   const targetNode = getEventTarget(nativeEvent);
   const targetFiber = getFiberNodeCached(targetNode);
   if (!targetFiber) return;
+  let domCursor = targetNode.parentNode;
+  while (domCursor && domCursor !== targetContainer) {
+    if (isContainerMarkedAsRoot(domCursor)) return;
+    domCursor = domCursor.parentNode;
+  }
   const syntheticEvent = new SyntheticEvent_default(nativeEvent);
   const path = [];
   let fiber = targetFiber;
@@ -321,6 +330,7 @@ var ContextProvider = /* @__PURE__ */ Symbol.for("rectify.context_provider");
 var MemoComponent = /* @__PURE__ */ Symbol.for("rectify.memo_component");
 var LazyComponent = /* @__PURE__ */ Symbol.for("rectify.lazy_component");
 var SuspenseComponent = /* @__PURE__ */ Symbol.for("rectify.suspense_component");
+var PortalComponent = /* @__PURE__ */ Symbol.for("rectify.portal_component");
 var addFlagToFiber = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((fiber, flag) => {
   if (hasFlagOnFiber(fiber, flag)) return;
   fiber.flags |= flag;
@@ -335,6 +345,8 @@ var hasFlagOnFiber = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((fiber, flag) => {
 }, "hasFlagOnFiber");
 var getFiberTagFromElement = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((element) => {
   switch (element.$$typeof) {
+    case shared.RECTIFY_PORTAL_TYPE:
+      return PortalComponent;
     case shared.RECTIFY_ELEMENT_TYPE:
       if (shared.isFunction(element.type) && element.type?._context === element.type) {
         return ContextProvider;
@@ -416,6 +428,7 @@ var getParentDom = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((fiber) => {
   while (p) {
     if (p.workTag === HostComponent) return p.stateNode;
     if (p.workTag === HostRoot) return p.stateNode;
+    if (p.workTag === PortalComponent) return p.stateNode;
     p = p.return;
   }
   throw new Error("No parent DOM found.");
@@ -1358,6 +1371,11 @@ var beginWork = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((wip) => {
       }
       throw lazy2._promise;
     }
+    case PortalComponent: {
+      wip.stateNode = wip.pendingProps.containerInfo;
+      reconcileChildren(wip, wip.pendingProps.children);
+      break;
+    }
   }
   return wip.child;
 }, "beginWork");
@@ -1768,6 +1786,18 @@ var createRoot = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((container) => {
     }, "unmount")
   };
 }, "createRoot");
+var createPortal = /* @__PURE__ */ chunkAJJIEZ7G_cjs.__name((children, container, key = null) => {
+  listenToAllEventSupported(container);
+  return {
+    $$typeof: shared.RECTIFY_PORTAL_TYPE,
+    type: null,
+    key,
+    props: {
+      children,
+      containerInfo: container
+    }
+  };
+}, "createPortal");
 
 // src/RectifyMemo.ts
 function memo(Component2, compare) {
@@ -1856,6 +1886,7 @@ exports.Component = Component;
 exports.Suspense = Suspense;
 exports.SyntheticEvent = SyntheticEvent_default;
 exports.createContext = createContext;
+exports.createPortal = createPortal;
 exports.createRoot = createRoot;
 exports.lazy = lazy;
 exports.memo = memo;