@lvce-editor/renderer-process 1.1.0 → 2.1.0

package/dist/rendererProcessMain.js

@@ -52,6 +52,7 @@ const KeyBindings$1 = 41;
 const PointerCapture = 42;
 const GetFilePathElectron = 43;
 const HandleMessagePort = 44;
+const MeasureTextBlockHeight = 45;
 
 const getModuleId = commandId => {
   switch (commandId) {
@@ -122,6 +123,8 @@ const getModuleId = commandId => {
       return Location;
     case 'MeasureTextHeight.measureTextHeight':
       return MeasureTextHeight;
+    case 'MeasureTextBlockHeight.measureTextBlockHeight':
+      return MeasureTextBlockHeight;
     case 'Menu.focusIndex':
     case 'Menu.hide':
     case 'Menu.hideSubMenu':
@@ -423,6 +426,8 @@ const load$1 = moduleId => {
       return Promise.resolve().then(function () { return Location_ipc; });
     case MeasureTextHeight:
       return Promise.resolve().then(function () { return MeasureTextHeight_ipc; });
+    case MeasureTextBlockHeight:
+      return Promise.resolve().then(function () { return MeasureTextBlockHeight_ipc; });
     case Meta:
       return Promise.resolve().then(function () { return Meta_ipc; });
     case Notification:
@@ -1760,15 +1765,15 @@ const play = async src => {
   await audio.play();
 };
 
-const name$x = 'Audio';
-const Commands$y = {
+const name$y = 'Audio';
+const Commands$z = {
   play: play
 };
 
 const Audio_ipc = {
   __proto__: null,
-  Commands: Commands$y,
-  name: name$x
+  Commands: Commands$z,
+  name: name$y
 };
 
 const readText = async () => {
@@ -1789,8 +1794,8 @@ const execCopy = async () => {
   await writeText(text);
 };
 
-const name$w = 'ClipBoard';
-const Commands$x = {
+const name$x = 'ClipBoard';
+const Commands$y = {
   execCopy: execCopy,
   readText: readText,
   writeImage: writeImage,
@@ -1799,23 +1804,23 @@ const Commands$x = {
 
 const ClipBoard_ipc = {
   __proto__: null,
-  Commands: Commands$x,
-  name: name$w
+  Commands: Commands$y,
+  name: name$x
 };
 
 const prompt$1 = message => {
   return confirm(message);
 };
 
-const name$v = 'ConfirmPrompt';
-const Commands$w = {
+const name$w = 'ConfirmPrompt';
+const Commands$x = {
   prompt: prompt$1
 };
 
 const ConfirmPrompt_ipc = {
   __proto__: null,
-  Commands: Commands$w,
-  name: name$v
+  Commands: Commands$x,
+  name: name$w
 };
 
 const state$7 = {
@@ -1840,15 +1845,15 @@ const addCssStyleSheet = async (id, text) => {
   document.adoptedStyleSheets.push(sheet);
 };
 
-const name$u = 'Css';
-const Commands$v = {
+const name$v = 'Css';
+const Commands$w = {
   addCssStyleSheet: addCssStyleSheet
 };
 
 const Css_ipc = {
   __proto__: null,
-  Commands: Commands$v,
-  name: name$u
+  Commands: Commands$w,
+  name: name$v
 };
 
 const modules = ['ActivityBar', 'Ajax', 'Allocator', 'Callback', 'Command', 'Context', 'ContextMenu', 'Delay', 'Developer', 'DomPool', 'Editor', 'Exec', 'ExtensionHost', 'FileSystem', 'KeyBindings', 'Layout', 'Main', 'Notification', 'Panel', 'Parts', 'QuickPick', 'Renderer', 'RendererWorker', 'Search', 'SharedProcess', 'SideBar', 'StatusBar', 'TitleBar', 'Viewlet', 'ViewletController', 'ViewService', 'Vscode', 'Window', 'Workbench', 'Worker', 'Workspace'];
@@ -1868,15 +1873,15 @@ const showState = async () => {
   info(state);
 };
 
-const name$t = 'Developer';
-const Commands$u = {
+const name$u = 'Developer';
+const Commands$v = {
   showState: showState
 };
 
 const Developer_ipc = {
   __proto__: null,
-  Commands: Commands$u,
-  name: name$t
+  Commands: Commands$v,
+  name: name$u
 };
 
 const downloadFile = (fileName, url) => {
@@ -1886,15 +1891,15 @@ const downloadFile = (fileName, url) => {
   a.click();
 };
 
-const name$s = 'Download';
-const Commands$t = {
+const name$t = 'Download';
+const Commands$u = {
   downloadFile: downloadFile
 };
 
 const Download_ipc = {
   __proto__: null,
-  Commands: Commands$t,
-  name: name$s
+  Commands: Commands$u,
+  name: name$t
 };
 
 // based on https://github.com/microsoft/vscode/blob/5f87632829dc3ac80203e2377727935184399431/src/vs/base/browser/ui/aria/aria.ts (License MIT)
@@ -2061,15 +2066,15 @@ const create$I = (message, x, y) => {
   };
 };
 
-const name$r = 'EditorError';
-const Commands$s = {
+const name$s = 'EditorError';
+const Commands$t = {
   create: create$I
 };
 
 const EditorError_ipc = {
   __proto__: null,
-  Commands: Commands$s,
-  name: name$r
+  Commands: Commands$t,
+  name: name$s
 };
 
 const state$4 = {
@@ -2196,8 +2201,8 @@ const finish = state => {
   return value;
 };
 
-const name$q = 'EditorRename';
-const Commands$r = {
+const name$r = 'EditorRename';
+const Commands$s = {
   create: create$G,
   dispose: dispose$i,
   finish: finish
@@ -2205,8 +2210,8 @@ const Commands$r = {
 
 const EditorRename_ipc = {
   __proto__: null,
-  Commands: Commands$r,
-  name: name$q
+  Commands: Commands$s,
+  name: name$r
 };
 
 const showDirectoryPicker = options => {
@@ -2222,8 +2227,8 @@ const showSaveFilePicker = options => {
   return window.showSaveFilePicker(options);
 };
 
-const name$p = 'FilePicker';
-const Commands$q = {
+const name$q = 'FilePicker';
+const Commands$r = {
   showDirectoryPicker: showDirectoryPicker,
   showFilePicker: showFilePicker,
   showSaveFilePicker: showSaveFilePicker
@@ -2231,23 +2236,23 @@ const Commands$q = {
 
 const FilePicker_ipc = {
   __proto__: null,
-  Commands: Commands$q,
-  name: name$p
+  Commands: Commands$r,
+  name: name$q
 };
 
 const requestPermission = (handle, options) => {
   return handle.requestPermission(options);
 };
 
-const name$o = 'FileSystemHandle';
-const Commands$p = {
+const name$p = 'FileSystemHandle';
+const Commands$q = {
   requestPermission: requestPermission
 };
 
 const FileSystemHandle_ipc = {
   __proto__: null,
-  Commands: Commands$p,
-  name: name$o
+  Commands: Commands$q,
+  name: name$p
 };
 
 const handleImageLoad = event => {
@@ -2321,8 +2326,8 @@ const ImagePreview$1 = {
   update
 };
 
-const name$n = 'ImagePreview';
-const Commands$o = {
+const name$o = 'ImagePreview';
+const Commands$p = {
   create: create$F,
   dispose: dispose$h,
   showError: showError,
@@ -2331,8 +2336,8 @@ const Commands$o = {
 
 const ImagePreview_ipc = {
   __proto__: null,
-  Commands: Commands$o,
-  name: name$n
+  Commands: Commands$p,
+  name: name$o
 };
 
 const getOrigin = () => {
@@ -2388,41 +2393,41 @@ const getInitData = () => {
   return initData;
 };
 
-const name$m = 'InitData';
-const Commands$n = {
+const name$n = 'InitData';
+const Commands$o = {
   getInitData: getInitData
 };
 
 const InitData_ipc = {
   __proto__: null,
-  Commands: Commands$n,
-  name: name$m
+  Commands: Commands$o,
+  name: name$n
 };
 
-const name$l = 'IpcParent';
-const Commands$m = {
+const name$m = 'IpcParent';
+const Commands$n = {
   create: create$K
 };
 
 const IpcParent_ipc = {
   __proto__: null,
-  Commands: Commands$m,
-  name: name$l
+  Commands: Commands$n,
+  name: name$m
 };
 
-const name$k = 'Layout';
-const Commands$l = {
+const name$l = 'Layout';
+const Commands$m = {
   getBounds: getBounds
 };
 
 const Layout_ipc = {
   __proto__: null,
-  Commands: Commands$l,
-  name: name$k
+  Commands: Commands$m,
+  name: name$l
 };
 
-const name$j = 'Location';
-const Commands$k = {
+const name$k = 'Location';
+const Commands$l = {
   getHref: getHref,
   getPathName: getPathName,
   hydrate: hydrate,
@@ -2431,8 +2436,15 @@ const Commands$k = {
 
 const Location_ipc = {
   __proto__: null,
-  Commands: Commands$k,
-  name: name$j
+  Commands: Commands$l,
+  name: name$k
+};
+
+const getElementHeight = $Element => {
+  document.body.append($Element);
+  const height = $Element.offsetHeight;
+  $Element.remove();
+  return height;
 };
 
 const measureTextHeight = (text, fontSize, fontFamily) => {
@@ -2440,22 +2452,45 @@ const measureTextHeight = (text, fontSize, fontFamily) => {
   string(fontSize);
   string(fontFamily);
   const $Measure = document.createElement('div');
+  $Measure.style.contain = 'content';
   $Measure.style.position = 'absolute';
   $Measure.style.top = '-9999px';
   $Measure.style.left = '-9999px';
   $Measure.textContent = text;
-  document.body.append($Measure);
-  const height = $Measure.offsetHeight;
-  $Measure.remove();
-  return height;
+  return getElementHeight($Measure);
 };
 
-const name$i = 'MeasureTextHeight';
-const Commands$j = {
+const name$j = 'MeasureTextHeight';
+const Commands$k = {
   measureTextHeight: measureTextHeight
 };
 
 const MeasureTextHeight_ipc = {
+  __proto__: null,
+  Commands: Commands$k,
+  name: name$j
+};
+
+const measureTextBlockHeight = (text, fontSize, fontFamily, width) => {
+  string(text);
+  string(fontSize);
+  string(fontFamily);
+  const $Measure = document.createElement('div');
+  $Measure.style.width = `${width}px`;
+  $Measure.style.contain = 'content';
+  $Measure.style.position = 'absolute';
+  $Measure.style.top = '-9999px';
+  $Measure.style.left = '-9999px';
+  $Measure.textContent = text;
+  return getElementHeight($Measure);
+};
+
+const name$i = 'MeasureTextBlockHeight';
+const Commands$j = {
+  measureTextBlockHeight: measureTextBlockHeight
+};
+
+const MeasureTextBlockHeight_ipc = {
   __proto__: null,
   Commands: Commands$j,
   name: name$i
@@ -3213,7 +3248,7 @@ const create$Menu$1 = () => {
   // })
   $Menu.onkeydown = handleKeyDown$5;
   $Menu.addEventListener(FocusOut, handleFocusOut$1);
-  $Menu.oncontextmenu = handleContextMenu$9;
+  $Menu.oncontextmenu = handleContextMenu$a;
   // $ContextMenu.onfocus = handleFocus
   // $ContextMenu.onblur = handleBlur
   return $Menu;
@@ -3242,14 +3277,14 @@ const handleBackDropMouseDown = event => {
   stopPropagation(event);
   send( /* Menu.hide */'Menu.hide');
 };
-const handleContextMenu$9 = event => {
+const handleContextMenu$a = event => {
   preventDefault(event);
 };
 const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mouseBlocking = false) => {
   if (mouseBlocking) {
     const $BackDrop = create$BackDrop();
     $BackDrop.onmousedown = handleBackDropMouseDown;
-    $BackDrop.oncontextmenu = handleContextMenu$9;
+    $BackDrop.oncontextmenu = handleContextMenu$a;
     // @ts-expect-error
     state$2.$BackDrop = $BackDrop;
     append$1($BackDrop);
@@ -5665,7 +5700,7 @@ const handleFocus$c = () => {
 
 // TODO use context menu events function again
 
-const handleContextMenu$8 = event => {
+const handleContextMenu$9 = event => {
   preventDefault(event);
   const {
     button,
@@ -5679,7 +5714,7 @@ const returnValue$5 = true;
 const ViewletActivityBarEvents = {
   __proto__: null,
   handleBlur: handleBlur$9,
-  handleContextMenu: handleContextMenu$8,
+  handleContextMenu: handleContextMenu$9,
   handleFocus: handleFocus$c,
   handleMouseDown: handleMouseDown$3,
   returnValue: returnValue$5
@@ -5709,10 +5744,10 @@ forwardViewletCommand('clearFilter');
 const close = forwardViewletCommand('close');
 forwardViewletCommand('closeEditor');
 const closeMenu$1 = forwardViewletCommand('closeMenu');
-const compositionEnd = forwardViewletCommand('compositionEnd');
-const compositionStart = forwardViewletCommand('compositionStart');
-const compositionUpdate = forwardViewletCommand('compositionUpdate');
-const cut = forwardViewletCommand('cut');
+forwardViewletCommand('compositionEnd');
+forwardViewletCommand('compositionStart');
+forwardViewletCommand('compositionUpdate');
+forwardViewletCommand('cut');
 forwardViewletCommand('focus');
 forwardViewletCommand('focusIndex');
 const focusNext = forwardViewletCommand('focusNext');
@@ -5734,7 +5769,7 @@ forwardViewletCommand('handleClickOpenFile');
 forwardViewletCommand('handleClickRestore');
 const handleClickTab$2 = forwardViewletCommand('handleClickTab');
 forwardViewletCommand('handleClickToggleMaximize');
-const handleContextMenu$7 = forwardViewletCommand('handleContextMenu');
+const handleContextMenu$8 = forwardViewletCommand('handleContextMenu');
 const handleDoubleClick = forwardViewletCommand('handleDoubleClick');
 const handleDragEnd$1 = forwardViewletCommand('handleDragEnd');
 const handleDragLeave$1 = forwardViewletCommand('handleDragLeave');
@@ -5754,10 +5789,10 @@ forwardViewletCommand('handleListFocus');
 const handleMenuClick$1 = forwardViewletCommand('handleMenuClick');
 const handleMenuMouseOver$1 = forwardViewletCommand('handleMenuMouseOver');
 const handleMouseDown$2 = forwardViewletCommand('handleMouseDown');
-const handleMouseMove$1 = forwardViewletCommand('handleMouseMove');
+forwardViewletCommand('handleMouseMove');
 const handleMouseOut$1 = forwardViewletCommand('handleMouseOut');
 const handleMouseOver$1 = forwardViewletCommand('handleMouseOver');
-const handlePointerCaptureLost$3 = forwardViewletCommand('handlePointerCaptureLost');
+forwardViewletCommand('handlePointerCaptureLost');
 const handlePointerDown$7 = forwardViewletCommand('handlePointerDown');
 const handlePointerMove$1 = forwardViewletCommand('handlePointerMove');
 forwardViewletCommand('handlePointerOver');
@@ -5768,12 +5803,12 @@ const handleResizerClick = forwardViewletCommand('handleResizerClick');
 const handleResizerMove = forwardViewletCommand('handleResizerMove');
 const handleScrollBarCaptureLost = forwardViewletCommand('handleScrollBarCaptureLost');
 const handleScrollBarClick = forwardViewletCommand('handleScrollBarClick');
-const handleScrollBarHorizontalMove = forwardViewletCommand('handleScrollBarHorizontalMove');
-const handleScrollBarHorizontalPointerDown$1 = forwardViewletCommand('handleScrollBarHorizontalPointerDown');
+forwardViewletCommand('handleScrollBarHorizontalMove');
+forwardViewletCommand('handleScrollBarHorizontalPointerDown');
 const handleScrollBarMove = forwardViewletCommand('handleScrollBarMove');
 const handleScrollBarThumbPointerMove$3 = forwardViewletCommand('handleScrollBarThumbPointerMove');
-const handleScrollBarVerticalMove = forwardViewletCommand('handleScrollBarMove');
-const handleScrollBarVerticalPointerDown$1 = forwardViewletCommand('handleScrollBarVerticalPointerDown');
+forwardViewletCommand('handleScrollBarMove');
+forwardViewletCommand('handleScrollBarVerticalPointerDown');
 forwardViewletCommand('handleSliderPointerDown');
 const handleSliderPointerMove$1 = forwardViewletCommand('handleSliderPointerMove');
 const handleTabClick = forwardViewletCommand('handleTabClick');
@@ -5786,19 +5821,19 @@ const handleTouchMove$1 = forwardViewletCommand('handleTouchMove');
 const handleTouchStart$1 = forwardViewletCommand('handleTouchStart');
 const handleWheel$4 = forwardViewletCommand('handleWheel');
 const hidePanel = forwardViewletCommand('hidePanel');
-const moveRectangleSelectionPx = forwardViewletCommand('moveRectangleSelectionPx');
-const moveSelectionPx = forwardViewletCommand('moveSelectionPx');
-const paste = forwardViewletCommand('paste');
+forwardViewletCommand('moveRectangleSelectionPx');
+forwardViewletCommand('moveSelectionPx');
+forwardViewletCommand('paste');
 forwardViewletCommand('replaceAll');
 const selectIndex = forwardViewletCommand('selectIndex');
-const setDelta = forwardViewletCommand('setDelta');
+forwardViewletCommand('setDelta');
 forwardViewletCommand('toggleMatchCase');
 forwardViewletCommand('toggleMatchWholeWord');
 const toggleMaximize = forwardViewletCommand('toggleMaximize');
 const toggleReplace = forwardViewletCommand('toggleReplace');
 forwardViewletCommand('toggleUseRegularExpression');
 forwardViewletCommand('type');
-const typeWithAutoClosing = forwardViewletCommand('typeWithAutoClosing');
+forwardViewletCommand('typeWithAutoClosing');
 const updateEditingValue = forwardViewletCommand('updateEditingValue');
 
 const handleAudioError = event => {
@@ -6526,7 +6561,7 @@ const handleWheel$2 = event => {
  *
  * @param {MouseEvent} event
  */
-const handleContextMenu$6 = event => {
+const handleContextMenu$7 = event => {
   preventDefault(event);
   const {
     button,
@@ -6534,7 +6569,7 @@ const handleContextMenu$6 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$7(uid, button, clientX, clientY);
+  handleContextMenu$8(uid, button, clientX, clientY);
 };
 const handleError$5 = event => {
   const uid = fromEvent(event);
@@ -6559,7 +6594,7 @@ const attachEvents$a = state => {
   attachEvents$c($Viewlet, {
     [PointerDown]: handlePointerDown$5,
     [PointerUp]: handlePointerUp,
-    [ContextMenu]: handleContextMenu$6,
+    [ContextMenu]: handleContextMenu$7,
     [FocusIn]: handleFocus$9
   });
   $Viewlet.addEventListener(Error$3, handleError$5, Capture);
@@ -6623,12 +6658,26 @@ const QuickInput = 'Quick Input';
 const SideBar = 'Side Bar';
 const StatusBar = 'Status Bar';
 
+const attachEventsFunctional = ($Node, eventMap) => {
+  for (const [key] of Object.entries(eventMap)) {
+    if (key === 'returnValue') {
+      continue;
+    }
+    attachEvent($Node, eventMap, key, key);
+  }
+};
+
 const Text$1 = 'text';
 
 const getText = clipBoardData => {
   return clipBoardData.getData(Text$1);
 };
 
+const detachEvent = ($Node, key, listener) => {
+  const wrapped = getWrappedListener(listener, true);
+  $Node.removeEventListener(key, wrapped);
+};
+
 const None = 0;
 const Ctrl = 1;
 const Alt$1 = 2;
@@ -6643,8 +6692,6 @@ const getModifierKey = event => {
   return None;
 };
 
-const InsertText = 'insertText';
-
 const toSimpleTouch = touch => {
   return {
     x: touch.clientX,
@@ -6668,17 +6715,6 @@ const toSimpleTouchEvent = event => {
   };
 };
 
-const handleContextMenu$5 = event => {
-  preventDefault(event);
-  const {
-    button,
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleContextMenu$7(uid, button, clientX, clientY);
-};
-
 // TODO so many things in this file
 
 
@@ -6687,23 +6723,20 @@ const handleContextMenu$5 = event => {
 // TODO tree shake out mobile support when targeting electron -> less code -> less event listeners -> less memory -> less cpu
 
 const handleFocus$8 = event => {
-  const uid = fromEvent(event);
-  handleFocus$b(uid);
+  return ['handleFocus'];
 };
 const handleMouseMove = event => {
-  const uid = fromEvent(event);
   const {
     clientX,
     clientY,
     altKey
   } = event;
-  handleMouseMove$1(uid, clientX, clientY, altKey);
+  return ['handleMouseMove', clientX, clientY, altKey];
 };
 const handleBlur$6 = event => {
   // needed for save on blur
   // also needed to close completions on blur
-  const uid = fromEvent(event);
-  handleBlur$8(uid);
+  return ['handleBlur'];
 };
 
 /**
@@ -6712,19 +6745,11 @@ const handleBlur$6 = event => {
  */
 const handleBeforeInput$1 = event => {
   preventDefault(event);
-  const uid = fromEvent(event);
   const {
     inputType,
     data
   } = event;
-  switch (inputType) {
-    case InsertText:
-      typeWithAutoClosing(uid, data);
-      break;
-  }
-  // if (!event.data) {
-  //   return
-  // }
+  return ['handleBeforeInput', inputType, data];
 };
 
 // TODO composition should be better supported,
@@ -6735,36 +6760,31 @@ const handleBeforeInput$1 = event => {
 // - vscode does not draw a line, but displays characters during composition
 
 const handleCompositionStart = event => {
-  const uid = fromEvent(event);
   const {
     data
   } = event;
-  compositionStart(uid, data);
+  return ['compositionStart', data];
 };
 const handleCompositionUpdate = event => {
-  const uid = fromEvent(event);
   const {
     data
   } = event;
-  compositionUpdate(uid, data);
+  return ['compositionUpdate', data];
 };
 const handleCompositionEnd = event => {
-  const uid = fromEvent(event);
   const {
     data
   } = event;
-  compositionEnd(uid, data);
+  return ['compositionEnd', data];
 };
 const handleCut = event => {
   preventDefault(event);
-  const uid = fromEvent(event);
-  cut(uid);
+  return ['cut'];
 };
 const isRightClick = event => {
   return event.button === RightClick;
 };
 const handleEditorPointerMove = event => {
-  const uid = fromEvent(event);
   const {
     clientX,
     clientY,
@@ -6772,19 +6792,17 @@ const handleEditorPointerMove = event => {
   } = event;
   // TODO if/else should be in renderer worker
   if (altKey) {
-    moveRectangleSelectionPx(uid, clientX, clientY);
-  } else {
-    moveSelectionPx(uid, clientX, clientY);
+    return ['moveRectangleSelectionPx', clientX, clientY];
   }
+  return ['moveSelectionPx', clientX, clientY];
 };
 const handleEditorLostPointerCapture = event => {
-  const uid = fromEvent(event);
   const {
     target
   } = event;
-  target.removeEventListener(PointerMove, handleEditorPointerMove);
-  target.removeEventListener(LostPointerCapture, handleEditorLostPointerCapture);
-  handlePointerCaptureLost$3(uid);
+  detachEvent(target, PointerMove, handleEditorPointerMove);
+  detachEvent(target, LostPointerCapture, handleEditorLostPointerCapture);
+  return ['handlePointerCaptureLost'];
 };
 
 /**
@@ -6797,14 +6815,17 @@ const handleEditorPointerDown = event => {
     pointerId
   } = event;
   target.setPointerCapture(pointerId);
-  target.addEventListener(PointerMove, handleEditorPointerMove, Active);
-  target.addEventListener(LostPointerCapture, handleEditorLostPointerCapture);
+  attachEventsFunctional(target, {
+    [PointerMove]: handleEditorPointerMove,
+    [LostPointerCapture]: handleEditorLostPointerCapture,
+    returnValue: true
+  });
+  return [];
 };
 const handleMouseDown$1 = event => {
   if (isRightClick(event)) {
-    return;
+    return [];
   }
-  const uid = fromEvent(event);
   preventDefault(event);
   const {
     clientX,
@@ -6812,7 +6833,7 @@ const handleMouseDown$1 = event => {
     detail
   } = event;
   const modifier = getModifierKey(event);
-  handleMouseDown$2(uid, modifier, clientX, clientY, detail);
+  return ['handleMouseDown', modifier, clientX, clientY, detail];
 };
 
 // TODO figure out whether it is possible to register hover provider without mousemove
@@ -6823,7 +6844,6 @@ const handleMouseDown$1 = event => {
  * @param {WheelEvent} event
  */
 const handleWheel$1 = event => {
-  const uid = fromEvent(event);
   const {
     deltaMode,
     deltaX,
@@ -6832,16 +6852,15 @@ const handleWheel$1 = event => {
   // event.preventDefault()
   // const state = EditorHelper.getStateFromEvent(event)
   // TODO send editor id
-  setDelta(uid, deltaMode, deltaX, deltaY);
+  return ['setDelta', deltaMode, deltaX, deltaY];
 };
 const handlePaste = event => {
   preventDefault(event);
-  const uid = fromEvent(event);
   const {
     clipboardData
   } = event;
   const text = getText(clipboardData);
-  paste(uid, text);
+  return ['paste', text];
 };
 
 /**
@@ -6849,11 +6868,10 @@ const handlePaste = event => {
  * @param {PointerEvent} event
  */
 const handleScrollBarThumbVerticalPointerMove = event => {
-  const uid = fromEvent(event);
   const {
     clientY
   } = event;
-  handleScrollBarVerticalMove(uid, clientY);
+  return ['handleScrollBarVerticalMove', clientY];
 };
 
 /**
@@ -6866,6 +6884,7 @@ const handleScrollBarVerticalPointerUp = event => {
     pointerId
   } = event;
   stopTracking(target, pointerId, handleScrollBarThumbVerticalPointerMove, handleScrollBarVerticalPointerUp);
+  return [];
 };
 
 /**
@@ -6873,14 +6892,13 @@ const handleScrollBarVerticalPointerUp = event => {
  * @param {PointerEvent} event
  */
 const handleScrollBarVerticalPointerDown = event => {
-  const uid = fromEvent(event);
   const {
     target,
     pointerId,
     clientY
   } = event;
   startTracking(target, pointerId, handleScrollBarThumbVerticalPointerMove, handleScrollBarVerticalPointerUp);
-  handleScrollBarVerticalPointerDown$1(uid, clientY);
+  return ['handleScrollBarVerticalPointerDown', clientY];
 };
 
 /**
@@ -6891,8 +6909,7 @@ const handleScrollBarThumbHorizontalPointerMove = event => {
   const {
     clientX
   } = event;
-  const uid = fromEvent(event);
-  handleScrollBarHorizontalMove(uid, clientX);
+  return ['handleScrollBarHorizontalMove', clientX];
 };
 
 /**
@@ -6905,6 +6922,7 @@ const handleScrollBarHorizontalPointerUp = event => {
     pointerId
   } = event;
   stopTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
+  return [];
 };
 
 /**
@@ -6918,12 +6936,21 @@ const handleScrollBarHorizontalPointerDown = event => {
     clientX
   } = event;
   startTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
-  handleScrollBarHorizontalPointerDown$1(clientX);
+  return ['handleScrollBarHorizontalPointerDown', clientX];
 };
 const handleScrollBarContextMenu = event => {
   preventDefault(event);
   stopPropagation(event);
 };
+const handleContextMenu$6 = event => {
+  preventDefault(event);
+  const {
+    button,
+    clientX,
+    clientY
+  } = event;
+  return ['handleContextMenu', button, clientX, clientY];
+};
 
 const setCursors = (state, dom) => {
   object(state);
@@ -6996,7 +7023,7 @@ const create$n = () => {
   $EditorInput.setAttribute('spellcheck', False);
   $EditorInput.role = TextBox;
   // TODO where to best put listeners (side effects)
-  attachEvents$c($EditorInput, {
+  attachEventsFunctional($EditorInput, {
     [BeforeInput]: handleBeforeInput$1,
     [CompositionStart]: handleCompositionStart,
     [CompositionUpdate]: handleCompositionUpdate,
@@ -7004,7 +7031,8 @@ const create$n = () => {
     [Focus]: handleFocus$8,
     [Blur]: handleBlur$6,
     [Cut]: handleCut,
-    [Paste]: handlePaste
+    [Paste]: handlePaste,
+    returnValue: true
   });
   $EditorInput.name = 'editor';
   const $LayerCursor = document.createElement('div');
@@ -7013,9 +7041,10 @@ const create$n = () => {
   $LayerText.className = 'EditorRows';
   const $LayerGutter = document.createElement('div');
   $LayerGutter.className = 'Gutter';
-  attachEvents$c($LayerText, {
+  attachEventsFunctional($LayerText, {
     [MouseDown]: handleMouseDown$1,
-    [PointerDown]: handleEditorPointerDown
+    [PointerDown]: handleEditorPointerDown,
+    returnValue: true
   });
   const $ScrollBarThumbVertical = document.createElement('div');
   $ScrollBarThumbVertical.className = 'ScrollBarThumb ScrollBarThumbVertical';
@@ -7025,9 +7054,10 @@ const create$n = () => {
   $ScrollBarDiagnostics.className = 'EditorScrollBarDiagnostics';
   const $ScrollBarVertical = document.createElement('div');
   $ScrollBarVertical.className = 'ScrollBar ScrollBarVertical';
-  attachEvents$c($ScrollBarVertical, {
+  attachEventsFunctional($ScrollBarVertical, {
     [PointerDown]: handleScrollBarVerticalPointerDown,
-    [ContextMenu]: handleScrollBarContextMenu
+    [ContextMenu]: handleScrollBarContextMenu,
+    returnValue: true
   });
   $ScrollBarVertical.append($ScrollBarThumbVertical);
   const $ScrollBarThumbHorizontal = document.createElement('div');
@@ -7035,8 +7065,9 @@ const create$n = () => {
   const $ScrollBarHorizontal = document.createElement('div');
   $ScrollBarHorizontal.className = 'ScrollBar ScrollBarHorizontal';
   $ScrollBarHorizontal.append($ScrollBarThumbHorizontal);
-  attachEvents$c($ScrollBarHorizontal, {
-    [PointerDown]: handleScrollBarHorizontalPointerDown
+  attachEventsFunctional($ScrollBarHorizontal, {
+    [PointerDown]: handleScrollBarHorizontalPointerDown,
+    returnValue: true
   });
 
   // $EditorRows.addEventListener('mousemove', handleMouseMove, { passive: true })
@@ -7066,11 +7097,11 @@ const create$n = () => {
   $Editor.className = 'Viewlet Editor';
   $Editor.role = Code;
   $Editor.append($LayerGutter, $EditorContent);
-  attachEvents$c($Editor, {
-    [ContextMenu]: handleContextMenu$5
+  attachEventsFunctional($Editor, {
+    [ContextMenu]: handleContextMenu$6,
+    [Wheel]: handleWheel$1,
+    returnValue: true
   });
-  $Editor.addEventListener(Wheel, handleWheel$1, Passive);
-  // $Editor.addEventListener(DomEventType.MouseMove, EditorEvents.handlePointerMove, DomEventOptions.Passive)
   return {
     $LayerCursor,
     $LayerSelections,
@@ -7266,6 +7297,17 @@ const ViewletError = {
   setMessage: setMessage$1
 };
 
+const handleContextMenu$5 = event => {
+  preventDefault(event);
+  const {
+    button,
+    clientX,
+    clientY
+  } = event;
+  const uid = fromEvent(event);
+  handleContextMenu$8(uid, button, clientX, clientY);
+};
+
 const CopyMove = 'copyMove';
 
 const Text = 'text';
@@ -8749,7 +8791,7 @@ const handleContextMenu$4 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$7(uid, clientX, clientY);
+  handleContextMenu$8(uid, clientX, clientY);
 };
 
 // TODO Main should not be bound to Editor -> Lazy load Editor

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "1.1.0",
+  "version": "2.1.0",
   "description": "",
   "main": "dist/diffWorkerMain.js",
   "type": "module",
@@ -41,6 +41,7 @@
       "**/renderer-process/**",
       "**/extension-host-worker/**"
     ],
+    "ext": "ts,js",
     "exec": "node scripts/build.js"
   }
 }