@wsxjs/wsx-core 0.0.28 → 0.0.30

package/dist/index.js

@@ -32,6 +32,7 @@ __export(index_exports, {
   jsx: () => h,
   jsxs: () => h,
   logger: () => import_wsx_logger4.logger,
+  parseHTMLToNodes: () => parseHTMLToNodes,
   registerComponent: () => registerComponent,
   state: () => state
 });
@@ -44,6 +45,7 @@ function parseHTMLToNodes(html) {
   temp.innerHTML = html;
   return Array.from(temp.childNodes).map((node) => {
     if (node instanceof HTMLElement || node instanceof SVGElement) {
+      node.__wsxManaged = true;
       return node;
     } else {
       return node.textContent || "";
@@ -56,7 +58,13 @@ function isHTMLString(str) {
   const htmlTagPattern = /<[a-z][a-z0-9]*(\s[^>]*)?(\/>|>)/i;
   const looksLikeMath = /^[^<]*<[^>]*>[^>]*$/.test(trimmed) && !htmlTagPattern.test(trimmed);
   if (looksLikeMath) return false;
-  return htmlTagPattern.test(trimmed);
+  const result = htmlTagPattern.test(trimmed);
+  if (result) {
+    console.log(`[WSX Debug] isHTMLString("${trimmed.substring(0, 50)}..."): ${result}`, {
+      looksLikeMath
+    });
+  }
+  return result;
 }
 function flattenChildren(children, skipHTMLDetection = false, depth = 0) {
   if (depth > 10) {
@@ -210,10 +218,10 @@ function shouldPreserveElement(element) {
   if (!(element instanceof HTMLElement || element instanceof SVGElement)) {
     return false;
   }
-  if (!isCreatedByH(element)) {
+  if (!isCreatedByH(element) && element.__wsxManaged !== true) {
     return true;
   }
-  if (element.hasAttribute("data-wsx-preserve")) {
+  if (element instanceof HTMLElement && element.hasAttribute("data-wsx-preserve")) {
     return true;
   }
   return false;
@@ -760,6 +768,64 @@ function removeNodeIfNotPreserved(parent, node) {
     parent.removeChild(node);
   }
 }
+function replaceOrInsertElementAtPosition(parent, newChild, oldNode, targetNextSibling, processedNodes) {
+  if (newChild.parentNode && newChild.parentNode !== parent) {
+    newChild.parentNode.removeChild(newChild);
+  }
+  const isInCorrectPosition = newChild.parentNode === parent && (newChild.nextSibling === targetNextSibling || targetNextSibling === newChild);
+  if (isInCorrectPosition) {
+    if (processedNodes) processedNodes.add(newChild);
+    return;
+  }
+  if (newChild.parentNode === parent) {
+    parent.insertBefore(newChild, targetNextSibling);
+    if (processedNodes) processedNodes.add(newChild);
+    return;
+  }
+  if (oldNode && oldNode.parentNode === parent && !shouldPreserveElement(oldNode)) {
+    if (oldNode !== newChild) {
+      const oldCacheKey = getElementCacheKey(oldNode);
+      const newCacheKey = getElementCacheKey(newChild);
+      if (!oldCacheKey && !newCacheKey && oldNode.__wsxManaged === true) {
+        const oldTag = oldNode.tagName.toLowerCase();
+        const newTag = newChild.tagName.toLowerCase();
+        if (oldTag === newTag && oldNode.textContent === newChild.textContent) {
+          if (processedNodes) processedNodes.add(oldNode);
+          return;
+        }
+      }
+      parent.replaceChild(newChild, oldNode);
+      if (processedNodes) processedNodes.add(newChild);
+    } else {
+      if (processedNodes) processedNodes.add(newChild);
+    }
+  } else {
+    if (newChild.parentNode === parent) {
+      return;
+    }
+    const newChildCacheKey = getElementCacheKey(newChild);
+    if (!newChildCacheKey) {
+      const newChildContent = newChild.textContent || "";
+      const newChildTag = newChild.tagName.toLowerCase();
+      for (let i = 0; i < parent.childNodes.length; i++) {
+        const existingNode = parent.childNodes[i];
+        if (existingNode instanceof HTMLElement || existingNode instanceof SVGElement) {
+          const existingCacheKey = getElementCacheKey(existingNode);
+          if (!existingCacheKey && existingNode.tagName.toLowerCase() === newChildTag && existingNode.textContent === newChildContent && existingNode !== newChild) {
+            console.log(
+              "[WSX Debug] Found duplicate content, keeping existing:",
+              existingNode.tagName,
+              existingNode.textContent
+            );
+            if (processedNodes) processedNodes.add(existingNode);
+            return;
+          }
+        }
+      }
+    }
+    parent.insertBefore(newChild, targetNextSibling);
+  }
+}
 function appendNewChild(parent, child, processedNodes) {
   if (child === null || child === void 0 || child === false) {
     return;
@@ -828,10 +894,10 @@ function shouldRemoveNode(node, elementSet, cacheKeyMap, processedNodes) {
     }
   }
   const isProcessed = processedNodes && processedNodes.has(node);
-  if (shouldPreserveElement(node)) {
+  if (isProcessed) {
     return false;
   }
-  if (node.nodeType === Node.TEXT_NODE && isProcessed) {
+  if (shouldPreserveElement(node)) {
     return false;
   }
   if (node instanceof HTMLElement || node instanceof SVGElement || node instanceof DocumentFragment) {
@@ -1149,14 +1215,13 @@ function updateChildren(element, oldChildren, newChildren, _cacheManager) {
       }
       if (newChild instanceof HTMLElement || newChild instanceof SVGElement) {
         const insertBeforeNode = insertionIndex.value < element.childNodes.length ? element.childNodes[insertionIndex.value] : null;
-        if (newChild === oldNode) {
-          if (newChild.nextSibling !== insertBeforeNode) {
-            element.insertBefore(newChild, insertBeforeNode);
-          }
-        } else {
-          element.insertBefore(newChild, insertBeforeNode);
-        }
-        processedNodes.add(newChild);
+        replaceOrInsertElementAtPosition(
+          element,
+          newChild,
+          oldNode,
+          insertBeforeNode,
+          processedNodes
+        );
         insertionIndex.value++;
       } else {
         const targetNode = insertionIndex.value < element.childNodes.length ? element.childNodes[insertionIndex.value] : null;
@@ -1203,6 +1268,55 @@ function updateElement(element, newProps, newChildren, tag, cacheManager) {
   updateProps(element, oldProps, newProps, tag);
   updateChildren(element, oldChildren, newChildren, cacheManager);
 }
+function reconcileElement(oldParent, newParent) {
+  const oldChildren = Array.from(oldParent.childNodes);
+  const newChildren = Array.from(newParent.childNodes);
+  const maxLength = Math.max(oldChildren.length, newChildren.length);
+  for (let i = 0; i < maxLength; i++) {
+    const oldChild = oldChildren[i];
+    const newChild = newChildren[i];
+    if (!newChild) {
+      oldChild?.remove();
+    } else if (!oldChild) {
+      oldParent.appendChild(newChild.cloneNode(true));
+    } else if (oldChild.nodeType !== newChild.nodeType) {
+      oldParent.replaceChild(newChild.cloneNode(true), oldChild);
+    } else if (oldChild.nodeType === Node.TEXT_NODE) {
+      if (oldChild.textContent !== newChild.textContent) {
+        oldChild.textContent = newChild.textContent;
+      }
+    } else if (oldChild.nodeType === Node.ELEMENT_NODE) {
+      const oldEl = oldChild;
+      const newEl = newChild;
+      if (oldEl.tagName !== newEl.tagName) {
+        oldParent.replaceChild(newEl.cloneNode(true), oldEl);
+      } else {
+        Array.from(oldEl.attributes).forEach((attr) => {
+          if (!newEl.hasAttribute(attr.name)) {
+            oldEl.removeAttribute(attr.name);
+          }
+        });
+        Array.from(newEl.attributes).forEach((attr) => {
+          if (oldEl.getAttribute(attr.name) !== attr.value) {
+            oldEl.setAttribute(attr.name, attr.value);
+          }
+        });
+        if (oldEl.className !== newEl.className) {
+          oldEl.className = newEl.className;
+        }
+        if (oldEl instanceof HTMLInputElement && newEl instanceof HTMLInputElement) {
+          if (oldEl.checked !== newEl.checked) {
+            oldEl.checked = newEl.checked;
+          }
+          if (oldEl.value !== newEl.value) {
+            oldEl.value = newEl.value;
+          }
+        }
+        reconcileElement(oldEl, newEl);
+      }
+    }
+  }
+}
 
 // src/jsx-factory.ts
 var logger3 = createLogger("JSX Factory");
@@ -1833,7 +1947,7 @@ var BaseComponent = class extends HTMLElement {
       }
     }
     if (activeElement) {
-      const isInputElement = activeElement instanceof HTMLInputElement || activeElement instanceof HTMLTextAreaElement || activeElement instanceof HTMLSelectElement || activeElement.hasAttribute("contenteditable");
+      const isInputElement = activeElement instanceof HTMLInputElement && activeElement.type !== "radio" && activeElement.type !== "checkbox" || activeElement instanceof HTMLTextAreaElement || activeElement instanceof HTMLSelectElement || activeElement.hasAttribute("contenteditable");
       const forceRender = activeElement.hasAttribute("data-wsx-force-render");
       if (isInputElement && !forceRender) {
         this._pendingRerender = true;
@@ -1849,14 +1963,8 @@ var BaseComponent = class extends HTMLElement {
     }
     this._hasScheduledRender = true;
     requestAnimationFrame(() => {
-      console.warn("[scheduleRerender] RAF callback:", {
-        component: this.constructor.name,
-        connected: this.connected,
-        isRendering: this._isRendering
-      });
       this._hasScheduledRender = false;
       if (this.connected && !this._isRendering) {
-        console.warn("[scheduleRerender] calling _rerender()");
         this._isRendering = true;
         this._rerender();
       } else if (!this.connected) {
@@ -1885,7 +1993,8 @@ var BaseComponent = class extends HTMLElement {
       clearTimeout(this._rerenderDebounceTimer);
       this._rerenderDebounceTimer = null;
     }
-    document.removeEventListener("blur", this.handleGlobalBlur, true);
+    const root = this.getActiveRoot();
+    root.removeEventListener("blur", this.handleGlobalBlur, true);
     this._pendingRerender = false;
   }
   /**
@@ -1893,7 +2002,8 @@ var BaseComponent = class extends HTMLElement {
    * @internal
    */
   initializeEventListeners() {
-    document.addEventListener("blur", this.handleGlobalBlur, true);
+    const root = this.getActiveRoot();
+    root.addEventListener("blur", this.handleGlobalBlur, true);
   }
   /**
    * 获取配置值
@@ -2350,6 +2460,10 @@ var LightComponent = class extends BaseComponent {
   querySelectorAll(selector) {
     return HTMLElement.prototype.querySelectorAll.call(this, selector);
   }
+  /**
+   * 递归协调子元素
+   * 更新现有子元素的属性和内容，而不是替换整个子树
+   */
   /**
    * 内部重渲染实现
    * 包含从 rerender() 方法迁移的实际渲染逻辑
@@ -2366,9 +2480,9 @@ var LightComponent = class extends BaseComponent {
     this._pendingFocusState = focusState;
     const jsxChildren = this.getJSXChildren();
     try {
-      const content = RenderContext.runInContext(this, () => this.render());
+      const newContent = RenderContext.runInContext(this, () => this.render());
       if (focusState && focusState.key && focusState.value !== void 0) {
-        const target = content.querySelector(
+        const target = newContent.querySelector(
           `[data-wsx-key="${focusState.key}"]`
         );
         if (target) {
@@ -2393,36 +2507,50 @@ var LightComponent = class extends BaseComponent {
         }
       }
       requestAnimationFrame(() => {
-        this.appendChild(content);
         const oldChildren = Array.from(this.children).filter((child) => {
-          if (child === content) {
-            return false;
-          }
           if (stylesToApply && child instanceof HTMLStyleElement && child.getAttribute("data-wsx-light-component") === styleName) {
             return false;
           }
           if (child instanceof HTMLElement && jsxChildren.includes(child)) {
             return false;
           }
-          if (shouldPreserveElement(child)) {
-            return false;
-          }
           return true;
         });
-        oldChildren.forEach((child) => child.remove());
+        if (oldChildren.length === 1 && newContent instanceof HTMLElement) {
+          const oldElement = oldChildren[0];
+          if (oldElement instanceof HTMLElement && oldElement.tagName === newContent.tagName) {
+            Array.from(oldElement.attributes).forEach((attr) => {
+              if (!newContent.hasAttribute(attr.name)) {
+                oldElement.removeAttribute(attr.name);
+              }
+            });
+            Array.from(newContent.attributes).forEach((attr) => {
+              if (oldElement.getAttribute(attr.name) !== attr.value) {
+                oldElement.setAttribute(attr.name, attr.value);
+              }
+            });
+            reconcileElement(oldElement, newContent);
+          } else {
+            oldElement.remove();
+            this.appendChild(newContent);
+          }
+        } else {
+          oldChildren.forEach((child) => child.remove());
+          this.appendChild(newContent);
+        }
         if (stylesToApply) {
-          let styleElement = this.querySelector(
+          let styleEl = this.querySelector(
             `style[data-wsx-light-component="${styleName}"]`
           );
-          if (!styleElement) {
-            styleElement = document.createElement("style");
-            styleElement.setAttribute("data-wsx-light-component", styleName);
-            styleElement.textContent = stylesToApply;
-            this.insertBefore(styleElement, this.firstChild);
-          } else if (styleElement.textContent !== stylesToApply) {
-            styleElement.textContent = stylesToApply;
-          } else if (styleElement !== this.firstChild) {
-            this.insertBefore(styleElement, this.firstChild);
+          if (!styleEl) {
+            styleEl = document.createElement("style");
+            styleEl.setAttribute("data-wsx-light-component", styleName);
+            styleEl.textContent = stylesToApply;
+            this.insertBefore(styleEl, this.firstChild);
+          } else if (styleEl.textContent !== stylesToApply) {
+            styleEl.textContent = stylesToApply;
+          } else if (styleEl !== this.firstChild) {
+            this.insertBefore(styleEl, this.firstChild);
           }
         }
         requestAnimationFrame(() => {
@@ -2626,6 +2754,7 @@ function state(targetOrContext, propertyKey) {
   jsx,
   jsxs,
   logger,
+  parseHTMLToNodes,
   registerComponent,
   state
 });

package/dist/index.mjs

@@ -3,8 +3,10 @@ import {
   RenderContext,
   createLogger,
   h,
+  parseHTMLToNodes,
+  reconcileElement,
   shouldPreserveElement
-} from "./chunk-34PNC5CJ.mjs";
+} from "./chunk-2ER76KOQ.mjs";
 
 // src/styles/style-manager.ts
 var StyleManager = class {
@@ -527,7 +529,7 @@ var BaseComponent = class extends HTMLElement {
       }
     }
     if (activeElement) {
-      const isInputElement = activeElement instanceof HTMLInputElement || activeElement instanceof HTMLTextAreaElement || activeElement instanceof HTMLSelectElement || activeElement.hasAttribute("contenteditable");
+      const isInputElement = activeElement instanceof HTMLInputElement && activeElement.type !== "radio" && activeElement.type !== "checkbox" || activeElement instanceof HTMLTextAreaElement || activeElement instanceof HTMLSelectElement || activeElement.hasAttribute("contenteditable");
       const forceRender = activeElement.hasAttribute("data-wsx-force-render");
       if (isInputElement && !forceRender) {
         this._pendingRerender = true;
@@ -543,14 +545,8 @@ var BaseComponent = class extends HTMLElement {
     }
     this._hasScheduledRender = true;
     requestAnimationFrame(() => {
-      console.warn("[scheduleRerender] RAF callback:", {
-        component: this.constructor.name,
-        connected: this.connected,
-        isRendering: this._isRendering
-      });
       this._hasScheduledRender = false;
       if (this.connected && !this._isRendering) {
-        console.warn("[scheduleRerender] calling _rerender()");
         this._isRendering = true;
         this._rerender();
       } else if (!this.connected) {
@@ -579,7 +575,8 @@ var BaseComponent = class extends HTMLElement {
       clearTimeout(this._rerenderDebounceTimer);
       this._rerenderDebounceTimer = null;
     }
-    document.removeEventListener("blur", this.handleGlobalBlur, true);
+    const root = this.getActiveRoot();
+    root.removeEventListener("blur", this.handleGlobalBlur, true);
     this._pendingRerender = false;
   }
   /**
@@ -587,7 +584,8 @@ var BaseComponent = class extends HTMLElement {
    * @internal
    */
   initializeEventListeners() {
-    document.addEventListener("blur", this.handleGlobalBlur, true);
+    const root = this.getActiveRoot();
+    root.addEventListener("blur", this.handleGlobalBlur, true);
   }
   /**
    * 获取配置值
@@ -1044,6 +1042,10 @@ var LightComponent = class extends BaseComponent {
   querySelectorAll(selector) {
     return HTMLElement.prototype.querySelectorAll.call(this, selector);
   }
+  /**
+   * 递归协调子元素
+   * 更新现有子元素的属性和内容，而不是替换整个子树
+   */
   /**
    * 内部重渲染实现
    * 包含从 rerender() 方法迁移的实际渲染逻辑
@@ -1060,9 +1062,9 @@ var LightComponent = class extends BaseComponent {
     this._pendingFocusState = focusState;
     const jsxChildren = this.getJSXChildren();
     try {
-      const content = RenderContext.runInContext(this, () => this.render());
+      const newContent = RenderContext.runInContext(this, () => this.render());
       if (focusState && focusState.key && focusState.value !== void 0) {
-        const target = content.querySelector(
+        const target = newContent.querySelector(
           `[data-wsx-key="${focusState.key}"]`
         );
         if (target) {
@@ -1087,36 +1089,50 @@ var LightComponent = class extends BaseComponent {
         }
       }
       requestAnimationFrame(() => {
-        this.appendChild(content);
         const oldChildren = Array.from(this.children).filter((child) => {
-          if (child === content) {
-            return false;
-          }
           if (stylesToApply && child instanceof HTMLStyleElement && child.getAttribute("data-wsx-light-component") === styleName) {
             return false;
           }
           if (child instanceof HTMLElement && jsxChildren.includes(child)) {
             return false;
           }
-          if (shouldPreserveElement(child)) {
-            return false;
-          }
           return true;
         });
-        oldChildren.forEach((child) => child.remove());
+        if (oldChildren.length === 1 && newContent instanceof HTMLElement) {
+          const oldElement = oldChildren[0];
+          if (oldElement instanceof HTMLElement && oldElement.tagName === newContent.tagName) {
+            Array.from(oldElement.attributes).forEach((attr) => {
+              if (!newContent.hasAttribute(attr.name)) {
+                oldElement.removeAttribute(attr.name);
+              }
+            });
+            Array.from(newContent.attributes).forEach((attr) => {
+              if (oldElement.getAttribute(attr.name) !== attr.value) {
+                oldElement.setAttribute(attr.name, attr.value);
+              }
+            });
+            reconcileElement(oldElement, newContent);
+          } else {
+            oldElement.remove();
+            this.appendChild(newContent);
+          }
+        } else {
+          oldChildren.forEach((child) => child.remove());
+          this.appendChild(newContent);
+        }
         if (stylesToApply) {
-          let styleElement = this.querySelector(
+          let styleEl = this.querySelector(
             `style[data-wsx-light-component="${styleName}"]`
           );
-          if (!styleElement) {
-            styleElement = document.createElement("style");
-            styleElement.setAttribute("data-wsx-light-component", styleName);
-            styleElement.textContent = stylesToApply;
-            this.insertBefore(styleElement, this.firstChild);
-          } else if (styleElement.textContent !== stylesToApply) {
-            styleElement.textContent = stylesToApply;
-          } else if (styleElement !== this.firstChild) {
-            this.insertBefore(styleElement, this.firstChild);
+          if (!styleEl) {
+            styleEl = document.createElement("style");
+            styleEl.setAttribute("data-wsx-light-component", styleName);
+            styleEl.textContent = stylesToApply;
+            this.insertBefore(styleEl, this.firstChild);
+          } else if (styleEl.textContent !== stylesToApply) {
+            styleEl.textContent = stylesToApply;
+          } else if (styleEl !== this.firstChild) {
+            this.insertBefore(styleEl, this.firstChild);
           }
         }
         requestAnimationFrame(() => {
@@ -1319,6 +1335,7 @@ export {
   h as jsx,
   h as jsxs,
   logger5 as logger,
+  parseHTMLToNodes,
   registerComponent,
   state
 };

package/dist/jsx-runtime.js

@@ -33,6 +33,7 @@ function parseHTMLToNodes(html) {
   temp.innerHTML = html;
   return Array.from(temp.childNodes).map((node) => {
     if (node instanceof HTMLElement || node instanceof SVGElement) {
+      node.__wsxManaged = true;
       return node;
     } else {
       return node.textContent || "";
@@ -45,7 +46,13 @@ function isHTMLString(str) {
   const htmlTagPattern = /<[a-z][a-z0-9]*(\s[^>]*)?(\/>|>)/i;
   const looksLikeMath = /^[^<]*<[^>]*>[^>]*$/.test(trimmed) && !htmlTagPattern.test(trimmed);
   if (looksLikeMath) return false;
-  return htmlTagPattern.test(trimmed);
+  const result = htmlTagPattern.test(trimmed);
+  if (result) {
+    console.log(`[WSX Debug] isHTMLString("${trimmed.substring(0, 50)}..."): ${result}`, {
+      looksLikeMath
+    });
+  }
+  return result;
 }
 function flattenChildren(children, skipHTMLDetection = false, depth = 0) {
   if (depth > 10) {
@@ -199,10 +206,10 @@ function shouldPreserveElement(element) {
   if (!(element instanceof HTMLElement || element instanceof SVGElement)) {
     return false;
   }
-  if (!isCreatedByH(element)) {
+  if (!isCreatedByH(element) && element.__wsxManaged !== true) {
     return true;
   }
-  if (element.hasAttribute("data-wsx-preserve")) {
+  if (element instanceof HTMLElement && element.hasAttribute("data-wsx-preserve")) {
     return true;
   }
   return false;
@@ -749,6 +756,64 @@ function removeNodeIfNotPreserved(parent, node) {
     parent.removeChild(node);
   }
 }
+function replaceOrInsertElementAtPosition(parent, newChild, oldNode, targetNextSibling, processedNodes) {
+  if (newChild.parentNode && newChild.parentNode !== parent) {
+    newChild.parentNode.removeChild(newChild);
+  }
+  const isInCorrectPosition = newChild.parentNode === parent && (newChild.nextSibling === targetNextSibling || targetNextSibling === newChild);
+  if (isInCorrectPosition) {
+    if (processedNodes) processedNodes.add(newChild);
+    return;
+  }
+  if (newChild.parentNode === parent) {
+    parent.insertBefore(newChild, targetNextSibling);
+    if (processedNodes) processedNodes.add(newChild);
+    return;
+  }
+  if (oldNode && oldNode.parentNode === parent && !shouldPreserveElement(oldNode)) {
+    if (oldNode !== newChild) {
+      const oldCacheKey = getElementCacheKey(oldNode);
+      const newCacheKey = getElementCacheKey(newChild);
+      if (!oldCacheKey && !newCacheKey && oldNode.__wsxManaged === true) {
+        const oldTag = oldNode.tagName.toLowerCase();
+        const newTag = newChild.tagName.toLowerCase();
+        if (oldTag === newTag && oldNode.textContent === newChild.textContent) {
+          if (processedNodes) processedNodes.add(oldNode);
+          return;
+        }
+      }
+      parent.replaceChild(newChild, oldNode);
+      if (processedNodes) processedNodes.add(newChild);
+    } else {
+      if (processedNodes) processedNodes.add(newChild);
+    }
+  } else {
+    if (newChild.parentNode === parent) {
+      return;
+    }
+    const newChildCacheKey = getElementCacheKey(newChild);
+    if (!newChildCacheKey) {
+      const newChildContent = newChild.textContent || "";
+      const newChildTag = newChild.tagName.toLowerCase();
+      for (let i = 0; i < parent.childNodes.length; i++) {
+        const existingNode = parent.childNodes[i];
+        if (existingNode instanceof HTMLElement || existingNode instanceof SVGElement) {
+          const existingCacheKey = getElementCacheKey(existingNode);
+          if (!existingCacheKey && existingNode.tagName.toLowerCase() === newChildTag && existingNode.textContent === newChildContent && existingNode !== newChild) {
+            console.log(
+              "[WSX Debug] Found duplicate content, keeping existing:",
+              existingNode.tagName,
+              existingNode.textContent
+            );
+            if (processedNodes) processedNodes.add(existingNode);
+            return;
+          }
+        }
+      }
+    }
+    parent.insertBefore(newChild, targetNextSibling);
+  }
+}
 function appendNewChild(parent, child, processedNodes) {
   if (child === null || child === void 0 || child === false) {
     return;
@@ -817,10 +882,10 @@ function shouldRemoveNode(node, elementSet, cacheKeyMap, processedNodes) {
     }
   }
   const isProcessed = processedNodes && processedNodes.has(node);
-  if (shouldPreserveElement(node)) {
+  if (isProcessed) {
     return false;
   }
-  if (node.nodeType === Node.TEXT_NODE && isProcessed) {
+  if (shouldPreserveElement(node)) {
     return false;
   }
   if (node instanceof HTMLElement || node instanceof SVGElement || node instanceof DocumentFragment) {
@@ -1138,14 +1203,13 @@ function updateChildren(element, oldChildren, newChildren, _cacheManager) {
       }
       if (newChild instanceof HTMLElement || newChild instanceof SVGElement) {
         const insertBeforeNode = insertionIndex.value < element.childNodes.length ? element.childNodes[insertionIndex.value] : null;
-        if (newChild === oldNode) {
-          if (newChild.nextSibling !== insertBeforeNode) {
-            element.insertBefore(newChild, insertBeforeNode);
-          }
-        } else {
-          element.insertBefore(newChild, insertBeforeNode);
-        }
-        processedNodes.add(newChild);
+        replaceOrInsertElementAtPosition(
+          element,
+          newChild,
+          oldNode,
+          insertBeforeNode,
+          processedNodes
+        );
         insertionIndex.value++;
       } else {
         const targetNode = insertionIndex.value < element.childNodes.length ? element.childNodes[insertionIndex.value] : null;

package/dist/jsx-runtime.mjs

@@ -2,7 +2,7 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-34PNC5CJ.mjs";
+} from "./chunk-2ER76KOQ.mjs";
 export {
   Fragment,
   jsx,