fix: using current package manager to execute shadcn

Author: jherr

src/create-app.ts

@@ -6,6 +6,7 @@ import { format } from 'prettier'
 import chalk from 'chalk'
 
 import { CODE_ROUTER, FILE_ROUTER } from './constants.js'
+import { packageManagerExecute } from './package-manager.js'
 
 import type { Environment } from './environment.js'
 import type { Options } from './types.js'
@@ -485,9 +486,11 @@ export async function createApp(
       s?.start(
         `Installing shadcn components (${Array.from(shadcnComponents).join(', ')})...`,
       )
-      await environment.execute(
-        'npx',
-        ['shadcn@latest', 'add', '--silent', '--yes', ...shadcnComponents],
+      await packageManagerExecute(
+        environment,
+        options.packageManager,
+        'shadcn@latest',
+        ['add', '--silent', '--yes', ...shadcnComponents],
         resolve(targetDir),
       )
       s?.stop(`Installed additional shadcn components`)

src/package-manager.ts

@@ -1,3 +1,5 @@
+import type { Environment } from './environment'
+
 export const SUPPORTED_PACKAGE_MANAGERS = [
   'npm',
   'yarn',
@@ -21,3 +23,24 @@ export function getPackageManager(): PackageManager | undefined {
 
   return packageManager
 }
+
+export function packageManagerExecute(
+  environment: Environment,
+  packagerManager: PackageManager,
+  pkg: string,
+  args: Array<string>,
+  cwd: string,
+) {
+  switch (packagerManager) {
+    case 'yarn':
+      return environment.execute('yarn', ['dlx', pkg, ...args], cwd)
+    case 'pnpm':
+      return environment.execute('pnpx', [pkg, ...args], cwd)
+    case 'bun':
+      return environment.execute('bunx', [pkg, ...args], cwd)
+    case 'deno':
+      return environment.execute('deno', ['run', `npm:${pkg}`, ...args], cwd)
+    default:
+      return environment.execute('npx', [pkg, ...args], cwd)
+  }
+}