@lvce-editor/renderer-process 21.3.0 → 21.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -695,8 +695,10 @@ const setText$3 = ($Element, value) => {
695
695
  $Element.nodeValue = value;
696
696
  };
697
697
  const removeChild = ($Element, index) => {
698
- const $Child = $Element.children[index];
699
- $Child.remove();
698
+ const $Child = $Element.childNodes[index];
699
+ if ($Child) {
700
+ $Child.remove();
701
+ }
700
702
  };
701
703
  const add$1 = ($Element, nodes, eventMap = {}) => {
702
704
  renderInternal($Element, nodes, eventMap, eventMap);
@@ -706,7 +708,15 @@ const replace = ($Element, nodes, eventMap = {}) => {
706
708
  const $Temp = document.createElement('div');
707
709
  renderInternal($Temp, nodes, eventMap, eventMap);
708
710
  // Replace the current element with the new ones
709
- const $NewElement = $Temp.firstElementChild;
711
+ let $NewElement = $Temp.firstElementChild;
712
+ if (!$NewElement) {
713
+ // If no element was created (e.g., only text nodes), we need to create a wrapper
714
+ // In this case, we create a div and move all children to it
715
+ $NewElement = document.createElement('div');
716
+ while ($Temp.firstChild) {
717
+ $NewElement.append($Temp.firstChild);
718
+ }
719
+ }
710
720
  $Element.replaceWith($NewElement);
711
721
  return $NewElement;
712
722
  };
@@ -992,35 +1002,80 @@ const getEventListenerMap = id => {
992
1002
  const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
993
1003
  const events = getEventListenerMap(id) || eventMap;
994
1004
  let $Current = $Element;
995
- for (const patch of patches) {
996
- switch (patch.type) {
997
- case Add:
998
- add$1($Current, patch.nodes, events);
999
- break;
1000
- case NavigateChild:
1001
- $Current = $Current.childNodes[patch.index];
1002
- break;
1003
- case NavigateParent:
1004
- $Current = $Current.parentNode;
1005
- break;
1006
- case NavigateSibling:
1007
- $Current = $Current.parentNode.childNodes[patch.index];
1008
- break;
1009
- case RemoveAttribute:
1010
- removeAttribute($Current, patch.key);
1011
- break;
1012
- case RemoveChild:
1013
- removeChild($Current, patch.index);
1014
- break;
1015
- case Replace:
1016
- $Current = replace($Current, patch.nodes, events);
1017
- break;
1018
- case SetAttribute:
1019
- setProp($Current, patch.key, patch.value, events);
1020
- break;
1021
- case SetText:
1022
- setText$3($Current, patch.value);
1023
- break;
1005
+ for (let patchIndex = 0; patchIndex < patches.length; patchIndex++) {
1006
+ const patch = patches[patchIndex];
1007
+ try {
1008
+ switch (patch.type) {
1009
+ case Add:
1010
+ add$1($Current, patch.nodes, events);
1011
+ break;
1012
+ case NavigateChild:
1013
+ {
1014
+ const $Child = $Current.childNodes[patch.index];
1015
+ if (!$Child) {
1016
+ console.error('Cannot navigate to child: child not found at index', {
1017
+ $Current,
1018
+ index: patch.index,
1019
+ childCount: $Current.childNodes.length
1020
+ });
1021
+ return;
1022
+ }
1023
+ $Current = $Child;
1024
+ break;
1025
+ }
1026
+ case NavigateParent:
1027
+ {
1028
+ const $Parent = $Current.parentNode;
1029
+ if (!$Parent) {
1030
+ console.error('Cannot navigate to parent: current node has no parent', {
1031
+ $Current
1032
+ });
1033
+ return;
1034
+ }
1035
+ $Current = $Parent;
1036
+ break;
1037
+ }
1038
+ case NavigateSibling:
1039
+ {
1040
+ const $Parent = $Current.parentNode;
1041
+ if (!$Parent) {
1042
+ console.error('Cannot navigate to sibling: current node has no parent', {
1043
+ patchIndex
1044
+ });
1045
+ return;
1046
+ }
1047
+ $Current = $Parent.childNodes[patch.index];
1048
+ if (!$Current) {
1049
+ console.error('Cannot navigate to sibling: sibling not found at index', {
1050
+ $Parent,
1051
+ index: patch.index,
1052
+ childCount: $Parent.childNodes.length
1053
+ });
1054
+ return;
1055
+ }
1056
+ break;
1057
+ }
1058
+ case RemoveAttribute:
1059
+ removeAttribute($Current, patch.key);
1060
+ break;
1061
+ case RemoveChild:
1062
+ removeChild($Current, patch.index);
1063
+ break;
1064
+ case Replace:
1065
+ $Current = replace($Current, patch.nodes, events);
1066
+ break;
1067
+ case SetAttribute:
1068
+ setProp($Current, patch.key, patch.value, events);
1069
+ break;
1070
+ case SetText:
1071
+ setText$3($Current, patch.value);
1072
+ break;
1073
+ default:
1074
+ break;
1075
+ }
1076
+ } catch (error) {
1077
+ console.error('Error applying patch at index ' + patchIndex, patch, error);
1078
+ throw error;
1024
1079
  }
1025
1080
  }
1026
1081
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lvce-editor/renderer-process",
3
- "version": "21.3.0",
3
+ "version": "21.5.0",
4
4
  "keywords": [
5
5
  "lvce-editor",
6
6
  "renderer-process"