feat(init-generator): add ability to specify a package manager of choice (#2769)

* feat: add ability to specify a package manager of choice

* chore: choose default installer based on the lock file presence

* test: update test suite

Author: jamesgeorge007

packages/generators/src/init-generator.ts

@@ -99,8 +99,17 @@ export default class InitGenerator extends CustomGenerator {
         }
     }
 
-    public installPlugins(): void {
-        const packager = this.utils.getPackageManager();
+    public async installPlugins(): Promise<void> {
+        // Prompt for the package manager of choice
+        const defaultPackager = this.utils.getPackageManager();
+        const { packager } = await Question.List(
+            this,
+            "packager",
+            "Pick a package manager:",
+            this.utils.getAvailableInstallers(),
+            defaultPackager,
+            this.force,
+        );
         const opts: {
             dev?: boolean;
             "save-dev"?: boolean;

packages/webpack-cli/lib/utils/get-available-installers.js

@@ -0,0 +1,25 @@
+const { sync } = require("execa");
+
+const utils = require("./");
+
+function hasPmInstalled(packageManager) {
+    try {
+        sync(packageManager, ["--version"]);
+        return packageManager;
+    } catch (err) {
+        return false;
+    }
+}
+
+function getAvailableInstallers() {
+    const installers = ["npm", "yarn", "pnpm"];
+    const availableInstallers = installers.filter((installer) => hasPmInstalled(installer));
+
+    if (!availableInstallers.length) {
+        utils.logger.error("No package manager found.");
+        process.exit(2);
+    }
+    return availableInstallers;
+}
+
+module.exports = getAvailableInstallers;

packages/webpack-cli/lib/utils/index.js

@@ -23,6 +23,10 @@ module.exports = {
         return require("./dynamic-import-loader");
     },
 
+    get getAvailableInstallers() {
+        return require("./get-available-installers");
+    },
+
     get getPackageManager() {
         return require("./get-package-manager");
     },

test/init/init.test.js

@@ -144,7 +144,7 @@ describe("init command", () => {
         const { stdout, stderr } = await runPromptWithAnswers(
             assetsPath,
             ["init"],
-            [`${DOWN}${DOWN}${ENTER}`, `n${ENTER}`, `n${ENTER}`, `n${ENTER}`, ENTER],
+            [`${DOWN}${DOWN}${ENTER}`, `n${ENTER}`, `n${ENTER}`, `n${ENTER}`, ENTER, ENTER],
         );
 
         expect(stdout).toContain("Project has been initialised with webpack!");
@@ -170,7 +170,7 @@ describe("init command", () => {
         const { stdout, stderr } = await runPromptWithAnswers(
             assetsPath,
             ["init"],
-            [`${DOWN}${ENTER}`, `n${ENTER}`, `n${ENTER}`, `n${ENTER}`, ENTER],
+            [`${DOWN}${ENTER}`, `n${ENTER}`, `n${ENTER}`, `n${ENTER}`, ENTER, ENTER],
         );
 
         expect(stdout).toContain("Project has been initialised with webpack!");
@@ -205,6 +205,7 @@ describe("init command", () => {
                 `n${ENTER}`,
                 `n${ENTER}`,
                 `n${ENTER}`,
+                ENTER,
             ],
         );
 
@@ -239,6 +240,7 @@ describe("init command", () => {
                 `n${ENTER}`,
                 `y${ENTER}`,
                 `n${ENTER}`,
+                ENTER,
             ],
         );
 
@@ -279,6 +281,7 @@ describe("init command", () => {
                 `n${ENTER}`,
                 `n${ENTER}`,
                 `y${ENTER}`,
+                ENTER,
             ],
         );
 
@@ -313,6 +316,7 @@ describe("init command", () => {
                 `y${ENTER}`,
                 `y${ENTER}`,
                 `n${ENTER}`,
+                ENTER,
             ],
         );
 
@@ -353,6 +357,7 @@ describe("init command", () => {
                 `n${ENTER}`,
                 `n${ENTER}`,
                 `n${ENTER}`,
+                ENTER,
             ],
         );
 
@@ -387,6 +392,7 @@ describe("init command", () => {
                 `n${ENTER}`,
                 `n${ENTER}`,
                 `n${ENTER}`,
+                ENTER,
             ],
         );
 
@@ -412,7 +418,7 @@ describe("init command", () => {
         const { stdout, stderr } = await runPromptWithAnswers(
             assetsPath,
             ["init"],
-            [ENTER, ENTER, `n${ENTER}`, `n${ENTER}`, ENTER],
+            [ENTER, ENTER, `n${ENTER}`, `n${ENTER}`, ENTER, ENTER],
         );
 
         expect(stdout).toContain("Do you want to use webpack-dev-server?");
@@ -445,6 +451,7 @@ describe("init command", () => {
                 `${DOWN}${ENTER}`,
                 ENTER,
                 `n${ENTER}`,
+                ENTER,
             ],
         );
 
@@ -476,7 +483,7 @@ describe("init command", () => {
         const { stdout, stderr } = await runPromptWithAnswers(
             assetsPath,
             ["init"],
-            [ENTER, `n${ENTER}`, ENTER, `n${ENTER}`, ENTER],
+            [ENTER, `n${ENTER}`, ENTER, `n${ENTER}`, ENTER, ENTER],
         );
 
         expect(stdout).toContain(
@@ -504,7 +511,7 @@ describe("init command", () => {
         const { stdout, stderr } = await runPromptWithAnswers(
             assetsPath,
             ["init"],
-            [ENTER, `n${ENTER}`, ENTER, ENTER, ENTER],
+            [ENTER, `n${ENTER}`, ENTER, ENTER, ENTER, ENTER],
         );
 
         expect(stdout).toContain("Do you want to add PWA support?");