feat: Add install notification

Fixes #3

Author: mskelton

src/PackageJsonCodeActionProvider.ts

@@ -1,4 +1,5 @@
 import vscode from "vscode"
+import { commands } from "./commands"
 import { fetchPackage } from "./utils/packages"
 import { parseDependency } from "./utils/parseDependency"
 import { DIAGNOSTIC_CODE } from "./utils/vars"
@@ -44,15 +45,23 @@ export class PackageJsonCodeActionProvider
     return Promise.all(promises)
   }
 
-  private createAction(message: string) {
+  private createAction(
+    doc: vscode.TextDocument,
+    message: string,
+    commandMessage: string
+  ) {
     const edit = new vscode.WorkspaceEdit()
     const action = new vscode.CodeAction(
       message,
       vscode.CodeActionKind.QuickFix
     )
 
     action.edit = edit
-    action.isPreferred = true
+    action.command = {
+      arguments: [commandMessage, doc.uri],
+      command: commands.notify,
+      title: "update",
+    }
 
     return [action, edit] as const
   }
@@ -62,7 +71,11 @@ export class PackageJsonCodeActionProvider
     diagnostics: vscode.Diagnostic[],
     message: string
   ) {
-    const [action, edit] = this.createAction(message)
+    const [action, edit] = this.createAction(
+      doc,
+      message,
+      `Package${diagnostics.length > 1 ? "s" : ""} updated successfully.`
+    )
     action.diagnostics = diagnostics
 
     await Promise.all(
@@ -78,7 +91,13 @@ export class PackageJsonCodeActionProvider
     doc: vscode.TextDocument,
     diagnostic: vscode.Diagnostic
   ) {
-    const [action, edit] = this.createAction("Update package")
+    const [action, edit] = this.createAction(
+      doc,
+      "Update package",
+      "Package update successfully."
+    )
+
+    action.isPreferred = true
     action.diagnostics = [diagnostic]
 
     await this.createEdit(edit, doc, diagnostic.range)

src/commands/index.ts

@@ -0,0 +1,4 @@
+export const commands = {
+  install: "npm-outdated.install",
+  notify: "npm-outdated.notify",
+}

src/commands/install.ts

@@ -0,0 +1,17 @@
+import cp from "child_process"
+import vscode from "vscode"
+
+export const install = (outputChannel: vscode.OutputChannel) => async (
+  cmd: string,
+  cwd: string
+) => {
+  outputChannel.clear()
+
+  const p = cp.exec(cmd, { cwd })
+  const handleData = (data: string) => outputChannel.append(data)
+
+  p.stderr?.on?.("data", handleData)
+  p.stdout?.on?.("data", handleData)
+
+  outputChannel.show()
+}

src/commands/notify.ts

@@ -0,0 +1,33 @@
+import { commands } from "."
+import path from "path"
+import vscode from "vscode"
+
+async function isYarn(uri: vscode.Uri) {
+  const path = uri.fsPath.replace("package.json", "yarn.lock")
+
+  try {
+    await vscode.workspace.fs.stat(vscode.Uri.file(path))
+    return true
+  } catch (e) {
+    return false
+  }
+}
+
+export async function notify(message: string, uri: vscode.Uri) {
+  const yarn = await isYarn(uri)
+  const installCommand = yarn ? "yarn" : "npm install"
+  const action = `Run '${installCommand}'`
+
+  const result = await vscode.window.showInformationMessage(
+    `${message} Run your package manager install command to finish updating packages.`,
+    action
+  )
+
+  if (result === action) {
+    vscode.commands.executeCommand(
+      commands.install,
+      installCommand,
+      path.dirname(uri.fsPath)
+    )
+  }
+}

src/extension.ts

@@ -1,5 +1,8 @@
 import vscode from "vscode"
 import { PackageJsonCodeActionProvider } from "./PackageJsonCodeActionProvider"
+import { commands } from "./commands"
+import { install } from "./commands/install"
+import { notify } from "./commands/notify"
 import { findOutdatedPackages } from "./diagnostics/findOutdatedPackages"
 import { getPackageRanges } from "./diagnostics/getPackageRanges"
 import { subscribeToDocument } from "./diagnostics/subscribeToDocument"
@@ -30,7 +33,12 @@ export function activate(ctx: vscode.ExtensionContext): void {
     diagnosticCollection.set(doc.uri, diagnostics)
   })
 
+  const outputChannel = vscode.window.createOutputChannel("npm Outdated")
+
   ctx.subscriptions.push(
+    outputChannel,
+    vscode.commands.registerCommand(commands.notify, notify),
+    vscode.commands.registerCommand(commands.install, install(outputChannel)),
     vscode.languages.registerCodeActionsProvider(
       {
         language: "json",