fix(react-i18next): show sub completion items when using scoped namespace (#941)

* fix(react-i18next): show sub completion items when using scoped namespace

* Empty commit to trigger CI

---------

Co-authored-by: Alex Terehov <[email protected]>

Author: Angeart

src/core/KeyDetector.ts

@@ -55,6 +55,16 @@ export class KeyDetector {
     return keyRange?.key
   }
 
+  static getScopedKey(document: TextDocument, position: Position)
+  {
+    const scopes = Global.enabledFrameworks.flatMap(f => f.getScopeRange(document) || [])
+    if (scopes.length > 0)
+    {
+      const offset = document.offsetAt(position)
+      return scopes.filter(s => s.start < offset && offset < s.end).map(s => s.namespace).join('.')
+    }
+  }
+
   static getKeyAndRange(document: TextDocument, position: Position, dotEnding?: boolean) {
     const { range, key } = KeyDetector.getKeyRange(document, position, dotEnding) || {}
     if (!range || !key)

src/editor/completion.ts

@@ -16,11 +16,18 @@ class CompletionProvider implements CompletionItemProvider {
     if (key === undefined)
       return
 
+    const scopedKey = KeyDetector.getScopedKey(document, position)
+
     if (!key) {
       return Object
         .values(CurrentFile.loader.keys)
         .map((key) => {
-          const item = new CompletionItem(key, CompletionItemKind.Text)
+          let resolvedKey = key
+          if (scopedKey)
+          {
+            resolvedKey = key.replace(`${scopedKey}.`, "")
+          }
+          const item = new CompletionItem(resolvedKey, CompletionItemKind.Text)
           item.detail = loader.getValueByKey(key)
           return item
         })
@@ -35,6 +42,9 @@ class CompletionProvider implements CompletionItemProvider {
 
     let node: LocaleTree | LocaleNode | undefined
 
+    if (scopedKey && key)
+      node = loader.getTreeNodeByKey([scopedKey, key].join('.'))
+
     if (!key)
       node = loader.root