feat: Added an action to update dependencies

It will help if the user has "missed" the notification bubble for some reason. This way, the balloon can be easily redisplayed and help you with `npm install`.

Author: david-rodrigues

locales/bundle.l10n.jsonc

@@ -34,6 +34,7 @@
   "No fix available yet.": "", // The flaw is not yet known to be resolved in a future release.
   "If possible, downgrade to version {0}.": "", // But it is possible to downgrade to a version where the flaw does not exist.
   "Details": "", // Link where you can learn more about the flaw.
+  "Start installing the package": "", //  Forces the display of the notification suggesting to update the package.
 
   // DocumentDecoration.ts related.
   "Install pending": "", // The package was never installed, but the version entered by the user is the latest available.

locales/bundle.l10n.pt-br.json

@@ -25,6 +25,7 @@
   "No fix available yet.": "Ainda não há uma correção disponível.",
   "If possible, downgrade to version {0}.": "Se possível, realize um downgrade para a versão {0}.",
   "Details": "Detalhes",
+  "Start installing the package": "Iniciar a instalação da dependência",
 
   "Install pending": "Instalação pendente",
   "Update available:": "Atualização disponível:",

src/CodeAction.ts

@@ -23,26 +23,43 @@ export class PackageJsonCodeActionProvider implements CodeActionProvider {
     document: TextDocument,
     range: Range
   ): Promise<CodeAction[]> {
+    const diagnosticsAll = languages.getDiagnostics(document.uri)
+
     // Get all diagnostics from this extension.
-    const diagnostics = languages
-      .getDiagnostics(document.uri)
-      .filter(
-        (diagnostic) =>
-          typeof diagnostic.code === "object" &&
-          diagnostic.code.value === DIAGNOSTIC_ACTION &&
-          (!PackageRelatedDiagnostic.is(diagnostic) || diagnostic.isSelectable)
-      ) as PackageRelatedDiagnostic[]
+    const diagnostics = diagnosticsAll.filter(
+      (diagnostic) =>
+        typeof diagnostic.code === "object" &&
+        diagnostic.code.value === DIAGNOSTIC_ACTION &&
+        (!PackageRelatedDiagnostic.is(diagnostic) || diagnostic.isSelectable)
+    ) as PackageRelatedDiagnostic[]
 
     // Checks if an CodeAction comes through a diagnostic.
     const diagnosticsSelected = diagnostics.filter(
       (diagnostic) => diagnostic.range.intersection(range) !== undefined
     )
 
+    // Checks if there are any packages waiting to be installed.
+    let requiresInstall = false
+
+    for (const diagnostic of diagnosticsAll) {
+      if (
+        PackageRelatedDiagnostic.is(diagnostic) &&
+        (await diagnostic.packageRelated.requiresInstallCommand())
+      ) {
+        requiresInstall = true
+        break
+      }
+    }
+
     if (!diagnosticsSelected.length) {
+      if (requiresInstall) {
+        return Promise.all([this.createInstallAction(document)])
+      }
+
       return Promise.resolve([])
     }
 
-    const diagnosticsPromises = []
+    const diagnosticsPromises: Promise<CodeAction>[] = []
 
     let diagnosticsSelectedFiltered = diagnosticsSelected
 
@@ -144,6 +161,10 @@ export class PackageJsonCodeActionProvider implements CodeActionProvider {
       }
     }
 
+    if (requiresInstall) {
+      diagnosticsPromises.push(this.createInstallAction(document))
+    }
+
     return Promise.all(diagnosticsPromises)
   }
 
@@ -225,6 +246,23 @@ export class PackageJsonCodeActionProvider implements CodeActionProvider {
     return action
   }
 
+  private async createInstallAction(
+    document: TextDocument
+  ): Promise<CodeAction> {
+    const action = new CodeAction(
+      l10n.t("Start installing the package"),
+      CodeActionKind.QuickFix
+    )
+
+    action.command = {
+      arguments: [document],
+      command: COMMAND_INSTALL_REQUEST,
+      title: "update",
+    }
+
+    return action
+  }
+
   private async updatePackageVersion(
     action: CodeAction,
     document: TextDocument,

src/extension.test.ts

@@ -297,14 +297,26 @@ describe("code actions", () => {
   it("no package selected", async () => {
     const { actions } = await vscodeSimulator({
       packageJson: { dependencies: { "npm-outdated": "^1.0.1" } },
-      packagesInstalled: { "npm-outdated": "1.0.0" },
+      packagesInstalled: { "npm-outdated": "1.0.1" },
       packagesRepository: { "npm-outdated": ["1.0.0", "1.0.1"] },
       selectFirsts: 0,
     })
 
     expect(actions).toHaveLength(0)
   })
 
+  it("no package selected, awaiting for installing packages", async () => {
+    const { actions } = await vscodeSimulator({
+      packageJson: { dependencies: { "npm-outdated": "^1.0.1" } },
+      packagesInstalled: { "npm-outdated": "1.0.0" },
+      packagesRepository: { "npm-outdated": ["1.0.0", "1.0.1"] },
+      selectFirsts: 0,
+    })
+
+    expect(actions[0]?.title).toBe("Start installing the package")
+    expect(actions).toHaveLength(1)
+  })
+
   it("selected a specific package", async () => {
     const { actions } = await vscodeSimulator({
       packageJson: { dependencies: { "npm-outdated": "^1.0.0" } },
@@ -392,27 +404,31 @@ describe("code actions", () => {
     expect(actions).toHaveLength(2)
   })
 
-  it("selected all two packages", async () => {
+  it("selected all two packages, with waiting for install another", async () => {
     const { actions } = await vscodeSimulator({
       packageJson: {
         dependencies: {
           "@types/jest": "^1.0.0",
+          "node-fetch": "^1.0.1",
           "npm-outdated": "^1.0.0",
         },
       },
       packagesInstalled: {
         "@types/jest": "1.0.0",
+        "node-fetch": "1.0.0",
         "npm-outdated": "1.0.0",
       },
       packagesRepository: {
         "@types/jest": ["1.0.0", "1.0.1"],
+        "node-fetch": ["1.0.0", "1.0.1"],
         "npm-outdated": ["1.0.0", "1.0.1"],
       },
-      selectFirsts: 2,
+      selectFirsts: 3,
     })
 
     expect(actions[0]?.title).toBe("Update 2 selected packages")
-    expect(actions).toHaveLength(1)
+    expect(actions[1]?.title).toBe("Start installing the package")
+    expect(actions).toHaveLength(2)
   })
 
   it("selected all two packages, but one is major update (protection enabled)", async () => {