@lvce-editor/server 0.10.8 → 0.11.1

package/static/d6f2431/packages/renderer-process/src/parts/ViewletPanel/ViewletPanel.js

@@ -1,119 +0,0 @@
-import * as Assert from '../Assert/Assert.js'
-import * as Layout from '../Layout/Layout.js'
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-
-const create$PanelTab = (label, index) => {
-  const $PanelTab = document.createElement('div')
-  $PanelTab.className = 'PanelTab'
-  // @ts-ignore
-  $PanelTab.role = 'tab'
-  $PanelTab.textContent = label
-  $PanelTab.id = `PanelTab-${index + 1}`
-  return $PanelTab
-}
-
-const getNodeIndex = ($Node) => {
-  let index = 0
-  while (($Node = $Node.previousElementSibling)) {
-    index++
-  }
-  return index
-}
-
-const panelTabsHandleClick = (event) => {
-  const $Target = event.target
-  switch ($Target.className) {
-    case 'PanelTab': {
-      const index = getNodeIndex($Target)
-      RendererWorker.send(
-        /* Panel.selectIndex */ 'Panel.selectIndex',
-        /* index */ index
-      )
-      break
-    }
-    default:
-      break
-  }
-}
-
-export const create = () => {
-  const $PanelTabs = document.createElement('div')
-  $PanelTabs.id = 'PanelTabs'
-  // @ts-ignore
-  $PanelTabs.role = 'tablist'
-  $PanelTabs.onmousedown = panelTabsHandleClick
-  $PanelTabs.tabIndex = -1
-  const $PanelHeader = document.createElement('div')
-  $PanelHeader.id = 'PanelHeader'
-  $PanelHeader.append($PanelTabs)
-  // const $PanelContent = document.createElement('div')
-  // $PanelContent.id = 'PanelContent'
-  const $Viewlet = document.createElement('div')
-  $Viewlet.id = 'Panel'
-  $Viewlet.className = 'Viewlet Panel'
-  $Viewlet.append($PanelHeader)
-  $Viewlet.ariaLabel = 'Panel'
-  return {
-    $Panel: $Viewlet,
-    $Viewlet,
-    $PanelTabs,
-    $PanelHeader,
-    $PanelContent: undefined,
-  }
-  // await openViewlet('Terminal')
-}
-
-export const setTabs = (state, tabs) => {
-  state.$PanelTabs.append(...tabs.map(create$PanelTab))
-}
-
-export const appendViewlet = (state, name, $Viewlet) => {
-  Assert.object(state)
-  Assert.string(name)
-  Assert.object($Viewlet)
-  // TODO is it a problem that the id is duplicated for a short amount of time here?
-  $Viewlet.id = 'PanelContent'
-  if (state.$PanelContent) {
-    state.$PanelContent.replaceWith($Viewlet)
-  } else {
-    state.$Panel.append($Viewlet)
-  }
-  state.$PanelContent = $Viewlet
-}
-
-// TODO add test for focus method
-export const focus = (state) => {
-  Assert.object(state)
-  if (!state.currentViewlet) {
-    return
-  }
-  state.currentViewlet.factory.focus(state.currentViewlet.state)
-}
-
-export const dispose = (state) => {
-  if (state.$PanelContent) {
-    state.$PanelContent.remove()
-    state.$PanelContent = undefined
-  }
-  if (state.$PanelTabs) {
-    state.$PanelTabs.remove()
-    state.$PanelTabs = undefined
-  }
-  if (state.$PanelHeader) {
-    state.$PanelHeader.remove()
-    state.$PanelHeader = undefined
-  }
-}
-
-export const setSelectedIndex = (state, oldIndex, newIndex) => {
-  const { $PanelTabs } = state
-  if (oldIndex !== -1) {
-    const $PanelTab = $PanelTabs.children[oldIndex]
-    $PanelTab.removeAttribute('aria-selected')
-  }
-  if (newIndex !== -1) {
-    const $PanelTab = $PanelTabs.children[newIndex]
-    $PanelTab.ariaSelected = true
-    $PanelTabs.setAttribute('aria-activedescendant', $PanelTab.id)
-  }
-}

package/static/d6f2431/packages/renderer-process/src/parts/ViewletProblems/ViewletProblems.js

@@ -1,41 +0,0 @@
-import * as Assert from '../Assert/Assert.js'
-import * as ViewletProblemsEvents from './ViewletProblemsEvents.js'
-
-export const name = 'Problems'
-
-export const create = (problemsCount) => {
-  const $Viewlet = document.createElement('div')
-  $Viewlet.className = 'Viewlet Problems'
-  $Viewlet.tabIndex = 0
-  $Viewlet.onmousedown = ViewletProblemsEvents.handleMouseDown
-  return {
-    $Viewlet,
-  }
-}
-
-export const setFocusedIndex = (state, focusedIndex) => {
-  const { $Viewlet } = state
-  if (focusedIndex === -1) {
-    $Viewlet.classList.add('FocusOutline')
-    $Viewlet.focus()
-  }
-}
-
-export const setProblems = (state, problems) => {
-  Assert.object(state)
-  Assert.array(problems)
-  const { $Viewlet } = state
-  if (problems.length === 0) {
-    $Viewlet.ariaLabel = 'No problems have been detected in the workspace.'
-    $Viewlet.textContent = 'No problems have been detected in the workspace.'
-  } else {
-    // TODO adjust aria-label
-    $Viewlet.ariaLabel = 'No problems have been detected in the workspace.'
-    $Viewlet.textContent = problems.join('\n')
-  }
-}
-
-export const focus = (state) => {
-  const { $Viewlet } = state
-  $Viewlet.focus()
-}

package/static/d6f2431/packages/renderer-process/src/parts/ViewletProblems/ViewletProblemsEvents.js

@@ -1,6 +0,0 @@
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-
-export const handleMouseDown = (event) => {
-  event.preventDefault()
-  RendererWorker.send(/* ViewletProblems.focusIndex */ 7550, /* index */ -1)
-}

package/static/d6f2431/packages/renderer-process/src/parts/ViewletQuickPick/ViewletQuickPick.js

@@ -1,312 +0,0 @@
-/* Tries to implement the pattern for combobox with listbox popup https://www.w3.org/TR/wai-aria-1.2/#combobox */
-
-import * as AriaAlert from '../AriaAlert/AriaAlert.js'
-import * as Focus from '../Focus/Focus.js'
-import * as InputBox from '../InputBox/InputBox.js'
-import * as Platform from '../Platform/Platform.js'
-import * as ViewletQuickPickEvents from './ViewletQuickPickEvents.js'
-
-// TODO use another virtual list that just appends elements and
-// is optimized for fast show/hide, scrolling performance should
-// be good as well but is not as important as fast show/hide
-
-// TODO screenreader makes pause after reading colon, maybe there is a setting for screenreaders so they speak normally
-
-// TODO state
-
-// TODO when quickpick is shown recalculate style and layout is really slow (>10ms every time)
-
-// TODO accessibility issues with nvda: when pressing escape, it goes into different mode
-// but should just close quick-pick like vscode does
-
-const activeId = 'QuickPickItemActive'
-
-// TODO forbidden:
-// 1. methods
-// 2. functions inside functions
-
-/**
- * @enum {string}
- */
-const ClassNames = {
-  Label: 'Label',
-  QuickPickItem: 'QuickPickItem',
-  Icon: 'Icon',
-  QuickPickItemDescription: 'QuickPickItemDescription',
-  QuickPickStatus: 'QuickPickStatus',
-}
-
-/**
- * @enum {string}
- */
-const Ids = {
-  QuickPickHeader: 'QuickPickHeader',
-  QuickPickItems: 'QuickPickItems',
-  QuickPick: 'QuickPick',
-}
-
-/**
- * @enum {string}
- */
-const Roles = {
-  ListBox: 'listbox',
-  ComboBox: 'combobox',
-  Option: 'option',
-}
-
-const create$QuickPickItem = () => {
-  // TODO many quickPick items may not have description -> avoid creating description dom nodes if there is no description
-  const $QuickPickItemLabelText = document.createTextNode('')
-
-  const $QuickPickItemLabel = document.createElement('div')
-  $QuickPickItemLabel.className = ClassNames.Label
-  $QuickPickItemLabel.append($QuickPickItemLabelText)
-
-  const $QuickPickItemIcon = document.createElement('i')
-  $QuickPickItemIcon.className = ClassNames.Icon
-  const $QuickPickItem = document.createElement('div') // TODO ul/li would be better for structure but might be slower
-  $QuickPickItem.className = ClassNames.QuickPickItem
-  // @ts-ignore
-  $QuickPickItem.role = Roles.Option
-  $QuickPickItem.append($QuickPickItemIcon, $QuickPickItemLabel)
-  return $QuickPickItem
-}
-
-// TODO add test with show and slicedItems length is 0
-
-const create$QuickPickDescription = () => {
-  const $QuickPickItemDescription = document.createElement('div')
-  $QuickPickItemDescription.className = ClassNames.QuickPickItemDescription
-  return $QuickPickItemDescription
-}
-
-const render$QuickPickItemLess = ($QuickPickItem, quickPickItem) => {
-  render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem)
-  const $QuickPickItemDescription = create$QuickPickDescription()
-  // render$QuickPickItemDescription($QuickPickItemDescription, quickPickItem)
-
-  $QuickPickItem.append($QuickPickItemDescription)
-}
-
-const render$QuickPickItemLabel = ($QuickPickItem, quickPickItem) => {
-  $QuickPickItem.children[1].firstChild.nodeValue = quickPickItem.label
-}
-
-const render$QuickPickItemIcon = ($QuickPickItem, quickPickItem) => {
-  $QuickPickItem.children[0].className = `Icon${quickPickItem.icon}`
-}
-
-const render$QuickPickItemEqual = ($QuickPickItem, quickPickItem) => {
-  render$QuickPickItemLabel($QuickPickItem, quickPickItem)
-  render$QuickPickItemIcon($QuickPickItem, quickPickItem)
-}
-
-const render$QuickPickItemMore = ($QuickPickItem, quickPickItem) => {
-  render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem)
-  $QuickPickItem.lastChild.remove()
-}
-
-const render$QuickPickItem = ($QuickPickItem, quickPickItem) => {
-  $QuickPickItem.ariaPosInSet = `${quickPickItem.posInSet}` // TODO pass correct number as prop
-  $QuickPickItem.ariaSetSize = `${quickPickItem.setSize}`
-  $QuickPickItem.quickPickItem = quickPickItem
-  render$QuickPickItemEqual($QuickPickItem, quickPickItem)
-}
-
-const render$QuickPickItemsLess = ($QuickPickItems, quickPickItems) => {
-  for (let i = 0; i < $QuickPickItems.children.length; i++) {
-    render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i])
-  }
-  const fragment = document.createDocumentFragment()
-  for (
-    let i = $QuickPickItems.children.length;
-    i < quickPickItems.length;
-    i++
-  ) {
-    const $QuickPickItem = create$QuickPickItem()
-    render$QuickPickItem($QuickPickItem, quickPickItems[i])
-    fragment.append($QuickPickItem)
-  }
-  $QuickPickItems.append(fragment)
-}
-
-const render$QuickPickItemsEqual = ($QuickPickItems, quickPickItems) => {
-  for (let i = 0; i < quickPickItems.length; i++) {
-    render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i])
-  }
-}
-
-const render$QuickPickItemsMore = ($QuickPickItems, quickPickItems) => {
-  for (let i = 0; i < quickPickItems.length; i++) {
-    render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i])
-  }
-  const diff = $QuickPickItems.children.length - quickPickItems.length
-  for (let i = 0; i < diff; i++) {
-    $QuickPickItems.lastChild.remove()
-  }
-}
-
-const render$QuickPickItems = ($QuickPickItems, quickPickItems) => {
-  if ($QuickPickItems.children.length < quickPickItems.length) {
-    render$QuickPickItemsLess($QuickPickItems, quickPickItems)
-  } else if ($QuickPickItems.children.length === quickPickItems.length) {
-    render$QuickPickItemsEqual($QuickPickItems, quickPickItems)
-  } else {
-    render$QuickPickItemsMore($QuickPickItems, quickPickItems)
-  }
-}
-
-export const setVisiblePicks = (state, visiblePicks) => {
-  if (state.$QuickPickStatus) {
-    hideStatus(state)
-  }
-  render$QuickPickItems(state.$QuickPickItems, visiblePicks)
-}
-
-export const setFocusedIndex = (state, oldFocusedIndex, newFocusedIndex) => {
-  const { $QuickPickItems, $QuickPickInput } = state
-  if (oldFocusedIndex >= 0) {
-    const $OldItem = $QuickPickItems.children[oldFocusedIndex]
-    if ($OldItem) {
-      $OldItem.removeAttribute('id')
-    }
-  }
-  if (newFocusedIndex >= 0) {
-    const $NewItem = $QuickPickItems.children[newFocusedIndex]
-    if ($NewItem) {
-      $NewItem.id = activeId
-      $QuickPickInput.setAttribute('aria-activedescendant', activeId)
-    }
-  }
-}
-
-const focusElement = ($Element) => {
-  if (Platform.isMobile) {
-    // workaround to disable virtual keyboard automatically opening on android
-    // see https://stackoverflow.com/questions/48635501/how-to-hide-soft-keyboard-and-keep-input-on-focus#answer-53104238
-    $Element.readOnly = true
-    $Element.focus()
-    const handleTimeout = () => {
-      $Element.readOnly = false
-    }
-    setTimeout(handleTimeout, 0)
-  } else {
-    $Element.focus()
-  }
-}
-
-export const focus = (state) => {
-  const { $QuickPickInput } = state
-  focusElement($QuickPickInput)
-  Focus.setFocus('quickPickInput')
-}
-
-// TODO
-// - for windows narrator, ariaLabel works well
-// - for nvda ariaRoleDescription works better
-
-export const create = () => {
-  const $QuickPickInput = InputBox.create()
-  $QuickPickInput.setAttribute('aria-controls', Ids.QuickPickItems) // TODO use idl once supported
-  // @ts-ignore
-  $QuickPickInput.role = Roles.ComboBox
-  $QuickPickInput.ariaLabel = 'Type the name of a command to run.'
-  $QuickPickInput.ariaAutoComplete = 'list'
-  $QuickPickInput.onblur = ViewletQuickPickEvents.handleBlur
-  $QuickPickInput.addEventListener(
-    'beforeinput',
-    ViewletQuickPickEvents.handleBeforeInput
-  )
-  $QuickPickInput.ariaExpanded = 'true'
-
-  const $QuickPickHeader = document.createElement('div')
-  $QuickPickHeader.id = Ids.QuickPickHeader
-  $QuickPickHeader.append($QuickPickInput)
-
-  const $QuickPickItems = document.createElement('div')
-  $QuickPickItems.id = Ids.QuickPickItems
-  // @ts-ignore
-  $QuickPickItems.role = Roles.ListBox
-  $QuickPickItems.onpointerdown = ViewletQuickPickEvents.handlePointerDown
-  $QuickPickItems.addEventListener(
-    'wheel',
-    ViewletQuickPickEvents.handleWheel,
-    { passive: true }
-  )
-
-  // TODO this works well with nvda but not with windows narrator
-  // probably a bug with windows narrator that doesn't support ariaRoleDescription
-  $QuickPickItems.ariaRoleDescription = 'Quick Input'
-
-  const $QuickPick = document.createElement('div')
-  $QuickPick.id = Ids.QuickPick
-  // $QuickPick.role= 'dialog'
-  $QuickPick.append($QuickPickHeader, $QuickPickItems)
-  // $QuickPick.setAttribute('aria-modal', 'false') // TODO why is this
-  $QuickPick.ariaLabel = 'Quick open'
-
-  return {
-    $Viewlet: $QuickPick,
-    $QuickPick,
-    $QuickPickInput,
-    $QuickPickItems,
-    $QuickPickStatus: undefined,
-  }
-}
-
-export const setPicks = (state, visiblePicks) => {
-  render$QuickPickItems(state.$QuickPickItems, visiblePicks)
-}
-
-const create$QuickPickStatus = () => {
-  const $QuickPickStatus = document.createElement('div')
-  $QuickPickStatus.className = 'QuickPickStatus'
-  // const te.$QuickPickStatus.role = 'status'
-  // $QuickPickStatus.ariaLive = 'polite'
-  // $QuickPickStatus.id = 'QuickPickStatus'
-  return $QuickPickStatus
-}
-
-export const hideStatus = (state) => {
-  state.$QuickPickStatus.remove()
-  state.$QuickPickStatus = undefined
-}
-
-export const showNoResults = (state, noResults, unfocusIndex) => {
-  setPicks(state, [])
-  if (!state.$QuickPickStatus) {
-    state.$QuickPickStatus = create$QuickPickStatus()
-    state.$QuickPick.append(state.$QuickPickStatus)
-  }
-  state.$QuickPickStatus.textContent = 'No Results'
-
-  // announce to screenreaders that there are no results
-  AriaAlert.alert('No results')
-}
-
-// TODO QuickPick module is always loaded lazily -> can create $QuickPick eagerly (no state / less state laying around)
-
-// TODO remove from dom vs display none which should be used?
-
-// TODO have common widgets container for all widgets (this, notifications, context menu)
-export const dispose = (state) => {
-  state.$QuickPickInput.onblur = null
-}
-
-export const setValue = (state, value) => {
-  const { $QuickPickInput } = state
-  $QuickPickInput.value = value
-}
-
-export const setCursorOffset = (state, cursorOffset) => {
-  const { $QuickPickInput } = state
-  $QuickPickInput.selectionStart = cursorOffset
-  $QuickPickInput.selectionEnd = cursorOffset
-}
-
-export const setItemsHeight = (state, itemsHeight) => {
-  const { $QuickPickItems } = state
-  $QuickPickItems.style.height = `${itemsHeight}px`
-}
-
-export const noop = (state) => {}

package/static/d6f2431/packages/renderer-process/src/parts/ViewletReferences/ViewletReferences.js

@@ -1,3 +0,0 @@
-export * from '../ViewletLocations/ViewletLocations.js'
-
-export const name = 'References'

package/static/d6f2431/packages/renderer-process/src/parts/ViewletRunAndDebug/ViewletRunAndDebug.js

@@ -1,38 +0,0 @@
-import * as Assert from '../Assert/Assert.js'
-
-// TODO is name export necessary? (probably not)
-export const name = 'Run and Debug'
-
-const handleMousedown = (event) => {
-  // Highlight.highlightStart(state.$Viewlet)
-}
-
-export const create = () => {
-  const $Viewlet = document.createElement('div')
-  $Viewlet.className = 'Viewlet RunAndDebug'
-  $Viewlet.textContent = 'run and debug'
-  $Viewlet.tabIndex = 0
-  $Viewlet.addEventListener('mousedown', handleMousedown)
-  return {
-    $Viewlet,
-  }
-}
-
-export const refresh = (state, message) => {
-  Assert.object(state)
-  Assert.string(message)
-  state.$Viewlet.textContent = 'Run And Debug - Not implemented'
-}
-
-export const focus = (state) => {
-  // state.$Viewlet.classList.add('Focus')
-  // requestAnimationFrame(() => {
-  //   state.$Viewlet.classList.add('FocusFaded')
-  //   setTimeout(() => {
-  //     state.$Viewlet.classList.remove('FocusFaded')
-  //   }, 1000)
-  // })
-  state.$Viewlet.focus()
-}
-
-export const dispose = () => {}

package/static/d6f2431/packages/renderer-process/src/parts/ViewletSash/ViewletSash.js

@@ -1,14 +0,0 @@
-import * as ViewletSashEvents from './ViewletSashEvents.js'
-
-export const name = 'Sash'
-
-export const create = () => {
-  // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
-  const $Viewlet = document.createElement('div')
-  $Viewlet.className = 'Sash SashVertical'
-  $Viewlet.id = 'SashSideBar'
-  $Viewlet.onpointerdown = ViewletSashEvents.handleSashPointerDown
-  return {
-    $Viewlet,
-  }
-}

package/static/d6f2431/packages/renderer-process/src/parts/ViewletSash/ViewletSashEvents.js

@@ -1,48 +0,0 @@
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-
-// export const handleResize = (event) => {
-//   RendererWorker.send(
-//     /* Layout.handleResize */ 'Layout.handleResize',
-//     /* bounds */ getBounds()
-//   )
-// }
-
-const getSashId = ($Target) => {
-  console.log({ $Target })
-  if ($Target.id === 'SashPanel') {
-    return 'Panel'
-  }
-  if ($Target.id === 'SashSideBar') {
-    return 'SideBar'
-  }
-  return ''
-}
-
-export const handleSashPointerMove = (event) => {
-  const { clientX, clientY } = event
-  RendererWorker.send(
-    /* Layout.handleSashPointerMove */ 'Layout.handleSashPointerMove',
-    /* x */ clientX,
-    /* y */ clientY
-  )
-}
-
-export const handleSashPointerUp = (event) => {
-  const { target, pointerId } = event
-  target.releasePointerCapture(pointerId)
-  target.removeEventListener('pointermove', handleSashPointerMove)
-  target.removeEventListener('pointerup', handleSashPointerUp)
-}
-
-export const handleSashPointerDown = (event) => {
-  const { target, pointerId } = event
-  target.setPointerCapture(pointerId)
-  target.addEventListener('pointermove', handleSashPointerMove)
-  target.addEventListener('pointerup', handleSashPointerUp)
-  const $Target = event.target
-  const id = getSashId($Target)
-  RendererWorker.send(
-    /* Layout.handleSashPointerDown */ 'Layout.handleSashPointerDown',
-    /* id */ id
-  )
-}