Add packageManager to created projects

Use npm_config_user_agent to persist the active tool and avoid Corepack warnings.

Co-authored-by: Cursor <[email protected]>

Author: cezaraugusto

programs/create/lib/package-manager.ts

@@ -1,5 +1,7 @@
 type PackageManagerName = 'pnpm' | 'yarn' | 'npm'
 
+const userAgentPattern = /(pnpm|yarn|npm)\/([0-9]+\.[0-9]+\.[0-9]+[^ ]*)/i
+
 export function detectPackageManagerFromEnv(): PackageManagerName {
   const userAgent = process.env.npm_config_user_agent || ''
   if (userAgent.includes('pnpm')) return 'pnpm'
@@ -13,3 +15,17 @@ export function detectPackageManagerFromEnv(): PackageManagerName {
 
   return 'npm'
 }
+
+export function getPackageManagerSpecFromEnv(): string | null {
+  const userAgent = process.env.npm_config_user_agent || ''
+  const match = userAgent.match(userAgentPattern)
+
+  if (!match) return null
+
+  const name = match[1]
+  const version = match[2]
+
+  if (!name || !version) return null
+
+  return `${name}@${version}`
+}

programs/create/steps/write-package-json.ts

@@ -9,6 +9,7 @@
 import * as path from 'path'
 import * as fs from 'fs/promises'
 import * as messages from '../lib/messages'
+import {getPackageManagerSpecFromEnv} from '../lib/package-manager'
 
 const extensionJsPackageJsonScripts = {
   dev:
@@ -71,10 +72,13 @@ export async function overridePackageJson(
       process.env.EXTENSION_ENV === 'development' ? '*' : `^${cliVersion}`
   }
 
+  const packageManagerSpec =
+    packageJson.packageManager || getPackageManagerSpecFromEnv()
   const packageMetadata = {
     ...packageJson,
     name: path.basename(projectPath),
     private: true,
+    ...(packageManagerSpec ? {packageManager: packageManagerSpec} : {}),
     scripts: {
       ...packageJson.scripts,
       ...extensionJsPackageJsonScripts