@lvce-editor/server 0.0.21 → 0.0.24

package/static/{e236e21 → 63e03f3}/packages/renderer-process/dist/rendererProcessMain.js

@@ -96,17 +96,14 @@ const getOrLoadModule = (moduleId) => {
 
 const getModuleId = (commandId) => {
   switch (commandId) {
-    case 281:
-    case 282:
-    case 283:
-    case 284:
+    case 'Developer.showState':
+    case 'Developer.getMemoryUsage':
       return MODULE_DEVELOPER
     case 549:
     case 550:
     case 551:
       return MODULE_VIEW_SERVICE
-    case 755:
-    case 756:
+    case 'KeyBindings.hydrate':
       return MODULE_KEYBINDINGS
     case 764:
     case 765:
@@ -123,107 +120,50 @@ const getModuleId = (commandId) => {
     case 776:
     case 777:
       return MODULE_EDITOR_CONTROLLER
-    case 991:
-    case 992:
-    case 993:
-    case 994:
-    case 995:
-    case 996:
-    case 997:
-    case 998:
-    case 999:
+    case 'Notification.create':
+    case 'Notification.dispose':
+    case 'Notification.createWithOptions':
       return MODULE_NOTIFICATION
-    case 1100:
-    case 1101:
-    case 1102:
-    case 1103:
-    case 1104:
-    case 1105:
-    case 1106:
-    case 1107:
-    case 1108:
-    case 1109:
-    case 1110:
-    case 1111:
-    case 2222:
-    case 2223:
+    case 'Layout.update':
+    case 'Layout.hydrate':
+    case 'Layout.hide':
+    case 'Layout.getBounds':
       return MODULE_LAYOUT
-    case 3022:
-    case 3023:
-    case 3024:
-    case 3025:
-    case 3026:
-    case 3027:
-    case 3028:
-    case 3029:
-    case 3030:
-    case 3031:
-    case 3032:
-    case 3033:
-    case 3034:
-    case 3035:
-    case 3036:
-    case 3037:
-    case 3038:
+    case 'Viewlet.refresh':
+    case 'Viewlet.invoke':
+    case 'Viewlet.send':
+    case 'Viewlet.focus':
+    case 'Viewlet.dispose':
+    case 'Viewlet.appendViewlet':
+    case 'Viewlet.load':
+    case 'Viewlet.handleError':
+    case 'Viewlet.sendMultiple':
       return MODULE_VIEWLET
-    case 3211:
-    case 3212:
-    case 3213:
-    case 3214:
-    case 3215:
-    case 3216:
-    case 3217:
-    case 3218:
-    case 3219:
+    case 'Audio.play':
       return MODULE_AUDIO
-    case 3666:
-    case 3667:
-    case 3668:
-    case 3669:
-    case 3670:
-    case 3671:
-    case 3672:
-    case 3673:
-    case 3674:
-    case 3675:
-    case 3676:
-    case 3677:
-    case 3678:
-    case 3679:
+    case 'ImagePreview.create':
+    case 'ImagePreview.dispose':
+    case 'ImagePreview.update':
+    case 'ImagePreview.showError':
       return MODULE_IMAGE_PREVIEW
-    case 3700:
-    case 3701:
-    case 3702:
-    case 3703:
-    case 3704:
-    case 3705:
+    case 'EditorError.create':
       return MODULE_EDITOR_ERROR
-    case 4100:
-    case 4102:
+
+    case 'FindWidget.create':
+    case 'FindWidget.dispose':
+    case 'FindWidget.setResults':
       return MODULE_FIND_WIDGET
-    case 4512:
+    case 'EditorRename.create':
+    case 'EditorRename.finish':
+    case 'EditorRename.dispose':
       return MODULE_EDITOR_RENAME
-    case 4551:
+    case 'Css.setInlineStyle':
       return MODULE_CSS
-    case 5611:
-    case 5612:
-    case 5613:
-    case 5614:
-    case 5615:
-    case 5616:
-    case 5617:
-    case 5618:
-    case 5619:
+    case 'Location.getPathName':
+    case 'Location.setPathName':
+    case 'Location.hydrate':
       return MODULE_LOCATION
-    case 6216:
-    case 6217:
-    case 6218:
-    case 6219:
-    case 6220:
-    case 6221:
-    case 6222:
-    case 6223:
-    case 6224:
+    case 'EditorHover.create':
       return MODULE_EDITOR_HOVER
     case 6661:
     case 6662:
@@ -234,50 +174,41 @@ const getModuleId = (commandId) => {
       return MODULE_VIEWLET_SOURCE_CONTROL
     case 33111:
       return MODULE_WORKBENCH
-    case 7833:
-    case 7834:
-    case 7835:
-    case 7836:
-    case 7837:
-    case 7838:
-    case 7839:
-    case 7840:
+    case 'Dialog.prompt':
+    case 'Dialog.alert':
+    case 'Dialog.showErrorDialogWithOptions':
+    case 'Dialog.close':
       return MODULE_DIALOG
-    case 7900:
-    case 7901:
-    case 7902:
-    case 7903:
-    case 7904:
-    case 7905:
-    case 7906:
-    case 7907:
-    case 7908:
-    case 7909:
+    case 'Menu.showControlled':
+    case 'Menu.hide':
+    case 'Menu.focusIndex':
+    case 'Menu.showSubMenu':
+    case 'Menu.hideSubMenu':
+    case 'Menu.showMenu':
+    case 'Menu.showContextMenu':
+    case 'Menu.show':
       return MODULE_MENU
-    case 8080:
-    case 8081:
-    case 8082:
-    case 8083:
-    case 8084:
-    case 8085:
+    case 'Window.reload':
+    case 'Window.minimize':
+    case 'Window.maximize':
+    case 'Window.unmaximize':
+    case 'Window.close':
+    case 'Window.setTitle':
       return MODULE_WINDOW
-    case 8976:
-    case 8977:
-    case 8978:
+    case 'SessionStorage.clear':
+    case 'SessionStorage.getItem':
+    case 'SessionStorage.setItem':
       return MODULE_SESSION_STORAGE
-    case 8986:
-    case 8987:
-    case 8988:
+    case 'LocalStorage.clear':
+    case 'LocalStorage.getItem':
+    case 'LocalStorage.setItem':
       return MODULE_LOCAL_STORAGE
     case 9922:
       return MODULE_VIEWLET_TERMINAL
     case 11122:
       return MODULE_META
-    case 43725:
-    case 43726:
-    case 43727:
-    case 43728:
-    case 43729:
+    case 'ServiceWorker.register':
+    case 'ServiceWorker.uninstall':
       return MODULE_SERVICE_WORKER
     case 909090:
       return MODULE_RENDERER_WORKER
@@ -335,7 +266,7 @@ const setInlineStyle = (id, css) => {
 };
 
 const __initialize__$8 = () => {
-  register$1(4551, setInlineStyle);
+  register$1('Css.setInlineStyle', setInlineStyle);
 };
 
 var M1 = {
@@ -391,7 +322,7 @@ const state$a = {
     // @ts-ignore
     {
       // @ts-ignore
-      return '/e236e21'
+      return '/63e03f3'
     }
   },
   supportsHtml5Dialog() {
@@ -517,8 +448,10 @@ const create$5 = async (url) => {
 // '/packages/renderer-worker/distmin/rendererWorkerMain-0ead0bed.js'
 
 const state$9 = {
-  send(message) {},
-  sendAndTransfer(message, transferables) {},
+  /**
+   * @type {any}
+   */
+  ipc: undefined,
 };
 
 const handleMessageFromRendererWorker = (event) => {
@@ -530,17 +463,30 @@ const handleMessageFromRendererWorker = (event) => {
   }
 };
 
-const hydrate$3 = async (config) => {
+const getIpc = async () => {
   const assetDir = getAssetDir();
   const urlRendererWorker = `${assetDir}/packages/renderer-worker/dist/rendererWorkerMain.js`;
   const rendererWorker = await create$5(urlRendererWorker);
-  rendererWorker.onmessage = handleMessageFromRendererWorker;
-  state$9.send = (message) => {
-    rendererWorker.postMessage(message);
-  };
-  state$9.sendAndTransfer = (message, transferables) => {
-    rendererWorker.postMessage(message, transferables);
-  };
+  return {
+    send(message) {
+      rendererWorker.postMessage(message);
+    },
+    sendAndTransfer(message, transferables) {
+      rendererWorker.postMessage(message, transferables);
+    },
+    get onmessage() {
+      return rendererWorker.onmessage
+    },
+    set onmessage(listener) {
+      rendererWorker.onmessage = listener;
+    },
+  }
+};
+
+const hydrate$2 = async (config) => {
+  const ipc = await getIpc();
+  ipc.onmessage = handleMessageFromRendererWorker;
+  state$9.ipc = ipc;
 };
 
 const send = (message) => {
@@ -548,7 +494,7 @@ const send = (message) => {
     console.warn('invalid message', message);
     return
   }
-  state$9.send(message);
+  state$9.ipc.send(message);
 };
 
 const handleInvoke = async (callbackId, method, ...params) => {
@@ -556,14 +502,14 @@ const handleInvoke = async (callbackId, method, ...params) => {
   try {
     result = await execute(method, ...params);
   } catch (error) {
-    state$9.send([
+    send([
       /* Callback.reject */ 67331,
       /* callbackId */ callbackId,
       /* error */ error,
     ]);
     return
   }
-  state$9.send([
+  send([
     /* Callback.resolve */ 67330,
     /* callbackId */ callbackId,
     /* result */ result,
@@ -704,16 +650,30 @@ const getBounds = () => {
 
 const handleResize = (event) => {
   send([
-    /* Layout.handleResize */ 1111,
+    /* Layout.handleResize */ 'Layout.handleResize',
     /* bounds */ getBounds(),
   ]);
 };
 
+const getSashId = ($Target) => {
+  console.log({ $Target });
+  if ($Target.id === 'SashPanel') {
+    return 'Panel'
+  }
+  if ($Target.id === 'SashSideBar') {
+    return 'SideBar'
+  }
+  return ''
+};
+
 const handleSashPointerMove = (event) => {
-  // console.log({ event })
   const x = event.clientX;
-  console.log({ x });
-  send([/* Layout.handleSashSideBarMove */ 1112, /* x */ x]);
+  const y = event.clientY;
+  send([
+    /* Layout.handleSashPointerMove */ 'Layout.handleSashPointerMove',
+    /* x */ x,
+    /* y */ y,
+  ]);
 };
 
 const handleSashPointerUp = () => {
@@ -725,7 +685,7 @@ const handleSashPointerUp = () => {
   $Style.remove();
 };
 
-const handleSashPointerDown = () => {
+const handleSashPointerDown = (event) => {
   // TODO maybe add a class to body instead?
   const $Style = document.createElement('style');
   $Style.id = 'SashStyle';
@@ -742,9 +702,15 @@ const handleSashPointerDown = () => {
   document.head.append($Style);
   window.addEventListener('pointermove', handleSashPointerMove);
   window.addEventListener('pointerup', handleSashPointerUp);
+  const $Target = event.target;
+  const id = getSashId($Target);
+  send([
+    /* Layout.handleSashPointerDown */ 'Layout.handleSashPointerDown',
+    /* id */ id,
+  ]);
 };
 
-const hydrate$2 = (points) => {
+const show = (points) => {
   const $ActivityBar = document.createElement('div');
   $ActivityBar.id = 'ActivityBar';
 
@@ -766,10 +732,12 @@ const hydrate$2 = (points) => {
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashSideBar = document.createElement('div');
   $SashSideBar.className = 'SashVertical';
+  $SashSideBar.id = 'SashSideBar';
 
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashPanel = document.createElement('div');
   $SashPanel.className = 'SashHorizontal';
+  $SashPanel.id = 'SashPanel';
 
   const $Workbench = document.createElement('div');
   $Workbench.id = 'Workbench';
@@ -799,6 +767,7 @@ const hydrate$2 = (points) => {
   document.body.append($Workbench);
   window.addEventListener('resize', handleResize, { passive: true });
   $SashSideBar.addEventListener('pointerdown', handleSashPointerDown);
+  $SashPanel.addEventListener('pointerdown', handleSashPointerDown);
 };
 
 const hide$1 = () => {
@@ -807,7 +776,7 @@ const hide$1 = () => {
 };
 
 const __initialize__$7 = () => {
-  register$1(1100, update);
+  register$1('Layout.update', update);
   // Command.register(1101, Layout.hideSideBar)
   // Command.register(1102, Layout.toggleSideBar)
   // Command.register(1103, Layout.showPanel)
@@ -816,9 +785,9 @@ const __initialize__$7 = () => {
   // Command.register(1106, Layout.showActivityBar)
   // Command.register(1107, Layout.hideActivityBar)
   // Command.register(1108, Layout.toggleActivityBar)
-  register$1(1109, hydrate$2);
-  register$1(1110, hide$1);
-  register$1(1111, getBounds);
+  register$1('Layout.show', show);
+  register$1('Layout.hide', hide$1);
+  register$1('Layout.getBounds', getBounds);
 };
 
 var M2 = {
@@ -1473,7 +1442,7 @@ const handleContextMenu$2 = (event) => {
   const x = event.clientX;
   const y = event.clientY;
   send([
-    /* ContextMenu.show */ 951,
+    /* ContextMenu.show */ 'ContextMenu.show',
     /* x */ x,
     /* y */ y,
     /* id */ 'editor',
@@ -1487,14 +1456,17 @@ const handleFocus = (event) => {
 const handleBlur$1 = (event) => {
   // needed for save on blur
   // also needed to close completions on blur
-  send([/* EditorBlur.editorBlur */ 370]);
+  send([/* EditorBlur.editorBlur */ 'Editor.blur']);
 };
 
 const handleBeforeInput = (event) => {
   event.preventDefault();
   switch (event.inputType) {
     case 'insertText':
-      send([/* Editor.type */ 345, /* text */ event.data]);
+      send([
+        /* Editor.type */ 'Editor.type',
+        /* text */ event.data,
+      ]);
       break
   }
   // if (!event.data) {
@@ -1511,25 +1483,28 @@ const handleBeforeInput = (event) => {
 
 const handleCompositionStart = (event) => {
   send([
-    /* Editor.compositionStart */ 411,
+    /* Editor.compositionStart */ 'Editor.compositionStart',
     /* text */ event.data,
   ]);
 };
 
 const handleCompositionUpdate = (event) => {
   send([
-    /* Editor.compositionUpdate */ 412,
+    /* Editor.compositionUpdate */ 'Editor.compositionUpdate',
     /* text */ event.data,
   ]);
 };
 
 const handleCompositionEnd = (event) => {
-  send([/* Editor.compositionEnd */ 413, /* text */ event.data]);
+  send([
+    /* Editor.compositionEnd */ 'Editor.compositionEnd',
+    /* text */ event.data,
+  ]);
 };
 
 const handleCut = (event) => {
   event.preventDefault();
-  send([/* Editor.cut */ 364]);
+  send([/* Editor.cut */ 'Editor.cut']);
 };
 
 const handleSelectionMove = (event) => {
@@ -1538,14 +1513,14 @@ const handleSelectionMove = (event) => {
   const totalOffset = getTotalOffset(event);
   if (event.altKey) {
     send([
-      /* Editor.moveRectangleSelectionPx */ 387,
+      /* Editor.moveRectangleSelectionPx */ 'Editor.moveRectangleSelectionPx',
       /* x */ x,
       /* y */ y,
       /* offset */ totalOffset,
     ]);
   } else {
     send([
-      /* Editor.moveSelectionPx */ 386,
+      /* Editor.moveSelectionPx */ 'Editor.moveSelectionPx',
       /* x */ x,
       /* y */ y,
       /* offset */ totalOffset,
@@ -1571,7 +1546,7 @@ const getModifier$1 = (event) => {
 const handleSingleClick = (event, x, y, offset) => {
   const modifier = getModifier$1(event);
   send([
-    /* Editor.handleSingleClick */ 360,
+    /* Editor.handleSingleClick */ 'Editor.handleSingleClick',
     /* modifier */ modifier,
     /* x */ x,
     /* y */ y,
@@ -1596,7 +1571,7 @@ const handleDoubleClick = (event, x, y, offset) => {
 
 const handleTripleClick = (event, x, y, offset) => {
   send([
-    /* Editor.handleTripleClick */ 376,
+    /* Editor.handleTripleClick */ 'Editor.handleTripleClick',
     /* x */ x,
     /* y */ y,
     /* offset */ offset,
@@ -1679,7 +1654,7 @@ const handleMouseMove$1 = (event) => {
   if (event.altKey) {
     const offset = getTotalOffset(event);
     send([
-      /* Editor.handleMouseMoveWithAltKey */ 415,
+      /* Editor.handleMouseMoveWithAltKey */ 'Editor.handleMouseMoveWithAltKey',
       /* x */ x,
       /* y */ y,
       /* offset */ offset,
@@ -1712,12 +1687,15 @@ const handleWheel = (event) => {
 const handlePaste = (event) => {
   event.preventDefault();
   const text = event.clipboardData.getData('text');
-  send([/* Editor.paste */ 382, /* text */ text]);
+  send([/* Editor.paste */ 'Editor.paste', /* text */ text]);
 };
 
 const handleScrollBarThumbMouseMove = (event) => {
   const y = event.clientY;
-  send([/* Editor.handleScrollBarMouseMove */ 399, /* y */ y]);
+  send([
+    /* Editor.handleScrollBarMouseMove */ 'Editor.handleScrollBarMouseMove',
+    /* y */ y,
+  ]);
 };
 
 const handleScrollBarThumbMouseUp = () => {
@@ -1733,7 +1711,7 @@ const handleScrollBarThumbMouseDown = (event) => {
 const handleScrollBarMouseDown = (event) => {
   const y = event.clientY;
   send([
-    /* EditorHandleScrollBarClick.editorHandleScrollBarClick */ 400,
+    /* EditorHandleScrollBarClick.editorHandleScrollBarClick */ 'Editor.handleScrollBarClick',
     /* y */ y,
   ]);
 };
@@ -1761,7 +1739,7 @@ const toSimpleTouchEvent = (event) => {
 const handleTouchStart = (event) => {
   const touchEvent = toSimpleTouchEvent(event);
   send([
-    /* EditorHandleTouchStart.editorHandleTouchStart */ 404,
+    /* EditorHandleTouchStart.editorHandleTouchStart */ 'Editor.handleTouchStart',
     /* touchEvent */ touchEvent,
   ]);
 };
@@ -1769,7 +1747,7 @@ const handleTouchStart = (event) => {
 const handleTouchMove = (event) => {
   const touchEvent = toSimpleTouchEvent(event);
   send([
-    /* EditorHandleTouchMove.editorHandleTouchMove */ 405,
+    /* EditorHandleTouchMove.editorHandleTouchMove */ 'Editor.handleTouchMove',
     /* touchEvent */ touchEvent,
   ]);
 };
@@ -1780,7 +1758,7 @@ const handleTouchEnd = (event) => {
   }
   const touchEvent = toSimpleTouchEvent(event);
   send([
-    /* EditorHandleTouchEnd.editorHandleTouchEnd */ 406,
+    /* EditorHandleTouchEnd.editorHandleTouchEnd */ 'Editor.handleTouchEnd',
     /* touchEvent */ touchEvent,
   ]);
 };
@@ -1840,7 +1818,7 @@ const handleContentEditableBeforeInput = (event) => {
     return
   }
   send([
-    /* EditorHandleBeforeInputFromContentEditable.editorHandleBeforeInputFromContentEditable */ 407,
+    /* EditorHandleBeforeInputFromContentEditable.editorHandleBeforeInputFromContentEditable */ 'Editor.handleBeforeInputFromContentEditable',
     /* data */ event.data || '',
     /* range */ range,
   ]);
@@ -1858,7 +1836,7 @@ const handleNativeSelectionChange = (event) => {
     return
   }
   send([
-    /* EditorHandleNativeSelectionChange.editorHandleNativeSelectionChange */ 408,
+    /* EditorHandleNativeSelectionChange.editorHandleNativeSelectionChange */ 'Editor.handleNativeSelectionChange',
     /* range */ range,
   ]);
 };
@@ -2254,15 +2232,15 @@ const appendViewlet = (parentId, childId, focus) => {
 };
 
 const __initialize__$6 = () => {
-  register$1(3022, refresh);
-  register$1(3024, invoke);
-  register$1(3027, focus$2);
-  register$1(3026, dispose$2);
-  // Command.register(3028, Viewlet.hydrate)
-  register$1(3029, appendViewlet);
-  register$1(3030, load);
-  register$1(3031, handleError);
-  register$1(3032, sendMultiple);
+  register$1('Viewlet.refresh', refresh);
+  register$1('Viewlet.invoke', invoke);
+  register$1('Viewlet.send', invoke);
+  register$1('Viewlet.focus', focus$2);
+  register$1('Viewlet.dispose', dispose$2);
+  register$1('Viewlet.appendViewlet', appendViewlet);
+  register$1('Viewlet.load', load);
+  register$1('Viewlet.handleError', handleError);
+  register$1('Viewlet.sendMultiple', sendMultiple);
 };
 
 var M6 = {
@@ -2354,23 +2332,13 @@ const handleMatchingKeyBinding = (matchingKeyBinding) => {
   // better directly
   // TODO always should be number
   // when launching keybindings -> map string command to number
-  if (typeof matchingKeyBinding.command === 'number') {
-    if (matchingKeyBinding.command === -1) {
-      console.warn('keybinding not fully specified', matchingKeyBinding);
-      return
-    }
-    send([
-      /* command */ matchingKeyBinding.command,
-      // TODO should args always be defined? (probably yes -> monomorphism & simpler code since all objects are the same)
-      ...(matchingKeyBinding.args || []),
-    ]);
-  } else if (typeof matchingKeyBinding.command === 'string') {
-    // TODO matchingKeyBinding.command should always be number
-    send([
-      /* KeyBindings.handleKeyBinding */ 1422,
-      /* keyBinding */ matchingKeyBinding,
-    ]);
-  }
+  // TODO should args always be defined? (probably yes -> monomorphism & simpler code since all objects are the same)
+
+  // TODO matchingKeyBinding.command should always be number
+  send([
+    /* KeyBindings.handleKeyBinding */ 'KeyBindings.handleKeyBinding',
+    /* keyBinding */ matchingKeyBinding,
+  ]);
 };
 
 const handleKeyDown$2 = (event) => {
@@ -2426,7 +2394,7 @@ const lookupKeyBinding = (commandId) => {
 };
 
 const __initialize__$5 = () => {
-  register$1(755, hydrate$1);
+  register$1('KeyBindings.hydrate', hydrate$1);
   // Command.register(756, KeyBindings.setKeyBindings)
 };
 
@@ -2541,9 +2509,9 @@ const clear = () => {
 };
 
 const __initialize__$4 = () => {
-  register$1(8986, clear);
-  register$1(8987, getItem);
-  register$1(8988, setItem);
+  register$1('LocalStorage.clear', clear);
+  register$1('LocalStorage.getItem', getItem);
+  register$1('LocalStorage.setItem', setItem);
 };
 
 var M15 = {
@@ -2598,8 +2566,8 @@ const uninstall = async () => {
 };
 
 const __initialize__$2 = () => {
-  register$1(43725, register);
-  register$1(43726, uninstall);
+  register$1('ServiceWorker.register', register);
+  register$1('ServiceWorker.uninstall', uninstall);
 };
 
 var M22 = {
@@ -2621,7 +2589,7 @@ const setPathName = (pathName) => {
 };
 
 const handlePopState = (event) => {
-  send([/* Workspace.hydrate */ 7634]);
+  send([/* Workspace.hydrate */ 'Workspace.hydrate']);
 };
 
 const hydrate = () => {
@@ -2629,9 +2597,9 @@ const hydrate = () => {
 };
 
 const __initialize__$1 = () => {
-  register$1(5611, getPathName);
-  register$1(5612, setPathName);
-  register$1(5613, hydrate);
+  register$1('Location.getPathName', getPathName);
+  register$1('Location.setPathName', setPathName);
+  register$1('Location.hydrate', hydrate);
 };
 
 var M26 = {
@@ -2779,7 +2747,7 @@ const handleMouseDown = (event) => {
   event.preventDefault();
   const level = getLevel($Menu);
   send([
-    /* Menu.handleClick */ 7403,
+    /* Menu.handleClick */ 'Menu.selectIndex',
     /* level */ level,
     /* index */ index,
   ]);
@@ -2804,7 +2772,7 @@ const handleMouseEnter$1 = (event) => {
   const level = getLevel($Menu);
   console.log('focus index mouse', index);
   send([
-    /* Menu.focusIndexMouse */ 7409,
+    /* Menu.handleMouseEnter */ 'Menu.handleMouseEnter',
     /* level */ level,
     /* index */ index,
     /* x */ x,
@@ -3116,7 +3084,7 @@ const handleMousedown = (event) => {
   const x = event.clientX;
   const y = event.clientY;
   send([
-    /* ActivityBar.handleClick */ 8001,
+    /* ActivityBar.handleClick */ 'ActivityBar.handleClick',
     /* index */ index,
     /* x */ x,
     /* y */ y,
@@ -3129,7 +3097,7 @@ const handleContextMenu = (event) => {
   const x = event.clientX;
   const y = event.clientY;
   send([
-    /* activityBarHandleContextMenu */ 8002,
+    /* activityBarHandleContextMenu */ 'ActivityBar.handleContextMenu',
     /* x */ x,
     /* y */ y,
   ]);
@@ -3196,10 +3164,12 @@ const setFocusedIndex = (state, oldIndex, newIndex) => {
   if (oldIndex !== -1) {
     const $OldItem = $ActivityBar.children[oldIndex];
     $OldItem.tabIndex = -1;
+    $OldItem.classList.remove('FocusOutline');
   }
   if (newIndex !== -1) {
     const $NewItem = $ActivityBar.children[newIndex];
     $NewItem.tabIndex = 0;
+    $NewItem.classList.add('FocusOutline');
     focus$Item($NewItem);
   }
 };
@@ -3437,7 +3407,10 @@ const handleClick = (event) => {
     return
   }
   // event.preventDefault()
-  send([/* TitleBarMenu.handleClick */ 4610, /* index */ index]);
+  send([
+    /* TitleBarMenu.toggleIndex */ 'TitleBarMenuBar.toggleIndex',
+    /* index */ index,
+  ]);
 };
 
 const focusIndex = (state, unFocusIndex, index) => {
@@ -3463,7 +3436,7 @@ const handleMouseEnter = (event) => {
   const enterX = event.clientX;
   const enterY = event.clientY;
   send([
-    /* TitleBarMenu.focusIndex */ 4613,
+    /* TitleBarMenu.focusIndex */ 'TitleBarMenuBar.focusIndex',
     /* index */ index,
     /* enterX */ enterX,
     /* enterY */ enterY,
@@ -3546,50 +3519,68 @@ const handleKeyDown = (event) => {
     case 'ArrowDown':
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeyArrowDown */ 4618]);
+      send([
+        /* TitleBarMenu.handleKeyArrowDown */ 'TitleBarMenu.handleKeyArrowDown',
+      ]);
       break
     case 'ArrowUp':
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeyArrowUp */ 4619]);
+      send([
+        /* TitleBarMenu.handleKeyArrowUp */ 'TitleBarMenu.handleKeyArrowUp',
+      ]);
       break
     case 'ArrowRight':
       console.log('arrow right');
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeyArrowRight */ 4620]);
+      send([
+        /* TitleBarMenu.handleKeyArrowRight */ 'TitleBarMenu.handleKeyArrowRight',
+      ]);
       break
     case 'ArrowLeft':
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeyArrowLeft */ 4626]);
+      send([
+        /* TitleBarMenu.handleKeyArrowLeft */ 'TitleBarMenu.handleKeyArrowLeft',
+      ]);
       break
     case 'Enter':
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeyEnter */ 4624]);
+      send([
+        /* TitleBarMenu.handleKeyEnter */ 'TitleBarMenu.handleKeyEnter',
+      ]);
       break
     case ' ':
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeySpace */ 4623]);
+      send([
+        /* TitleBarMenu.handleKeySpace */ 'TitleBarMenu.handleKeySpace',
+      ]);
       break
     case 'Home':
     case 'PageUp':
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeyHome */ 4621]);
+      send([
+        /* TitleBarMenu.handleKeyHome */ 'TitleBarMenu.handleKeyHome',
+      ]);
       break
     case 'End':
     case 'PageDown':
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeyEnd */ 4622]);
+      send([
+        /* TitleBarMenu.handleKeyEnd */ 'TitleBarMenu.handleKeyEnd',
+      ]);
       break
     case 'Escape':
       event.preventDefault();
       event.stopPropagation();
-      send([/* TitleBarMenu.handleKeyEscape */ 4625]);
+      send([
+        /* TitleBarMenu.handleKeyEscape */ 'TitleBarMenu.handleKeyEscape',
+      ]);
       break
   }
 };
@@ -3608,7 +3599,7 @@ const handleFocusOut = (event) => {
     return
   }
   send([
-    /* TitleBarMenu.closeMenu */ 4616,
+    /* TitleBarMenu.closeMenu */ 'TitleBarMenuBar.closeMenu',
     /* keepFocus */ false,
   ]);
 };
@@ -3690,12 +3681,12 @@ const setTitle = (title) => {
 };
 
 const __initialize__ = () => {
-  register$1(8080, reload);
-  register$1(8081, minimize);
-  register$1(8082, maximize);
-  register$1(8083, unmaximize);
-  register$1(8084, close);
-  register$1(8085, setTitle);
+  register$1('Window.reload', reload);
+  register$1('Window.minimize', minimize);
+  register$1('Window.maximize', maximize);
+  register$1('Window.unmaximize', unmaximize);
+  register$1('Window.close', close);
+  register$1('Window.setTitle', setTitle);
 };
 
 var M30 = {
@@ -3748,7 +3739,7 @@ const main = async () => {
 
   // ColorTheme.set(`* {color: red}`)
   // TODO this is discovered very late
-  await hydrate$3();
+  await hydrate$2();
 
   // if ('serviceWorker' in navigator) {
   //   await navigator.serviceWorker.register('/serviceWorker.js', {