@lvce-editor/renderer-process 14.6.0 → 15.1.0

package/dist/rendererProcessMain.js

@@ -237,7 +237,7 @@ const Col = 2;
 const ColGroup = 3;
 const Div = 4;
 const H1 = 5;
-const Input$2 = 6;
+const Input = 6;
 const Kbd = 7;
 const Span = 8;
 const Table = 9;
@@ -318,7 +318,7 @@ const getElementTag = type => {
       return THead$1;
     case Tr:
       return Tr$1;
-    case Input$2:
+    case Input:
       return Input$1;
     case ColGroup:
       return ColGroup$1;
@@ -713,7 +713,7 @@ const getDragInfo = id => {
   return dragInfos[id];
 };
 let id$1 = 0;
-const create$I = () => {
+const create$H = () => {
   return ++id$1;
 };
 const state$8 = Object.create(null);
@@ -728,7 +728,7 @@ const getFileHandles$1 = async ids => {
   return handles;
 };
 const add = promise => {
-  const id = create$I();
+  const id = create$H();
   state$8[id] = promise;
   return id;
 };
@@ -1259,7 +1259,7 @@ const getWorkerDisplayName$1 = name => {
   }
   return `${name} worker`;
 };
-const create$H = async ({
+const create$G = async ({
   url,
   name
 }) => {
@@ -1326,7 +1326,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker$2 = {
   __proto__: null,
-  create: create$H,
+  create: create$G,
   wrap
 };
 
@@ -1334,7 +1334,7 @@ const isMessagePort$1 = value => {
   return value instanceof MessagePort;
 };
 
-const create$G = async ({
+const create$F = async ({
   url
 }) => {
   string(url);
@@ -1355,10 +1355,10 @@ const create$G = async ({
 
 const IpcParentWithMessagePort$2 = {
   __proto__: null,
-  create: create$G
+  create: create$F
 };
 
-const create$F = async url => {
+const create$E = async url => {
   const referencePort = await new Promise(resolve => {
     globalThis.acceptReferencePort = resolve;
     import(url);
@@ -1369,7 +1369,7 @@ const create$F = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$F
+  create: create$E
 };
 
 const normalizeLine = line => {
@@ -1514,7 +1514,7 @@ const fixElectronParameters = value => {
     transfer
   };
 };
-const attachEvents$b = that => {
+const attachEvents$a = that => {
   const handleMessage = (...args) => {
     const data = that.getData(...args);
     that.dispatchEvent(new MessageEvent('message', {
@@ -1531,7 +1531,7 @@ class Ipc extends EventTarget {
   constructor(rawIpc) {
     super();
     this._rawIpc = rawIpc;
-    attachEvents$b(this);
+    attachEvents$a(this);
   }
 }
 const E_INCOMPATIBLE_NATIVE_MODULE = 'E_INCOMPATIBLE_NATIVE_MODULE';
@@ -2179,7 +2179,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$E = (message, result) => {
+const create$D = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -2188,7 +2188,7 @@ const create$E = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$E(message, resultProperty);
+  return create$D(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -2468,7 +2468,7 @@ const PlainMessagePortRpcParent = {
 };
 
 // TODO add test
-const create$D = async ({
+const create$C = async ({
   url,
   name,
   port
@@ -2484,7 +2484,7 @@ const create$D = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$D
+  create: create$C
 };
 
 const Web = 1;
@@ -2517,7 +2517,7 @@ const platform = getPlatform();
 const isElectron = platform === Electron;
 
 // TODO use handleIncomingIpc function
-const create$C = async ({
+const create$B = async ({
   port,
   ipcId
 }) => {
@@ -2535,7 +2535,7 @@ const create$C = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$C
+  create: create$B
 };
 
 const getModule = method => {
@@ -2626,7 +2626,7 @@ const hydrate$3 = async () => {
 };
 
 // TODO needed?
-const dispose$k = () => {
+const dispose$j = () => {
   if (state$7.rpc) {
     // @ts-expect-error
     state$7.rpc.dispose();
@@ -2651,7 +2651,7 @@ const invokeAndTransfer = (method, ...params) => {
 
 const RendererWorker = {
   __proto__: null,
-  dispose: dispose$k,
+  dispose: dispose$j,
   hydrate: hydrate$3,
   invoke: invoke$1,
   invokeAndTransfer,
@@ -2660,7 +2660,7 @@ const RendererWorker = {
   state: state$7
 };
 
-const create$B = async ({
+const create$A = async ({
   method,
   ...options
 }) => {
@@ -2777,7 +2777,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$A = (type, message) => {
+const create$z = (type, message) => {
   // TODO this pattern might be also useful for activitybar, sidebar etc., creating elements as late as possible, only when actually needed
   const $Notification = create$Notification(message);
   append$1($Notification);
@@ -2822,7 +2822,7 @@ const createWithOptions = (type, message, options) => {
   const $Notification = create$NotificationWithOptions(message, options);
   append$1($Notification);
 };
-const dispose$j = id => {
+const dispose$i = id => {
   // const $Notification = state.$Notifications
 };
 
@@ -2839,7 +2839,7 @@ const set$6 = (canvasId, canvas) => {
 const get$4 = id => {
   return get$5(id);
 };
-const create$z = async (canvasId, objectId) => {
+const create$y = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$6(canvasId, canvas);
@@ -2855,7 +2855,6 @@ const Code = 'code';
 const Complementary = 'complementary';
 const ContentInfo = 'contentinfo';
 const Group = 'group';
-const List$1 = 'list';
 const ListBox = 'listbox';
 const Log = 'log';
 const Main$1 = 'main';
@@ -2897,7 +2896,6 @@ const Error$2 = 'error';
 const Focus = 'focus';
 const FocusIn = 'focusin';
 const FocusOut = 'focusout';
-const Input = 'input';
 const KeyDown = 'keydown';
 const KeyUp = 'keyup';
 const LostPointerCapture = 'lostpointercapture';
@@ -2910,10 +2908,6 @@ const PointerDown = 'pointerdown';
 const PointerMove = 'pointermove';
 const PointerUp = 'pointerup';
 const Resize = 'resize';
-const Scroll = 'scroll';
-const TouchEnd = 'touchend';
-const TouchMove = 'touchmove';
-const TouchStart = 'touchstart';
 const Wheel = 'wheel';
 
 /**
@@ -2962,7 +2956,7 @@ const getElement = () => {
   return state$4.$PreviousFocusElement;
 };
 
-const focus$h = $Element => {
+const focus$f = $Element => {
   if ($Element === document.activeElement) {
     return;
   }
@@ -3154,7 +3148,7 @@ const create$Menu$1 = () => {
   // })
   $Menu.onkeydown = handleKeyDown$5;
   $Menu.addEventListener(FocusOut, handleFocusOut$1);
-  $Menu.oncontextmenu = handleContextMenu$b;
+  $Menu.oncontextmenu = handleContextMenu$a;
   // $ContextMenu.onfocus = handleFocus
   // $ContextMenu.onblur = handleBlur
   return $Menu;
@@ -3183,14 +3177,14 @@ const handleBackDropMouseDown = event => {
   stopPropagation(event);
   send(/* Menu.hide */'Menu.hide');
 };
-const handleContextMenu$b = 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$b;
+    $BackDrop.oncontextmenu = handleContextMenu$a;
     // @ts-expect-error
     state$3.$BackDrop = $BackDrop;
     append$1($BackDrop);
@@ -3211,7 +3205,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mous
   state$3.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
-    focus$h($Menu);
+    focus$f($Menu);
     send('Focus.setFocus', FocusMenu);
   }
 };
@@ -3651,6 +3645,13 @@ const toHaveAttribute$1 = (element, {
   const attribute = element.getAttribute(key);
   return attribute === value;
 };
+const toHaveJSProperty = (element, {
+  key,
+  value
+}) => {
+  const attribute = element[key];
+  return attribute === value;
+};
 const toBeFocused$1 = element => {
   return element === document.activeElement;
 };
@@ -3685,6 +3686,7 @@ const SingleElementConditions = {
   toHaveClass: toHaveClass$1,
   toHaveCss: toHaveCss$1,
   toHaveId: toHaveId$1,
+  toHaveJSProperty,
   toHaveText: toHaveText$1,
   toHaveValue
 };
@@ -4043,7 +4045,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$y = (uri, top, left) => {
+const create$x = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -4068,14 +4070,14 @@ const create$y = (uri, top, left) => {
 const update = (state, uri) => {
   state.$ImagePreviewImage.uri = uri;
 };
-const dispose$i = state => {
+const dispose$h = state => {
   remove$1(state.$ImagePreview);
 };
 
 const ImagePreview$1 = {
   __proto__: null,
-  create: create$y,
-  dispose: dispose$i,
+  create: create$x,
+  dispose: dispose$h,
   showError,
   update
 };
@@ -4116,13 +4118,13 @@ const handleMouseDown$3 = event => {
 const handleBlur$9 = () => {
   return ['handleBlur'];
 };
-const handleFocus$a = () => {
+const handleFocus$9 = () => {
   return ['handleFocus'];
 };
 
 // TODO use context menu events function again
 
-const handleContextMenu$a = event => {
+const handleContextMenu$9 = event => {
   preventDefault(event);
   const {
     button,
@@ -4131,15 +4133,15 @@ const handleContextMenu$a = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const returnValue$9 = true;
+const returnValue$8 = true;
 
 const ViewletActivityBarEvents = {
   __proto__: null,
   handleBlur: handleBlur$9,
-  handleContextMenu: handleContextMenu$a,
-  handleFocus: handleFocus$a,
+  handleContextMenu: handleContextMenu$9,
+  handleFocus: handleFocus$9,
   handleMouseDown: handleMouseDown$3,
-  returnValue: returnValue$9
+  returnValue: returnValue$8
 };
 
 const Events$5 = ViewletActivityBarEvents;
@@ -4198,7 +4200,7 @@ forwardViewletCommand('handleClickOpenFolder');
 forwardViewletCommand('handleClickRestore');
 const handleClickTab$2 = forwardViewletCommand('handleClickTab');
 forwardViewletCommand('handleClickToggleMaximize');
-const handleContextMenu$9 = forwardViewletCommand('handleContextMenu');
+const handleContextMenu$8 = forwardViewletCommand('handleContextMenu');
 forwardViewletCommand('handleDoubleClick');
 const handleDragEnd$1 = forwardViewletCommand('handleDragEnd');
 const handleDragLeave$1 = forwardViewletCommand('handleDragLeave');
@@ -4211,11 +4213,11 @@ forwardViewletCommand('handleClickSize');
 forwardViewletCommand('handleClickDisable');
 forwardViewletCommand('handleClickUninstall');
 forwardViewletCommand('handleFilterInput');
-const handleFocus$9 = forwardViewletCommand('handleFocus');
+const handleFocus$8 = forwardViewletCommand('handleFocus');
 const handleFocusIn$4 = forwardViewletCommand('handleFocusIn');
 forwardViewletCommand('handleIconError');
 const handleImageError = forwardViewletCommand('handleImageError');
-const handleInput$7 = forwardViewletCommand('handleInput');
+const handleInput$6 = forwardViewletCommand('handleInput');
 const handleKeyDown$4 = forwardViewletCommand('handleKeyDown');
 forwardViewletCommand('handleListBlur');
 forwardViewletCommand('handleListFocus');
@@ -4226,7 +4228,7 @@ forwardViewletCommand('handleMouseMove');
 const handleMouseOut$1 = forwardViewletCommand('handleMouseOut');
 const handleMouseOver$1 = forwardViewletCommand('handleMouseOver');
 forwardViewletCommand('handlePointerCaptureLost');
-const handlePointerDown$5 = forwardViewletCommand('handlePointerDown');
+const handlePointerDown$3 = forwardViewletCommand('handlePointerDown');
 const handlePointerMove$1 = forwardViewletCommand('handlePointerMove');
 forwardViewletCommand('handlePointerOver');
 const handlePointerUp$1 = forwardViewletCommand('handlePointerUp');
@@ -4234,12 +4236,12 @@ forwardViewletCommand('handleReadmeContextMenu');
 forwardViewletCommand('handleReplaceInput');
 const handleResizerClick = forwardViewletCommand('handleResizerClick');
 const handleResizerMove = forwardViewletCommand('handleResizerMove');
-const handleScrollBarCaptureLost = forwardViewletCommand('handleScrollBarCaptureLost');
+forwardViewletCommand('handleScrollBarCaptureLost');
 const handleScrollBarClick = forwardViewletCommand('handleScrollBarClick');
 forwardViewletCommand('handleScrollBarHorizontalMove');
 forwardViewletCommand('handleScrollBarHorizontalPointerDown');
 forwardViewletCommand('handleScrollBarMove');
-const handleScrollBarThumbPointerMove$2 = forwardViewletCommand('handleScrollBarThumbPointerMove');
+const handleScrollBarThumbPointerMove$1 = forwardViewletCommand('handleScrollBarThumbPointerMove');
 forwardViewletCommand('handleScrollBarMove');
 forwardViewletCommand('handleScrollBarVerticalPointerDown');
 forwardViewletCommand('handleSliderPointerDown');
@@ -4252,9 +4254,9 @@ const handleTabsDragOver = forwardViewletCommand('handleTabsDragOver');
 forwardViewletCommand('handleTabsPointerOut');
 forwardViewletCommand('handleTabsPointerOver');
 const handleTabsWheel$1 = forwardViewletCommand('handleTabsWheel');
-const handleTouchEnd$1 = forwardViewletCommand('handleTouchEnd');
-const handleTouchMove$1 = forwardViewletCommand('handleTouchMove');
-const handleTouchStart$1 = forwardViewletCommand('handleTouchStart');
+forwardViewletCommand('handleTouchEnd');
+forwardViewletCommand('handleTouchMove');
+forwardViewletCommand('handleTouchStart');
 const handleWheel$4 = forwardViewletCommand('handleWheel');
 const hidePanel = forwardViewletCommand('hidePanel');
 forwardViewletCommand('moveRectangleSelectionPx');
@@ -4299,14 +4301,14 @@ const ViewletAudio = {
   Events: Events$4
 };
 
-const create$x = () => {
+const create$w = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
     $Viewlet
   };
 };
-const dispose$h = state => {};
+const dispose$g = state => {};
 const refresh$4 = () => {};
 const setTime = (state, time) => {
   object(state);
@@ -4316,8 +4318,8 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$x,
-  dispose: dispose$h,
+  create: create$w,
+  dispose: dispose$g,
   refresh: refresh$4,
   setTime
 };
@@ -4345,7 +4347,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$w = (pointerDown, pointerMove, pointerUp) => {
+const create$v = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -4378,7 +4380,7 @@ const create$w = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$w(event => {
+const handleSliderPointerDown = create$v(event => {
   const {
     clientX,
     clientY
@@ -4393,7 +4395,7 @@ const handleSliderPointerDown = create$w(event => {
 }, () => {
   return [];
 });
-const handlePointerDown$4 = event => {
+const handlePointerDown$2 = event => {
   const {
     target
   } = event;
@@ -4402,12 +4404,12 @@ const handlePointerDown$4 = event => {
   }
   return [];
 };
-const returnValue$8 = true;
+const returnValue$7 = true;
 
 const ViewletColorPickerEvents = {
   __proto__: null,
-  handlePointerDown: handlePointerDown$4,
-  returnValue: returnValue$8
+  handlePointerDown: handlePointerDown$2,
+  returnValue: returnValue$7
 };
 
 const setColor = (state, color) => {
@@ -4439,7 +4441,7 @@ const ViewletColorPicker = {
   setOffsetX
 };
 
-const handleInput$6 = event => {
+const handleInput$5 = event => {
   const uid = fromEvent(event);
   const {
     target
@@ -4447,20 +4449,20 @@ const handleInput$6 = event => {
   const {
     value
   } = target;
-  handleInput$7(uid, value);
+  handleInput$6(uid, value);
 };
-const handleFocus$8 = event => {
+const handleFocus$7 = event => {
   const uid = fromEvent(event);
-  handleFocus$9(uid);
+  handleFocus$8(uid);
 };
 
 const ViewletDebugConsoleEvents = {
   __proto__: null,
-  handleFocus: handleFocus$8,
-  handleInput: handleInput$6
+  handleFocus: handleFocus$7,
+  handleInput: handleInput$5
 };
 
-const create$v = () => {
+const create$u = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
@@ -4476,7 +4478,7 @@ const setDom$9 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$v,
+  create: create$u,
   setDom: setDom$9
 };
 
@@ -4513,7 +4515,7 @@ const setValue$2 = (state, value) => {
   const $Input = $Viewlet.querySelector('input');
   $Input.value = value;
 };
-const focus$g = state => {
+const focus$e = state => {
   const {
     $Viewlet
   } = state;
@@ -4524,7 +4526,7 @@ const focus$g = state => {
 const ViewletDefineKeyBinding = {
   __proto__: null,
   Events: ViewletDefineKeyBindingEvents,
-  focus: focus$g,
+  focus: focus$e,
   setValue: setValue$2
 };
 
@@ -4537,7 +4539,7 @@ const setMaskImage = ($Element, icon) => {
   }
 };
 
-const create$u = icon => {
+const create$t = icon => {
   const $Icon = document.createElement('div');
   $Icon.className = 'MaskIcon';
   setMaskImage($Icon, icon);
@@ -4547,7 +4549,7 @@ const create$u = icon => {
 
 const create$Button = (label, icon) => {
   // TODO icon div might not be needed (unnecessary html element)
-  const $Icon = create$u(icon);
+  const $Icon = create$t(icon);
   const $Button = document.createElement('button');
   $Button.className = 'IconButton';
   $Button.title = label;
@@ -4568,7 +4570,7 @@ const handleClick$4 = event => {
   handleClick$5(index);
 };
 
-const create$t = () => {
+const create$s = () => {
   const $DialogTitle = document.createElement('h2');
   $DialogTitle.id = 'DialogTitle';
   const $DialogCloseButton = create$Button('Close', 'Close');
@@ -4649,7 +4651,7 @@ const setErrorStack = (state, errorStack) => {
 
 const ViewletDialog = {
   __proto__: null,
-  create: create$t,
+  create: create$s,
   postAppend,
   setButtons,
   setCodeFrame,
@@ -4667,13 +4669,13 @@ const handleWheel$3 = event => {
   handleWheel$4(uid, deltaMode, deltaY);
 };
 
-const handleScrollBarPointerDown$3 = event => {
+const handleScrollBarPointerDown$2 = event => {
   // TODO
 };
 
 const ViewletDiffEditorEvents = {
   __proto__: null,
-  handleScrollBarPointerDown: handleScrollBarPointerDown$3,
+  handleScrollBarPointerDown: handleScrollBarPointerDown$2,
   handleWheel: handleWheel$3
 };
 
@@ -4703,7 +4705,7 @@ const handleClickAt$2 = event => {
 const handleLoad$3 = event => {
   return ['handleLoad'];
 };
-const handleContextMenu$8 = event => {
+const handleContextMenu$7 = event => {
   preventDefault(event);
   const {
     button,
@@ -4712,7 +4714,7 @@ const handleContextMenu$8 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$w(event => {
+const handleSashCornerPointerDown = create$v(event => {
   const {
     clientX,
     clientY
@@ -4731,15 +4733,15 @@ const handleSashCornerPointerDown = create$w(event => {
   } = event;
   return ['handleSashCornerPointerUp', clientX, clientY];
 });
-const returnValue$7 = true;
+const returnValue$6 = true;
 
 const ViewletE2eTestEvents = {
   __proto__: null,
   handleClickAt: handleClickAt$2,
-  handleContextMenu: handleContextMenu$8,
+  handleContextMenu: handleContextMenu$7,
   handleLoad: handleLoad$3,
   handleSashCornerPointerDown,
-  returnValue: returnValue$7
+  returnValue: returnValue$6
 };
 
 // TODO could use browser view when running in electron
@@ -4800,7 +4802,7 @@ const handleClickAt$1 = event => {
 const handleLoad$2 = event => {
   return ['handleLoad'];
 };
-const handleContextMenu$7 = event => {
+const handleContextMenu$6 = event => {
   preventDefault(event);
   const {
     button,
@@ -4809,14 +4811,14 @@ const handleContextMenu$7 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const returnValue$6 = true;
+const returnValue$5 = true;
 
 const ViewletE2eTestsEvents = {
   __proto__: null,
   handleClickAt: handleClickAt$1,
-  handleContextMenu: handleContextMenu$7,
+  handleContextMenu: handleContextMenu$6,
   handleLoad: handleLoad$2,
-  returnValue: returnValue$6
+  returnValue: returnValue$5
 };
 
 const sendToIframe = (contentWindow, message, origin, transfer) => {
@@ -4911,10 +4913,10 @@ const appendWidget$5 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$g = state => {
+const dispose$f = state => {
   remove$1(state.$Viewlet);
 };
-const focus$f = (state, key, source) => {
+const focus$d = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -4937,12 +4939,12 @@ const ViewletEditorCodeGenerator = {
   __proto__: null,
   Events: ViewletEditorCodeGeneratorEvents,
   appendWidget: appendWidget$5,
-  dispose: dispose$g,
-  focus: focus$f,
+  dispose: dispose$f,
+  focus: focus$d,
   setBounds: setBounds$9
 };
 
-const attachEvents$a = ($Node, eventMap) => {
+const attachEvents$9 = ($Node, eventMap) => {
   for (const [key, value] of Object.entries(eventMap)) {
     $Node.addEventListener(key, value);
   }
@@ -4980,28 +4982,28 @@ const handleMousedown = event => {
   const uid = fromEvent(event);
   handleClickAt$3(uid, clientX, clientY);
 };
-const handleScrollBarThumbPointerMove$1 = event => {
+const handleScrollBarThumbPointerMove = event => {
   const {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleScrollBarThumbPointerMove$2(uid, clientY);
+  handleScrollBarThumbPointerMove$1(uid, clientY);
 };
 const handlePointerCaptureLost$2 = event => {
   const {
     target,
     pointerId
   } = event;
-  stopTracking(target, pointerId, handleScrollBarThumbPointerMove$1, handlePointerCaptureLost$2);
+  stopTracking(target, pointerId, handleScrollBarThumbPointerMove, handlePointerCaptureLost$2);
 };
-const handleScrollBarPointerDown$2 = event => {
+const handleScrollBarPointerDown$1 = event => {
   preventDefault(event);
   const {
     target,
     pointerId,
     clientY
   } = event;
-  startTracking(target, pointerId, handleScrollBarThumbPointerMove$1, handlePointerCaptureLost$2);
+  startTracking(target, pointerId, handleScrollBarThumbPointerMove, handlePointerCaptureLost$2);
   const uid = fromEvent(event);
   handleScrollBarClick(uid, clientY);
 };
@@ -5061,7 +5063,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$s = () => {
+const create$r = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -5085,18 +5087,18 @@ const create$s = () => {
     $ScrollBarThumb
   };
 };
-const attachEvents$9 = state => {
+const attachEvents$8 = state => {
   const {
     $Viewlet,
     $ListItems,
     $ScrollBar
   } = state;
   $Viewlet.addEventListener(Wheel, handleWheel$2, Passive);
-  attachEvents$a($ListItems, {
+  attachEvents$9($ListItems, {
     [MouseDown]: handleMousedown
   });
-  attachEvents$a($ScrollBar, {
-    [PointerDown]: handleScrollBarPointerDown$2
+  attachEvents$9($ScrollBar, {
+    [PointerDown]: handleScrollBarPointerDown$1
   });
 };
 // TODO show should be passed active cursor position
@@ -5114,7 +5116,7 @@ const setDom$8 = (state, dom) => {
   // TODO recycle nodes
   // TODO set right aria attributes on $EditorInput
 };
-const dispose$f = state => {
+const dispose$e = state => {
   remove$1(state.$Viewlet);
   // state.$EditorInput.removeAttribute('aria-activedescendant')
 };
@@ -5128,7 +5130,7 @@ const showLoading = (state, x, y) => {
   $Viewlet.append($Loading);
   append$1($Viewlet);
 };
-const handleError$7 = (state, error) => {
+const handleError$6 = (state, error) => {
   const {
     $Viewlet
   } = state;
@@ -5144,10 +5146,10 @@ const setBounds$8 = (state, x, y, width, height) => {
 
 const ViewletEditorCompletion = {
   __proto__: null,
-  attachEvents: attachEvents$9,
-  create: create$s,
-  dispose: dispose$f,
-  handleError: handleError$7,
+  attachEvents: attachEvents$8,
+  create: create$r,
+  dispose: dispose$e,
+  handleError: handleError$6,
   setBounds: setBounds$8,
   setContentHeight,
   setDom: setDom$8,
@@ -5160,15 +5162,15 @@ const ViewletEditorCompletion = {
 const handleClose = () => {
   return ['closeDetails'];
 };
-const returnValue$5 = true;
+const returnValue$4 = true;
 
 const ViewletEditorCompletionDetailsEvents = {
   __proto__: null,
   handleClose,
-  returnValue: returnValue$5
+  returnValue: returnValue$4
 };
 
-const create$r = () => {
+const create$q = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorCompletionDetails';
   $Viewlet.id = 'CompletionsDetails';
@@ -5176,7 +5178,7 @@ const create$r = () => {
     $Viewlet
   };
 };
-const attachEvents$8 = state => {
+const attachEvents$7 = state => {
   // TODO
 };
 const setDom$7 = (state, dom) => {
@@ -5194,7 +5196,7 @@ const appendWidget$4 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$e = state => {
+const dispose$d = state => {
   remove$1(state.$Viewlet);
 };
 const setBounds$7 = (state, x, y, width, height) => {
@@ -5208,9 +5210,9 @@ const ViewletEditorCompletionDetails = {
   __proto__: null,
   Events: ViewletEditorCompletionDetailsEvents,
   appendWidget: appendWidget$4,
-  attachEvents: attachEvents$8,
-  create: create$r,
-  dispose: dispose$e,
+  attachEvents: attachEvents$7,
+  create: create$q,
+  dispose: dispose$d,
   setBounds: setBounds$7,
   setDom: setDom$7
 };
@@ -5228,7 +5230,7 @@ const ViewletEditorCompletionDetails = {
 
 // TODO aria alert
 
-const create$q = () => {
+const create$p = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorError';
   return {
@@ -5250,13 +5252,13 @@ const setBounds$6 = (state, x, y, width, height) => {
 
 const ViewletEditorError = {
   __proto__: null,
-  create: create$q,
+  create: create$p,
   setBounds: setBounds$6,
   setDom: setDom$6
 };
 
-const returnValue$4 = true;
-const handleSashPointerDown$2 = create$w(event => {
+const returnValue$3 = true;
+const handleSashPointerDown$2 = create$v(event => {
   const {
     clientX,
     clientY
@@ -5279,7 +5281,7 @@ const handleSashPointerDown$2 = create$w(event => {
 const ViewletEditorHoverEvents = {
   __proto__: null,
   handleSashPointerDown: handleSashPointerDown$2,
-  returnValue: returnValue$4
+  returnValue: returnValue$3
 };
 
 const setBounds$5 = (state, x, y, width, height) => {
@@ -5353,7 +5355,7 @@ const handlePointerCaptureLost$1 = event => {
 /**
  * @param {PointerEvent} event
  */
-const handlePointerDown$3 = event => {
+const handlePointerDown$1 = event => {
   const {
     pointerId,
     clientX,
@@ -5369,7 +5371,7 @@ const handlePointerDown$3 = event => {
   target.addEventListener(PointerUp, handlePointerUp);
   target.addEventListener(LostPointerCapture, handlePointerCaptureLost$1);
   const uid = fromEvent(event);
-  handlePointerDown$5(uid, pointerId, clientX, clientY);
+  handlePointerDown$3(uid, pointerId, clientX, clientY);
 };
 
 /**
@@ -5390,7 +5392,7 @@ const handleWheel$1 = event => {
  *
  * @param {MouseEvent} event
  */
-const handleContextMenu$6 = event => {
+const handleContextMenu$5 = event => {
   preventDefault(event);
   const {
     button,
@@ -5398,35 +5400,35 @@ const handleContextMenu$6 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$9(uid, button, clientX, clientY);
+  handleContextMenu$8(uid, button, clientX, clientY);
 };
-const handleError$6 = event => {
+const handleError$5 = event => {
   const uid = fromEvent(event);
   handleImageError(uid);
 };
-const handleFocus$7 = event => {
+const handleFocus$6 = event => {
   const uid = fromEvent(event);
-  handleFocus$9(uid);
+  handleFocus$8(uid);
 };
 
-const create$p = () => {
+const create$o = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorImage';
   return {
     $Viewlet
   };
 };
-const attachEvents$7 = state => {
+const attachEvents$6 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$a($Viewlet, {
-    [PointerDown]: handlePointerDown$3,
+  attachEvents$9($Viewlet, {
+    [PointerDown]: handlePointerDown$1,
     [PointerUp]: handlePointerUp,
-    [ContextMenu]: handleContextMenu$6,
-    [FocusIn]: handleFocus$7
+    [ContextMenu]: handleContextMenu$5,
+    [FocusIn]: handleFocus$6
   });
-  $Viewlet.addEventListener(Error$2, handleError$6, Capture);
+  $Viewlet.addEventListener(Error$2, handleError$5, Capture);
   $Viewlet.addEventListener(Wheel, handleWheel$1, Passive);
 };
 const setTransform = (state, transform) => {
@@ -5451,14 +5453,14 @@ const setDom$4 = (state, dom) => {
 
 const ViewletEditorImage = {
   __proto__: null,
-  attachEvents: attachEvents$7,
-  create: create$p,
+  attachEvents: attachEvents$6,
+  create: create$o,
   setDom: setDom$4,
   setDragging,
   setTransform
 };
 
-const create$o = () => {
+const create$n = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorText';
   $Viewlet.textContent = 'loading...';
@@ -5466,7 +5468,7 @@ const create$o = () => {
     $Viewlet
   };
 };
-const dispose$d = state => {};
+const dispose$c = state => {};
 const refresh$3 = (state, context) => {
   object(state);
   string(context.content);
@@ -5475,8 +5477,8 @@ const refresh$3 = (state, context) => {
 
 const ViewletEditorPlainText = {
   __proto__: null,
-  create: create$o,
-  dispose: dispose$d,
+  create: create$n,
+  dispose: dispose$c,
   refresh: refresh$3
 };
 
@@ -5504,7 +5506,7 @@ const appendWidget$2 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$c = state => {
+const dispose$b = state => {
   remove$1(state.$Viewlet);
 };
 
@@ -5512,7 +5514,7 @@ const ViewletEditorSourceActions = {
   __proto__: null,
   Events: ViewletEditorSourceActionsEvents,
   appendWidget: appendWidget$2,
-  dispose: dispose$c,
+  dispose: dispose$b,
   setBounds: setBounds$4
 };
 
@@ -5599,29 +5601,6 @@ const getModifierKey = event => {
   return None;
 };
 
-const toSimpleTouch = touch => {
-  return {
-    x: touch.clientX,
-    y: touch.clientY,
-    identifier: touch.identifier
-  };
-};
-const toSimpleTouches = touches => {
-  return Array.from(touches).map(toSimpleTouch);
-};
-
-/**
- * @param {TouchEvent} event
- */
-const toSimpleTouchEvent = event => {
-  const touches = toSimpleTouches(event.touches);
-  const changedTouches = toSimpleTouches(event.changedTouches);
-  return {
-    touches,
-    changedTouches
-  };
-};
-
 // TODO so many things in this file
 
 
@@ -5629,7 +5608,7 @@ const toSimpleTouchEvent = event => {
 
 // TODO tree shake out mobile support when targeting electron -> less code -> less event listeners -> less memory -> less cpu
 
-const handleFocus$6 = event => {
+const handleFocus$5 = event => {
   return ['handleFocus'];
 };
 const handleMouseMove = event => {
@@ -5769,7 +5748,7 @@ const handlePaste = event => {
   const text = getText(clipboardData);
   return ['paste', text];
 };
-const handleScrollBarVerticalPointerDown = create$w(event => {
+const handleScrollBarVerticalPointerDown = create$v(event => {
   const {
     clientY
   } = event;
@@ -5824,7 +5803,7 @@ const handleScrollBarContextMenu = event => {
   preventDefault(event);
   stopPropagation(event);
 };
-const handleContextMenu$5 = event => {
+const handleContextMenu$4 = event => {
   preventDefault(event);
   const {
     button,
@@ -5892,7 +5871,7 @@ const setLineInfos = (state, dom) => {
 // 1. create -> only create dom elements
 // 2. render -> fill elements with attributes and data
 // that way all dom nodes can be recycled
-const create$n = () => {
+const create$m = () => {
   const $EditorInput = document.createElement('textarea');
   $EditorInput.className = 'EditorInput';
   $EditorInput.ariaAutoComplete = List;
@@ -5910,7 +5889,7 @@ const create$n = () => {
     [CompositionStart]: handleCompositionStart,
     [CompositionUpdate]: handleCompositionUpdate,
     [CompositionEnd]: handleCompositionEnd,
-    [Focus]: handleFocus$6,
+    [Focus]: handleFocus$5,
     [Blur]: handleBlur$5,
     [Cut]: handleCut,
     [Paste]: handlePaste,
@@ -5980,7 +5959,7 @@ const create$n = () => {
   $Editor.role = Code;
   $Editor.append($LayerGutter, $EditorContent);
   attachEventsFunctional($Editor, {
-    [ContextMenu]: handleContextMenu$5,
+    [ContextMenu]: handleContextMenu$4,
     [Wheel]: handleWheel,
     returnValue: true
   });
@@ -6059,11 +6038,11 @@ const setDecorationsDom$1 = (state, decorations) => {
   setDecorationsDom$2(state, decorations);
 };
 
-const create$m = create$n;
+const create$l = create$m;
 const setText$1 = setText$2;
 const setSelections = setSelections$1;
 const setIncrementalEdits = setIncrementalEdits$1;
-const handleError$5 = (state, error) => {
+const handleError$4 = (state, error) => {
   state.$Viewlet.textContent = error;
 };
 const setScrollBar = setScrollBar$1;
@@ -6096,14 +6075,14 @@ const hideOverlayMessage = state => {
   }
 };
 const setFocused$1 = setFocused$2;
-const focus$e = setFocused$2;
+const focus$c = setFocused$2;
 const setDecorationsDom = setDecorationsDom$1;
 
 const ViewletEditorText = {
   __proto__: null,
-  create: create$m,
-  focus: focus$e,
-  handleError: handleError$5,
+  create: create$l,
+  focus: focus$c,
+  handleError: handleError$4,
   hideOverlayMessage,
   highlightAsLink,
   renderGutter,
@@ -6117,14 +6096,14 @@ const ViewletEditorText = {
   showOverlayMessage
 };
 
-const create$l = () => {
+const create$k = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorTextError';
   return {
     $Viewlet
   };
 };
-const setMessage$4 = (state, message) => {
+const setMessage$3 = (state, message) => {
   const {
     $Viewlet
   } = state;
@@ -6133,18 +6112,18 @@ const setMessage$4 = (state, message) => {
 
 const ViewletEditorTextError = {
   __proto__: null,
-  create: create$l,
-  setMessage: setMessage$4
+  create: create$k,
+  setMessage: setMessage$3
 };
 
-const create$k = () => {
+const create$j = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorWidgetError EditorOverlayMessage';
   return {
     $Viewlet
   };
 };
-const setMessage$3 = (state, message) => {
+const setMessage$2 = (state, message) => {
   const {
     $Viewlet
   } = state;
@@ -6160,12 +6139,12 @@ const setBounds$3 = (state, x, y, width, height) => {
 
 const ViewletEditorWidgetError = {
   __proto__: null,
-  create: create$k,
+  create: create$j,
   setBounds: setBounds$3,
-  setMessage: setMessage$3
+  setMessage: setMessage$2
 };
 
-const create$j = () => {
+const create$i = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.dataset.viewlet = 'Empty';
   $Viewlet.className = 'Viewlet';
@@ -6174,18 +6153,18 @@ const create$j = () => {
   };
 };
 const refresh$2 = (state, context) => {};
-const focus$d = state => {};
-const dispose$b = state => {};
+const focus$b = state => {};
+const dispose$a = state => {};
 
 const ViewletEmpty = {
   __proto__: null,
-  create: create$j,
-  dispose: dispose$b,
-  focus: focus$d,
+  create: create$i,
+  dispose: dispose$a,
+  focus: focus$b,
   refresh: refresh$2
 };
 
-const create$i = () => {
+const create$h = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EmptyEditor';
   return {
@@ -6195,17 +6174,17 @@ const create$i = () => {
 
 const ViewletEmptyEditor = {
   __proto__: null,
-  create: create$i
+  create: create$h
 };
 
-const create$h = () => {
+const create$g = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Error';
   return {
     $Viewlet
   };
 };
-const setMessage$2 = (state, message) => {
+const setMessage$1 = (state, message) => {
   const {
     $Viewlet
   } = state;
@@ -6214,277 +6193,8 @@ const setMessage$2 = (state, message) => {
 
 const ViewletError = {
   __proto__: null,
-  create: create$h,
-  setMessage: setMessage$2
-};
-
-const Polite = 'polite';
-
-const handleContextMenu$4 = event => {
-  preventDefault(event);
-  const {
-    button,
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleContextMenu$9(uid, button, clientX, clientY);
-};
-
-const handleScrollBarThumbPointerMove = event => {
-  const {
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleScrollBarThumbPointerMove$2(uid, clientY);
-};
-const handleScrollBarPointerCaptureLost = event => {
-  const {
-    target,
-    pointerId
-  } = event;
-  stopTracking(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerCaptureLost);
-  const uid = fromEvent(event);
-  handleScrollBarCaptureLost(uid);
-};
-const handleScrollBarPointerDown$1 = event => {
-  const {
-    target,
-    pointerId,
-    clientY
-  } = event;
-  startTracking(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerCaptureLost);
-  const uid = fromEvent(event);
-  handleScrollBarClick(uid, clientY);
-};
-const handleFocus$5 = event => {
-  const uid = fromEvent(event);
-  handleFocus$9(uid);
-};
-const handlePointerDown$2 = event => {
-  const {
-    target,
-    button
-  } = event;
-  const uid = fromEvent(event);
-  if (button !== LeftClick) {
-    return;
-  }
-  const $Extension = target.closest('.ExtensionListItem');
-  const index = getNodeIndex($Extension);
-  handleClick$6(uid, index);
-};
-const handleInput$5 = event => {
-  const $Target = event.target;
-  const value = $Target.value;
-  const uid = fromEvent(event);
-  handleInput$7(uid, value);
-  // TODO
-  // TODO use beforeinput event to set value and extension list items at the same time
-  // state.$Viewlet.ariaBusy = 'true'
-};
-const handleScroll = event => {};
-
-/**
- * @param {TouchEvent} event
- */
-const handleTouchMove = event => {
-  const {
-    timeStamp
-  } = event;
-  const {
-    changedTouches
-  } = toSimpleTouchEvent(event);
-  const uid = fromEvent(event);
-  handleTouchMove$1(uid, timeStamp, changedTouches);
-};
-
-/**
- * @param {TouchEvent} event
- */
-const handleTouchStart = event => {
-  const {
-    timeStamp
-  } = event;
-  const {
-    changedTouches
-  } = toSimpleTouchEvent(event);
-  const uid = fromEvent(event);
-  handleTouchStart$1(uid, timeStamp, changedTouches);
-};
-
-/**
- * @param {TouchEvent} event
- */
-const handleTouchEnd = event => {
-  const {
-    changedTouches
-  } = toSimpleTouchEvent(event);
-  const uid = fromEvent(event);
-  handleTouchEnd$1(uid, changedTouches);
-};
-
-// based on https://github.com/microsoft/vscode/blob/main/src/vs/workbench/contrib/extensions/browser/extensionsList.ts (License MIT)
-
-const create$g = () => {
-  const $ExtensionHeader = document.createElement('div');
-  $ExtensionHeader.className = 'ExtensionHeader';
-
-  // TODO handle error
-  const $ListItems = document.createElement('div');
-  $ListItems.className = 'ListItems';
-  $ListItems.tabIndex = 0;
-  $ListItems.ariaLabel = 'Extensions';
-  $ListItems.role = List$1;
-  const $ScrollBarThumb = document.createElement('div');
-  $ScrollBarThumb.className = 'ScrollBarThumb';
-  const $ScrollBar = document.createElement('div');
-  $ScrollBar.className = 'ScrollBar ScrollBarSmall';
-  $ScrollBar.append($ScrollBarThumb);
-  const $List = document.createElement('div');
-  $List.className = 'Viewlet List';
-  $List.append($ListItems, $ScrollBar);
-  const $Viewlet = document.createElement('div');
-  $Viewlet.className = 'Viewlet Extensions';
-  $Viewlet.ariaLive = Polite;
-  $Viewlet.ariaBusy = True;
-  $Viewlet.role = None$2;
-  $Viewlet.append($ExtensionHeader, $List);
-  return {
-    $Viewlet,
-    $List,
-    $ListItems,
-    $ExtensionHeader,
-    $ExtensionSuggestions: undefined,
-    $ScrollBarThumb,
-    $ScrollBar,
-    $Message: undefined
-  };
-};
-const attachEvents$6 = state => {
-  const {
-    $ExtensionHeader,
-    $ListItems,
-    $ScrollBar
-  } = state;
-  $ExtensionHeader.addEventListener(Input, handleInput$5, Capture);
-  // @ts-expect-error
-  $ExtensionHeader.addEventListener(Click, undefined);
-  attachEvents$a($ListItems, {
-    [ContextMenu]: handleContextMenu$4,
-    [PointerDown]: handlePointerDown$2,
-    [Focus]: handleFocus$5,
-    [Scroll]: handleScroll
-  });
-  $ListItems.addEventListener(TouchStart, handleTouchStart, Passive);
-  $ListItems.addEventListener(TouchMove, handleTouchMove, Passive);
-  $ListItems.addEventListener(TouchEnd, handleTouchEnd, Passive);
-  $ListItems.addEventListener(Wheel, handleWheel$3, Passive);
-  attachEvents$a($ScrollBar, {
-    [PointerDown]: handleScrollBarPointerDown$1
-  });
-};
-const focus$c = state => {
-  object(state);
-  state.$InputBox.focus();
-};
-const setExtensionState = () => {
-  // const index = state.extensions.findIndex((extension) => extension.id === id)
-  // if (index === -1) {
-  //   return
-  // }
-  // state.extensions[index].state = extensionState
-  // render(state)
-};
-const setMessage$1 = (state, message) => {
-  object(state);
-  string(message);
-  const {
-    $List,
-    $ListItems,
-    $ScrollBar
-  } = state;
-  if (!message) {
-    $List.replaceChildren($ListItems, $ScrollBar);
-    state.$Message = undefined;
-    return;
-  }
-  const $Message = document.createElement('div');
-  $Message.className = 'ViewletExtensionMessage';
-  $Message.textContent = message;
-  $List.replaceChildren($Message);
-  state.$Message = $Message;
-};
-const setHeaderDom = (state, dom) => {
-  const {
-    $ExtensionHeader
-  } = state;
-  // @ts-expect-error
-  const $Element = render(dom).firstChild.firstChild;
-  $ExtensionHeader.replaceChildren($Element);
-};
-const setExtensionsDom = (state, dom) => {
-  object(state);
-  array(dom);
-  const {
-    $ListItems
-  } = state;
-  const $Root = render(dom);
-  // @ts-expect-error
-  $ListItems.replaceChildren(...$Root.firstChild.childNodes);
-};
-const dispose$a = () => {};
-const openSuggest = state => {
-  // TODO maybe cache getBoundingClientRect (though it is not a bottleneck right now)
-  // TODO getBoundingClientRect should not be needed, all positions should be known already in renderer worker
-  // @ts-ignore
-  state.$InputBox.getBoundingClientRect();
-  // const x = state.$InputBox.offsetLeft
-  // const y = state.$InputBox.offsetTop
-};
-const closeSuggest = state => {
-  state.$ExtensionSuggestions.remove();
-};
-const handleError$4 = (state, message) => {
-  object(state);
-  string(message);
-  const {
-    $ListItems
-  } = state;
-  $ListItems.textContent = message;
-};
-const setSearchValue = (state, oldValue, newValue) => {
-  const {
-    $ExtensionHeader
-  } = state;
-  if (!$ExtensionHeader) {
-    return;
-  }
-  const $InputBox = $ExtensionHeader.querySelector('textarea');
-  if (!$InputBox) {
-    return;
-  }
-  $InputBox.value = newValue;
-};
-
-const ViewletExtensions = {
-  __proto__: null,
-  attachEvents: attachEvents$6,
-  closeSuggest,
   create: create$g,
-  dispose: dispose$a,
-  focus: focus$c,
-  handleError: handleError$4,
-  openSuggest,
-  setContentHeight,
-  setExtensionState,
-  setExtensionsDom,
-  setHeaderDom,
-  setMessage: setMessage$1,
-  setNegativeMargin,
-  setScrollBar: setScrollBar$2,
-  setSearchValue,
-  setSize
+  setMessage: setMessage$1
 };
 
 const handleInput$4 = event => {
@@ -6553,7 +6263,7 @@ const handleFocusClose = event => {
 const handleFocusReplaceAll = event => {
   return ['FindWidget.handleFocusReplaceAll'];
 };
-const returnValue$3 = true;
+const returnValue$2 = true;
 
 const ViewletFindWidgetEvents = {
   __proto__: null,
@@ -6573,7 +6283,7 @@ const ViewletFindWidgetEvents = {
   handleReplaceFocus,
   handleReplaceInput,
   handleToggleReplaceFocus,
-  returnValue: returnValue$3
+  returnValue: returnValue$2
 };
 
 const create$f = () => {
@@ -6584,7 +6294,7 @@ const create$f = () => {
     $Viewlet
   };
 };
-const focus$b = (state, key, source) => {
+const focus$a = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -6641,7 +6351,7 @@ const ViewletFindWidget = {
   appendWidget: appendWidget$1,
   create: create$f,
   dispose: dispose$9,
-  focus: focus$b,
+  focus: focus$a,
   setBounds: setBounds$2,
   setDom: setDom$3,
   setValue: setValue$1
@@ -6665,7 +6375,7 @@ const ViewletLocationsEvents = {
   handleLocationsMouseDown
 };
 
-const setFocusedIndex$2 = (state, oldFocusedIndex, newFocusedIndex) => {
+const setFocusedIndex$1 = (state, oldFocusedIndex, newFocusedIndex) => {
   const {
     $Viewlet
   } = state;
@@ -6688,7 +6398,7 @@ const handleError$3 = (state, message) => {
   } = state;
   $Message.textContent = message;
 };
-const focus$a = state => {
+const focus$9 = state => {
   const {
     $Locations
   } = state;
@@ -6700,9 +6410,9 @@ const focus$a = state => {
 const ViewletImplementations = {
   __proto__: null,
   Events: ViewletLocationsEvents,
-  focus: focus$a,
+  focus: focus$9,
   handleError: handleError$3,
-  setFocusedIndex: setFocusedIndex$2
+  setFocusedIndex: setFocusedIndex$1
 };
 
 const handleScrollBarPointerDown = event => {
@@ -6759,7 +6469,7 @@ const getPointerDownFunction = event => {
       return undefined;
   }
 };
-const handlePointerDown$1 = event => {
+const handlePointerDown = event => {
   const pointerDownFunction = getPointerDownFunction(event);
   if (!pointerDownFunction) {
     return;
@@ -6769,7 +6479,7 @@ const handlePointerDown$1 = event => {
 
 const ViewletkeyBindingsEvents = {
   __proto__: null,
-  handlePointerDown: handlePointerDown$1,
+  handlePointerDown,
   handleResizerPointerDown,
   handleResizerPointerMove,
   handleResizerPointerUp
@@ -7320,15 +7030,15 @@ const attachEvents$5 = state => {
     $SashSideBar,
     $SashPanel
   } = state;
-  attachEvents$a($SashSideBar, {
+  attachEvents$9($SashSideBar, {
     [PointerDown]: handleSashPointerDown,
     [DoubleClick]: handleSashDoubleClick
   });
-  attachEvents$a($SashPanel, {
+  attachEvents$9($SashPanel, {
     [PointerDown]: handleSashPointerDown,
     [DoubleClick]: handleSashDoubleClick
   });
-  attachEvents$a(window, {
+  attachEvents$9(window, {
     [Resize]: handleResize,
     [Focus]: handleFocus$2,
     [Blur]: handleBlur$3,
@@ -7441,7 +7151,7 @@ const handleContextMenu$3 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$9(uid, clientX, clientY);
+  handleContextMenu$8(uid, clientX, clientY);
 };
 
 // TODO Main should not be bound to Editor -> Lazy load Editor
@@ -7470,7 +7180,7 @@ const attachEvents$4 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$a($Viewlet, {
+  attachEvents$9($Viewlet, {
     [Drop]: handleDrop$1,
     [DragOver]: handleDragOver$1,
     [DragEnd]: handleDragEnd,
@@ -7500,7 +7210,7 @@ const closeViewletAndTab = (state, index) => {
   state.$MainTabs.remove();
   state.$MainTabs = undefined;
 };
-const focus$9 = () => {};
+const focus$8 = () => {};
 const highlightDragOver = state => {
   const {
     $MainTabs
@@ -7547,7 +7257,7 @@ const ViewletMain = {
   closeViewletAndTab,
   create: create$d,
   dispose: dispose$8,
-  focus: focus$9,
+  focus: focus$8,
   highlightDragOver,
   openEditor,
   replaceEditor,
@@ -7636,7 +7346,7 @@ const attachEvents$3 = state => {
   const {
     $MainTabs
   } = state;
-  attachEvents$a($MainTabs, {
+  attachEvents$9($MainTabs, {
     [ContextMenu]: handleTabsContextMenu,
     [DragOver]: handleDragOver,
     [DragStart]: handleDragStart,
@@ -7695,7 +7405,6 @@ const EditorText = 'Editor';
 const EditorWidgetError = 'EditorWidgetError';
 const Empty = 'Empty';
 const Error$1 = 'Error';
-const Extensions = 'Extensions';
 const FindWidget = 'FindWidget';
 const ImagePreview = 'ImagePreview';
 const InlineDiffEditor = 'InlineDiffEditor';
@@ -7706,7 +7415,6 @@ const Main = 'Main';
 const MainTabs = 'MainTabs';
 const Output = 'Output';
 const Panel = 'Panel';
-const Problems = 'Problems';
 const References = 'References';
 const RunAndDebug = 'Run And Debug';
 const ScreenCapture = 'ScreenCapture';
@@ -7764,9 +7472,9 @@ const handleError$2 = (state, error) => {
   string(error);
   state.content.textContent = error;
 };
-const focus$8 = state => {
+const focus$7 = state => {
   object(state);
-  focus$h(state.$ViewletOutputContent);
+  focus$f(state.$ViewletOutputContent);
   send('Focus.setFocus', FocusOutput);
 };
 
@@ -7787,7 +7495,7 @@ const ViewletOutput = {
   create: create$b,
   dispose: dispose$7,
   disposeFindWidget,
-  focus: focus$8,
+  focus: focus$7,
   handleError: handleError$2,
   openFindWidget,
   setText
@@ -7889,13 +7597,13 @@ const attachEvents$2 = state => {
     $ButtonClose,
     $PanelHeader
   } = state;
-  attachEvents$a($PanelHeader, {
+  attachEvents$9($PanelHeader, {
     [Click]: handleHeaderClick$1
   });
-  attachEvents$a($ButtonMaximize, {
+  attachEvents$9($ButtonMaximize, {
     [Click]: handleClickMaximize
   });
-  attachEvents$a($ButtonClose, {
+  attachEvents$9($ButtonClose, {
     [Click]: handleClickClose
   });
 };
@@ -7907,7 +7615,7 @@ const setTabsDom$1 = (state, dom) => {
 };
 
 // TODO add test for focus method
-const focus$7 = state => {
+const focus$6 = state => {
   object(state);
   if (!state.currentViewlet) {
     return;
@@ -7961,81 +7669,18 @@ const ViewletPanel = {
   attachEvents: attachEvents$2,
   create: create$a,
   dispose: dispose$6,
-  focus: focus$7,
+  focus: focus$6,
   setActionsDom: setActionsDom$1,
   setSelectedIndex,
   setTabsDom: setTabsDom$1
 };
 
-const handlePointerDown = event => {
-  preventDefault(event);
-  const {
-    clientX,
-    clientY
-  } = event;
-  return ['handleClickAt', clientX, clientY];
-};
-const handleContextMenu$2 = event => {
-  preventDefault(event);
-  const {
-    clientX,
-    clientY
-  } = event;
-  return ['handleContextMenu', clientX, clientY];
-};
-const handleFilterInput = event => {
-  const {
-    target
-  } = event;
-  const {
-    value
-  } = target;
-  return ['handleFilterInput', value];
-};
-const handleClearFilterClick = event => {
-  return ['clearFilter'];
-};
-const returnValue$2 = true;
-
-const ViewletProblemsEvents = {
-  __proto__: null,
-  handleClearFilterClick,
-  handleContextMenu: handleContextMenu$2,
-  handleFilterInput,
-  handlePointerDown,
-  returnValue: returnValue$2
-};
-
-const setFocusedIndex$1 = (state, focusedIndex) => {
-  const {
-    $Viewlet
-  } = state;
-  if (focusedIndex === -1) {
-    $Viewlet.classList.add('FocusOutline');
-    $Viewlet.focus();
-  }
-};
-const focus$6 = state => {
-  const {
-    $Viewlet
-  } = state;
-  $Viewlet.focus();
-};
-
-const ViewletProblems = {
-  __proto__: null,
-  EventMap: ViewletProblemsEvents,
-  Events: ViewletProblemsEvents,
-  focus: focus$6,
-  setFocusedIndex: setFocusedIndex$1
-};
-
 const ViewletReferences = {
   __proto__: null,
   Events: ViewletLocationsEvents,
-  focus: focus$a,
+  focus: focus$9,
   handleError: handleError$3,
-  setFocusedIndex: setFocusedIndex$2
+  setFocusedIndex: setFocusedIndex$1
 };
 
 const ViewletRunAndDebug = {
@@ -8115,7 +7760,7 @@ const attachEvents$1 = state => {
   const {
     $SideBarTitleArea
   } = state;
-  attachEvents$a($SideBarTitleArea, {
+  attachEvents$9($SideBarTitleArea, {
     [Click]: handleHeaderClick
   });
 };
@@ -8242,9 +7887,20 @@ const ViewletSimpleBrowser = {
   Events: ViewletSimpleBrowserEvents
 };
 
+const handleContextMenu$2 = event => {
+  preventDefault(event);
+  const {
+    button,
+    clientX,
+    clientY
+  } = event;
+  const uid = fromEvent(event);
+  handleContextMenu$8(uid, button, clientX, clientY);
+};
+
 const handleFocus = event => {
   const uid = fromEvent(event);
-  handleFocus$9(uid);
+  handleFocus$8(uid);
 };
 const getButtonIndex = $Node => {
   let index = -1;
@@ -8314,13 +7970,13 @@ const handleInput$1 = event => {
     value
   } = target;
   const uid = fromEvent(event);
-  handleInput$7(uid, value);
+  handleInput$6(uid, value);
 };
 
 const ViewletSourceControlEvents = {
   __proto__: null,
   handleClick: handleClick$3,
-  handleContextMenu: handleContextMenu$4,
+  handleContextMenu: handleContextMenu$2,
   handleFocus,
   handleInput: handleInput$1,
   handleMouseOut,
@@ -8473,7 +8129,7 @@ const attachEvents = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$a($Viewlet, {
+  attachEvents$9($Viewlet, {
     [ContextMenu]: handleContextMenu$1
   });
 };
@@ -8608,7 +8264,7 @@ const handleMenuClick = event => {
 };
 const handleFocusIn$1 = event => {
   const uid = fromEvent(event);
-  handleFocus$9(uid);
+  handleFocus$8(uid);
 };
 
 const ViewletTitleBarMenuBarEvents = {
@@ -9071,8 +8727,6 @@ const load$1 = moduleId => {
       return ViewletEmpty;
     case Error$1:
       return ViewletError;
-    case Extensions:
-      return ViewletExtensions;
     case FindWidget:
       return ViewletFindWidget;
     case Implementations:
@@ -9089,8 +8743,6 @@ const load$1 = moduleId => {
       return ViewletOutput;
     case Panel:
       return ViewletPanel;
-    case Problems:
-      return ViewletProblems;
     case References:
       return ViewletReferences;
     case RunAndDebug:
@@ -9742,6 +9394,9 @@ const setProperty = (id, selector, property, value) => {
   }
   const $Viewlet = instance.state.$Viewlet;
   const $Element = $Viewlet.querySelector(selector);
+  if (!$Element) {
+    return;
+  }
   $Element[property] = value;
 };
 
@@ -9945,7 +9600,7 @@ const commandMap = {
   'GetFilePathElectron.getFilePathElectron': getFilePathElectron,
   'HandleMessagePort.handleMessagePort': handleMessagePort,
   'InitData.getInitData': getInitData,
-  'IpcParent.create': create$B,
+  'IpcParent.create': create$A,
   'KeyBindings.setIdentifiers': setIdentifiers,
   'Layout.getBounds': getBounds,
   'Location.getHref': getHref,
@@ -9960,10 +9615,10 @@ const commandMap = {
   'Menu.showControlled': showControlled,
   'Menu.showMenu': showMenu,
   'Meta.setThemeColor': setThemeColor,
-  'Notification.create': create$A,
+  'Notification.create': create$z,
   'Notification.createWithOptions': createWithOptions,
-  'Notification.dispose': dispose$j,
-  'OffscreenCanvas.create': create$z,
+  'Notification.dispose': dispose$i,
+  'OffscreenCanvas.create': create$y,
   'Open.openUrl': openUrl,
   'Performance.getMemory': getMemory,
   'Performance.measureUserAgentSpecificMemory': measureUserAgentSpecificMemory,
@@ -10039,7 +9694,7 @@ const getConfiguredEditorWorkerUrl = () => {
 const editorWorkerUrl = getConfiguredEditorWorkerUrl() || `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/editor-worker/dist/editorWorkerMain.js`;
 
 const launchEditorWorker = async port => {
-  const ipc = await create$B({
+  const ipc = await create$A({
     name: 'Editor Worker',
     url: editorWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -10067,7 +9722,7 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  const ipc = await create$B({
+  const ipc = await create$A({
     name,
     url: extensionHostWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -10091,7 +9746,7 @@ const hydrate$1 = async () => {
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
 const launchSyntaxHighlightingWorker = async port => {
-  const ipc = await create$B({
+  const ipc = await create$A({
     name: 'Syntax Highlighting Worker',
     url: syntaxHighlightingWorkerUrl,
     method: ModuleWorkerWithMessagePort,