@reckona/mreact-compat 0.0.172 → 0.0.174

package/dist/host-reconciler.d.ts

@@ -16,5 +16,6 @@ export declare function renderHydratingHostFiberRoot(root: FiberRoot, element: R
 export declare function commitHostFiberRoot(root: FiberRoot, finishedWork: Fiber, options?: RenderOptions): void;
 export declare function commitHydratingHostFiberRoot(root: FiberRoot, finishedWork: Fiber, scope: HydrationScope, options?: FiberHydrationOptions): void;
 export declare function disposeHostFiberResources(fiber: Fiber | undefined): void;
+export declare function disposeUnretainedHostFiberResources(fiber: Fiber | undefined, retained: ReadonlySet<Fiber>): void;
 export {};
 //# sourceMappingURL=host-reconciler.d.ts.map

package/dist/host-reconciler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"host-reconciler.d.ts","sourceRoot":"","sources":["../src/host-reconciler.ts"],"names":[],"mappings":"AAAA,OAAO,EAoBL,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAkBtB,OAAO,EAOL,KAAK,kBAAkB,EAEvB,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAqC,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC3F,OAAO,EAaL,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AAUpB,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,aAAa,EAEnB,MAAM,gBAAgB,CAAC;AAyBxB,UAAU,qBAAsB,SAAQ,aAAa;IACnD,aAAa,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,QAAQ,GAAG,kBAAkB,CAAC;CAC7C;AA0BD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,CA6EjE;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,eAAe,EACxB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,GAAE,qBAA0B,GAClC,KAAK,CAeP;AAED,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE,qBAA0B,GAClC,KAAK,CAYP;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,KAAK,EACnB,OAAO,GAAE,aAAkB,GAC1B,IAAI,CAuDN;AAED,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,KAAK,EACnB,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE,qBAA0B,GAClC,IAAI,CAwBN;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAexE"}
+{"version":3,"file":"host-reconciler.d.ts","sourceRoot":"","sources":["../src/host-reconciler.ts"],"names":[],"mappings":"AAAA,OAAO,EAoBL,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAkBtB,OAAO,EAOL,KAAK,kBAAkB,EAEvB,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAqC,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC3F,OAAO,EAaL,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AAUpB,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,aAAa,EAEnB,MAAM,gBAAgB,CAAC;AAyBxB,UAAU,qBAAsB,SAAQ,aAAa;IACnD,aAAa,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,QAAQ,GAAG,kBAAkB,CAAC;CAC7C;AA0BD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,CA6EjE;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,eAAe,EACxB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,GAAE,qBAA0B,GAClC,KAAK,CAeP;AAED,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE,qBAA0B,GAClC,KAAK,CAYP;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,KAAK,EACnB,OAAO,GAAE,aAAkB,GAC1B,IAAI,CAuDN;AAED,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,KAAK,EACnB,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE,qBAA0B,GAClC,IAAI,CAwBN;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAexE;AAED,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,KAAK,GAAG,SAAS,EACxB,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,GAC3B,IAAI,CAON"}

package/dist/host-reconciler.js

@@ -176,6 +176,13 @@ export function disposeHostFiberResources(fiber) {
     }
     disposeHostFiberChildResources(fiber.child, seen);
 }
+export function disposeUnretainedHostFiberResources(fiber, retained) {
+    if (fiber === undefined || fiber.hasDisposableResources !== true || retained.has(fiber)) {
+        return;
+    }
+    const seen = new Set();
+    disposeUnretainedHostFiberSubtreeResources(fiber, seen, retained);
+}
 function disposeHostFiberChildResources(fiber, seen) {
     let cursor = fiber;
     while (cursor !== undefined) {
@@ -188,6 +195,19 @@ function disposeHostFiberChildResources(fiber, seen) {
         cursor = cursor.sibling;
     }
 }
+function disposeUnretainedHostFiberSubtreeResources(fiber, seen, retained) {
+    if (fiber === undefined || retained.has(fiber) || fiber.hasDisposableResources !== true) {
+        return;
+    }
+    if (fiber.tag === "reactive-dom-block") {
+        disposeReactiveDomBlockState(fiber.stateNode, seen);
+    }
+    let child = fiber.child;
+    while (child !== undefined) {
+        disposeUnretainedHostFiberSubtreeResources(child, seen, retained);
+        child = child.sibling;
+    }
+}
 function reconcileHostChild(parent, currentFirstChild, node, runtime, path, options = {}) {
     resetFiberRefSubtree(parent);
     parent.subtreeFlags = NoFlags;
@@ -1706,7 +1726,7 @@ function commitHostDirtyFiber(fiber, parent, eventRoot, path, options = {}) {
                 : container instanceof Element
                     ? container
                     : eventRoot;
-            const portalOptions = withPortalDocumentRef(options, container);
+            const portalOptions = withPortalHostOptions(options, container);
             if (fiber.childListChanged ||
                 fiber.subtreeChildListChanged ||
                 (fiber.subtreeFlags & Placement) !== NoFlags) {
@@ -2129,7 +2149,7 @@ function commitHostFiber(fiber, parent, eventRoot, path, options = {}) {
             : container instanceof Element
                 ? container
                 : eventRoot;
-        const portalOptions = withPortalDocumentRef(options, container);
+        const portalOptions = withPortalHostOptions(options, container);
         const childNodes = commitHostChildren(fiber.child, container, portalEventRoot, `${path}.portal`, portalOptions);
         const previousNodes = committedHostNodesFromState(fiber.alternate?.memoizedState);
         syncOwnedChildNodes(container, previousNodes, childNodes);
@@ -2729,7 +2749,11 @@ function createPortalFiber(parent, current, portal, key, runtime, path, options
         ? createWorkInProgress(current, portal.children)
         : createFiber("portal", portal.children, key);
     fiber.stateNode = portal.container;
-    const childResult = reconcileHostChild(fiber, current?.tag === "portal" ? current.child : undefined, portal.children, runtime, `${path}.portal`, { ...options, documentRef: portal.container.ownerDocument });
+    const childResult = reconcileHostChild(fiber, current?.tag === "portal" ? current.child : undefined, portal.children, runtime, `${path}.portal`, {
+        ...options,
+        documentRef: portal.container.ownerDocument,
+        namespace: namespaceForPortalContainer(portal.container),
+    });
     fiber.child = childResult.fiber;
     fiber.return = parent;
     return { fiber, consumed: childResult.consumed };
@@ -3022,7 +3046,8 @@ function isPortalHostContainer(value) {
         typeof candidate.removeChild === "function" &&
         typeof candidate.ownerDocument?.createElement === "function");
 }
-function withPortalDocumentRef(options, container) {
+function withPortalHostOptions(options, container) {
+    const namespace = namespaceForPortalContainer(container);
     const ownerDocument = container.ownerDocument;
     if (typeof ownerDocument === "object" &&
         ownerDocument !== null &&
@@ -3030,9 +3055,16 @@ function withPortalDocumentRef(options, container) {
         return {
             ...options,
             documentRef: ownerDocument,
+            namespace,
         };
     }
-    return options;
+    return { ...options, namespace };
+}
+function namespaceForPortalContainer(container) {
+    if (container instanceof SVGElement && container.localName !== "foreignObject") {
+        return "svg";
+    }
+    return "html";
 }
 function committedHostNodesFromState(state) {
     return Array.isArray(state) ? state : [];