@lvce-editor/server 0.2.2 → 0.4.1

package/static/{e2dcaea → b10f46d}/packages/renderer-process/src/parts/ViewletExtensions/ViewletExtensions.js

@@ -1,13 +1,12 @@
 import * as FindIndex from '../../shared/findIndex.js'
 import * as Assert from '../Assert/Assert.js'
-import * as Focus from '../Focus/Focus.js'
 import * as InputBox from '../InputBox/InputBox.js'
-import * as MouseEventType from '../MouseEventType/MouseEventType.js'
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-import * as WheelEventType from '../WheelEventType/WheelEventType.js'
+import * as ViewletExtensionsEvents from './ViewletExtensionsEvents.js'
 
 export const name = 'Extensions'
 
+const activeId = 'ExtensionActive'
+
 // TODO vscode uninstall behaviour is better -> more subtle uninstall -> no cta for uninstalling
 
 const DEFAULT_ICON_SRC = '/icons/extensionDefaultIcon.png'
@@ -35,45 +34,6 @@ const getIconSrc = (extension) => {
   return DEFAULT_ICON_SRC
 }
 
-const handleIconError = (event) => {
-  const $Target = event.target
-  if ($Target.src.endsWith(DEFAULT_ICON_SRC)) {
-    return
-  }
-  $Target.src = DEFAULT_ICON_SRC
-}
-
-const handleWheel = (event) => {
-  switch (event.deltaMode) {
-    case WheelEventType.DomDeltaLine:
-      RendererWorker.send(
-        /* ViewletExtensions.handleWheel */ 'Extensions.handleWheel',
-        /* deltaY */ event.deltaY
-      )
-      break
-    case WheelEventType.DomDeltaPixel:
-      RendererWorker.send(
-        /* ViewletExtensions.handleWheel */ 'Extensions.handleWheel',
-        /* deltaY */ event.deltaY
-      )
-      break
-    default:
-      break
-  }
-}
-
-const handleInput = (event) => {
-  const $Target = event.target
-  const value = $Target.value
-  RendererWorker.send(
-    /* ViewletExtensions.handleInput */ 'Extensions.handleInput',
-    /* value */ value
-  )
-  // TODO
-  // TODO use beforeinput event to set value and extension list items at the same time
-  // state.$Viewlet.ariaBusy = 'true'
-}
-
 const findIndex = ($Target) => {
   if ($Target.className.includes('ExtensionListItem')) {
     return FindIndex.findIndex($Target.parentNode, $Target)
@@ -85,111 +45,11 @@ const findIndex = ($Target) => {
   // return -2
 }
 
-const handleContextMenuMouse = (event) => {
-  RendererWorker.send(
-    /* Extensions.handleContextMenu */ 'Extensions.handleContextMenu',
-    /* x */ event.clientX,
-    /* y */ event.clientY
-  )
-}
-
-const handleContextMenuKeyboard = (event) => {}
-
-const handleContextMenu = (event) => {
-  event.preventDefault()
-  switch (event.button) {
-    case MouseEventType.Keyboard:
-      return handleContextMenuKeyboard(event)
-    default:
-      return handleContextMenuMouse(event)
-  }
-}
-
-const getNodeIndex = ($Node) => {
-  let index = 0
-  while (($Node = $Node.previousElementSibling)) {
-    index++
-  }
-  return index
-}
-
-const handleClick = (event) => {
-  const $Target = event.target
-  console.log($Target)
-  switch ($Target.className) {
-    case 'Extension': {
-      const index = getNodeIndex($Target)
-      RendererWorker.send(
-        /* Extensions.handleClick */ 'Extensions.handleClick',
-        /* index */ index
-      )
-      break
-    }
-    case 'ExtensionName':
-    case 'ExtensionDescription':
-    case 'ExtensionFooter': {
-      const index = getNodeIndex($Target.parentNode.parentNode)
-      RendererWorker.send(
-        /* Extensions.handleClick */ 'Extensions.handleClick',
-        /* index */ index
-      )
-      break
-    }
-    case 'ExtensionAuthorName': {
-      const index = getNodeIndex($Target.parentNode.parentNode.parentNode)
-      RendererWorker.send(
-        /* Extensions.handleClick */ 'Extensions.handleClick',
-        /* index */ index
-      )
-      break
-    }
-    default:
-      break
-  }
-}
-
-const handleFocus = (event) => {
-  const $Target = event.target
-  $Target.classList.add('FocusOutline')
-  // TODO maybe have one focus listener inside Viewlet.js instead of each viewlet
-  Focus.setFocus('Extensions')
-
-  // RendererWorker.send(/* ViewletExtensions.focusIndex */ 868, /* index */ -1)
-}
-
-const handleScrollBarMouseDown = (event) => {
-  const $Target = event.target
-  if ($Target.className === 'ScrollBarThumb') {
-    window.addEventListener('mousemove', handleScrollBarThumbMouseMove)
-    window.addEventListener('mouseup', handleScrollBarThumbMouseUp)
-  } else {
-    const y = event.clientY
-    console.log({ y })
-    RendererWorker.send(
-      /* ViewletExtensions.handleScrollBarClick */ 'Extensions.handleScrollBarClick',
-      /* y */ y
-    )
-  }
-}
-
-const handleScrollBarThumbMouseMove = (event) => {
-  const y = event.clientY
-  RendererWorker.send(
-    /* ViewletExtensions.handleScrollBarMouseMove */ 'Extensions.handleScrollBarMove',
-    /* y */ y
-  )
-}
-
-const handleScrollBarThumbMouseUp = () => {
-  window.removeEventListener('mousemove', handleScrollBarThumbMouseMove)
-  window.removeEventListener('mouseup', handleScrollBarThumbMouseUp)
-}
-
 export const create = () => {
   const $InputBox = InputBox.create()
   $InputBox.type = 'search'
   $InputBox.placeholder = 'Search Extensions in Marketplace'
-  $InputBox.oninput = handleInput
+  $InputBox.oninput = ViewletExtensionsEvents.handleInput
   const $ExtensionHeader = document.createElement('div')
   $ExtensionHeader.className = 'ExtensionHeader'
   $ExtensionHeader.append($InputBox)
@@ -200,16 +60,16 @@ export const create = () => {
   $ExtensionList.ariaLabel = 'Extensions'
   // @ts-ignore
   $ExtensionList.role = 'list'
-  $ExtensionList.oncontextmenu = handleContextMenu
-  $ExtensionList.onclick = handleClick
-  $ExtensionList.onfocus = handleFocus
+  $ExtensionList.oncontextmenu = ViewletExtensionsEvents.handleContextMenu
+  $ExtensionList.onclick = ViewletExtensionsEvents.handleClick
+  $ExtensionList.onfocus = ViewletExtensionsEvents.handleFocus
 
   const $ScrollBarThumb = document.createElement('div')
   $ScrollBarThumb.className = 'ScrollBarThumb'
 
   const $ScrollBar = document.createElement('div')
   $ScrollBar.className = 'ScrollBarSmall'
-  $ScrollBar.onmousedown = handleScrollBarMouseDown
+  $ScrollBar.onmousedown = ViewletExtensionsEvents.handleScrollBarMouseDown
   $ScrollBar.append($ScrollBarThumb)
 
   const $ExtensionListWrapper = document.createElement('div')
@@ -222,7 +82,9 @@ export const create = () => {
   $Viewlet.ariaBusy = 'true'
   $Viewlet.ariaLive = 'polite'
   $Viewlet.append($ExtensionHeader, $ExtensionListWrapper)
-  $Viewlet.addEventListener('wheel', handleWheel, { passive: true })
+  $Viewlet.addEventListener('wheel', ViewletExtensionsEvents.handleWheel, {
+    passive: true,
+  })
 
   return {
     $Viewlet,
@@ -240,20 +102,17 @@ export const setFocusedIndex = (state, oldFocusedIndex, newFocusedIndex) => {
   Assert.number(oldFocusedIndex)
   Assert.number(newFocusedIndex)
   const { $ExtensionList } = state
-  if (oldFocusedIndex !== -1) {
-    console.log($ExtensionList)
-    $ExtensionList.children[oldFocusedIndex].classList.remove('Focused')
+  if (oldFocusedIndex === -1) {
+    $ExtensionList.classList.remove('FocusOutline')
+  } else {
+    $ExtensionList.children[oldFocusedIndex].removeAttribute('id')
   }
   if (newFocusedIndex === -1) {
     $ExtensionList.removeAttribute('aria-activedescendant')
     $ExtensionList.classList.add('FocusOutline')
   } else {
-    $ExtensionList.setAttribute(
-      'aria-activedescendant',
-      $ExtensionList.children[newFocusedIndex].id
-    )
-    $ExtensionList.classList.remove('FocusOutline')
-    $ExtensionList.children[newFocusedIndex].classList.add('Focused')
+    $ExtensionList.children[newFocusedIndex].id = activeId
+    $ExtensionList.setAttribute('aria-activedescendant', activeId)
   }
 }
 
@@ -291,7 +150,6 @@ const render$Extension = ($Extension, extension) => {
 
   $Extension.ariaPosInSet = extension.posInSet
   $Extension.ariaSetSize = extension.setSize
-  $Extension.id = `Extension-${extension.posInSet}`
   $Extension.dataset.state = extension.state
   $Extension.dataset.id = extension.id
   $Extension.style.top = `${extension.top}px`
@@ -331,7 +189,7 @@ const create$Extension = () => {
 
   const icon = document.createElement('img')
   icon.className = 'ExtensionIcon'
-  icon.onerror = handleIconError
+  icon.onerror = ViewletExtensionsEvents.handleIconError
   const buttonManage = document.createElement('button')
   buttonManage.className = 'ExtensionManage'
   // switch (extension.state) {

package/static/b10f46d/packages/renderer-process/src/parts/ViewletExtensions/ViewletExtensionsEvents.js

@@ -0,0 +1,142 @@
+import * as Focus from '../Focus/Focus.js'
+import * as MouseEventType from '../MouseEventType/MouseEventType.js'
+import * as RendererWorker from '../RendererWorker/RendererWorker.js'
+import * as WheelEventType from '../WheelEventType/WheelEventType.js'
+
+const DEFAULT_ICON_SRC = '/icons/extensionDefaultIcon.png'
+const DEFAULT_ICON_LANGUAGE_BASICS = '/icons/language-icon.svg'
+const DEFAULT_ICON_THEME = '/icons/theme-icon.png'
+
+export const handleScrollBarThumbMouseMove = (event) => {
+  const y = event.clientY
+  RendererWorker.send(
+    /* ViewletExtensions.handleScrollBarMouseMove */ 'Extensions.handleScrollBarMove',
+    /* y */ y
+  )
+}
+
+export const handleScrollBarThumbMouseUp = () => {
+  window.removeEventListener('mousemove', handleScrollBarThumbMouseMove)
+  window.removeEventListener('mouseup', handleScrollBarThumbMouseUp)
+}
+
+export const handleScrollBarMouseDown = (event) => {
+  const $Target = event.target
+  if ($Target.className === 'ScrollBarThumb') {
+    window.addEventListener('mousemove', handleScrollBarThumbMouseMove)
+    window.addEventListener('mouseup', handleScrollBarThumbMouseUp)
+  } else {
+    const y = event.clientY
+    console.log({ y })
+    RendererWorker.send(
+      /* ViewletExtensions.handleScrollBarClick */ 'Extensions.handleScrollBarClick',
+      /* y */ y
+    )
+  }
+}
+
+export const handleFocus = (event) => {
+  Focus.setFocus('Extensions')
+}
+
+const getNodeIndex = ($Node) => {
+  let index = 0
+  while (($Node = $Node.previousElementSibling)) {
+    index++
+  }
+  return index
+}
+
+export const handleClick = (event) => {
+  const $Target = event.target
+  console.log($Target)
+  switch ($Target.className) {
+    case 'Extension': {
+      const index = getNodeIndex($Target)
+      RendererWorker.send(
+        /* Extensions.handleClick */ 'Extensions.handleClick',
+        /* index */ index
+      )
+      break
+    }
+    case 'ExtensionName':
+    case 'ExtensionDescription':
+    case 'ExtensionFooter': {
+      const index = getNodeIndex($Target.parentNode.parentNode)
+      RendererWorker.send(
+        /* Extensions.handleClick */ 'Extensions.handleClick',
+        /* index */ index
+      )
+      break
+    }
+    case 'ExtensionAuthorName': {
+      const index = getNodeIndex($Target.parentNode.parentNode.parentNode)
+      RendererWorker.send(
+        /* Extensions.handleClick */ 'Extensions.handleClick',
+        /* index */ index
+      )
+      break
+    }
+    default:
+      break
+  }
+}
+
+const handleContextMenuMouse = (event) => {
+  RendererWorker.send(
+    /* Extensions.handleContextMenu */ 'Extensions.handleContextMenu',
+    /* x */ event.clientX,
+    /* y */ event.clientY
+  )
+}
+
+const handleContextMenuKeyboard = (event) => {}
+
+export const handleContextMenu = (event) => {
+  event.preventDefault()
+  switch (event.button) {
+    case MouseEventType.Keyboard:
+      return handleContextMenuKeyboard(event)
+    default:
+      return handleContextMenuMouse(event)
+  }
+}
+
+export const handleWheel = (event) => {
+  switch (event.deltaMode) {
+    case WheelEventType.DomDeltaLine:
+      RendererWorker.send(
+        /* ViewletExtensions.handleWheel */ 'Extensions.handleWheel',
+        /* deltaY */ event.deltaY
+      )
+      break
+    case WheelEventType.DomDeltaPixel:
+      RendererWorker.send(
+        /* ViewletExtensions.handleWheel */ 'Extensions.handleWheel',
+        /* deltaY */ event.deltaY
+      )
+      break
+    default:
+      break
+  }
+}
+
+export const handleInput = (event) => {
+  const $Target = event.target
+  const value = $Target.value
+  RendererWorker.send(
+    /* ViewletExtensions.handleInput */ 'Extensions.handleInput',
+    /* value */ value
+  )
+  // TODO
+  // TODO use beforeinput event to set value and extension list items at the same time
+  // state.$Viewlet.ariaBusy = 'true'
+}
+
+export const handleIconError = (event) => {
+  const $Target = event.target
+  if ($Target.src.endsWith(DEFAULT_ICON_SRC)) {
+    return
+  }
+  $Target.src = DEFAULT_ICON_SRC
+}

package/static/b10f46d/packages/renderer-process/src/parts/ViewletModule/ViewletModule.js

@@ -0,0 +1,58 @@
+import * as ViewletModuleId from '../ViewletModuleId/ViewletModuleId.js'
+
+export const load = (moduleId) => {
+  switch (moduleId) {
+    case ViewletModuleId.Explorer:
+      return import('../ViewletExplorer/ViewletExplorer.js')
+    case ViewletModuleId.RunAndDebug:
+      return import('../ViewletRunAndDebug/ViewletRunAndDebug.js')
+    case ViewletModuleId.Search:
+      return import('../ViewletSearch/ViewletSearch.js')
+    case ViewletModuleId.SourceControl:
+      return import('../ViewletSourceControl/ViewletSourceControl.js')
+    case ViewletModuleId.Terminal:
+      return import('../ViewletTerminal/ViewletTerminal.js')
+    case ViewletModuleId.Extensions:
+      return import('../ViewletExtensions/ViewletExtensions.js')
+    case ViewletModuleId.DebugConsole:
+      return import('../ViewletDebugConsole/ViewletDebugConsole.js')
+    case ViewletModuleId.Output:
+      return import('../ViewletOutput/ViewletOutput.js')
+    case ViewletModuleId.Problems:
+      return import('../ViewletProblems/ViewletProblems.js')
+    case ViewletModuleId.Empty:
+      return import('../ViewletEmpty/ViewletEmpty.js')
+    case ViewletModuleId.EditorText:
+      return import('../ViewletEditorText/ViewletEditorText.js')
+    case ViewletModuleId.EditorImage:
+      return import('../ViewletEditorImage/ViewletEditorImage.js')
+    case ViewletModuleId.Clock:
+      return import('../ViewletClock/ViewletClock.js')
+    case ViewletModuleId.SideBar:
+      return import('../ViewletSideBar/ViewletSideBar.js')
+    case ViewletModuleId.Panel:
+      return import('../ViewletPanel/ViewletPanel.js')
+    case ViewletModuleId.ActivityBar:
+      return import('../ViewletActivityBar/ViewletActivityBar.js')
+    case ViewletModuleId.ImagePreview:
+      return import('../ImagePreview/ImagePreview.js')
+    case ViewletModuleId.QuickPick:
+      return import('../ViewletQuickPick/ViewletQuickPick.js')
+    case ViewletModuleId.StatusBar:
+      return import('../ViewletStatusBar/ViewletStatusBar.js')
+    case ViewletModuleId.TitleBar:
+      return import('../ViewletTitleBar/ViewletTitleBar.js')
+    case ViewletModuleId.Main:
+      return import('../ViewletMain/ViewletMain.js')
+    case ViewletModuleId.EditorCompletion:
+      return import('../ViewletEditorCompletion/ViewletEditorCompletion.js')
+    case ViewletModuleId.References:
+      return import('../ViewletReferences/ViewletReferences.js')
+    case ViewletModuleId.Implementations:
+      return import('../ViewletImplementations/ViewletImplementations.js')
+    case ViewletModuleId.EditorPlainText:
+      return import('../ViewletEditorPlainText/ViewletEditorPlainText.js')
+    default:
+      throw new Error('unknown module')
+  }
+}

package/static/b10f46d/packages/renderer-process/src/parts/ViewletModuleId/ViewletModuleId.js

@@ -0,0 +1,49 @@
+export const ActivityBar = 'ActivityBar'
+
+export const Clock = 'Clock'
+
+export const DebugConsole = 'Debug Console'
+
+export const EditorCompletion = 'EditorCompletion'
+
+export const EditorImage = 'EditorImage'
+
+export const EditorPlainText = 'EditorPlainText'
+
+export const EditorText = 'EditorText'
+
+export const Empty = 'Empty'
+
+export const Explorer = 'Explorer'
+
+export const Extensions = 'Extensions'
+
+export const ImagePreview = 'ImagePreview'
+
+export const Implementations = 'Implementations'
+
+export const Main = 'Main'
+
+export const Output = 'Output'
+
+export const Panel = 'Panel'
+
+export const Problems = 'Problems'
+
+export const QuickPick = 'QuickPick'
+
+export const References = 'References'
+
+export const RunAndDebug = 'Run And Debug'
+
+export const Search = 'Search'
+
+export const SideBar = 'SideBar'
+
+export const SourceControl = 'Source Control'
+
+export const StatusBar = 'StatusBar'
+
+export const Terminal = 'Terminal'
+
+export const TitleBar = 'TitleBar'

package/static/{e2dcaea → b10f46d}/packages/renderer-process/src/parts/ViewletQuickPick/ViewletQuickPick.js

@@ -109,19 +109,14 @@ const create$QuickPickItem = () => {
   const $QuickPickItemLabel = document.createElement('div')
   $QuickPickItemLabel.className = 'QuickPickItemLabel'
   $QuickPickItemLabel.append($QuickPickItemLabelText)
-  // $QuickPickItemLabel.textContent = item.label || '<missing label>'
-  // const $QuickPickItemDescription = document.createElement('div')
-  // $QuickPickItemDescription.className = 'QuickPickItemDescription'
-  // $QuickPickItemDescription.textContent = item.description
+
+  const $QuickPickItemIcon = document.createElement('i')
+  $QuickPickItemIcon.className = 'Icon'
   const $QuickPickItem = document.createElement('div') // TODO ul/li would be better for structure but might be slower
   $QuickPickItem.className = 'QuickPickItem'
   // @ts-ignore
   $QuickPickItem.role = 'option'
-  // $QuickPickItem.id = `QuickPickItem-${index}`
-  // $QuickPickItem.dataset.index = index
-  // $QuickPickItem.ariaPosInSet = `${index + 1}`
-  // $QuickPickItem.ariaSetSize = `${total}`
-  $QuickPickItem.append($QuickPickItemLabel)
+  $QuickPickItem.append($QuickPickItemIcon, $QuickPickItemLabel)
   return $QuickPickItem
 }
 
@@ -133,10 +128,6 @@ const create$QuickPickDescription = () => {
   return $QuickPickItemDescription
 }
 
-const render$QuickPickItemLabel = ($QuickPickItemLabel, quickPickItem) => {
-  $QuickPickItemLabel.firstChild.nodeValue = quickPickItem.label
-}
-
 const render$QuickPickItemLess = ($QuickPickItem, quickPickItem) => {
   render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem)
   const $QuickPickItemDescription = create$QuickPickDescription()
@@ -145,11 +136,17 @@ const render$QuickPickItemLess = ($QuickPickItem, 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.firstChild, quickPickItem)
-  if (quickPickItem.description) {
-    // render$QuickPickItemDescription($QuickPickItem.children[1], quickPickItem)
-  }
+  render$QuickPickItemLabel($QuickPickItem, quickPickItem)
+  render$QuickPickItemIcon($QuickPickItem, quickPickItem)
 }
 
 const render$QuickPickItemMore = ($QuickPickItem, quickPickItem) => {
@@ -158,17 +155,10 @@ const render$QuickPickItemMore = ($QuickPickItem, quickPickItem) => {
 }
 
 const render$QuickPickItem = ($QuickPickItem, quickPickItem) => {
-  const lengthA = $QuickPickItem.children.length
-  const lengthB = quickPickItem.description ? 2 : 1
   $QuickPickItem.ariaPosInSet = `${quickPickItem.posInSet}` // TODO pass correct number as prop
   $QuickPickItem.ariaSetSize = `${quickPickItem.setSize}`
-  if (lengthA < lengthB) {
-    render$QuickPickItemLess($QuickPickItem, quickPickItem)
-  } else if (lengthA === lengthB) {
-    render$QuickPickItemEqual($QuickPickItem, quickPickItem)
-  } else {
-    render$QuickPickItemMore($QuickPickItem, quickPickItem)
-  }
+  $QuickPickItem.quickPickItem = quickPickItem
+  render$QuickPickItemEqual($QuickPickItem, quickPickItem)
 }
 
 const render$QuickPickItemsLess = ($QuickPickItems, quickPickItems) => {
@@ -226,14 +216,12 @@ export const setFocusedIndex = (state, oldFocusedIndex, newFocusedIndex) => {
   if (oldFocusedIndex >= 0) {
     const $OldItem = $QuickPickItems.children[oldFocusedIndex]
     if ($OldItem) {
-      $OldItem.classList.remove('Focused')
       $OldItem.removeAttribute('id')
     }
   }
   if (newFocusedIndex >= 0) {
     const $NewItem = $QuickPickItems.children[newFocusedIndex]
     if ($NewItem) {
-      $NewItem.classList.add('Focused')
       $NewItem.id = activeId
       $QuickPickInput.setAttribute('aria-activedescendant', activeId)
     }
@@ -358,3 +346,8 @@ export const setCursorOffset = (state, cursorOffset) => {
   $QuickPickInput.selectionStart = cursorOffset
   $QuickPickInput.selectionEnd = cursorOffset
 }
+
+export const setItemsHeight = (state, itemsHeight) => {
+  const { $QuickPickItems } = state
+  $QuickPickItems.style.height = `${itemsHeight}px`
+}

package/static/{e2dcaea → b10f46d}/packages/renderer-process/src/parts/ViewletSearch/ViewletSearch.js

@@ -2,6 +2,7 @@ import * as RendererWorker from '../RendererWorker/RendererWorker.js'
 import * as InputBox from '../InputBox/InputBox.js'
 import * as Assert from '../Assert/Assert.js'
 import * as MouseEventType from '../MouseEventType/MouseEventType.js'
+import * as DirentType from '../DirentType/DirentType.js'
 
 const handleInput = (event) => {
   const $Target = event.target
@@ -147,16 +148,15 @@ const render$Row = ($Row, rowInfo) => {
   $Row.ariaDescription = ''
   switch (rowInfo.type) {
     // TODO type should be a number for efficiency
-    case 'directory':
-    case 'folder':
+    case DirentType.Directory:
       $Row.ariaExpanded = 'false'
       $Row.className = `TreeItem Icon${rowInfo.icon}`
       break
-    case 'directory-expanded':
+    case DirentType.DirectoryExpanded:
       $Row.className = `TreeItem Icon${rowInfo.icon}`
       $Row.ariaExpanded = 'true'
       break
-    case 'file':
+    case DirentType.File:
       $Row.ariaExpanded = undefined
       $Row.className = `TreeItem Icon${rowInfo.icon}`
       break

package/static/{e2dcaea → b10f46d}/packages/renderer-process/src/parts/ViewletTerminal/ViewletTerminal.js

@@ -1,9 +1,7 @@
-import * as Command from '../Command/Command.js'
+import * as Assert from '../Assert/Assert.js'
+import * as Focus from '../Focus/Focus.js'
 import * as RendererWorker from '../RendererWorker/RendererWorker.js'
 import * as Terminal from '../Terminal/Terminal.js'
-import * as Context from '../Context/Context.js'
-import * as Focus from '../Focus/Focus.js'
-import * as Assert from '../Assert/Assert.js'
 
 // TODO support multiple terminals
 let globalTerminal
@@ -104,6 +102,6 @@ export const write = (data) => {
   Terminal.write(globalTerminal, data)
 }
 
-export const __initialize__ = () => {
-  Command.register(9922, write)
+export const Commands = {
+  9922: write,
 }