fix(#441): detect package manager for shadcn

Author: mrzachnugent

apps/cli/package.json

@@ -59,6 +59,7 @@
     "execa": "^7.2.0",
     "log-symbols": "^7.0.1",
     "ora": "^6.1.2",
+    "package-manager-detector": "^1.3.0",
     "tsup": "^8.2.4",
     "tsx": "^4.19.1",
     "typescript": "^5.8.3",

apps/cli/src/services/commands/add.ts

@@ -1,10 +1,11 @@
-import { Effect, Layer } from "effect"
 import { CliOptions } from "@cli/contexts/cli-options.js"
-import { Doctor } from "@cli/services/commands/doctor.js"
-import { ProjectConfig } from "../project-config.js"
-import { Prompt } from "@effect/cli"
 import { PROJECT_MANIFEST } from "@cli/project-manifest.js"
+import { Doctor } from "@cli/services/commands/doctor.js"
 import { runCommand } from "@cli/utils/run-command.js"
+import { Prompt } from "@effect/cli"
+import { Effect, Layer } from "effect"
+import { PackageManager } from "../package-manager.js"
+import { ProjectConfig } from "../project-config.js"
 
 type AddOptions = {
   cwd: string
@@ -16,9 +17,11 @@ type AddOptions = {
 }
 
 class Add extends Effect.Service<Add>()("Add", {
+  dependencies: [PackageManager.Default],
   effect: Effect.gen(function* () {
     const doctor = yield* Doctor
     const projectConfig = yield* ProjectConfig
+    const packageManager = yield* PackageManager
 
     return {
       run: (options: AddOptions) =>
@@ -60,11 +63,20 @@ class Add extends Effect.Service<Add>()("Add", {
 
           const shadcnOptions = toShadcnOptions(options)
 
-          const commandArgs = ["--yes", "shadcn@latest", "add", ...shadcnOptions, ...componentUrls]
+          const binaryRunner = yield* packageManager.getBinaryRunner(options.cwd)
+
+          const commandArgs = [
+            binaryRunner[1],
+            "--yes",
+            "shadcn@latest",
+            "add",
+            ...shadcnOptions,
+            ...componentUrls
+          ].filter((option) => option !== undefined)
 
-          yield* Effect.logDebug(`Running command: npx ${commandArgs.join(" ")}`)
+          yield* Effect.logDebug(`Running command: ${binaryRunner[0]} ${commandArgs.join(" ")}`)
 
-          yield* runCommand("npx", commandArgs, {
+          yield* runCommand(binaryRunner[0], commandArgs, {
             cwd: options.cwd,
             stdio: "inherit"
           })

apps/cli/src/services/package-manager.ts

@@ -0,0 +1,42 @@
+import { Effect } from "effect"
+import { detect } from "package-manager-detector"
+
+const PACKAGE_MANAGERS = ["npm", "bun", "pnpm", "yarn"] as const
+
+const BINARY_RUNNERS = { npm: ["npx"], bun: ["bunx", "--bun"], pnpm: ["pnpm", "dlx"], yarn: ["yarn"] } as const
+
+const detectPackageManager = (cwd: string) =>
+  Effect.tryPromise({
+    try: () => {
+      return detect({
+        cwd,
+        strategies: ["install-metadata", "lockfile", "packageManager-field", "devEngines-field"]
+      })
+    },
+    catch: () => new Error("Failed to get package manager")
+  })
+
+const getPackageManager = (cwd: string) =>
+  Effect.gen(function* () {
+    const pm = yield* detectPackageManager(cwd)
+    if (!pm) {
+      return "npm"
+    }
+    const name = PACKAGE_MANAGERS.find((name) => pm.name.startsWith(name) || pm.agent.startsWith(name)) ?? "npm"
+    return name
+  })
+const getBinaryRunner = (cwd: string) =>
+  Effect.gen(function* () {
+    const pm = yield* getPackageManager(cwd)
+    return BINARY_RUNNERS[pm]
+  })
+
+class PackageManager extends Effect.Service<PackageManager>()("PackageManager", {
+  succeed: {
+    detectPackageManager,
+    getPackageManager,
+    getBinaryRunner
+  }
+}) {}
+
+export { PackageManager }