feat: add link icons to package hover (#22)

* feat: add link icons + divider to package hover

* fix: remove divider

* Update src/providers/hover/npmx.ts

---------

Co-authored-by: Vida Xie <vida_2020@163.com>

Author: nitodeco

src/constants.ts

@@ -11,3 +11,5 @@ export const CACHE_TTL_ONE_DAY = 1000 * 60 * 60 * 24
 export const NPMJS_COM = 'https://npmjs.com'
 export const NPMX_DEV = 'https://npmx.dev'
 export const NPMX_DEV_API = `${NPMX_DEV}/api`
+
+export const SPACER = ' '

src/providers/hover/npmx.ts

@@ -1,5 +1,6 @@
 import type { Extractor } from '#types/extractor'
 import type { HoverProvider, Position, TextDocument } from 'vscode'
+import { SPACER } from '#constants'
 import { getPackageInfo } from '#utils/api/package'
 import { npmPacakgeUrl, npmxDocsUrl, npmxPackageUrl } from '#utils/links'
 import { extractVersion } from '#utils/package'
@@ -34,15 +35,13 @@ export class NpmxHoverProvider<T extends Extractor> implements HoverProvider {
     const currentVersion = pkg.versionsMeta[coercedVersion]
     if (currentVersion) {
       if (currentVersion.provenance)
-        md.appendMarkdown(`[$(verified) Verified provenance](${npmPacakgeUrl(name, coercedVersion)}#provenance)\n\n`)
+        md.appendMarkdown(`[$(verified)${SPACER}Verified provenance](${npmPacakgeUrl(name, coercedVersion)}#provenance)\n\n`)
     }
 
-    const footer = [
-      `[View on npmx](${npmxPackageUrl(name)})`,
-      `[View docs on npmx](${npmxDocsUrl(name, coercedVersion)})`,
-    ]
+    const packageLink = `[$(package)${SPACER}View on npmx](${npmxPackageUrl(name)})`
+    const docsLink = `[$(book)${SPACER}View docs on npmx](${npmxDocsUrl(name, coercedVersion)})`
 
-    md.appendMarkdown(`${footer.join(' | ')}\n`)
+    md.appendMarkdown(`${packageLink} | ${docsLink}`)
 
     return new Hover(md)
   }