feat(core): add icon for completion items

NWYLZW · Aug 10, 2024 · 81d52ba · 81d52ba
1 parent ad6474e
commit 81d52ba
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/core/src/plugins/expression-quick-completions.ts b/packages/core/src/plugins/expression-quick-completions.ts
@@ -1,5 +1,6 @@
 import { definePlugin } from '@shikitor/core'
 import type {} from '@shikitor/core/plugins/provide-completions'
+import { CompletionItemKind } from '@shikitor/core/plugins/provide-completions'
 
 export default definePlugin({
   name: 'expression-quick-completions',
@@ -32,12 +33,14 @@ export default definePlugin({
             return {
               suggestions: [
                 {
+                  kind: CompletionItemKind.Operator,
                   label: 'par',
                   detail: '(expr)',
                   range,
                   insertText: `(${expressionStr})`
                 },
                 {
+                  kind: CompletionItemKind.Operator,
                   label: 'not',
                   detail: '!expr',
                   range,

diff --git a/packages/core/src/plugins/provide-completions/index.ts b/packages/core/src/plugins/provide-completions/index.ts
@@ -117,9 +117,10 @@ function completionItemTemplate(
   index: number
 ) {
   const { prefix } = completionItemTemplate
+  const kind = item.kind ? CompletionItemKind[item.kind]?.[0] ?? 'U' : 'U'
   return `
     <div class="${classnames(prefix, selectedIndex === index && 'selected')}" data-index="${index}">
-      <div class="${prefix}__kind">${item.kind ? CompletionItemKind[item.kind][0] : 'U'}</div>
+      <div class="${prefix}__kind">${kind}</div>
       <div class="${prefix}__label">${highlightingKeyword(item.label, keywordParts)}</div>
       ${item.detail ? `<div class="${prefix}__detail">${item.detail}</div>` : ''}
       ${item.documentation ? `<div class="${prefix}__documentation">${item.documentation}</div>` : ''}