@lvce-editor/virtual-dom 2.18.0 → 3.1.0

package/src/parts/GetWrappedListener/GetWrappedListener.ts

@@ -1,25 +0,0 @@
-import * as ComponentUid from '../ComponentUid/ComponentUid.ts'
-import * as IpcState from '../IpcState/IpcState.ts'
-import * as ListenerCache from '../ListenerCache/ListenerCache.ts'
-import * as NameAnonymousFunction from '../NameAnonymousFunction/NameAnonymousFunction.ts'
-
-export const getWrappedListener = (listener, returnValue): any => {
-  if (!returnValue) {
-    return listener
-  }
-  if (!ListenerCache.has(listener)) {
-    const wrapped = (event): void => {
-      const uid = ComponentUid.getComponentUidFromEvent(event)
-      const result = listener(event)
-      // TODO check for empty array by value
-      if (result.length === 0) {
-        return
-      }
-      const ipc = IpcState.getIpc()
-      ipc.send('Viewlet.executeViewletCommand', uid, ...result)
-    }
-    NameAnonymousFunction.nameAnonymousFunction(wrapped, listener.name)
-    ListenerCache.set(listener, wrapped)
-  }
-  return ListenerCache.get(listener)
-}

package/src/parts/Id/Id.ts

@@ -1,5 +0,0 @@
-let id = 0
-
-export const create = (): number => {
-  return ++id
-}

package/src/parts/IpcState/IpcState.ts

@@ -1,11 +0,0 @@
-const state = {
-  ipc: undefined,
-}
-
-export const getIpc = (): any => {
-  return state.ipc
-}
-
-export const setIpc = (value: any): void => {
-  state.ipc = value
-}

package/src/parts/IsInputElement/IsInputElement.ts

@@ -1,3 +0,0 @@
-export const isInputElement = (element: HTMLElement): boolean => {
-  return element instanceof HTMLInputElement
-}

package/src/parts/ListenerCache/ListenerCache.ts

@@ -1,13 +0,0 @@
-const cache = new Map()
-
-export const has = (listener): boolean => {
-  return cache.has(listener)
-}
-
-export const set = (listener, value): void => {
-  cache.set(listener, value)
-}
-
-export const get = (listener): any => {
-  return cache.get(listener)
-}

package/src/parts/Main/Main.ts

@@ -1,16 +0,0 @@
-export { applyPatch } from '../ApplyPatch/ApplyPatch.ts'
-export {
-  getComponentUid,
-  getComponentUidFromEvent,
-  setComponentUid,
-} from '../ComponentUid/ComponentUid.ts'
-export {
-  getDragInfo,
-  removeDragInfo,
-  setDragInfo,
-} from '../DragInfo/DragInfo.ts'
-export { addFileHandle, getFileHandles } from '../FileHandles/FileHandles.ts'
-export { setIpc } from '../IpcState/IpcState.ts'
-export { registerEventListeners } from '../RegisterEventListeners/RegisterEventListeners.ts'
-export { rememberFocus } from '../RememberFocus/RememberFocus.ts'
-export { render, renderInto } from '../VirtualDom/VirtualDom.ts'

package/src/parts/NameAnonymousFunction/NameAnonymousFunction.ts

@@ -1,5 +0,0 @@
-export const nameAnonymousFunction = (fn: any, name: string): void => {
-  Object.defineProperty(fn, 'name', {
-    value: name,
-  })
-}

package/src/parts/NavigateChildPatch/NavigateChildPatch.ts

@@ -1,4 +0,0 @@
-export type NavigateChildPatch = {
-  readonly type: 7
-  readonly index: number
-}

package/src/parts/NavigateParentPatch/NavigateParentPatch.ts

@@ -1,3 +0,0 @@
-export type NavigateParentPatch = {
-  readonly type: 8
-}

package/src/parts/NavigateSiblingPatch/NavigateSiblingPatch.ts

@@ -1,4 +0,0 @@
-export type NavigateSiblingPatch = {
-  readonly type: 10
-  readonly index: number
-}

package/src/parts/Patch/Patch.ts

@@ -1,22 +0,0 @@
-import type { AddPatch } from '../AddPatch/AddPatch.ts'
-import type { AttributePatch } from '../AttributePatch/AttributePatch.ts'
-import type { NavigateChildPatch } from '../NavigateChildPatch/NavigateChildPatch.ts'
-import type { NavigateParentPatch } from '../NavigateParentPatch/NavigateParentPatch.ts'
-import type { NavigateSiblingPatch } from '../NavigateSiblingPatch/NavigateSiblingPatch.ts'
-import type { RemoveAttributePatch } from '../RemoveAttributePatch/RemoveAttributePatch.ts'
-import type { RemoveChildPatch } from '../RemoveChildPatch/RemoveChildPatch.ts'
-import type { RemovePatch } from '../RemovePatch/RemovePatch.ts'
-import type { ReplacePatch } from '../ReplacePatch/ReplacePatch.ts'
-import type { TextPatch } from '../TextPatch/TextPatch.ts'
-
-export type Patch =
-  | TextPatch
-  | AttributePatch
-  | ReplacePatch
-  | RemoveAttributePatch
-  | RemovePatch
-  | AddPatch
-  | NavigateChildPatch
-  | NavigateParentPatch
-  | RemoveChildPatch
-  | NavigateSiblingPatch

package/src/parts/PatchFunctions/PatchFunctions.ts

@@ -1,30 +0,0 @@
-import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
-import * as RenderInternal from '../RenderInternal/RenderInternal.ts'
-
-export const setAttribute = (
-  $Element: HTMLElement,
-  key: string,
-  value: any,
-): void => {
-  $Element.setAttribute(key, value)
-}
-
-export const removeAttribute = ($Element: HTMLElement, key: string): void => {
-  $Element.removeAttribute(key)
-}
-
-export const setText = ($Element: Text, value: string): void => {
-  $Element.nodeValue = value
-}
-
-export const removeChild = ($Element: HTMLElement, index: number): void => {
-  const $Child = $Element.children[index]
-  $Child.remove()
-}
-
-export const add = (
-  $Element: HTMLElement,
-  nodes: readonly VirtualDomNode[],
-): void => {
-  RenderInternal.renderInternal($Element, nodes, {}, {})
-}

package/src/parts/PatchType/PatchType.ts

@@ -1,10 +0,0 @@
-export const SetText = 1
-export const Replace = 2
-export const SetAttribute = 3
-export const RemoveAttribute = 4
-export const Remove = 5
-export const Add = 6
-export const NavigateChild = 7
-export const NavigateParent = 8
-export const RemoveChild = 9
-export const NavigateSibling = 10

package/src/parts/PreventEventsMaybe/PreventEventsMaybe.ts

@@ -1,14 +0,0 @@
-import { isInputElement } from '../IsInputElement/IsInputElement.ts'
-
-export const preventEventsMaybe = (info: any, event: any): void => {
-  if (info.preventDefault === 2) {
-    if (!isInputElement(event.target)) {
-      event.preventDefault()
-    }
-  } else if (info.preventDefault) {
-    event.preventDefault()
-  }
-  if (info.stopPropagation) {
-    event.stopPropagation()
-  }
-}

package/src/parts/QueryInputs/QueryInputs.ts

@@ -1,3 +0,0 @@
-export const queryInputs = ($Viewlet: HTMLElement): readonly any[] => {
-  return [...$Viewlet.querySelectorAll('input, textarea, select')]
-}

package/src/parts/RegisterEventListeners/RegisterEventListeners.ts

@@ -1,17 +0,0 @@
-import * as CreateEventListenerFunction from '../CreateEventListenerFunction/CreateEventListenerFunction.ts'
-
-const listeners = Object.create(null)
-
-export const registerEventListeners = (id, eventListeners): void => {
-  const map = Object.create(null)
-  for (const info of eventListeners) {
-    const fn = CreateEventListenerFunction.createFn(info, map)
-    map[info.name] = fn
-  }
-  listeners[id] = map
-}
-
-export const getEventListenerMap = (id): any => {
-  const map = listeners[id]
-  return map
-}

package/src/parts/RememberFocus/RememberFocus.ts

@@ -1,97 +0,0 @@
-import * as ComponentUid from '../ComponentUid/ComponentUid.ts'
-import * as EventState from '../EventState/EventState.ts'
-import { getActiveElementInside } from '../GetActiveElementInside/GetActiveElementInside.ts'
-import * as QueryInputs from '../QueryInputs/QueryInputs.ts'
-import * as RegisterEventListeners from '../RegisterEventListeners/RegisterEventListeners.ts'
-import * as VirtualDom from '../VirtualDom/VirtualDom.ts'
-
-const focusElement = ($Element: HTMLElement): void => {
-  $Element.focus({ preventScroll: true })
-}
-
-export const rememberFocus = (
-  $Viewlet: HTMLElement,
-  dom: any[],
-  eventMap: any,
-  uid = 0,
-): any => {
-  EventState.startIgnore()
-  const oldLeft = $Viewlet.style.left
-  const oldTop = $Viewlet.style.top
-  const oldWidth = $Viewlet.style.width
-  const oldHeight = $Viewlet.style.height
-  const activeElement = getActiveElementInside($Viewlet)
-  const isTreeFocused = activeElement?.getAttribute('role') === 'tree'
-  const isRootTree =
-    $Viewlet.getAttribute('role') === 'tree' && activeElement === $Viewlet
-  const focused = activeElement?.getAttribute('name')
-  const $Hidden = document.createElement('div')
-  $Hidden.style.display = 'none'
-  if (focused) {
-    if (document.body) {
-      document.body.append($Hidden)
-    }
-    // @ts-ignore
-    $Hidden.append(activeElement)
-  }
-  const $$Inputs = QueryInputs.queryInputs($Viewlet)
-  const inputMap = Object.create(null)
-  for (const $Input of $$Inputs) {
-    inputMap[$Input.name] = $Input.value
-  }
-  if (uid) {
-    const newEventMap = RegisterEventListeners.getEventListenerMap(uid)
-    const $New = VirtualDom.render(dom, eventMap, newEventMap)
-      .firstChild as HTMLElement
-    ComponentUid.setComponentUid($New, uid)
-    const $$NewInputs = QueryInputs.queryInputs($New)
-    for (const $Input of $$NewInputs) {
-      $Input.value = inputMap[$Input.name] || $Input.value || ''
-    }
-    $Viewlet.replaceWith($New)
-    if (focused) {
-      const $NewFocused = $New.querySelector(
-        `[name="${focused}"]`,
-      ) as HTMLInputElement
-      if ($NewFocused) {
-        const $Previous = $Hidden.firstChild as HTMLInputElement
-        $Previous.className = $NewFocused.className
-        $Previous.placeholder = $NewFocused.placeholder
-        if ($NewFocused.childNodes) {
-          $Previous.replaceChildren(...$NewFocused.childNodes)
-        }
-        $NewFocused.replaceWith($Previous)
-      }
-    }
-    $Hidden.remove()
-    $Viewlet = $New
-  } else {
-    VirtualDom.renderInto($Viewlet, dom, eventMap)
-  }
-
-  if (isRootTree) {
-    focusElement($Viewlet)
-  } else if (isTreeFocused) {
-    const $Tree = $Viewlet.querySelector('[role="tree"]')
-    if ($Tree) {
-      // @ts-ignore
-      focusElement($Tree)
-    }
-  } else if (focused) {
-    const $Focused = $Viewlet.querySelector(`[name="${focused}"]`)
-
-    if ($Focused) {
-      // @ts-ignore
-      focusElement($Focused)
-    }
-  }
-
-  $Viewlet.style.top = oldTop
-  $Viewlet.style.left = oldLeft
-  $Viewlet.style.height = oldHeight
-  $Viewlet.style.width = oldWidth
-
-  EventState.stopIgnore()
-
-  return $Viewlet
-}

package/src/parts/RemoveAttributePatch/RemoveAttributePatch.ts

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

package/src/parts/RemoveChildPatch/RemoveChildPatch.ts

@@ -1,4 +0,0 @@
-export interface RemoveChildPatch {
-  readonly type: 9
-  readonly index: number
-}

package/src/parts/RemovePatch/RemovePatch.ts

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

package/src/parts/RenderInternal/RenderInternal.ts

@@ -1,23 +0,0 @@
-import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
-import * as VirtualDomElement from '../VirtualDomElement/VirtualDomElement.ts'
-
-export const renderInternal = (
-  $Parent: HTMLElement,
-  elements: readonly VirtualDomNode[],
-  eventMap: any,
-  newEventMap?: any,
-): void => {
-  const max = elements.length - 1
-  let stack: Node[] = []
-  for (let i = max; i >= 0; i--) {
-    const element = elements[i]
-    const $Element = VirtualDomElement.render(element, eventMap, newEventMap)
-    if (element.childCount > 0) {
-      // @ts-expect-error
-      $Element.append(...stack.slice(0, element.childCount))
-      stack = stack.slice(element.childCount)
-    }
-    stack.unshift($Element)
-  }
-  $Parent.append(...stack)
-}

package/src/parts/ReplacePatch/ReplacePatch.ts

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

package/src/parts/SetDragImage/SetDragImage.ts

@@ -1,14 +0,0 @@
-export const setDragImage = (
-  dataTransfer: DataTransfer,
-  label: string,
-): void => {
-  const dragImage = document.createElement('div')
-  dragImage.className = 'DragImage'
-  dragImage.textContent = label
-  document.body.append(dragImage)
-  dataTransfer.setDragImage(dragImage, -10, -10)
-  const handleTimeOut = (): void => {
-    dragImage.remove()
-  }
-  setTimeout(handleTimeOut, 0)
-}

package/src/parts/TextPatch/TextPatch.ts

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

package/src/parts/UidSymbol/UidSymbol.ts

@@ -1 +0,0 @@
-export const uidSymbol = Symbol('uid')

package/src/parts/VirtualDom/VirtualDom.ts

@@ -1,44 +0,0 @@
-import * as ClearNode from '../ClearNode/ClearNode.ts'
-import * as RenderInternal from '../RenderInternal/RenderInternal.ts'
-
-export const renderInto = ($Parent, dom, eventMap = {}): void => {
-  ClearNode.clearNode($Parent)
-  RenderInternal.renderInternal($Parent, dom, eventMap)
-}
-
-export const renderIncremental = ($Parent, dom): void => {
-  if ($Parent.textContent === '') {
-    // @ts-expect-error
-    renderInternal($Parent, dom)
-    return
-  }
-  // TODO
-  const $Node = $Parent
-  for (let i = 0; i < dom.length; i++) {
-    const node = dom[i]
-    if ($Node.nodeValue !== node.props.text && node.props.text) {
-      $Node.nodeValue = node.props.text
-    }
-    if ($Node.title !== node.props.title && node.props.title) {
-      $Node.title = node.props.title
-    }
-  }
-  // const newCount = dom
-  // const $Root = render(dom)
-  // $Parent.replaceChildren(...$Root.children)
-}
-
-/**
- *
- * @param {any[]} elements
- * @returns
- */
-export const render = (
-  elements,
-  eventMap = {},
-  newEventMap = {},
-): HTMLElement => {
-  const $Root = document.createElement('div')
-  RenderInternal.renderInternal($Root, elements, eventMap, newEventMap)
-  return $Root
-}

package/src/parts/VirtualDomElement/VirtualDomElement.ts

@@ -1,32 +0,0 @@
-import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
-import * as ElementTagMap from '../ElementTagMap/ElementTagMap.ts'
-import * as VirtualDomElementProps from '../VirtualDomElementProps/VirtualDomElementProps.ts'
-import * as VirtualDomElements from '../VirtualDomElements/VirtualDomElements.ts'
-
-const renderDomTextNode = (element: any): Text => {
-  return document.createTextNode(element.text)
-}
-
-const renderDomElement = (
-  element: VirtualDomNode,
-  eventMap: any,
-  newEventMap: any,
-): HTMLElement => {
-  const tag = ElementTagMap.getElementTag(element.type)
-  const $Element = document.createElement(tag)
-  VirtualDomElementProps.setProps($Element, element, eventMap, newEventMap)
-  return $Element
-}
-
-export const render = (
-  element: VirtualDomNode,
-  eventMap: any,
-  newEventMap?: any,
-): Node => {
-  switch (element.type) {
-    case VirtualDomElements.Text:
-      return renderDomTextNode(element)
-    default:
-      return renderDomElement(element, eventMap, newEventMap)
-  }
-}

package/src/parts/VirtualDomElementProp/VirtualDomElementProp.ts

@@ -1,109 +0,0 @@
-import * as AttachEvent from '../AttachEvent/AttachEvent.ts'
-
-export const setProp = (
-  $Element: HTMLElement,
-  key: string,
-  value: any,
-  eventMap: any,
-  newEventMap?: any,
-): void => {
-  switch (key) {
-    case 'maskImage':
-      $Element.style.maskImage = `url('${value}')`
-      $Element.style.webkitMaskImage = `url('${value}')`
-      break
-    case 'paddingLeft':
-    case 'paddingRight':
-    case 'top':
-    case 'left':
-    case 'marginTop':
-      $Element.style[key] = typeof value === 'number' ? `${value}px` : value
-      break
-    case 'translate':
-      $Element.style[key] = value
-      break
-    case 'width':
-    case 'height':
-      if ($Element instanceof HTMLImageElement) {
-        $Element[key] = value
-      } else if (typeof value === 'number') {
-        $Element.style[key] = `${value}px`
-      } else {
-        $Element.style[key] = value
-      }
-      break
-    case 'style':
-      throw new Error('style property is not supported')
-    case 'childCount':
-    case 'type':
-      break
-    case 'ariaOwns': // TODO remove this once idl is supported
-      if (value) {
-        $Element.setAttribute('aria-owns', value)
-      } else {
-        $Element.removeAttribute('aria-owns')
-      }
-      break
-    case 'ariaActivedescendant':
-      if (value) {
-        $Element.setAttribute('aria-activedescendant', value)
-      } else {
-        $Element.removeAttribute('aria-activedescendant')
-      }
-      break
-    case 'ariaControls':
-      $Element.setAttribute('aria-controls', value)
-      break
-    case 'inputType':
-      // @ts-ignore
-      $Element.type = value
-      break
-    case 'ariaLabelledBy':
-      $Element.setAttribute('aria-labelledby', value)
-      break
-    case 'onBlur':
-    case 'onChange':
-    case 'onClick':
-    case 'onContextMenu':
-    case 'onDblClick':
-    case 'onDragEnd':
-    case 'onDragEnter':
-    case 'onDragLeave':
-    case 'onDragOver':
-    case 'onDragStart':
-    case 'onDrop':
-    case 'onFocus':
-    case 'onFocusIn':
-    case 'onFocusOut':
-    case 'onInput':
-    case 'onKeyDown':
-    case 'onMouseDown':
-    case 'onMouseOut':
-    case 'onMouseOver':
-    case 'onPointerDown':
-    case 'onPointerMove':
-    case 'onPointerOut':
-    case 'onPointerOver':
-    case 'onScroll':
-    case 'onWheel':
-      const eventName = key.slice(2).toLowerCase()
-      if (!eventMap || !value) {
-        return
-      }
-      AttachEvent.attachEvent($Element, eventMap, eventName, value, newEventMap)
-      break
-    case 'id':
-      if (value) {
-        $Element[key] = value
-      } else {
-        $Element.removeAttribute(key)
-      }
-      break
-    default:
-      if (key.startsWith('data-')) {
-        $Element.dataset[key.slice('data-'.length)] = value
-      } else {
-        $Element[key] = value
-      }
-  }
-}

package/src/parts/VirtualDomElementProps/VirtualDomElementProps.ts

@@ -1,13 +0,0 @@
-import * as VirtualDomElementProp from '../VirtualDomElementProp/VirtualDomElementProp.ts'
-
-export const setProps = ($Element, props, eventMap, newEventMap): void => {
-  for (const key in props) {
-    VirtualDomElementProp.setProp(
-      $Element,
-      key,
-      props[key],
-      eventMap,
-      newEventMap,
-    )
-  }
-}

package/src/parts/VirtualDomElements/VirtualDomElements.ts

@@ -1,57 +0,0 @@
-export const Audio = 0
-export const Button = 1
-export const Col = 2
-export const ColGroup = 3
-export const Div = 4
-export const H1 = 5
-export const Input = 6
-export const Kbd = 7
-export const Span = 8
-export const Table = 9
-export const TBody = 10
-export const Td = 11
-export const Text = 12
-export const Th = 13
-export const THead = 14
-export const Tr = 15
-export const I = 16
-export const Img = 17
-export const Root = 0
-export const Ins = 20
-export const Del = 21
-export const H2 = 22
-export const H3 = 23
-export const H4 = 24
-export const H5 = 25
-export const H6 = 26
-export const Article = 27
-export const Aside = 28
-export const Footer = 29
-export const Header = 30
-export const Nav = 40
-export const Section = 41
-export const Search = 42
-export const Dd = 43
-export const Dl = 44
-export const Figcaption = 45
-export const Figure = 46
-export const Hr = 47
-export const Li = 48
-export const Ol = 49
-export const P = 50
-export const Pre = 51
-export const A = 53
-export const Abbr = 54
-export const Br = 55
-export const Cite = 56
-export const Data = 57
-export const Time = 58
-export const Tfoot = 59
-export const Ul = 60
-export const Video = 61
-export const TextArea = 62
-export const Select = 63
-export const Option = 64
-export const Code = 65
-export const Label = 66
-export const Dt = 67

package/src/parts/VirtualDomNode/VirtualDomNode.ts

@@ -1,4 +0,0 @@
-export interface VirtualDomNode {
-  readonly type: number
-  readonly [key: string]: any
-}