@reckona/mreact-compat 0.0.144 → 0.0.146

package/dist/host-reconciler.js

@@ -1,4 +1,4 @@
-import { Activity, ERROR_BOUNDARY_TYPE, FORWARD_REF_TYPE, Fragment, HOST_CHILDREN_ONLY_PROPS_META, HOST_OWN_PROPS_META, LAZY_TYPE, MEMO_TYPE, Profiler, STRICT_MODE_TYPE, Suspense, SuspenseList, isReactCompatElement, isReactCompatPortal, } from "./element.js";
+import { Activity, ERROR_BOUNDARY_TYPE, FORWARD_REF_TYPE, Fragment, HOST_CHILDREN_ONLY_PROPS_META, HOST_OWN_PROPS_META, LAZY_TYPE, MEMO_TYPE, Profiler, REACTIVE_TEXT_BINDING_META, STRICT_MODE_TYPE, Suspense, SuspenseList, isReactCompatElement, isReactCompatPortal, } from "./element.js";
 import { consumerContext, isReactCompatConsumer, isReactCompatProvider, renderWithContextProvider, useContext, } from "./context.js";
 import { applyPostChildFormProps, applyProps } from "./dom-props.js";
 import { syncChildNodes, syncOwnedChildNodes, syncScopedChildNodes } from "./dom-children.js";
@@ -6,7 +6,7 @@ import { setLogicalEventParent } from "./host-event-binder.js";
 import { NoFlags, Placement, Update } from "./fiber-flags.js";
 import { createHostElement, hostElementMatches, isHostElement, namespaceForHostChildren, namespaceForHostElement, } from "./dom-host-rules.js";
 import { createFiber, createWorkInProgress } from "./fiber.js";
-import { renderWithRootRuntime, renderWithProfiler, renderWithStrictModeMemoCapture, renderStrictModeReplay, runWithHostCommit, restoreRuntimeSnapshot, takeRuntimeSnapshot, getDevToolsHookState, collectRuntimeInstanceKeys, hasContextDependency, hasChangedContextDependency, } from "./hooks.js";
+import { renderWithRootRuntime, renderWithProfiler, renderWithStrictModeMemoCapture, renderStrictModeReplay, runWithHostCommit, restoreRuntimeSnapshot, takeRuntimeSnapshot, getDevToolsHookState, collectRuntimeInstanceKeys, hasContextDependency, hasChangedContextDependency, subscribeReactiveTextBinding, } from "./hooks.js";
 import { isThenable } from "./thenable.js";
 import { hasDirtyClassUpdate, isClassComponentType, recoverClassComponentError, renderClassComponentWithRuntime, } from "./class-component.js";
 import { areMemoPropsEqual, getPendingProps, shallowEqual } from "./prop-comparison.js";
@@ -1026,14 +1026,13 @@ function commitHostDirtyFiber(fiber, parent, eventRoot, path, options = {}) {
             applyChangedRef(previousProps?.ref, props.ref, element);
         }
         if (directTextChild !== undefined) {
-            syncDirectHostTextChild(element, directTextChild);
+            const text = syncDirectHostTextChild(element, directTextChild);
+            subscribeReactiveHostTextBinding(props, text);
         }
         else if (fiber.subtreeFlags !== NoFlags) {
             commitHostDirtyChildren(fiber.child, element, eventRoot, `${path}.c`, options);
         }
-        if (!propsAreUnchanged && !propsAreChildrenOnly && !textOnlyRowUpdate) {
-            applyPostChildFormProps(element, props);
-        }
+        applyPostChildFormProps(element, props, previousProps);
         fiber.memoizedProps = props;
         finishCommittedFiber(fiber);
         return;
@@ -1299,7 +1298,8 @@ function commitHostFiber(fiber, parent, eventRoot, path, options = {}) {
             applyChangedRef(previousProps?.ref, props.ref, element);
         }
         if (directTextChild !== undefined) {
-            syncDirectHostTextChild(element, directTextChild);
+            const text = syncDirectHostTextChild(element, directTextChild);
+            subscribeReactiveHostTextBinding(props, text);
         }
         else if (fiber.hostChildListChanged ||
             fiber.childListChanged ||
@@ -1314,9 +1314,7 @@ function commitHostFiber(fiber, parent, eventRoot, path, options = {}) {
         else if (fiber.subtreeFlags !== NoFlags) {
             commitHostChildren(fiber.child, element, eventRoot, `${path}.c`, options);
         }
-        if (!propsAreUnchanged && !propsAreChildrenOnly && !textOnlyRowUpdate) {
-            applyPostChildFormProps(element, props);
-        }
+        applyPostChildFormProps(element, props, previousProps);
         fiber.memoizedProps = props;
         finishCommittedFiber(fiber);
         return [element];
@@ -1588,9 +1586,19 @@ function syncDirectHostTextChild(element, text) {
         if (firstChild.data !== text) {
             firstChild.data = text;
         }
-        return;
+        return firstChild;
     }
     element.textContent = text;
+    const nextFirstChild = element.firstChild;
+    if (!(nextFirstChild instanceof Text)) {
+        const textNode = document.createTextNode(text);
+        element.replaceChildren(textNode);
+        return textNode;
+    }
+    return nextFirstChild;
+}
+function subscribeReactiveHostTextBinding(props, text) {
+    subscribeReactiveTextBinding(props[REACTIVE_TEXT_BINDING_META], text);
 }
 function shouldPreserveContentEditableChildren(element, props, childNodes) {
     void childNodes;