@lvce-editor/server 0.0.28 → 0.0.31

package/static/0e4d46a/packages/renderer-worker/src/parts/Format/Format.ipc.js

@@ -0,0 +1,5 @@
+import * as Format from './Format.js'
+
+export const Commands = {
+  'Format.hydrate': Format.hydrate,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/IconTheme/IconTheme.ipc.js

@@ -0,0 +1,9 @@
+import * as IconTheme from './IconTheme.js'
+
+export const Commands = {
+  // TODO command necessary?
+  // TODO hydrate should be an alias for reload/load
+  'IconTheme.getIconThemeCss': IconTheme.getIconThemeCss,
+  'IconTheme.hydrate': IconTheme.hydrate,
+  'IconTheme.addIcons': IconTheme.addIcons,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/IconTheme/IconTheme.js

@@ -0,0 +1,171 @@
+import * as Command from '../Command/Command.js'
+import * as GlobalEventBus from '../GlobalEventBus/GlobalEventBus.js'
+import * as Languages from '../Languages/Languages.js'
+import * as Platform from '../Platform/Platform.js'
+import * as Preferences from '../Preferences/Preferences.js'
+import * as RendererProcess from '../RendererProcess/RendererProcess.js'
+import * as SharedProcess from '../SharedProcess/SharedProcess.js'
+
+const CACHE_KEY = '/icon-theme.css'
+
+export const state = {
+  seenFiles: [],
+  seenFolders: [],
+  hasWarned: [],
+  iconTheme: undefined,
+}
+
+const DEFAULT_FILE_ICON = '_file'
+const DEFAULT_FOLDER_ICON = '_folder'
+const DEFAULT_FOLDER_ICON_OPEN = '_folder_open'
+
+const getIconThemeJson = async (iconThemeId) => {
+  if (Platform.getPlatform() === 'web') {
+    const assetDir = Platform.getAssetDir()
+    const url = `${assetDir}/icon-themes/${iconThemeId}.json`
+    const json = await Command.execute(
+      /* Ajax.getJson */ 'Ajax.getJson',
+      /* url */ url
+    )
+    return {
+      json,
+    }
+  }
+  return SharedProcess.invoke(
+    /* ExtensionHost.getIconThemeJson */ 'ExtensionHost.getIconThemeJson',
+    /* iconThemeId */ iconThemeId
+  )
+}
+
+const getExtension = (file) => {
+  return file.slice(file.lastIndexOf('.') + 1)
+}
+
+export const getFileIcon = (file) => {
+  const iconTheme = state.iconTheme
+  if (!iconTheme) {
+    return ''
+  }
+  const fileNameIcon = iconTheme.fileNames[file.name.toLowerCase()]
+  if (fileNameIcon) {
+    return fileNameIcon
+  }
+  const languageId = Languages.getLanguageId(file.name)
+  const languageIcon = iconTheme.languageIds[languageId]
+  if (languageIcon) {
+    return languageIcon
+  }
+  const extension = getExtension(file.name)
+  const extensionIcon = iconTheme.fileExtensions[extension]
+  if (extensionIcon) {
+    return extensionIcon
+  }
+  return DEFAULT_FILE_ICON
+}
+
+export const getFolderIcon = (folder) => {
+  const iconTheme = state.iconTheme
+  if (!iconTheme || !iconTheme.folderNames) {
+    return ''
+  }
+  const folderIcon = iconTheme.folderNames[folder.name.toLowerCase()]
+  if (folderIcon) {
+    return folderIcon
+  }
+  return DEFAULT_FOLDER_ICON
+}
+
+const getFolderIconExpanded = (folder) => {
+  const iconTheme = state.iconTheme
+  if (!iconTheme) {
+    return ''
+  }
+  if (!iconTheme.folderNamesExpanded) {
+    return DEFAULT_FOLDER_ICON_OPEN
+  }
+  const folderName = iconTheme.folderNamesExpanded[folder.name.toLowerCase()]
+  if (folderName) {
+    return folderName
+  }
+  return DEFAULT_FOLDER_ICON_OPEN
+}
+
+export const getIcon = (dirent) => {
+  switch (dirent.type) {
+    case 'file':
+      return getFileIcon(dirent)
+    case 'directory':
+    case 'folder':
+      return getFolderIcon(dirent)
+    case 'folder-expanded':
+    case 'directory-expanded':
+      return getFolderIconExpanded(dirent)
+    case 'symlink':
+      return DEFAULT_FILE_ICON
+    default:
+      console.warn(`unsupported type ${dirent.type}`)
+      return ''
+  }
+}
+
+const getBackgroundUrl = (extensionPath, value) => {
+  if (Platform.getPlatform() === 'web') {
+    return `/file-icons/${value.slice(7)}`
+  }
+  // TODO what if the file in on linux and includes a backslash?
+  if (extensionPath.includes('\\')) {
+    const extensionUri = extensionPath.replaceAll('\\', '/')
+    return `/remote/${extensionUri}/${value}`
+  }
+  return `/remote${extensionPath}/${value}`
+}
+
+const getIconThemeCss2 = (iconTheme) => {
+  const rules = []
+  for (const [key, value] of Object.entries(iconTheme.json.iconDefinitions)) {
+    const backgroundUrl = getBackgroundUrl(iconTheme.extensionPath, value)
+    rules.push(
+      `.Icon${key}::before { background-image: url(${backgroundUrl}) }`
+    )
+  }
+  const rulesCss = rules.join('\n')
+  return rulesCss
+}
+
+export const hydrate = async () => {
+  try {
+    // TODO icon theme css can be really large (3000+ lines)
+    // and slow down recalculate style by 5x (e.g. rendering text in editor: 1.42ms normal, 7.42ms with icon theme)
+    // icon theme should not slow down editor.
+    // maybe set applied css only to actual used icons
+    // for example, when a js file is in explorer, only generate the css for the js icon
+    // that way there would be much less rules, but when a new file type appears (which should not happen often)
+    // the css must be recalculated again
+    // const iconThemeCss = await getIconThemeCss()
+    // await RendererProcess.invoke(
+    //   /* Css.setInlineStyle */ 4551,
+    //   /* id */ 'ContributedIconTheme',
+    //   /* css */ iconThemeCss
+    // )
+
+    const iconThemeId = Preferences.get('icon-theme') || 'vscode-icons'
+    const iconTheme = await getIconThemeJson(iconThemeId)
+    state.iconTheme = iconTheme.json
+    state.extensionPath = iconTheme.extensionPath
+
+    const iconThemeCss = getIconThemeCss2(iconTheme)
+    await RendererProcess.invoke(
+      /* Css.setInlineStyle */ 'Css.setInlineStyle',
+      /* id */ 'ContributedIconTheme',
+      /* css */ iconThemeCss
+    )
+
+    await GlobalEventBus.emitEvent('iconTheme.change')
+    // GlobalEventBus.addListener('dirents.update', handleDirentsUpdate)
+    // GlobalEventBus.addListener('languages.changed', handleLanguagesUpdate)
+  } catch (error) {
+    // TODO
+    console.info(`[info] ${error.message}`)
+    // console.error(error)
+  }
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/ImagePreview/ImagePreview.ipc.js

@@ -0,0 +1,8 @@
+import * as ImagePreview from './ImagePreview.js'
+
+// TODO only use ImagePreview module via ipc -> that way is is always lazyloaded
+
+export const Commands = {
+  'ImagePreview.show': ImagePreview.show,
+  'ImagePreview.hide': ImagePreview.hide,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/IndexedDb/IndexedDb.js

@@ -0,0 +1,74 @@
+// TODO high memory usage in idb because of transactionDoneMap
+
+import { openDB } from '../../../static/js/idb/with-async-ittr.js'
+
+export const state = {
+  databases: Object.create(null),
+  eventId: 0,
+  dbVersion: 1,
+  /**
+   * @type {any}
+   */
+  cachedDb: undefined,
+}
+
+const getDb = async () => {
+  // @ts-ignore
+  const db = await openDB('session', state.dbVersion, {
+    async upgrade(db, oldVersion) {
+      if (!db.objectStoreNames.contains('session')) {
+        const objectStore = await db.createObjectStore('session', {
+          autoIncrement: true,
+        })
+        objectStore.createIndex('sessionId', 'sessionId', { unique: false })
+      }
+    },
+  })
+  return db
+}
+
+const getDbMemoized = async () => {
+  if (!state.cachedDb) {
+    state.cachedDb = await getDb()
+  }
+  return state.cachedDb
+}
+
+export const saveValue = async (storeId, value) => {
+  try {
+    const db = await getDbMemoized()
+    await db.add('session', value)
+  } catch (error) {
+    throw new Error('Failed to save value to indexed db', {
+      // @ts-ignore
+      cause: error,
+    })
+  }
+}
+
+export const getValues = async (storeId) => {
+  try {
+    const db = await getDbMemoized()
+    const tx = db.transaction(storeId, 'readwrite')
+    const [objects] = await Promise.all([tx.store.getAll(), tx.done])
+    console.log({ objects })
+    return objects
+  } catch (error) {
+    throw new Error('Failed to get values from indexed db', {
+      // @ts-ignore
+      cause: error,
+    })
+  }
+}
+
+export const getValuesByIndexName = async (storeId, indexName, only) => {
+  const db = await getDbMemoized()
+  const transaction = db.transaction(storeId)
+  const index = transaction.store.index(indexName)
+  const iterator = index.iterate(only)
+  const objects = []
+  for await (const cursor of iterator) {
+    objects.push(cursor.value)
+  }
+  return objects
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/KeyBindings/KeyBindings.ipc.js

@@ -0,0 +1,6 @@
+import * as KeyBindings from './KeyBindings.js'
+
+export const Commands = {
+  'KeyBindings.handleKeyBinding': KeyBindings.handleKeyBinding,
+  'KeyBindings.hydrate': KeyBindings.hydrate,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/KeyBindingsInitial/KeyBindingsInitial.ipc.js

@@ -0,0 +1,6 @@
+import * as KeyBindingsInitial from './KeyBindingsInitial.js'
+
+// prettier-ignore
+export const Commands = {
+  'KeyBindingsInitial.getKeyBindings': KeyBindingsInitial.getKeyBindings,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/Layout/Layout.ipc.js

@@ -0,0 +1,19 @@
+import * as Command from '../Command/Command.js'
+import * as Layout from './Layout.js'
+
+export const Commands = {
+  'Layout.showSideBar': Layout.showSideBar,
+  'Layout.hideSideBar': Layout.hideSideBar,
+  'Layout.toggleSideBar': Layout.toggleSideBar,
+  'Layout.showPanel': Layout.showPanel,
+  'Layout.hidePanel': Layout.hidePanel,
+  'Layout.togglePanel': Layout.togglePanel,
+  'Layout.showActivityBar': Layout.showActivityBar,
+  'Layout.hideActivityBar': Layout.hideActivityBar,
+  'Layout.toggleActivityBar': Layout.toggleActivityBar,
+  'Layout.hydrate': Layout.hydrate,
+  'Layout.hide': Layout.hide,
+  'Layout.handleResize': Layout.handleResize,
+  'Layout.handleSashPointerMove': Layout.handleSashPointerMove,
+  'Layout.handleSashPointerDown': Layout.handleSashPointerDown,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/Listener/Listener.ipc.js

@@ -0,0 +1,5 @@
+import * as Listener from './Listener.js'
+
+export const Commands = {
+  3444: Listener.execute,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/LocalStorage/LocalStorage.ipc.js

@@ -0,0 +1,11 @@
+import * as LocalStorage from './LocalStorage.js'
+
+// TODO only use LocalStorage module via ipc -> that way is is always lazyloaded
+
+export const Commands = {
+  'LocalStorage.clear': LocalStorage.clear,
+  'LocalStorage.setJson': LocalStorage.setJson,
+  'LocalStorage.getJson': LocalStorage.getJson,
+  'LocalStorage.getText': LocalStorage.getText,
+  'LocalStorage.setText': LocalStorage.setText,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/LocalStorage/LocalStorage.js

@@ -0,0 +1,23 @@
+import * as WebStorage from '../WebStorage/WebStorage.js'
+
+const storageType = WebStorage.StorageType.LocalStorage
+
+export const clear = () => {
+  return WebStorage.clear(storageType)
+}
+
+export const getText = (key) => {
+  return WebStorage.getText(storageType, key)
+}
+
+export const getJson = (key) => {
+  return WebStorage.getJson(storageType, key)
+}
+
+export const setText = (key, value) => {
+  return WebStorage.setText(WebStorage.StorageType.LocalStorage, key, value)
+}
+
+export const setJson = (key, value) => {
+  return WebStorage.setJson(WebStorage.StorageType.LocalStorage, key, value)
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/Menu/Menu.ipc.js

@@ -0,0 +1,14 @@
+import * as Menu from './Menu.js'
+
+export const Commands = {
+  'Menu.show': Menu.show,
+  'Menu.hide': Menu.hide,
+  'Menu.selectIndex': Menu.selectIndex,
+  'Menu.focusNext': Menu.focusNext,
+  'Menu.focusPrevious': Menu.focusPrevious,
+  'Menu.focusFirst': Menu.focusFirst,
+  'Menu.focusLast': Menu.focusLast,
+  'Menu.focusIndex': Menu.focusIndex,
+  'Menu.handleMouseEnter': Menu.handleMouseEnter,
+  'Menu.selectItem': Menu.selectItem,
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/MenuEntries/MenuEntriesActivityBar.js

@@ -0,0 +1,34 @@
+import * as ViewletStates from '../ViewletStates/ViewletStates.js'
+
+const toContextMenuItem = (activityBarItem) => {
+  return {
+    label: activityBarItem.id,
+    id: 8000, // TODO
+    flags: activityBarItem.enabled ? /* Checked */ 2 : /* Unchecked */ 3,
+  }
+}
+
+export const getMenuEntries = async () => {
+  const activityBarItems =
+    ViewletStates.getState('ActivityBar').activityBarItems
+  return [
+    ...activityBarItems.map(toContextMenuItem),
+    {
+      id: 'separator',
+      label: 'Separator',
+      flags: /* Separator */ 1,
+    },
+    {
+      id: 'moveSideBarLeft',
+      label: 'Move Side Bar Left', // TODO should be dynamic
+      flags: /* None */ 0,
+      command: /* TODO */ -1,
+    },
+    {
+      id: 'hideActivityBar',
+      label: 'Hide Activity Bar',
+      flags: /* None */ 0,
+      command: /* Layout.hideActivityBar */ 'Layout.hideActivityBar',
+    },
+  ]
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/MenuEntries/MenuEntriesFile.js

@@ -0,0 +1,52 @@
+export const getMenuEntries = () => {
+  return [
+    {
+      id: 'newFile',
+      label: 'New File',
+      flags: /* Disabled */ 5,
+      command: /* TODO */ -1,
+    },
+    {
+      id: 'newWindow',
+      label: 'New Window',
+      flags: /* None */ 0,
+      command: /* Window.openNew */ 'Window.openNew',
+    },
+    {
+      id: 'separator',
+      label: 'Separator',
+      flags: /* Separator */ 1,
+      command: /* None */ 0,
+    },
+    {
+      id: 'openFile',
+      label: 'Open File',
+      flags: /* Disabled */ 5,
+      command: /* TODO */ -1,
+    },
+    {
+      id: 'openFolder',
+      label: 'Open Folder',
+      flags: /* None */ 0,
+      command: 'Dialog.openFolder',
+    },
+    {
+      id: 'openRecent',
+      label: 'Open Recent',
+      flags: /* SubMenu */ 4,
+      command: /* None */ 0,
+    },
+    {
+      id: 'separator',
+      label: 'Separator',
+      flags: /* Separator */ 1,
+      command: /* None */ 0,
+    },
+    {
+      id: 'exit',
+      label: 'Exit',
+      flags: /* None */ 0,
+      command: /* Window.exit */ 'Window.exit',
+    },
+  ]
+}

package/static/0e4d46a/packages/renderer-worker/src/parts/MenuEntries/MenuEntriesTab.js

@@ -0,0 +1,41 @@
+import * as ViewletStates from '../ViewletStates/ViewletStates.js'
+
+// TODO should pass tab uri as argument or tab index
+export const getMenuEntries = () => {
+  const mainState = ViewletStates.getState('Main')
+  const editor = mainState.editors[mainState.focusedIndex]
+  const uri = editor.uri
+  return [
+    {
+      id: 'tabClose',
+      label: 'Close',
+      flags: /* None */ 0,
+      command: 'Main.closeFocusedTab',
+    },
+    {
+      id: 'tabCloseOthers',
+      label: 'Close Others',
+      flags: /* None */ 0,
+      command: 'Main.closeOthers',
+    },
+    {
+      id: 'tabCloseToTheRight',
+      label: 'Close to the Right',
+      flags: /* None */ 0,
+      command: 'Main.closeTabsToTheRight',
+    },
+    {
+      id: 'tabCloseAll',
+      label: 'Close All',
+      flags: /* None */ 0,
+      command: /* TODO */ -1,
+    },
+    {
+      id: 'revealInExplorer',
+      label: 'Reveal in Explorer',
+      flags: /* None */ 0,
+      command: 'Explorer.revealItem',
+      args: [uri],
+    },
+  ]
+}