@lvce-editor/server 0.0.30 → 0.0.31

package/static/{56ac02a → 0e4d46a}/packages/renderer-worker/src/parts/IndexedDb/IndexedDb.js

@@ -1,6 +1,6 @@
 // TODO high memory usage in idb because of transactionDoneMap
 
-import { openDB } from '../../../../../static/js/idb/with-async-ittr.js'
+import { openDB } from '../../../static/js/idb/with-async-ittr.js'
 
 export const state = {
   databases: Object.create(null),

package/static/{56ac02a → 0e4d46a}/packages/renderer-worker/src/parts/Platform/Platform.js

@@ -104,9 +104,9 @@ export const getPlatform = () => {
 
 export const getAssetDir = () => {
   // @ts-ignore
-  if (typeof '/56ac02a' !== 'undefined') {
+  if (typeof '/0e4d46a' !== 'undefined') {
     // @ts-ignore
-    return '/56ac02a'
+    return '/0e4d46a'
   }
   if (getPlatform() === 'electron') {
     return '../../../../..'

package/static/{56ac02a → 0e4d46a}/packages/renderer-worker/src/parts/ViewletEditorText/ViewletEditorText.ipc.js

@@ -54,8 +54,8 @@ const Imports = {
   HandleMouseMove:()=>import('../EditorCommand/EditorCommandHandleMouseMove.js'),
   HandleMouseMoveWithAltKey:()=>import('../EditorCommand/EditorCommandHandleMouseMoveWithAltKey.js'),
   HandleNativeSelectionChange:()=>import('../EditorCommand/EditorCommandHandleNativeSelectionChange.js'),
-  HandleScrollBarClick:()=>import('../EditorCommand/EditorCommandHandleScrollBarMove.js'),
-  HandleScrollBarMove:()=>import('../EditorCommand/EditorCommandHandleScrollBarClick.js'),
+  HandleScrollBarClick:()=>import('../EditorCommand/EditorCommandHandleScrollBarClick.js'),
+  HandleScrollBarMove:()=>import('../EditorCommand/EditorCommandHandleScrollBarMove.js'),
   HandleSingleClick:()=>import('../EditorCommand/EditorCommandHandleSingleClick.js'),
   HandleTab:()=>import('../EditorCommand/EditorCommandHandleTab.js'),
   HandleTouchEnd:()=>import('../EditorCommand/EditorCommandHandleTouchEnd.js'),

package/static/{56ac02a → 0e4d46a}/packages/renderer-worker/src/parts/ViewletExplorer/ViewletExplorer.js

@@ -13,8 +13,6 @@ import * as Workspace from '../Workspace/Workspace.js'
 // viewlet: creating | refreshing | done | disposed
 // TODO recycle viewlets (maybe)
 
-const ITEM_HEIGHT = 22 // TODO handle zoom
-
 export const name = 'Explorer'
 
 const getParentStartIndex = (dirents, index) => {
@@ -119,6 +117,7 @@ export const create = (id, uri, left, top, width, height) => {
     pathSeparator: '',
     version: 0,
     editingIndex: -1,
+    itemHeight: 22,
   }
 }
 
@@ -130,11 +129,12 @@ export const loadContent = async (state) => {
   const root = Workspace.state.workspacePath
   const pathSeparator = await getPathSeparator(root) // TODO only load path separator once
   const dirents = await getTopLevelDirents(root, pathSeparator)
+  const { itemHeight, height } = state
   return {
     ...state,
     root,
     dirents,
-    maxLineY: Math.round(state.height / ITEM_HEIGHT),
+    maxLineY: Math.round(height / itemHeight),
     pathSeparator,
   }
 }
@@ -217,16 +217,17 @@ const getVisible = (state) => {
 }
 
 export const setDeltaY = (state, deltaY) => {
+  const { itemHeight, height, dirents } = state
   if (deltaY < 0) {
     deltaY = 0
-  } else if (deltaY > state.dirents.length * ITEM_HEIGHT - state.height) {
-    deltaY = Math.max(state.dirents.length * ITEM_HEIGHT - state.height, 0)
+  } else if (deltaY > dirents.length * itemHeight - height) {
+    deltaY = Math.max(dirents.length * itemHeight - height, 0)
   }
   if (state.deltaY === deltaY) {
     return state
   }
-  const minLineY = Math.round(deltaY / ITEM_HEIGHT)
-  const maxLineY = minLineY + Math.round(state.height / ITEM_HEIGHT)
+  const minLineY = Math.round(deltaY / itemHeight)
+  const maxLineY = minLineY + Math.round(height / itemHeight)
   return {
     ...state,
     deltaY,
@@ -758,10 +759,36 @@ export const focusNone = (state) => {
 }
 
 export const handleClickCurrent = (state) => {
-  return handleClick(state, state.focusedIndex)
+  return handleClick(state, state.focusedIndex - state.minLineY)
 }
 
 export const focusIndex = (state, index) => {
+  if (index < state.minLineY) {
+    if (index < 0) {
+      return {
+        ...state,
+        focusedIndex: index,
+        focused: true,
+      }
+    }
+    const diff = state.maxLineY - state.minLineY
+    return {
+      ...state,
+      focusedIndex: index,
+      focused: true,
+      minLineY: index,
+      maxLineY: index + diff,
+    }
+  } else if (index >= state.maxLineY) {
+    const diff = state.maxLineY - state.minLineY
+    return {
+      ...state,
+      focusedIndex: index,
+      focused: true,
+      minLineY: index + 1 - diff,
+      maxLineY: index + 1,
+    }
+  }
   return {
     ...state,
     focusedIndex: index,
@@ -948,13 +975,14 @@ export const handleMouseEnter = async (state, index) => {
     // TODO preload content maybe when it is a long hover
     return state
   }
-  const uri = `${state.root}${dirent.path}`
-  const top = state.top + index * ITEM_HEIGHT
-  const right = state.left
+  const { top, itemHeight, left, root } = state
+  const uri = `${root}${dirent.path}`
+  const newTop = top + index * itemHeight
+  const right = left
   await Command.execute(
     /* ImagePreview.show */ 9081,
     /* uri */ uri,
-    /* top */ top,
+    /* top */ newTop,
     /* right */ right
   )
 }
@@ -1107,7 +1135,8 @@ export const handlePaste = async (state) => {
 export const hasFunctionalResize = true
 
 export const resize = (state, dimensions) => {
-  const maxLineY = state.minLineY + Math.round(dimensions.height / ITEM_HEIGHT)
+  const { minLineY, itemHeight } = state
+  const maxLineY = minLineY + Math.round(dimensions.height / itemHeight)
   return {
     ...state,
     ...dimensions,
@@ -1415,8 +1444,12 @@ const renderFocusedIndex = {
     )
   },
   apply(oldState, newState) {
-    const oldFocusedIndex = oldState.focused ? oldState.focusedIndex : -2
-    const newFocusedIndex = newState.focused ? newState.focusedIndex : -2
+    const oldFocusedIndex = oldState.focused
+      ? oldState.focusedIndex - oldState.minLineY
+      : -2
+    const newFocusedIndex = newState.focused
+      ? newState.focusedIndex - newState.minLineY
+      : -2
     return [
       /* Viewlet.send */ 'Viewlet.send',
       /* id */ 'Explorer',