Fix undefined in completion tooltip

Resolves #19

Author: valtzu

CHANGELOG.md

@@ -5,6 +5,7 @@ CHANGELOG
 ---
 
 * Lint right-side argument type for `in` operator
+* Fix `undefined` in completion keyword tooltip (#19)
 
 1.0
 ---

src/complete.ts

@@ -37,13 +37,13 @@ const autocompleteFunction = (x: ELFunction): Completion => ({
     );
   },
   detail: x.returnType?.join('|'),
-  info: () => ({ dom: createCompletionInfoElement(x.info) }),
+  info: () => createCompletionInfoElement(x.info),
   type: "function",
 });
 const autocompleteIdentifier = (x: ELIdentifier): Completion => ({
   label: x.name,
   apply: x.name,
-  info: () => ({ dom: createCompletionInfoElement(x.info) }),
+  info: () => createCompletionInfoElement(x.info),
   detail: x.detail || x.type?.join('|'),
   type: 'variable',
 });
@@ -55,7 +55,7 @@ function completeOperatorKeyword(state: EditorState, config: ExpressionLanguageC
     options: keywords.map(({ name, info, detail }) => ({
       label: name,
       apply: `${name} `,
-      info: () => ({ dom: createCompletionInfoElement(info) }),
+      info: () => createCompletionInfoElement(info),
       detail,
       type: "keyword"
     })) ?? [],

src/utils.ts

@@ -24,9 +24,13 @@ export const createInfoElement = (html: string) => {
 };
 
 export const createCompletionInfoElement = (html: string) => {
+  if (!html) {
+    return undefined;
+  }
+
   const dom = document.createElement("div")
   dom.innerHTML = html;
-  return dom;
+  return { dom };
 };
 
 export function resolveFunctionDefinition(node: SyntaxNode | null, state: EditorState, config: ExpressionLanguageConfig) {