@lvce-editor/renderer-process 21.2.0 → 21.4.0

package/dist/rendererProcessMain.js

@@ -681,38 +681,6 @@ const propertyToAttribute = {
 
 // Style properties that need to be set on element.style
 const styleProperties = new Set(['width', 'height', 'top', 'left', 'marginTop', 'paddingLeft', 'paddingRight']);
-
-// TODO merge this with the setProp function
-
-const setAttribute = ($Element, key, value) => {
-  // Handle width/height for images (set as attributes, not style)
-  if ((key === 'width' || key === 'height') && $Element instanceof HTMLImageElement) {
-    // @ts-ignore - dynamic property access
-    $Element[key] = value;
-    return;
-  }
-
-  // Handle style properties
-  if (styleProperties.has(key)) {
-    // @ts-ignore - dynamic style property access
-    $Element.style[key] = typeof value === 'number' ? `${value}px` : value;
-    return;
-  }
-
-  // Handle aria attributes - map camelCase to hyphenated form
-  if (key in propertyToAttribute) {
-    $Element.setAttribute(propertyToAttribute[key], value);
-    return;
-  }
-
-  // Use property assignment for known DOM properties, attribute for others
-  if (key in $Element) {
-    // @ts-ignore - dynamic property access
-    $Element[key] = value;
-  } else {
-    $Element.setAttribute(key, value);
-  }
-};
 const removeAttribute = ($Element, key) => {
   // Handle style properties
   if (styleProperties.has(key)) {
@@ -738,7 +706,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;
 };
@@ -751,40 +727,6 @@ const NavigateChild = 7;
 const NavigateParent = 8;
 const RemoveChild = 9;
 const NavigateSibling = 10;
-const applyPatch = ($Element, patches, eventMap = {}) => {
-  let $Current = $Element;
-  for (const patch of patches) {
-    switch (patch.type) {
-      case Add:
-        add$1($Current, patch.nodes, eventMap);
-        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, eventMap);
-        break;
-      case SetAttribute:
-        setAttribute($Current, patch.key, patch.value);
-        break;
-      case SetText:
-        setText$3($Current, patch.value);
-        break;
-    }
-  }
-};
 const dragInfos = Object.create(null);
 const setDragInfo = (id, data) => {
   dragInfos[id] = data;
@@ -795,30 +737,6 @@ const getDragInfo = id => {
 const isDragInfoOld = data => {
   return Array.isArray(data);
 };
-let id$1 = 0;
-const create$G = () => {
-  return ++id$1;
-};
-const state$8 = Object.create(null);
-const acquire$1 = id => {
-  const promise = state$8[id];
-  delete state$8[id];
-  return promise;
-};
-const getFileHandles$1 = async ids => {
-  const promises = ids.map(acquire$1);
-  const handles = await Promise.all(promises);
-  return handles;
-};
-const add = promise => {
-  const id = create$G();
-  state$8[id] = promise;
-  return id;
-};
-const addFileHandle$1 = fileHandle => {
-  const promise = Promise.resolve(fileHandle);
-  return add(promise);
-};
 const setDragImage = (dataTransfer, label) => {
   const dragImage = document.createElement('div');
   dragImage.className = 'DragImage';
@@ -867,6 +785,30 @@ const stopIgnore = () => {
 const enabled = () => {
   return ignore;
 };
+let id$1 = 0;
+const create$G = () => {
+  return ++id$1;
+};
+const state$8 = Object.create(null);
+const acquire$1 = id => {
+  const promise = state$8[id];
+  delete state$8[id];
+  return promise;
+};
+const getFileHandles$1 = async ids => {
+  const promises = ids.map(acquire$1);
+  const handles = await Promise.all(promises);
+  return handles;
+};
+const add = promise => {
+  const id = create$G();
+  state$8[id] = promise;
+  return id;
+};
+const addFileHandle$1 = fileHandle => {
+  const promise = Promise.resolve(fileHandle);
+  return add(promise);
+};
 const unwrapItemString = async item => {
   const {
     resolve,
@@ -1055,6 +997,86 @@ const getEventListenerMap = id => {
   const map = listeners[id];
   return map;
 };
+const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
+  const events = getEventListenerMap(id) || eventMap;
+  let $Current = $Element;
+  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$3($Current, patch.value);
+          break;
+        default:
+          break;
+      }
+    } catch (error) {
+      console.error('Error applying patch at index ' + patchIndex, patch, error);
+      throw error;
+    }
+  }
+};
 const getActiveElementInside = $Viewlet => {
   if (!$Viewlet) {
     return undefined;
@@ -9158,7 +9180,7 @@ const setPatches = (uid, patches) => {
     setDom2(uid, patches[0].nodes);
     return;
   }
-  applyPatch($Viewlet, patches);
+  applyPatch($Viewlet, patches, {}, uid);
 };
 
 // TODO this code is bad

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "21.2.0",
+  "version": "21.4.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"