feat: Add code action to update all packages

Fixes #1

Author: mskelton

README.md

@@ -8,6 +8,14 @@ Displays a diagnostic message in package.json files for packages which have newe
 
 ![Screenshot](./assets/screenshot.jpg)
 
+## Usage
+
+This extension provides three primary means of updating outdated packages. The following code actions are available in `package.json` files.
+
+1. `Update all packages` - This command will update all `dependencies` and `devDependencies` in the package.json file.
+1. `Update package` - This command will update a single package to the latest version. This will show when a single package is selected.
+1. `Update x packages` - This command will update all the selected packages to the latest version. This will show when multiple packages are selected.
+
 ## Contributors ✨
 
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

src/PackageJsonCodeActionProvider.ts

@@ -10,7 +10,7 @@ export class PackageJsonCodeActionProvider
     range: vscode.Range,
     ctx: vscode.CodeActionContext
   ): Promise<vscode.CodeAction[]> {
-    // TODO: Add a single command to update all the packages
+    // TODO: Update command to allow multiline selection
     if (!range.isSingleLine) {
       return Promise.resolve([])
     }
@@ -21,28 +21,64 @@ export class PackageJsonCodeActionProvider
       .filter((diagnostic) => diagnostic.code === DIAGNOSTIC_CODE)
       .map((diagnostic) => this.createCommandCodeAction(doc, diagnostic))
 
+    const allDiagnostics = vscode.languages
+      .getDiagnostics(doc.uri)
+      .filter((diagnostic) => diagnostic.code === DIAGNOSTIC_CODE)
+
+    // Only show the update all code action if there are outdated packages
+    if (allDiagnostics.length) {
+      promises.push(this.createUpdateAllCodeAction(doc, allDiagnostics))
+    }
+
     return Promise.all(promises)
   }
 
+  private async createUpdateAllCodeAction(
+    doc: vscode.TextDocument,
+    diagnostics: vscode.Diagnostic[]
+  ) {
+    const edit = new vscode.WorkspaceEdit()
+    const action = new vscode.CodeAction(
+      "Update all packages",
+      vscode.CodeActionKind.QuickFix
+    )
+
+    action.edit = edit
+    action.isPreferred = true
+    action.diagnostics = diagnostics
+
+    const promises = action.diagnostics.map((diagnostic) =>
+      this.createEdit(edit, doc, diagnostic.range)
+    )
+    await Promise.all(promises)
+
+    return action
+  }
+
   private async createCommandCodeAction(
     doc: vscode.TextDocument,
     diagnostic: vscode.Diagnostic
   ) {
+    const edit = new vscode.WorkspaceEdit()
     const action = new vscode.CodeAction(
-      "Update package to latest version",
+      "Update package",
       vscode.CodeActionKind.QuickFix
     )
 
-    action.edit = await this.createEdit(doc, diagnostic.range)
+    await this.createEdit(edit, doc, diagnostic.range)
+
+    action.edit = edit
     action.diagnostics = [diagnostic]
     action.isPreferred = true
 
     return action
   }
 
-  private async createEdit(doc: vscode.TextDocument, range: vscode.Range) {
-    const edit = new vscode.WorkspaceEdit()
-
+  private async createEdit(
+    edit: vscode.WorkspaceEdit,
+    doc: vscode.TextDocument,
+    range: vscode.Range
+  ) {
     // Get the latest version from the registry
     const line = doc.lineAt(range.start.line)
     const { name, version } = parseDependency(line.text)
@@ -58,7 +94,5 @@ export class PackageJsonCodeActionProvider
         edit.replace(doc.uri, range, prefix + info.version)
       }
     }
-
-    return edit
   }
 }