@lvce-editor/completion-worker 1.3.0 → 1.4.0

package/dist/completionWorkerMain.js

@@ -1506,7 +1506,6 @@ const getFinalDeltaY = (height, itemHeight, itemsLength) => {
 };
 
 const getWordAtOffset = async editorUid => {
-  // @ts-ignore
   return invoke$1('Editor.getWordAtOffset2', editorUid);
 };
 
@@ -1552,6 +1551,7 @@ const loadContent = async state => {
 
 const SetBounds = 'Viewlet.setBounds';
 const SetDom2 = 'Viewlet.setDom2';
+const SetUid = 'Viewlet.setUid';
 const SetEventListeners = 'Viewlet.registerEventListeners';
 
 const renderBounds = (oldState, newState) => {
@@ -1585,34 +1585,18 @@ const renderEventListeners = state => {
   return [SetEventListeners, uid, eventListeners];
 };
 
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const NoResults = 'No Results';
-
-const noResults = () => {
-  return i18nString(NoResults);
-};
-
-const None = 'none';
-const Option = 'option';
-
 const ColoredMaskIcon = 'ColoredMaskIcon';
+const EditorCompletion = 'EditorCompletion';
 const EditorCompletionItem = 'EditorCompletionItem';
 const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
 const EditorCompletionItemFocused = 'EditorCompletionItemFocused';
 const EditorCompletionItemHighlight = 'EditorCompletionItemHighlight';
 const FileIcon = 'FileIcon';
 const Label = 'Label';
+const Viewlet = 'Viewlet';
+
+const None = 'none';
+const Option = 'option';
 
 const Div = 4;
 const Span = 8;
@@ -1639,6 +1623,9 @@ const getIconDom = (fileIcon, symbolName) => {
   };
 };
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
 const Text = 12;
 const text = data => {
   return {
@@ -1717,12 +1704,34 @@ const getCompletionItemVirtualDom = visibleItem => {
   }, getIconDom(fileIcon, symbolName), ...getHighlightedLabelDom(label, highlights)];
 };
 
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const NoResults = 'No Results';
+
+const noResults = () => {
+  return i18nString(NoResults);
+};
+
+const getNoResultsVirtualDom = () => {
+  return [{
+    type: Div,
+    childCount: 1
+  }, text(noResults())];
+};
+
 const getCompletionItemsVirtualDom = visibleItems => {
   if (visibleItems.length === 0) {
-    return [{
-      type: Div,
-      childCount: 1
-    }, text(noResults())];
+    return getNoResultsVirtualDom();
   }
   const root = {
     type: Div,
@@ -1732,6 +1741,24 @@ const getCompletionItemsVirtualDom = visibleItems => {
   return dom;
 };
 
+const getCompletionVirtualDom = visibleItems => {
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, EditorCompletion),
+    id: 'Completions',
+    childCount: 1
+  }, {
+    type: Div,
+    className: 'ListItems',
+    role: 'listbox',
+    ariaLabel: 'Suggest',
+    childCount: 1
+  }, ...getCompletionItemsVirtualDom(visibleItems)
+
+  // TODO render scrollbar
+  ];
+};
+
 const Property = 1;
 const Value = 2;
 const Function = 3;
@@ -1819,10 +1846,18 @@ const renderItems = (oldState, newState) => {
     uid
   } = newState;
   const visibleItems = getVisibleItems(newState.items, newState.itemHeight, newState.leadingWord, newState.minLineY, newState.maxLineY, newState.focusedIndex);
-  const dom = getCompletionItemsVirtualDom(visibleItems);
+  const dom = getCompletionVirtualDom(visibleItems);
   return [SetDom2, uid, dom];
 };
 
+const renderUid = (oldState, newState) => {
+  const {
+    uid,
+    editorUid
+  } = newState;
+  return [SetUid, uid, editorUid];
+};
+
 const getRenderer = diffType => {
   switch (diffType) {
     case RenderContent:
@@ -1831,6 +1866,8 @@ const getRenderer = diffType => {
       return renderBounds;
     case RenderEventListeners:
       return renderEventListeners;
+    case RenderUid:
+      return renderUid;
     case RenderItems:
       return renderItems;
     default:

package/package.json

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