@lvce-editor/server 0.5.0 → 0.6.0

package/static/fbac85f/packages/renderer-process/src/parts/MenuEntryId/MenuEntryId.js

@@ -0,0 +1,35 @@
+// TODO this enum should only be present in renderer worker
+export const ActivityBar = 1
+
+export const Edit = 2
+
+export const Editor = 3
+
+export const Explorer = 4
+export const File = 5
+
+export const Go = 6
+
+export const Help = 7
+
+export const ManageExtension = 8
+
+export const OpenRecent = 9
+
+export const Run = 10
+
+export const Selection = 11
+
+export const Settings = 12
+
+export const Tab = 13
+
+export const Terminal = 14
+
+export const TitleBar = 15
+
+export const View = 16
+
+export const ActivityBarAdditionalViews = 17
+
+export const Search = 18

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/ModuleMap/ModuleMap.js

@@ -5,6 +5,7 @@ export const getModuleId = (commandId) => {
     case 'Audio.play':
       return ModuleId.Audio
     case 'ClipBoard.readText':
+    case 'ClipBoard.writeImage':
     case 'ClipBoard.writeText':
       return ModuleId.ClipBoard
     case 'Css.setInlineStyle':
@@ -121,6 +122,7 @@ export const getModuleId = (commandId) => {
     case 'Viewlet.refresh':
     case 'Viewlet.send':
     case 'Viewlet.sendMultiple':
+    case 'Viewlet.setBounds':
       return ModuleId.Viewlet
     case 'WebStorage.clear':
     case 'WebStorage.getItem':

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/OldMenu/Menu.js

@@ -96,14 +96,10 @@ const MOUSE_LOCS_TRACKED = 3
  * @param {MouseEvent} event
  */
 const handleMouseEnter = (event) => {
-  const $Target = event.target
+  const { target, clientX, clientY, timeStamp } = event
   // @ts-ignore
-  const $Menu = $Target.closest('.Menu')
-  const x = event.clientX
-  const y = event.clientY
-  const timeStamp = event.timeStamp
-
-  const index = FindIndex.findIndex($Menu, $Target)
+  const $Menu = target.closest('.Menu')
+  const index = FindIndex.findIndex($Menu, target)
   if (index === -1) {
     return
   }
@@ -112,8 +108,8 @@ const handleMouseEnter = (event) => {
     /* Menu.handleMouseEnter */ 'Menu.handleMouseEnter',
     /* level */ level,
     /* index */ index,
-    /* x */ x,
-    /* y */ y,
+    /* x */ clientX,
+    /* y */ clientY,
     /* timeStamp */ timeStamp
   )
 }
@@ -181,7 +177,9 @@ export const focusIndex = (level, oldFocusedIndex, newFocusedIndex) => {
 
 // TODO replace function that recycles menu dom nodes
 
-const handleBackDropMouseDown = () => {
+const handleBackDropMouseDown = (event) => {
+  event.preventDefault()
+  event.stopPropagation()
   RendererWorker.send(/* Menu.hide */ 'Menu.hide')
 }
 

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/Platform/Platform.js

@@ -32,9 +32,9 @@ export const platform = getPlatform()
 export const state = {
   getAssetDir() {
     // @ts-ignore
-    if (typeof '/4d80653' !== 'undefined') {
+    if (typeof '/fbac85f' !== 'undefined') {
       // @ts-ignore
-      return '/4d80653'
+      return '/fbac85f'
     }
     if (platform === 'electron') {
       return '../../../../..'

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/TestFrameWork/ConditionErrors.js

@@ -4,6 +4,10 @@ export const toBeVisible = (locator) => {
   return `expected selector to be visible ${locator._selector}`
 }
 
+export const toHaveValue = (locator, { value }) => {
+  return `expected selector ${locator._selector} to have value ${value}`
+}
+
 const printLocator = (locator) => {
   if (locator._nth) {
     return `${locator._selector}:nth(${locator._nth})`

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/TestFrameWork/SingleElementConditions.js

@@ -5,6 +5,10 @@ export const toBeVisible = (element) => {
   return element.isConnected
 }
 
+export const toHaveValue = (element, { value }) => {
+  return element.value === value
+}
+
 export const toHaveText = (element, { text }) => {
   return element.textContent === text
 }

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/TestFrameWork/TestFrameWork.js

@@ -100,6 +100,13 @@ export const performKeyBoardAction = (fnName, options) => {
   fn(options)
 }
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message)
+    this.name = 'AssertionError'
+  }
+}
+
 export const checkSingleElementCondition = async (locator, fnName, options) => {
   const startTime = Time.getTimeStamp()
   const endTime = startTime + maxTimeout
@@ -120,7 +127,7 @@ export const checkSingleElementCondition = async (locator, fnName, options) => {
     currentTime = Time.getTimeStamp()
   }
   const message = ConditionErrors[fn.name](locator, options)
-  throw new Error(message)
+  throw new AssertionError(message)
 }
 
 export const checkMultiElementCondition = async (locator, fnName, options) => {
@@ -138,5 +145,5 @@ export const checkMultiElementCondition = async (locator, fnName, options) => {
     currentTime = Time.getTimeStamp()
   }
   const message = ConditionErrors[fn.name](locator, options)
-  throw new Error(message)
+  throw new AssertionError(message)
 }

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/Viewlet/Viewlet.ipc.js

@@ -13,4 +13,5 @@ export const Commands = {
   'Viewlet.send': Viewlet.invoke,
   'Viewlet.sendMultiple': Viewlet.sendMultiple,
   'Viewlet.show': Viewlet.show,
+  'Viewlet.setBounds': Viewlet.setBounds,
 }

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/Viewlet/Viewlet.js

@@ -42,7 +42,6 @@ export const invoke = (viewletId, method, ...args) => {
   }
   if (typeof instance.factory[method] !== 'function') {
     console.warn(`method ${method} in ${viewletId} not implemented`)
-    console.log(instance.factory)
     return
   }
   return instance.factory[method](instance.state, ...args)
@@ -84,10 +83,15 @@ export const send = (viewletId, method, ...args) => {
   }
 }
 
+// TODO this code is bad
 export const sendMultiple = (commands) => {
   for (const command of commands) {
     const [_, viewletId, method, ...args] = command
-    invoke(viewletId, method, ...args)
+    if (_ === 'Viewlet.ariaAnnounce') {
+      ariaAnnounce(viewletId)
+    } else {
+      invoke(viewletId, method, ...args)
+    }
   }
 }
 
@@ -179,6 +183,11 @@ export const appendViewlet = (parentId, childId, focus) => {
   }
 }
 
+const ariaAnnounce = async (message) => {
+  const AriaAlert = await import('../AriaAlert/AriaAlert.js')
+  AriaAlert.alert(message)
+}
+
 export const executeCommands = (commands) => {
   for (const [command, ...args] of commands) {
     switch (command) {
@@ -194,6 +203,12 @@ export const executeCommands = (commands) => {
       case 'Viewlet.dispose':
         dispose(...args)
         break
+      case 'Viewlet.setBounds':
+        setBounds(...args)
+        break
+      case 'Viewlet.ariaAnnounce':
+        ariaAnnounce(...args)
+        break
       default:
         throw new Error(`unknown command ${command}`)
     }
@@ -209,3 +224,12 @@ export const show = (id) => {
     instance.factory.focus(instance.state)
   }
 }
+
+export const setBounds = (id, left, top, width, height) => {
+  const instance = state.instances[id]
+  const $Viewlet = instance.state.$Viewlet
+  $Viewlet.style.left = `${left}px`
+  $Viewlet.style.top = `${top}px`
+  $Viewlet.style.width = `${width}px`
+  $Viewlet.style.height = `${height}px`
+}

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/ViewletDebugConsole/ViewletDebugConsole.js

@@ -14,11 +14,13 @@ export const create = () => {
 }
 
 export const refresh = (state, context) => {
-  state.$Viewlet.textContent = 'Debug Console - Not implemented'
+  const { $Viewlet } = state
+  $Viewlet.textContent = 'Debug Console - Not implemented'
 }
 
 export const focus = (state) => {
-  state.$Input.focus()
+  const { $Input } = state
+  $Input.focus()
 }
 
 export const dispose = (state) => {}

package/static/fbac85f/packages/renderer-process/src/parts/ViewletEditorFindWidget/ViewletEditorFindWidget.js

@@ -0,0 +1,93 @@
+import * as InputBox from '../InputBox/InputBox.js'
+import * as ViewletEditorFindWidgetEvents from './ViewletEditorFindWidgetEvents.js'
+import * as Focus from '../Focus/Focus.js'
+
+export const name = 'EditorFindWidget'
+
+const UiStrings = {
+  Close: 'Close',
+  PreviousMatch: 'Previous Match',
+  NextMatch: 'Next Match',
+}
+
+const Icons = {
+  Close: '/icons/icon-close.svg',
+  PreviousMatch: '/icons/arrow-up.svg',
+  NextMatch: '/icons/arrow-down.svg',
+}
+
+const create$Button = (label, icon) => {
+  const $Icon = document.createElement('div')
+  $Icon.className = 'MaskIcon'
+  $Icon.style.webkitMaskImage = `url('${icon}')`
+  // @ts-ignore
+  $Icon.role = 'none'
+
+  const $Button = document.createElement('div')
+  // @ts-ignore
+  $Button.role = 'button'
+  $Button.ariaLabel = label
+  $Button.title = label
+  $Button.tabIndex = 0
+  $Button.className = `EditorFindWidgetButton`
+  $Button.append($Icon)
+  return $Button
+}
+
+export const create = () => {
+  // TODO recycle nodes
+  const $InputBox = InputBox.create()
+  $InputBox.oninput = ViewletEditorFindWidgetEvents.handleInput
+  $InputBox.ariaLabel = 'Find'
+
+  const $MatchCountText = document.createTextNode('')
+  const $MatchCount = document.createElement('div')
+  $MatchCount.className = 'EditorFindWidgetMatchCount'
+  $MatchCount.append($MatchCountText)
+
+  const $ButtonFocusNext = create$Button(UiStrings.NextMatch, Icons.NextMatch)
+  const $ButtonFocusPrevious = create$Button(
+    UiStrings.PreviousMatch,
+    Icons.PreviousMatch
+  )
+  const $ButtonClose = create$Button(UiStrings.Close, Icons.Close)
+
+  const $Viewlet = document.createElement('div')
+  $Viewlet.onclick = ViewletEditorFindWidgetEvents.handleClick
+  $Viewlet.className = 'Viewlet'
+  $Viewlet.dataset.viewletId = 'EditorFindWidget'
+  $Viewlet.append(
+    $InputBox,
+    $MatchCount,
+    $ButtonFocusPrevious,
+    $ButtonFocusNext,
+    $ButtonClose
+  )
+  return {
+    $Viewlet,
+    $InputBox,
+    $MatchCount,
+    $MatchCountText,
+    $ButtonClose,
+    $ButtonFocusNext,
+    $ButtonFocusPrevious,
+  }
+}
+
+export const focus = (state) => {
+  const { $InputBox } = state
+  $InputBox.focus()
+  Focus.setFocus('EditorFindWidget')
+}
+
+export const setValue = (state, value) => {
+  const { $InputBox } = state
+  $InputBox.value = value
+}
+
+export const setMatchCountText = (state, value) => {
+  const { $MatchCountText } = state
+  $MatchCountText.nodeValue = value
+}
+
+export const dispose = () => {}

package/static/fbac85f/packages/renderer-process/src/parts/ViewletEditorFindWidget/ViewletEditorFindWidgetEvents.js

@@ -0,0 +1,40 @@
+import * as RendererWorker from '../RendererWorker/RendererWorker.js'
+
+export const handleInput = (event) => {
+  const { target } = event
+  const { value } = target
+  RendererWorker.send('EditorFindWidget.handleInput', value)
+}
+
+const handleClickClose = (event) => {
+  event.preventDefault()
+  RendererWorker.send('Viewlet.closeWidget', 'EditorFindWidget')
+}
+
+const handleClickPreviousMatch = (event) => {
+  event.preventDefault()
+  RendererWorker.send('EditorFindWidget.focusPrevious')
+}
+
+const handleClickNextMatch = (event) => {
+  event.preventDefault()
+  RendererWorker.send('EditorFindWidget.focusNext')
+}
+
+export const handleClick = (event) => {
+  const { target } = event
+  const { title } = target
+  switch (title) {
+    case 'Close':
+      handleClickClose(event)
+      break
+    case 'Previous Match':
+      handleClickPreviousMatch(event)
+      break
+    case 'Next Match':
+      handleClickNextMatch(event)
+      break
+    default:
+      break
+  }
+}

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/ViewletEditorImage/ViewletEditorImageEvents.js

@@ -1,4 +1,5 @@
 import * as RendererWorker from '../RendererWorker/RendererWorker.js'
+import * as MouseEventType from '../MouseEventType/MouseEventType.js'
 
 /**
  * @param {PointerEvent} event
@@ -17,7 +18,10 @@ export const handlePointerMove = (event) => {
  * @param {PointerEvent} event
  */
 export const handlePointerUp = (event) => {
-  const { pointerId, clientX, clientY, target } = event
+  const { pointerId, clientX, clientY, target, button } = event
+  if (button !== MouseEventType.LeftClick) {
+    return
+  }
   // @ts-ignore
   target.releasePointerCapture(pointerId)
   RendererWorker.send(
@@ -33,7 +37,9 @@ export const handlePointerUp = (event) => {
  */
 export const handlePointerDown = (event) => {
   const { pointerId, clientX, clientY, target, button } = event
-  console.log({ button })
+  if (button !== MouseEventType.LeftClick) {
+    return
+  }
   // @ts-ignore
   target.setPointerCapture(pointerId)
   RendererWorker.send(
@@ -64,4 +70,6 @@ export const handleWheel = (event) => {
  */
 export const handleContextMenu = (event) => {
   event.preventDefault()
+  const { clientX, clientY } = event
+  RendererWorker.send('EditorImage.handleContextMenu', clientX, clientY)
 }

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/ViewletExplorer/ViewletExplorer.js

@@ -49,7 +49,7 @@ const create$Row = () => {
   $Row.draggable = true
   const $LabelText = document.createTextNode('')
   const $Label = document.createElement('div')
-  $Label.className = 'TreeItemLabel'
+  $Label.className = 'Label'
   $Label.append($LabelText)
   const $Icon = document.createElement('i')
   $Row.append($Icon, $Label)

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/ViewletExtensions/ViewletExtensions.js

@@ -69,7 +69,7 @@ export const create = () => {
 
   const $ScrollBar = document.createElement('div')
   $ScrollBar.className = 'ScrollBarSmall'
-  $ScrollBar.onmousedown = ViewletExtensionsEvents.handleScrollBarMouseDown
+  $ScrollBar.onpointerdown = ViewletExtensionsEvents.handleScrollBarPointerDown
   $ScrollBar.append($ScrollBarThumb)
 
   const $ExtensionListWrapper = document.createElement('div')

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/ViewletExtensions/ViewletExtensionsEvents.js

@@ -7,24 +7,24 @@ 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
+export const handleScrollBarThumbPointerMove = (event) => {
+  const { clientY } = event
   RendererWorker.send(
     /* ViewletExtensions.handleScrollBarMouseMove */ 'Extensions.handleScrollBarMove',
-    /* y */ y
+    /* y */ clientY
   )
 }
 
-export const handleScrollBarThumbMouseUp = () => {
-  window.removeEventListener('mousemove', handleScrollBarThumbMouseMove)
-  window.removeEventListener('mouseup', handleScrollBarThumbMouseUp)
+export const handleScrollBarThumbPointerUp = () => {
+  window.removeEventListener('pointermove', handleScrollBarThumbPointerMove)
+  window.removeEventListener('pointerup', handleScrollBarThumbPointerUp)
 }
 
-export const handleScrollBarMouseDown = (event) => {
+export const handleScrollBarPointerDown = (event) => {
   const $Target = event.target
   if ($Target.className === 'ScrollBarThumb') {
-    window.addEventListener('mousemove', handleScrollBarThumbMouseMove)
-    window.addEventListener('mouseup', handleScrollBarThumbMouseUp)
+    window.addEventListener('pointermove', handleScrollBarThumbPointerMove)
+    window.addEventListener('pointerup', handleScrollBarThumbPointerUp)
   } else {
     const y = event.clientY
     console.log({ y })

package/static/{4d80653 → fbac85f}/packages/renderer-process/src/parts/ViewletKeyBindings/ViewletKeyBindings.js

@@ -35,14 +35,9 @@ export const create = () => {
   }
 }
 
-const replaceChildren = ($Element, $NewChildren) => {
-  $Element.replaceChildren($NewChildren)
-}
-
 export const setTableDom = (state, dom) => {
   const { $KeyBindingsTableWrapper } = state
   // console.log(dom)
   const $Root = VirtualDom.render(dom)
-  // console.log($Root)
-  replaceChildren($KeyBindingsTableWrapper, $Root.firstChild)
+  $KeyBindingsTableWrapper.replaceChildren($Root.firstChild)
 }