@lvce-editor/virtual-dom-worker 1.5.0 → 1.6.0

package/package.json

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

package/src/parts/AttributePatch/AttributePatch.ts

@@ -0,0 +1,6 @@
+export interface AttributePatch {
+  readonly type: 3
+  readonly index: number
+  readonly key: string
+  readonly value: any
+}

package/src/parts/Patch/Patch.ts

@@ -0,0 +1,10 @@
+import type { AttributePatch } from '../AttributePatch/AttributePatch.ts'
+import type { ReplacePatch } from '../ReplacePatch/ReplacePatch.ts'
+import type { TextPatch } from '../TextPatch/TextPatch.ts'
+import type { RemoveAttributePatch } from '../RemoveAttributePatch/RemoveAttributePatch.ts'
+
+export type Patch =
+  | TextPatch
+  | AttributePatch
+  | ReplacePatch
+  | RemoveAttributePatch

package/src/parts/PatchType/PatchType.ts

@@ -0,0 +1,4 @@
+export const SetText = 1
+export const Replace = 2
+export const SetAttribute = 3
+export const RemoveAttribute = 4

package/src/parts/RemoveAttributePatch/RemoveAttributePatch.ts

@@ -0,0 +1,5 @@
+export interface RemoveAttributePatch {
+  readonly type: 4
+  readonly index: number
+  readonly key: string
+}

package/src/parts/ReplacePatch/ReplacePatch.ts

@@ -0,0 +1,7 @@
+import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
+
+export interface ReplacePatch {
+  readonly type: 2
+  readonly index: number
+  readonly node: VirtualDomNode
+}

package/src/parts/TextPatch/TextPatch.ts

@@ -0,0 +1,5 @@
+export interface TextPatch {
+  readonly type: 1
+  readonly index: number
+  readonly value: string
+}

package/src/parts/VirtualDomDiff/VirtualDomDiff.ts

@@ -0,0 +1,96 @@
+import type { Patch } from '../Patch/Patch.ts'
+import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
+import * as PatchType from '../PatchType/PatchType.ts'
+import * as VirtualDomElements from '../VirtualDomElements/VirtualDomElements.ts'
+
+export const diff = (
+  oldNodes: readonly VirtualDomNode[],
+  newNodes: readonly VirtualDomNode[],
+): readonly Patch[] => {
+  const patches: Patch[] = []
+
+  // Compare nodes at each index
+  for (let i = 0; i < Math.max(oldNodes.length, newNodes.length); i++) {
+    const oldNode = oldNodes[i]
+    const newNode = newNodes[i]
+
+    // Handle node removal
+    if (!newNode) {
+      patches.push({
+        type: PatchType.Replace,
+        index: i,
+        // @ts-ignore
+        node: undefined,
+      })
+      continue
+    }
+
+    // Handle node addition
+    if (!oldNode) {
+      patches.push({
+        type: PatchType.Replace,
+        index: i,
+        node: newNode,
+      })
+      continue
+    }
+
+    // Different node types - complete replacement
+    if (oldNode.type !== newNode.type) {
+      patches.push({
+        type: PatchType.Replace,
+        index: i,
+        node: newNode,
+      })
+      continue
+    }
+
+    // Text node changes
+    if (
+      oldNode.type === VirtualDomElements.Text &&
+      newNode.type === VirtualDomElements.Text
+    ) {
+      if (oldNode.text !== newNode.text) {
+        patches.push({
+          type: PatchType.SetText,
+          index: i,
+          value: newNode.text,
+        })
+      }
+      continue
+    }
+
+    // Attribute changes
+    const oldKeys = Object.keys(oldNode).filter(
+      (key) => key !== 'type' && key !== 'childCount',
+    )
+    const newKeys = Object.keys(newNode).filter(
+      (key) => key !== 'type' && key !== 'childCount',
+    )
+
+    // Check for changed or added attributes
+    for (const key of newKeys) {
+      if (oldNode[key] !== newNode[key]) {
+        patches.push({
+          type: PatchType.SetAttribute,
+          index: i,
+          key,
+          value: newNode[key],
+        })
+      }
+    }
+
+    // Check for removed attributes
+    for (const key of oldKeys) {
+      if (!(key in newNode)) {
+        patches.push({
+          type: PatchType.RemoveAttribute,
+          index: i,
+          key,
+        })
+      }
+    }
+  }
+
+  return patches
+}