@lvce-editor/virtual-dom 6.3.0 → 6.5.0

package/dist/index.js

@@ -709,8 +709,10 @@ const setText = ($Element, value) => {
   $Element.nodeValue = value;
 };
 const removeChild = ($Element, index) => {
-  const $Child = $Element.children[index];
-  $Child.remove();
+  const $Child = $Element.childNodes[index];
+  if ($Child) {
+    $Child.remove();
+  }
 };
 const add$1 = ($Element, nodes, eventMap = {}) => {
   renderInternal($Element, nodes, eventMap, eventMap);
@@ -720,7 +722,15 @@ const replace = ($Element, nodes, eventMap = {}) => {
   const $Temp = document.createElement('div');
   renderInternal($Temp, nodes, eventMap, eventMap);
   // Replace the current element with the new ones
-  const $NewElement = $Temp.firstElementChild;
+  let $NewElement = $Temp.firstElementChild;
+  if (!$NewElement) {
+    // If no element was created (e.g., only text nodes), we need to create a wrapper
+    // In this case, we create a div and move all children to it
+    $NewElement = document.createElement('div');
+    while ($Temp.firstChild) {
+      $NewElement.append($Temp.firstChild);
+    }
+  }
   $Element.replaceWith($NewElement);
   return $NewElement;
 };
@@ -1024,35 +1034,80 @@ const getEventListenerMap = id => {
 const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
   const events = getEventListenerMap(id) || eventMap;
   let $Current = $Element;
-  for (const patch of patches) {
-    switch (patch.type) {
-      case Add:
-        add$1($Current, patch.nodes, events);
-        break;
-      case NavigateChild:
-        $Current = $Current.childNodes[patch.index];
-        break;
-      case NavigateParent:
-        $Current = $Current.parentNode;
-        break;
-      case NavigateSibling:
-        $Current = $Current.parentNode.childNodes[patch.index];
-        break;
-      case RemoveAttribute:
-        removeAttribute($Current, patch.key);
-        break;
-      case RemoveChild:
-        removeChild($Current, patch.index);
-        break;
-      case Replace:
-        $Current = replace($Current, patch.nodes, events);
-        break;
-      case SetAttribute:
-        setProp($Current, patch.key, patch.value, events);
-        break;
-      case SetText:
-        setText($Current, patch.value);
-        break;
+  for (let patchIndex = 0; patchIndex < patches.length; patchIndex++) {
+    const patch = patches[patchIndex];
+    try {
+      switch (patch.type) {
+        case Add:
+          add$1($Current, patch.nodes, events);
+          break;
+        case NavigateChild:
+          {
+            const $Child = $Current.childNodes[patch.index];
+            if (!$Child) {
+              console.error('Cannot navigate to child: child not found at index', {
+                $Current,
+                index: patch.index,
+                childCount: $Current.childNodes.length
+              });
+              return;
+            }
+            $Current = $Child;
+            break;
+          }
+        case NavigateParent:
+          {
+            const $Parent = $Current.parentNode;
+            if (!$Parent) {
+              console.error('Cannot navigate to parent: current node has no parent', {
+                $Current
+              });
+              return;
+            }
+            $Current = $Parent;
+            break;
+          }
+        case NavigateSibling:
+          {
+            const $Parent = $Current.parentNode;
+            if (!$Parent) {
+              console.error('Cannot navigate to sibling: current node has no parent', {
+                patchIndex
+              });
+              return;
+            }
+            $Current = $Parent.childNodes[patch.index];
+            if (!$Current) {
+              console.error('Cannot navigate to sibling: sibling not found at index', {
+                $Parent,
+                index: patch.index,
+                childCount: $Parent.childNodes.length
+              });
+              return;
+            }
+            break;
+          }
+        case RemoveAttribute:
+          removeAttribute($Current, patch.key);
+          break;
+        case RemoveChild:
+          removeChild($Current, patch.index);
+          break;
+        case Replace:
+          $Current = replace($Current, patch.nodes, events);
+          break;
+        case SetAttribute:
+          setProp($Current, patch.key, patch.value, events);
+          break;
+        case SetText:
+          setText($Current, patch.value);
+          break;
+        default:
+          break;
+      }
+    } catch (error) {
+      console.error('Error applying patch at index ' + patchIndex, patch, error);
+      throw error;
     }
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "6.3.0",
+  "version": "6.5.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/virtual-dom.git"