@lvce-editor/renderer-process 20.0.0 → 20.2.0

package/dist/rendererProcessMain.js

@@ -123,7 +123,7 @@ const prompt$1 = message => {
 const state$9 = {
   styleSheets: Object.create(null)
 };
-const set$a = (id, sheet) => {
+const set$9 = (id, sheet) => {
   state$9.styleSheets[id] = sheet;
 };
 const get$a = id => {
@@ -137,7 +137,7 @@ const addCssStyleSheet = async (id, text) => {
     return;
   }
   const sheet = new CSSStyleSheet({});
-  set$a(id, sheet);
+  set$9(id, sheet);
   await sheet.replace(text);
   document.adoptedStyleSheets.push(sheet);
 };
@@ -294,8 +294,44 @@ const VirtualDomElements = {
   Text: Text$1};
 const getElementTag$1 = type => {
   switch (type) {
+    case A:
+      return A$1;
+    case Article:
+      return Article$1;
+    case Aside:
+      return Aside$1;
     case Audio$2:
       return Audio$1$1;
+    case Br:
+      return Br$1;
+    case Button:
+      return Button$1;
+    case Cite:
+      return Cite$1;
+    case Code$2:
+      return Code$1;
+    case Col:
+      return Col$1;
+    case ColGroup:
+      return ColGroup$1;
+    case Data:
+      return Data$1;
+    case Dd:
+      return Dd$1;
+    case Del:
+      return Del$1;
+    case Div:
+      return Div$1;
+    case Dl:
+      return Dl$1;
+    case Dt:
+      return Dt$1;
+    case Figcaption:
+      return Figcaption$1;
+    case Figure:
+      return Figure$1;
+    case Footer:
+      return Footer$1;
     case H1:
       return H1$1;
     case H2:
@@ -308,100 +344,64 @@ const getElementTag$1 = type => {
       return H5$1;
     case H6:
       return H6$1;
-    case Div:
-      return Div$1;
-    case Kbd:
-      return Kbd$1;
-    case Table:
-      return Table$1;
-    case TBody:
-      return TBody$1;
-    case Th:
-      return Th$1;
-    case Td:
-      return Td$1;
-    case THead:
-      return THead$1;
-    case Tr:
-      return Tr$1;
-    case Input:
-      return Input$1;
-    case ColGroup:
-      return ColGroup$1;
-    case Col:
-      return Col$1;
-    case Button:
-      return Button$1;
-    case Span:
-      return Span$1;
+    case Header:
+      return Header$1;
+    case Hr:
+      return Hr$1;
     case I:
       return I$1;
     case Img:
       return Img$1;
+    case Input:
+      return Input$1;
     case Ins:
       return Ins$1;
-    case Del:
-      return Del$1;
-    case Article:
-      return Article$1;
-    case Aside:
-      return Aside$1;
-    case Footer:
-      return Footer$1;
-    case Header:
-      return Header$1;
-    case Nav:
-      return Nav$1;
-    case Section:
-      return Section$1;
-    case Search:
-      return Search$1;
-    case Dd:
-      return Dd$1;
-    case Dl:
-      return Dl$1;
-    case Figcaption:
-      return Figcaption$1;
-    case Figure:
-      return Figure$1;
-    case Hr:
-      return Hr$1;
+    case Kbd:
+      return Kbd$1;
+    case Label:
+      return Label$1;
     case Li:
       return Li$1;
+    case Nav:
+      return Nav$1;
     case Ol:
       return Ol$1;
+    case Option:
+      return Option$1;
     case P:
       return P$1;
     case Pre:
       return Pre$1;
-    case A:
-      return A$1;
-    case Br:
-      return Br$1;
-    case Cite:
-      return Cite$1;
-    case Data:
-      return Data$1;
-    case Time:
-      return Time$1;
+    case Search:
+      return Search$1;
+    case Section:
+      return Section$1;
+    case Select:
+      return Select$1;
+    case Span:
+      return Span$1;
+    case Table:
+      return Table$1;
+    case TBody:
+      return TBody$1;
+    case Td:
+      return Td$1;
+    case TextArea:
+      return TextArea$1;
     case Tfoot:
       return Tfoot$1;
+    case Th:
+      return Th$1;
+    case THead:
+      return THead$1;
+    case Time:
+      return Time$1;
+    case Tr:
+      return Tr$1;
     case Ul:
       return Ul$1;
     case Video$2:
       return Video$1;
-    case TextArea:
-      return TextArea$1;
-    case Select:
-      return Select$1;
-    case Option:
-      return Option$1;
-    case Code$2:
-      return Code$1;
-    case Label:
-      return Label$1;
-    case Dt:
-      return Dt$1;
     default:
       throw new Error(`element tag not found ${type}`);
   }
@@ -450,8 +450,8 @@ const getComponentUid = $Element => {
 };
 const getComponentUidFromEvent = event => {
   const {
-    target,
-    currentTarget
+    currentTarget,
+    target
   } = event;
   return getComponentUid(currentTarget || target);
 };
@@ -468,7 +468,7 @@ const cache$1 = new Map();
 const has$1 = listener => {
   return cache$1.has(listener);
 };
-const set$9 = (listener, value) => {
+const set$8 = (listener, value) => {
   cache$1.set(listener, value);
 };
 const get$9 = listener => {
@@ -495,7 +495,7 @@ const getWrappedListener$1 = (listener, returnValue) => {
       ipc.send('Viewlet.executeViewletCommand', uid, ...result);
     };
     nameAnonymousFunction$1(wrapped, listener.name);
-    set$9(listener, wrapped);
+    set$8(listener, wrapped);
   }
   return get$9(listener);
 };
@@ -527,34 +527,18 @@ const attachEvent$1 = ($Node, eventMap, key, value, newEventMap) => {
 };
 const setProp = ($Element, key, value, eventMap, newEventMap) => {
   switch (key) {
-    case 'maskImage':
-      $Element.style.maskImage = `url('${value}')`;
-      $Element.style.webkitMaskImage = `url('${value}')`;
-      break;
-    case 'paddingLeft':
-    case 'paddingRight':
-    case 'top':
-    case 'left':
-    case 'marginTop':
-      $Element.style[key] = typeof value === 'number' ? `${value}px` : value;
-      break;
-    case 'translate':
-      $Element.style[key] = value;
-      break;
-    case 'width':
-    case 'height':
-      if ($Element instanceof HTMLImageElement) {
-        $Element[key] = value;
-      } else if (typeof value === 'number') {
-        $Element.style[key] = `${value}px`;
+    case 'ariaActivedescendant':
+      if (value) {
+        $Element.setAttribute('aria-activedescendant', value);
       } else {
-        $Element.style[key] = value;
+        $Element.removeAttribute('aria-activedescendant');
       }
       break;
-    case 'style':
-      throw new Error('style property is not supported');
-    case 'childCount':
-    case 'type':
+    case 'ariaControls':
+      $Element.setAttribute('aria-controls', value);
+      break;
+    case 'ariaLabelledBy':
+      $Element.setAttribute('aria-labelledby', value);
       break;
     case 'ariaOwns':
       // TODO remove this once idl is supported
@@ -564,22 +548,37 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
         $Element.removeAttribute('aria-owns');
       }
       break;
-    case 'ariaActivedescendant':
-      if (value) {
-        $Element.setAttribute('aria-activedescendant', value);
+    case 'height':
+    case 'width':
+      if ($Element instanceof HTMLImageElement) {
+        $Element[key] = value;
+      } else if (typeof value === 'number') {
+        $Element.style[key] = `${value}px`;
       } else {
-        $Element.removeAttribute('aria-activedescendant');
+        $Element.style[key] = value;
       }
       break;
-    case 'ariaControls':
-      $Element.setAttribute('aria-controls', value);
+    case 'id':
+      if (value) {
+        $Element[key] = value;
+      } else {
+        $Element.removeAttribute(key);
+      }
       break;
     case 'inputType':
       // @ts-ignore
       $Element.type = value;
       break;
-    case 'ariaLabelledBy':
-      $Element.setAttribute('aria-labelledby', value);
+    case 'left':
+    case 'marginTop':
+    case 'paddingLeft':
+    case 'paddingRight':
+    case 'top':
+      $Element.style[key] = typeof value === 'number' ? `${value}px` : value;
+      break;
+    case 'maskImage':
+      $Element.style.maskImage = `url('${value}')`;
+      $Element.style.webkitMaskImage = `url('${value}')`;
       break;
     case 'onBlur':
     case 'onChange':
@@ -613,12 +612,13 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
       }
       attachEvent$1($Element, eventMap, eventName, value, newEventMap);
       break;
-    case 'id':
-      if (value) {
-        $Element[key] = value;
-      } else {
-        $Element.removeAttribute(key);
-      }
+    case 'style':
+      throw new Error('style property is not supported');
+    case 'childCount':
+    case 'type':
+      break;
+    case 'translate':
+      $Element.style[key] = value;
       break;
     default:
       if (key.startsWith('data-')) {
@@ -696,30 +696,30 @@ const applyPatch = ($Element, patches) => {
   let $Current = $Element;
   for (const patch of patches) {
     switch (patch.type) {
-      case SetAttribute:
-        setAttribute($Current, patch.key, patch.value);
-        break;
-      case RemoveAttribute:
-        removeAttribute($Current, patch.key);
-        break;
-      case SetText:
-        setText$3($Current, patch.value);
-        break;
-      case RemoveChild:
-        removeChild($Current, patch.index);
-        break;
       case Add:
         add$1($Current, patch.nodes);
         break;
-      case NavigateSibling:
-        $Current = $Current.parentNode.childNodes[patch.index];
-        break;
       case NavigateChild:
         $Current = $Current.childNodes[patch.index];
         break;
       case NavigateParent:
         $Current = $Current.parentNode;
         break;
+      case NavigateSibling:
+        $Current = $Current.parentNode.childNodes[patch.index];
+        break;
+      case RemoveAttribute:
+        removeAttribute($Current, patch.key);
+        break;
+      case RemoveChild:
+        removeChild($Current, patch.index);
+        break;
+      case SetAttribute:
+        setAttribute($Current, patch.key, patch.value);
+        break;
+      case SetText:
+        setText$3($Current, patch.value);
+        break;
     }
   }
 };
@@ -730,6 +730,9 @@ const setDragInfo = (id, data) => {
 const getDragInfo = id => {
   return dragInfos[id];
 };
+const isDragInfoOld = data => {
+  return Array.isArray(data);
+};
 let id$1 = 0;
 const create$G = () => {
   return ++id$1;
@@ -767,8 +770,8 @@ const setDragImage = (dataTransfer, label) => {
 };
 const applyDragInfoMaybe = event => {
   const {
-    target,
-    dataTransfer
+    dataTransfer,
+    target
   } = event;
   if (dataTransfer) {
     const uid = getComponentUid(target);
@@ -776,11 +779,17 @@ const applyDragInfoMaybe = event => {
     if (!dragInfo) {
       return;
     }
-    for (const item of dragInfo) {
-      dataTransfer.setData(item.type, item.data);
-    }
-    if (dragInfo.label) {
-      setDragImage(dataTransfer, dragInfo.label);
+    if (isDragInfoOld(dragInfo)) {
+      for (const item of dragInfo) {
+        dataTransfer.setData(item.type, item.data);
+      }
+    } else {
+      for (const item of dragInfo.items) {
+        dataTransfer.items.add(item.data, item.data);
+      }
+      if (dragInfo.label) {
+        setDragImage(dataTransfer, dragInfo.label);
+      }
     }
   }
 };
@@ -804,66 +813,66 @@ const handleDataTransferFiles = event => {
 };
 const getEventListenerArg = (param, event) => {
   switch (param) {
-    case 'event.dataTransfer.files2':
-      return handleDataTransferFiles(event);
+    case 'event.altKey':
+      return event.altKey;
+    case 'event.button':
+      return event.button;
     case 'event.clientX':
       return event.clientX;
-    case 'event.x':
-      return event.x;
     case 'event.clientY':
       return event.clientY;
-    case 'event.y':
-      return event.y;
-    case 'event.button':
-      return event.button;
-    case 'event.target.value':
-      return event.target.value;
-    case 'event.isTrusted':
-      return event.isTrusted;
-    case 'event.dataTransfer.files':
-      return event.dataTransfer.files;
-    case 'event.target.className':
-      return event.target.className;
+    case 'event.ctrlKey':
+      return event.ctrlKey;
     case 'event.data':
       return event.data;
+    case 'event.dataTransfer.files':
+      return event.dataTransfer.files;
+    case 'event.dataTransfer.files2':
+      return handleDataTransferFiles(event);
+    case 'event.defaultPrevented':
+      return event.defaultPrevented;
     case 'event.deltaMode':
       return event.deltaMode;
     case 'event.deltaX':
       return event.deltaX;
     case 'event.deltaY':
       return event.deltaY;
-    case 'event.target.scrollTop':
-      return event.target.scrollTop;
     case 'event.detail':
       return event.detail;
-    case 'event.target.name':
-      return event.target.name || '';
-    case 'event.target.href':
-      return event.target.href;
-    case 'event.target.src':
-      return event.target.src;
-    case 'event.altKey':
-      return event.altKey;
+    case 'event.inputType':
+      return event.inputType;
+    case 'event.isTrusted':
+      return event.isTrusted;
     case 'event.key':
       return event.key;
-    case 'event.ctrlKey':
-      return event.ctrlKey;
     case 'event.shiftKey':
       return event.shiftKey;
-    case 'event.inputType':
-      return event.inputType;
-    case 'event.defaultPrevented':
-      return event.defaultPrevented;
-    case 'event.target.dataset.name':
-      return event.target.dataset.name;
+    case 'event.target.className':
+      return event.target.className;
     case 'event.target.dataset.index':
       return event.target.dataset.index;
+    case 'event.target.dataset.name':
+      return event.target.dataset.name;
+    case 'event.target.href':
+      return event.target.href;
+    case 'event.target.name':
+      return event.target.name || '';
     case 'event.target.nodeName':
       return event.target.nodeName;
-    case 'event.target.selectionStart':
-      return event.target.selectionStart;
+    case 'event.target.scrollTop':
+      return event.target.scrollTop;
     case 'event.target.selectionEnd':
       return event.target.selectionEnd;
+    case 'event.target.selectionStart':
+      return event.target.selectionStart;
+    case 'event.target.src':
+      return event.target.src;
+    case 'event.target.value':
+      return event.target.value;
+    case 'event.x':
+      return event.x;
+    case 'event.y':
+      return event.y;
     default:
       return param;
   }
@@ -898,8 +907,8 @@ const applyPointerTrackMaybe = (info, map, event) => {
     return;
   }
   const {
-    target,
-    pointerId
+    pointerId,
+    target
   } = event;
   target.setPointerCapture(pointerId);
   const [pointerMoveKey, pointerUpKey] = trackPointerEvents;
@@ -1093,9 +1102,9 @@ const getTitleBarHeight = () => {
 };
 const getBounds = () => {
   return {
-    windowWidth: window.innerWidth,
+    titleBarHeight: getTitleBarHeight(),
     windowHeight: window.innerHeight,
-    titleBarHeight: getTitleBarHeight()
+    windowWidth: window.innerWidth
   };
 };
 
@@ -1123,14 +1132,14 @@ const shouldLaunchMultipleWorkers = true;
 
 const getInitData = () => {
   const initData = {
-    Location: {
-      href: getHref()
+    Config: {
+      shouldLaunchMultipleWorkers: shouldLaunchMultipleWorkers
     },
     Layout: {
       bounds: getBounds()
     },
-    Config: {
-      shouldLaunchMultipleWorkers: shouldLaunchMultipleWorkers
+    Location: {
+      href: getHref()
     }
   };
   return initData;
@@ -1159,16 +1168,16 @@ const withResolvers = () => {
     _reject = reject;
   });
   return {
-    resolve: _resolve,
+    promise,
     reject: _reject,
-    promise
+    resolve: _resolve
   };
 };
 
 const getFirstEvent$1 = (eventTarget, eventMap) => {
   const {
-    resolve,
-    promise
+    promise,
+    resolve
   } = withResolvers();
   const listenerMap = Object.create(null);
   const cleanup = value => {
@@ -1180,8 +1189,8 @@ const getFirstEvent$1 = (eventTarget, eventMap) => {
   for (const [event, type] of Object.entries(eventMap)) {
     const listener = event => {
       cleanup({
-        type,
-        event
+        event,
+        type
       });
     };
     eventTarget.addEventListener(event, listener);
@@ -1197,8 +1206,8 @@ const getFirstEvent$1 = (eventTarget, eventMap) => {
  */
 const getFirstWorkerEvent$1 = worker => {
   return getFirstEvent$1(worker, {
-    message: Message$2,
-    error: Error$3
+    error: Error$3,
+    message: Message$2
   });
 };
 
@@ -1288,17 +1297,17 @@ const getWorkerDisplayName$1 = name => {
   return `${name} worker`;
 };
 const create$F = async ({
-  url,
-  name
+  name,
+  url
 }) => {
   const worker = new Worker(url, {
-    type: Module$1,
-    name
+    name,
+    type: Module$1
   });
   // @ts-expect-error
   const {
-    type,
-    event
+    event,
+    type
   } = await getFirstWorkerEvent$1(worker);
   switch (type) {
     case Message$2:
@@ -1620,8 +1629,8 @@ const getModuleNotFoundError = stderr => {
   const messageIndex = lines.findIndex(isModuleNotFoundMessage);
   const message = lines[messageIndex];
   return {
-    message,
-    code: ERR_MODULE_NOT_FOUND
+    code: ERR_MODULE_NOT_FOUND,
+    message
   };
 };
 const isModuleNotFoundError = stderr => {
@@ -1644,14 +1653,14 @@ const isUnhelpfulNativeModuleError = stderr => {
 const getNativeModuleErrorMessage = stderr => {
   const message = getMessageCodeBlock(stderr);
   return {
-    message: `Incompatible native node module: ${message}`,
-    code: E_INCOMPATIBLE_NATIVE_MODULE
+    code: E_INCOMPATIBLE_NATIVE_MODULE,
+    message: `Incompatible native node module: ${message}`
   };
 };
 const getModuleSyntaxError = () => {
   return {
-    message: `ES Modules are not supported in electron`,
-    code: E_MODULES_NOT_SUPPORTED_IN_ELECTRON
+    code: E_MODULES_NOT_SUPPORTED_IN_ELECTRON,
+    message: `ES Modules are not supported in electron`
   };
 };
 const getHelpfulChildProcessError = (stdout, stderr) => {
@@ -1670,8 +1679,8 @@ const getHelpfulChildProcessError = (stdout, stderr) => {
     rest
   } = getDetails$1(lines);
   return {
-    message: actualMessage,
     code: '',
+    message: actualMessage,
     stack: rest
   };
 };
@@ -1681,8 +1690,8 @@ class IpcError extends VError$1 {
     if (stdout || stderr) {
       // @ts-ignore
       const {
-        message,
         code,
+        message,
         stack
       } = getHelpfulChildProcessError(stdout, stderr);
       const cause = new Error(message);
@@ -1706,7 +1715,7 @@ const getData$2 = event => {
   return event.data;
 };
 const listen$9 = () => {
-  return window;
+  return globalThis;
 };
 const signal$a = global => {
   global.postMessage(readyMessage);
@@ -1736,7 +1745,7 @@ class IpcChildWithElectronWindow extends Ipc {
       const {
         ports
       } = event;
-      if (ports.length) {
+      if (ports.length > 0) {
         return;
       }
       callback(event);
@@ -1770,8 +1779,8 @@ const removeListener = (emitter, type, callback) => {
 };
 const getFirstEvent = (eventEmitter, eventMap) => {
   const {
-    resolve,
-    promise
+    promise,
+    resolve
   } = Promise.withResolvers();
   const listenerMap = Object.create(null);
   const cleanup = value => {
@@ -1783,8 +1792,8 @@ const getFirstEvent = (eventEmitter, eventMap) => {
   for (const [event, type] of Object.entries(eventMap)) {
     const listener = event => {
       cleanup({
-        type,
-        event
+        event,
+        type
       });
     };
     addListener(eventEmitter, event, listener);
@@ -1793,9 +1802,9 @@ const getFirstEvent = (eventEmitter, eventMap) => {
   return promise;
 };
 const Message$1 = 3;
-const create$5$2 = async ({
-  messagePort,
-  isMessagePortOpen
+const create$5$1 = async ({
+  isMessagePortOpen,
+  messagePort
 }) => {
   if (!isMessagePort(messagePort)) {
     throw new IpcError('port must be of type MessagePort');
@@ -1808,8 +1817,8 @@ const create$5$2 = async ({
   });
   messagePort.start();
   const {
-    type,
-    event
+    event,
+    type
   } = await eventPromise;
   if (type !== Message$1) {
     throw new IpcError('Failed to wait for ipc message');
@@ -1844,7 +1853,7 @@ const wrap$5 = messagePort => {
 };
 const IpcParentWithMessagePort$1 = {
   __proto__: null,
-  create: create$5$2,
+  create: create$5$1,
   signal: signal$1,
   wrap: wrap$5
 };
@@ -1852,8 +1861,8 @@ const Message = 'message';
 const Error$1$1 = 'error';
 const getFirstWorkerEvent = worker => {
   return getFirstEvent(worker, {
-    message: Message,
-    error: Error$1$1
+    error: Error$1$1,
+    message: Message
   });
 };
 const isErrorEvent = event => {
@@ -1886,17 +1895,17 @@ ${relevant}`;
   }
 }
 const Module = 'module';
-const create$4$3 = async ({
-  url,
-  name
+const create$4$2 = async ({
+  name,
+  url
 }) => {
   const worker = new Worker(url, {
-    type: Module,
-    name
+    name,
+    type: Module
   });
   const {
-    type,
-    event
+    event,
+    type
   } = await getFirstWorkerEvent(worker);
   switch (type) {
     case Message:
@@ -1948,60 +1957,18 @@ const wrap$4 = worker => {
 };
 const IpcParentWithModuleWorker$1 = {
   __proto__: null,
-  create: create$4$3,
+  create: create$4$2,
   wrap: wrap$4
 };
 
-const Two = '2.0';
-const create$4$2 = (method, params) => {
-  return {
-    jsonrpc: Two,
-    method,
-    params
-  };
-};
+const Two$1 = '2.0';
 const callbacks = Object.create(null);
-const set$8 = (id, fn) => {
-  callbacks[id] = fn;
-};
 const get$7 = id => {
   return callbacks[id];
 };
 const remove$3 = id => {
   delete callbacks[id];
 };
-let id = 0;
-const create$3$1 = () => {
-  return ++id;
-};
-const registerPromise = () => {
-  const id = create$3$1();
-  const {
-    resolve,
-    promise
-  } = Promise.withResolvers();
-  set$8(id, resolve);
-  return {
-    id,
-    promise
-  };
-};
-const create$2$1 = (method, params) => {
-  const {
-    id,
-    promise
-  } = registerPromise();
-  const message = {
-    jsonrpc: Two,
-    method,
-    params,
-    id
-  };
-  return {
-    message,
-    promise
-  };
-};
 class JsonRpcError extends Error {
   constructor(message) {
     super(message);
@@ -2197,7 +2164,7 @@ const getErrorProperty = (error, prettyError) => {
 };
 const create$1$1 = (id, error) => {
   return {
-    jsonrpc: Two,
+    jsonrpc: Two$1,
     id,
     error
   };
@@ -2210,7 +2177,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
 };
 const create$C = (message, result) => {
   return {
-    jsonrpc: Two,
+    jsonrpc: Two$1,
     id: message.id,
     result: result ?? null
   };
@@ -2221,7 +2188,7 @@ const getSuccessResponse = (message, result) => {
 };
 const getErrorResponseSimple = (id, error) => {
   return {
-    jsonrpc: Two,
+    jsonrpc: Two$1,
     id,
     error: {
       code: Custom,
@@ -2308,29 +2275,6 @@ const handleJsonRpcMessage = async (...args) => {
   }
   throw new JsonRpcError('unexpected message');
 };
-const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
-  const {
-    message,
-    promise
-  } = create$2$1(method, params);
-  if (useSendAndTransfer && ipc.sendAndTransfer) {
-    ipc.sendAndTransfer(message);
-  } else {
-    ipc.send(message);
-  }
-  const responseMessage = await promise;
-  return unwrapJsonRpcResult(responseMessage);
-};
-const send$1 = (transport, method, ...params) => {
-  const message = create$4$2(method, params);
-  transport.send(message);
-};
-const invoke$2 = (ipc, method, ...params) => {
-  return invokeHelper(ipc, method, params, false);
-};
-const invokeAndTransfer$1 = (ipc, method, ...params) => {
-  return invokeHelper(ipc, method, params, true);
-};
 
 class CommandNotFoundError extends Error {
   constructor(command) {
@@ -2350,27 +2294,90 @@ const execute = (command, ...args) => {
   if (!fn) {
     throw new CommandNotFoundError(command);
   }
-  return fn(...args);
+  return fn(...args);
+};
+
+const Two = '2.0';
+const create$s$1 = (method, params) => {
+  return {
+    jsonrpc: Two,
+    method,
+    params
+  };
+};
+const create$r$1 = (id, method, params) => {
+  const message = {
+    id,
+    jsonrpc: Two,
+    method,
+    params
+  };
+  return message;
+};
+let id = 0;
+const create$q$1 = () => {
+  return ++id;
+};
+
+/* eslint-disable n/no-unsupported-features/es-syntax */
+
+const registerPromise = map => {
+  const id = create$q$1();
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  map[id] = resolve;
+  return {
+    id,
+    promise
+  };
+};
+
+// @ts-ignore
+const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
+  const {
+    id,
+    promise
+  } = registerPromise(callbacks);
+  const message = create$r$1(id, method, params);
+  if (useSendAndTransfer && ipc.sendAndTransfer) {
+    ipc.sendAndTransfer(message);
+  } else {
+    ipc.send(message);
+  }
+  const responseMessage = await promise;
+  return unwrapJsonRpcResult(responseMessage);
 };
-
 const createRpc = ipc => {
+  const callbacks = Object.create(null);
+  ipc._resolve = (id, response) => {
+    const fn = callbacks[id];
+    if (!fn) {
+      console.warn(`callback ${id} may already be disposed`);
+      return;
+    }
+    fn(response);
+    delete callbacks[id];
+  };
   const rpc = {
+    async dispose() {
+      await ipc?.dispose();
+    },
+    invoke(method, ...params) {
+      return invokeHelper(callbacks, ipc, method, params, false);
+    },
+    invokeAndTransfer(method, ...params) {
+      return invokeHelper(callbacks, ipc, method, params, true);
+    },
     // @ts-ignore
     ipc,
     /**
      * @deprecated
      */
     send(method, ...params) {
-      send$1(ipc, method, ...params);
-    },
-    invoke(method, ...params) {
-      return invoke$2(ipc, method, ...params);
-    },
-    invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer$1(ipc, method, ...params);
-    },
-    async dispose() {
-      await ipc?.dispose();
+      const message = create$s$1(method, params);
+      ipc.send(message);
     }
   };
   return rpc;
@@ -2387,7 +2394,7 @@ const logError$1 = () => {
 const handleMessage = event => {
   const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
   const actualExecute = event?.target?.execute || execute;
-  return handleJsonRpcMessage(event.target, event.data, actualExecute, resolve, preparePrettyError, logError$1, actualRequiresSocket);
+  return handleJsonRpcMessage(event.target, event.data, actualExecute, event.target._resolve, preparePrettyError, logError$1, actualRequiresSocket);
 };
 const handleIpc = ipc => {
   if ('addEventListener' in ipc) {
@@ -2405,7 +2412,7 @@ const unhandleIpc = ipc => {
     ipc.onmessage = null;
   }
 };
-const create$g$1 = async ({
+const create$l$1 = async ({
   commandMap,
   window
 }) => {
@@ -2418,21 +2425,21 @@ const create$g$1 = async ({
 };
 const ElectronWindowRpcClient = {
   __proto__: null,
-  create: create$g$1
+  create: create$l$1
 };
 const isWorker = value => {
   return value instanceof Worker;
 };
-const create$c$1 = async ({
+const create$b$1 = async ({
   commandMap,
-  url,
-  name
+  name,
+  url
 }) => {
   // TODO create a commandMap per rpc instance
   register(commandMap);
   const worker = await IpcParentWithModuleWorker$1.create({
-    url,
-    name
+    name,
+    url
   });
   if (!isWorker(worker)) {
     throw new Error(`worker must be of type Worker`);
@@ -2444,19 +2451,19 @@ const create$c$1 = async ({
 };
 const ModuleWorkerRpcParent = {
   __proto__: null,
-  create: create$c$1
+  create: create$b$1
 };
-const create$b$1 = async ({
+const create$a$1 = async ({
   commandMap,
-  url,
+  name,
   port,
-  name
+  url
 }) => {
   // TODO create a commandMap per rpc instance
   register(commandMap);
   const worker = await IpcParentWithModuleWorker$1.create({
-    url,
-    name
+    name,
+    url
   });
   if (!isWorker(worker)) {
     throw new Error(`worker must be of type Worker`);
@@ -2470,17 +2477,18 @@ const create$b$1 = async ({
 };
 const ModuleWorkerWithMessagePortRpcParent = {
   __proto__: null,
-  create: create$b$1
+  create: create$a$1
 };
-const create$5$1 = async ({
+const create$4$1 = async ({
   commandMap,
+  isMessagePortOpen = true,
   messagePort
 }) => {
   // TODO create a commandMap per rpc instance
   register(commandMap);
   const rawIpc = await IpcParentWithMessagePort$1.create({
-    messagePort,
-    isMessagePortOpen: true
+    isMessagePortOpen,
+    messagePort
   });
   const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
   handleIpc(ipc);
@@ -2488,31 +2496,31 @@ const create$5$1 = async ({
   messagePort.start();
   return rpc;
 };
-const create$4$1 = async ({
+const create$3$1 = async ({
   commandMap,
   messagePort
 }) => {
-  return create$5$1({
+  return create$4$1({
     commandMap,
     messagePort
   });
 };
 const PlainMessagePortRpcParent = {
   __proto__: null,
-  create: create$4$1
+  create: create$3$1
 };
 
 // TODO add test
 const create$B = async ({
-  url,
   name,
-  port
+  port,
+  url
 }) => {
   await ModuleWorkerWithMessagePortRpcParent.create({
-    url,
-    name,
     commandMap: {},
-    port
+    name,
+    port,
+    url
   });
   return undefined;
 };
@@ -2553,8 +2561,8 @@ const isElectron = platform === Electron;
 
 // TODO use handleIncomingIpc function
 const create$A = async ({
-  port,
-  ipcId
+  ipcId,
+  port
 }) => {
   number(ipcId);
   if (!isElectron) {
@@ -2575,16 +2583,16 @@ const IpcParentWithElectron = {
 
 const getModule = method => {
   switch (method) {
-    case ModuleWorker:
-      return IpcParentWithModuleWorker$2;
+    case Electron$1:
+      return IpcParentWithElectron;
     case MessagePort$1:
       return IpcParentWithMessagePort$2;
-    case ReferencePort:
-      return IpcParentWithReferencePort;
+    case ModuleWorker:
+      return IpcParentWithModuleWorker$2;
     case ModuleWorkerWithMessagePort:
       return IpcParentWithModuleWorkerWithMessagePort;
-    case Electron$1:
-      return IpcParentWithElectron;
+    case ReferencePort:
+      return IpcParentWithReferencePort;
     default:
       throw new Error('unexpected ipc type');
   }
@@ -2611,9 +2619,9 @@ const launchWorker = async ({
   url
 }) => {
   const rpc = await ModuleWorkerRpcParent.create({
-    url,
+    commandMap: commandMapRef,
     name,
-    commandMap: commandMapRef
+    url
   });
   return rpc;
 };
@@ -2785,8 +2793,8 @@ const setThemeColor = color => {
 
 // TODO this file is not needed when all elements are position fixed
 const state$6 = {
-  widgetSet: new Set(),
-  $Widgets: undefined
+  $Widgets: undefined,
+  widgetSet: new Set()
 };
 const create$Widgets = () => {
   const $Widgets = document.createElement('div');
@@ -3102,13 +3110,13 @@ const FocusOutput = 28;
 // TODO keyboard handling
 
 const state$3 = {
-  handleKeyDown(event) {},
-  handleFocusOut(event) {},
   $$Menus: [],
+  $BackDrop: undefined,
+  anchorTime: -1,
   anchorX: 0,
   anchorY: 0,
-  anchorTime: -1,
-  $BackDrop: undefined
+  handleFocusOut(event) {},
+  handleKeyDown(event) {}
 };
 const getLevel = $Menu => {
   // @ts-expect-error
@@ -3157,9 +3165,9 @@ const handleMouseDown$4 = event => {
  */
 const handleMouseEnter = event => {
   const {
-    target,
     clientX,
     clientY,
+    target,
     timeStamp
   } = event;
   const $Menu = target.closest('.Menu');
@@ -3295,15 +3303,15 @@ const hideSubMenu = level => {
 
 // TODO support nested menus / submenus
 const showControlled = ({
-  x,
-  y,
-  items,
-  handleKeyDown,
-  handleFocusOut,
   $Parent,
+  handleFocusOut,
+  handleKeyDown,
+  height,
+  items,
   level,
   width,
-  height
+  x,
+  y
 }) => {
   // @ts-expect-error
   showMenu(x, y, width, height, items, level);
@@ -3466,12 +3474,12 @@ const start = async (id, options) => {
 
 const getEventClass = eventType => {
   switch (eventType) {
-    case Wheel:
-      return WheelEvent;
     case PointerDown:
-    case PointerUp:
     case PointerMove:
+    case PointerUp:
       return PointerEvent;
+    case Wheel:
+      return WheelEvent;
     default:
       return Event;
   }
@@ -3586,8 +3594,8 @@ const querySelector = selector => {
   throw new Error(`unsupported selector: ${selector}`);
 };
 const querySelectorWithOptions = (selector, {
-  nth = -1,
-  hasText = ''
+  hasText = '',
+  nth = -1
 } = {}) => {
   let elements = querySelector(selector);
   if (hasText) {
@@ -3628,18 +3636,18 @@ const performAction2 = async (locator, fnName, options) => {
 
 const toHaveText$1 = locator => {
   const element = querySelectorWithOptions(locator._selector, {
-    nth: locator._nth,
-    hasText: locator._hasText
+    hasText: locator._hasText,
+    nth: locator._nth
   });
   if (!element) {
     return {
-      wasFound: false,
-      actual: ''
+      actual: '',
+      wasFound: false
     };
   }
   return {
-    wasFound: true,
-    actual: element.textContent
+    actual: element.textContent,
+    wasFound: true
   };
 };
 const toHaveAttribute$1 = (locator, {
@@ -3647,19 +3655,19 @@ const toHaveAttribute$1 = (locator, {
   value
 }) => {
   const element = querySelectorWithOptions(locator._selector, {
-    nth: locator._nth,
-    hasText: locator._hasText
+    hasText: locator._hasText,
+    nth: locator._nth
   });
   if (!element) {
     return {
-      wasFound: false,
-      actual: ''
+      actual: '',
+      wasFound: false
     };
   }
   const actual = element.getAttribute(key);
   return {
-    wasFound: true,
-    actual
+    actual,
+    wasFound: true
   };
 };
 const toHaveCount$1 = locator => {
@@ -3694,26 +3702,26 @@ const toHaveClass$1 = (locator, {
   const [element] = querySelector(locator._selector);
   if (!element) {
     return {
-      wasFound: false,
-      actual: ''
+      actual: '',
+      wasFound: false
     };
   }
   return {
-    wasFound: true,
-    actual: className
+    actual: className,
+    wasFound: true
   };
 };
 const toHaveId$1 = locator => {
   const [element] = querySelector(locator._selector);
   if (!element) {
     return {
-      wasFound: false,
-      actual: ''
+      actual: '',
+      wasFound: false
     };
   }
   return {
-    wasFound: true,
-    actual: element.id
+    actual: element.id,
+    wasFound: true
   };
 };
 const toHaveCss$1 = (locator, {
@@ -3722,15 +3730,15 @@ const toHaveCss$1 = (locator, {
   const [element] = querySelector(locator._selector);
   if (!element) {
     return {
-      wasFound: false,
-      actual: ''
+      actual: '',
+      wasFound: false
     };
   }
   const style = getComputedStyle(element);
   const actual = style[key];
   return {
-    wasFound: true,
-    actual
+    actual,
+    wasFound: true
   };
 };
 const toHaveJSProperty$1 = (locator, {
@@ -3739,14 +3747,14 @@ const toHaveJSProperty$1 = (locator, {
   const [element] = querySelector(locator._selector);
   if (!element) {
     return {
-      wasFound: false,
-      actual: ''
+      actual: '',
+      wasFound: false
     };
   }
   const actual = element[key];
   return {
-    wasFound: true,
-    actual
+    actual,
+    wasFound: true
   };
 };
 
@@ -4370,16 +4378,16 @@ const create$u = (pointerDown, pointerMove, pointerUp) => {
   };
   const handlePointerUp = event => {
     const {
-      target,
-      pointerId
+      pointerId,
+      target
     } = event;
     stopTracking$1(target, pointerId, handlePointerMove, handlePointerUp);
     shared(pointerUp, event);
   };
   const handlePointerDown = event => {
     const {
-      target,
-      pointerId
+      pointerId,
+      target
     } = event;
     startTracking$1(target, pointerId, handlePointerMove, handlePointerUp);
     shared(pointerDown, event);
@@ -4496,11 +4504,11 @@ const handleKeyDown$3 = event => {
   stopPropagation(event);
   const uid = fromEvent(event);
   const {
-    key,
     altKey,
     ctrlKey,
-    shiftKey,
-    metaKey
+    key,
+    metaKey,
+    shiftKey
   } = event;
   handleKeyDown$4(uid, key, altKey, ctrlKey, shiftKey, metaKey);
 };
@@ -4608,12 +4616,12 @@ const create$r = () => {
   $Dialog.append($DialogHeader, $DialogBody);
   $Dialog.onclick = handleClick$4;
   return {
-    $Viewlet: $Dialog,
-    $DialogTitle,
     $DialogBodyErrorCodeFrame,
     $DialogBodyErrorMessage,
+    $DialogBodyErrorStack,
     $DialogBodyOptions,
-    $DialogBodyErrorStack
+    $DialogTitle,
+    $Viewlet: $Dialog
   };
 };
 const postAppend = state => {
@@ -5000,17 +5008,17 @@ const handleScrollBarThumbPointerMove = event => {
 };
 const handlePointerCaptureLost$2 = event => {
   const {
-    target,
-    pointerId
+    pointerId,
+    target
   } = event;
   stopTracking(target, pointerId, handleScrollBarThumbPointerMove, handlePointerCaptureLost$2);
 };
 const handleScrollBarPointerDown$1 = event => {
   preventDefault(event);
   const {
-    target,
+    clientY,
     pointerId,
-    clientY
+    target
   } = event;
   startTracking(target, pointerId, handleScrollBarThumbPointerMove, handlePointerCaptureLost$2);
   const uid = fromEvent(event);
@@ -5036,12 +5044,12 @@ const Large = 'Large';
 
 const getClassName = size => {
   switch (size) {
-    case Small$1:
-      return Small;
-    case Normal$1:
-      return Normal;
     case Large$1:
       return Large;
+    case Normal$1:
+      return Normal;
+    case Small$1:
+      return Small;
     default:
       return None$1;
   }
@@ -5090,17 +5098,17 @@ const create$q = () => {
   $Viewlet.id = 'Completions';
   $Viewlet.append($ListItems, $ScrollBar);
   return {
-    $Viewlet,
     $ListItems,
     $ScrollBar,
-    $ScrollBarThumb
+    $ScrollBarThumb,
+    $Viewlet
   };
 };
 const attachEvents$7 = state => {
   const {
-    $Viewlet,
     $ListItems,
-    $ScrollBar
+    $ScrollBar,
+    $Viewlet
   } = state;
   $Viewlet.addEventListener(Wheel, handleWheel$2, Passive);
   attachEvents$8($ListItems, {
@@ -5329,9 +5337,9 @@ const RightClick = 2;
  */
 const handlePointerMove = event => {
   const {
-    pointerId,
     clientX,
-    clientY
+    clientY,
+    pointerId
   } = event;
   const uid = fromEvent(event);
   handlePointerMove$1(uid, pointerId, clientX, clientY);
@@ -5342,10 +5350,10 @@ const handlePointerMove = event => {
  */
 const handlePointerUp = event => {
   const {
-    pointerId,
+    button,
     clientX,
     clientY,
-    button
+    pointerId
   } = event;
   if (button !== LeftClick) {
     return;
@@ -5366,11 +5374,11 @@ const handlePointerCaptureLost$1 = event => {
  */
 const handlePointerDown$1 = event => {
   const {
-    pointerId,
+    button,
     clientX,
     clientY,
-    target,
-    button
+    pointerId,
+    target
   } = event;
   if (button !== LeftClick) {
     return;
@@ -5432,10 +5440,10 @@ const attachEvents$5 = state => {
     $Viewlet
   } = state;
   attachEvents$8($Viewlet, {
-    [PointerDown]: handlePointerDown$1,
-    [PointerUp]: handlePointerUp,
     [ContextMenu]: handleContextMenu$4,
-    [FocusIn]: handleFocus$6
+    [FocusIn]: handleFocus$6,
+    [PointerDown]: handlePointerDown$1,
+    [PointerUp]: handlePointerUp
   });
   $Viewlet.addEventListener(Error$2, handleError$5, Capture);
   $Viewlet.addEventListener(Wheel, handleWheel$1, Passive);
@@ -5622,9 +5630,9 @@ const handleFocus$5 = event => {
 };
 const handleMouseMove = event => {
   const {
+    altKey,
     clientX,
-    clientY,
-    altKey
+    clientY
   } = event;
   return ['handleMouseMove', clientX, clientY, altKey];
 };
@@ -5641,8 +5649,8 @@ const handleBlur$5 = event => {
 const handleBeforeInput = event => {
   preventDefault(event);
   const {
-    inputType,
-    data
+    data,
+    inputType
   } = event;
   return ['handleBeforeInput', inputType, data];
 };
@@ -5681,9 +5689,9 @@ const isRightClick = event => {
 };
 const handleEditorPointerMove = event => {
   const {
+    altKey,
     clientX,
-    clientY,
-    altKey
+    clientY
   } = event;
   // TODO if/else should be in renderer worker
   if (altKey) {
@@ -5706,13 +5714,13 @@ const handleEditorLostPointerCapture = event => {
  */
 const handleEditorPointerDown = event => {
   const {
-    target,
-    pointerId
+    pointerId,
+    target
   } = event;
   target.setPointerCapture(pointerId);
   attachEventsFunctional(target, {
-    [PointerMove]: handleEditorPointerMove,
     [LostPointerCapture]: handleEditorLostPointerCapture,
+    [PointerMove]: handleEditorPointerMove,
     returnValue: true
   });
   return [];
@@ -5788,8 +5796,8 @@ const handleScrollBarThumbHorizontalPointerMove = event => {
  */
 const handleScrollBarHorizontalPointerUp = event => {
   const {
-    target,
-    pointerId
+    pointerId,
+    target
   } = event;
   stopTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
   return [];
@@ -5801,9 +5809,9 @@ const handleScrollBarHorizontalPointerUp = event => {
  */
 const handleScrollBarHorizontalPointerDown = event => {
   const {
-    target,
+    clientX,
     pointerId,
-    clientX
+    target
   } = event;
   startTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
   return ['handleScrollBarHorizontalPointerDown', clientX];
@@ -5895,12 +5903,12 @@ const create$l = () => {
   // TODO where to best put listeners (side effects)
   attachEventsFunctional($EditorInput, {
     [BeforeInput]: handleBeforeInput,
+    [Blur]: handleBlur$5,
+    [CompositionEnd]: handleCompositionEnd,
     [CompositionStart]: handleCompositionStart,
     [CompositionUpdate]: handleCompositionUpdate,
-    [CompositionEnd]: handleCompositionEnd,
-    [Focus]: handleFocus$5,
-    [Blur]: handleBlur$5,
     [Cut]: handleCut,
+    [Focus]: handleFocus$5,
     [Paste]: handlePaste,
     returnValue: true
   });
@@ -5925,8 +5933,8 @@ const create$l = () => {
   const $ScrollBarVertical = document.createElement('div');
   $ScrollBarVertical.className = 'ScrollBar ScrollBarVertical';
   attachEventsFunctional($ScrollBarVertical, {
-    [PointerDown]: handleScrollBarVerticalPointerDown,
     [ContextMenu]: handleScrollBarContextMenu,
+    [PointerDown]: handleScrollBarVerticalPointerDown,
     returnValue: true
   });
   $ScrollBarVertical.append($ScrollBarThumbVertical);
@@ -5973,19 +5981,19 @@ const create$l = () => {
     returnValue: true
   });
   return {
-    $LayerCursor,
-    $LayerSelections,
-    $LayerText,
-    $LayerGutter,
-    $EditorLayers,
     $Editor,
     $EditorInput,
-    $ScrollBarThumbVertical,
-    $ScrollBarThumbHorizontal,
+    $EditorLayers,
+    $LayerCursor,
     $LayerDiagnostics,
+    $LayerGutter,
+    $LayerSelections,
+    $LayerText,
     $ScrollBarDiagnostics,
-    shouldIgnoreSelectionChange: false,
-    $Viewlet: $Editor
+    $ScrollBarThumbHorizontal,
+    $ScrollBarThumbVertical,
+    $Viewlet: $Editor,
+    shouldIgnoreSelectionChange: false
   };
 };
 const setText$2 = (state, dom) => {
@@ -5997,8 +6005,8 @@ const setIncrementalEdits$1 = (state, incrementalEdits) => {
   } = state;
   for (const incrementalEdit of incrementalEdits) {
     const {
-      rowIndex,
       columnIndex,
+      rowIndex,
       text
     } = incrementalEdit;
     const $Row = $LayerText.children[rowIndex];
@@ -6451,16 +6459,16 @@ const handleResizerPointerMove = event => {
 // TODO use lostpointercapture event instead
 const handleResizerPointerUp = event => {
   const {
-    target,
-    pointerId
+    pointerId,
+    target
   } = event;
   stopTracking(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
 };
 const handleResizerPointerDown = event => {
   const {
-    target,
+    clientX,
     pointerId,
-    clientX
+    target
   } = event;
   startTracking(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
   const id = target.nextSibling ? 1 : 2;
@@ -6616,6 +6624,7 @@ const Minus$1 = '-';
 const Period$1 = '.';
 const Slash$1 = '/';
 const Backquote$1 = '`';
+const Backquote2 = 'Backquote';
 const BracketLeft$1 = '[';
 const Backslash$1 = '\\';
 const BracketRight$1 = ']';
@@ -6715,35 +6724,19 @@ const Plus = 132;
 
 const getKeyCode = key => {
   switch (key) {
+    case Backquote$1:
+    case Backquote2:
+      return Backquote;
+    case Backslash$1:
+      return Backslash;
     case Backspace$1:
       return Backspace;
-    case Tab$1:
-      return Tab;
-    case Escape$1:
-      return Escape;
-    case Enter$1:
-      return Enter;
-    case Space$1:
-    case Space2:
-      return Space;
-    case PageUp$1:
-      return PageUp;
-    case PageDown$1:
-      return PageDown;
-    case End$1:
-      return End;
-    case Home$1:
-      return Home;
-    case LeftArrow$1:
-      return LeftArrow;
-    case UpArrow$1:
-      return UpArrow;
-    case RightArrow$1:
-      return RightArrow;
-    case DownArrow$1:
-      return DownArrow;
-    case Insert$1:
-      return Insert;
+    case BracketLeft$1:
+      return BracketLeft;
+    case BracketRight$1:
+      return BracketRight;
+    case Comma$1:
+      return Comma;
     case Delete$1:
       return Delete;
     case Digit0$1:
@@ -6766,6 +6759,68 @@ const getKeyCode = key => {
       return Digit8;
     case Digit9$1:
       return Digit9;
+    case DownArrow$1:
+      return DownArrow;
+    case End$1:
+      return End;
+    case Enter$1:
+      return Enter;
+    case Equal$1:
+      return Equal;
+    case Escape$1:
+      return Escape;
+    case F1$1:
+      return F1;
+    case F10$1:
+      return F10;
+    case F11$1:
+      return F11;
+    case F12$1:
+      return F12;
+    case F13$1:
+      return F13;
+    case F14$1:
+      return F14;
+    case F15$1:
+      return F15;
+    case F16$1:
+      return F16;
+    case F17$1:
+      return F17;
+    case F18$1:
+      return F18;
+    case F19$1:
+      return F19;
+    case F2$1:
+      return F2;
+    case F20$1:
+      return F20;
+    case F21$1:
+      return F21;
+    case F22$1:
+      return F22;
+    case F23$1:
+      return F23;
+    case F24$1:
+      return F24;
+    case F3$1:
+      return F3;
+    case F4$1:
+      return F4;
+    case F5$1:
+      return F5;
+    case F6$1:
+      return F6;
+    case F7$1:
+      return F7;
+    case F8$1:
+      return F8;
+    case F9$1:
+      return F9;
+    case Home$1:
+      return Home;
+    case Insert$1:
+      return Insert;
     case KeyA$1:
       return KeyA;
     case KeyB$1:
@@ -6818,80 +6873,35 @@ const getKeyCode = key => {
       return KeyY;
     case KeyZ$1:
       return KeyZ;
-    case F1$1:
-      return F1;
-    case F2$1:
-      return F2;
-    case F3$1:
-      return F3;
-    case F4$1:
-      return F4;
-    case F5$1:
-      return F5;
-    case F6$1:
-      return F6;
-    case F7$1:
-      return F7;
-    case F8$1:
-      return F8;
-    case F9$1:
-      return F9;
-    case F10$1:
-      return F10;
-    case F11$1:
-      return F11;
-    case F12$1:
-      return F12;
-    case F13$1:
-      return F13;
-    case F14$1:
-      return F14;
-    case F15$1:
-      return F15;
-    case F16$1:
-      return F16;
-    case F17$1:
-      return F17;
-    case F18$1:
-      return F18;
-    case F19$1:
-      return F19;
-    case F20$1:
-      return F20;
-    case F21$1:
-      return F21;
-    case F22$1:
-      return F22;
-    case F23$1:
-      return F23;
-    case F24$1:
-      return F24;
-    case SemiColon$1:
-      return SemiColon;
-    case Equal$1:
-      return Equal;
-    case Comma$1:
-      return Comma;
+    case LeftArrow$1:
+      return LeftArrow;
     case Minus$1:
       return Minus;
+    case PageDown$1:
+      return PageDown;
+    case PageUp$1:
+      return PageUp;
     case Period$1:
       return Period;
-    case Slash$1:
-      return Slash;
-    case Backquote$1:
-      return Backquote;
-    case BracketLeft$1:
-      return BracketLeft;
-    case Backslash$1:
-      return Backslash;
-    case BracketRight$1:
-      return BracketRight;
+    case Plus$1:
+      return Plus;
     case Quote$1:
       return Quote;
+    case RightArrow$1:
+      return RightArrow;
+    case SemiColon$1:
+      return SemiColon;
+    case Slash$1:
+      return Slash;
+    case Space$1:
+    case Space2:
+      return Space;
     case Star$1:
       return Star;
-    case Plus$1:
-      return Plus;
+    case Tab$1:
+      return Tab;
+    case UpArrow$1:
+      return UpArrow;
     default:
       return Unknown;
   }
@@ -6913,11 +6923,11 @@ const normalizeKey = (key, code) => {
 
 const getKeyBindingIdentifier = event => {
   const {
-    ctrlKey,
-    shiftKey,
     altKey,
+    code,
+    ctrlKey,
     key,
-    code
+    shiftKey
   } = event;
   const modifierControl = ctrlKey ? CtrlCmd : 0;
   const modifierShift = shiftKey ? Shift : 0;
@@ -6980,8 +6990,8 @@ const handleSashPointerMove = event => {
 };
 const handlePointerCaptureLost = event => {
   const {
-    target,
-    pointerId
+    pointerId,
+    target
   } = event;
   stopTracking(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
   const id = getSashId(target);
@@ -6989,8 +6999,8 @@ const handlePointerCaptureLost = event => {
 };
 const handleSashPointerDown = event => {
   const {
-    target,
-    pointerId
+    pointerId,
+    target
   } = event;
   startTracking(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
   const id = getSashId(target);
@@ -7005,8 +7015,8 @@ const handleSashDoubleClick = event => {
 };
 const handleResize = () => {
   const {
-    innerWidth,
-    innerHeight
+    innerHeight,
+    innerWidth
   } = window;
   handleResize$1(innerWidth, innerHeight);
 };
@@ -7035,36 +7045,36 @@ const create$d = () => {
   $Viewlet.role = Application;
   $Viewlet.append($SashSideBar, $SashPanel);
   return {
-    $Viewlet,
+    $SashPanel,
     $SashSideBar,
-    $SashPanel
+    $Viewlet
   };
 };
 const attachEvents$4 = state => {
   const {
-    $SashSideBar,
-    $SashPanel
+    $SashPanel,
+    $SashSideBar
   } = state;
   attachEvents$8($SashSideBar, {
-    [PointerDown]: handleSashPointerDown,
-    [DoubleClick]: handleSashDoubleClick
+    [DoubleClick]: handleSashDoubleClick,
+    [PointerDown]: handleSashPointerDown
   });
   attachEvents$8($SashPanel, {
-    [PointerDown]: handleSashPointerDown,
-    [DoubleClick]: handleSashDoubleClick
+    [DoubleClick]: handleSashDoubleClick,
+    [PointerDown]: handleSashPointerDown
   });
   attachEvents$8(window, {
-    [Resize]: handleResize,
-    [Focus]: handleFocus$2,
     [Blur]: handleBlur$3,
+    [Focus]: handleFocus$2,
     [KeyDown]: handleKeyDown$1,
-    [KeyUp]: handleKeyUp
+    [KeyUp]: handleKeyUp,
+    [Resize]: handleResize
   });
 };
 const setSashes = (state, sashSideBar, sashPanel) => {
   const {
-    $SashSideBar,
-    $SashPanel
+    $SashPanel,
+    $SashSideBar
   } = state;
   setBounds$a($SashSideBar, sashSideBar.x, sashSideBar.y, sashSideBar.width, sashSideBar.height);
   $SashSideBar.classList.toggle('SashActive', sashSideBar.active);
@@ -7139,9 +7149,9 @@ const handleDragLeave = event => {
 const handleDrop$1 = event => {
   preventDefault(event);
   const {
-    dataTransfer,
     clientX,
-    clientY
+    clientY,
+    dataTransfer
   } = event;
   const {
     files
@@ -7184,11 +7194,11 @@ const create$c = () => {
   // $Main.append($MainTabs, $MainContent)
 
   return {
-    $Viewlet,
+    $DragOverlay: undefined,
     $Main: $Viewlet,
     $MainContent: undefined,
     $MainTabs: undefined,
-    $DragOverlay: undefined
+    $Viewlet
   };
 };
 const attachEvents$3 = state => {
@@ -7196,11 +7206,11 @@ const attachEvents$3 = state => {
     $Viewlet
   } = state;
   attachEvents$8($Viewlet, {
-    [Drop]: handleDrop$1,
-    [DragOver]: handleDragOver$1,
+    [ContextMenu]: handleContextMenu$2,
     [DragEnd]: handleDragEnd,
     [DragLeave]: handleDragLeave,
-    [ContextMenu]: handleContextMenu$2
+    [DragOver]: handleDragOver$1,
+    [Drop]: handleDrop$1
   });
 };
 const dispose$8 = state => {};
@@ -7298,8 +7308,8 @@ const handleTabsWheel = event => {
 };
 const handleDragStart = event => {
   const {
-    target,
-    dataTransfer
+    dataTransfer,
+    target
   } = event;
   setEffectAllowed(dataTransfer, CopyMove);
   dataTransfer.setData('x-lvce-drag', target.dataset.dragUid);
@@ -7320,9 +7330,9 @@ const handleDragOver = event => {
 const handleDrop = event => {
   preventDefault(event);
   const {
-    dataTransfer,
     clientX,
-    clientY
+    clientY,
+    dataTransfer
   } = event;
   const item = dataTransfer.getData('x-lvce-drag');
   const uid = getUid();
@@ -7330,9 +7340,9 @@ const handleDrop = event => {
 };
 const handleTabsMouseDown = event => {
   const {
+    button,
     clientX,
-    clientY,
-    button
+    clientY
   } = event;
   const uid = getUid();
   handleTabClick(uid, button, clientX, clientY);
@@ -7353,8 +7363,8 @@ const create$b = () => {
   $MainTabs.role = TabList;
   // TODO race condition: what if tab has already been closed?
   return {
-    $Viewlet: $MainTabs,
-    $MainTabs
+    $MainTabs,
+    $Viewlet: $MainTabs
   };
 };
 const attachEvents$2 = state => {
@@ -7467,10 +7477,10 @@ const create$a = () => {
   $Viewlet.tabIndex = 0;
   $Viewlet.append($ViewletOutputContent, $ViewletOutputWidgets);
   return {
-    $Viewlet,
-    content: $ViewletOutputContent,
     $Content: $ViewletOutputContent,
-    $ViewletOutputContent
+    $Viewlet,
+    $ViewletOutputContent,
+    content: $ViewletOutputContent
   };
 };
 const setText = (state, text) => {
@@ -7517,9 +7527,9 @@ const ViewletOutput = {
 };
 
 const state$1 = {
-  instances: Object.create(null),
-  currentSideBarView: undefined,
   currentPanelView: undefined,
+  currentSideBarView: undefined,
+  instances: Object.create(null),
   modules: Object.create(null)
 };
 
@@ -7595,21 +7605,21 @@ const create$9 = () => {
   $Viewlet.append($PanelHeader);
   $Viewlet.ariaLabel = 'Panel';
   return {
-    $Panel: $Viewlet,
-    $Viewlet,
-    $PanelTabs,
-    $PanelHeader,
-    $PanelContent: undefined,
     $ButtonClose,
     $ButtonMaximize,
-    $PanelActions
+    $Panel: $Viewlet,
+    $PanelActions,
+    $PanelContent: undefined,
+    $PanelHeader,
+    $PanelTabs,
+    $Viewlet
   };
   // await openViewlet('Terminal')
 };
 const attachEvents$1 = state => {
   const {
-    $ButtonMaximize,
     $ButtonClose,
+    $ButtonMaximize,
     $PanelHeader
   } = state;
   attachEvents$8($PanelHeader, {
@@ -7764,12 +7774,12 @@ const create$7 = () => {
   $Viewlet.ariaRoleDescription = SideBar$1;
   $Viewlet.append($SideBarTitleArea);
   return {
-    $Viewlet,
+    $Actions: undefined,
     $SideBar: $Viewlet,
-    $SideBarTitleArea,
     $SideBarContent: undefined,
+    $SideBarTitleArea,
     $SideBarTitleAreaTitle,
-    $Actions: undefined
+    $Viewlet
   };
 };
 const attachEvents = state => {
@@ -7796,8 +7806,8 @@ const setActionsDom = (state, actions, parentId, eventMap = {}) => {
     return;
   }
   const {
-    $SideBarTitleArea,
-    $Actions
+    $Actions,
+    $SideBarTitleArea
   } = state;
   const $Parent = document.createElement('div');
   const $NewViewlet = rememberFocus$1($Parent, actions, {}, parentId);
@@ -7963,8 +7973,8 @@ const handleMouseOver = event => {
 };
 const handleMouseOut = event => {
   const {
-    target,
-    relatedTarget
+    relatedTarget,
+    target
   } = event;
   if (!relatedTarget) {
     return;
@@ -8091,8 +8101,8 @@ const create$5 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Terminals';
   return {
-    $Viewlet,
-    $TerminalTabs: undefined
+    $TerminalTabs: undefined,
+    $Viewlet
   };
 };
 const setTabsDom = (state, dom) => {
@@ -8123,8 +8133,8 @@ const isInsideTitleBarMenu = $Element => {
 };
 const handleFocusOut = event => {
   const {
-    target,
-    relatedTarget
+    relatedTarget,
+    target
   } = event;
   if (relatedTarget && isInsideTitleBarMenu(relatedTarget)) {
     return;
@@ -8177,23 +8187,23 @@ const getLevelAndIndex = event => {
   } = $Menu;
   const level = Number.parseInt(id.slice(5));
   return {
-    level,
-    index
+    index,
+    level
   };
 };
 const handleMenuMouseOver = event => {
   // TODO just send pixel coordinates instead
   const {
-    level,
-    index
+    index,
+    level
   } = getLevelAndIndex(event);
   const uid = fromEvent(event);
   handleMenuMouseOver$1(uid, level, index);
 };
 const handleMenuClick = event => {
   const {
-    level,
-    index
+    index,
+    level
   } = getLevelAndIndex(event);
   const uid = fromEvent(event);
   handleMenuClick$1(uid, level, index);
@@ -8309,14 +8319,14 @@ const openMenu = (state, unFocusIndex, index, level, menuItems, menuFocusedIndex
   state$3.$$Menus = [];
   // @ts-expect-error
   showControlled({
-    x,
-    y,
-    width,
+    $Parent: $Viewlet.children[index],
+    handleFocusOut: handleFocusOut,
     height,
     items: menuItems,
-    handleFocusOut: handleFocusOut,
-    $Parent: $Viewlet.children[index],
-    level
+    level,
+    width,
+    x,
+    y
   });
   if (menuFocusedIndex !== -1) {
     focusIndex(0, -1, menuFocusedIndex);
@@ -8388,12 +8398,12 @@ const setMenus = (state, changes, uid) => {
           $Menu.onmouseover = handleMenuMouseOver;
           $Menu.onclick = handleMenuClick;
           const {
-            x,
-            y,
-            width,
+            focusedIndex,
             height,
             level,
-            focusedIndex
+            width,
+            x,
+            y
           } = menu;
           setBounds$a($Menu, x, y, width, height);
           renderInto($Menu, dom);
@@ -8407,18 +8417,28 @@ const setMenus = (state, changes, uid) => {
           $$Menus.push($Menu);
           break;
         }
+      case 'closeMenus':
+        {
+          const keepCount = change[1];
+          const $$ToDispose = $$Menus.slice(keepCount);
+          for (const $ToDispose of $$ToDispose) {
+            remove$1($ToDispose);
+          }
+          $$Menus.length = keepCount;
+          break;
+        }
       case 'updateMenu':
         {
           const menu = change[1];
           const newLength = change[2];
           const dom = change[3];
           const {
+            focusedIndex,
+            height,
             level,
-            x,
-            y,
             width,
-            height,
-            focusedIndex
+            x,
+            y
           } = menu;
           const $Menu = $$Menus[level];
           setBounds$a($Menu, x, y, width, height);
@@ -8433,16 +8453,6 @@ const setMenus = (state, changes, uid) => {
           }
           break;
         }
-      case 'closeMenus':
-        {
-          const keepCount = change[1];
-          const $$ToDispose = $$Menus.slice(keepCount);
-          for (const $ToDispose of $$ToDispose) {
-            remove$1($ToDispose);
-          }
-          $$Menus.length = keepCount;
-          break;
-        }
       // No default
     }
   }
@@ -8677,8 +8687,6 @@ const ViewletWebView = {
 
 const load$1 = moduleId => {
   switch (moduleId) {
-    case ImagePreview:
-      return ImagePreview$1;
     case ActivityBar:
       return ViewletActivityBar;
     case Audio$1:
@@ -8695,8 +8703,16 @@ const load$1 = moduleId => {
       return ViewletDialog;
     case DiffEditor:
       return ViewletDiffEditor;
+    case E2eTest:
+      return ViewletE2eTest;
+    case E2eTests:
+      return ViewletE2eTests;
+    case EditorCodeGenerator:
+      return ViewletEditorCodeGenerator;
     case EditorCompletion:
       return ViewletEditorCompletion;
+    case EditorCompletionDetails:
+      return ViewletEditorCompletionDetails;
     case EditorError:
       return ViewletEditorError;
     case EditorHover:
@@ -8705,18 +8721,28 @@ const load$1 = moduleId => {
       return ViewletEditorImage;
     case EditorPlainText:
       return ViewletEditorPlainText;
+    case EditorSourceActions:
+      return ViewletEditorSourceActions;
     case EditorText:
       return ViewletEditorText;
+    case EditorTextError:
+      return ViewletEditorTextError;
     case EditorWidgetError:
       return ViewletEditorWidgetError;
     case Empty:
       return ViewletEmpty;
+    case EmptyEditor:
+      return ViewletEmptyEditor;
     case Error$1:
       return ViewletError;
     case FindWidget:
       return ViewletFindWidget;
+    case ImagePreview:
+      return ImagePreview$1;
     case Implementations:
       return ViewletImplementations;
+    case InlineDiffEditor:
+      return ViewletInlineDiffEditor;
     case KeyBindings:
       return ViewletKeyBindings;
     case Layout:
@@ -8752,33 +8778,17 @@ const load$1 = moduleId => {
     case TitleBar:
       return ViewletTitleBar;
     case TitleBarButtons:
-      return ViewletTitleBarButtons;
-    case TitleBarIcon:
-      return ViewletTitleBarIcon;
-    case TitleBarMenuBar:
-      return ViewletTitleBarMenuBar;
-    case Video:
-      return ViewletVideo;
-    case TitleBarTitle:
-      return ViewletTitleBarTitle;
-    case EditorSourceActions:
-      return ViewletEditorSourceActions;
-    case EmptyEditor:
-      return ViewletEmptyEditor;
-    case InlineDiffEditor:
-      return ViewletInlineDiffEditor;
-    case E2eTests:
-      return ViewletE2eTests;
-    case E2eTest:
-      return ViewletE2eTest;
+      return ViewletTitleBarButtons;
+    case TitleBarIcon:
+      return ViewletTitleBarIcon;
+    case TitleBarMenuBar:
+      return ViewletTitleBarMenuBar;
+    case TitleBarTitle:
+      return ViewletTitleBarTitle;
+    case Video:
+      return ViewletVideo;
     case WebView:
       return ViewletWebView;
-    case EditorCompletionDetails:
-      return ViewletEditorCompletionDetails;
-    case EditorTextError:
-      return ViewletEditorTextError;
-    case EditorCodeGenerator:
-      return ViewletEditorCodeGenerator;
     default:
       throw new Error(`${moduleId} module not found in renderer process`);
   }
@@ -8798,8 +8808,8 @@ const create$3 = (id, uid = id) => {
     module.attachEvents(instanceState);
   }
   state$1.instances[uid] = {
-    state: instanceState,
-    factory: module
+    factory: module,
+    state: instanceState
   };
 };
 const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
@@ -8817,8 +8827,8 @@ const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
     $Viewlet: document.createElement('div')
   };
   state$1.instances[uid] = {
-    state: instanceState,
-    factory: module
+    factory: module,
+    state: instanceState
   };
 };
 const addKeyBindings = (id, keyBindings) => {
@@ -9040,49 +9050,47 @@ const sendMultiple = commands => {
   for (const command of commands) {
     const [_, viewletId, method, ...args] = command;
     switch (_) {
-      case 'Viewlet.ariaAnnounce':
-        {
-          ariaAnnounce(viewletId);
-          break;
-        }
-      case 'Viewlet.setBounds':
+      case 'Css.addCssStyleSheet':
+      case 'Viewlet.addCss':
+      case 'Viewlet.setCss':
+        // @ts-ignore
+        addCssStyleSheet(viewletId, method, ...args);
+        break;
+      case 'Viewlet.addKeyBindings':
+        addKeyBindings(viewletId, method);
+        break;
+      case 'Viewlet.append':
         {
           // @ts-expect-error
-          setBounds$1(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.create':
-        {
-          create$3(viewletId, method);
+          append(viewletId, method, ...args);
           break;
         }
-      case 'Viewlet.createFunctionalRoot':
+      case 'Viewlet.appendToBody':
         {
-          // @ts-ignore
-          createFunctionalRoot(viewletId, method, ...args);
+          // @ts-expect-error
+          appendToBody(viewletId, method, ...args);
           break;
         }
-      case 'Viewlet.append':
+      case 'Viewlet.appendViewlet':
         {
           // @ts-expect-error
-          append(viewletId, method, ...args);
+          appendViewlet(viewletId, method, ...args);
           break;
         }
-      case 'Viewlet.appendToBody':
+      case 'Viewlet.ariaAnnounce':
         {
-          // @ts-expect-error
-          appendToBody(viewletId, method, ...args);
+          ariaAnnounce(viewletId);
           break;
         }
-      case 'Viewlet.dispose':
+      case 'Viewlet.create':
         {
-          dispose$3(viewletId);
+          create$3(viewletId, method);
           break;
         }
-      case 'Viewlet.setPatches':
+      case 'Viewlet.createFunctionalRoot':
         {
           // @ts-ignore
-          setPatches(viewletId, method, ...args);
+          createFunctionalRoot(viewletId, method, ...args);
           break;
         }
       case 'Viewlet.createPlaceholder':
@@ -9091,10 +9099,9 @@ const sendMultiple = commands => {
           createPlaceholder(viewletId, method, ...args);
           break;
         }
-      case 'Viewlet.handleError':
+      case 'Viewlet.dispose':
         {
-          // @ts-expect-error
-          handleError$1(viewletId, method, ...args);
+          dispose$3(viewletId);
           break;
         }
       case 'Viewlet.focus':
@@ -9102,25 +9109,48 @@ const sendMultiple = commands => {
           focus$1(viewletId);
           break;
         }
-      case 'Viewlet.appendViewlet':
+      case 'Viewlet.focusElementByName':
+        // @ts-ignore
+        focusElementByName(viewletId, method, ...args);
+        break;
+      case 'Viewlet.focusSelector':
+        // @ts-ignore
+        focusSelector(viewletId, method, ...args);
+        break;
+      case 'Viewlet.focusSelector':
+        // @ts-ignore
+        focusSelector(viewletId, method, ...args);
+        break;
+      case 'Viewlet.handleError':
         {
           // @ts-expect-error
-          appendViewlet(viewletId, method, ...args);
+          handleError$1(viewletId, method, ...args);
           break;
         }
-      case 'Viewlet.addKeyBindings':
-        addKeyBindings(viewletId, method);
-        break;
-      case 'Viewlet.setProperty':
+      case 'Viewlet.registerEventListeners':
         // @ts-ignore
-        setProperty(viewletId, method, ...args);
+        registerEventListeners(viewletId, method, ...args);
         break;
       case 'Viewlet.removeKeyBindings':
         removeKeyBindings(viewletId);
         break;
+      case 'Viewlet.replaceChildren':
+        // @ts-ignore
+        replaceChildren(viewletId, method, ...args);
+        break;
       case 'Viewlet.send':
         invoke(viewletId, method, ...args);
         break;
+      case 'Viewlet.setBounds':
+        {
+          // @ts-expect-error
+          setBounds$1(viewletId, method, ...args);
+          break;
+        }
+      case 'Viewlet.setCheckBoxValue':
+        // @ts-ignore
+        setCheckBoxValue(viewletId, method, ...args);
+        break;
       case 'Viewlet.setDom':
         // @ts-expect-error
         setDom(viewletId, method, ...args);
@@ -9129,55 +9159,35 @@ const sendMultiple = commands => {
         // @ts-ignore
         setDom2(viewletId, method, ...args);
         break;
-      case 'Viewlet.focusSelector':
-        // @ts-ignore
-        focusSelector(viewletId, method, ...args);
-        break;
-      case 'Viewlet.focusSelector':
-        // @ts-ignore
-        focusSelector(viewletId, method, ...args);
-        break;
-      case 'Viewlet.focusElementByName':
-        // @ts-ignore
-        focusElementByName(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setValueByName':
+      case 'Viewlet.setDragData':
         // @ts-ignore
-        setValueByName(viewletId, method, ...args);
+        setDragData(viewletId, method, ...args);
         break;
       case 'Viewlet.setInputValues':
         // @ts-ignore
         setInputValues(viewletId, method, ...args);
         break;
-      case 'Viewlet.setCheckBoxValue':
+      case 'Viewlet.setPatches':
+        {
+          // @ts-ignore
+          setPatches(viewletId, method, ...args);
+          break;
+        }
+      case 'Viewlet.setProperty':
         // @ts-ignore
-        setCheckBoxValue(viewletId, method, ...args);
+        setProperty(viewletId, method, ...args);
         break;
       case 'Viewlet.setSelectionByName':
         // @ts-ignore
         setSelectionByName(viewletId, method, ...args);
         break;
-      case 'Viewlet.registerEventListeners':
-        // @ts-ignore
-        registerEventListeners(viewletId, method, ...args);
-        break;
       case 'Viewlet.setUid':
         // @ts-ignore
         setUid(viewletId, method, ...args);
         break;
-      case 'Viewlet.setDragData':
-        // @ts-ignore
-        setDragData(viewletId, method, ...args);
-        break;
-      case 'Viewlet.replaceChildren':
-        // @ts-ignore
-        replaceChildren(viewletId, method, ...args);
-        break;
-      case 'Viewlet.addCss':
-      case 'Viewlet.setCss':
-      case 'Css.addCssStyleSheet':
+      case 'Viewlet.setValueByName':
         // @ts-ignore
-        addCssStyleSheet(viewletId, method, ...args);
+        setValueByName(viewletId, method, ...args);
         break;
       default:
         {
@@ -9321,60 +9331,60 @@ const appendToBody = childId => {
 };
 const getFn = command => {
   switch (command) {
-    case 'Viewlet.create':
-      return create$3;
-    case 'Viewlet.send':
-      return invoke;
-    case 'Viewlet.show':
-      return show;
-    case 'Viewlet.dispose':
-      return dispose$3;
-    case 'Viewlet.setDom2':
-      return setDom2;
-    case 'Viewlet.setBounds':
-      return setBounds$1;
-    case 'Viewlet.ariaAnnounce':
-      return ariaAnnounce;
+    case 'Css.addCssStyleSheet':
+    case 'Viewlet.addCss':
+    case 'Viewlet.setCss':
+      return addCssStyleSheet;
+    case 'Viewlet.addKeyBindings':
+      return addKeyBindings;
     case 'Viewlet.append':
       return append;
     case 'Viewlet.appendToBody':
       return appendToBody;
-    case 'Viewlet.createPlaceholder':
-      return createPlaceholder;
-    case 'Viewlet.focus':
-      return focus$1;
     case 'Viewlet.appendViewlet':
       return appendViewlet;
-    case 'Viewlet.addKeyBindings':
-      return addKeyBindings;
-    case 'Viewlet.setDom':
-      return setDom;
+    case 'Viewlet.ariaAnnounce':
+      return ariaAnnounce;
+    case 'Viewlet.create':
+      return create$3;
     case 'Viewlet.createFunctionalRoot':
       return createFunctionalRoot;
+    case 'Viewlet.createPlaceholder':
+      return createPlaceholder;
+    case 'Viewlet.dispose':
+      return dispose$3;
+    case 'Viewlet.focus':
+      return focus$1;
     case 'Viewlet.focusElementByName':
       return focusElementByName;
-    case 'Viewlet.setValueByName':
-      return setValueByName;
-    case 'Viewlet.setCheckBoxValue':
-      return setCheckBoxValue;
+    case 'Viewlet.focusSelector':
+      return focusSelector;
     case 'Viewlet.registerEventListeners':
       return registerEventListeners;
-    case 'Viewlet.setPatches':
-      return setPatches;
+    case 'Viewlet.replaceChildren':
+      return replaceChildren;
+    case 'Viewlet.send':
+      return invoke;
+    case 'Viewlet.setBounds':
+      return setBounds$1;
+    case 'Viewlet.setCheckBoxValue':
+      return setCheckBoxValue;
+    case 'Viewlet.setDom':
+      return setDom;
+    case 'Viewlet.setDom2':
+      return setDom2;
     case 'Viewlet.setDragData':
       return setDragData;
-    case 'Viewlet.focusSelector':
-      return focusSelector;
     case 'Viewlet.setInputValues':
       return setInputValues;
+    case 'Viewlet.setPatches':
+      return setPatches;
     case 'Viewlet.setProperty':
       return setProperty;
-    case 'Viewlet.replaceChildren':
-      return replaceChildren;
-    case 'Css.addCssStyleSheet':
-    case 'Viewlet.addCss':
-    case 'Viewlet.setCss':
-      return addCssStyleSheet;
+    case 'Viewlet.setValueByName':
+      return setValueByName;
+    case 'Viewlet.show':
+      return show;
     default:
       throw new Error(`unknown command ${command}`);
   }
@@ -9512,8 +9522,8 @@ const getFilePathElectron = async file => {
 
 const handleMessagePort = async port => {
   await PlainMessagePortRpcParent.create({
-    messagePort: port,
-    commandMap: {}
+    commandMap: {},
+    messagePort: port
   });
 };
 
@@ -9526,8 +9536,8 @@ const set = ($Iframe, permissionPolicy) => {
 
 const waitForFrameToLoad = $Frame => {
   const {
-    resolve,
-    promise
+    promise,
+    resolve
   } = withResolvers();
   $Frame.addEventListener('load', resolve, {
     once: true
@@ -9644,6 +9654,7 @@ const commandMap = {
   'PointerCapture.unmock': unmock,
   'Prompt.prompt': prompt,
   'ScreenCapture.start': start,
+  'TestFrameWork.checkConditionError': checkConditionError,
   'TestFrameWork.checkMultiElementCondition': checkMultiElementCondition,
   'TestFrameWork.checkSingleElementCondition': checkSingleElementCondition,
   'TestFrameWork.performAction': performAction,
@@ -9652,7 +9663,6 @@ const commandMap = {
   'TestFrameWork.showOverlay': showOverlay,
   'TestFrameWork.transfer': transfer,
   'TestFrameWork.transferToWebView': transferToWebView,
-  'TestFrameWork.checkConditionError': checkConditionError,
   'Viewlet.addKeyBindings': addKeyBindings,
   'Viewlet.appendViewlet': appendViewlet,
   'Viewlet.dispose': dispose$3,
@@ -9697,10 +9707,10 @@ const editorWorkerUrl = getConfiguredEditorWorkerUrl() || `${assetDir}/packages/
 
 const launchEditorWorker = async port => {
   const ipc = await create$z({
-    name: 'Editor Worker',
-    url: editorWorkerUrl,
     method: ModuleWorkerWithMessagePort,
-    port
+    name: 'Editor Worker',
+    port,
+    url: editorWorkerUrl
   });
   return ipc;
 };
@@ -9725,10 +9735,10 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
   const ipc = await create$z({
-    name,
-    url: extensionHostWorkerUrl,
     method: ModuleWorkerWithMessagePort,
-    port
+    name,
+    port,
+    url: extensionHostWorkerUrl
   });
   return ipc;
 };
@@ -9753,10 +9763,10 @@ const syntaxHighlightingWorkerUrl = getConfiguredSyntaxHighlightingWorkerUrl() |
 
 const launchSyntaxHighlightingWorker = async port => {
   const ipc = await create$z({
-    name: 'Syntax Highlighting Worker',
-    url: syntaxHighlightingWorkerUrl,
     method: ModuleWorkerWithMessagePort,
-    port
+    name: 'Syntax Highlighting Worker',
+    port,
+    url: syntaxHighlightingWorkerUrl
   });
   return ipc;
 };
@@ -9891,8 +9901,8 @@ const cleanLine = line => {
 const getDetails = lines => {
   const index = lines.findIndex(isNormalStackLine);
   return {
-    custom: lines.slice(0, index),
-    actualStack: lines.slice(index).map(cleanLine)
+    actualStack: lines.slice(index).map(cleanLine),
+    custom: lines.slice(0, index)
   };
 };
 const mergeCustom = (custom, relevantStack) => {
@@ -9915,8 +9925,8 @@ const cleanStack = stack => {
   string(stack);
   const lines = splitLines$2(stack);
   const {
-    custom,
-    actualStack
+    actualStack,
+    custom
   } = getDetails(lines);
   const relevantStack = actualStack.filter(isRelevantLine).filter(isApplicationUsefulLine);
   const merged = mergeCustom(custom, relevantStack);
@@ -9962,11 +9972,11 @@ const getErrorMessage = error => {
 const prepareErrorMessageWithCodeFrame = error => {
   if (!error) {
     return {
+      _error: error,
+      codeFrame: undefined,
       message: error,
       stack: undefined,
-      codeFrame: undefined,
-      type: 'Error',
-      _error: error
+      type: 'Error'
     };
   }
   const message = getErrorMessage(error);
@@ -9974,20 +9984,20 @@ const prepareErrorMessageWithCodeFrame = error => {
   const relevantStack = joinLines$2(lines);
   if (error.codeFrame) {
     return {
+      _error: error,
+      codeFrame: error.codeFrame,
       message,
       stack: relevantStack,
-      codeFrame: error.codeFrame,
-      type: error.constructor.name,
-      _error: error
+      type: error.constructor.name
     };
   }
   return {
+    _error: error,
+    category: error.category,
+    codeFrame: error.originalCodeFrame,
     message,
     stack: error.originalStack,
-    codeFrame: error.originalCodeFrame,
-    category: error.category,
-    stderr: error.stderr,
-    _error: error
+    stderr: error.stderr
   };
 };
 const RE_PATH_1 = /\((.*):(\d+):(\d+)\)$/;
@@ -10026,9 +10036,9 @@ const prepareErrorMessageWithoutCodeFrame = async error => {
       return error;
     }
     return {
+      _error: error,
       message: error?.message || '',
-      type: error.constructor.name,
-      _error: error
+      type: error.constructor.name
     };
   } catch (otherError) {
     warn$1(`ErrorHandling Error: ${otherError}`);
@@ -10264,26 +10274,26 @@ const setTerminal = (state, canvasCursorId, canvasTextId) => {
   } = state;
   const terminal = create$1({
     $Element: $Viewlet,
-    handleKeyDown: (...args) => {
-      handleKeyDown({
-        target: $Viewlet
-      }, ...args);
-    },
+    background: `#1b2020`,
+    canvasCursor,
+    canvasText,
+    foreground: 'white',
     handleBlur: (...args) => {
       // @ts-ignore
       handleBlur({
         target: $Viewlet
       }, ...args);
     },
+    handleKeyDown: (...args) => {
+      handleKeyDown({
+        target: $Viewlet
+      }, ...args);
+    },
     handleMouseDown: (...args) => {
       handleMouseDown({
         target: $Viewlet
       }, ...args);
-    },
-    background: `#1b2020`,
-    foreground: 'white',
-    canvasText,
-    canvasCursor
+    }
   });
   state.terminal = terminal;
 };