@lvce-editor/server 0.0.41 → 0.2.0

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

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

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

@@ -1,15 +1,18 @@
 // TODO so many things in this file
 
+import * as Assert from '../Assert/Assert.js'
 import * as Focus from '../Focus/Focus.js'
-import * as RendererWorker from '../RendererWorker/RendererWorker.js'
+import * as ModifierKey from '../ModifierKey/ModifierKey.js'
+import * as MouseEventType from '../MouseEventType/MouseEventType.js'
 import * as Platform from '../Platform/Platform.js'
-import * as Assert from '../Assert/Assert.js'
-import * as EditorHelper from './EditorHelper.js'
+import * as RendererWorker from '../RendererWorker/RendererWorker.js'
 import * as LayerCursor from './LayerCursor.js'
 import * as LayerDiagnostics from './LayerDiagnostics.js'
 import * as LayerScrollBar from './LayerScrollBar.js'
 import * as LayerSelections from './LayerSelections.js'
 import * as LayerText3 from './LayerText.js'
+import * as WheelEventType from '../WheelEventType/WheelEventType.js'
+import * as InputEventType from '../InputEventType/InputEventType.js'
 
 // TODO go back to edit mode after pressing escape so screenreaders can navigate https://stackoverflow.com/questions/53909477/how-to-handle-tabbing-for-accessibility-with-a-textarea-that-uses-the-tab-button
 
@@ -37,10 +40,14 @@ const handleBlur = (event) => {
   RendererWorker.send(/* EditorBlur.editorBlur */ 'Editor.blur')
 }
 
+/**
+ *
+ * @param {InputEvent} event
+ */
 const handleBeforeInput = (event) => {
   event.preventDefault()
   switch (event.inputType) {
-    case 'insertText':
+    case InputEventType.InsertText:
       RendererWorker.send(
         /* Editor.type */ 'Editor.type',
         /* text */ event.data
@@ -115,12 +122,12 @@ const handleSelectionDone = (event) => {
 
 const getModifier = (event) => {
   if (event.ctrlKey) {
-    return 'ctrl'
+    return ModifierKey.Ctrl
   }
   if (event.altKey) {
-    return 'alt'
+    return ModifierKey.Alt
   }
-  return ''
+  return ModifierKey.None
 }
 
 const handleSingleClick = (event, x, y, offset) => {
@@ -160,7 +167,7 @@ const handleTripleClick = (event, x, y, offset) => {
 }
 
 const isRightClick = (event) => {
-  return event.button === 2
+  return event.button === MouseEventType.RightClick
 }
 
 const getTextNodeOffset = (textNode) => {
@@ -249,18 +256,22 @@ const handleMouseMove = (event) => {
   // RendererWorker.send(/* Editor.handleMouseMove */ 389, /* x */ x, /* y */ y)
 }
 
+/**
+ *
+ * @param {WheelEvent} event
+ */
 const handleWheel = (event) => {
   // event.preventDefault()
   // const state = EditorHelper.getStateFromEvent(event)
   // TODO send editor id
   switch (event.deltaMode) {
-    case event.DOM_DELTA_LINE:
+    case WheelEventType.DomDeltaLine:
       RendererWorker.send(
         /* Editor.setDeltaY */ 'Editor.setDeltaY',
         /* value */ event.deltaY
       )
       break
-    case event.DOM_DELTA_PIXEL:
+    case WheelEventType.DomDeltaPixel:
       RendererWorker.send(
         /* Editor.setDeltaY */ 'Editor.setDeltaY',
         /* value */ event.deltaY
@@ -444,7 +455,7 @@ export const create = () => {
   $EditorInput.setAttribute('wrap', 'off')
   $EditorInput.setAttribute('spellcheck', 'false')
   // @ts-ignore
-  $EditorInput.role= 'textbox'
+  $EditorInput.role = 'textbox'
   $EditorInput.onpaste = handlePaste
   // TODO where to best put listeners (side effects)
   $EditorInput.addEventListener('beforeinput', handleBeforeInput)
@@ -460,18 +471,8 @@ export const create = () => {
 
   const $LayerText = document.createElement('div')
   $LayerText.className = 'EditorRows'
-  if (Platform.isMobileOrTablet()) {
-    $LayerText.setAttribute('contenteditable', 'plaintext-only')
-    $LayerText.setAttribute('autocapitalize', 'off')
-    $LayerText.setAttribute('spellcheck', 'false')
-    $LayerText.setAttribute('autocorrect', 'off')
-    $LayerText.addEventListener('beforeinput', handleContentEditableBeforeInput)
-    // TODO remove listener once editor is disposed
-    // TODO why is there no selection change listener for the element?
-    document.addEventListener('selectionchange', handleNativeSelectionChange)
-  } else {
-    $LayerText.addEventListener('mousedown', handleMouseDown)
-  }
+
+  $LayerText.addEventListener('mousedown', handleMouseDown)
 
   const $ScrollBarThumb = document.createElement('div')
   $ScrollBarThumb.className = 'ScrollBarThumb'
@@ -483,9 +484,7 @@ export const create = () => {
 
   const $ScrollBar = document.createElement('div')
   $ScrollBar.className = 'ScrollBar'
-  if (!Platform.isMobileOrTablet()) {
-    $ScrollBar.onmousedown = handleScrollBarMouseDown
-  }
+  $ScrollBar.onmousedown = handleScrollBarMouseDown
   $ScrollBar.append($ScrollBarThumb)
 
   // $EditorRows.addEventListener('mousemove', handleMouseMove, { passive: true })
@@ -518,16 +517,10 @@ export const create = () => {
   $Editor.className = 'Viewlet Editor'
   $Editor.dataset.viewletId = 'EditorText'
   // @ts-ignore
-  $Editor.role= 'code'
+  $Editor.role = 'code'
   $Editor.append($EditorInput, $EditorLayers, $ScrollBarDiagnostics, $ScrollBar)
-  if (Platform.isMobileOrTablet()) {
-    $Editor.addEventListener('touchstart', handleTouchStart, { passive: true })
-    $Editor.addEventListener('touchmove', handleTouchMove, { passive: true })
-    $Editor.addEventListener('touchend', handleTouchEnd)
-  } else {
-    $Editor.addEventListener('contextmenu', handleContextMenu)
-    $Editor.addEventListener('wheel', handleWheel, { passive: true })
-  }
+  $Editor.addEventListener('contextmenu', handleContextMenu)
+  $Editor.addEventListener('wheel', handleWheel, { passive: true })
   $Editor.addEventListener('mousemove', handleMouseMove, { passive: true })
   return {
     $LayerCursor,
@@ -621,7 +614,9 @@ export const dispose = (state) => {}
 
 export const focus = (state) => {
   const { $EditorInput } = state
-  console.log('focus editor')
+  if (!$EditorInput.isConnected) {
+    console.warn('unmounted editor cannot be focused')
+  }
   $EditorInput.focus()
 }
 

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

@@ -121,9 +121,5 @@ const renderCursorsNative = (state, cursors) => {
 }
 
 export const setCursors = (state, cursors) => {
-  if (Platform.isMobileOrTablet()) {
-    renderCursorsNative(state, cursors)
-    return
-  }
   render$Cursors(state.$LayerCursor, state.$LayerText, cursors)
 }

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

@@ -86,9 +86,5 @@ const renderSelectionsNative = (state, selections) => {
 }
 
 export const setSelections = (state, selections) => {
-  if (Platform.isMobileOrTablet()) {
-    renderSelectionsNative(state, selections)
-    return
-  }
   render$Selections(state.$LayerSelections, selections)
 }

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

@@ -1,4 +1,5 @@
 import * as RendererWorker from '../RendererWorker/RendererWorker.js'
+import * as MouseEventType from '../MouseEventType/MouseEventType.js'
 
 // TODO windows
 const getFileName = (uri) => {
@@ -27,10 +28,10 @@ const handleMouseDown = (event) => {
   // else if tab is not focused -> focus tab
   // else noop
   switch (event.button) {
-    case 0:
+    case MouseEventType.LeftClick:
       console.log('left click')
       break
-    case 1:
+    case MouseEventType.MiddleClick:
       RendererWorker.send(/* Main.closeEditor */ 'Main.closeFocusedEditor')
       break
     default:
@@ -49,7 +50,7 @@ export const create = () => {
 const create$Tab = () => {
   const $Tab = document.createElement('li')
   // @ts-ignore
-  $Tab.role ='tab'
+  $Tab.role = 'tab'
   $Tab.className = 'EditorTab'
   $Tab.ariaSelected = 'true'
   $Tab.tabIndex = 0

package/static/56d97e9/packages/renderer-process/src/parts/InputEventType/InputEventType.js

@@ -0,0 +1 @@
+export const InsertText = 'insertText'

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

@@ -1,3 +1,5 @@
+import * as MenuItemFlags from '../MenuItemFlags/MenuItemFlags.js'
+
 const getLabel = (item) => {
   if (!item || !item.label) {
     console.warn('menu item has missing label', item)
@@ -9,19 +11,19 @@ const getLabel = (item) => {
 export const create$MenuItem = (item) => {
   const $MenuItem = document.createElement('li')
   switch (item.flags) {
-    case /* None */ 0:
+    case MenuItemFlags.None:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitem'
       $MenuItem.textContent = getLabel(item)
       $MenuItem.tabIndex = -1
       break
-    case /* Separator */ 1:
+    case MenuItemFlags.Separator:
       $MenuItem.className = 'MenuItemSeparator'
       // @ts-ignore
       $MenuItem.role = 'separator'
       break
-    case /* Checked */ 2:
+    case MenuItemFlags.Checked:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitemcheckbox'
@@ -29,7 +31,7 @@ export const create$MenuItem = (item) => {
       $MenuItem.textContent = getLabel(item)
       $MenuItem.tabIndex = -1
       break
-    case /* UnChecked */ 3:
+    case MenuItemFlags.Unchecked:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitemcheckbox'
@@ -37,7 +39,7 @@ export const create$MenuItem = (item) => {
       $MenuItem.textContent = getLabel(item)
       $MenuItem.tabIndex = -1
       break
-    case /* SubMenu */ 4:
+    case MenuItemFlags.SubMenu:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitem'
@@ -46,7 +48,7 @@ export const create$MenuItem = (item) => {
       $MenuItem.ariaHasPopup = 'true'
       $MenuItem.ariaExpanded = 'false'
       break
-    case /* Disabled */ 5:
+    case MenuItemFlags.Disabled:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitem'

package/static/56d97e9/packages/renderer-process/src/parts/MenuItemFlags/MenuItemFlags.js

@@ -0,0 +1,11 @@
+export const Separator = 1
+
+export const None = 0
+
+export const SubMenu = 4
+
+export const Checked = 2
+
+export const Unchecked = 3
+
+export const Disabled = 5

package/static/56d97e9/packages/renderer-process/src/parts/ModifierKey/ModifierKey.js

@@ -0,0 +1,5 @@
+export const Ctrl = 'ctrl'
+
+export const Alt = 'alt'
+
+export const None = ''

package/static/56d97e9/packages/renderer-process/src/parts/MouseEventType/MouseEventType.js

@@ -0,0 +1,7 @@
+export const Keyboard = -1
+
+export const LeftClick = 0
+
+export const MiddleClick = 1
+
+export const RightClick = 2

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-process/src/parts/OldMenu/Menu.js

@@ -125,9 +125,11 @@ const handleMouseMove = (event) => {
 }
 
 const handleMouseLeave = (event) => {
-  // const x = event.clientX
-  // const y = event.clientY
-  // console.log('leave', { x, y })
+  const $RelatedTarget = event.relatedTarget
+  if ($RelatedTarget.classList.contains('MenuItem')) {
+    return
+  }
+  RendererWorker.send(/* Menu.handleMouseLeave */ 'Menu.handleMouseLeave')
 }
 
 // const handleBlur = (event) => {}
@@ -155,9 +157,9 @@ const create$Menu = () => {
   $Menu.addEventListener('mouseleave', handleMouseLeave, {
     capture: true,
   })
-  $Menu.addEventListener('mousemove', handleMouseMove, {
-    passive: true,
-  })
+  // $Menu.addEventListener('mousemove', handleMouseMove, {
+  //   passive: true,
+  // })
   $Menu.onkeydown = handleKeyDown
   $Menu.addEventListener('focusout', handleFocusOut)
   $Menu.oncontextmenu = handleContextMenu

package/static/{d4a8cd1 → 56d97e9}/packages/renderer-process/src/parts/OldMenu/Menu2.js

@@ -1,6 +1,7 @@
 import * as FindIndex from '../../shared/findIndex.js'
 import * as RendererWorker from '../RendererWorker/RendererWorker.js'
 import * as Widget from '../Widget/Widget.js'
+import * as MenuItemFlags from '../MenuItemFlags/MenuItemFlags.js'
 
 export const state = {
   $$Menus: [],
@@ -9,19 +10,19 @@ export const state = {
 const create$MenuItem = (item) => {
   const $MenuItem = document.createElement('li')
   switch (item.flags) {
-    case /* None */ 0:
+    case MenuItemFlags.None:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitem'
       $MenuItem.textContent = item.label
       $MenuItem.tabIndex = -1
       break
-    case /* Separator */ 1:
+    case MenuItemFlags.Separator:
       $MenuItem.className = 'MenuItemSeparator'
       // @ts-ignore
       $MenuItem.role = 'separator'
       break
-    case /* Checked */ 2:
+    case MenuItemFlags.Checked:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitemcheckbox'
@@ -29,7 +30,7 @@ const create$MenuItem = (item) => {
       $MenuItem.textContent = item.label
       $MenuItem.tabIndex = -1
       break
-    case /* UnChecked */ 3:
+    case MenuItemFlags.Unchecked:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitemcheckbox'
@@ -37,7 +38,7 @@ const create$MenuItem = (item) => {
       $MenuItem.textContent = item.label
       $MenuItem.tabIndex = -1
       break
-    case /* SubMenu */ 4:
+    case MenuItemFlags.SubMenu:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitem'
@@ -46,7 +47,7 @@ const create$MenuItem = (item) => {
       $MenuItem.ariaHasPopup = 'true'
       $MenuItem.ariaExpanded = 'false'
       break
-    case /* Disabled */ 5:
+    case MenuItemFlags.Disabled:
       $MenuItem.className = 'MenuItem'
       // @ts-ignore
       $MenuItem.role = 'menuitem'

package/static/56d97e9/packages/renderer-process/src/parts/Platform/Platform.js

@@ -0,0 +1,106 @@
+/* istanbul ignore file */
+
+// TODO this should always be completely tree shaken out during build
+
+/**
+ * @returns {'electron'|'remote'|'web'}
+ */
+const getPlatform = () => {
+  // @ts-ignore
+  if (typeof 'remote' !== 'undefined') {
+    // @ts-ignore
+    return 'remote'
+  }
+  if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test') {
+    return 'remote'
+  }
+  // @ts-ignore
+  const userAgentData = navigator.userAgentData
+  // TODO this is probably a bad check but electron doesn't deliver anything and
+  // this will be tree shaken out anyway during build
+  if (userAgentData && userAgentData.brands.length === 0) {
+    return 'electron'
+  }
+  return 'remote'
+}
+
+export const platform = getPlatform()
+
+// TODO treeshake this function out when targeting electron
+
+export const state = {
+  getAssetDir() {
+    // @ts-ignore
+    if (typeof '/56d97e9' !== 'undefined') {
+      // @ts-ignore
+      return '/56d97e9'
+    }
+    if (platform === 'electron') {
+      return '../../../../..'
+    }
+    return ''
+  },
+  supportsHtml5Dialog() {
+    const $Dialog = document.createElement('dialog')
+    // @ts-ignore
+    return typeof $Dialog.showModal === 'function'
+  },
+  isElectron() {
+    return (
+      // @ts-ignore
+      window.myApi &&
+      // @ts-ignore
+      window.myApi.ipcConnect &&
+      // @ts-ignore
+      typeof window.myApi.ipcConnect === 'function'
+    )
+  },
+}
+
+// TODO if necessary support more browser detection
+export const getBrowser = () => {
+  if (platform === 'electron') {
+    return 'electron'
+  }
+  // @ts-ignore
+  const userAgentData = navigator.userAgentData
+  if (userAgentData) {
+    for (const brand of userAgentData.brands) {
+      const actualBrand = brand.brand.toLowerCase()
+      switch (actualBrand) {
+        case 'firefox':
+          return 'firefox'
+        case 'chromium':
+          return 'chromium'
+        default:
+          break
+      }
+    }
+  }
+  const userAgent = navigator.userAgent.toLowerCase()
+  if (userAgent.includes('firefox')) {
+    return 'firefox'
+  }
+  if (userAgent.includes('Electron')) {
+    return 'electron'
+  }
+  return 'chromium'
+}
+
+export const getAssetDir = () => {
+  return state.getAssetDir()
+}
+
+export const supportsHtml5Dialog = () => {
+  return state.supportsHtml5Dialog()
+}
+
+export const isElectron = () => {
+  return state.isElectron()
+}
+
+export const getRendererWorkerUrl = () => {
+  const assetDir = getAssetDir()
+  const urlRendererWorker = `${assetDir}/packages/renderer-worker/dist/rendererWorkerMain.js`
+  return urlRendererWorker
+}