@lvce-editor/server 0.4.3 → 0.5.0

package/static/{2394f34 → 4d80653}/packages/renderer-worker/src/parts/IconTheme/IconTheme.js

@@ -1,14 +1,14 @@
 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'
-import * as PlatformType from '../PlatformType/PlatformType.js'
-import * as DefaultIcon from '../DefaultIcon/DefaultIcon.js'
 
 export const state = {
   seenFiles: [],
@@ -20,16 +20,20 @@ export const state = {
   iconTheme: undefined,
 }
 
+const getIconThemeUrl = (iconThemeId) => {
+  return `/extensions/builtin.${iconThemeId}/icon-theme.json`
+}
+
 const getIconThemeJson = async (iconThemeId) => {
   if (Platform.platform === PlatformType.Web) {
-    const assetDir = Platform.getAssetDir()
-    const url = `${assetDir}/icon-themes/${iconThemeId}.json`
+    const url = getIconThemeUrl(iconThemeId)
     const json = await Command.execute(
       /* Ajax.getJson */ 'Ajax.getJson',
       /* url */ url
     )
     return {
       json,
+      extensionPath: `/extensions/builtin.${iconThemeId}`,
     }
   }
   return SharedProcess.invoke(
@@ -43,10 +47,9 @@ const getExtension = (file) => {
 }
 
 export const getFileIcon = (file) => {
-  const iconTheme = state.iconTheme
+  const { iconTheme } = state
   const fileNameLower = file.name.toLowerCase()
   if (!iconTheme) {
-    console.log('no icons theme', { file })
     return ''
   }
   const fileNameIcon = iconTheme.fileNames[fileNameLower]
@@ -115,7 +118,7 @@ export const getIcon = (dirent) => {
 
 const getBackgroundUrl = (extensionPath, value) => {
   if (Platform.platform === PlatformType.Web) {
-    return `/file-icons/${value.slice(7)}`
+    return `${extensionPath}${value}`
   }
   // TODO what if the file in on linux and includes a backslash?
   if (extensionPath.includes('\\')) {
@@ -127,8 +130,10 @@ const getBackgroundUrl = (extensionPath, value) => {
 
 const getIconThemeCss2 = (iconTheme) => {
   const rules = []
-  for (const [key, value] of Object.entries(iconTheme.json.iconDefinitions)) {
-    const backgroundUrl = getBackgroundUrl(iconTheme.extensionPath, value)
+  const iconDefinitions = iconTheme.json.iconDefinitions
+  const extensionPath = iconTheme.extensionPath
+  for (const [key, value] of Object.entries(iconDefinitions)) {
+    const backgroundUrl = getBackgroundUrl(extensionPath, value)
     rules.push(`.Icon${key} { background-image: url(${backgroundUrl}) }`)
   }
   const rulesCss = rules.join('\n')

package/static/4d80653/packages/renderer-worker/src/parts/IndexedDb/IndexedDb.ipc.js

@@ -0,0 +1,6 @@
+import * as IndexedDb from './IndexedDb.js'
+
+export const Commands = {
+  'IndexedDb.addHandle': IndexedDb.addHandle,
+  'IndexedDb.getHandle': IndexedDb.getHandle,
+}

package/static/{2394f34 → 4d80653}/packages/renderer-worker/src/parts/IndexedDb/IndexedDb.js

@@ -67,3 +67,26 @@ export const getValuesByIndexName = async (storeId, indexName, only) => {
   }
   return objects
 }
+
+const getHandleDb = async () => {
+  // @ts-ignore
+  const db = await openDB('handle', state.dbVersion, {
+    async upgrade(db, oldVersion) {
+      if (!db.objectStoreNames.contains('file-handles-store')) {
+        const objectStore = await db.createObjectStore('file-handles-store', {})
+      }
+    },
+  })
+  return db
+}
+
+export const addHandle = async (handle) => {
+  const handleDb = await getHandleDb()
+  await handleDb.put('file-handles-store', handle, handle.name)
+}
+
+export const getHandle = async (name) => {
+  const handleDb = await getHandleDb()
+  const handle = await handleDb.get('file-handles-store', name)
+  return handle
+}

package/static/{2394f34 → 4d80653}/packages/renderer-worker/src/parts/InputEventType/InputEventType.js

@@ -7,3 +7,5 @@ export const DeleteContentForward = 'deleteContentForward'
 export const DeleteWordForward = 'deleteWordForward'
 
 export const DeleteWordBackward = 'deleteWordBackward'
+
+export const InsertLineBreak = 'insertLineBreak'

package/static/{2394f34 → 4d80653}/packages/renderer-worker/src/parts/Menu/Menu.js

@@ -322,7 +322,6 @@ export const getIndexToFocusNextStartingAt = (items, startIndex) => {
       return index
     }
   }
-  console.log({ startIndex, items })
   return -1
 }
 
@@ -332,7 +331,6 @@ export const focusFirst = async () => {
     return
   }
   const indexToFocus = getIndexToFocusNextStartingAt(menu.items, 0)
-  console.log({ first: indexToFocus })
   await focusIndex(menu, indexToFocus)
 }
 

package/static/{2394f34 → 4d80653}/packages/renderer-worker/src/parts/MenuCore/MenuCore.js

@@ -7,9 +7,7 @@ export const getIndexToFocusNextStartingAt = (items, startIndex) => {
     if (canBeFocused(item)) {
       return index
     }
-    console.log({ index, item })
   }
-  console.log({ startIndex, items })
   return -1
 }
 

package/static/4d80653/packages/renderer-worker/src/parts/MenuEntries/MenuEntriesExplorer.js

@@ -0,0 +1,184 @@
+import * as DirentType from '../DirentType/DirentType.js'
+import * as I18nString from '../I18NString/I18NString.js'
+import * as MenuItemFlags from '../MenuItemFlags/MenuItemFlags.js'
+import * as Viewlet from '../Viewlet/Viewlet.js'
+
+export const UiStrings = {
+  NewFile: 'New File',
+  NewFolder: 'New Folder',
+  OpenContainingFolder: 'Open Containing Folder',
+  OpenInIntegratedTerminal: 'Open in integrated Terminal',
+  Separator: 'Separator',
+  Cut: 'Cut',
+  Copy: 'Copy',
+  Paste: 'Paste',
+  CopyPath: 'Copy Path',
+  CopyRelativePath: 'Copy Relative Path',
+  Rename: 'Rename',
+  Delete: 'Delete',
+}
+
+const menuEntryNewFile = {
+  id: 'newFile',
+  label: I18nString.i18nString(UiStrings.NewFile),
+  flags: MenuItemFlags.None,
+  command: 'Explorer.newFile',
+}
+
+const menuEntryNewFolder = {
+  id: 'newFolder',
+  label: I18nString.i18nString(UiStrings.NewFolder),
+  flags: MenuItemFlags.None,
+  command: 'Explorer.newFolder',
+}
+
+const menuEntryOpenContainingFolder = {
+  id: 'openContainingFolder',
+  label: I18nString.i18nString(UiStrings.OpenContainingFolder),
+  flags: MenuItemFlags.RestoreFocus,
+  command: 'Explorer.openContainingFolder',
+}
+
+const menuEntryOpenInIntegratedTerminal = {
+  id: 'openInIntegratedTerminal',
+  label: I18nString.i18nString(UiStrings.OpenInIntegratedTerminal),
+  flags: MenuItemFlags.None,
+  command: /* TODO */ -1,
+}
+
+const menuEntrySeparator = {
+  id: '',
+  label: I18nString.i18nString(UiStrings.Separator),
+  flags: MenuItemFlags.Separator,
+  command: /* TODO */ -1,
+}
+
+const menuEntryCut = {
+  id: 'cut',
+  label: I18nString.i18nString(UiStrings.Cut),
+  flags: MenuItemFlags.RestoreFocus,
+  command: /* TODO */ -1,
+}
+
+const menuEntryCopy = {
+  id: 'copy',
+  label: I18nString.i18nString(UiStrings.Copy),
+  flags: MenuItemFlags.RestoreFocus,
+  command: 'Explorer.handleCopy',
+}
+
+const menuEntryPaste = {
+  id: 'paste',
+  label: I18nString.i18nString(UiStrings.Paste),
+  flags: MenuItemFlags.None,
+  command: 'Explorer.handlePaste',
+}
+
+const menuEntryCopyPath = {
+  id: 'copyPath',
+  label: I18nString.i18nString(UiStrings.CopyPath),
+  flags: MenuItemFlags.RestoreFocus,
+  command: 'Explorer.copyPath',
+}
+
+const menuEntryCopyRelativePath = {
+  id: 'copyRelativePath',
+  label: I18nString.i18nString(UiStrings.CopyRelativePath),
+  flags: MenuItemFlags.RestoreFocus,
+  command: 'Explorer.copyRelativePath',
+}
+
+const menuEntryRename = {
+  id: 'rename',
+  label: I18nString.i18nString(UiStrings.Rename),
+  flags: MenuItemFlags.None,
+  command: 'Explorer.renameDirent',
+}
+
+const menuEntryDelete = {
+  id: 'delete',
+  label: I18nString.i18nString(UiStrings.Delete),
+  flags: MenuItemFlags.None,
+  command: 'Explorer.removeDirent',
+}
+
+const ALL_ENTRIES = [
+  menuEntryNewFile,
+  menuEntryNewFolder,
+  menuEntryOpenContainingFolder,
+  menuEntryOpenInIntegratedTerminal,
+  menuEntrySeparator,
+  menuEntryCut,
+  menuEntryCopy,
+  menuEntryPaste,
+  menuEntrySeparator,
+  menuEntryCopyPath,
+  menuEntryCopyRelativePath,
+  menuEntrySeparator,
+  menuEntryRename,
+  menuEntryDelete,
+]
+
+// TODO there are two possible ways of getting the focused dirent of explorer
+// 1. directly access state of explorer (bad because it directly accesses state of another component)
+// 2. expose getFocusedDirent method in explorer (bad because explorer code should not know about for menuEntriesExplorer, which needs that method)
+const getFocusedDirent = () => {
+  const explorerState = Viewlet.getState('Explorer')
+  if (!explorerState || explorerState.focusedIndex < 0) {
+    return undefined
+  }
+  return explorerState.dirents[explorerState.focusedIndex]
+}
+
+const getMenuEntriesDirectory = () => {
+  return ALL_ENTRIES
+}
+const getMenuEntriesFile = () => {
+  return [
+    menuEntryOpenContainingFolder,
+    menuEntryOpenInIntegratedTerminal,
+    menuEntrySeparator,
+    menuEntryCut,
+    menuEntryCopy,
+    menuEntryPaste,
+    menuEntrySeparator,
+    menuEntryCopyPath,
+    menuEntryCopyRelativePath,
+    menuEntrySeparator,
+    menuEntryRename,
+    menuEntryDelete,
+  ]
+}
+
+const getMenuEntriesDefault = () => {
+  return ALL_ENTRIES
+}
+
+const getMenuEntriesRoot = () => {
+  return [
+    menuEntryNewFile,
+    menuEntryNewFolder,
+    menuEntryOpenContainingFolder,
+    menuEntryOpenInIntegratedTerminal,
+    menuEntrySeparator,
+    menuEntryPaste,
+    menuEntrySeparator,
+    menuEntryCopyPath,
+    menuEntryCopyRelativePath,
+  ]
+}
+
+export const getMenuEntries = () => {
+  const focusedDirent = getFocusedDirent()
+  if (!focusedDirent) {
+    return getMenuEntriesRoot()
+  }
+  switch (focusedDirent.type) {
+    case DirentType.Directory:
+      return getMenuEntriesDirectory()
+    case DirentType.File:
+      return getMenuEntriesFile()
+    default:
+      return getMenuEntriesDefault()
+  }
+}

package/static/{2394f34 → 4d80653}/packages/renderer-worker/src/parts/MenuEntries/MenuEntriesSettings.js

@@ -8,6 +8,8 @@ export const UiStrings = {
   CheckForUpdates: 'Check For Updates',
 }
 
+const keyBindingsUri = 'app://keybindings'
+
 export const getMenuEntries = () => {
   return [
     {
@@ -20,7 +22,8 @@ export const getMenuEntries = () => {
       id: 'keyboardShortcuts',
       label: I18nString.i18nString(UiStrings.KeyboardShortcuts),
       flags: MenuItemFlags.None,
-      command: /* TODO */ -1,
+      command: 'Main.openUri',
+      args: [keyBindingsUri],
     },
     {
       id: 'colorTheme',

package/static/4d80653/packages/renderer-worker/src/parts/Mime/Mime.ipc.js

@@ -0,0 +1,6 @@
+import * as Mime from './Mime.js'
+
+export const Commands = {
+  'Mime.getMediaMimeType': Mime.getMediaMimeType,
+  'Mime.getTextMime': Mime.getTextMime,
+}

package/static/4d80653/packages/renderer-worker/src/parts/Mime/Mime.js

@@ -0,0 +1,12 @@
+import * as MimeTypes from '../MimeTypes/MimeTypes.js'
+import * as Path from '../Path/Path.js'
+
+export const getTextMime = (uri) => {
+  const extension = Path.fileExtension(uri)
+  return MimeTypes.mapExtToTextMimes[extension] || MimeTypes.defaultMimeType
+}
+
+export const getMediaMimeType = (uri) => {
+  const extension = Path.fileExtension(uri)
+  return MimeTypes.mapExtToMediaMimes[extension] || MimeTypes.defaultMimeType
+}

package/static/4d80653/packages/renderer-worker/src/parts/MimeTypes/MimeTypes.js

@@ -0,0 +1,68 @@
+// based on https://github.com/microsoft/vscode/blob/bd782eb059e133d3a20fdb446b8feb0010a278ad/src/vs/base/common/mime.ts (License MIT)
+
+export const mapExtToTextMimes = {
+  '.css': 'text/css',
+  '.csv': 'text/csv',
+  '.htm': 'text/html',
+  '.html': 'text/html',
+  '.ics': 'text/calendar',
+  '.js': 'text/javascript',
+  '.mjs': 'text/javascript',
+  '.txt': 'text/plain',
+  '.xml': 'text/xml',
+}
+
+export const mapExtToMediaMimes = {
+  '.aac': 'audio/x-aac',
+  '.avi': 'video/x-msvideo',
+  '.bmp': 'image/bmp',
+  '.flv': 'video/x-flv',
+  '.gif': 'image/gif',
+  '.ico': 'image/x-icon',
+  '.jpe': 'image/jpg',
+  '.jpeg': 'image/jpg',
+  '.jpg': 'image/jpg',
+  '.m1v': 'video/mpeg',
+  '.m2a': 'audio/mpeg',
+  '.m2v': 'video/mpeg',
+  '.m3a': 'audio/mpeg',
+  '.mid': 'audio/midi',
+  '.midi': 'audio/midi',
+  '.mk3d': 'video/x-matroska',
+  '.mks': 'video/x-matroska',
+  '.mkv': 'video/x-matroska',
+  '.mov': 'video/quicktime',
+  '.movie': 'video/x-sgi-movie',
+  '.mp2': 'audio/mpeg',
+  '.mp2a': 'audio/mpeg',
+  '.mp3': 'audio/mpeg',
+  '.mp4': 'video/mp4',
+  '.mp4a': 'audio/mp4',
+  '.mp4v': 'video/mp4',
+  '.mpe': 'video/mpeg',
+  '.mpeg': 'video/mpeg',
+  '.mpg': 'video/mpeg',
+  '.mpg4': 'video/mp4',
+  '.mpga': 'audio/mpeg',
+  '.oga': 'audio/ogg',
+  '.ogg': 'audio/ogg',
+  '.opus': 'audio/opus',
+  '.ogv': 'video/ogg',
+  '.png': 'image/png',
+  '.psd': 'image/vnd.adobe.photoshop',
+  '.qt': 'video/quicktime',
+  '.spx': 'audio/ogg',
+  '.svg': 'image/svg+xml',
+  '.tga': 'image/x-tga',
+  '.tif': 'image/tiff',
+  '.tiff': 'image/tiff',
+  '.wav': 'audio/x-wav',
+  '.webm': 'video/webm',
+  '.webp': 'image/webp',
+  '.wma': 'audio/x-ms-wma',
+  '.wmv': 'video/x-ms-wmv',
+  '.woff': 'application/font-woff',
+  '.avif': 'image/avif',
+}
+
+export const defaultMimeType = ''