@lvce-editor/renderer-process 21.20.0 → 22.1.0

package/dist/rendererProcessMain.js

@@ -572,6 +572,21 @@ const attachEvent$1 = ($Node, eventMap, key, value, newEventMap) => {
   const wrapped = getWrappedListener$1(listener, eventMap.returnValue);
   $Node.addEventListener(keyLower, wrapped, options);
 };
+const STYLE_REGEX = /([^:;]+):\s*([^;]+)/g;
+const KEBAB_CASE_REGEX = /-([a-z])/g;
+const setStyle = ($Element, styleString) => {
+  if (typeof styleString !== 'string') {
+    return;
+  }
+  let match;
+  while ((match = STYLE_REGEX.exec(styleString)) !== null) {
+    const key = match[1].trim();
+    const value = match[2].trim();
+    // Convert kebab-case to camelCase for CSS properties with dashes
+    const camelCaseKey = key.replaceAll(KEBAB_CASE_REGEX, (_, char) => char.toUpperCase());
+    $Element.style[camelCaseKey] = value;
+  }
+};
 const setProp = ($Element, key, value, eventMap, newEventMap) => {
   switch (key) {
     case 'ariaActivedescendant':
@@ -595,6 +610,9 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
         $Element.removeAttribute('aria-owns');
       }
       break;
+    case 'childCount':
+    case 'type':
+      break;
     case 'height':
     case 'width':
       if ($Element instanceof HTMLImageElement) {
@@ -642,8 +660,11 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
     case 'onFocusIn':
     case 'onFocusOut':
     case 'onInput':
+    case 'onKeydown':
     case 'onKeyDown':
+    case 'onKeyUp':
     case 'onMouseDown':
+    case 'onMouseMove':
     case 'onMouseOut':
     case 'onMouseOver':
     case 'onPointerDown':
@@ -660,9 +681,7 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
       attachEvent$1($Element, eventMap, eventName, value, newEventMap);
       break;
     case 'style':
-      throw new Error('style property is not supported');
-    case 'childCount':
-    case 'type':
+      setStyle($Element, value);
       break;
     case 'translate':
       $Element.style[key] = value;
@@ -844,7 +863,7 @@ const enabled = () => {
   return ignore;
 };
 let id$1 = 0;
-const create$G = () => {
+const create$E = () => {
   return ++id$1;
 };
 const state$8 = Object.create(null);
@@ -859,7 +878,7 @@ const getFileHandles$1 = async ids => {
   return handles;
 };
 const add = promise => {
-  const id = create$G();
+  const id = create$E();
   state$8[id] = promise;
   return id;
 };
@@ -1505,7 +1524,7 @@ const getWorkerDisplayName$1 = name => {
   }
   return `${name} worker`;
 };
-const create$F = async ({
+const create$D = async ({
   name,
   url
 }) => {
@@ -1572,7 +1591,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker$2 = {
   __proto__: null,
-  create: create$F,
+  create: create$D,
   wrap
 };
 
@@ -1580,7 +1599,7 @@ const isMessagePort$1 = value => {
   return value instanceof MessagePort;
 };
 
-const create$E = async ({
+const create$C = async ({
   url
 }) => {
   string(url);
@@ -1601,10 +1620,10 @@ const create$E = async ({
 
 const IpcParentWithMessagePort$2 = {
   __proto__: null,
-  create: create$E
+  create: create$C
 };
 
-const create$D = async url => {
+const create$B = async url => {
   const referencePort = await new Promise(resolve => {
     globalThis.acceptReferencePort = resolve;
     import(url);
@@ -1615,7 +1634,7 @@ const create$D = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$D
+  create: create$B
 };
 
 const normalizeLine = line => {
@@ -1760,7 +1779,7 @@ const fixElectronParameters = value => {
     transfer
   };
 };
-const attachEvents$9 = that => {
+const attachEvents$7 = that => {
   const handleMessage = (...args) => {
     const data = that.getData(...args);
     that.dispatchEvent(new MessageEvent('message', {
@@ -1777,7 +1796,7 @@ class Ipc extends EventTarget {
   constructor(rawIpc) {
     super();
     this._rawIpc = rawIpc;
-    attachEvents$9(this);
+    attachEvents$7(this);
   }
 }
 const E_INCOMPATIBLE_NATIVE_MODULE = 'E_INCOMPATIBLE_NATIVE_MODULE';
@@ -2384,7 +2403,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$C = (message, result) => {
+const create$A = (message, result) => {
   return {
     jsonrpc: Two$1,
     id: message.id,
@@ -2393,7 +2412,7 @@ const create$C = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$C(message, resultProperty);
+  return create$A(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -2720,7 +2739,7 @@ const PlainMessagePortRpcParent = {
 };
 
 // TODO add test
-const create$B = async ({
+const create$z = async ({
   name,
   port,
   url
@@ -2736,7 +2755,7 @@ const create$B = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$B
+  create: create$z
 };
 
 const Web = 1;
@@ -2769,7 +2788,7 @@ const platform = getPlatform();
 const isElectron = platform === Electron;
 
 // TODO use handleIncomingIpc function
-const create$A = async ({
+const create$y = async ({
   ipcId,
   port
 }) => {
@@ -2787,7 +2806,7 @@ const create$A = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$A
+  create: create$y
 };
 
 const getModule = method => {
@@ -2898,7 +2917,7 @@ const hydrate$3 = async () => {
 };
 
 // TODO needed?
-const dispose$j = () => {
+const dispose$i = () => {
   if (state$7.rpc) {
     // @ts-expect-error
     state$7.rpc.dispose();
@@ -2923,7 +2942,7 @@ const invokeAndTransfer = (method, ...params) => {
 
 const RendererWorker = {
   __proto__: null,
-  dispose: dispose$j,
+  dispose: dispose$i,
   hydrate: hydrate$3,
   invoke: invoke$1,
   invokeAndTransfer,
@@ -2932,7 +2951,7 @@ const RendererWorker = {
   state: state$7
 };
 
-const create$z = async ({
+const create$x = async ({
   method,
   ...options
 }) => {
@@ -3053,7 +3072,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$y = (type, message) => {
+const create$w = (type, message) => {
   // TODO this pattern might be also useful for activitybar, sidebar etc., creating elements as late as possible, only when actually needed
   const $Notification = create$Notification(message);
   append$1($Notification);
@@ -3098,7 +3117,7 @@ const createWithOptions = (type, message, options) => {
   const $Notification = create$NotificationWithOptions(message, options);
   append$1($Notification);
 };
-const dispose$i = id => {
+const dispose$h = id => {
   // const $Notification = state.$Notifications
 };
 
@@ -3115,7 +3134,7 @@ const set$6 = (canvasId, canvas) => {
 const get$4 = id => {
   return get$5(id);
 };
-const create$x = async (canvasId, objectId) => {
+const create$v = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$6(canvasId, canvas);
@@ -3150,7 +3169,6 @@ const Complementary = 'complementary';
 const Group = 'group';
 const ListBox = 'listbox';
 const Log = 'log';
-const Main$1 = 'main';
 const Menu = 'menu';
 const None$2 = 'none';
 const Status = 'status';
@@ -3180,11 +3198,6 @@ const CompositionUpdate = 'compositionupdate';
 const ContextMenu = 'contextmenu';
 const Cut = 'cut';
 const DoubleClick = 'dblclick';
-const DragEnd = 'dragend';
-const DragLeave = 'dragleave';
-const DragOver = 'dragover';
-const DragStart = 'dragstart';
-const Drop = 'drop';
 const Error$2 = 'error';
 const Focus = 'focus';
 const FocusIn = 'focusin';
@@ -3249,7 +3262,7 @@ const getElement = () => {
   return state$4.$PreviousFocusElement;
 };
 
-const focus$f = $Element => {
+const focus$e = $Element => {
   if ($Element === document.activeElement) {
     return;
   }
@@ -3441,7 +3454,7 @@ const create$Menu$1 = () => {
   // })
   $Menu.onkeydown = handleKeyDown$5;
   $Menu.addEventListener(FocusOut, handleFocusOut$1);
-  $Menu.oncontextmenu = handleContextMenu$9;
+  $Menu.oncontextmenu = handleContextMenu$8;
   // $ContextMenu.onfocus = handleFocus
   // $ContextMenu.onblur = handleBlur
   return $Menu;
@@ -3470,14 +3483,14 @@ const handleBackDropMouseDown = event => {
   stopPropagation(event);
   send(/* Menu.hide */'Menu.hide');
 };
-const handleContextMenu$9 = event => {
+const handleContextMenu$8 = event => {
   preventDefault(event);
 };
 const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mouseBlocking = false) => {
   if (mouseBlocking) {
     const $BackDrop = create$BackDrop();
     $BackDrop.onmousedown = handleBackDropMouseDown;
-    $BackDrop.oncontextmenu = handleContextMenu$9;
+    $BackDrop.oncontextmenu = handleContextMenu$8;
     // @ts-expect-error
     state$3.$BackDrop = $BackDrop;
     append$1($BackDrop);
@@ -3498,7 +3511,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mous
   state$3.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
-    focus$f($Menu);
+    focus$e($Menu);
     send('Focus.setFocus', FocusMenu);
   }
 };
@@ -4223,6 +4236,12 @@ const transferToWebView = objectId => {
   }, '*', [port]);
 };
 
+const attachEvents$6 = ($Node, eventMap) => {
+  for (const [key, value] of Object.entries(eventMap)) {
+    $Node.addEventListener(key, value);
+  }
+};
+
 const set$3 = setComponentUid;
 const get = getComponentUid;
 const fromEvent = getComponentUidFromEvent;
@@ -4292,7 +4311,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$w = (uri, top, left) => {
+const create$u = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -4317,14 +4336,14 @@ const create$w = (uri, top, left) => {
 const update = (state, uri) => {
   state.$ImagePreviewImage.uri = uri;
 };
-const dispose$h = state => {
+const dispose$g = state => {
   remove$1(state.$ImagePreview);
 };
 
 const ImagePreview$1 = {
   __proto__: null,
-  create: create$w,
-  dispose: dispose$h,
+  create: create$u,
+  dispose: dispose$g,
   showError,
   update
 };
@@ -4371,7 +4390,7 @@ const handleFocus$9 = () => {
 
 // TODO use context menu events function again
 
-const handleContextMenu$8 = event => {
+const handleContextMenu$7 = event => {
   preventDefault(event);
   const {
     button,
@@ -4385,7 +4404,7 @@ const returnValue$8 = true;
 const ViewletActivityBarEvents = {
   __proto__: null,
   handleBlur: handleBlur$9,
-  handleContextMenu: handleContextMenu$8,
+  handleContextMenu: handleContextMenu$7,
   handleFocus: handleFocus$9,
   handleMouseDown: handleMouseDown$3,
   returnValue: returnValue$8
@@ -4447,14 +4466,14 @@ forwardViewletCommand('handleClickOpenFolder');
 forwardViewletCommand('handleClickRestore');
 const handleClickTab$2 = forwardViewletCommand('handleClickTab');
 forwardViewletCommand('handleClickToggleMaximize');
-const handleContextMenu$7 = forwardViewletCommand('handleContextMenu');
+const handleContextMenu$6 = forwardViewletCommand('handleContextMenu');
 forwardViewletCommand('handleDoubleClick');
-const handleDragEnd$1 = forwardViewletCommand('handleDragEnd');
-const handleDragLeave$1 = forwardViewletCommand('handleDragLeave');
-const handleDragOver$2 = forwardViewletCommand('handleDragOver');
+forwardViewletCommand('handleDragEnd');
+forwardViewletCommand('handleDragLeave');
+forwardViewletCommand('handleDragOver');
+forwardViewletCommand('handleDrop');
+forwardViewletCommand('handleDropFilePath');
 forwardViewletCommand('handleDrop');
-const handleDropFilePath = forwardViewletCommand('handleDropFilePath');
-const handleDropFiles = forwardViewletCommand('handleDrop');
 forwardViewletCommand('handleFeaturesClick');
 forwardViewletCommand('handleClickSize');
 forwardViewletCommand('handleClickDisable');
@@ -4493,14 +4512,14 @@ forwardViewletCommand('handleScrollBarMove');
 forwardViewletCommand('handleScrollBarVerticalPointerDown');
 forwardViewletCommand('handleSliderPointerDown');
 forwardViewletCommand('handleSliderPointerMove');
-const handleTabClick = forwardViewletCommand('handleTabClick');
-const handleTabContextMenu = forwardViewletCommand('handleTabContextMenu');
-const handleTabDrop = forwardViewletCommand('handleTabDrop');
+forwardViewletCommand('handleTabClick');
+forwardViewletCommand('handleTabContextMenu');
+forwardViewletCommand('handleTabDrop');
 forwardViewletCommand('handleTabsClick');
-const handleTabsDragOver = forwardViewletCommand('handleTabsDragOver');
+forwardViewletCommand('handleTabsDragOver');
 forwardViewletCommand('handleTabsPointerOut');
 forwardViewletCommand('handleTabsPointerOver');
-const handleTabsWheel$1 = forwardViewletCommand('handleTabsWheel');
+forwardViewletCommand('handleTabsWheel');
 forwardViewletCommand('handleTouchEnd');
 forwardViewletCommand('handleTouchMove');
 forwardViewletCommand('handleTouchStart');
@@ -4548,14 +4567,14 @@ const ViewletAudio = {
   Events: Events$4
 };
 
-const create$v = () => {
+const create$t = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
     $Viewlet
   };
 };
-const dispose$g = state => {};
+const dispose$f = state => {};
 const refresh$4 = () => {};
 const setTime = (state, time) => {
   object(state);
@@ -4565,8 +4584,8 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$v,
-  dispose: dispose$g,
+  create: create$t,
+  dispose: dispose$f,
   refresh: refresh$4,
   setTime
 };
@@ -4594,7 +4613,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$u = (pointerDown, pointerMove, pointerUp) => {
+const create$s = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -4627,7 +4646,7 @@ const create$u = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$u(event => {
+const handleSliderPointerDown = create$s(event => {
   const {
     clientX,
     clientY
@@ -4709,7 +4728,7 @@ const ViewletDebugConsoleEvents = {
   handleInput: handleInput$5
 };
 
-const create$t = () => {
+const create$r = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
@@ -4725,7 +4744,7 @@ const setDom$9 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$t,
+  create: create$r,
   setDom: setDom$9
 };
 
@@ -4762,7 +4781,7 @@ const setValue$2 = (state, value) => {
   const $Input = $Viewlet.querySelector('input');
   $Input.value = value;
 };
-const focus$e = state => {
+const focus$d = state => {
   const {
     $Viewlet
   } = state;
@@ -4773,7 +4792,7 @@ const focus$e = state => {
 const ViewletDefineKeyBinding = {
   __proto__: null,
   Events: ViewletDefineKeyBindingEvents,
-  focus: focus$e,
+  focus: focus$d,
   setValue: setValue$2
 };
 
@@ -4786,7 +4805,7 @@ const setMaskImage = ($Element, icon) => {
   }
 };
 
-const create$s = icon => {
+const create$q = icon => {
   const $Icon = document.createElement('div');
   $Icon.className = 'MaskIcon';
   setMaskImage($Icon, icon);
@@ -4796,7 +4815,7 @@ const create$s = icon => {
 
 const create$Button = (label, icon) => {
   // TODO icon div might not be needed (unnecessary html element)
-  const $Icon = create$s(icon);
+  const $Icon = create$q(icon);
   const $Button = document.createElement('button');
   $Button.className = 'IconButton';
   $Button.title = label;
@@ -4817,7 +4836,7 @@ const handleClick$4 = event => {
   handleClick$5(index);
 };
 
-const create$r = () => {
+const create$p = () => {
   const $DialogTitle = document.createElement('h2');
   $DialogTitle.id = 'DialogTitle';
   const $DialogCloseButton = create$Button('Close', 'Close');
@@ -4898,7 +4917,7 @@ const setErrorStack = (state, errorStack) => {
 
 const ViewletDialog = {
   __proto__: null,
-  create: create$r,
+  create: create$p,
   postAppend,
   setButtons,
   setCodeFrame,
@@ -4952,7 +4971,7 @@ const handleClickAt$2 = event => {
 const handleLoad$3 = event => {
   return ['handleLoad'];
 };
-const handleContextMenu$6 = event => {
+const handleContextMenu$5 = event => {
   preventDefault(event);
   const {
     button,
@@ -4961,7 +4980,7 @@ const handleContextMenu$6 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$u(event => {
+const handleSashCornerPointerDown = create$s(event => {
   const {
     clientX,
     clientY
@@ -4985,7 +5004,7 @@ const returnValue$6 = true;
 const ViewletE2eTestEvents = {
   __proto__: null,
   handleClickAt: handleClickAt$2,
-  handleContextMenu: handleContextMenu$6,
+  handleContextMenu: handleContextMenu$5,
   handleLoad: handleLoad$3,
   handleSashCornerPointerDown,
   returnValue: returnValue$6
@@ -5049,7 +5068,7 @@ const handleClickAt$1 = event => {
 const handleLoad$2 = event => {
   return ['handleLoad'];
 };
-const handleContextMenu$5 = event => {
+const handleContextMenu$4 = event => {
   preventDefault(event);
   const {
     button,
@@ -5063,7 +5082,7 @@ const returnValue$5 = true;
 const ViewletE2eTestsEvents = {
   __proto__: null,
   handleClickAt: handleClickAt$1,
-  handleContextMenu: handleContextMenu$5,
+  handleContextMenu: handleContextMenu$4,
   handleLoad: handleLoad$2,
   returnValue: returnValue$5
 };
@@ -5160,10 +5179,10 @@ const appendWidget$5 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$f = state => {
+const dispose$e = state => {
   remove$1(state.$Viewlet);
 };
-const focus$d = (state, key, source) => {
+const focus$c = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -5186,17 +5205,11 @@ const ViewletEditorCodeGenerator = {
   __proto__: null,
   Events: ViewletEditorCodeGeneratorEvents,
   appendWidget: appendWidget$5,
-  dispose: dispose$f,
-  focus: focus$d,
+  dispose: dispose$e,
+  focus: focus$c,
   setBounds: setBounds$9
 };
 
-const attachEvents$8 = ($Node, eventMap) => {
-  for (const [key, value] of Object.entries(eventMap)) {
-    $Node.addEventListener(key, value);
-  }
-};
-
 const Passive = {
   passive: true
 };
@@ -5310,7 +5323,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$q = () => {
+const create$o = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -5334,17 +5347,17 @@ const create$q = () => {
     $Viewlet
   };
 };
-const attachEvents$7 = state => {
+const attachEvents$5 = state => {
   const {
     $ListItems,
     $ScrollBar,
     $Viewlet
   } = state;
   $Viewlet.addEventListener(Wheel, handleWheel$2, Passive);
-  attachEvents$8($ListItems, {
+  attachEvents$6($ListItems, {
     [MouseDown]: handleMousedown
   });
-  attachEvents$8($ScrollBar, {
+  attachEvents$6($ScrollBar, {
     [PointerDown]: handleScrollBarPointerDown$1
   });
 };
@@ -5363,7 +5376,7 @@ const setDom$8 = (state, dom) => {
   // TODO recycle nodes
   // TODO set right aria attributes on $EditorInput
 };
-const dispose$e = state => {
+const dispose$d = state => {
   remove$1(state.$Viewlet);
   // state.$EditorInput.removeAttribute('aria-activedescendant')
 };
@@ -5393,9 +5406,9 @@ const setBounds$8 = (state, x, y, width, height) => {
 
 const ViewletEditorCompletion = {
   __proto__: null,
-  attachEvents: attachEvents$7,
-  create: create$q,
-  dispose: dispose$e,
+  attachEvents: attachEvents$5,
+  create: create$o,
+  dispose: dispose$d,
   handleError: handleError$6,
   setBounds: setBounds$8,
   setContentHeight,
@@ -5417,7 +5430,7 @@ const ViewletEditorCompletionDetailsEvents = {
   returnValue: returnValue$4
 };
 
-const create$p = () => {
+const create$n = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorCompletionDetails';
   $Viewlet.id = 'CompletionsDetails';
@@ -5425,7 +5438,7 @@ const create$p = () => {
     $Viewlet
   };
 };
-const attachEvents$6 = state => {
+const attachEvents$4 = state => {
   // TODO
 };
 const setDom$7 = (state, dom) => {
@@ -5443,7 +5456,7 @@ const appendWidget$4 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$d = state => {
+const dispose$c = state => {
   remove$1(state.$Viewlet);
 };
 const setBounds$7 = (state, x, y, width, height) => {
@@ -5457,9 +5470,9 @@ const ViewletEditorCompletionDetails = {
   __proto__: null,
   Events: ViewletEditorCompletionDetailsEvents,
   appendWidget: appendWidget$4,
-  attachEvents: attachEvents$6,
-  create: create$p,
-  dispose: dispose$d,
+  attachEvents: attachEvents$4,
+  create: create$n,
+  dispose: dispose$c,
   setBounds: setBounds$7,
   setDom: setDom$7
 };
@@ -5477,7 +5490,7 @@ const ViewletEditorCompletionDetails = {
 
 // TODO aria alert
 
-const create$o = () => {
+const create$m = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorError';
   return {
@@ -5499,13 +5512,13 @@ const setBounds$6 = (state, x, y, width, height) => {
 
 const ViewletEditorError = {
   __proto__: null,
-  create: create$o,
+  create: create$m,
   setBounds: setBounds$6,
   setDom: setDom$6
 };
 
 const returnValue$3 = true;
-const handleSashPointerDown$2 = create$u(event => {
+const handleSashPointerDown$2 = create$s(event => {
   const {
     clientX,
     clientY
@@ -5639,7 +5652,7 @@ const handleWheel$1 = event => {
  *
  * @param {MouseEvent} event
  */
-const handleContextMenu$4 = event => {
+const handleContextMenu$3 = event => {
   preventDefault(event);
   const {
     button,
@@ -5647,7 +5660,7 @@ const handleContextMenu$4 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$7(uid, button, clientX, clientY);
+  handleContextMenu$6(uid, button, clientX, clientY);
 };
 const handleError$5 = event => {
   const uid = fromEvent(event);
@@ -5658,19 +5671,19 @@ const handleFocus$6 = event => {
   handleFocus$8(uid);
 };
 
-const create$n = () => {
+const create$l = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorImage';
   return {
     $Viewlet
   };
 };
-const attachEvents$5 = state => {
+const attachEvents$3 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$8($Viewlet, {
-    [ContextMenu]: handleContextMenu$4,
+  attachEvents$6($Viewlet, {
+    [ContextMenu]: handleContextMenu$3,
     [FocusIn]: handleFocus$6,
     [PointerDown]: handlePointerDown$1,
     [PointerUp]: handlePointerUp
@@ -5700,14 +5713,14 @@ const setDom$4 = (state, dom) => {
 
 const ViewletEditorImage = {
   __proto__: null,
-  attachEvents: attachEvents$5,
-  create: create$n,
+  attachEvents: attachEvents$3,
+  create: create$l,
   setDom: setDom$4,
   setDragging,
   setTransform
 };
 
-const create$m = () => {
+const create$k = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorText';
   $Viewlet.textContent = 'loading...';
@@ -5715,7 +5728,7 @@ const create$m = () => {
     $Viewlet
   };
 };
-const dispose$c = state => {};
+const dispose$b = state => {};
 const refresh$3 = (state, context) => {
   object(state);
   string(context.content);
@@ -5724,8 +5737,8 @@ const refresh$3 = (state, context) => {
 
 const ViewletEditorPlainText = {
   __proto__: null,
-  create: create$m,
-  dispose: dispose$c,
+  create: create$k,
+  dispose: dispose$b,
   refresh: refresh$3
 };
 
@@ -5753,7 +5766,7 @@ const appendWidget$2 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$b = state => {
+const dispose$a = state => {
   remove$1(state.$Viewlet);
 };
 
@@ -5761,7 +5774,7 @@ const ViewletEditorSourceActions = {
   __proto__: null,
   Events: ViewletEditorSourceActionsEvents,
   appendWidget: appendWidget$2,
-  dispose: dispose$b,
+  dispose: dispose$a,
   setBounds: setBounds$4
 };
 
@@ -5995,7 +6008,7 @@ const handlePaste = event => {
   const text = getText(clipboardData);
   return ['paste', text];
 };
-const handleScrollBarVerticalPointerDown = create$u(event => {
+const handleScrollBarVerticalPointerDown = create$s(event => {
   const {
     clientY
   } = event;
@@ -6050,7 +6063,7 @@ const handleScrollBarContextMenu = event => {
   preventDefault(event);
   stopPropagation(event);
 };
-const handleContextMenu$3 = event => {
+const handleContextMenu$2 = event => {
   preventDefault(event);
   const {
     button,
@@ -6118,7 +6131,7 @@ const setLineInfos = (state, dom) => {
 // 1. create -> only create dom elements
 // 2. render -> fill elements with attributes and data
 // that way all dom nodes can be recycled
-const create$l = () => {
+const create$j = () => {
   const $EditorInput = document.createElement('textarea');
   $EditorInput.className = 'EditorInput';
   $EditorInput.ariaAutoComplete = List;
@@ -6206,7 +6219,7 @@ const create$l = () => {
   $Editor.role = Code;
   $Editor.append($LayerGutter, $EditorContent);
   attachEventsFunctional($Editor, {
-    [ContextMenu]: handleContextMenu$3,
+    [ContextMenu]: handleContextMenu$2,
     [Wheel]: handleWheel,
     returnValue: true
   });
@@ -6285,7 +6298,7 @@ const setDecorationsDom$1 = (state, decorations) => {
   setDecorationsDom$2(state, decorations);
 };
 
-const create$k = create$l;
+const create$i = create$j;
 const setText$1 = setText$2;
 const setSelections = setSelections$1;
 const setIncrementalEdits = setIncrementalEdits$1;
@@ -6322,13 +6335,13 @@ const hideOverlayMessage = state => {
   }
 };
 const setFocused$1 = setFocused$2;
-const focus$c = setFocused$2;
+const focus$b = setFocused$2;
 const setDecorationsDom = setDecorationsDom$1;
 
 const ViewletEditorText = {
   __proto__: null,
-  create: create$k,
-  focus: focus$c,
+  create: create$i,
+  focus: focus$b,
   handleError: handleError$4,
   hideOverlayMessage,
   highlightAsLink,
@@ -6343,7 +6356,7 @@ const ViewletEditorText = {
   showOverlayMessage
 };
 
-const create$j = () => {
+const create$h = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorTextError';
   return {
@@ -6359,11 +6372,11 @@ const setMessage$3 = (state, message) => {
 
 const ViewletEditorTextError = {
   __proto__: null,
-  create: create$j,
+  create: create$h,
   setMessage: setMessage$3
 };
 
-const create$i = () => {
+const create$g = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorWidgetError EditorOverlayMessage';
   return {
@@ -6386,12 +6399,12 @@ const setBounds$3 = (state, x, y, width, height) => {
 
 const ViewletEditorWidgetError = {
   __proto__: null,
-  create: create$i,
+  create: create$g,
   setBounds: setBounds$3,
   setMessage: setMessage$2
 };
 
-const create$h = () => {
+const create$f = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.dataset.viewlet = 'Empty';
   $Viewlet.className = 'Viewlet';
@@ -6400,18 +6413,18 @@ const create$h = () => {
   };
 };
 const refresh$2 = (state, context) => {};
-const focus$b = state => {};
-const dispose$a = state => {};
+const focus$a = state => {};
+const dispose$9 = state => {};
 
 const ViewletEmpty = {
   __proto__: null,
-  create: create$h,
-  dispose: dispose$a,
-  focus: focus$b,
+  create: create$f,
+  dispose: dispose$9,
+  focus: focus$a,
   refresh: refresh$2
 };
 
-const create$g = () => {
+const create$e = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EmptyEditor';
   return {
@@ -6421,10 +6434,10 @@ const create$g = () => {
 
 const ViewletEmptyEditor = {
   __proto__: null,
-  create: create$g
+  create: create$e
 };
 
-const create$f = () => {
+const create$d = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Error';
   return {
@@ -6440,7 +6453,7 @@ const setMessage$1 = (state, message) => {
 
 const ViewletError = {
   __proto__: null,
-  create: create$f,
+  create: create$d,
   setMessage: setMessage$1
 };
 
@@ -6533,7 +6546,7 @@ const ViewletFindWidgetEvents = {
   returnValue: returnValue$2
 };
 
-const create$e = () => {
+const create$c = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet FindWidget';
   $Viewlet.role = Group;
@@ -6541,7 +6554,7 @@ const create$e = () => {
     $Viewlet
   };
 };
-const focus$a = (state, key, source) => {
+const focus$9 = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -6587,7 +6600,7 @@ const setBounds$2 = (state, x, y, width, height) => {
   } = state;
   setBounds$a($Viewlet, x, y, width, height);
 };
-const dispose$9 = state => {
+const dispose$8 = state => {
   remove$1(state.$Viewlet);
 };
 const Events$3 = ViewletFindWidgetEvents;
@@ -6596,9 +6609,9 @@ const ViewletFindWidget = {
   __proto__: null,
   Events: Events$3,
   appendWidget: appendWidget$1,
-  create: create$e,
-  dispose: dispose$9,
-  focus: focus$a,
+  create: create$c,
+  dispose: dispose$8,
+  focus: focus$9,
   setBounds: setBounds$2,
   setDom: setDom$3,
   setValue: setValue$1
@@ -6645,7 +6658,7 @@ const handleError$3 = (state, message) => {
   } = state;
   $Message.textContent = message;
 };
-const focus$9 = state => {
+const focus$8 = state => {
   const {
     $Locations
   } = state;
@@ -6657,7 +6670,7 @@ const focus$9 = state => {
 const ViewletImplementations = {
   __proto__: null,
   Events: ViewletLocationsEvents,
-  focus: focus$9,
+  focus: focus$8,
   handleError: handleError$3,
   setFocusedIndex: setFocusedIndex$1
 };
@@ -7259,7 +7272,7 @@ const handleBlur$3 = () => {
 const handleKeyDown$1 = handleKeyDown$2;
 const handleKeyUp = handleKeyUp$1;
 
-const create$d = () => {
+const create$b = () => {
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashSideBar = document.createElement('div');
   $SashSideBar.className = 'Viewlet Sash SashVertical';
@@ -7280,20 +7293,20 @@ const create$d = () => {
     $Viewlet
   };
 };
-const attachEvents$4 = state => {
+const attachEvents$2 = state => {
   const {
     $SashPanel,
     $SashSideBar
   } = state;
-  attachEvents$8($SashSideBar, {
+  attachEvents$6($SashSideBar, {
     [DoubleClick]: handleSashDoubleClick,
     [PointerDown]: handleSashPointerDown
   });
-  attachEvents$8($SashPanel, {
+  attachEvents$6($SashPanel, {
     [DoubleClick]: handleSashDoubleClick,
     [PointerDown]: handleSashPointerDown
   });
-  attachEvents$8(window, {
+  attachEvents$6(window, {
     [Blur]: handleBlur$3,
     [Focus]: handleFocus$2,
     [KeyDown]: handleKeyDown$1,
@@ -7313,333 +7326,10 @@ const setSashes = (state, sashSideBar, sashPanel) => {
 };
 
 const ViewletLayout = {
-  __proto__: null,
-  attachEvents: attachEvents$4,
-  create: create$d,
-  setSashes
-};
-
-const CopyMove = 'copyMove';
-
-const ResourceUrls = 'resourceurls';
-
-const setEffectAllowed = (dataTransfer, effectAllowed) => {
-  object(dataTransfer);
-  string(effectAllowed);
-  dataTransfer.effectAllowed = effectAllowed;
-};
-const getFilePaths = dataTransfer => {
-  const data = dataTransfer.getData(ResourceUrls);
-  if (data) {
-    const parsed = JSON.parse(data);
-    if (Array.isArray(parsed) && data.length > 0) {
-      return parsed;
-    }
-  }
-  return [];
-};
-const getFilePath = dataTransfer => {
-  const filePaths = getFilePaths(dataTransfer);
-  if (filePaths.length === 0) {
-    return '';
-  }
-  return filePaths[0];
-};
-
-const handleDragOver$1 = event => {
-  preventDefault(event);
-  const {
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleDragOver$2(uid, clientX, clientY);
-};
-const handleDragEnd = event => {
-  const {
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleDragEnd$1(uid, clientX, clientY);
-};
-const handleDragLeave = event => {
-  const {
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleDragLeave$1(uid, clientX, clientY);
-};
-
-/**
- *
- * @param {DragEvent} event
- */
-const handleDrop$1 = event => {
-  preventDefault(event);
-  const {
-    clientX,
-    clientY,
-    dataTransfer
-  } = event;
-  const {
-    files
-  } = dataTransfer;
-  const uid = fromEvent(event);
-  if (files.length > 0) {
-    return handleDropFiles(uid, clientX, clientY, files);
-  }
-  const filePath = getFilePath(dataTransfer);
-  if (filePath) {
-    handleDropFilePath(uid, clientX, clientY, filePath);
-  }
-};
-
-const handleContextMenu$2 = event => {
-  if (event.defaultPrevented) {
-    return;
-  }
-  preventDefault(event);
-  const {
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleContextMenu$7(uid, clientX, clientY);
-};
-
-// TODO Main should not be bound to Editor -> Lazy load Editor
-const create$c = () => {
-  const $Viewlet = document.createElement('div');
-  $Viewlet.id = 'Main';
-  $Viewlet.className = 'Viewlet Main';
-  $Viewlet.role = Main$1;
-
-  // const $MainTabs = document.createElement('div')
-  // $MainTabs.className = 'MainTabs'
-  // $MainTabs.onmousedown = handleTabsMouseDown
-  // $MainTabs.oncontextmenu = handleTabsContextMenu
-  // // TODO race condition: what if tab has already been closed?
-  // $Main.append($MainTabs, $MainContent)
-
-  return {
-    $DragOverlay: undefined,
-    $Main: $Viewlet,
-    $MainContent: undefined,
-    $MainTabs: undefined,
-    $Viewlet
-  };
-};
-const attachEvents$3 = state => {
-  const {
-    $Viewlet
-  } = state;
-  attachEvents$8($Viewlet, {
-    [ContextMenu]: handleContextMenu$2,
-    [DragEnd]: handleDragEnd,
-    [DragLeave]: handleDragLeave,
-    [DragOver]: handleDragOver$1,
-    [Drop]: handleDrop$1
-  });
-};
-const dispose$8 = state => {};
-const replaceEditor = (state, id, uri, languageId) => {};
-const addEditor = (state, id, uri, languageId) => {};
-
-// TODO there are 3 cases
-// 1. no editor group and no editor
-// 2. editor group exists and new editor should be added
-// 3. editor group exists and editor should be replaced
-const openEditor = async (state, id, uri, languageId) => {};
-const closeAllViewlets = state => {
-  const {
-    $Main
-  } = state;
-  while ($Main.firstChild) {
-    $Main.firstChild.remove();
-  }
-  state.$MainTabs = undefined;
-};
-const closeViewletAndTab = (state, index) => {
-  state.$MainTabs.remove();
-  state.$MainTabs = undefined;
-};
-const focus$8 = () => {};
-const highlightDragOver = state => {
-  const {
-    $MainTabs
-  } = state;
-  $MainTabs.classList.add('DragOver');
-};
-const stopHighlightDragOver = state => {
-  const {
-    $MainTabs
-  } = state;
-  $MainTabs.classList.remove('DragOver');
-};
-const create$DragOverlay = () => {
-  const $Overlay = document.createElement('div');
-  $Overlay.className = 'DragOverlay';
-  return $Overlay;
-};
-const setDragOverlay = (state, visible, x, y, width, height) => {
-  const hasOverlay = state.$DragOverlay;
-  if (!visible) {
-    if (hasOverlay) {
-      state.$DragOverlay.remove();
-      state.$DragOverlay = undefined;
-    }
-    return;
-  }
-  if (!hasOverlay) {
-    state.$DragOverlay = create$DragOverlay();
-  }
-  const {
-    $DragOverlay
-  } = state;
-  setBounds$a($DragOverlay, x, y, width, height);
-  if (!hasOverlay) {
-    document.body.append($DragOverlay);
-  }
-};
-
-const ViewletMain = {
-  __proto__: null,
-  addEditor,
-  attachEvents: attachEvents$3,
-  closeAllViewlets,
-  closeViewletAndTab,
-  create: create$c,
-  dispose: dispose$8,
-  focus: focus$8,
-  highlightDragOver,
-  openEditor,
-  replaceEditor,
-  setDragOverlay,
-  stopHighlightDragOver
-};
-
-// TODO
-const getUid = () => {
-  const $Main = document.getElementById('Main');
-  if (!$Main) {
-    return 0;
-  }
-  return get($Main);
-};
-const handleTabsWheel = event => {
-  const uid = getUid();
-  const {
-    deltaX,
-    deltaY
-  } = event;
-  handleTabsWheel$1(uid, deltaX, deltaY);
-};
-const handleDragStart = event => {
-  const {
-    dataTransfer,
-    target
-  } = event;
-  setEffectAllowed(dataTransfer, CopyMove);
-  dataTransfer.setData('x-lvce-drag', target.dataset.dragUid);
-};
-const handleDragOver = event => {
-  const {
-    clientX,
-    clientY
-  } = event;
-  const uid = getUid();
-  handleTabsDragOver(uid, clientX, clientY);
-};
-
-/**
- *
- * @param {DragEvent} event
- */
-const handleDrop = event => {
-  preventDefault(event);
-  const {
-    clientX,
-    clientY,
-    dataTransfer
-  } = event;
-  const item = dataTransfer.getData('x-lvce-drag');
-  const uid = getUid();
-  handleTabDrop(uid, item, clientX, clientY);
-};
-const handleTabsMouseDown = event => {
-  const {
-    button,
-    clientX,
-    clientY
-  } = event;
-  const uid = getUid();
-  handleTabClick(uid, button, clientX, clientY);
-};
-const handleTabsContextMenu = event => {
-  const {
-    clientX,
-    clientY
-  } = event;
-  preventDefault(event);
-  const uid = getUid();
-  handleTabContextMenu(uid, clientX, clientY);
-};
-
-const create$b = () => {
-  const $MainTabs = document.createElement('div');
-  $MainTabs.className = 'Viewlet MainTabs';
-  $MainTabs.role = TabList;
-  // TODO race condition: what if tab has already been closed?
-  return {
-    $MainTabs,
-    $Viewlet: $MainTabs
-  };
-};
-const attachEvents$2 = state => {
-  const {
-    $MainTabs
-  } = state;
-  attachEvents$8($MainTabs, {
-    [ContextMenu]: handleTabsContextMenu,
-    [DragOver]: handleDragOver,
-    [DragStart]: handleDragStart,
-    [Drop]: handleDrop,
-    [MouseDown]: handleTabsMouseDown
-  });
-  $MainTabs.addEventListener(Wheel, handleTabsWheel, Passive);
-};
-const setTabsDom$2 = (state, dom) => {
-  const {
-    $Viewlet
-  } = state;
-  renderInto($Viewlet, dom);
-};
-const setScrollLeft = (state, scrollLeft) => {
-  const {
-    $Viewlet
-  } = state;
-  $Viewlet.scrollLeft = scrollLeft;
-};
-const setHighlight = (state, highlightLeft) => {
-  const $ExistingHighlight = state.$Viewlet.querySelector('.TabDragHighlight');
-  if ($ExistingHighlight) {
-    $ExistingHighlight.remove();
-  }
-  const $Highlight = document.createElement('div');
-  $Highlight.className = 'TabDragHighlight';
-  $Highlight.style.left = `${highlightLeft}px`;
-  state.$Viewlet.append($Highlight);
-};
-
-const ViewletMainTabs = {
   __proto__: null,
   attachEvents: attachEvents$2,
   create: create$b,
-  setHighlight,
-  setScrollLeft,
-  setTabsDom: setTabsDom$2
+  setSashes
 };
 
 const ActivityBar = 'ActivityBar';
@@ -7666,8 +7356,6 @@ const InlineDiffEditor = 'InlineDiffEditor';
 const Implementations = 'Implementations';
 const KeyBindings = 'KeyBindings';
 const Layout = 'Layout';
-const Main = 'Main';
-const MainTabs = 'MainTabs';
 const Output = 'Output';
 const Panel = 'Panel';
 const References = 'References';
@@ -7729,7 +7417,7 @@ const handleError$2 = (state, error) => {
 };
 const focus$7 = state => {
   object(state);
-  focus$f(state.$ViewletOutputContent);
+  focus$e(state.$ViewletOutputContent);
   send('Focus.setFocus', FocusOutput);
 };
 
@@ -7845,13 +7533,13 @@ const attachEvents$1 = state => {
     $ButtonMaximize,
     $PanelHeader
   } = state;
-  attachEvents$8($PanelHeader, {
+  attachEvents$6($PanelHeader, {
     [Click]: handleHeaderClick$1
   });
-  attachEvents$8($ButtonMaximize, {
+  attachEvents$6($ButtonMaximize, {
     [Click]: handleClickMaximize
   });
-  attachEvents$8($ButtonClose, {
+  attachEvents$6($ButtonClose, {
     [Click]: handleClickClose
   });
 };
@@ -7926,7 +7614,7 @@ const ViewletPanel = {
 const ViewletReferences = {
   __proto__: null,
   Events: ViewletLocationsEvents,
-  focus: focus$9,
+  focus: focus$8,
   handleError: handleError$3,
   setFocusedIndex: setFocusedIndex$1
 };
@@ -8008,7 +7696,7 @@ const attachEvents = state => {
   const {
     $SideBarTitleArea
   } = state;
-  attachEvents$8($SideBarTitleArea, {
+  attachEvents$6($SideBarTitleArea, {
     [Click]: handleHeaderClick
   });
 };
@@ -8143,7 +7831,7 @@ const handleContextMenu$1 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$7(uid, button, clientX, clientY);
+  handleContextMenu$6(uid, button, clientX, clientY);
 };
 
 const handleFocus = event => {
@@ -8969,10 +8657,6 @@ const load$1 = moduleId => {
       return ViewletKeyBindings;
     case Layout:
       return ViewletLayout;
-    case Main:
-      return ViewletMain;
-    case MainTabs:
-      return ViewletMainTabs;
     case Output:
       return ViewletOutput;
     case Panel:
@@ -9323,6 +9007,15 @@ const move = async (uid, selector, target) => {
   // @ts-ignore
   $Target.moveBefore($Source, null);
 };
+const attachWindowEvents = () => {
+  attachEvents$6(window, {
+    [Blur]: handleBlur$3,
+    [Focus]: handleFocus$2,
+    [KeyDown]: handleKeyDown$1,
+    [KeyUp]: handleKeyUp,
+    [Resize]: handleResize
+  });
+};
 
 // TODO this code is bad
 const sendMultiple = commands => {
@@ -9361,6 +9054,10 @@ const sendMultiple = commands => {
           ariaAnnounce(viewletId);
           break;
         }
+      case 'Viewlet.attachWindowEvents':
+        // @ts-ignore
+        attachWindowEvents(viewletId, method, ...args);
+        break;
       case 'Viewlet.create':
         {
           create$3(viewletId, method);
@@ -9627,6 +9324,8 @@ const getFn = command => {
       return appendViewlet;
     case 'Viewlet.ariaAnnounce':
       return ariaAnnounce;
+    case 'Viewlet.attachWindowEvents':
+      return attachWindowEvents;
     case 'Viewlet.create':
       return create$3;
     case 'Viewlet.createFunctionalRoot':
@@ -9910,7 +9609,7 @@ const commandMap = {
   'GetFilePathElectron.getFilePathElectron': getFilePathElectron,
   'HandleMessagePort.handleMessagePort': handleMessagePort,
   'InitData.getInitData': getInitData,
-  'IpcParent.create': create$z,
+  'IpcParent.create': create$x,
   'KeyBindings.setIdentifiers': setIdentifiers,
   'Layout.getBounds': getBounds,
   'Location.getHref': getHref,
@@ -9925,10 +9624,10 @@ const commandMap = {
   'Menu.showControlled': showControlled,
   'Menu.showMenu': showMenu,
   'Meta.setThemeColor': setThemeColor,
-  'Notification.create': create$y,
+  'Notification.create': create$w,
   'Notification.createWithOptions': createWithOptions,
-  'Notification.dispose': dispose$i,
-  'OffscreenCanvas.create': create$x,
+  'Notification.dispose': dispose$h,
+  'OffscreenCanvas.create': create$v,
   'OffscreenCanvas.create2': create2,
   'Open.openUrl': openUrl,
   'Performance.getMemory': getMemory,
@@ -9989,7 +9688,7 @@ const getConfiguredEditorWorkerUrl = () => {
 const editorWorkerUrl = getConfiguredEditorWorkerUrl() || `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/editor-worker/dist/editorWorkerMain.js`;
 
 const launchEditorWorker = async port => {
-  const ipc = await create$z({
+  const ipc = await create$x({
     method: ModuleWorkerWithMessagePort,
     name: 'Editor Worker',
     port,
@@ -10017,7 +9716,7 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  const ipc = await create$z({
+  const ipc = await create$x({
     method: ModuleWorkerWithMessagePort,
     name,
     port,
@@ -10045,7 +9744,7 @@ const getConfiguredSyntaxHighlightingWorkerUrl = () => {
 const syntaxHighlightingWorkerUrl = getConfiguredSyntaxHighlightingWorkerUrl() || `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
 const launchSyntaxHighlightingWorker = async port => {
-  const ipc = await create$z({
+  const ipc = await create$x({
     method: ModuleWorkerWithMessagePort,
     name: 'Syntax Highlighting Worker',
     port,