@lvce-editor/server 0.0.21 → 0.0.22

package/static/{e236e21 → 09bf9c7}/packages/renderer-process/src/parts/Layout/Layout.js

@@ -139,11 +139,25 @@ const handleResize = (event) => {
   ])
 }
 
+const getSashId = ($Target) => {
+  console.log({ $Target })
+  if ($Target.id === 'SashPanel') {
+    return 'Panel'
+  }
+  if ($Target.id === 'SashSideBar') {
+    return 'SideBar'
+  }
+  return ''
+}
+
 const handleSashPointerMove = (event) => {
-  // console.log({ event })
   const x = event.clientX
-  console.log({ x })
-  RendererWorker.send([/* Layout.handleSashSideBarMove */ 1112, /* x */ x])
+  const y = event.clientY
+  RendererWorker.send([
+    /* Layout.handleSashPointerMove */ 1112,
+    /* x */ x,
+    /* y */ y,
+  ])
 }
 
 const handleSashPointerUp = () => {
@@ -155,7 +169,7 @@ const handleSashPointerUp = () => {
   $Style.remove()
 }
 
-const handleSashPointerDown = () => {
+const handleSashPointerDown = (event) => {
   // TODO maybe add a class to body instead?
   const $Style = document.createElement('style')
   $Style.id = 'SashStyle'
@@ -172,6 +186,9 @@ const handleSashPointerDown = () => {
   document.head.append($Style)
   window.addEventListener('pointermove', handleSashPointerMove)
   window.addEventListener('pointerup', handleSashPointerUp)
+  const $Target = event.target
+  const id = getSashId($Target)
+  RendererWorker.send([/* Layout.handleSashPointerDown */ 1113, /* id */ id])
 }
 
 export const hydrate = (points) => {
@@ -196,10 +213,12 @@ export const hydrate = (points) => {
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashSideBar = document.createElement('div')
   $SashSideBar.className = 'SashVertical'
+  $SashSideBar.id = 'SashSideBar'
 
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashPanel = document.createElement('div')
   $SashPanel.className = 'SashHorizontal'
+  $SashPanel.id = 'SashPanel'
 
   const $Workbench = document.createElement('div')
   $Workbench.id = 'Workbench'
@@ -229,6 +248,7 @@ export const hydrate = (points) => {
   document.body.append($Workbench)
   window.addEventListener('resize', handleResize, { passive: true })
   $SashSideBar.addEventListener('pointerdown', handleSashPointerDown)
+  $SashPanel.addEventListener('pointerdown', handleSashPointerDown)
 }
 
 export const hide = () => {

package/static/{e236e21 → 09bf9c7}/packages/renderer-process/src/parts/Platform/Platform.js

@@ -55,9 +55,9 @@ export const state = {
   },
   getAssetDir() {
     // @ts-ignore
-    if (typeof '/e236e21' !== 'undefined') {
+    if (typeof '/09bf9c7' !== 'undefined') {
       // @ts-ignore
-      return '/e236e21'
+      return '/09bf9c7'
     }
     if (platform === 'electron') {
       return '../../../../..'

package/static/{e236e21 → 09bf9c7}/packages/renderer-process/src/parts/Viewlet/ViewletActivityBar.js

@@ -161,10 +161,12 @@ export const setFocusedIndex = (state, oldIndex, newIndex) => {
   if (oldIndex !== -1) {
     const $OldItem = $ActivityBar.children[oldIndex]
     $OldItem.tabIndex = -1
+    $OldItem.classList.remove('FocusOutline')
   }
   if (newIndex !== -1) {
     const $NewItem = $ActivityBar.children[newIndex]
     $NewItem.tabIndex = 0
+    $NewItem.classList.add('FocusOutline')
     focus$Item($NewItem)
   }
 }

package/static/{e236e21 → 09bf9c7}/packages/renderer-process/src/parts/Viewlet/ViewletExplorer.js

@@ -148,6 +148,7 @@ const handleMouseDown = (event) => {
   if (index === -2) {
     return
   }
+  event.preventDefault()
   RendererWorker.send([
     /* ViewletExplorer.handleClick */ 161,
     /* index */ index,
@@ -323,16 +324,21 @@ export const updateDirents = (state, dirents) => {
   render$Rows(state.$Viewlet, dirents)
 }
 
-export const focusIndex = (state, index) => {
+export const setFocusedIndex = (state, oldIndex, newIndex) => {
   Assert.object(state)
-  Assert.number(index)
+  Assert.number(oldIndex)
+  Assert.number(newIndex)
   const { $Viewlet } = state
-  if (index === -1) {
+  if (oldIndex === -1) {
+    $Viewlet.classList.remove('FocusOutline')
+  }
+  if (newIndex === -1) {
+    $Viewlet.classList.add('FocusOutline')
     $Viewlet.focus()
-    return
+  } else {
+    const $Dirent = $Viewlet.children[newIndex]
+    $Dirent.focus()
   }
-  const $Dirent = $Viewlet.children[index]
-  $Dirent.focus()
 }
 
 export const dispose = (state) => {}

package/static/{e236e21 → 09bf9c7}/packages/renderer-process/src/parts/Viewlet/ViewletProblems.js

@@ -1,17 +1,32 @@
 import * as Assert from '../Assert/Assert.js'
+import * as RendererWorker from '../RendererWorker/RendererWorker.js'
 
 export const name = 'Problems'
 
+const handleMouseDown = (event) => {
+  event.preventDefault()
+  RendererWorker.send([/* ViewletProblems.focusIndex */ 7550, /* index */ -1])
+}
+
 export const create = (problemsCount) => {
   const $Viewlet = document.createElement('div')
   $Viewlet.dataset.viewletId = 'Problems'
   $Viewlet.className = 'Viewlet'
   $Viewlet.tabIndex = 0
+  $Viewlet.onmousedown = 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)