@lvce-editor/renderer-process 21.2.0 → 21.3.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)) {
@@ -751,40 +719,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 +729,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 +777,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 +989,41 @@ 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 (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$3($Current, patch.value);
+        break;
+    }
+  }
+};
 const getActiveElementInside = $Viewlet => {
   if (!$Viewlet) {
     return undefined;
@@ -9158,7 +9127,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.3.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"