@lvce-editor/server 0.13.0 → 0.14.0

package/static/c808931/packages/renderer-process/src/parts/EditorGroup/EditorGroup.js

@@ -1,54 +0,0 @@
-import * as Editor from '../Editor/Editor.js'
-import * as EditorHelper from '../Editor/EditorHelper.js'
-import * as EditorTabs from '../EditorTab/EditorTab.js'
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-
-const handleEditorTabsContextMenu = (event) => {
-  event.preventDefault()
-  const x = event.clientX
-  const y = event.clientY
-  RendererWorker.send(
-    /* editorTabsHandleContextMenu */ 'Main.handleTabContextMenu',
-    /* x */ x,
-    /* y */ y
-  )
-}
-
-export const create = () => {
-  const $EditorTabs = EditorTabs.create()
-
-  const $Editors = document.createElement('div')
-  $Editors.className = 'Editors'
-
-  // TODO create should not have side effect of mounting
-  // TODO this causes 2 times layout (when also calling add after)
-  // TODO
-  // Layout.state.$Main.append($EditorTabs, $Editors)
-  return {
-    $EditorTabs,
-    $Editors,
-  }
-}
-
-export const addOne = (state, id, uri, languageId) => {
-  EditorTabs.addOne(state.$EditorTabs, id, uri, languageId)
-  // const $Editor = EditorController.create(id)
-  // const $EditorTab = EditorTabsController.create(id, uri, languageId)
-  // TODO should call addOne as well
-  const editorState = Editor.create()
-  EditorHelper.setState(id, editorState)
-  Editor.mount(editorState, state.$Editors)
-  return editorState
-}
-
-export const replaceOne = (state, id, uri, languageId) => {
-  EditorTabs.addOne(state.$EditorTabs, id, uri, languageId)
-}
-
-// TODO remove single tab
-export const removeOne = (state, index) => {
-  // EditorTabs.removeOne(state.$EditorTabs, index)
-  // Editor.removeOne(state.$Editors, index)
-  state.$Editors.remove()
-  state.$EditorTabs.remove()
-}

package/static/c808931/packages/renderer-process/src/parts/EditorTab/EditorTab.js

@@ -1,127 +0,0 @@
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-import * as MouseEventType from '../MouseEventType/MouseEventType.js'
-import * as AriaRoles from '../AriaRoles/AriaRoles.js'
-import * as DomAttributeType from '../DomAttributeType/DomAttributeType.js'
-import * as AriaBoolean from '../AriaBoolean/AriaBoolean.js'
-
-// TODO windows
-const getFileName = (uri) => {
-  return uri.slice(uri.lastIndexOf('/') + 1)
-}
-
-const handleEditorTabsContextMenu = (event) => {
-  event.preventDefault()
-  const x = event.clientX
-  const y = event.clientY
-  RendererWorker.send(/* editorTabsHandleContextMenu */ 'Main.handleTabContextMenu', /* x */ x, /* y */ y)
-}
-
-/**
- * @param {MouseEvent} event
- */
-const handleMouseDown = (event) => {
-  event.preventDefault()
-  const $Target = event.target
-  // TODO if middle click -> close tab
-  // else if tab is not focused -> focus tab
-  // else noop
-  switch (event.button) {
-    case MouseEventType.LeftClick:
-      break
-    case MouseEventType.MiddleClick:
-      RendererWorker.send(/* Main.closeEditor */ 'Main.closeFocusedEditor')
-      break
-    default:
-      break
-  }
-}
-
-export const create = () => {
-  const $EditorTabs = document.createElement('ul')
-  $EditorTabs.className = 'EditorTabs'
-  $EditorTabs.oncontextmenu = handleEditorTabsContextMenu
-  $EditorTabs.onmousedown = handleMouseDown
-  return $EditorTabs
-}
-
-const create$Tab = () => {
-  const $Tab = document.createElement('li')
-  // @ts-ignore
-  $Tab.role = AriaRoles.Tab
-  $Tab.className = 'EditorTab'
-  $Tab.ariaSelected = AriaBoolean.True
-  $Tab.tabIndex = 0
-  // Set aria-description to empty string so that screen readers don't read title as well
-  // More details https://github.com/microsoft/vscode/issues/95378
-  $Tab.setAttribute(DomAttributeType.AriaDescription, '')
-  const $TabLabel = document.createElement('span')
-  return $Tab
-}
-
-const render$Tab = ($Tab, id, uri, languageId) => {
-  const fileName = getFileName(uri)
-  $Tab.textContent = fileName
-  $Tab.title = uri
-  $Tab.dataset.languageId = languageId
-  $Tab.dataset.fileName = fileName
-}
-
-// const render$TabsLess = ($Tabs, tabs) => {
-//   for (let i = 0; i < $Tabs.children.length; i++) {
-//     render$Tab($Tabs.children[i], tabs[i])
-//   }
-//   const fragment = document.createDocumentFragment()
-//   for (let i = $Tabs.children.length; i < tabs.length; i++) {
-//     const $Tab = create$Tab()
-//     render$Tab($Tab, tabs[i])
-//     fragment.append($Tab)
-//   }
-//   $Tabs.append(fragment)
-// }
-
-// const render$TabsEqual = ($Tabs, tabs) => {
-//   for (let i = 0; i < tabs.length; i++) {
-//     render$Tab($Tabs.children[i], tabs[i])
-//   }
-// }
-
-// const render$TabsMore = ($Tabs, tabs) => {
-//   for (let i = 0; i < tabs.length; i++) {
-//     render$Tab($Tabs.children[i], tabs[i])
-//   }
-//   const diff = $Tabs.children.length - tabs.length
-//   for (let i = 0; i < diff; i++) {
-//     $Tabs.lastChild.remove()
-//   }
-// }
-
-// const render$Tabs = ($Tabs, tabs) => {
-//   if ($Tabs.children.length < tabs.length) {
-//     render$TabsLess($Tabs, tabs)
-//   } else if ($Tabs.children.length === tabs.length) {
-//     render$TabsEqual($Tabs, tabs)
-//   } else {
-//     render$TabsMore($Tabs, tabs)
-//   }
-// }
-
-// export const setTabs = (state, tabs) => {
-//   render$Tabs(state.$EditorTabs, tabs)
-// }
-
-export const addOne = ($EditorTabs, id, uri, languageId) => {
-  const $EditorTab = create$Tab()
-  render$Tab($EditorTab, id, uri, languageId)
-  $EditorTabs.append($EditorTab)
-}
-
-// TODO should pass index as well
-export const replaceOne = ($EditorTabs, id, uri, languageId) => {
-  render$Tab($EditorTabs.firstChild, id, uri, languageId)
-}
-
-export const removeOne = ($EditorTabs, index) => {
-  $EditorTabs.firstChild.remove()
-  // const $EditorTab = $EditorTabs.children[index]
-  // $EditorTab.remove()
-}

package/static/c808931/packages/renderer-process/src/parts/ErrorHandling/ErrorHandling.js

@@ -1,15 +0,0 @@
-import * as Logger from '../Logger/Logger.js'
-
-export const handleError = (error) => {
-  if (`${error}` === 'Script error.') {
-    // ignore errors from chrome extensions
-    return
-  }
-  Logger.info(`[renderer-process] Unhandled Error: ${error}`)
-  alert(error)
-}
-
-export const handleUnhandledRejection = (event) => {
-  Logger.info(`[renderer-process] Unhandled Rejection: ${event.reason}`)
-  alert(event.reason)
-}

package/static/c808931/packages/renderer-process/src/parts/Icon/Icon.js

@@ -1,25 +0,0 @@
-import * as Platform from '../Platform/Platform.js'
-
-const assetDir = Platform.getAssetDir()
-
-export const ArrowDown = `${assetDir}/icons/arrow-down.svg`
-export const ArrowLeft = `${assetDir}/icons/arrow-left.svg`
-export const ArrowRight = `${assetDir}/icons/arrow-right.svg`
-export const ArrowUp = `${assetDir}/icons/arrow-up.svg`
-export const ChevronDown = `${assetDir}/icons/chevron-down.svg`
-export const ChevronUp = `${assetDir}/icons/chevron-up.svg`
-export const Close = `${assetDir}/icons/close.svg`
-export const DebugContinue = `${assetDir}/icons/debug-continue.svg`
-export const DebugPause = `${assetDir}/icons/debug-pause.svg`
-export const DebugStepInto = `${assetDir}/icons/debug-step-into.svg`
-export const DebugStepOut = `${assetDir}/icons/debug-step-out.svg`
-export const DebugStepOver = `${assetDir}/icons/debug-step-over.svg`
-export const ExtensionDefaultIcon = `${assetDir}/icons/extensionDefaultIcon.png`
-export const LinkExternal = `${assetDir}/icons/link-external.svg`
-export const NextMatch = `${assetDir}/icons/arrow-down.svg`
-export const PreviousMatch = `${assetDir}/icons/arrow-up.svg`
-export const Refresh = `${assetDir}/icons/refresh.svg`
-export const TriangleDown = `${assetDir}/icons/triangle-down.svg`
-export const TriangleRight = `${assetDir}/icons/triangle-right.svg`
-export const ZoomIn = `${assetDir}/icons/zoom-in.svg`
-export const ZoomOut = `${assetDir}/icons/zoom-out.svg`

package/static/c808931/packages/renderer-process/src/parts/IpcParentWithModuleWorkerWithMessagePort/IpcParentWithModuleWorkerWithMessagePort.js

@@ -1,85 +0,0 @@
-import * as GetWorkerDisplayName from '../GetWorkerDisplayName/GetWorkerDisplayName.js'
-import * as HttpStatusCode from '../HttpStatusCode/HttpStatusCode.js'
-import * as IsFirefoxWorkerError from '../IsFirefoxWorkerError/IsFirefoxWorkerError.js'
-import * as JsonRpcVersion from '../JsonRpcVersion/JsonRpcVersion.js'
-import { ModuleWorkersAreNotSupportedInFirefoxError } from '../ModuleWorkersAreNotSupportedInFirefoxError/ModuleWorkersAreNotSupportedInFirefoxError.js'
-import * as WorkerType from '../WorkerType/WorkerType.js'
-
-const tryToGetActualErrorMessage = async ({ url, name }) => {
-  const displayName = GetWorkerDisplayName.getWorkerDisplayName(name)
-  try {
-    globalThis.DONT_EXECUTE = 1
-    await import(url)
-    return `Failed to start ${displayName}: Unknown Error`
-  } catch (error) {
-    if (error && error instanceof Error && error.message.startsWith('Failed to fetch dynamically imported module')) {
-      try {
-        const response = await fetch(url)
-        switch (response.status) {
-          case HttpStatusCode.NotFound:
-            return `Failed to start ${displayName}: Not found (404)`
-          default:
-            return `Failed to start ${displayName}: Unknown Network Error`
-        }
-      } catch {
-        return `Failed to start ${displayName}: Unknown Network Error`
-      }
-    }
-    return `Failed to start ${displayName}: ${error}`
-  }
-}
-
-export const create = async ({ url, name }) => {
-  try {
-    const worker = new Worker(url, {
-      type: WorkerType.Module,
-      name,
-    })
-    await new Promise((resolve, reject) => {
-      const cleanup = () => {
-        worker.onmessage = null
-        worker.onerror = null
-      }
-      const handleFirstMessage = (event) => {
-        cleanup()
-        if (event.data === 'ready') {
-          resolve(undefined)
-        } else {
-          reject(new Error('unexpected first message from renderer worker'))
-        }
-      }
-      const handleFirstError = async (event) => {
-        cleanup()
-        if (IsFirefoxWorkerError.isFirefoxWorkerError(event.message)) {
-          event.preventDefault()
-          reject(new ModuleWorkersAreNotSupportedInFirefoxError())
-        } else {
-          const actualErrorMessage = await tryToGetActualErrorMessage({
-            url,
-            name,
-          })
-          reject(new Error(actualErrorMessage))
-        }
-      }
-      worker.onmessage = handleFirstMessage
-      worker.onerror = handleFirstError
-    })
-    const channel = new MessageChannel()
-    const { port1, port2 } = channel
-    worker.postMessage(
-      {
-        jsonrpc: JsonRpcVersion.Two,
-        method: 'initialize',
-        params: ['message-port', port1],
-      },
-      [port1]
-    )
-    return port2
-  } catch (error) {
-    if (error && error instanceof ModuleWorkersAreNotSupportedInFirefoxError) {
-      const IpcParentWithMessagePort = await import('../IpcParentWithMessagePort/IpcParentWithMessagePort.js')
-      return IpcParentWithMessagePort.create({ url })
-    }
-    throw error
-  }
-}

package/static/c808931/packages/renderer-process/src/parts/KeyBindings/KeyBindings.js

@@ -1,159 +0,0 @@
-import * as Context from '../Context/Context.js'
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
-import * as Platform from '../Platform/Platform.js'
-import * as DomEventType from '../DomEventType/DomEventType.js'
-
-const RE_ASCII = /[\p{ASCII}]+/u
-
-export const state = {
-  keyBindings: [],
-  modifier: '',
-  modifierTimeout: -1,
-}
-
-const isAscii = (key) => {
-  return RE_ASCII.test(key)
-}
-
-const normalizeKey = (key) => {
-  if (key === ' ') {
-    return 'Space'
-  }
-  if (key.length === 1) {
-    return key.toLowerCase()
-  }
-  return key
-}
-
-const getIdentifier = (event) => {
-  let identifier = ''
-  if (event.ctrlKey) {
-    identifier += 'ctrl+'
-  }
-  if (event.shiftKey) {
-    identifier += 'shift+'
-  }
-  if (event.altKey) {
-    identifier += 'alt+'
-  }
-  const key = normalizeKey(event.key)
-  identifier += key
-  return identifier
-}
-
-// TODO store keybindings as json somewhere
-
-// TODO sort keybindings by `when` priority -> focus.editorCompletions: 10, focus.editor:9 etc.
-
-// TODO does it make sense to have all of these configurable?
-// could remove some context logic and have less user configuration when these are default
-// e.g. arrow down focuses next, arrow up always focuses previous item (like in aria spec)
-
-// TODO ui should only have keys -> commands get resolved inside renderer worker
-// TODO should toggle terminal, not only open
-
-const matchesContext = (keybinding) => {
-  if (!keybinding.when) {
-    return true
-  }
-  return Context.get(keybinding.when)
-}
-
-const getMatchingKeyBinding = (identifier) => {
-  // TODO this could be more efficient in O(N) instead of O(2N)
-  const matchesIdentifier = (keyBinding) => {
-    return keyBinding.key === identifier
-  }
-  const matchingKeyBindings = state.keyBindings.filter(matchesIdentifier)
-  const matchingKeyBinding = matchingKeyBindings.find(matchesContext)
-  return matchingKeyBinding
-}
-
-const getModifier = (event) => {
-  switch (event.key) {
-    case 'Control':
-      return 'ctrl'
-    case 'Shift':
-      return 'shift'
-    case 'Alt':
-      return 'alt'
-  }
-  return ''
-}
-
-const clearModifier = () => {
-  if (!state.modifier) {
-    return
-  }
-  if (state.modifierTimeout !== -1) {
-    clearTimeout(state.modifierTimeout)
-    state.modifier = ''
-    state.modifierTimeout = -1
-  }
-}
-
-const handleMatchingKeyBinding = (matchingKeyBinding) => {
-  // TODO execute command directly or -> executeCommand -> keybindings -> executeCommand
-  // better directly
-  // TODO always should be number
-  // when launching keybindings -> map string command to number
-  // TODO should args always be defined? (probably yes -> monomorphism & simpler code since all objects are the same)
-
-  // TODO matchingKeyBinding.command should always be number
-  RendererWorker.send(
-    /* KeyBindings.handleKeyBinding */ 'KeyBindings.handleKeyBinding',
-    /* keyBinding */ matchingKeyBinding
-  )
-}
-
-const handleKeyDown = (event) => {
-  const identifier = getIdentifier(event)
-  const matchingKeyBinding = getMatchingKeyBinding(identifier)
-  if (!matchingKeyBinding) {
-    return
-  }
-  event.preventDefault()
-  handleMatchingKeyBinding(matchingKeyBinding)
-}
-
-const handleKeyUp = (event) => {
-  const modifier = getModifier(event)
-  if (!modifier) {
-    clearModifier()
-    return
-  }
-  if (state.modifier === modifier) {
-    clearModifier()
-    const identifier = `${modifier} ${modifier}`
-    const matchingKeyBinding = getMatchingKeyBinding(identifier)
-    if (matchingKeyBinding) {
-      handleMatchingKeyBinding(matchingKeyBinding)
-    }
-    return
-  }
-
-  state.modifier = modifier
-  // @ts-ignore
-  state.modifierTimeout = setTimeout(clearModifier, 300)
-}
-
-export const hydrate = async (keyBindings) => {
-  // TODO is this the right place for browser context ?
-  // maybe in env file / env service
-  const browser = Platform.getBrowser()
-  Context.set(`browser.${browser}`, true)
-  state.keyBindings = keyBindings
-  window.addEventListener(DomEventType.KeyDown, handleKeyDown)
-  // TODO only need keyup listener if keybindings include double modifier key (e.g "shift shift")
-  window.addEventListener(DomEventType.KeyUp, handleKeyUp)
-}
-
-// TODO should be in renderer worker
-export const lookupKeyBinding = (commandId) => {
-  switch (commandId) {
-    case 'scm.acceptInput':
-      return 'Ctrl+Enter'
-    default:
-      return ''
-  }
-}

package/static/c808931/packages/renderer-process/src/parts/MaskIcon/MaskIcon.js

@@ -1,16 +0,0 @@
-import * as AriaRoles from '../AriaRoles/AriaRoles.js'
-
-export const create = (icon) => {
-  const $Icon = document.createElement('div')
-  $Icon.className = 'MaskIcon'
-  $Icon.style.maskImage = `url('${icon}')`
-  $Icon.style.webkitMaskImage = `url('${icon}')`
-  // @ts-ignore
-  $Icon.role = AriaRoles.None
-  return $Icon
-}
-
-export const setIcon = ($Icon, icon) => {
-  $Icon.style.maskImage = `url('${icon}')`
-  $Icon.style.webkitMaskImage = `url('${icon}')`
-}

package/static/c808931/packages/renderer-process/src/parts/Module/Module.js

@@ -1,66 +0,0 @@
-import * as ModuleId from '../ModuleId/ModuleId.js'
-
-export const load = (moduleId) => {
-  switch (moduleId) {
-    case ModuleId.Audio:
-      return import('../Audio/Audio.ipc.js')
-    case ModuleId.ClipBoard:
-      return import('../ClipBoard/ClipBoard.ipc.js')
-    case ModuleId.Css:
-      return import('../Css/Css.ipc.js')
-    case ModuleId.Developer:
-      return import('../Developer/Developer.ipc.js')
-    case ModuleId.Download:
-      return import('../Download/Download.ipc.js')
-    case ModuleId.EditorError:
-      return import('../EditorError/EditorError.ipc.js')
-    case ModuleId.EditorHover:
-      return import('../EditorHover/EditorHover.ipc.js')
-    case ModuleId.EditorRename:
-      return import('../EditorRename/EditorRename.ipc.js')
-    case ModuleId.Eval:
-      return import('../Eval/Eval.ipc.js')
-    case ModuleId.FilePicker:
-      return import('../FilePicker/FilePicker.ipc.js')
-    case ModuleId.FileSystemHandle:
-      return import('../FileSystemHandle/FileSystemHandle.ipc.js')
-    case ModuleId.ImagePreview:
-      return import('../ImagePreview/ImagePreview.ipc.js')
-    case ModuleId.InitData:
-      return import('../InitData/InitData.ipc.js')
-    case ModuleId.KeyBindings:
-      return import('../KeyBindings/KeyBindings.ipc.js')
-    case ModuleId.Layout:
-      return import('../Layout/Layout.ipc.js')
-    case ModuleId.Location:
-      return import('../Location/Location.ipc.js')
-    case ModuleId.Meta:
-      return import('../Meta/Meta.ipc.js')
-    case ModuleId.Notification:
-      return import('../Notification/Notification.ipc.js')
-    case ModuleId.OffscreenCanvas:
-      return import('../OffscreenCanvas/OffscreenCanvas.ipc.js')
-    case ModuleId.Menu:
-      return import('../OldMenu/Menu.ipc.js')
-    case ModuleId.Open:
-      return import('../Open/Open.ipc.js')
-    case ModuleId.Performance:
-      return import('../Performance/Performance.ipc.js')
-    case ModuleId.SanitizeHtml:
-      return import('../SanitizeHtml/SanitizeHtml.ipc.js')
-    case ModuleId.ServiceWorker:
-      return import('../ServiceWorker/ServiceWorker.ipc.js')
-    case ModuleId.TestFrameWork:
-      return import('../TestFrameWork/TestFrameWork.ipc.js')
-    case ModuleId.Transferrable:
-      return import('../Transferrable/Transferrable.ipc.js')
-    case ModuleId.Viewlet:
-      return import('../Viewlet/Viewlet.ipc.js')
-    case ModuleId.WebStorage:
-      return import('../WebStorage/WebStorage.ipc.js')
-    case ModuleId.Window:
-      return import('../Window/Window.ipc.js')
-    default:
-      throw new Error(`module ${moduleId} not found`)
-  }
-}

package/static/c808931/packages/renderer-process/src/parts/ModuleId/ModuleId.js

@@ -1,35 +0,0 @@
-export const Audio = 1
-export const ClipBoard = 2
-export const Css = 3
-export const Developer = 4
-export const Download = 5
-export const EditorController = 6
-export const EditorError = 7
-export const EditorHover = 8
-export const EditorRename = 9
-export const ImagePreview = 10
-export const InitData = 11
-export const KeyBindings = 12
-export const Layout = 13
-export const Location = 14
-export const Main = 15
-export const Menu = 16
-export const Meta = 17
-export const Notification = 18
-export const Open = 19
-export const Panel = 20
-export const ServiceWorker = 21
-export const Test = 22
-export const TestFrameWork = 23
-export const Viewlet = 24
-export const ViewService = 25
-export const WebStorage = 26
-export const Window = 27
-export const Workbench = 28
-export const Performance = 29
-export const Eval = 30
-export const FilePicker = 31
-export const FileSystemHandle = 32
-export const SanitizeHtml = 33
-export const OffscreenCanvas = 34
-export const Transferrable = 35