@lvce-editor/renderer-process 10.2.0 → 10.3.0

package/dist/rendererProcessMain.js

@@ -739,7 +739,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$M = (message, result) => {
+const create$N = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -748,7 +748,7 @@ const create$M = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$M(message, resultProperty);
+  return create$N(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -923,7 +923,7 @@ const launchWorker = async ({
   name,
   url
 }) => {
-  const worker = await create$L({
+  const worker = await create$M({
     method: Auto,
     url,
     name
@@ -998,7 +998,7 @@ const hydrate$4 = async () => {
 };
 
 // TODO needed?
-const dispose$k = () => {
+const dispose$l = () => {
   // @ts-expect-error
   if (state$9.rendererWorker) {
     // @ts-expect-error
@@ -1021,7 +1021,7 @@ const invokeAndTransfer = (method, ...params) => {
 
 const RendererWorker = {
   __proto__: null,
-  dispose: dispose$k,
+  dispose: dispose$l,
   hydrate: hydrate$4,
   invoke: invoke$1,
   invokeAndTransfer,
@@ -1030,7 +1030,7 @@ const RendererWorker = {
   state: state$9
 };
 
-const create$L = async ({
+const create$M = async ({
   method,
   ...options
 }) => {
@@ -1051,7 +1051,7 @@ const create$L = async ({
 };
 
 const launchEditorWorker = async port => {
-  const ipc = await create$L({
+  const ipc = await create$M({
     name: 'Editor Worker',
     url: editorWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1081,7 +1081,7 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  const ipc = await create$L({
+  const ipc = await create$M({
     name,
     url: extensionHostWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1105,7 +1105,7 @@ const hydrate$2 = async () => {
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
 const launchSyntaxHighlightingWorker = async port => {
-  const ipc = await create$L({
+  const ipc = await create$M({
     name: 'Syntax Highlighting Worker',
     url: syntaxHighlightingWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1229,7 +1229,7 @@ const ToolBar = 'toolbar';
 const Tree = 'tree';
 const ComboBox = 'combobox';
 
-const attachEvents$c = ($Node, eventMap) => {
+const attachEvents$d = ($Node, eventMap) => {
   for (const [key, value] of Object.entries(eventMap)) {
     $Node.addEventListener(key, value);
   }
@@ -1282,7 +1282,7 @@ const TouchMove = 'touchmove';
 const TouchStart = 'touchstart';
 const Wheel = 'wheel';
 
-const setBounds$6 = ($Element, x, y, width, height) => {
+const setBounds$7 = ($Element, x, y, width, height) => {
   $Element.style.top = `${y}px`;
   $Element.style.left = `${x}px`;
   $Element.style.width = `${width}px`;
@@ -2157,7 +2157,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$K = () => {
+const create$L = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -2181,24 +2181,24 @@ const create$K = () => {
     $ScrollBarThumb
   };
 };
-const attachEvents$b = state => {
+const attachEvents$c = state => {
   const {
     $Viewlet,
     $ListItems,
     $ScrollBar
   } = state;
   $Viewlet.addEventListener(Wheel, handleWheel$3, Passive);
-  attachEvents$c($ListItems, {
+  attachEvents$d($ListItems, {
     [MouseDown]: handleMousedown
   });
-  attachEvents$c($ScrollBar, {
+  attachEvents$d($ScrollBar, {
     [PointerDown]: handleScrollBarPointerDown$4
   });
 };
 // TODO show should be passed active cursor position
 // this would make this function easier to test as it would avoid dependency on globals of other files
 
-const setDom$a = (state, dom) => {
+const setDom$b = (state, dom) => {
   const {
     $ListItems,
     $Viewlet
@@ -2210,7 +2210,7 @@ const setDom$a = (state, dom) => {
   // TODO recycle nodes
   // TODO set right aria attributes on $EditorInput
 };
-const dispose$j = state => {
+const dispose$k = state => {
   remove$2(state.$Viewlet);
   // state.$EditorInput.removeAttribute('aria-activedescendant')
 };
@@ -2230,28 +2230,67 @@ const handleError$8 = (state, error) => {
   } = state;
   $Viewlet.textContent = `${error}`;
 };
-const setBounds$5 = (state, x, y, width, height) => {
+const setBounds$6 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$6($Viewlet, x, y, width, height);
+  setBounds$7($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorCompletion = {
   __proto__: null,
-  attachEvents: attachEvents$b,
-  create: create$K,
-  dispose: dispose$j,
+  attachEvents: attachEvents$c,
+  create: create$L,
+  dispose: dispose$k,
   handleError: handleError$8,
-  setBounds: setBounds$5,
+  setBounds: setBounds$6,
   setContentHeight,
-  setDom: setDom$a,
+  setDom: setDom$b,
   setNegativeMargin,
   setScrollBar: setScrollBar$2,
   setSize,
   showLoading
 };
 
+const create$K = () => {
+  const $Viewlet = document.createElement('div');
+  $Viewlet.className = 'Viewlet EditorCompletionDetails';
+  $Viewlet.id = 'CompletionsDetails';
+  return {
+    $Viewlet
+  };
+};
+const attachEvents$b = state => {
+  // TODO
+};
+const setDom$a = (state, dom) => {
+  const {
+    $Viewlet
+  } = state;
+  const $Root = render2(dom);
+  // @ts-expect-error
+  $Viewlet.replaceChildren(...$Root.firstChild.childNodes);
+  append$1($Viewlet);
+};
+const dispose$j = state => {
+  remove$2(state.$Viewlet);
+};
+const setBounds$5 = (state, x, y, width, height) => {
+  const {
+    $Viewlet
+  } = state;
+  setBounds$7($Viewlet, x, y, width, height);
+};
+
+const ViewletEditorCompletionDetails = {
+  __proto__: null,
+  attachEvents: attachEvents$b,
+  create: create$K,
+  dispose: dispose$j,
+  setBounds: setBounds$5,
+  setDom: setDom$a
+};
+
 const ActivityBar = 'ActivityBar';
 const Audio$1 = 'Audio';
 const BrowserViewOverview = 'BrowserViewOverview';
@@ -2308,6 +2347,7 @@ const EditorSourceActions = 'EditorSourceActions';
 const E2eTests = 'E2eTests';
 const E2eTest = 'E2eTest';
 const WebView = 'WebView';
+const EditorCompletionDetails = 'EditorCompletionDetails';
 
 const state$6 = {
   instances: Object.create(null),
@@ -2651,6 +2691,7 @@ const enable = async window => {
 const main = async () => {
   enable(window);
   state$6.modules[EditorCompletion] = ViewletEditorCompletion;
+  state$6.modules[EditorCompletionDetails] = ViewletEditorCompletionDetails;
   setLoad(load$2);
   // TODO this is discovered very late
   await launchWorkers();
@@ -3977,7 +4018,7 @@ const InitData_ipc = {
 
 const name$n = 'IpcParent';
 const Commands$o = {
-  create: create$L
+  create: create$M
 };
 
 const IpcParent_ipc = {
@@ -5348,6 +5389,8 @@ const load$1 = moduleId => {
       return Promise.resolve().then(function () { return ViewletE2eTest; });
     case WebView:
       return Promise.resolve().then(function () { return ViewletWebView; });
+    case EditorCompletionDetails:
+      return Promise.resolve().then(function () { return ViewletEditorCompletionDetails; });
     default:
       throw new Error(`${moduleId} module not found in renderer process`);
   }
@@ -5460,7 +5503,7 @@ const isSpecial = id => {
 const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   const $PlaceHolder = document.createElement('div');
   $PlaceHolder.className = `Viewlet ${viewletId}`;
-  setBounds$6($PlaceHolder, left, top, width, height);
+  setBounds$7($PlaceHolder, left, top, width, height);
   if (isSpecial(viewletId)) {
     $PlaceHolder.id = viewletId;
   }
@@ -5771,7 +5814,7 @@ const setBounds$4 = (id, left, top, width, height) => {
     return;
   }
   const $Viewlet = instance.state.$Viewlet;
-  setBounds$6($Viewlet, left, top, width, height);
+  setBounds$7($Viewlet, left, top, width, height);
 };
 
 const name$8 = 'Viewlet';
@@ -6617,7 +6660,7 @@ const setBounds$3 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$6($Viewlet, x, y, width, height);
+  setBounds$7($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorError = {
@@ -6778,7 +6821,7 @@ const attachEvents$9 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$c($Viewlet, {
+  attachEvents$d($Viewlet, {
     [PointerDown]: handlePointerDown$5,
     [PointerUp]: handlePointerUp,
     [ContextMenu]: handleContextMenu$a,
@@ -7458,7 +7501,7 @@ const setBounds$1 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$6($Viewlet, x, y, width, height);
+  setBounds$7($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorWidgetError = {
@@ -7974,7 +8017,7 @@ const attachEvents$8 = state => {
   $ExtensionHeader.addEventListener(Input$1, handleInput$6, Capture);
   // @ts-expect-error
   $ExtensionHeader.addEventListener(Click, undefined);
-  attachEvents$c($ListItems, {
+  attachEvents$d($ListItems, {
     [ContextMenu]: handleContextMenu$8,
     [PointerDown]: handlePointerDown$3,
     [Focus]: handleFocus$6,
@@ -7984,7 +8027,7 @@ const attachEvents$8 = state => {
   $ListItems.addEventListener(TouchMove, handleTouchMove, Passive);
   $ListItems.addEventListener(TouchEnd, handleTouchEnd, Passive);
   $ListItems.addEventListener(Wheel, handleWheel$3, Passive);
-  attachEvents$c($ScrollBar, {
+  attachEvents$d($ScrollBar, {
     [PointerDown]: handleScrollBarPointerDown$2
   });
 };
@@ -8891,15 +8934,15 @@ const attachEvents$7 = state => {
     $SashSideBar,
     $SashPanel
   } = state;
-  attachEvents$c($SashSideBar, {
+  attachEvents$d($SashSideBar, {
     [PointerDown]: handleSashPointerDown,
     [DoubleClick]: handleSashDoubleClick
   });
-  attachEvents$c($SashPanel, {
+  attachEvents$d($SashPanel, {
     [PointerDown]: handleSashPointerDown,
     [DoubleClick]: handleSashDoubleClick
   });
-  attachEvents$c(window, {
+  attachEvents$d(window, {
     [Resize]: handleResize,
     [Focus]: handleFocus$3,
     [Blur]: handleBlur$3,
@@ -8912,9 +8955,9 @@ const setSashes = (state, sashSideBar, sashPanel) => {
     $SashSideBar,
     $SashPanel
   } = state;
-  setBounds$6($SashSideBar, sashSideBar.x, sashSideBar.y, sashSideBar.width, sashSideBar.height);
+  setBounds$7($SashSideBar, sashSideBar.x, sashSideBar.y, sashSideBar.width, sashSideBar.height);
   $SashSideBar.classList.toggle('SashActive', sashSideBar.active);
-  setBounds$6($SashPanel, sashPanel.x, sashPanel.y, sashPanel.width, sashPanel.height);
+  setBounds$7($SashPanel, sashPanel.x, sashPanel.y, sashPanel.width, sashPanel.height);
   $SashPanel.classList.toggle('SashActive', sashPanel.active);
 };
 
@@ -8964,7 +9007,7 @@ const attachEvents$6 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$c($Viewlet, {
+  attachEvents$d($Viewlet, {
     [Drop]: handleDrop,
     [DragOver]: handleDragOver,
     [DragEnd]: handleDragEnd,
@@ -9027,7 +9070,7 @@ const setDragOverlay = (state, visible, x, y, width, height) => {
   const {
     $DragOverlay
   } = state;
-  setBounds$6($DragOverlay, x, y, width, height);
+  setBounds$7($DragOverlay, x, y, width, height);
   if (!hasOverlay) {
     document.body.append($DragOverlay);
   }
@@ -9102,7 +9145,7 @@ const attachEvents$5 = state => {
   const {
     $MainTabs
   } = state;
-  attachEvents$c($MainTabs, {
+  attachEvents$d($MainTabs, {
     [MouseDown]: handleTabsMouseDown,
     [ContextMenu]: handleTabsContextMenu,
     [DragStart]: handleDragStart
@@ -9279,13 +9322,13 @@ const attachEvents$4 = state => {
     $ButtonClose,
     $PanelHeader
   } = state;
-  attachEvents$c($PanelHeader, {
+  attachEvents$d($PanelHeader, {
     [Click]: handleHeaderClick$2
   });
-  attachEvents$c($ButtonMaximize, {
+  attachEvents$d($ButtonMaximize, {
     [Click]: handleClickMaximize
   });
-  attachEvents$c($ButtonClose, {
+  attachEvents$d($ButtonClose, {
     [Click]: handleClickClose$1
   });
 };
@@ -9601,11 +9644,11 @@ const attachEvents$3 = state => {
     $QuickPickItems,
     $QuickPickInput
   } = state;
-  attachEvents$c($QuickPickItems, {
+  attachEvents$d($QuickPickItems, {
     [PointerDown]: handlePointerDown
   });
   $QuickPickItems.addEventListener(Wheel, handleWheel$3, Passive);
-  attachEvents$c($QuickPickInput, {
+  attachEvents$d($QuickPickInput, {
     [Blur]: handleBlur$2,
     [BeforeInput]: handleBeforeInput
   });
@@ -10080,7 +10123,7 @@ const attachEvents$2 = state => {
   const {
     $SideBarTitleArea
   } = state;
-  attachEvents$c($SideBarTitleArea, {
+  attachEvents$d($SideBarTitleArea, {
     [Click]: handleHeaderClick
   });
 };
@@ -10653,7 +10696,7 @@ const attachEvents = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$c($Viewlet, {
+  attachEvents$d($Viewlet, {
     [ContextMenu]: handleContextMenu$4
   });
 };
@@ -10985,7 +11028,7 @@ const setMenus = (state, changes, uid) => {
             level,
             focusedIndex
           } = menu;
-          setBounds$6($Menu, x, y, width, height);
+          setBounds$7($Menu, x, y, width, height);
           renderInto($Menu, dom);
           $Menu.id = `Menu-${level}`;
           append$1($Menu);
@@ -11011,7 +11054,7 @@ const setMenus = (state, changes, uid) => {
             focusedIndex
           } = menu;
           const $Menu = $$Menus[level];
-          setBounds$6($Menu, x, y, width, height);
+          setBounds$7($Menu, x, y, width, height);
           renderInto($Menu, dom);
           if (level === newLength - 1) {
             if (focusedIndex === -1) {
@@ -11463,7 +11506,7 @@ const setPort = (state, portId, origin) => {
 };
 const setPosition = (state, id, x, y, width, height) => {
   const $Iframe = get(id);
-  setBounds$6($Iframe, x, y, width, height);
+  setBounds$7($Iframe, x, y, width, height);
 };
 
 const ViewletWebView = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "10.2.0",
+  "version": "10.3.0",
   "description": "",
   "main": "dist/rendererProcessMain.js",
   "type": "module",