@lvce-editor/server 0.4.4 → 0.6.0

package/static/3d96d42/packages/renderer-worker/src/parts/IconTheme/IconTheme.js

@@ -1,171 +0,0 @@
-import * as Command from '../Command/Command.js'
-import * as DefaultIcon from '../DefaultIcon/DefaultIcon.js'
-import * as DirentType from '../DirentType/DirentType.js'
-import * as GlobalEventBus from '../GlobalEventBus/GlobalEventBus.js'
-import * as Languages from '../Languages/Languages.js'
-import * as Platform from '../Platform/Platform.js'
-import * as PlatformType from '../PlatformType/PlatformType.js'
-import * as Preferences from '../Preferences/Preferences.js'
-import * as RendererProcess from '../RendererProcess/RendererProcess.js'
-import * as SharedProcess from '../SharedProcess/SharedProcess.js'
-import { VError } from '../VError/VError.js'
-
-export const state = {
-  seenFiles: [],
-  seenFolders: [],
-  hasWarned: [],
-  /**
-   * @type{any}
-   */
-  iconTheme: undefined,
-}
-
-const getIconThemeJson = async (iconThemeId) => {
-  if (Platform.platform === PlatformType.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).toLowerCase()
-}
-
-export const getFileIcon = (file) => {
-  const { iconTheme } = state
-  const fileNameLower = file.name.toLowerCase()
-  if (!iconTheme) {
-    return ''
-  }
-  const fileNameIcon = iconTheme.fileNames[fileNameLower]
-  if (fileNameIcon) {
-    return fileNameIcon
-  }
-  const extension = getExtension(fileNameLower)
-  const extensionIcon = iconTheme.fileExtensions[extension]
-  if (extensionIcon) {
-    return extensionIcon
-  }
-  const languageId = Languages.getLanguageId(fileNameLower)
-  const languageIcon = iconTheme.languageIds[languageId]
-  if (languageIcon) {
-    return languageIcon
-  }
-  return DefaultIcon.File
-}
-
-export const getFolderIcon = (folder) => {
-  const iconTheme = state.iconTheme
-  // @ts-ignore
-  if (!iconTheme || !iconTheme.folderNames) {
-    return ''
-  }
-  // @ts-ignore
-  const folderIcon = iconTheme.folderNames[folder.name.toLowerCase()]
-  if (folderIcon) {
-    return folderIcon
-  }
-  return DefaultIcon.Folder
-}
-
-const getFolderIconExpanded = (folder) => {
-  const iconTheme = state.iconTheme
-  if (!iconTheme) {
-    return ''
-  }
-  // @ts-ignore
-  if (!iconTheme.folderNamesExpanded) {
-    return DefaultIcon.FolderOpen
-  }
-  // @ts-ignore
-  const folderName = iconTheme.folderNamesExpanded[folder.name.toLowerCase()]
-  if (folderName) {
-    return folderName
-  }
-  return DefaultIcon.FolderOpen
-}
-
-export const getIcon = (dirent) => {
-  switch (dirent.type) {
-    case DirentType.File:
-      return getFileIcon(dirent)
-    case DirentType.Directory:
-      return getFolderIcon(dirent)
-    case DirentType.DirectoryExpanded:
-      return getFolderIconExpanded(dirent)
-    case DirentType.Symlink:
-      return DefaultIcon.File
-    default:
-      console.warn(`unsupported type ${dirent.type}`)
-      return DefaultIcon.None
-  }
-}
-
-const getBackgroundUrl = (extensionPath, value) => {
-  if (Platform.platform === PlatformType.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} { 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) {
-    console.error(new VError(error, `Failed to load icon theme`))
-  }
-}

package/static/3d96d42/packages/renderer-worker/src/parts/IndexedDb/IndexedDb.js

@@ -1,69 +0,0 @@
-// TODO high memory usage in idb because of transactionDoneMap
-
-import { openDB } from '../../../static/js/idb/with-async-ittr.js'
-import { VError } from '../VError/VError.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 VError(error, 'Failed to save value to indexed db')
-  }
-}
-
-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 VError(error, 'Failed to get values from indexed db')
-  }
-}
-
-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/3d96d42/packages/renderer-worker/src/parts/InputEventType/InputEventType.js

@@ -1,9 +0,0 @@
-export const InsertText = 'insertText'
-
-export const DeleteContentBackward = 'deleteContentBackward'
-
-export const DeleteContentForward = 'deleteContentForward'
-
-export const DeleteWordForward = 'deleteWordForward'
-
-export const DeleteWordBackward = 'deleteWordBackward'

package/static/3d96d42/packages/renderer-worker/src/parts/Languages/Languages.js

@@ -1,171 +0,0 @@
-// TODO merge all of this with extension host languages module
-
-import * as Assert from '../Assert/Assert.js'
-import * as ExtensionHostLanguages from '../ExtensionHost/ExtensionHostLanguages.js'
-import * as GlobalEventBus from '../GlobalEventBus/GlobalEventBus.js'
-
-export const state = {
-  loadState: false,
-  isHydrating: false,
-  fileNameMap: Object.create(null),
-  extensionMap: Object.create(null),
-  tokenizerMap: Object.create(null),
-}
-
-export const getLanguageId = (fileName) => {
-  Assert.string(fileName)
-  // TODO this is inefficient for icon theme, as file extension is computed twice
-  const extensionIndex = fileName.lastIndexOf('.')
-  const extension = fileName.slice(extensionIndex)
-  const fileNameLower = fileName.toLowerCase()
-  const { extensionMap, fileNameMap } = state
-  if (extensionMap[extension]) {
-    return extensionMap[extension]
-  }
-  const secondExtensionIndex = fileName.lastIndexOf('.', extensionIndex - 1)
-  const secondExtension = fileName.slice(secondExtensionIndex)
-  if (secondExtensionIndex !== -1 && extensionMap[secondExtension]) {
-    return extensionMap[secondExtension]
-  }
-  if (fileNameMap[fileNameLower]) {
-    return fileNameMap[fileNameLower]
-  }
-  return 'unknown'
-}
-
-export const getTokenizeFunctionPath = (languageId) => {
-  // TODO what if language.tokenize is not of type string? -> handle error gracefully
-  return state.tokenizerMap[languageId] || ''
-}
-
-const getLanguages = () => {
-  // TODO handle error
-
-  return ExtensionHostLanguages.getLanguages()
-}
-
-export const hydrate = async () => {
-  state.isHydrating = true
-  // TODO handle error
-  // TODO main parts should have nothing todo with shared process -> only sub components
-  const languages = await getLanguages()
-  // TODO avoid side effect here, but how?
-  await addLanguages(languages)
-  state.loaded = true
-}
-
-// TODO make contribution points not rely on globals and side effects
-const contributionPointFileExtensions = {
-  key: 'fileExtensions',
-  handle(value, languageId) {
-    if (value) {
-      console.warn(
-        `[renderer-worker] unsupported property "fileExtensions" for language ${language.id}, use the property "extensions" instead`
-      )
-    }
-  },
-}
-
-const contributionPointFileNames = {
-  key: 'fileNames',
-  handle(value, languageId) {
-    if (value && Array.isArray(value)) {
-      for (const fileName of value) {
-        if (typeof fileName === 'string') {
-          const fileNameLower = fileName.toLowerCase()
-          state.fileNameMap[fileNameLower] = languageId
-        } else {
-          console.warn(
-            `[renderer-worker] language.fileNames for ${languageId} should be an array of strings but includes ${typeof fileName}`
-          )
-        }
-      }
-      state.fileNameMap
-    }
-  },
-}
-
-const contributionPointExtensions = {
-  key: 'extensions',
-  handle(value, languageId) {
-    if (value && Array.isArray(value)) {
-      for (const extension of value) {
-        if (typeof extension === 'string') {
-          state.extensionMap[extension] = languageId
-        } else {
-          console.warn(
-            `[renderer-worker] language.extensions for ${languageId} should be an array of strings but includes ${typeof extension}`
-          )
-        }
-      }
-    }
-  },
-}
-
-const contributionPointTokenize = {
-  key: 'tokenize',
-  handle(value, languageId) {
-    if (value) {
-      state.tokenizerMap[languageId] = value
-    }
-  },
-}
-
-const contributionPoints = [
-  contributionPointFileExtensions,
-  contributionPointExtensions,
-  contributionPointFileNames,
-  contributionPointTokenize,
-]
-
-const addLanguage = (language) => {
-  const languageId = language.id
-  if (!languageId) {
-    console.warn(`[renderer-worker] language is missing id`, language)
-    return
-  }
-  // TODO could use object destructuing here
-  for (const contributionPoint of contributionPoints) {
-    const value = language[contributionPoint.key]
-    contributionPoint.handle(value, languageId)
-  }
-}
-
-export const addLanguages = async (languages) => {
-  for (const language of languages) {
-    addLanguage(language)
-  }
-  await GlobalEventBus.emitEvent('languages.changed')
-}
-
-export const hasLoaded = () => {
-  return state.loaded
-}
-
-export const waitForLoad = async () => {
-  if (state.isHydrating) {
-    await new Promise((resolve) => {
-      const handleLanguageChange = (editor, languageId) => {
-        resolve(undefined)
-      }
-      // TODO remove event listener when promise is resolved
-      // TODO what if this event is never emitted (e.g. languages fail to load)
-      GlobalEventBus.addListener('languages.changed', handleLanguageChange)
-    })
-  } else {
-    await hydrate()
-  }
-}
-
-export const getLanguageConfiguration = async (editor) => {
-  if (!hasLoaded()) {
-    throw new Error(
-      'languages must be loaded before requesting language configuration'
-    )
-  }
-  editor.languageId = getLanguageId(editor.uri)
-  const languageConfiguration = ExtensionHostLanguages.getLanguageConfiguration(
-    editor.languageId
-  )
-  return languageConfiguration
-}