Add field values autocompletion

Author: ddelemeny

src/LogContext/components/LogContextQueryEditor.tsx

@@ -15,24 +15,31 @@ class QueryAutocompleter {
   constructor(datasource: QuickwitDataSource){
     this.datasource = datasource
   }
-  getFields() {
-    return this.datasource.getTagKeys()
+  async getFields() {
+    return await this.datasource.getTagKeys()
   }
-  async getSuggestions(word: string): Promise<Completion[]>{
-    let suggestions: Completion[] = [];
 
+  async getFieldValues(fieldName: string) {
+    return this.datasource.getTagValues({key:fieldName})
+  }
 
+  async getSuggestions(word: string): Promise<{from: number, options: Completion[]}>{
+    let suggestions: {from: number, options: Completion[]} = {from: 0, options: []};
+
+    const wordIsField = word.match(/([\w\.]+):(\S*)/)
+    if (wordIsField?.length) {
+      const [_match, fieldName, fieldValue] = wordIsField;
+      const candidateValues = await this.getFieldValues(fieldName)
+      suggestions.from = fieldName.length+1
+      suggestions.options = (candidateValues.filter(v=>v.text.startsWith(fieldValue))
+        .map(v=>({ type:'text', label:v.text, })))
+    } else {
     const candidateFields = await this.getFields()
-    suggestions = (candidateFields
-      .filter(f=>f.text.startsWith(word))
-      .map(f=>({
-        type: 'text',
-        section: "Fields",
-        label:f.text,
-        detail:`${f.value}`,
-      })));
-
-    return suggestions;
+      suggestions.from = 0
+      suggestions.options = (candidateFields.filter(f=>f.text.startsWith(word))
+        .map(f=>({ type: 'text', label:f.text, detail:`${f.value}`, })))
+    }
+    return suggestions
   }
 }
 
@@ -61,19 +68,15 @@ export function LogContextQueryEditor(){
   const autocomplete = autocompletion({
     override: [async (context: CompletionContext)=>{
       let word = context.matchBefore(/\S*/);
-
       if (!word){ return null }
       const suggestions = await autocompleter.getSuggestions(word?.text);
-
       return {
-        from: word.from,
-        options: suggestions
+        from: word.from + suggestions.from,
+        options: suggestions.options
       }
     }]
   })
 
-
-
   return (<CodeMirror 
     ref={editorRef}
     className={css`height:100%`} // XXX : need to set height for both wrapper elements