@lvce-editor/server 0.11.0 → 0.11.2

package/static/2fd2efe/packages/renderer-process/src/parts/ViewletSearch/ViewletSearch.js

@@ -1,207 +0,0 @@
-import * as Assert from '../Assert/Assert.js'
-import * as DirentType from '../DirentType/DirentType.js'
-import * as InputBox from '../InputBox/InputBox.js'
-import * as ViewletSearchEvents from './ViewletSearchEvents.js'
-import * as Label from '../Label/Label.js'
-
-// TODO name export not necessary
-export const name = 'Search'
-
-export const create = () => {
-  const $ViewletSearchInput = InputBox.create()
-  $ViewletSearchInput.placeholder = 'Search'
-  $ViewletSearchInput.type = 'search'
-  $ViewletSearchInput.enterKeyHint = 'search'
-  $ViewletSearchInput.oninput = ViewletSearchEvents.handleInput
-  $ViewletSearchInput.onfocus = ViewletSearchEvents.handleFocus
-
-  const $SearchStatus = document.createElement('div')
-  // @ts-ignore
-  $SearchStatus.role = 'status'
-  $SearchStatus.className = 'ViewletSearchMessage'
-
-  const $SearchHeader = document.createElement('div')
-  $SearchHeader.className = 'SearchHeader'
-  $SearchHeader.append($ViewletSearchInput, $SearchStatus)
-
-  const $ListItems = document.createElement('div')
-  $ListItems.className = 'ListItems'
-  // TODO onclick vs onmousedown, should be consistent in whole application
-  $ListItems.onmousedown = ViewletSearchEvents.handleClick
-  $ListItems.oncontextmenu = ViewletSearchEvents.handleContextMenu
-  $ListItems.onwheel = ViewletSearchEvents.handleWheel
-
-  const $ScrollBarThumb = document.createElement('div')
-  $ScrollBarThumb.className = 'ScrollBarThumb'
-
-  const $ScrollBar = document.createElement('div')
-  $ScrollBar.className = 'ScrollBarSmall'
-  $ScrollBar.onpointerdown = ViewletSearchEvents.handleScrollBarPointerDown
-  $ScrollBar.append($ScrollBarThumb)
-
-  const $List = document.createElement('div')
-  $List.className = 'Viewlet List'
-  $List.append($ListItems, $ScrollBar)
-
-  const $Viewlet = document.createElement('div')
-  $Viewlet.className = 'Viewlet Search'
-  $Viewlet.append($SearchHeader, $List)
-
-  return {
-    $Viewlet,
-    $ViewletSearchInput,
-    $ListItems,
-    $List,
-    $SearchStatus,
-    $ScrollBar,
-    $ScrollBarThumb,
-  }
-}
-
-export const refresh = (state, context) => {
-  Assert.object(state)
-}
-
-export const focus = (state) => {
-  Assert.object(state)
-  state.$ViewletSearchInput.focus()
-}
-
-const create$Row = () => {
-  const $Row = document.createElement('div')
-  // @ts-ignore
-  $Row.role = 'treeitem'
-  $Row.className = 'TreeItem'
-  const $Label = Label.create('')
-  const $Icon = document.createElement('i')
-  $Row.append($Icon, $Label)
-  return $Row
-}
-
-// TODO much duplication with explorer
-const render$Row = ($Row, rowInfo) => {
-  const {
-    top,
-    type,
-    matchStart,
-    matchLength,
-    text,
-    title,
-    icon,
-    setSize,
-    posInSet,
-    depth,
-  } = rowInfo
-  const $Icon = $Row.childNodes[0]
-  const $Label = $Row.childNodes[1]
-  $Icon.className = `Icon${icon}`
-  if (matchLength) {
-    const before = text.slice(0, matchStart)
-    const highlight = text.slice(matchStart, matchStart + matchLength)
-    const after = text.slice(matchStart + matchLength)
-    const $Before = document.createTextNode(before)
-    const $Highlight = document.createElement('span')
-    $Highlight.className = 'Highlight'
-    $Highlight.textContent = highlight
-    const $After = document.createTextNode(after)
-    $Label.replaceChildren($Before, $Highlight, $After)
-  } else {
-    $Label.textContent = text
-  }
-  $Row.title = title
-  $Row.ariaSetSize = `${setSize}`
-  $Row.ariaLevel = `${depth}`
-  $Row.ariaPosInSet = `${posInSet}`
-  $Row.ariaLabel = rowInfo.name
-  $Row.ariaDescription = ''
-  $Row.style.top = `${top}px`
-  switch (type) {
-    // TODO type should be a number for efficiency
-    case DirentType.Directory:
-      $Row.ariaExpanded = 'false'
-      break
-    case DirentType.DirectoryExpanded:
-      $Row.ariaExpanded = 'true'
-      break
-    case DirentType.File:
-      $Row.ariaExpanded = undefined
-      break
-    default:
-      break
-  }
-}
-
-const render$RowsLess = ($Rows, rowInfos) => {
-  for (let i = 0; i < $Rows.children.length; i++) {
-    render$Row($Rows.children[i], rowInfos[i])
-  }
-  const fragment = document.createDocumentFragment()
-  for (let i = $Rows.children.length; i < rowInfos.length; i++) {
-    const $Row = create$Row()
-    render$Row($Row, rowInfos[i])
-    fragment.append($Row)
-  }
-  $Rows.append(fragment)
-}
-
-const render$RowsEqual = ($Rows, rowInfos) => {
-  for (let i = 0; i < rowInfos.length; i++) {
-    render$Row($Rows.children[i], rowInfos[i])
-  }
-}
-
-const render$RowsMore = ($Rows, rowInfos) => {
-  for (let i = 0; i < rowInfos.length; i++) {
-    render$Row($Rows.children[i], rowInfos[i])
-  }
-  const diff = $Rows.children.length - rowInfos.length
-  for (let i = 0; i < diff; i++) {
-    $Rows.lastChild.remove()
-  }
-}
-
-const render$Rows = ($Rows, rowInfos) => {
-  if ($Rows.children.length < rowInfos.length) {
-    render$RowsLess($Rows, rowInfos)
-  } else if ($Rows.children.length === rowInfos.length) {
-    render$RowsEqual($Rows, rowInfos)
-  } else {
-    render$RowsMore($Rows, rowInfos)
-  }
-}
-
-export const setResults = (state, results) => {
-  Assert.object(state)
-  Assert.array(results)
-  const { $ListItems } = state
-  // TODO should recycle nodes when rendering only search results
-  // maybe could also recycle node from noResults and vice versa
-  render$Rows($ListItems, results)
-}
-
-export const setMessage = (state, message) => {
-  const { $SearchStatus } = state
-  // TODO recycle text node
-  $SearchStatus.textContent = message
-}
-
-export const setValue = (state, value) => {
-  const { $ViewletSearchInput } = state
-  $ViewletSearchInput.value = value
-}
-
-export const dispose = () => {}
-
-// TODO duplicate code with extensions list
-
-export const setContentHeight = (state, height) => {
-  const { $ListItems } = state
-  $ListItems.style.height = `${height}px`
-}
-
-export const setNegativeMargin = (state, negativeMargin) => {
-  const { $ListItems } = state
-  $ListItems.style.top = `${negativeMargin}px`
-}
-
-export * from '../ViewletScrollable/ViewletScrollable.js'

package/static/2fd2efe/packages/renderer-process/src/parts/ViewletSideBar/ViewletSideBar.js

@@ -1,64 +0,0 @@
-import * as Assert from '../Assert/Assert.js'
-
-export const create = () => {
-  const $SideBarTitleAreaTitle = document.createElement('h2')
-  $SideBarTitleAreaTitle.id = 'SideBarTitleAreaTitle'
-
-  const $SideBarTitleAreaButtons = document.createElement('div')
-  $SideBarTitleAreaButtons.id = 'SideBarTitleAreaButtons'
-
-  const $SideBarTitleArea = document.createElement('div')
-  $SideBarTitleArea.id = 'SideBarTitleArea'
-  $SideBarTitleArea.append($SideBarTitleAreaTitle, $SideBarTitleAreaButtons)
-
-  // const $SideBarContent = document.createElement('div')
-  // $SideBarContent.id = 'SideBarContent'
-
-  const $Viewlet = document.createElement('div')
-  $Viewlet.id = 'SideBar'
-  $Viewlet.className = 'Viewlet SideBar'
-  // @ts-ignore
-  $Viewlet.role = 'complementary'
-  $Viewlet.ariaRoleDescription = 'Side Bar'
-  $Viewlet.append($SideBarTitleArea)
-
-  return {
-    $Viewlet,
-    $SideBar: $Viewlet,
-    $SideBarTitleArea,
-    $SideBarTitleAreaButtons,
-    $SideBarContent: undefined,
-    $SideBarTitleAreaTitle,
-  }
-}
-
-export const dispose = (state) => {
-  Assert.object(state)
-  state.$SideBar.replaceChildren()
-}
-
-export const appendViewlet = (state, name, $Viewlet) => {
-  Assert.object(state)
-  Assert.string(name)
-  const $SideBarTitleAreaTitle = state.$SideBarTitleAreaTitle
-  $SideBarTitleAreaTitle.title = name
-  $SideBarTitleAreaTitle.textContent = name
-  // TODO is it a problem that the id is duplicated for a short amount of time here?
-  $Viewlet.id = 'SideBarContent'
-  if (state.$SideBarContent) {
-    state.$SideBarContent.replaceWith($Viewlet)
-  } else {
-    state.$SideBar.append($Viewlet)
-  }
-  state.$SideBarContent = $Viewlet
-}
-
-export const setTitle = (state, name) => {
-  const { $SideBarTitleAreaTitle } = state
-  $SideBarTitleAreaTitle.title = name
-  $SideBarTitleAreaTitle.textContent = name
-}
-
-export const focus = async () => {
-  // await
-}

package/static/2fd2efe/packages/renderer-process/src/parts/ViewletSimpleBrowser/ViewletSimpleBrowser.js

@@ -1,95 +0,0 @@
-import * as InputBox from '../InputBox/InputBox.js'
-import * as Icon from '../Icon/Icon.js'
-import * as IconButton from '../IconButton/IconButton.js'
-import * as MaskIcon from '../MaskIcon/MaskIcon.js'
-import * as ViewletSimpleBrowserEvents from './ViewletSimpleBrowserEvents.js'
-
-export const name = 'SimpleBrowser'
-
-/**
- * @enum {string}
- */
-const UiStrings = {
-  Back: 'Back',
-  Forward: 'Forward',
-  Reload: 'Reload',
-  OpenExternal: 'Open External',
-  Cancel: 'Cancel',
-}
-
-export const create = () => {
-  const $ButtonBack = IconButton.create$Button(UiStrings.Back, Icon.ArrowLeft)
-  $ButtonBack.onclick = ViewletSimpleBrowserEvents.handleClickBackward
-
-  const $ButtonForward = IconButton.create$Button(
-    UiStrings.Forward,
-    Icon.ArrowRight
-  )
-  $ButtonForward.onclick = ViewletSimpleBrowserEvents.handleClickForward
-
-  const $ButtonReload = IconButton.create$Button(UiStrings.Reload, Icon.Refresh)
-  $ButtonReload.onclick = ViewletSimpleBrowserEvents.handleClickReload
-
-  const $InputBox = InputBox.create()
-  $InputBox.type = 'url'
-  $InputBox.enterKeyHint = 'go'
-  $InputBox.oninput = ViewletSimpleBrowserEvents.handleInput
-  $InputBox.onfocus = ViewletSimpleBrowserEvents.handleFocus
-  $InputBox.onblur = ViewletSimpleBrowserEvents.handleBlur
-
-  const $ButtonOpenExternal = IconButton.create$Button(
-    UiStrings.OpenExternal,
-    Icon.LinkExternal
-  )
-  $ButtonOpenExternal.onclick =
-    ViewletSimpleBrowserEvents.handleClickOpenExternal
-
-  const $SimpleBrowserHeader = document.createElement('div')
-  $SimpleBrowserHeader.className = 'SimpleBrowserHeader'
-  $SimpleBrowserHeader.append(
-    $ButtonBack,
-    $ButtonForward,
-    $ButtonReload,
-    $InputBox,
-    $ButtonOpenExternal
-  )
-
-  const $Viewlet = document.createElement('div')
-  $Viewlet.className = 'Viewlet SimpleBrowser'
-  $Viewlet.append($SimpleBrowserHeader)
-  return {
-    $Viewlet,
-    $InputBox,
-    $ButtonBack,
-    $ButtonForward,
-    $ButtonReload,
-  }
-}
-
-export const setIframeSrc = (state, iframeSrc) => {
-  const { $InputBox } = state
-  if ($InputBox.value === iframeSrc) {
-    return
-  }
-  $InputBox.value = iframeSrc
-}
-
-export const setButtonsEnabled = (state, canGoBack, canGoForward) => {
-  const { $ButtonForward, $ButtonBack } = state
-  $ButtonBack.disabled = !canGoBack
-  $ButtonForward.disabled = !canGoForward
-}
-
-export const setLoading = (state, loading) => {
-  const { $ButtonReload } = state
-  const $Icon = $ButtonReload.firstChild
-  if (loading) {
-    $ButtonReload.title = UiStrings.Cancel
-    MaskIcon.setIcon($Icon, Icon.Close)
-  } else {
-    $ButtonReload.title = UiStrings.Reload
-    MaskIcon.setIcon($Icon, Icon.Refresh)
-  }
-}
-
-export const dispose = (state) => {}

package/static/2fd2efe/packages/renderer-process/src/parts/ViewletSourceControl/ViewletSourceControl.js

@@ -1,91 +0,0 @@
-import { findIndex } from '../../shared/findIndex.js'
-import * as Focus from '../Focus/Focus.js'
-import * as InputBox from '../InputBox/InputBox.js'
-import * as KeyBindings from '../KeyBindings/KeyBindings.js'
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-import * as Assert from '../Assert/Assert.js'
-
-export const name = 'Source Control'
-
-const getFileName = (file) => {
-  return file.slice(file.lastIndexOf('/') + 1)
-}
-
-const create$Item = (item) => {
-  const $Item = document.createElement('li')
-  $Item.className = 'TreeItem'
-  $Item.textContent = getFileName(item.file)
-  $Item.title = `${item.file}`
-  // TODO use same virtual list as for explorer
-  $Item.style.position = 'relative'
-  return $Item
-}
-
-const handleFocus = () => {
-  Focus.setFocus('sourceControlInput')
-}
-
-const handleClick = (event) => {
-  const $Target = event.target
-  const $Parent = $Target.closest('.ViewletTree')
-  const index = findIndex($Parent, $Target)
-  // TODO ignore when index === -1
-  RendererWorker.send(
-    /* viewletCommand */ 2133,
-    /* viewletId */ 'Source Control',
-    /* type */ 'handleClick',
-    /* index */ index
-  )
-}
-
-const getPlaceHolderText = () => {
-  return `Message (${KeyBindings.lookupKeyBinding(
-    'scm.acceptInput'
-  )} to commit on 'master'`
-}
-
-export const create = () => {
-  const $ViewSourceControlInput = InputBox.create()
-  $ViewSourceControlInput.placeholder = getPlaceHolderText()
-  $ViewSourceControlInput.onfocus = handleFocus
-  $ViewSourceControlInput.ariaLabel = 'Source Control Input'
-  const $ViewletTree = document.createElement('ul')
-  $ViewletTree.className = 'ViewletTree'
-  $ViewletTree.onclick = handleClick
-  const $Viewlet = document.createElement('div')
-  $Viewlet.className = 'Viewlet SourceControl'
-  $Viewlet.tabIndex = 0
-  $Viewlet.append($ViewSourceControlInput, $ViewletTree)
-  return {
-    $Viewlet,
-    $ViewletTree,
-    $ViewSourceControlInput,
-  }
-}
-
-export const dispose = () => {}
-
-export const setChangedFiles = (state, workingTree) => {
-  Assert.object(state)
-  Assert.array(workingTree)
-  const $$Entries = workingTree.map(create$Item)
-  state.$ViewletTree.append(...$$Entries)
-}
-
-export const setError = (state, error) => {
-  Assert.object(state)
-  Assert.string(error)
-  const $Error = document.createElement('div')
-  $Error.className = 'Error'
-  $Error.textContent = error
-  state.$ViewletTree.append($Error)
-}
-
-export const setInputValue = (state, value) => {
-  const { $ViewSourceControlInput } = state
-  $ViewSourceControlInput.value = value
-}
-
-export const focus = (state) => {
-  state.$ViewSourceControlInput.focus()
-}

package/static/2fd2efe/packages/renderer-process/src/parts/ViewletStatusBar/ViewletStatusBar.js

@@ -1,120 +0,0 @@
-import * as Assert from '../Assert/Assert.js'
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-
-const getIconClassName = (icon) => {
-  switch (icon) {
-    case '$(sync-spin)':
-    case '$(sync~spin)':
-      return 'StatusBarIcon AnimationSpin'
-    case '$(sync)':
-      return 'StatusBarIcon'
-    case '$(source-control)':
-      return 'StatusBarIcon'
-    default:
-      console.warn(`unknown icon "${icon}"`)
-      return ''
-  }
-}
-
-const getMaskImageUrl = (icon) => {
-  switch (icon) {
-    case '$(sync-spin)':
-    case '$(sync~spin)':
-    case '$(sync)':
-      return 'url(/icons/icon-sync.svg)'
-    case '$(source-control)':
-      return 'url(/icons/icon-source-control.svg)'
-    default:
-      return ''
-  }
-}
-
-const create$StatusBarItem = (item) => {
-  const $StatusBarItem = document.createElement('li')
-  $StatusBarItem.className = 'StatusBarItem'
-  // @ts-ignore
-  $StatusBarItem.role = 'button'
-  $StatusBarItem.dataset.name = item.name
-  $StatusBarItem.tabIndex = -1
-  $StatusBarItem.textContent = item.text
-  $StatusBarItem.dataset.command = item.command
-  if (item.tooltip) {
-    $StatusBarItem.title = item.tooltip
-  }
-  if (item.icon) {
-    const $StatusBarItemIcon = document.createElement('span')
-    $StatusBarItemIcon.className = getIconClassName(item.icon)
-    // @ts-ignore
-    $StatusBarItemIcon.style.maskImage = getMaskImageUrl(item.icon)
-    $StatusBarItemIcon.style.webkitMaskImage = getMaskImageUrl(item.icon)
-    $StatusBarItem.prepend($StatusBarItemIcon)
-  }
-  return $StatusBarItem
-}
-
-const handleClick = (event) => {
-  const $Target = event.target
-  if ($Target.className !== 'StatusBarItem') {
-    return
-  }
-  const command = Number.parseInt($Target.dataset.command, 10)
-  RendererWorker.send(command)
-}
-
-// TODO get items from renderer worker
-// const statusBarItemsLeft = [
-//   {
-//     name: 'RunTests',
-//     text: 'Run Tests',
-//     tooltip: '',
-//     command: 909021,
-//   },
-// ]
-
-// const statusBarItemsRight = []
-
-export const create = (statusBarItemsLeft, statusBarItemsRight) => {
-  const $StatusBarItemsLeft = document.createElement('ul')
-  $StatusBarItemsLeft.id = 'StatusBarItemsLeft'
-
-  const $StatusBarItemsRight = document.createElement('ul')
-  $StatusBarItemsRight.id = 'StatusBarItemsRight'
-
-  const $Viewlet = document.createElement('div')
-  $Viewlet.id = 'StatusBar'
-  $Viewlet.className = 'Viewlet StatusBar'
-  $Viewlet.onclick = handleClick
-  $Viewlet.tabIndex = 0
-  // @ts-ignore
-  $Viewlet.role = 'status'
-  $Viewlet.ariaRoleDescription = 'Status Bar'
-  $Viewlet.ariaLive = 'off' // see https://github.com/microsoft/vscode/issues/94677
-  $Viewlet.append($StatusBarItemsLeft, $StatusBarItemsRight)
-
-  return {
-    $Viewlet,
-    $StatusBar: $Viewlet,
-    $StatusBarItemsLeft,
-    $StatusBarItemsRight,
-  }
-}
-
-const clearNode = (node) => {
-  while (node.firstChild) {
-    node.firstChild.remove()
-  }
-}
-
-export const setItems = (state, statusBarItemsLeft, statusBarItemsRight) => {
-  const $StatusBarItemsLeft = state.$StatusBarItemsLeft
-  const $StatusBarItemsRight = state.$StatusBarItemsRight
-  clearNode($StatusBarItemsLeft)
-  clearNode($StatusBarItemsRight)
-  $StatusBarItemsLeft.append(...statusBarItemsLeft.map(create$StatusBarItem))
-  $StatusBarItemsRight.append(...statusBarItemsRight.map(create$StatusBarItem))
-}
-
-export const focus = (state) => {
-  Assert.object(state)
-  state.$StatusBar.focus()
-}

package/static/2fd2efe/packages/renderer-process/src/parts/ViewletTerminal/ViewletTerminal.js

@@ -1,66 +0,0 @@
-import * as Assert from '../Assert/Assert.js'
-import * as Terminal from '../Terminal/Terminal.js'
-import * as ViewletTerminalEvents from './ViewletTerminalEvents.js'
-
-export const name = 'Terminal'
-
-export const create = () => {
-  const $Viewlet = document.createElement('div')
-  $Viewlet.className = 'Viewlet Terminal'
-  const terminal = Terminal.create({
-    $Element: $Viewlet,
-    handleInput: ViewletTerminalEvents.handleInput,
-  })
-
-  $Viewlet.addEventListener('focusin', ViewletTerminalEvents.handleFocus)
-
-  return {
-    $Viewlet,
-    terminal,
-  }
-}
-
-export const refresh = (state, context) => {
-  // state.element.textContent = context.text
-}
-
-export const dispose = (state) => {
-  // TODO unregister callback
-  // SharedProcess.unregisterChannel(channel )
-
-  window.removeEventListener('resize', state.handleUpdate)
-}
-
-export const focus = (state) => {
-  Assert.object(state)
-  const { terminal } = state
-  terminal.focus()
-}
-
-export const reduceFocus = (state, action) => {}
-
-// TODO what is this
-export const reduceWrite = (state, action) => {
-  const { terminal } = state
-  Terminal.write(terminal, state)
-}
-
-export const reduce = (state, action) => {
-  switch (action.type) {
-    case 'write':
-      return reduceWrite(state, action)
-    case 'focus':
-      return reduceFocus(state, action)
-    default:
-      break
-  }
-}
-
-export const write = (state, data) => {
-  const { terminal } = state
-  Terminal.write(terminal, data)
-}
-
-export const Commands = {
-  9922: write,
-}

package/static/2fd2efe/packages/renderer-process/src/parts/ViewletTitleBar/ViewletTitleBar.js

@@ -1,14 +0,0 @@
-export const create = () => {
-  // TODO set aria label for title bar menu
-  // TODO add tests for aria properties
-  const $Viewlet = document.createElement('div')
-  $Viewlet.id = 'TitleBar'
-  $Viewlet.className = 'Viewlet TitleBar'
-  $Viewlet.ariaLabel = 'Title Bar'
-  // @ts-ignore
-  $Viewlet.role = 'contentinfo'
-  return {
-    $TitleBar: $Viewlet,
-    $Viewlet,
-  }
-}