@dinachi/cli 0.2.0 → 0.2.1

package/dist/index.js

@@ -556,18 +556,21 @@ var initCommand = new Command2("init").description("Initialize Dinachi UI in you
     console.log(chalk2.red("\u274C No package.json found. Please run this command in a valid project."));
     process.exit(1);
   }
+  const projectConfig = detectProjectType();
+  console.log(chalk2.gray(`Detected ${projectConfig.framework} project`));
+  console.log();
   const response = await prompts([
     {
       type: "text",
       name: "componentsPath",
       message: "Where would you like to install components?",
-      initial: "./src/components/ui"
+      initial: projectConfig.componentsPath
     },
     {
       type: "text",
       name: "utilsPath",
       message: "Where would you like to install utilities?",
-      initial: "./src/lib"
+      initial: projectConfig.utilsPath
     },
     {
       type: "confirm",
@@ -603,13 +606,14 @@ export function cn(...inputs: ClassValue[]) {
       const installCmd = `${packageManager} ${packageManager === "npm" ? "install" : "add"} ${deps.join(" ")}`;
       execSync2(installCmd, { stdio: "inherit" });
     }
+    const rscEnabled = projectConfig.framework === "next.js";
     const configContent = `{
   "style": "default",
-  "rsc": false,
+  "rsc": ${rscEnabled},
   "tsx": true,
   "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/index.css",
+    "config": "${projectConfig.tailwindConfig}",
+    "css": "${projectConfig.cssPath}",
     "baseColor": "slate",
     "cssVariables": true
   },
@@ -629,6 +633,18 @@ export function cn(...inputs: ClassValue[]) {
     console.log(`  1. Add a component: ${chalk2.cyan("npx @dinachi/cli add button")}`);
     console.log(`  2. Components will be installed to: ${chalk2.cyan("@/components/ui")}`);
     console.log(`  3. Utils available at: ${chalk2.cyan("@/lib/utils")}`);
+    if (projectConfig.framework === "next.js") {
+      console.log();
+      console.log(chalk2.blue("\u{1F4DD} Next.js specific notes:"));
+      console.log(`  - RSC (React Server Components) enabled in config`);
+      console.log(`  - Make sure to add "use client" directive if needed`);
+      console.log(`  - Tailwind config set to: ${chalk2.cyan(projectConfig.tailwindConfig)}`);
+    } else if (projectConfig.framework === "remix") {
+      console.log();
+      console.log(chalk2.blue("\u{1F4DD} Remix specific notes:"));
+      console.log(`  - Components will be installed to: ${chalk2.cyan(projectConfig.componentsPath)}`);
+      console.log(`  - Utils will be installed to: ${chalk2.cyan(projectConfig.utilsPath)}`);
+    }
     console.log();
     console.log("\u{1F4A1} Tip: Install globally for shorter commands:");
     console.log(`  ${chalk2.cyan("npm install -g @dinachi/cli")}`);
@@ -643,6 +659,69 @@ function getPackageManager2() {
   if (fs3.existsSync("yarn.lock")) return "yarn";
   return "npm";
 }
+function detectProjectType() {
+  const packageJsonPath = path3.join(process.cwd(), "package.json");
+  if (!fs3.existsSync(packageJsonPath)) {
+    return {
+      framework: "react",
+      componentsPath: "./src/components/ui",
+      utilsPath: "./src/lib",
+      tailwindConfig: "tailwind.config.js",
+      cssPath: "src/index.css",
+      srcDir: "src"
+    };
+  }
+  const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath, "utf-8"));
+  const deps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+  if (deps.next) {
+    return {
+      framework: "next.js",
+      componentsPath: "./src/components/ui",
+      utilsPath: "./src/lib",
+      tailwindConfig: "tailwind.config.ts",
+      cssPath: "src/app/globals.css",
+      srcDir: "src"
+    };
+  }
+  if (deps.vite || deps["@vitejs/plugin-react"]) {
+    return {
+      framework: "vite",
+      componentsPath: "./src/components/ui",
+      utilsPath: "./src/lib",
+      tailwindConfig: "tailwind.config.js",
+      cssPath: "src/index.css",
+      srcDir: "src"
+    };
+  }
+  if (deps["react-scripts"]) {
+    return {
+      framework: "create-react-app",
+      componentsPath: "./src/components/ui",
+      utilsPath: "./src/lib",
+      tailwindConfig: "tailwind.config.js",
+      cssPath: "src/index.css",
+      srcDir: "src"
+    };
+  }
+  if (deps["@remix-run/react"]) {
+    return {
+      framework: "remix",
+      componentsPath: "./app/components/ui",
+      utilsPath: "./app/lib",
+      tailwindConfig: "tailwind.config.ts",
+      cssPath: "app/tailwind.css",
+      srcDir: "app"
+    };
+  }
+  return {
+    framework: "react",
+    componentsPath: "./src/components/ui",
+    utilsPath: "./src/lib",
+    tailwindConfig: "tailwind.config.js",
+    cssPath: "src/index.css",
+    srcDir: "src"
+  };
+}
 
 // src/index.ts
 var program = new Command3();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinachi/cli",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "CLI for adding Dinachi UI components to your project",
   "type": "module",
   "keywords": [