@lvce-editor/virtual-dom 1.9.0 → 1.11.0

package/dist/index.js

@@ -50,6 +50,7 @@ var Video = "video";
 var TextArea = "textarea";
 var Select = "select";
 var Option = "option";
+var Code = "code";
 
 // src/parts/VirtualDomElements/VirtualDomElements.ts
 var Audio2 = 0;
@@ -104,6 +105,7 @@ var Video2 = 61;
 var TextArea2 = 62;
 var Select2 = 63;
 var Option2 = 64;
+var Code2 = 65;
 
 // src/parts/ElementTagMap/ElementTagMap.ts
 var getElementTag = (type) => {
@@ -210,6 +212,8 @@ var getElementTag = (type) => {
       return Select;
     case Option2:
       return Option;
+    case Code2:
+      return Code;
     default:
       throw new Error(`element tag not found ${type}`);
   }
@@ -382,7 +386,6 @@ var setProp = ($Element, key, value, eventMap, newEventMap) => {
     case "onDblClick":
     case "onFocus":
     case "onFocusIn":
-    case "onFocusIn":
     case "onFocusOut":
     case "onInput":
     case "onKeyDown":
@@ -472,9 +475,6 @@ 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();
 };
@@ -531,18 +531,49 @@ var applyPatch = ($Element, patches) => {
   }
 };
 
-// src/parts/RegisterEventListeners/RegisterEventListeners.ts
-var listeners = /* @__PURE__ */ Object.create(null);
-var getArgs = (params, event) => {
-  return [...params];
+// src/parts/GetEventListenerArg/GetEventListenerArg.ts
+var getEventListenerArg = (param, event) => {
+  switch (param) {
+    case "event.clientX":
+      return event.clientX;
+    case "event.clientY":
+      return event.clientY;
+    case "event.button":
+      return event.button;
+    case "event.target.value":
+      return event.target.value;
+    case "event.data":
+      return event.data;
+    case "event.deltaMode":
+      return event.deltaMode;
+    case "event.deltaX":
+      return event.deltaX;
+    case "event.deltaY":
+      return event.deltaY;
+    case "event.detail":
+      return event.detail;
+    default:
+      return param;
+  }
+};
+
+// src/parts/GetEventListenerArgs/GetEventListenerArgs.ts
+var getEventListenerArgs = (params, event) => {
+  const serialized = [];
+  for (const param of params) {
+    serialized.push(getEventListenerArg(param, event));
+  }
+  return serialized;
 };
+
+// src/parts/CreateEventListenerFunction/CreateEventListenerFunction.ts
 var createFn = (info) => {
   const fn = (event) => {
     if (info.preventDefault) {
       event.preventDefault(event);
     }
     const uid = getComponentUidFromEvent(event);
-    const args = getArgs(info.params, event);
+    const args = getEventListenerArgs(info.params, event);
     if (args.length === 0) {
       return;
     }
@@ -552,6 +583,9 @@ var createFn = (info) => {
   nameAnonymousFunction(fn, info.name);
   return fn;
 };
+
+// src/parts/RegisterEventListeners/RegisterEventListeners.ts
+var listeners = /* @__PURE__ */ Object.create(null);
 var registerEventListeners = (id, eventListeners) => {
   const map = /* @__PURE__ */ Object.create(null);
   for (const info of eventListeners) {
@@ -590,7 +624,7 @@ var rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
   const oldTop = $Viewlet.style.top;
   const oldWidth = $Viewlet.style.width;
   const oldHeight = $Viewlet.style.height;
-  const activeElement = document.activeElement;
+  const { activeElement } = document;
   const isTreeFocused = activeElement?.getAttribute("role") === "tree";
   const isRootTree = $Viewlet.getAttribute("role") === "tree" && activeElement === $Viewlet;
   const focused = activeElement?.getAttribute("name");

package/package.json

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

package/src/parts/ApplyPatch/ApplyPatch.ts

@@ -1,4 +1,4 @@
-import { Patch } from '../Patch/Patch.ts'
+import type { Patch } from '../Patch/Patch.ts'
 import * as PatchFunctions from '../PatchFunctions/PatchFunctions.ts'
 import * as PatchType from '../PatchType/PatchType.ts'
 

package/src/parts/CreateEventListenerFunction/CreateEventListenerFunction.ts

@@ -0,0 +1,21 @@
+import * as ComponentUid from '../ComponentUid/ComponentUid.ts'
+import * as GetEventListenerArgs from '../GetEventListenerArgs/GetEventListenerArgs.ts'
+import * as IpcState from '../IpcState/IpcState.ts'
+import * as NameAnonymousFunction from '../NameAnonymousFunction/NameAnonymousFunction.ts'
+
+export const createFn = (info) => {
+  const fn = (event) => {
+    if (info.preventDefault) {
+      event.preventDefault(event)
+    }
+    const uid = ComponentUid.getComponentUidFromEvent(event)
+    const args = GetEventListenerArgs.getEventListenerArgs(info.params, event)
+    if (args.length === 0) {
+      return
+    }
+    const ipc = IpcState.getIpc()
+    ipc.send('Viewlet.executeViewletCommand', uid, ...args)
+  }
+  NameAnonymousFunction.nameAnonymousFunction(fn, info.name)
+  return fn
+}

package/src/parts/ElementTagMap/ElementTagMap.ts

@@ -105,6 +105,8 @@ export const getElementTag = (type) => {
       return ElementTag.Select
     case VirtualDomElements.Option:
       return ElementTag.Option
+    case VirtualDomElements.Code:
+      return ElementTag.Code
     default:
       throw new Error(`element tag not found ${type}`)
   }

package/src/parts/ElementTags/ElementTags.ts

@@ -50,3 +50,4 @@ export const Video = 'video'
 export const TextArea = 'textarea'
 export const Select = 'select'
 export const Option = 'option'
+export const Code = 'code'

package/src/parts/GetEventListenerArg/GetEventListenerArg.ts

@@ -0,0 +1,24 @@
+export const getEventListenerArg = (param: string, event: any): any => {
+  switch (param) {
+    case 'event.clientX':
+      return event.clientX
+    case 'event.clientY':
+      return event.clientY
+    case 'event.button':
+      return event.button
+    case 'event.target.value':
+      return event.target.value
+    case 'event.data':
+      return event.data
+    case 'event.deltaMode':
+      return event.deltaMode
+    case 'event.deltaX':
+      return event.deltaX
+    case 'event.deltaY':
+      return event.deltaY
+    case 'event.detail':
+      return event.detail
+    default:
+      return param
+  }
+}

package/src/parts/GetEventListenerArgs/GetEventListenerArgs.ts

@@ -0,0 +1,12 @@
+import * as GetEventListenerArg from '../GetEventListenerArg/GetEventListenerArg.ts'
+
+export const getEventListenerArgs = (
+  params: readonly string[],
+  event: any,
+): readonly any[] => {
+  const serialized: any[] = []
+  for (const param of params) {
+    serialized.push(GetEventListenerArg.getEventListenerArg(param, event))
+  }
+  return serialized
+}

package/src/parts/PatchFunctions/PatchFunctions.ts

@@ -1,5 +1,5 @@
+import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 import * as RenderInternal from '../RenderInternal/RenderInternal.ts'
-import { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 
 export const setAttribute = (
   $Element: HTMLElement,
@@ -18,9 +18,6 @@ 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()
 }

package/src/parts/RegisterEventListeners/RegisterEventListeners.ts

@@ -1,34 +1,11 @@
-import * as ComponentUid from '../ComponentUid/ComponentUid.ts'
-import * as IpcState from '../IpcState/IpcState.ts'
-import * as NameAnonymousFunction from '../NameAnonymousFunction/NameAnonymousFunction.ts'
+import * as CreateEventListenerFunction from '../CreateEventListenerFunction/CreateEventListenerFunction.ts'
 
 const listeners = Object.create(null)
 
-const getArgs = (params, event) => {
-  return [...params]
-}
-
-const createFn = (info) => {
-  const fn = (event) => {
-    if (info.preventDefault) {
-      event.preventDefault(event)
-    }
-    const uid = ComponentUid.getComponentUidFromEvent(event)
-    const args = getArgs(info.params, event)
-    if (args.length === 0) {
-      return
-    }
-    const ipc = IpcState.getIpc()
-    ipc.send('Viewlet.executeViewletCommand', uid, ...args)
-  }
-  NameAnonymousFunction.nameAnonymousFunction(fn, info.name)
-  return fn
-}
-
 export const registerEventListeners = (id, eventListeners) => {
   const map = Object.create(null)
   for (const info of eventListeners) {
-    const fn = createFn(info)
+    const fn = CreateEventListenerFunction.createFn(info)
     map[info.name] = fn
   }
   listeners[id] = map

package/src/parts/RememberFocus/RememberFocus.ts

@@ -17,7 +17,7 @@ export const rememberFocus = (
   const oldWidth = $Viewlet.style.width
   const oldHeight = $Viewlet.style.height
 
-  const activeElement = document.activeElement
+  const {activeElement} = document
   const isTreeFocused = activeElement?.getAttribute('role') === 'tree'
   const isRootTree =
     $Viewlet.getAttribute('role') === 'tree' && activeElement === $Viewlet

package/src/parts/RemoveAttributePatch/RemoveAttributePatch.ts

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

package/src/parts/VirtualDomElementProp/VirtualDomElementProp.ts

@@ -61,7 +61,6 @@ export const setProp = (
     case 'onDblClick':
     case 'onFocus':
     case 'onFocusIn':
-    case 'onFocusIn':
     case 'onFocusOut':
     case 'onInput':
     case 'onKeyDown':

package/src/parts/VirtualDomElements/VirtualDomElements.ts

@@ -52,3 +52,4 @@ export const Video = 61
 export const TextArea = 62
 export const Select = 63
 export const Option = 64
+export const Code = 65