@lvce-editor/virtual-dom 1.8.0 → 1.9.0

package/dist/index.d.ts

@@ -22,3 +22,8 @@ export const rememberFocus: (
 ) => void
 
 export const registerEventListeners: any
+
+export const applyPatch: (
+  $Element: HTMLElement,
+  patches: readonly any[],
+) => void

package/dist/index.js

@@ -1,12 +1,3 @@
-// src/parts/PatchType/PatchType.ts
-var SetText = 1;
-var SetAttribute = 3;
-var RemoveAttribute = 4;
-var Add = 6;
-var NavigateChild = 7;
-var RemoveChild = 9;
-var NavigateSibling = 10;
-
 // src/parts/ElementTags/ElementTags.ts
 var Audio = "audio";
 var Button = "button";
@@ -481,6 +472,9 @@ var setText = ($Element, value) => {
   $Element.nodeValue = value;
 };
 var removeChild = ($Element, index) => {
+  console.log("el", $Element.className);
+  console.log("index", index);
+  console.log("ch", $Element.children.length);
   const $Child = $Element.children[index];
   $Child.remove();
 };
@@ -488,6 +482,16 @@ var add = ($Element, nodes) => {
   renderInternal2($Element, nodes, {}, {});
 };
 
+// src/parts/PatchType/PatchType.ts
+var SetText = 1;
+var SetAttribute = 3;
+var RemoveAttribute = 4;
+var Add = 6;
+var NavigateChild = 7;
+var NavigateParent = 8;
+var RemoveChild = 9;
+var NavigateSibling = 10;
+
 // src/parts/ApplyPatch/ApplyPatch.ts
 var applyPatch = ($Element, patches) => {
   let $Current = $Element;
@@ -518,6 +522,9 @@ var applyPatch = ($Element, patches) => {
       case NavigateChild:
         $Current = $Current.childNodes[patch.index];
         break;
+      case NavigateParent:
+        $Current = $Current.parentNode;
+        break;
       default:
         break;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "main": "dist/index.js",
   "type": "module",
   "keywords": [],

package/src/parts/AddPatch/AddPatch.ts

@@ -2,6 +2,5 @@ import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 
 export interface AddPatch {
   readonly type: 6
-  readonly index: number
   readonly nodes: readonly VirtualDomNode[]
 }

package/src/parts/ApplyPatch/ApplyPatch.ts

@@ -1,6 +1,6 @@
 import { Patch } from '../Patch/Patch.ts'
-import * as PatchType from '../PatchType/PatchType.ts'
 import * as PatchFunctions from '../PatchFunctions/PatchFunctions.ts'
+import * as PatchType from '../PatchType/PatchType.ts'
 
 export const applyPatch = ($Element: Node, patches: readonly Patch[]): void => {
   let $Current = $Element
@@ -31,6 +31,9 @@ export const applyPatch = ($Element: Node, patches: readonly Patch[]): void => {
       case PatchType.NavigateChild:
         $Current = ($Current as HTMLElement).childNodes[patch.index]
         break
+      case PatchType.NavigateParent:
+        $Current = $Current.parentNode as HTMLElement
+        break
       default:
         break
     }

package/src/parts/NavigateParentPatch/NavigateParentPatch.ts

@@ -1,4 +1,3 @@
 export type NavigateParentPatch = {
   readonly type: 8
-  readonly count: number
 }

package/src/parts/PatchFunctions/PatchFunctions.ts

@@ -1,5 +1,5 @@
-import { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 import * as RenderInternal from '../RenderInternal/RenderInternal.ts'
+import { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 
 export const setAttribute = (
   $Element: HTMLElement,
@@ -18,6 +18,9 @@ export const setText = ($Element: Text, value: string): void => {
 }
 
 export const removeChild = ($Element: HTMLElement, index: number): void => {
+  console.log('el', $Element.className)
+  console.log('index', index)
+  console.log('ch', $Element.children.length)
   const $Child = $Element.children[index]
   $Child.remove()
 }