@srcroot/ui 0.0.20 → 0.0.22

package/dist/index.js

@@ -511,12 +511,35 @@ async function init(options) {
   const allDeps = { ...pkg.dependencies, ...pkg.devDependencies };
   const tailwindVersion = allDeps["tailwindcss"] || "";
   const isTailwind4 = tailwindVersion.includes("^4") || tailwindVersion.startsWith("4") || allDeps["@tailwindcss/postcss"];
-  const srcDir = fs.existsSync(path.join(cwd, "src")) ? path.join(cwd, "src") : cwd;
-  const appDir = path.join(srcDir, "app");
-  const isAppRouter = fs.existsSync(appDir);
-  const libDir = path.join(srcDir, "lib");
-  const componentsDir = path.join(srcDir, "components", "ui");
-  const globalsPath = isAppRouter ? path.join(appDir, "globals.css") : path.join(srcDir, "styles", "globals.css");
+  const hasSrc = fs.existsSync(path.join(cwd, "src"));
+  const srcPath = hasSrc ? path.join(cwd, "src") : cwd;
+  const appPath = path.join(srcPath, "app");
+  const pagesPath = path.join(srcPath, "pages");
+  const hasAppDir = fs.existsSync(appPath);
+  const hasPagesDir = fs.existsSync(pagesPath);
+  const libDir = path.join(srcPath, "lib");
+  const componentsDir = path.join(srcPath, "components", "ui");
+  let globalsPath = "";
+  if (hasAppDir) {
+    if (fs.existsSync(path.join(appPath, "globals.css"))) {
+      globalsPath = path.join(appPath, "globals.css");
+    } else if (fs.existsSync(path.join(appPath, "global.css"))) {
+      globalsPath = path.join(appPath, "global.css");
+    } else {
+      globalsPath = path.join(appPath, "globals.css");
+    }
+  } else if (hasPagesDir) {
+    const stylesPath = path.join(srcPath, "styles");
+    if (fs.existsSync(path.join(stylesPath, "globals.css"))) {
+      globalsPath = path.join(stylesPath, "globals.css");
+    } else if (fs.existsSync(path.join(stylesPath, "global.css"))) {
+      globalsPath = path.join(stylesPath, "global.css");
+    } else {
+      globalsPath = path.join(stylesPath, "globals.css");
+    }
+  } else {
+    globalsPath = path.join(srcPath, "globals.css");
+  }
   let selectedTheme = options.theme || "slate";
   if (!options.yes && !options.theme) {
     const themeChoices = Object.entries(THEMES).map(([key, theme]) => ({
@@ -986,10 +1009,16 @@ async function add(components, options) {
     resolveDeps(comp);
   }
   const componentsToAdd = Array.from(toInstall);
-  console.log(chalk2.cyan("\n\u{1F4E6} Adding components:\n"));
-  componentsToAdd.forEach((name) => {
-    console.log(chalk2.dim(`  - ${name}`));
-  });
+  if (componentsToAdd.length > 10) {
+    console.log(chalk2.cyan(`
+\u{1F4E6} Adding ${componentsToAdd.length} components...
+`));
+  } else {
+    console.log(chalk2.cyan("\n\u{1F4E6} Adding components:\n"));
+    componentsToAdd.forEach((name) => {
+      console.log(chalk2.dim(`  - ${name}`));
+    });
+  }
   console.log();
   if (!options.yes) {
     const response = await prompts2({
@@ -1004,14 +1033,18 @@ async function add(components, options) {
     }
   }
   const spinner = ora2("Adding components...").start();
-  const componentsDir = path2.join(cwd, "src", "components", "ui");
+  const hasSrc = fs2.existsSync(path2.join(cwd, "src"));
+  const srcPath = hasSrc ? path2.join(cwd, "src") : cwd;
+  const componentsDir = path2.join(srcPath, "components", "ui");
   try {
     await fs2.ensureDir(componentsDir);
     for (const name of componentsToAdd) {
       const comp = REGISTRY[name];
       const targetPath = path2.join(componentsDir, comp.file);
       if (fs2.existsSync(targetPath) && !options.overwrite) {
-        spinner.info(`${chalk2.cyan(comp.file)} already exists, skipping (use --overwrite to replace)`);
+        if (componentsToAdd.length <= 10) {
+          spinner.info(`${chalk2.cyan(comp.file)} already exists, skipping`);
+        }
         continue;
       }
       const registryPath = path2.resolve(__dirname3, "..", "registry", comp.file);
@@ -1021,7 +1054,11 @@ async function add(components, options) {
       }
       const content = await fs2.readFile(registryPath, "utf-8");
       await fs2.writeFile(targetPath, content);
-      spinner.succeed(`Added ${chalk2.cyan(comp.file)}`);
+      if (componentsToAdd.length > 10) {
+        spinner.text = `Added ${chalk2.cyan(comp.file)}`;
+      } else {
+        spinner.succeed(`Added ${chalk2.cyan(comp.file)}`);
+      }
     }
     console.log(chalk2.green("\n\u2705 Components added successfully!\n"));
   } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@srcroot/ui",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "A shadcn-style CLI UI library with polymorphic, accessible React components",
   "type": "module",
   "bin": {