@lvce-editor/server 0.0.31 → 0.0.34

package/static/{0e4d46a → 56964ae}/packages/renderer-process/dist/rendererProcessMain.js

@@ -363,7 +363,7 @@ var init_Platform = __esm({
       },
       getAssetDir() {
         if (true) {
-          return "/0e4d46a";
+          return "/56964ae";
         }
         if (platform === "electron") {
           return "../../../../..";
@@ -426,7 +426,7 @@ var init_Platform = __esm({
 });
 
 // src/parts/RendererWorker/RendererWorker.js
-var state3, NonError, ensureError, serializeError, handleMessageFromRendererWorker, getIpc, hydrate, send;
+var state3, NonError, ensureError, serializeError, handleMessageFromRendererWorker, getIpc, getPort, hydrate, send;
 var init_RendererWorker = __esm({
   "src/parts/RendererWorker/RendererWorker.js"() {
     "use strict";
@@ -485,7 +485,14 @@ var init_RendererWorker = __esm({
         resolve(message.id, message);
         return;
       }
-      throw new JsonRpcError("unexpected message from renderer process");
+      if (message.method === "get-port") {
+        const type2 = message.params[0];
+        const port = await getPort(type2);
+        console.log({ port });
+        state3.ipc.sendAndTransfer("port", [port]);
+        return;
+      }
+      throw new JsonRpcError("unexpected message from renderer worker");
     };
     getIpc = async () => {
       const rendererWorker = await create4({
@@ -508,27 +515,33 @@ var init_RendererWorker = __esm({
         }
       };
     };
+    getPort = (type2) => {
+      return new Promise((resolve2, reject) => {
+        const handleMessageFromWindow = (event) => {
+          const port = event.ports[0];
+          resolve2(port);
+        };
+        window.addEventListener("message", handleMessageFromWindow, {
+          once: true
+        });
+        window.myApi.ipcConnect(type2);
+      });
+    };
     hydrate = async (config) => {
       const ipc = await getIpc();
       if (isElectron()) {
-        await new Promise((resolve2, reject) => {
-          const handleIpcMessage = (event) => {
-            if (event.data !== "get-port") {
-              reject(new Error("unexpected message from renderer worker"));
-              return;
-            }
-            const handleMessageFromWindow = (event2) => {
-              const port = event2.ports[0];
-              ipc.sendAndTransfer("port", [port]);
-              resolve2();
-            };
-            window.addEventListener("message", handleMessageFromWindow, {
-              once: true
-            });
-            window.myApi.ipcConnect();
+        const event = await new Promise((resolve2, reject) => {
+          const handleIpcMessage = async (event2) => {
+            resolve2(event2);
           };
           ipc.onmessage = handleIpcMessage;
         });
+        if (event.data.method !== "get-port") {
+          throw new Error("unexpected message from renderer worker");
+        }
+        const type2 = event.data.params[0];
+        const port = await getPort(type2);
+        ipc.sendAndTransfer("port", [port]);
       }
       ipc.onmessage = handleMessageFromRendererWorker;
       state3.ipc = ipc;
@@ -1233,11 +1246,13 @@ var init_ViewletExplorer = __esm({
       const index = findIndex3($Target);
       const x = event.clientX;
       const y = event.clientY;
+      const button = event.button;
       send(
         "Explorer.handleContextMenu",
         x,
         y,
-        index
+        index,
+        button
       );
     };
     handleMouseDown = (event) => {
@@ -1549,9 +1564,10 @@ __export(ViewletSearch_exports, {
   focus: () => focus3,
   name: () => name3,
   refresh: () => refresh2,
+  setMessage: () => setMessage,
   setResults: () => setResults
 });
-var handleInput, getNodeIndex, handleClick, name3, create9, refresh2, focus3, create$Row2, render$Row2, render$RowsLess2, render$RowsEqual2, render$RowsMore2, render$Rows2, getStatusMessage, setResults, dispose4;
+var handleInput, getNodeIndex, handleClick, name3, create9, refresh2, focus3, create$Row2, render$Row2, render$RowsLess2, render$RowsEqual2, render$RowsMore2, render$Rows2, setResults, setMessage, dispose4;
 var init_ViewletSearch = __esm({
   "src/parts/ViewletSearch/ViewletSearch.js"() {
     "use strict";
@@ -1562,7 +1578,7 @@ var init_ViewletSearch = __esm({
       const $Target = event.target;
       const value = $Target.value;
       send(
-        "ViewletSearch.handleInput",
+        "Search.handleInput",
         value
       );
     };
@@ -1579,7 +1595,7 @@ var init_ViewletSearch = __esm({
         case "TreeItem":
           const index = getNodeIndex($Target);
           send(
-            "ViewletSearch.handleClick",
+            "Search.handleClick",
             index
           );
           break;
@@ -1598,9 +1614,9 @@ var init_ViewletSearch = __esm({
       $SearchResults.onmousedown = handleClick;
       const $SearchStatus = document.createElement("div");
       $SearchStatus.role = "status";
+      $SearchStatus.className = "ViewletSearchMessage";
       const $Viewlet = document.createElement("div");
       $Viewlet.dataset.viewletId = "Search";
-      $Viewlet.tabIndex = -1;
       $Viewlet.className = "Viewlet";
       $Viewlet.append($ViewletSearchInput, $SearchStatus, $SearchResults);
       return {
@@ -1685,25 +1701,14 @@ var init_ViewletSearch = __esm({
         render$RowsMore2($Rows, rowInfos);
       }
     };
-    getStatusMessage = (resultCount, fileResultCount) => {
-      if (resultCount === 0) {
-        return "No results found";
-      }
-      if (resultCount === 1 && fileResultCount === 1) {
-        return "Found 1 result in 1 file";
-      }
-      if (fileResultCount === 1) {
-        return `Found ${resultCount} results in 1 file`;
-      }
-      return `Found ${resultCount} results in ${fileResultCount} files`;
-    };
-    setResults = (state14, results, resultCount, fileResultCount) => {
+    setResults = (state14, results) => {
       object(state14);
       array(results);
-      const statusMessage = getStatusMessage(resultCount, fileResultCount);
-      state14.$SearchStatus.textContent = statusMessage;
       render$Rows2(state14.$SearchResults, results);
     };
+    setMessage = (state14, message) => {
+      state14.$SearchStatus.textContent = message;
+    };
     dispose4 = () => {
     };
   }
@@ -3171,7 +3176,7 @@ var init_termterm = __esm({
         cursorStyle = 4;
         requestAnimationFrame(render);
       };
-      const focus20 = () => {
+      const focus21 = () => {
         if (focused) {
           return;
         }
@@ -3194,7 +3199,7 @@ var init_termterm = __esm({
       textarea.addEventListener("beforeinput", handleBeforeInput3);
       root.onmousedown = (event) => {
         event.preventDefault();
-        focus20();
+        focus21();
       };
       textarea.onblur = blur;
       const WIDTH = COLS * CHAR_WIDTH$2;
@@ -3435,7 +3440,7 @@ var init_termterm = __esm({
       };
       return {
         write: write3,
-        focus: focus20,
+        focus: focus21,
         pasteText,
         writeText: pasteText,
         lines
@@ -4222,7 +4227,7 @@ var init_LayerCursor = __esm({
     };
     render$CursorsLess = ($Cursors, $Texts, cursors) => {
       for (let i = 0; i < $Cursors.children.length; i++) {
-        render$Cursor($Cursors.children[i], cursors[i]);
+        render$Cursor($Cursors.children[i], $Texts, cursors[i]);
       }
       const fragment = document.createDocumentFragment();
       for (let i = $Cursors.children.length; i < cursors.length; i++) {
@@ -4440,12 +4445,15 @@ var init_LayerSelections = __esm({
   "src/parts/Editor/LayerSelections.js"() {
     "use strict";
     init_Platform();
+    init_Assert();
     create$Selection = () => {
       const $Selection = document.createElement("div");
       $Selection.className = "EditorSelection";
       return $Selection;
     };
     render$Selection = ($Selection, selections, i) => {
+      object($Selection);
+      number(i);
       const top = selections[i * 4];
       const left = selections[i * 4 + 1];
       const width = selections[i * 4 + 2];
@@ -4457,7 +4465,7 @@ var init_LayerSelections = __esm({
     };
     render$SelectionsLess = ($Selections, childCount, selections, selectionCount) => {
       for (let i = 0, j = 0; i < childCount; i++, j += 4) {
-        render$Selection($Selections.children[i], selections[i]);
+        render$Selection($Selections.children[i], selections, i);
       }
       const fragment = document.createDocumentFragment();
       for (let i = childCount; i < selectionCount; i++) {
@@ -5715,29 +5723,72 @@ var init_ImagePreview = __esm({
   }
 });
 
+// src/parts/AriaAlert/AriaAlert.js
+var state9, create$AriaAlert, setMessage2, alert2;
+var init_AriaAlert = __esm({
+  "src/parts/AriaAlert/AriaAlert.js"() {
+    "use strict";
+    state9 = {
+      $AriaAlert1: void 0,
+      $AriaAlert2: void 0,
+      $AriaMessages: void 0
+    };
+    create$AriaAlert = () => {
+      const $AriaAlert = document.createElement("div");
+      $AriaAlert.className = "AriaAlert";
+      $AriaAlert.role = "alert";
+      $AriaAlert.ariaAtomic = "true";
+      return $AriaAlert;
+    };
+    setMessage2 = ($Old, $New, message) => {
+      $Old.textContent = String(Math.random());
+      $Old.ariaHidden = "true";
+      $New.removeAttribute("aria-hidden");
+      $New.textContent = message;
+    };
+    alert2 = (message) => {
+      if (!state9.$AriaMessages) {
+        state9.$AriaAlert1 = create$AriaAlert();
+        state9.$AriaAlert2 = create$AriaAlert();
+        state9.$AriaMessages = document.createElement("div");
+        state9.$AriaMessages.className = "monaco-aria-container";
+        state9.$AriaMessages.append(state9.$AriaAlert1, state9.$AriaAlert2);
+        document.body.append(state9.$AriaMessages);
+      }
+      const $AriaAlert1 = state9.$AriaAlert1;
+      const $AriaAlert2 = state9.$AriaAlert2;
+      if ($AriaAlert1.textContent === message) {
+        setMessage2($AriaAlert1, $AriaAlert2, message);
+      } else {
+        setMessage2($AriaAlert2, $AriaAlert1, message);
+      }
+    };
+  }
+});
+
 // src/parts/ViewletQuickPick/ViewletQuickPick.js
 var ViewletQuickPick_exports = {};
 __export(ViewletQuickPick_exports, {
   create: () => create27,
   dispose: () => dispose19,
+  focus: () => focus15,
   focusIndex: () => focusIndex,
+  hideStatus: () => hideStatus,
   setCursorOffset: () => setCursorOffset,
   setFocusedIndex: () => setFocusedIndex5,
   setPicks: () => setPicks,
   setValue: () => setValue,
   setVisiblePicks: () => setVisiblePicks,
-  showNoResults: () => showNoResults,
-  updatePicks: () => updatePicks
+  showNoResults: () => showNoResults
 });
-var getNodeIndex5, getTargetIndex, handleWheel4, handleMouseDown4, handleInput4, handleBlur4, create$QuickPickItem, focusIndex, create$QuickPickDescription, render$QuickPickItemLabel, render$QuickPickItemLess, render$QuickPickItemEqual, render$QuickPickItemMore, render$QuickPickItem, render$QuickPickItemsLess, render$QuickPickItemsEqual, render$QuickPickItemsMore, render$QuickPickItems, updatePicks, setVisiblePicks, setFocusedIndex5, handleBeforeInput2, create27, setPicks, showNoResults, dispose19, setValue, setCursorOffset;
+var getNodeIndex5, getTargetIndex, handleWheel4, handleMouseDown4, handleInput4, handleBlur4, create$QuickPickItem, focusIndex, create$QuickPickDescription, render$QuickPickItemLabel, render$QuickPickItemLess, render$QuickPickItemEqual, render$QuickPickItemMore, render$QuickPickItem, render$QuickPickItemsLess, render$QuickPickItemsEqual, render$QuickPickItemsMore, render$QuickPickItems, setVisiblePicks, setFocusedIndex5, focus15, handleBeforeInput2, create27, setPicks, create$QuickPickStatus, hideStatus, showNoResults, dispose19, setValue, setCursorOffset;
 var init_ViewletQuickPick = __esm({
   "src/parts/ViewletQuickPick/ViewletQuickPick.js"() {
     "use strict";
+    init_AriaAlert();
     init_Focus();
     init_InputBox();
     init_RendererWorker();
-    init_Widget();
-    init_Assert();
     getNodeIndex5 = ($Node) => {
       let index = 0;
       while ($Node = $Node.previousElementSibling) {
@@ -5891,28 +5942,33 @@ var init_ViewletQuickPick = __esm({
         render$QuickPickItemsMore($QuickPickItems, quickPickItems);
       }
     };
-    updatePicks = (state14, visiblePicks, unFocusIndex) => {
-      object(state14);
-      array(visiblePicks);
-      number(unFocusIndex);
-      render$QuickPickItems(state14.$QuickPickItems, visiblePicks);
-      focusIndex(state14, unFocusIndex, 0);
-    };
     setVisiblePicks = (state14, visiblePicks) => {
+      if (state14.$QuickPickStatus) {
+        hideStatus(state14);
+      }
       render$QuickPickItems(state14.$QuickPickItems, visiblePicks);
     };
     setFocusedIndex5 = (state14, oldFocusedIndex, newFocusedIndex) => {
       const { $QuickPickItems, $QuickPickInput } = state14;
       if (oldFocusedIndex !== -1) {
         const $OldItem = $QuickPickItems.children[oldFocusedIndex];
-        $OldItem.classList.remove("Focused");
+        if ($OldItem) {
+          $OldItem.classList.remove("Focused");
+        }
       }
       if (newFocusedIndex >= 0) {
         const $NewItem = $QuickPickItems.children[newFocusedIndex];
-        $NewItem.classList.add("Focused");
-        $QuickPickInput.setAttribute("aria-activedescendant", $NewItem.id);
+        if ($NewItem) {
+          $NewItem.classList.add("Focused");
+          $QuickPickInput.setAttribute("aria-activedescendant", $NewItem.id);
+        }
       }
     };
+    focus15 = (state14) => {
+      const { $QuickPickInput } = state14;
+      $QuickPickInput.focus();
+      setFocus("quickPickInput");
+    };
     handleBeforeInput2 = (event) => {
       event.preventDefault();
       const $Target = event.target;
@@ -5928,14 +5984,12 @@ var init_ViewletQuickPick = __esm({
         selectionEnd
       );
     };
-    create27 = (value, visiblePicks, focusIndex5) => {
+    create27 = () => {
       const $QuickPickInput = create6();
       $QuickPickInput.setAttribute("aria-controls", "QuickPickItems");
       $QuickPickInput.role = "combobox";
       $QuickPickInput.ariaLabel = "Type the name of a command to run.";
       $QuickPickInput.ariaAutoComplete = "list";
-      $QuickPickInput.setAttribute("aria-activedescendant", "");
-      $QuickPickInput.setAttribute("aria-activedescendant", "QuickPickItem-1");
       $QuickPickInput.onblur = handleBlur4;
       $QuickPickInput.oninput = handleInput4;
       $QuickPickInput.addEventListener("beforeinput", handleBeforeInput2);
@@ -5953,28 +6007,37 @@ var init_ViewletQuickPick = __esm({
       $QuickPick.id = "QuickPick";
       $QuickPick.append($QuickPickHeader, $QuickPickItems);
       $QuickPick.ariaLabel = "Quick open";
-      document.body.role = "application";
-      append($QuickPick);
-      focus($QuickPickInput, "quickPickInput");
       return {
+        $Viewlet: $QuickPick,
         $QuickPick,
         $QuickPickInput,
-        $QuickPickItems
+        $QuickPickItems,
+        $QuickPickStatus: void 0
       };
     };
     setPicks = (state14, visiblePicks) => {
       render$QuickPickItems(state14.$QuickPickItems, visiblePicks);
     };
+    create$QuickPickStatus = () => {
+      const $QuickPickStatus = document.createElement("div");
+      $QuickPickStatus.className = "QuickPickStatus";
+      return $QuickPickStatus;
+    };
+    hideStatus = (state14) => {
+      state14.$QuickPickStatus.remove();
+      state14.$QuickPickStatus = void 0;
+    };
     showNoResults = (state14, noResults, unfocusIndex) => {
-      console.log({ noResults });
-      updatePicks(state14, [noResults], unfocusIndex);
-      append(state14.$QuickPick);
-      focus(state14.$QuickPickInput, "quickPickInput");
+      setPicks(state14, []);
+      if (!state14.$QuickPickStatus) {
+        state14.$QuickPickStatus = create$QuickPickStatus();
+        state14.$QuickPick.append(state14.$QuickPickStatus);
+      }
+      state14.$QuickPickStatus.textContent = "No Results";
+      alert2("No results");
     };
     dispose19 = (state14) => {
       state14.$QuickPickInput.onblur = null;
-      remove(state14.$QuickPick);
-      focusPrevious();
     };
     setValue = (state14, value) => {
       const { $QuickPickInput } = state14;
@@ -5992,10 +6055,10 @@ var init_ViewletQuickPick = __esm({
 var ViewletStatusBar_exports = {};
 __export(ViewletStatusBar_exports, {
   create: () => create28,
-  focus: () => focus15,
+  focus: () => focus16,
   setItems: () => setItems2
 });
-var getIconClassName, getMaskImageUrl, create$StatusBarItem, handleClick4, create28, clearNode, setItems2, focus15;
+var getIconClassName, getMaskImageUrl, create$StatusBarItem, handleClick4, create28, clearNode, setItems2, focus16;
 var init_ViewletStatusBar = __esm({
   "src/parts/ViewletStatusBar/ViewletStatusBar.js"() {
     "use strict";
@@ -6086,7 +6149,7 @@ var init_ViewletStatusBar = __esm({
       $StatusBarItemsLeft.append(...statusBarItemsLeft.map(create$StatusBarItem));
       $StatusBarItemsRight.append(...statusBarItemsRight.map(create$StatusBarItem));
     };
-    focus15 = (state14) => {
+    focus16 = (state14) => {
       object(state14);
       state14.$StatusBar.focus();
     };
@@ -6184,9 +6247,9 @@ __export(Menu_exports, {
   showContextMenu: () => showContextMenu,
   showControlled: () => showControlled,
   showMenu: () => showMenu,
-  state: () => state9
+  state: () => state10
 });
-var state9, getLevel, handleMouseDown5, handleMouseEnter2, handleMouseMove2, handleMouseLeave2, handleKeyDown2, handleFocusOut, create$Menu, focusIndex2, handleBackDropMouseDown, handleContextMenu5, showMenu, showContextMenu, closeSubMenu, hideSubMenu, showControlled, hide2, contains;
+var state10, getLevel, handleMouseDown5, handleMouseEnter2, handleMouseMove2, handleMouseLeave2, handleKeyDown2, handleFocusOut, create$Menu, focusIndex2, handleBackDropMouseDown, handleContextMenu5, showMenu, showContextMenu, closeSubMenu, hideSubMenu, showControlled, hide2, contains;
 var init_Menu = __esm({
   "src/parts/OldMenu/Menu.js"() {
     "use strict";
@@ -6196,7 +6259,7 @@ var init_Menu = __esm({
     init_MenuItem();
     init_BackDrop();
     init_Focus();
-    state9 = {
+    state10 = {
       handleKeyDown(event) {
       },
       handleFocusOut(event) {
@@ -6208,7 +6271,7 @@ var init_Menu = __esm({
       $BackDrop: void 0
     };
     getLevel = ($Menu) => {
-      return state9.$$Menus.indexOf($Menu);
+      return state10.$$Menus.indexOf($Menu);
     };
     handleMouseDown5 = (event) => {
       const $Target = event.target;
@@ -6251,10 +6314,10 @@ var init_Menu = __esm({
     handleMouseLeave2 = (event) => {
     };
     handleKeyDown2 = (event) => {
-      state9.handleKeyDown(event);
+      state10.handleKeyDown(event);
     };
     handleFocusOut = (event) => {
-      state9.handleFocusOut(event);
+      state10.handleFocusOut(event);
     };
     create$Menu = () => {
       const $Menu = document.createElement("ul");
@@ -6277,7 +6340,7 @@ var init_Menu = __esm({
       return $Menu;
     };
     focusIndex2 = (level, oldFocusedIndex, newFocusedIndex) => {
-      const $Menu = state9.$$Menus[level];
+      const $Menu = state10.$$Menus[level];
       if (oldFocusedIndex !== -1) {
         $Menu.children[oldFocusedIndex].classList.remove("Focused");
       }
@@ -6297,7 +6360,7 @@ var init_Menu = __esm({
         const $BackDrop = create$BackDrop();
         $BackDrop.onmousedown = handleBackDropMouseDown;
         $BackDrop.oncontextmenu = handleContextMenu5;
-        state9.$BackDrop = $BackDrop;
+        state10.$BackDrop = $BackDrop;
         append($BackDrop);
       }
       const $Menu = create$Menu();
@@ -6306,24 +6369,24 @@ var init_Menu = __esm({
       $Menu.style.top = `${y}px`;
       $Menu.id = `Menu-${level}`;
       if (parentIndex !== -1) {
-        const $ParentMenu = state9.$$Menus[level - 1];
+        const $ParentMenu = state10.$$Menus[level - 1];
         const $ParentMenuItem = $ParentMenu.children[parentIndex];
         $ParentMenuItem.ariaExpanded = "true";
         $ParentMenuItem.setAttribute("aria-owns", $Menu.id);
       }
-      state9.$$Menus.push($Menu);
+      state10.$$Menus.push($Menu);
       append($Menu);
       if (level === 0) {
         focus($Menu, "menu");
       }
     };
     showContextMenu = (x, y, width, height, level, items) => {
-      for (const $Menu2 of state9.$$Menus) {
+      for (const $Menu2 of state10.$$Menus) {
         remove($Menu2);
       }
-      state9.$$Menus = [];
-      while (state9.$$Menus.length > 0) {
-        state9.$$Menus[0].remove();
+      state10.$$Menus = [];
+      while (state10.$$Menus.length > 0) {
+        state10.$$Menus[0].remove();
       }
       const $Menu = create$Menu();
       $Menu.append(...items.map(create$MenuItem));
@@ -6331,15 +6394,15 @@ var init_Menu = __esm({
       $Menu.style.top = `${y}px`;
       $Menu.id = `Menu-${level}`;
       append($Menu);
-      state9.$$Menus.push($Menu);
+      state10.$$Menus.push($Menu);
     };
     closeSubMenu = () => {
-      const $SubMenu = state9.$$Menus.pop();
-      const $ParentMenu = state9.$$Menus.at(-1);
+      const $SubMenu = state10.$$Menus.pop();
+      const $ParentMenu = state10.$$Menus.at(-1);
       remove($SubMenu);
     };
     hideSubMenu = (level) => {
-      const $$ChildMenus = state9.$$Menus.slice(level);
+      const $$ChildMenus = state10.$$Menus.slice(level);
       for (const $ChildMenu of $$ChildMenus) {
         remove($ChildMenu);
       }
@@ -6356,29 +6419,29 @@ var init_Menu = __esm({
       height
     }) => {
       showMenu(x, y, width, height, items, level);
-      state9.$Parent = $Parent;
-      state9.handleFocusOut = handleFocusOut3;
-      state9.handleKeyDown = handleKeyDown4;
+      state10.$Parent = $Parent;
+      state10.handleFocusOut = handleFocusOut3;
+      state10.handleKeyDown = handleKeyDown4;
       if ($Parent) {
         $Parent.setAttribute("aria-owns", "Menu");
       } else {
       }
     };
     hide2 = (restoreFocus = true) => {
-      for (const $Menu of state9.$$Menus) {
+      for (const $Menu of state10.$$Menus) {
         remove($Menu);
       }
-      state9.$$Menus = [];
-      if (state9.$BackDrop) {
-        remove(state9.$BackDrop);
-        state9.$BackDrop = void 0;
+      state10.$$Menus = [];
+      if (state10.$BackDrop) {
+        remove(state10.$BackDrop);
+        state10.$BackDrop = void 0;
       }
       if (restoreFocus) {
         focusPrevious();
       }
     };
     contains = ($Element) => {
-      for (const $Menu of state9.$$Menus) {
+      for (const $Menu of state10.$$Menus) {
         if ($Menu.contains($Element)) {
           return true;
         }
@@ -6474,14 +6537,14 @@ var init_TitleBarMenuBar = __esm({
         enterY
       );
     };
-    openMenu = (state14, unFocusIndex, index, level, menuItems, menuFocusedIndex, focus20, x, y, width, height) => {
+    openMenu = (state14, unFocusIndex, index, level, menuItems, menuFocusedIndex, focus21, x, y, width, height) => {
       object(state14);
       number(unFocusIndex);
       number(index);
       number(level);
       array(menuItems);
       number(menuFocusedIndex);
-      boolean(focus20);
+      boolean(focus21);
       number(x);
       number(y);
       number(width);
@@ -6494,8 +6557,8 @@ var init_TitleBarMenuBar = __esm({
         state14.$TitleBarMenu.children[unFocusIndex].removeAttribute("aria-owns");
       }
       state14.$TitleBarMenu.children[index].ariaExpanded = "true";
-      const $$Menus = state9.$$Menus;
-      state9.$$Menus = [];
+      const $$Menus = state10.$$Menus;
+      state10.$$Menus = [];
       showControlled({
         x,
         y,
@@ -6634,14 +6697,14 @@ var ViewletTitleBar_exports = {};
 __export(ViewletTitleBar_exports, {
   create: () => create30,
   dispose: () => dispose20,
-  focus: () => focus16,
+  focus: () => focus17,
   menuClose: () => menuClose,
   menuFocusIndex: () => menuFocusIndex,
   menuGetEntryBounds: () => menuGetEntryBounds,
   menuOpen: () => menuOpen,
   menuSetEntries: () => menuSetEntries
 });
-var create30, dispose20, focus16, menuSetEntries, menuFocusIndex, menuOpen, menuClose, menuGetEntryBounds;
+var create30, dispose20, focus17, menuSetEntries, menuFocusIndex, menuOpen, menuClose, menuGetEntryBounds;
 var init_ViewletTitleBar = __esm({
   "src/parts/ViewletTitleBar/ViewletTitleBar.js"() {
     "use strict";
@@ -6661,7 +6724,7 @@ var init_ViewletTitleBar = __esm({
     };
     dispose20 = (state14) => {
     };
-    focus16 = (state14) => {
+    focus17 = (state14) => {
       state14.$TitleBarMenu.firstChild.focus();
     };
     menuSetEntries = setEntries;
@@ -6786,14 +6849,14 @@ __export(ViewletMain_exports, {
   closeViewletAndTab: () => closeViewletAndTab,
   create: () => create33,
   dispose: () => dispose21,
-  focus: () => focus17,
+  focus: () => focus18,
   focusAnotherTab: () => focusAnotherTab,
   openAnotherTab: () => openAnotherTab,
   openEditor: () => openEditor,
   openViewlet: () => openViewlet,
   replaceEditor: () => replaceEditor
 });
-var handleDragOver, handleDrop2, create$MainTabs, create33, dispose21, replaceEditor, addEditor, openEditor, closeAllViewlets, closeViewletAndTab, focus17, getNodeIndex7, getIndex2, handleTabCloseButtonMouseDown, handleTabMouseDown, handleTabsMouseDown, handleTabsContextMenu, openViewlet, create$MainContent, appendViewlet3, openAnotherTab, closeOneTab, closeOneTabOnly, focusAnotherTab, closeOthers, closeTabsRight, closeTabsLeft;
+var handleDragOver, handleDrop2, create$MainTabs, create33, dispose21, replaceEditor, addEditor, openEditor, closeAllViewlets, closeViewletAndTab, focus18, getNodeIndex7, getIndex2, handleTabCloseButtonMouseDown, handleTabMouseDown, handleTabsMouseDown, handleTabsContextMenu, openViewlet, create$MainContent, appendViewlet3, openAnotherTab, closeOneTab, closeOneTabOnly, focusAnotherTab, closeOthers, closeTabsRight, closeTabsLeft;
 var init_ViewletMain = __esm({
   "src/parts/ViewletMain/ViewletMain.js"() {
     "use strict";
@@ -6867,7 +6930,7 @@ var init_ViewletMain = __esm({
       state14.$MainTabs.remove();
       state14.$MainTabs = void 0;
     };
-    focus17 = () => {
+    focus18 = () => {
       console.log("todo focus main");
     };
     getNodeIndex7 = ($Node) => {
@@ -7168,7 +7231,7 @@ var init_ViewletEditorCompletion = __esm({
 });
 
 // src/parts/ViewletLocations/ViewletLocations.js
-var getNodeIndex9, handleLocationsMouseDown, create35, create$Location, render$Location, render$Locations, setLocations, setMessage, setFocusedIndex6, handleError6, focus18;
+var getNodeIndex9, handleLocationsMouseDown, create35, create$Location, render$Location, render$Locations, setLocations, setMessage3, setFocusedIndex6, handleError6, focus19;
 var init_ViewletLocations = __esm({
   "src/parts/ViewletLocations/ViewletLocations.js"() {
     "use strict";
@@ -7264,7 +7327,7 @@ var init_ViewletLocations = __esm({
       const { $Locations } = state14;
       render$Locations($Locations, locations);
     };
-    setMessage = (state14, message) => {
+    setMessage3 = (state14, message) => {
       const { $Message } = state14;
       $Message.textContent = message;
     };
@@ -7289,7 +7352,7 @@ var init_ViewletLocations = __esm({
       const { $Message } = state14;
       $Message.textContent = message;
     };
-    focus18 = (state14) => {
+    focus19 = (state14) => {
       const { $Locations } = state14;
       $Locations.classList.add("FocusOutline");
       $Locations.focus();
@@ -7302,12 +7365,12 @@ var init_ViewletLocations = __esm({
 var ViewletReferences_exports = {};
 __export(ViewletReferences_exports, {
   create: () => create35,
-  focus: () => focus18,
+  focus: () => focus19,
   handleError: () => handleError6,
   name: () => name16,
   setFocusedIndex: () => setFocusedIndex6,
   setLocations: () => setLocations,
-  setMessage: () => setMessage
+  setMessage: () => setMessage3
 });
 var name16;
 var init_ViewletReferences = __esm({
@@ -7322,12 +7385,12 @@ var init_ViewletReferences = __esm({
 var ViewletImplementations_exports = {};
 __export(ViewletImplementations_exports, {
   create: () => create35,
-  focus: () => focus18,
+  focus: () => focus19,
   handleError: () => handleError6,
   name: () => name17,
   setFocusedIndex: () => setFocusedIndex6,
   setLocations: () => setLocations,
-  setMessage: () => setMessage
+  setMessage: () => setMessage3
 });
 var name17;
 var init_ViewletImplementations = __esm({
@@ -7339,12 +7402,12 @@ var init_ViewletImplementations = __esm({
 });
 
 // src/parts/Viewlet/Viewlet.js
-var state10, get2, load, invoke, focus19, refresh9, sendMultiple, dispose23, handleError7, appendViewlet4;
+var state11, get2, load, create36, loadModule, invoke, focus20, refresh9, sendMultiple, dispose23, handleError7, appendViewlet4, executeCommands, show2;
 var init_Viewlet = __esm({
   "src/parts/Viewlet/Viewlet.js"() {
     "use strict";
     init_Assert();
-    state10 = {
+    state11 = {
       instances: /* @__PURE__ */ Object.create(null),
       currentSideBarView: void 0,
       currentPanelView: void 0,
@@ -7408,14 +7471,25 @@ var init_Viewlet = __esm({
     };
     load = async (id, ...args) => {
       const module = await get2(id);
-      state10.modules[id] = module;
-      state10.instances[id] = {
+      state11.modules[id] = module;
+      state11.instances[id] = {
         state: module.create(...args),
         factory: module
       };
     };
+    create36 = (id) => {
+      const module = state11.modules[id];
+      state11.instances[id] = {
+        state: module.create(),
+        factory: module
+      };
+    };
+    loadModule = async (id) => {
+      const module = await get2(id);
+      state11.modules[id] = module;
+    };
     invoke = (viewletId, method, ...args) => {
-      const instance = state10.instances[viewletId];
+      const instance = state11.instances[viewletId];
       if (!instance) {
         console.warn(`viewlet instance ${viewletId} not found`);
         return;
@@ -7427,8 +7501,8 @@ var init_Viewlet = __esm({
       }
       return instance.factory[method](instance.state, ...args);
     };
-    focus19 = (viewletId) => {
-      const instance = state10.instances[viewletId];
+    focus20 = (viewletId) => {
+      const instance = state11.instances[viewletId];
       if (instance && instance.factory && instance.factory.focus) {
         instance.factory.focus(instance.state);
       } else {
@@ -7436,11 +7510,11 @@ var init_Viewlet = __esm({
     };
     refresh9 = (viewletId, viewletContext) => {
       console.log("REFRESH", viewletId);
-      const instance = state10.instances[viewletId];
+      const instance = state11.instances[viewletId];
       if (instance) {
         instance.factory.refresh(instance.state, viewletContext);
       } else {
-        state10.refreshContext[viewletId] = viewletContext;
+        state11.refreshContext[viewletId] = viewletContext;
       }
     };
     sendMultiple = (commands) => {
@@ -7451,7 +7525,7 @@ var init_Viewlet = __esm({
     };
     dispose23 = (id) => {
       string(id);
-      const instance = state10.instances[id];
+      const instance = state11.instances[id];
       if (!instance) {
         console.warn(`viewlet instance ${id} not found and cannot be disposed`);
         return;
@@ -7464,16 +7538,16 @@ var init_Viewlet = __esm({
       } catch (error) {
         console.error(error);
       }
-      delete state10.instances[id];
+      delete state11.instances[id];
     };
     handleError7 = (id, parentId, message) => {
       console.log(`[viewlet-error] ${id}: ${message}`);
-      const instance = state10.instances[id];
+      const instance = state11.instances[id];
       if (instance && instance.factory && instance.factory.handleError) {
         instance.factory.handleError(instance.state, message);
         return;
       }
-      const parentInstance = state10.instances[parentId];
+      const parentInstance = state11.instances[parentId];
       if (parentInstance && parentInstance.factory && parentInstance.factory.handleError) {
         parentInstance.factory.handleError(instance.state, message);
         console.log("parent instance", parentInstance);
@@ -7483,13 +7557,13 @@ var init_Viewlet = __esm({
         instance.state.$Viewlet.textContent = `${message}`;
       }
     };
-    appendViewlet4 = (parentId, childId, focus20) => {
+    appendViewlet4 = (parentId, childId, focus21) => {
       if (parentId === "Widget") {
         return;
       }
-      const parentInstanceState = state10.instances[parentId];
+      const parentInstanceState = state11.instances[parentId];
       const parentModule = parentInstanceState.factory;
-      const childInstance = state10.instances[childId];
+      const childInstance = state11.instances[childId];
       if (!childInstance) {
         throw new Error("child instance must be defined to be appended to parent");
       }
@@ -7498,10 +7572,39 @@ var init_Viewlet = __esm({
         childInstance.factory.name,
         childInstance.state.$Viewlet
       );
-      if (focus20) {
+      if (focus21) {
         childInstance.factory.focus(childInstance.state);
       }
     };
+    executeCommands = (commands) => {
+      for (const [command, ...args] of commands) {
+        switch (command) {
+          case "Viewlet.create":
+            create36(...args);
+            break;
+          case "Viewlet.send":
+            invoke(...args);
+            break;
+          case "Viewlet.show":
+            show2(...args);
+            break;
+          case "Viewlet.dispose":
+            dispose23(...args);
+            break;
+          default:
+            throw new Error(`unknown command ${command}`);
+        }
+      }
+    };
+    show2 = (id) => {
+      const instance = state11.instances[id];
+      const $Viewlet = instance.state.$Viewlet;
+      const $Workbench = document.getElementById("Workbench");
+      $Workbench.append($Viewlet);
+      if (instance.factory.focus) {
+        instance.factory.focus(instance.state);
+      }
+    };
   }
 });
 
@@ -7520,18 +7623,21 @@ var init_Viewlet_ipc = __esm({
       register2("Viewlet.refresh", refresh9);
       register2("Viewlet.invoke", invoke);
       register2("Viewlet.send", invoke);
-      register2("Viewlet.focus", focus19);
+      register2("Viewlet.focus", focus20);
       register2("Viewlet.dispose", dispose23);
       register2("Viewlet.appendViewlet", appendViewlet4);
       register2("Viewlet.load", load);
       register2("Viewlet.handleError", handleError7);
       register2("Viewlet.sendMultiple", sendMultiple);
+      register2("Viewlet.loadModule", loadModule);
+      register2("Viewlet.show", show2);
+      register2("Viewlet.executeCommands", executeCommands);
     };
   }
 });
 
 // src/parts/FindWidget/FindWidget.js
-var handleInput5, handleClose, handleFocus6, create36, dispose24, setResults2;
+var handleInput5, handleClose, handleFocus6, create37, dispose24, setResults2;
 var init_FindWidget = __esm({
   "src/parts/FindWidget/FindWidget.js"() {
     "use strict";
@@ -7551,7 +7657,7 @@ var init_FindWidget = __esm({
     handleFocus6 = (event) => {
       setFocus("findWidget");
     };
-    create36 = (id) => {
+    create37 = (id) => {
       const $FindWidgetInput = document.createElement("input");
       $FindWidgetInput.className = "FindWidgetInput";
       $FindWidgetInput.oninput = handleInput5;
@@ -7599,7 +7705,7 @@ var init_FindWidget_ipc = __esm({
     init_Command();
     init_FindWidget();
     __initialize__7 = () => {
-      register2("FindWidget.create", create36);
+      register2("FindWidget.create", create37);
       register2("FindWidget.dispose", dispose24);
       register2("FindWidget.setResults", setResults2);
     };
@@ -7700,7 +7806,7 @@ var init_WebStorage_ipc = __esm({
 });
 
 // src/parts/Dialog/Dialog.js
-var state11, showDialogInsteadOfPrompt, prompt, alert2, close2, create$ErrorStack, getNodeIndex10, handleDialogOptionClick, showErrorDialogWithOptions;
+var state12, showDialogInsteadOfPrompt, prompt, alert3, close2, create$ErrorStack, getNodeIndex10, handleDialogOptionClick, showErrorDialogWithOptions;
 var init_Dialog = __esm({
   "src/parts/Dialog/Dialog.js"() {
     "use strict";
@@ -7708,7 +7814,7 @@ var init_Dialog = __esm({
     init_Focus();
     init_Platform();
     init_RendererWorker();
-    state11 = {
+    state12 = {
       $Dialog: void 0
     };
     showDialogInsteadOfPrompt = true;
@@ -7732,7 +7838,7 @@ var init_Dialog = __esm({
         append($Dialog);
         $Dialog.showModal();
         setFocus("dialog");
-        state11.$Dialog = $Dialog;
+        state12.$Dialog = $Dialog;
         return new Promise((resolve2, reject) => {
           const cleanup = () => {
             $DialogButtonOk.onclick = void 0;
@@ -7756,14 +7862,14 @@ var init_Dialog = __esm({
       const result = window.prompt(message);
       return result;
     };
-    alert2 = (message) => {
+    alert3 = (message) => {
       console.log("actual alert", message);
       window.alert(message);
     };
     close2 = () => {
       console.log("dialog removed");
-      remove(state11.$Dialog);
-      state11.$Dialog = void 0;
+      remove(state12.$Dialog);
+      state12.$Dialog = void 0;
       focusPrevious();
     };
     create$ErrorStack = (stack) => {
@@ -7790,7 +7896,7 @@ var init_Dialog = __esm({
     showErrorDialogWithOptions = (error, options) => {
       if (!supportsHtml5Dialog()) {
         console.info("the dialog api is not available on this browser");
-        alert2(error);
+        alert3(error);
         return;
       }
       options ||= [];
@@ -7830,7 +7936,7 @@ var init_Dialog = __esm({
       append($Dialog);
       $Dialog.showModal();
       setFocus("dialog");
-      state11.$Dialog = $Dialog;
+      state12.$Dialog = $Dialog;
     };
   }
 });
@@ -7848,7 +7954,7 @@ var init_Dialog_ipc = __esm({
     init_Dialog();
     __initialize__11 = () => {
       register2("Dialog.prompt", prompt);
-      register2("Dialog.alert", alert2);
+      register2("Dialog.alert", alert3);
       register2("Dialog.showErrorDialogWithOptions", showErrorDialogWithOptions);
       register2("Dialog.close", close2);
     };
@@ -7856,12 +7962,12 @@ var init_Dialog_ipc = __esm({
 });
 
 // src/parts/EditorHover/EditorHover.js
-var create37;
+var create38;
 var init_EditorHover = __esm({
   "src/parts/EditorHover/EditorHover.js"() {
     "use strict";
     init_Widget();
-    create37 = (x, y, hover2) => {
+    create38 = (x, y, hover2) => {
       const $Hover = document.createElement("div");
       $Hover.id = "EditorHover";
       $Hover.textContent = hover2.label;
@@ -7887,13 +7993,13 @@ var init_EditorHover_ipc = __esm({
     init_Command();
     init_EditorHover();
     __initialize__12 = () => {
-      register2("EditorHover.create", create37);
+      register2("EditorHover.create", create38);
     };
   }
 });
 
 // src/parts/EditorRename/EditorRename.js
-var handleBlur5, create38, dispose25, finish;
+var handleBlur5, create39, dispose25, finish;
 var init_EditorRename = __esm({
   "src/parts/EditorRename/EditorRename.js"() {
     "use strict";
@@ -7904,7 +8010,7 @@ var init_EditorRename = __esm({
     handleBlur5 = () => {
       send("EditorRename.abort");
     };
-    create38 = (x, y) => {
+    create39 = (x, y) => {
       const $RenameWidgetInputBox = create6();
       $RenameWidgetInputBox.className = "RenameWidgetInputBox";
       $RenameWidgetInputBox.onblur = handleBlur5;
@@ -7942,70 +8048,27 @@ var init_EditorRename_ipc = __esm({
     init_Command();
     init_EditorRename();
     __initialize__13 = () => {
-      register2("EditorRename.create", create38);
+      register2("EditorRename.create", create39);
       register2("EditorRename.finish", finish);
       register2("EditorRename.dispose", dispose25);
     };
   }
 });
 
-// src/parts/AriaAlert/AriaAlert.js
-var state12, create$AriaAlert, setMessage2, alert3;
-var init_AriaAlert = __esm({
-  "src/parts/AriaAlert/AriaAlert.js"() {
-    "use strict";
-    state12 = {
-      $AriaAlert1: void 0,
-      $AriaAlert2: void 0,
-      $AriaMessages: void 0
-    };
-    create$AriaAlert = () => {
-      const $AriaAlert = document.createElement("div");
-      $AriaAlert.className = "AriaAlert";
-      $AriaAlert.role = "alert";
-      $AriaAlert.ariaAtomic = "true";
-      return $AriaAlert;
-    };
-    setMessage2 = ($Old, $New, message) => {
-      $Old.textContent = String(Math.random());
-      $Old.ariaHidden = "true";
-      $New.removeAttribute("aria-hidden");
-      $New.textContent = message;
-    };
-    alert3 = (message) => {
-      if (!state12.$AriaMessages) {
-        state12.$AriaAlert1 = create$AriaAlert();
-        state12.$AriaAlert2 = create$AriaAlert();
-        state12.$AriaMessages = document.createElement("div");
-        state12.$AriaMessages.className = "monaco-aria-container";
-        state12.$AriaMessages.append(state12.$AriaAlert1, state12.$AriaAlert2);
-        document.body.append(state12.$AriaMessages);
-      }
-      const $AriaAlert1 = state12.$AriaAlert1;
-      const $AriaAlert2 = state12.$AriaAlert2;
-      if ($AriaAlert1.textContent === message) {
-        setMessage2($AriaAlert1, $AriaAlert2, message);
-      } else {
-        setMessage2($AriaAlert2, $AriaAlert1, message);
-      }
-    };
-  }
-});
-
 // src/parts/EditorError/EditorError.js
-var create39;
+var create40;
 var init_EditorError = __esm({
   "src/parts/EditorError/EditorError.js"() {
     "use strict";
     init_AriaAlert();
     init_Widget();
-    create39 = (message, x, y) => {
+    create40 = (message, x, y) => {
       const $EditorError = document.createElement("div");
       $EditorError.className = "EditorWidgetError";
       $EditorError.textContent = message;
       $EditorError.style.left = `${x}px`;
       $EditorError.style.top = `${y}px`;
-      alert3(message);
+      alert2(message);
       append($EditorError);
       return {
         $EditorError
@@ -8026,7 +8089,7 @@ var init_EditorError_ipc = __esm({
     init_Command();
     init_EditorError();
     __initialize__14 = () => {
-      register2("EditorError.create", create39);
+      register2("EditorError.create", create40);
     };
   }
 });
@@ -8572,6 +8635,9 @@ var init_QuerySelector = __esm({
       if (selector.startsWith("#")) {
         return querySelectorByCss(selector);
       }
+      if (selector.startsWith("[data")) {
+        return querySelectorByCss(selector);
+      }
       if (isElement(selector)) {
         return querySelectorByCss(selector);
       }
@@ -8590,7 +8656,9 @@ var init_QuerySelector = __esm({
         return element2;
       }
       if (nth === -1) {
-        throw new Error(`too many matching elements for ${selector}`);
+        throw new Error(
+          `too many matching elements for ${selector}, matching ${elements.length}`
+        );
       }
       const element = elements[nth];
       if (!element) {
@@ -8763,6 +8831,7 @@ var init_TestFrameWork = __esm({
       $TestOverlay.style.height = "20px";
       $TestOverlay.style.whiteSpace = "nowrap";
       $TestOverlay.style.contain = "strict";
+      $TestOverlay.style.userSelect = "text";
       return $TestOverlay;
     };
     showOverlay = (state14, background, text) => {
@@ -8903,7 +8972,7 @@ var init_TestFrameWork_ipc = __esm({
 });
 
 // src/parts/Command/Command.js
-var MODULE_NOTIFICATION, MODULE_VIEW_SERVICE, MODULE_WINDOW, MODULE_DEVELOPER, MODULE_LAYOUT, MODULE_PANEL, MODULE_WORKBENCH, MODULE_VIEWLET, MODULE_FIND_WIDGET, MODULE_KEYBINDINGS, MODULE_MENU, MODULE_DIALOG, MODULE_EDITOR_HOVER, MODULE_CSS, MODULE_EDITOR_RENAME, MODULE_EDITOR_ERROR, MODULE_EDITOR_CONTROLLER, MODULE_SERVICE_WORKER, MODULE_IMAGE_PREVIEW, MODULE_LOCATION, MODULE_AUDIO, MODULE_META, MODULE_DOWNLOAD, MODULE_OPEN, MODULE_CLIPBOARD, MODULE_INIT_DATA, MODULE_TEST_FRAME_WORK, MODULE_WEB_STORAGE, state13, loadModule, getOrLoadModule, getModuleId, loadCommand, register2, hasThrown, executeCommandAsync, execute;
+var MODULE_NOTIFICATION, MODULE_VIEW_SERVICE, MODULE_WINDOW, MODULE_DEVELOPER, MODULE_LAYOUT, MODULE_PANEL, MODULE_WORKBENCH, MODULE_VIEWLET, MODULE_FIND_WIDGET, MODULE_KEYBINDINGS, MODULE_MENU, MODULE_DIALOG, MODULE_EDITOR_HOVER, MODULE_CSS, MODULE_EDITOR_RENAME, MODULE_EDITOR_ERROR, MODULE_EDITOR_CONTROLLER, MODULE_SERVICE_WORKER, MODULE_IMAGE_PREVIEW, MODULE_LOCATION, MODULE_AUDIO, MODULE_META, MODULE_DOWNLOAD, MODULE_OPEN, MODULE_CLIPBOARD, MODULE_INIT_DATA, MODULE_TEST_FRAME_WORK, MODULE_WEB_STORAGE, state13, loadModule2, getOrLoadModule, getModuleId, loadCommand, register2, hasThrown, executeCommandAsync, execute;
 var init_Command = __esm({
   "src/parts/Command/Command.js"() {
     "use strict";
@@ -8939,7 +9008,7 @@ var init_Command = __esm({
       commands: /* @__PURE__ */ Object.create(null),
       pendingModules: /* @__PURE__ */ Object.create(null)
     };
-    loadModule = (moduleId) => {
+    loadModule2 = (moduleId) => {
       switch (moduleId) {
         case MODULE_NOTIFICATION:
           return Promise.resolve().then(() => (init_Notification_ipc(), Notification_ipc_exports));
@@ -8995,7 +9064,7 @@ var init_Command = __esm({
     };
     getOrLoadModule = (moduleId) => {
       if (!state13.pendingModules[moduleId]) {
-        const importPromise = loadModule(moduleId);
+        const importPromise = loadModule2(moduleId);
         state13.pendingModules[moduleId] = importPromise.then(
           (module) => module.__initialize__()
         );