@lvce-editor/server 0.0.41 → 0.2.0

package/static/56d97e9/packages/renderer-worker/src/parts/ActivityBarItemFlags/ActvityBarItemFlags.js

@@ -0,0 +1,3 @@
+export const Tab = 1
+
+export const Button = 2

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-worker/src/parts/Ajax/Ajax.js

@@ -1,4 +1,5 @@
 import ky, { HTTPError } from '../../../static/js/ky.js'
+import { VError } from '../VError/VError.js'
 
 export const getJson = async (url, options = {}) => {
   try {
@@ -13,11 +14,8 @@ export const getJson = async (url, options = {}) => {
       error instanceof TypeError &&
       error.message === 'Failed to fetch'
     ) {
-      throw new Error(
-        `Failed to request json from "${url}". Make sure that the server has CORS enabled`,
-        {
-          cause: error,
-        }
+      throw new VError(
+        `Failed to request json from "${url}". Make sure that the server is running and has CORS enabled`
       )
     }
     if (error && error instanceof HTTPError) {
@@ -28,7 +26,9 @@ export const getJson = async (url, options = {}) => {
         throw error
       }
       if (json && json.message) {
-        throw new Error(`Failed to request json from "${url}": ${json.message}`)
+        throw new VError(
+          `Failed to request json from "${url}": ${json.message}`
+        )
       }
     }
     // @ts-ignore
@@ -52,16 +52,11 @@ export const getText = async (url, options = {}) => {
       error instanceof TypeError &&
       error.message === 'Failed to fetch'
     ) {
-      throw new Error(
-        `Failed to request text from "${url}". Make sure that the server has CORS enabled`,
-        {
-          cause: error,
-        }
+      throw new VError(
+        error,
+        `Failed to request text from "${url}". Make sure that the server is running and has CORS enabled`
       )
     }
-    throw new Error(`Failed to request text from "${url}"`, {
-      // @ts-ignore
-      cause: error,
-    })
+    throw new VError(error, `Failed to request text from "${url}"`)
   }
 }

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-worker/src/parts/CacheStorage/CacheStorage.js

@@ -1,4 +1,5 @@
 import * as Platform from '../Platform/Platform.js'
+import { VError } from '../VError/VError.js'
 
 const shouldIgnoreError = (error) => {
   // Firefox throws dom exception in private mode
@@ -20,7 +21,7 @@ const getResponse = async (key) => {
   if (typeof caches === 'undefined') {
     return undefined
   }
-  if (Platform.getPlatform() === 'electron' && key.startsWith('/')) {
+  if (Platform.platform === 'electron' && key.startsWith('/')) {
     // workaround for custom protocol not working with cache storage
     key = 'https://example.com' + key
   }
@@ -41,10 +42,7 @@ export const getJson = async (key) => {
     if (shouldIgnoreError(error)) {
       return undefined
     }
-    throw new Error(`Failed to get json from cache "${key}"`, {
-      // @ts-ignore
-      cause: error,
-    })
+    throw new VError(error, `Failed to get json from cache "${key}"`)
   }
 }
 
@@ -60,10 +58,7 @@ export const getTextFromCache = async (key) => {
     if (shouldIgnoreError(error)) {
       return undefined
     }
-    throw new Error(`Failed to get text from cache "${key}"`, {
-      // @ts-ignore
-      cause: error,
-    })
+    throw new VError(error, `Failed to get text from cache "${key}"`)
   }
 }
 
@@ -73,7 +68,7 @@ const setResponse = async (key, value, contentType) => {
   }
   // TODO cache the cache (maybe)
   if (
-    Platform.getPlatform() === 'electron' && // workaround for custom protocol not working with cache storage
+    Platform.platform === 'electron' && // workaround for custom protocol not working with cache storage
     key.startsWith('/')
   ) {
     key = 'https://example.com' + key
@@ -102,10 +97,7 @@ export const setText = async (key, value, contentType) => {
     if (shouldIgnoreError(error)) {
       return undefined
     }
-    throw new Error(`Failed to put item into cache "${key}"`, {
-      // @ts-ignore
-      cause: error,
-    })
+    throw new VError(error, `Failed to put item into cache "${key}"`)
   }
 }
 
@@ -116,10 +108,7 @@ export const setJson = async (key, value) => {
     if (shouldIgnoreError(error)) {
       return
     }
-    throw new Error(`Failed to put json into cache "${key}"`, {
-      // @ts-ignore
-      cause: error,
-    })
+    throw new VError(error, `Failed to put json into cache "${key}"`)
   }
 }
 
@@ -134,9 +123,6 @@ export const clearCache = async () => {
     if (shouldIgnoreError(error)) {
       return
     }
-    throw new Error('Failed to clear cache', {
-      // @ts-ignore
-      cause: error,
-    })
+    throw new VError(error, 'Failed to clear cache')
   }
 }

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-worker/src/parts/ColorTheme/ColorTheme.js

@@ -48,7 +48,7 @@ const getFallbackColorTheme = async () => {
 // so that all validation is here (json parsing errors, invalid shape, ...)
 
 const getColorThemeJson = (colorThemeId) => {
-  if (Platform.getPlatform() === 'web') {
+  if (Platform.platform === 'web') {
     return getColorThemeJsonFromStaticFolder(colorThemeId)
   }
   return getColorThemeJsonFromSharedProcess(colorThemeId)
@@ -76,7 +76,7 @@ const applyColorTheme = async (colorThemeId) => {
     const colorThemeJson = await getColorThemeJson(colorThemeId)
     const colorThemeCss = await getColorThemeCss(colorThemeId, colorThemeJson)
     await Css.setInlineStyle('ContributedColorTheme', colorThemeCss)
-    if (Platform.getPlatform() === 'web') {
+    if (Platform.platform === 'web') {
       const themeColor = getMetaThemeColor(colorThemeJson) || ''
       await Meta.setThemeColor(themeColor)
     }

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-worker/src/parts/Command/Command.js

@@ -225,6 +225,7 @@ const getModuleId = (commandId) => {
     case 'FileSystem.readDirWithFileTypes':
     case 'FileSystem.writeFile':
     case 'FileSystem.mkdir':
+    case 'FileSystem.getPathSeparator':
       return MODULE_FILE_SYSTEM
     case 'Developer.getStartupPerformanceContent':
     case 'Developer.getMemoryUsageContent':

package/static/56d97e9/packages/renderer-worker/src/parts/Compare/Compare.js

@@ -0,0 +1,3 @@
+export const compareString = (a, b) => {
+  return a.localeCompare(b)
+}

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-worker/src/parts/Developer/Developer.js

@@ -5,6 +5,8 @@ import * as IconTheme from '../IconTheme/IconTheme.js'
 import * as Platform from '../Platform/Platform.js'
 import * as RendererProcess from '../RendererProcess/RendererProcess.js'
 import * as SharedProcess from '../SharedProcess/SharedProcess.js'
+import * as ElectronWindow from '../ElectronWindow/ElectronWindow.js'
+import * as ElectronWindowProcessExplorer from '../ElectronWindowProcessExplorer/ElectronWindowProcessExplorer.js'
 
 const formatBytes = (bytes) => {
   return prettyBytes(bytes)
@@ -131,7 +133,7 @@ const formatNodeTiming = (nodeStartupTiming) => {
 }
 
 const getNodeTiming = () => {
-  if (Platform.getPlatform() === 'web') {
+  if (Platform.platform === 'web') {
     return undefined
   }
   return SharedProcess.invoke(/* command */ 'Developer.getNodeStartupTime')
@@ -217,7 +219,7 @@ const getMeasureEntries = () => {
 }
 
 const getElectronEntries = async () => {
-  if (Platform.getPlatform() === 'web' || Platform.getPlatform() === 'remote') {
+  if (Platform.platform === 'web' || Platform.platform === 'remote') {
     return undefined
   }
   const result = await SharedProcess.invoke(
@@ -234,13 +236,13 @@ export const getStartupPerformanceContent = async () => {
   //   LifeCycle.once(LifeCycle.PHASE_FIFTEEN, resolve)
   // )
   let nodeStartupTiming
-  if (Platform.getPlatform() !== 'web') {
+  if (Platform.platform !== 'web') {
     nodeStartupTiming = await getNodeTiming()
   }
   const measureEntries = getMeasureEntries()
   const webVitals = await getWebVitals()
   let electronEntries
-  if (Platform.getPlatform() === 'electron') {
+  if (Platform.platform === 'electron') {
     electronEntries = await getElectronEntries()
   }
   const text = formatStartupPerformance({
@@ -452,7 +454,7 @@ export const openExtensionsFolder = () => {
 
 export const openLogsFolder = async () => {
   // TODO only in electron or in remote when it is the same machine
-  if (Platform.getPlatform() === 'web') {
+  if (Platform.platform === 'web') {
     return
   }
   const logsFolder = await Platform.getLogsDir()
@@ -462,10 +464,8 @@ export const openLogsFolder = async () => {
   )
 }
 
-export const toggleDeveloperTools = async () => {
-  await SharedProcess.invoke(
-    /* Electron.toggleDevtools */ 'Electron.toggleDevtools'
-  )
+export const toggleDeveloperTools = () => {
+  return ElectronWindow.toggleDevtools()
 }
 
 export const showIconThemeCss = async () => {
@@ -539,10 +539,8 @@ export const openDataFolder = async () => {
 
 export const showMessageBox = () => {}
 
-export const openProcessExplorer = async () => {
-  await SharedProcess.invoke(
-    /* Electron.openProcessExplorer */ 'Electron.openProcessExplorer'
-  )
+export const openProcessExplorer = () => {
+  return ElectronWindowProcessExplorer.open()
 }
 
 export const downloadViewletState = async () => {

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-worker/src/parts/Dialog/Dialog.js

@@ -1,30 +1,33 @@
 import * as Command from '../Command/Command.js'
+import * as ElectronDialog from '../ElectronDialog/ElectronDialog.js'
+import * as ElectronWindowAbout from '../ElectronWindowAbout/ElectronWindowAbout.js'
 import * as Platform from '../Platform/Platform.js'
 import * as RendererProcess from '../RendererProcess/RendererProcess.js'
-import * as SharedProcess from '../SharedProcess/SharedProcess.js'
 
 export const state = {
   dialog: undefined,
 }
 
-export const openFolder = async () => {
-  if (Platform.getPlatform() === 'web') {
-    console.warn('open folder - not implemented')
-    return
-  }
-  if (Platform.getPlatform() === 'remote') {
-    const path = await RendererProcess.invoke(
-      /* Dialog.prompt */ 'Dialog.prompt',
-      /* message */ 'Choose path:'
-    )
-    await Command.execute(
-      /* Workspace.setPath */ 'Workspace.setPath',
-      /* path */ path
-    )
+const openFolderWeb = () => {
+  console.warn('open folder - not implemented')
+}
+
+const openFolderRemote = async () => {
+  const path = await RendererProcess.invoke(
+    /* Dialog.prompt */ 'Dialog.prompt',
+    /* message */ 'Choose path:'
+  )
+  if (!path) {
     return
   }
-  const folders = await SharedProcess.invoke(
-    /* Electron.showOpenDialog */ 'Electron.showOpenDialog',
+  await Command.execute(
+    /* Workspace.setPath */ 'Workspace.setPath',
+    /* path */ path
+  )
+}
+
+const openFolderElectron = async () => {
+  const folders = await ElectronDialog.showOpenDialog(
     /* title */ 'Open Folder',
     /* properties */ ['openDirectory', 'dontAddToRecent', 'showHiddenFiles']
   )
@@ -38,33 +41,72 @@ export const openFolder = async () => {
   )
 }
 
-export const openFile = async () => {
-  if (Platform.getPlatform() === 'web') {
-    console.warn('open file - not implemented')
-    return
-  }
-  if (Platform.getPlatform() === 'remote') {
-    // TODO
-    console.warn('open file - not implemented')
-    return
+export const openFolder = () => {
+  switch (Platform.platform) {
+    case 'web':
+      return openFolderWeb()
+    case 'remote':
+      return openFolderRemote()
+    case 'electron':
+      return openFolderElectron()
+    default:
+      return
   }
-  const [file] = await SharedProcess.invoke(
-    /* Electron.showOpenDialog */ 'Electron.showOpenDialog',
-    /* title */ 'Open File',
-    /* properties */ ['openFile', 'dontAddToRecent', 'showHiddenFiles']
-  )
+}
+
+const openFileWeb = () => {
+  console.warn('open file - not implemented')
+}
+
+const openFileRemote = () => {
+  console.warn('open file - not implemented')
+}
+
+const openFileElectron = async () => {
+  const [file] = await ElectronDialog.showOpenDialog('Open File', [
+    'openFile',
+    'dontAddToRecent',
+    'showHiddenFiles',
+  ])
   await Command.execute('Main.openUri', file)
-  console.log({ file })
+}
+
+export const openFile = () => {
+  switch (Platform.platform) {
+    case 'web':
+      return openFileWeb()
+    case 'remote':
+      return openFileRemote()
+    case 'electron':
+      return openFileElectron()
+    default:
+      return
+  }
+}
+
+const showAboutWeb = () => {
+  console.warn('show about - not implemented')
+}
+
+const showAboutRemote = () => {
+  console.warn('show about - not implemented')
+}
+
+const showAboutElectron = async () => {
+  await ElectronWindowAbout.open()
 }
 
 export const showAbout = async () => {
-  const platform = Platform.getPlatform()
-  console.log({ platform })
-  if (platform === 'web' || platform === 'remote') {
-    console.warn('show about - not implemented')
-    return
+  switch (Platform.platform) {
+    case 'web':
+      return showAboutWeb()
+    case 'remote':
+      return showAboutRemote()
+    case 'electron':
+      return showAboutElectron()
+    default:
+      return
   }
-  await SharedProcess.invoke(/* Electron.about */ 'Electron.about')
 }
 
 export const showMessage = async (message, options) => {
@@ -84,9 +126,8 @@ export const showMessage = async (message, options) => {
     options,
   }
 
-  if (Platform.getPlatform() === 'electron') {
-    const index = await SharedProcess.invoke(
-      /* Electron.showMessageBox */ 'Electron.showMessageBox',
+  if (Platform.platform === 'electron') {
+    const index = await ElectronDialog.showMessageBox(
       /* message */ message.message,
       /* buttons */ options
     )
@@ -96,8 +137,6 @@ export const showMessage = async (message, options) => {
       return
     }
     await handleClick(index)
-    // console.log({ result: index })
-    // state.dialog = undefined
   } else {
     await RendererProcess.invoke(
       /* Dialog.showErrorDialogWithOptions */ 'Dialog.showErrorDialogWithOptions',
@@ -121,7 +160,6 @@ export const handleClick = async (index) => {
   const dialog = state.dialog
   const option = dialog.options[index]
   // TODO handle case when index is out of bounds
-  console.log({ option })
   switch (option) {
     case 'Show Command Output':
       await close()

package/static/56d97e9/packages/renderer-worker/src/parts/DirentType/DirentType.js

@@ -0,0 +1,17 @@
+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/{d4a8cd1 → 56d97e9}/packages/renderer-worker/src/parts/Download/Download.js

@@ -1,5 +1,7 @@
-import * as RendererProcess from '../RendererProcess/RendererProcess.js'
 import * as Assert from '../Assert/Assert.js'
+import * as Json from '../Json/Json.js'
+import * as RendererProcess from '../RendererProcess/RendererProcess.js'
+import { VError } from '../VError/VError.js'
 
 export const downloadFile = async (fileName, url) => {
   Assert.string(fileName)
@@ -14,17 +16,14 @@ export const downloadFile = async (fileName, url) => {
 export const downloadJson = async (json, fileName) => {
   let url = ''
   try {
-    const stringified = JSON.stringify(json, null, 2)
+    const stringified = Json.stringify(json)
     const blob = new Blob([stringified], {
       type: 'application/json',
     })
     url = URL.createObjectURL(blob)
     await downloadFile(fileName, url)
   } catch (error) {
-    throw new Error(`Failed to download ${fileName}`, {
-      // @ts-ignore
-      cause: error,
-    })
+    throw new VError(error, `Failed to download ${fileName}`)
   } finally {
     URL.revokeObjectURL(url)
   }

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-worker/src/parts/Editor/Editor.js

@@ -49,6 +49,7 @@ export const create = (id, uri, languageId, content) => {
     validLines: [],
     invalidStartIndex: 0,
     decorations: [],
+    focused: false,
   }
 }
 
@@ -300,49 +301,86 @@ export const setText = (editor, text) => {
   }
 }
 
-export const render = (oldState, newState) => {
-  const changes = []
-  if (
-    oldState.lines !== newState.lines ||
-    oldState.tokenizer !== newState.tokenizer ||
-    oldState.minLineY !== newState.minLineY ||
-    oldState.decorations !== newState.decorations
-  ) {
+const renderLines = {
+  isEqual(oldState, newState) {
+    return (
+      oldState.lines === newState.lines &&
+      oldState.tokenizer === newState.tokenizer &&
+      oldState.minLineY === newState.minLineY &&
+      oldState.decorations === newState.decorations
+    )
+  },
+  apply(oldState, newState) {
     const textInfos = EditorText.getVisible(newState)
-    changes.push([
+    return [
       /* Viewlet.send */ 'Viewlet.send',
       /* id */ 'EditorText',
       /* method */ 'setText',
       /* textInfos */ textInfos,
-    ])
-  }
+    ]
+  },
+}
 
-  if (oldState.selections !== newState.selections) {
+const renderSelections = {
+  isEqual(oldState, newState) {
+    return (
+      oldState.selections === newState.selections &&
+      oldState.focused === newState.focused
+    )
+  },
+  apply(oldState, newState) {
     const cursorInfos = EditorCursor.getVisible(newState)
     const selectionInfos = EditorSelection.getVisible(newState)
-    changes.push([
+    return [
       /* Viewlet.send */ 'Viewlet.send',
       /* id */ 'EditorText',
       /* method */ 'setSelections',
       /* cursorInfos */ cursorInfos,
       /* selectionInfos */ selectionInfos,
-    ])
-  }
-  if (
-    oldState.deltaY !== newState.deltaY ||
-    oldState.scrollBarHeight !== newState.scrollBarHeight
-  ) {
+    ]
+  },
+}
+
+const renderScrollBar = {
+  isEqual(oldState, newState) {
+    return (
+      oldState.deltaY === newState.deltaY &&
+      oldState.scrollBarHeight === newState.scrollBarHeight
+    )
+  },
+  apply(oldState, newState) {
     const scrollBarY =
       (newState.deltaY / newState.finalDeltaY) *
       (newState.height - newState.scrollBarHeight)
-    changes.push([
+    return [
       /* Viewlet.send */ 'Viewlet.send',
       /* id */ 'EditorText',
       /* method */ 'setScrollBar',
       /* scrollBarY */ scrollBarY,
       /* scrollBarHeight */ newState.scrollBarHeight,
-    ])
-  }
+    ]
+  },
+}
 
-  return changes
+const renderFocus = {
+  isEqual(oldState, newState) {
+    return oldState.focused === newState.focused
+  },
+  apply(oldState, newState) {
+    if (!newState.focused) {
+      return []
+    }
+    return [
+      /* Viewlet.send */ 'Viewlet.invoke',
+      /* id */ 'EditorText',
+      /* method */ 'focus',
+    ]
+  },
 }
+
+export const render = [
+  renderLines,
+  renderSelections,
+  renderScrollBar,
+  renderFocus,
+]