feat(suggestions.displayImportedInfo): add hover support

Co-authored-by: Vitaly <vital2580@icloud.com>

Author: Ilya Golovin

typescript/src/completions/displayImportedInfo.ts

@@ -1,3 +1,4 @@
+import getImportPath from '../utils/getImportPath'
 import { sharedCompletionContext } from './sharedContext'
 
 export default (entries: ts.CompletionEntry[]) => {
@@ -9,24 +10,13 @@ export default (entries: ts.CompletionEntry[]) => {
     for (const entry of entries) {
         const { symbol } = entry
         if (!symbol) continue
-        const [node] = symbol.declarations ?? []
-        if (!node) continue
-        let importDeclaration: ts.ImportDeclaration | undefined
-        if (ts.isImportSpecifier(node) && ts.isNamedImports(node.parent) && ts.isImportDeclaration(node.parent.parent.parent)) {
-            importDeclaration = node.parent.parent.parent
-        } else if (ts.isImportClause(node) && ts.isImportDeclaration(node.parent)) {
-            importDeclaration = node.parent
-        } else if (ts.isNamespaceImport(node) && ts.isImportClause(node.parent) && ts.isImportDeclaration(node.parent.parent)) {
-            // todo-low(builtin) maybe reformat text
-            importDeclaration = node.parent.parent
-        }
-        if (importDeclaration) {
-            prevCompletionsMap[entry.name] ??= {}
-            let importPath = importDeclaration.moduleSpecifier.getText()
-            const symbolsLimit = 40
-            if (importPath.length > symbolsLimit) importPath = `${importPath.slice(0, symbolsLimit / 2)}...${importPath.slice(-symbolsLimit / 2)}`
-            const detailPrepend = displayImportedInfo === 'short-format' ? `(from ${importPath}) ` : `Imported from ${importPath}\n\n`
-            prevCompletionsMap[entry.name]!.detailPrepend = detailPrepend
-        }
+        let { quotedPath: importPath } = getImportPath(symbol) ?? {}
+        if (!importPath) continue
+
+        prevCompletionsMap[entry.name] ??= {}
+        const symbolsLimit = 40
+        if (importPath.length > symbolsLimit) importPath = `${importPath.slice(0, symbolsLimit / 2)}...${importPath.slice(-symbolsLimit / 2)}`
+        const detailPrepend = displayImportedInfo === 'short-format' ? `(from ${importPath}) ` : `Imported from ${importPath}\n\n`
+        prevCompletionsMap[entry.name]!.detailPrepend = detailPrepend
     }
 }

typescript/src/decorateQuickInfoAtPosition.ts

@@ -1,10 +1,39 @@
 import { GetConfig } from './types'
+import { findChildContainingExactPosition } from './utils'
+import getImportPath from './utils/getImportPath'
 
 export default (proxy: ts.LanguageService, languageService: ts.LanguageService, languageServiceHost: ts.LanguageServiceHost, c: GetConfig) => {
     proxy.getQuickInfoAtPosition = (...args) => {
         const [fileName, position] = args
         const prior = languageService.getQuickInfoAtPosition(...args)
         if (!prior) return
+        const program = languageService.getProgram()!
+        const sourceFile = program.getSourceFile(fileName)!
+
+        if (c('suggestions.displayImportedInfo') !== 'disable') {
+            const node = findChildContainingExactPosition(sourceFile, position)
+            const possiblyImportKeywords = prior.displayParts?.at(-3)
+            if (possiblyImportKeywords?.text === 'import' && node) {
+                const symbolAtLocation = program.getTypeChecker().getSymbolAtLocation(node)
+                if (symbolAtLocation) {
+                    const result = getImportPath(symbolAtLocation)
+                    if (result) {
+                        const { quotedPath: importPath, importKind } = result
+
+                        prior.displayParts!.at(-3)!.text =
+                            {
+                                [ts.SyntaxKind.NamespaceImport]: 'import * as',
+                                [ts.SyntaxKind.NamedImports]: 'import {',
+                            }[importKind] ?? possiblyImportKeywords.text
+
+                        prior.displayParts = [
+                            ...(prior.displayParts || []),
+                            { kind: 'text', text: `${importKind === ts.SyntaxKind.NamedImports ? ' }' : ''} from ${importPath}` },
+                        ]
+                    }
+                }
+            }
+        }
         return prior
     }
 }

typescript/src/utils/getImportPath.ts

@@ -0,0 +1,24 @@
+export default (symbol: ts.Symbol) => {
+    const [node] = symbol.declarations ?? []
+    if (!node) return
+
+    if (!node) return undefined
+    let importDeclaration: ts.ImportDeclaration | undefined
+    let importKind!: ts.SyntaxKind
+    if (ts.isImportSpecifier(node) && ts.isNamedImports(node.parent) && ts.isImportDeclaration(node.parent.parent.parent)) {
+        importDeclaration = node.parent.parent.parent
+        importKind = ts.SyntaxKind.NamedImports
+    } else if (ts.isImportClause(node) && ts.isImportDeclaration(node.parent)) {
+        importDeclaration = node.parent
+    } else if (ts.isNamespaceImport(node) && ts.isImportClause(node.parent) && ts.isImportDeclaration(node.parent.parent)) {
+        // todo-low(builtin) maybe reformat text
+        importDeclaration = node.parent.parent
+        importKind = ts.SyntaxKind.NamespaceImport
+    }
+
+    if (!importDeclaration) return undefined
+    return {
+        quotedPath: importDeclaration.moduleSpecifier.getText(),
+        importKind,
+    }
+}