@lvce-editor/server 0.11.0 → 0.11.2

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

@@ -1,46 +0,0 @@
-// based on https://github.com/microsoft/vscode/blob/5f87632829dc3ac80203e2377727935184399431/src/vs/base/browser/ui/aria/aria.ts (License MIT)
-
-export const state = {
-  $AriaAlert1: undefined,
-  $AriaAlert2: undefined,
-  $AriaMessages: undefined,
-}
-
-const create$AriaAlert = () => {
-  const $AriaAlert = document.createElement('div')
-  $AriaAlert.className = 'AriaAlert'
-  // @ts-ignore
-  $AriaAlert.role = 'alert'
-  $AriaAlert.ariaAtomic = 'true'
-  return $AriaAlert
-}
-
-const setMessage = ($Old, $New, message) => {
-  $Old.textContent = String(Math.random())
-  $Old.ariaHidden = 'true'
-  $New.removeAttribute('aria-hidden')
-  $New.textContent = message
-}
-
-export const alert = (message) => {
-  if (!message) {
-    return
-  }
-
-  if (!state.$AriaMessages) {
-    state.$AriaAlert1 = create$AriaAlert()
-    state.$AriaAlert2 = create$AriaAlert()
-    // TODO find better name, for example AriaMessages, AriaOutlet, AriaContainer, ScreenReaderMessages
-    state.$AriaMessages = document.createElement('div')
-    state.$AriaMessages.className = 'monaco-aria-container'
-    state.$AriaMessages.append(state.$AriaAlert1, state.$AriaAlert2)
-    document.body.append(state.$AriaMessages)
-  }
-  const $AriaAlert1 = state.$AriaAlert1
-  const $AriaAlert2 = state.$AriaAlert2
-  if ($AriaAlert1.textContent === message) {
-    setMessage($AriaAlert1, $AriaAlert2, message)
-  } else {
-    setMessage($AriaAlert2, $AriaAlert1, message)
-  }
-}

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

@@ -1,17 +0,0 @@
-export const File = 'file'
-
-export const Directory = 'directory'
-
-export const DirectoryExpanding = 'directory-expanding'
-
-export const DirectoryExpanded = 'directory-expanded'
-
-export const Symlink = 'symlink'
-
-export const Socket = 'socket'
-
-export const BlockDevice = 'block-device'
-
-export const CharacterDevice = 'character-device'
-
-export const Unknown = 'unknown'

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

@@ -1,215 +0,0 @@
-// TODO so many things in this file
-
-import * as Assert from '../Assert/Assert.js'
-import * as EditorEvents from './EditorEvents.js'
-import * as LayerCursor from './LayerCursor.js'
-import * as LayerDiagnostics from './LayerDiagnostics.js'
-import * as LayerScrollBar from './LayerScrollBar.js'
-import * as LayerSelections from './LayerSelections.js'
-import * as LayerText3 from './LayerText.js'
-// TODO go back to edit mode after pressing escape so screenreaders can navigate https://stackoverflow.com/questions/53909477/how-to-handle-tabbing-for-accessibility-with-a-textarea-that-uses-the-tab-button
-
-// TODO tree shake out mobile support when targeting electron -> less code -> less event listeners -> less memory -> less cpu
-
-// TODO all create functions should have no arguments
-// and be split into two parts
-// 1. create -> only create dom elements
-// 2. render -> fill elements with attributes and data
-// that way all dom nodes can be recycled
-export const create = () => {
-  const $EditorInput = document.createElement('textarea')
-  $EditorInput.className = 'EditorInput'
-  $EditorInput.ariaAutoComplete = 'list'
-  $EditorInput.ariaRoleDescription = 'editor'
-  $EditorInput.ariaMultiLine = 'true'
-  $EditorInput.setAttribute('autocomplete', 'off')
-  $EditorInput.setAttribute('autocapitalize', 'off')
-  $EditorInput.setAttribute('autocorrect', 'off')
-  $EditorInput.setAttribute('wrap', 'off')
-  $EditorInput.setAttribute('spellcheck', 'false')
-  // @ts-ignore
-  $EditorInput.role = 'textbox'
-  $EditorInput.onpaste = EditorEvents.handlePaste
-  // TODO where to best put listeners (side effects)
-  $EditorInput.addEventListener('beforeinput', EditorEvents.handleBeforeInput)
-  $EditorInput.addEventListener(
-    'compositionstart',
-    EditorEvents.handleCompositionStart
-  )
-  $EditorInput.addEventListener(
-    'compositionupdate',
-    EditorEvents.handleCompositionUpdate
-  )
-  $EditorInput.addEventListener(
-    'compositionend',
-    EditorEvents.handleCompositionEnd
-  )
-  $EditorInput.onfocus = EditorEvents.handleFocus
-  $EditorInput.onblur = EditorEvents.handleBlur
-  $EditorInput.oncut = EditorEvents.handleCut
-
-  const $LayerCursor = document.createElement('div')
-  $LayerCursor.className = 'LayerCursor'
-
-  const $LayerText = document.createElement('div')
-  $LayerText.className = 'EditorRows'
-
-  $LayerText.addEventListener('mousedown', EditorEvents.handleMouseDown)
-
-  const $ScrollBarThumb = document.createElement('div')
-  $ScrollBarThumb.className = 'ScrollBarThumb'
-
-  // TODO only create $ScrollBarDiagnostics lazily when there are actually diagnostics
-  const $ScrollBarDiagnostics = document.createElement('div')
-  $ScrollBarDiagnostics.className = 'EditorScrollBarDiagnostics'
-
-  const $ScrollBar = document.createElement('div')
-  $ScrollBar.className = 'ScrollBar'
-  $ScrollBar.onpointerdown = EditorEvents.handleScrollBarPointerDown
-  $ScrollBar.oncontextmenu = EditorEvents.handleScrollBarContextMenu
-  $ScrollBar.append($ScrollBarThumb)
-
-  // $EditorRows.addEventListener('mousemove', handleMouseMove, { passive: true })
-
-  // TODO function should be hoisted (maybe -> one listener for all editors (definitely))
-  // only problem is $EditorInput closure
-
-  // TODO when mousedown on completions -> this shouldn't be called
-
-  const $LayerSelections = document.createElement('div')
-  $LayerSelections.className = 'Selections'
-
-  // TODO maybe use css grid to position layers on top of each other
-  // TODO maybe merge layerDiagnostics with LayerSelections
-  // TODO maybe this should be more generic, e.g. LayerDecorations
-  // where decoration = {top,left, width, height, type/className}
-  const $LayerDiagnostics = document.createElement('div')
-  $LayerDiagnostics.className = 'LayerDiagnostics'
-
-  const $EditorLayers = document.createElement('div')
-  $EditorLayers.className = 'EditorLayers'
-  $EditorLayers.append(
-    $LayerSelections,
-    $LayerText,
-    $LayerCursor,
-    $LayerDiagnostics
-  )
-
-  const $Editor = document.createElement('div')
-  $Editor.className = 'Viewlet Editor'
-  // @ts-ignore
-  $Editor.role = 'code'
-  $Editor.append($EditorInput, $EditorLayers, $ScrollBarDiagnostics, $ScrollBar)
-  $Editor.addEventListener('contextmenu', EditorEvents.handleContextMenu)
-  $Editor.addEventListener('wheel', EditorEvents.handleWheel, { passive: true })
-  $Editor.addEventListener('mousemove', EditorEvents.handlePointerMove, {
-    passive: true,
-  })
-  return {
-    $LayerCursor,
-    $LayerSelections,
-    $LayerText,
-    $EditorLayers,
-    $Editor,
-    $EditorInput,
-    $ScrollBarThumb,
-    $LayerDiagnostics,
-    $ScrollBarDiagnostics,
-    shouldIgnoreSelectionChange: false,
-    $Viewlet: $Editor,
-  }
-}
-
-export const setText = (state, textInfos) => {
-  LayerText3.setLineInfos(state, textInfos)
-}
-
-export const setSettings = (state, fontSize, lineHeight, letterSpacing) => {
-  // TODO many properties on <html> element in chrome devtools looks ugly
-  // maybe put styles into a stylesheet instead of using inline styles?
-  const root = document.documentElement
-  root.style.setProperty('--EditorFontSize', `${fontSize}px`)
-  root.style.setProperty('--EditorLineHeight', `${lineHeight}px`)
-  root.style.setProperty('--EditorLetterSpacing', letterSpacing)
-}
-
-export const setScrollBar = (state, scrollBarY, scrollBarHeight) => {
-  LayerScrollBar.setPosition(state, scrollBarY, scrollBarHeight)
-}
-
-export const renderCursors = (state, cursorInfos) => {
-  LayerCursor.setCursors(state, cursorInfos)
-}
-
-export const renderSelections = (state, selectionInfos) => {
-  LayerSelections.setSelections(state, selectionInfos)
-}
-
-export const renderTextAndCursors = (state, textInfos, cursorInfos) => {
-  LayerText3.setLineInfos(state, textInfos)
-  LayerCursor.setCursors(state, cursorInfos)
-}
-
-export const setSelections = (state, cursorInfos, selectionInfos) => {
-  LayerCursor.setCursors(state, cursorInfos)
-  LayerSelections.setSelections(state, selectionInfos)
-}
-
-export const renderTextAndCursorsAndSelections = (
-  state,
-  scrollBarY,
-  scrollBarHeight,
-  textInfos,
-  cursorInfos,
-  selectionInfos
-) => {
-  Assert.object(state)
-  Assert.number(scrollBarY)
-  Assert.number(scrollBarHeight)
-  Assert.array(textInfos)
-  Assert.array(cursorInfos)
-  Assert.array(selectionInfos)
-  LayerScrollBar.setPosition(state, scrollBarY, scrollBarHeight)
-  LayerText3.setLineInfos(state, textInfos)
-  LayerCursor.setCursors(state, cursorInfos)
-  LayerSelections.setSelections(state, selectionInfos)
-}
-
-// TODO this should be in editor
-const getColumnWidth = () => {
-  const testSpan = document.createElement('span')
-  testSpan.textContent = 'a'
-  testSpan.style.fontSize = '15px'
-  testSpan.style.letterSpacing = '0.5px'
-  testSpan.style.position = 'fixed'
-  testSpan.style.fontFamily = "'Fira Code'"
-  document.body.append(testSpan)
-  const result = Number.parseFloat(getComputedStyle(testSpan).width) / 1
-  testSpan.remove()
-  return result
-}
-
-export const mount = (state, $Parent) => {
-  $Parent.append(state.$Editor)
-}
-
-export const dispose = (state) => {}
-
-export const focus = (state) => {
-  const { $EditorInput } = state
-  if (!$EditorInput.isConnected) {
-    console.warn('unmounted editor cannot be focused')
-  }
-  $EditorInput.focus()
-}
-
-export const setLanguageId = async (state, languageId) => {
-  // state.languageId = languageId
-  // state.$Editor.dataset.languageId = languageId
-  // loadTokenizer(languageId)
-}
-
-export const renderDiagnostics = (state, diagnostics, scrollBarDiagnostics) => {
-  LayerDiagnostics.setDiagnostics(state, diagnostics)
-  LayerScrollBar.setDiagnostics(state, scrollBarDiagnostics)
-}

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

@@ -1,128 +0,0 @@
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-import * as MouseEventType from '../MouseEventType/MouseEventType.js'
-
-// TODO windows
-const getFileName = (uri) => {
-  return uri.slice(uri.lastIndexOf('/') + 1)
-}
-
-const handleEditorTabsContextMenu = (event) => {
-  event.preventDefault()
-  const x = event.clientX
-  const y = event.clientY
-  RendererWorker.send(
-    /* editorTabsHandleContextMenu */ 'Main.handleTabContextMenu',
-    /* x */ x,
-    /* y */ y
-  )
-}
-
-/**
- * @param {MouseEvent} event
- */
-const handleMouseDown = (event) => {
-  event.preventDefault()
-  const $Target = event.target
-  // TODO if middle click -> close tab
-  // else if tab is not focused -> focus tab
-  // else noop
-  switch (event.button) {
-    case MouseEventType.LeftClick:
-      break
-    case MouseEventType.MiddleClick:
-      RendererWorker.send(/* Main.closeEditor */ 'Main.closeFocusedEditor')
-      break
-    default:
-      break
-  }
-}
-
-export const create = () => {
-  const $EditorTabs = document.createElement('ul')
-  $EditorTabs.className = 'EditorTabs'
-  $EditorTabs.oncontextmenu = handleEditorTabsContextMenu
-  $EditorTabs.onmousedown = handleMouseDown
-  return $EditorTabs
-}
-
-const create$Tab = () => {
-  const $Tab = document.createElement('li')
-  // @ts-ignore
-  $Tab.role = 'tab'
-  $Tab.className = 'EditorTab'
-  $Tab.ariaSelected = 'true'
-  $Tab.tabIndex = 0
-  // Set aria-description to empty string so that screen readers don't read title as well
-  // More details https://github.com/microsoft/vscode/issues/95378
-  $Tab.setAttribute('aria-description', '')
-  const $TabLabel = document.createElement('span')
-  return $Tab
-}
-
-const render$Tab = ($Tab, id, uri, languageId) => {
-  const fileName = getFileName(uri)
-  $Tab.textContent = fileName
-  $Tab.title = uri
-  $Tab.dataset.languageId = languageId
-  $Tab.dataset.fileName = fileName
-}
-
-// const render$TabsLess = ($Tabs, tabs) => {
-//   for (let i = 0; i < $Tabs.children.length; i++) {
-//     render$Tab($Tabs.children[i], tabs[i])
-//   }
-//   const fragment = document.createDocumentFragment()
-//   for (let i = $Tabs.children.length; i < tabs.length; i++) {
-//     const $Tab = create$Tab()
-//     render$Tab($Tab, tabs[i])
-//     fragment.append($Tab)
-//   }
-//   $Tabs.append(fragment)
-// }
-
-// const render$TabsEqual = ($Tabs, tabs) => {
-//   for (let i = 0; i < tabs.length; i++) {
-//     render$Tab($Tabs.children[i], tabs[i])
-//   }
-// }
-
-// const render$TabsMore = ($Tabs, tabs) => {
-//   for (let i = 0; i < tabs.length; i++) {
-//     render$Tab($Tabs.children[i], tabs[i])
-//   }
-//   const diff = $Tabs.children.length - tabs.length
-//   for (let i = 0; i < diff; i++) {
-//     $Tabs.lastChild.remove()
-//   }
-// }
-
-// const render$Tabs = ($Tabs, tabs) => {
-//   if ($Tabs.children.length < tabs.length) {
-//     render$TabsLess($Tabs, tabs)
-//   } else if ($Tabs.children.length === tabs.length) {
-//     render$TabsEqual($Tabs, tabs)
-//   } else {
-//     render$TabsMore($Tabs, tabs)
-//   }
-// }
-
-// export const setTabs = (state, tabs) => {
-//   render$Tabs(state.$EditorTabs, tabs)
-// }
-
-export const addOne = ($EditorTabs, id, uri, languageId) => {
-  const $EditorTab = create$Tab()
-  render$Tab($EditorTab, id, uri, languageId)
-  $EditorTabs.append($EditorTab)
-}
-
-// TODO should pass index as well
-export const replaceOne = ($EditorTabs, id, uri, languageId) => {
-  render$Tab($EditorTabs.firstChild, id, uri, languageId)
-}
-
-export const removeOne = ($EditorTabs, index) => {
-  $EditorTabs.firstChild.remove()
-  // const $EditorTab = $EditorTabs.children[index]
-  // $EditorTab.remove()
-}

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

@@ -1,14 +0,0 @@
-export const create = (icon) => {
-  const $Icon = document.createElement('div')
-  $Icon.className = 'MaskIcon'
-  $Icon.style.maskImage = `url('${icon}')`
-  $Icon.style.webkitMaskImage = `url('${icon}')`
-  // @ts-ignore
-  $Icon.role = 'none'
-  return $Icon
-}
-
-export const setIcon = ($Icon, icon) => {
-  $Icon.style.maskImage = `url('${icon}')`
-  $Icon.style.webkitMaskImage = `url('${icon}')`
-}

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

@@ -1,70 +0,0 @@
-import * as MenuItemFlags from '../MenuItemFlags/MenuItemFlags.js'
-
-const getLabel = (item) => {
-  if (!item || !item.label) {
-    console.warn('menu item has missing label', item)
-    return 'n/a'
-  }
-  return item.label
-}
-
-export const create$MenuItem = (item) => {
-  const $MenuItem = document.createElement('div')
-  switch (item.flags) {
-    case MenuItemFlags.None:
-    case MenuItemFlags.RestoreFocus:
-      $MenuItem.className = 'MenuItem'
-      // @ts-ignore
-      $MenuItem.role = 'menuitem'
-      $MenuItem.textContent = getLabel(item)
-      $MenuItem.tabIndex = -1
-      break
-    case MenuItemFlags.Separator:
-      $MenuItem.className = 'MenuItemSeparator'
-      // @ts-ignore
-      $MenuItem.role = 'separator'
-      break
-    case MenuItemFlags.Checked:
-      $MenuItem.className = 'MenuItem'
-      // @ts-ignore
-      $MenuItem.role = 'menuitemcheckbox'
-      $MenuItem.ariaChecked = 'true'
-      $MenuItem.textContent = getLabel(item)
-      $MenuItem.tabIndex = -1
-      break
-    case MenuItemFlags.Unchecked:
-      $MenuItem.className = 'MenuItem'
-      // @ts-ignore
-      $MenuItem.role = 'menuitemcheckbox'
-      $MenuItem.ariaChecked = 'false'
-      $MenuItem.textContent = getLabel(item)
-      $MenuItem.tabIndex = -1
-      break
-    case MenuItemFlags.SubMenu:
-      $MenuItem.className = 'MenuItem'
-      // @ts-ignore
-      $MenuItem.role = 'menuitem'
-      $MenuItem.textContent = getLabel(item)
-      $MenuItem.tabIndex = -1
-      $MenuItem.ariaHasPopup = 'true'
-      $MenuItem.ariaExpanded = 'false'
-      break
-    case MenuItemFlags.Disabled:
-      $MenuItem.className = 'MenuItem'
-      // @ts-ignore
-      $MenuItem.role = 'menuitem'
-      $MenuItem.textContent = getLabel(item)
-      $MenuItem.tabIndex = -1
-      $MenuItem.setAttribute('disabled', 'true')
-      break
-    default:
-      $MenuItem.className = 'MenuItem'
-      // @ts-ignore
-      $MenuItem.role = 'menuitem'
-      $MenuItem.textContent = getLabel(item)
-      $MenuItem.tabIndex = -1
-      console.warn('invalid menu item flags:', item)
-      break
-  }
-  return $MenuItem
-}