@dinachi/cli 0.1.1 → 0.2.1

package/dist/index.js

@@ -431,7 +431,7 @@ var addCommand = new Command("add").description("Add a component to your project
     }
     const componentsToInstall = [componentName, ...getComponentDependencies(componentName)];
     spinner.text = `Installing ${componentsToInstall.join(", ")}...`;
-    const componentDir = path2.join(process.cwd(), config.aliases.components);
+    const componentDir = path2.join(process.cwd(), config.aliases.ui.replace("@/", "src/"));
     await fs2.ensureDir(componentDir);
     let allFilesAdded = [];
     let allDepsInstalled = [];
@@ -445,7 +445,7 @@ var addCommand = new Command("add").description("Add a component to your project
     }
     const utilityRegistry = getUtilityRegistry();
     const uniqueUtilityDeps = [...new Set(allUtilityDeps)];
-    const utilsDir = path2.join(process.cwd(), config.aliases.utils);
+    const utilsDir = path2.join(process.cwd(), config.aliases.lib.replace("@/", "src/"));
     if (uniqueUtilityDeps.length > 0) {
       await fs2.ensureDir(utilsDir);
       for (const utilityName of uniqueUtilityDeps) {
@@ -460,7 +460,7 @@ var addCommand = new Command("add").description("Add a component to your project
           await fs2.writeFile(targetPath, content);
           allFilesAdded.push({
             name: utilityFilename,
-            path: path2.join(config.aliases.utils, utilityFilename)
+            path: path2.join(config.aliases.lib, utilityFilename)
           });
           if (utility.dependencies?.length) {
             allDepsInstalled.push(...utility.dependencies);
@@ -481,7 +481,7 @@ var addCommand = new Command("add").description("Add a component to your project
         let content = await fs2.readFile(sourcePath, "utf-8");
         content = content.replace(/^\/\/ @ts-nocheck\s*\n/m, "");
         await fs2.writeFile(targetPath, content);
-        allFilesAdded.push({ name: file.name, path: path2.join(config.aliases.components, file.name) });
+        allFilesAdded.push({ name: file.name, path: path2.join(config.aliases.ui, file.name) });
       }
       if (comp.dependencies?.length) {
         allDepsInstalled.push(...comp.dependencies);
@@ -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,28 +606,45 @@ 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
   },
   "aliases": {
-    "components": "${response.componentsPath}",
-    "utils": "${response.utilsPath}"
-  }
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
 }`;
     await fs3.writeFile("components.json", configContent);
     spinner.succeed("\u2705 Dinachi UI setup complete!");
     console.log();
     console.log("Next steps:");
     console.log(`  1. Add a component: ${chalk2.cyan("npx @dinachi/cli add button")}`);
-    console.log(`  2. Components will be installed to: ${chalk2.cyan(response.componentsPath)}`);
-    console.log(`  3. Utils available at: ${chalk2.cyan(path3.join(response.utilsPath, "utils.ts"))}`);
+    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")}`);
@@ -639,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.1.1",
+  "version": "0.2.1",
   "description": "CLI for adding Dinachi UI components to your project",
   "type": "module",
   "keywords": [

package/templates/select/select.tsx

@@ -1,8 +1,9 @@
+// @ts-nocheck
 "use client"
 
 import * as React from "react"
 import { Select as SelectPrimitive } from "@base-ui-components/react/select"
-import { cn } from "@dinachi/core"
+import { cn } from "@/lib/utils"
 import { Check, ChevronDown } from "lucide-react"