feat: add command to open npmx.dev in browser

Author: 9romise

package.json

@@ -76,7 +76,14 @@
           "description": "Show warnings for packages with known vulnerabilities"
         }
       }
-    }
+    },
+    "commands": [
+      {
+        "command": "npmx.openInBrowser",
+        "title": "Open npmx.dev in external browser",
+        "category": "npmx"
+      }
+    ]
   },
   "scripts": {
     "dev": "tsdown --watch",

src/constants.ts

@@ -8,5 +8,7 @@ export const VERSION_TRIGGER_CHARACTERS = ['.', '^', '~', ...Array.from({ length
 
 export const CACHE_TTL_ONE_DAY = 1000 * 60 * 60 * 24
 
+export const NPMX_DEV = 'https://npmx.dev'
+
 export const NPM_REGISTRY = 'https://registry.npmjs.org'
-export const NPMX_DEV_API = 'https://npmx.dev/api'
+export const NPMX_DEV_API = `${NPMX_DEV}/api`

src/index.ts

@@ -1,15 +1,16 @@
 import {
+  NPMX_DEV,
   PACKAGE_JSON_BASENAME,
   PACKAGE_JSON_PATTERN,
   PNPM_WORKSPACE_BASENAME,
   PNPM_WORKSPACE_PATTERN,
   VERSION_TRIGGER_CHARACTERS,
 } from '#constants'
-import { defineExtension, watchEffect } from 'reactive-vscode'
-import { Disposable, languages } from 'vscode'
+import { defineExtension, useCommands, watchEffect } from 'reactive-vscode'
+import { Disposable, env, languages, Uri } from 'vscode'
 import { PackageJsonExtractor } from './extractors/package-json'
 import { PnpmWorkspaceYamlExtractor } from './extractors/pnpm-workspace-yaml'
-import { displayName, version } from './generated-meta'
+import { commands, displayName, version } from './generated-meta'
 import { VersionCompletionItemProvider } from './providers/completion-item/version'
 import { registerDiagnosticCollection } from './providers/diagnostics'
 import { NpmxHoverProvider } from './providers/hover/npmx'
@@ -63,4 +64,10 @@ export const { activate, deactivate } = defineExtension(() => {
     [PACKAGE_JSON_BASENAME]: packageJsonExtractor,
     [PNPM_WORKSPACE_BASENAME]: pnpmWorkspaceYamlExtractor,
   })
+
+  useCommands({
+    [commands.openInBrowser]: () => {
+      env.openExternal(Uri.parse(NPMX_DEV))
+    },
+  })
 })