@lvce-editor/hover-worker 2.17.0 → 2.18.1

package/dist/hoverWorkerMain.js

@@ -1537,6 +1537,7 @@ const {
 const create = (uid, x, y, width, height, editorUid, editorLanguageId) => {
   const state = {
     documentation: '',
+    documentationVirtualDom: [],
     editorLanguageId,
     editorUid,
     fallbackDisplayStringLanguageId: 'typescript',
@@ -1577,7 +1578,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.leadingWord === newState.leadingWord && oldState.x === newState.x && oldState.y === newState.y;
+  return oldState.documentation === newState.documentation && oldState.leadingWord === newState.leadingWord && oldState.x === newState.x && oldState.y === newState.y;
 };
 
 const isEqual = (oldState, newState) => {
@@ -1897,9 +1898,11 @@ const loadContent = async state => {
   if (!documentation && lineInfos.length === 0 && matchingDiagnostics.length === 0) {
     return close(state);
   }
+  const documentationVirtualDom = documentation ? await invoke('Markdown.getVirtualDomFromMarkdown', documentation) : [];
   return {
     ...state,
     documentation,
+    documentationVirtualDom,
     leadingWord: wordAtOffset,
     lineInfos,
     matchingDiagnostics,
@@ -2007,6 +2010,7 @@ const getLineInfosVirtualDom = lineInfos => {
 
 const hoverClassName = mergeClassNames(Viewlet, EditorHover);
 const problemClassName = mergeClassNames(HoverDisplayString, HoverProblem);
+const hoverDocumentationClassName = mergeClassNames(HoverDocumentation, 'Markdown');
 const hoverProblemMessage = {
   childCount: 1,
   className: HoverProblemMessage,
@@ -2017,30 +2021,36 @@ const hoverProblemDetail = {
   className: HoverProblemDetail,
   type: Span
 };
-const hoverDocumentation = {
-  childCount: 1,
-  className: HoverDocumentation,
-  type: Div
-};
 const sash = {
   childCount: 0,
   className: mergeClassNames('Sash', 'SashVertical', 'SashResize'),
   onPointerDown: HandleSashPointerDown,
   type: Div
 };
-const getChildCount = (lineInfos, documentation, diagnostics) => {
+const getChildCount = (lineInfos, documentationVirtualDom, diagnostics) => {
   const diagnosticsCount = diagnostics && diagnostics.length > 0 ? 1 : 0;
   const lineInfosCount = lineInfos.length > 0 ? 1 : 0;
-  const documentationCount = documentation ? 1 : 0;
+  const documentationCount = documentationVirtualDom.length > 0 ? 1 : 0;
   return lineInfosCount + documentationCount + diagnosticsCount;
 };
-const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
-  if (lineInfos.length === 0 && !documentation && diagnostics.length === 0) {
+const getDocumentationChildCount = documentationVirtualDom => {
+  let stack = [];
+  for (let i = documentationVirtualDom.length - 1; i >= 0; i--) {
+    const node = documentationVirtualDom[i];
+    if (node.childCount > 0) {
+      stack = stack.slice(node.childCount);
+    }
+    stack.unshift(node);
+  }
+  return stack.length;
+};
+const getHoverVirtualDom = (lineInfos, documentationVirtualDom, diagnostics) => {
+  if (lineInfos.length === 0 && documentationVirtualDom.length === 0 && diagnostics.length === 0) {
     return [];
   }
   const dom = [];
   dom.push({
-    childCount: getChildCount(lineInfos, documentation, diagnostics) + 1,
+    childCount: getChildCount(lineInfos, documentationVirtualDom, diagnostics) + 1,
     className: hoverClassName,
     type: Div
   });
@@ -2062,8 +2072,12 @@ const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
       type: Div
     }, ...lineInfosDom);
   }
-  if (documentation) {
-    dom.push(hoverDocumentation, text(documentation));
+  if (documentationVirtualDom.length > 0) {
+    dom.push({
+      childCount: getDocumentationChildCount(documentationVirtualDom),
+      className: hoverDocumentationClassName,
+      type: Div
+    }, ...documentationVirtualDom);
   }
   dom.push(sash);
   return dom;
@@ -2071,12 +2085,12 @@ const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
 
 const renderItems = (oldState, newState) => {
   const {
-    documentation,
+    documentationVirtualDom,
     lineInfos,
     matchingDiagnostics,
     uid
   } = newState;
-  const dom = getHoverVirtualDom(lineInfos, documentation, matchingDiagnostics);
+  const dom = getHoverVirtualDom(lineInfos, documentationVirtualDom, matchingDiagnostics);
   return [/* method */'Viewlet.setDom2', uid, dom];
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/hover-worker",
-  "version": "2.17.0",
+  "version": "2.18.1",
   "description": "Web Worker for the find widget in Lvce Editor",
   "repository": {
     "type": "git",