Add npm to create-next-app environment package manager parser

packages/create-next-app/helpers/get-pkg-manager.ts

@@ -1,25 +1,17 @@
-import { execSync } from 'child_process'
-
 export type PackageManager = 'npm' | 'pnpm' | 'yarn'
 
 export function getPkgManager(): PackageManager {
-  try {
-    const userAgent = process.env.npm_config_user_agent
-    if (userAgent) {
-      if (userAgent.startsWith('yarn')) {
-        return 'yarn'
-      } else if (userAgent.startsWith('pnpm')) {
-        return 'pnpm'
-      }
-    }
-    try {
-      execSync('yarn --version', { stdio: 'ignore' })
+  const userAgent = process.env.npm_config_user_agent
+
+  if (userAgent) {
+    if (userAgent.startsWith('yarn')) {
       return 'yarn'
-    } catch {
-      execSync('pnpm --version', { stdio: 'ignore' })
+    } else if (userAgent.startsWith('pnpm')) {
       return 'pnpm'
+    } else {
+      return 'npm'
     }
-  } catch {
+  } else {
     return 'npm'
   }
 }

packages/create-next-app/index.ts

@@ -62,6 +62,12 @@ const program = new Commander.Command(packageJson.name)
   .allowUnknownOption()
   .parse(process.argv)
 
+const packageManager = !!program.useNpm
+  ? 'npm'
+  : !!program.usePnpm
+  ? 'pnpm'
+  : getPkgManager()
+
 async function run(): Promise<void> {
   if (typeof projectPath === 'string') {
     projectPath = projectPath.trim()
@@ -122,12 +128,6 @@ async function run(): Promise<void> {
     process.exit(1)
   }
 
-  const packageManager = !!program.useNpm
-    ? 'npm'
-    : !!program.usePnpm
-    ? 'pnpm'
-    : getPkgManager()
-
   const example = typeof program.example === 'string' && program.example.trim()
   try {
     await createApp({
@@ -168,16 +168,18 @@ async function notifyUpdate(): Promise<void> {
   try {
     const res = await update
     if (res?.latest) {
-      const pkgManager = getPkgManager()
+      const updateMessage =
+        packageManager === 'yarn'
+          ? 'yarn global add create-next-app'
+          : packageManager === 'pnpm'
+          ? 'pnpm add -g create-next-app'
+          : 'npm i -g create-next-app'
+
       console.log(
         chalk.yellow.bold('A new version of `create-next-app` is available!') +
           '\n' +
           'You can update by running: ' +
-          chalk.cyan(
-            pkgManager === 'yarn'
-              ? 'yarn global add create-next-app'
-              : `${pkgManager} install --global create-next-app`
-          ) +
+          chalk.cyan(updateMessage) +
           '\n'
       )
     }