gladvn 0.2.27 → 0.2.30

package/bin/cli.js

@@ -16,7 +16,7 @@ if (process.argv.includes('--help') || process.argv.includes('-h')) {
   console.log(`
 Usage:
   npx gladvn init [destination]
-  npx gladvn add <component> [destination]
+  npx gladvn add <component | --all> [destination]
   npx gladvn add-block <block> [destination]
 
 Options:
@@ -254,29 +254,52 @@ async function main() {
   }
 
   if (command === "add") {
-    console.log(`\x1b[36mAdding ${componentToAdd} to ${userDest}...\x1b[0m`);
-    const compMatches = availableComponents.filter(c => c.endsWith(`/${componentToAdd}.tsx`) || c.endsWith(`/${componentToAdd}.ts`));
-    if (compMatches.length === 0) {
-       console.error(`\x1b[31m✖ Component "${componentToAdd}" not found.\x1b[0m`);
-       process.exit(1);
-    }
-    
     if (!fs.existsSync(destPath)) {
       fs.mkdirSync(destPath, { recursive: true });
     }
-    const comp = compMatches[0];
-    const sourcePath = path.join(componentsDir, comp);
-    const targetPath = path.join(destPath, 'components', comp);
-    const targetDir = path.dirname(targetPath);
-    if (!fs.existsSync(targetDir)) {
-      fs.mkdirSync(targetDir, { recursive: true });
-    }
-    try {
-      fs.cpSync(sourcePath, targetPath, { force: true });
-      console.log(`\x1b[32m✔ Added ${comp}\x1b[0m`);
-    } catch (err) {
-      console.error(`\x1b[31m✖ Failed to add ${comp}: ${err.message}\x1b[0m`);
-      hasErrors = true;
+
+    if (componentToAdd === "--all") {
+      console.log(`\x1b[36mAdding all components to ${userDest}...\x1b[0m`);
+      let addedCount = 0;
+      for (const comp of availableComponents) {
+        const sourcePath = path.join(componentsDir, comp);
+        const targetPath = path.join(destPath, 'components', comp);
+        const targetDir = path.dirname(targetPath);
+        if (!fs.existsSync(targetDir)) {
+          fs.mkdirSync(targetDir, { recursive: true });
+        }
+        try {
+          fs.cpSync(sourcePath, targetPath, { force: true });
+          console.log(`\x1b[32m✔ Added ${comp}\x1b[0m`);
+          addedCount++;
+        } catch (err) {
+          console.error(`\x1b[31m✖ Failed to add ${comp}: ${err.message}\x1b[0m`);
+          hasErrors = true;
+        }
+      }
+      console.log(`\x1b[32m✔ Successfully added ${addedCount} components!\x1b[0m`);
+    } else {
+      console.log(`\x1b[36mAdding ${componentToAdd} to ${userDest}...\x1b[0m`);
+      const compMatches = availableComponents.filter(c => c.endsWith(`/${componentToAdd}.tsx`) || c.endsWith(`/${componentToAdd}.ts`));
+      if (compMatches.length === 0) {
+         console.error(`\x1b[31m✖ Component "${componentToAdd}" not found.\x1b[0m`);
+         process.exit(1);
+      }
+      
+      const comp = compMatches[0];
+      const sourcePath = path.join(componentsDir, comp);
+      const targetPath = path.join(destPath, 'components', comp);
+      const targetDir = path.dirname(targetPath);
+      if (!fs.existsSync(targetDir)) {
+        fs.mkdirSync(targetDir, { recursive: true });
+      }
+      try {
+        fs.cpSync(sourcePath, targetPath, { force: true });
+        console.log(`\x1b[32m✔ Added ${comp}\x1b[0m`);
+      } catch (err) {
+        console.error(`\x1b[31m✖ Failed to add ${comp}: ${err.message}\x1b[0m`);
+        hasErrors = true;
+      }
     }
   } else if (command === "add-block") {
     console.log(`\x1b[36mAdding block ${componentToAdd} to ${userDest}...\x1b[0m`);
@@ -362,7 +385,7 @@ async function main() {
 
     // Always copy core directories
 
-  const coreDirs = ['hooks', 'lib', 'styles'];
+  const coreDirs = ['hooks', 'lib', 'styles', 'components', 'blocks'];
   for (const dir of coreDirs) {
     const sourcePath = path.join(srcDir, dir);
     const targetPath = path.join(destPath, dir);
@@ -375,7 +398,7 @@ async function main() {
       }
     }
   }
-  console.log(`\x1b[32m✔ Copied core files (lib, hooks, styles)\x1b[0m`);
+  console.log(`\x1b[32m✔ Copied core files and all components (lib, hooks, styles, components, blocks)\x1b[0m`);
 
   // 2. Inject CSS
   if (cssFilePath && fs.existsSync(cssFilePath)) {
@@ -397,10 +420,17 @@ async function main() {
   }
 
   // 3. Configure Path Alias
-  let tsconfigPath = path.join(process.cwd(), 'tsconfig.json');
-  if (!fs.existsSync(tsconfigPath)) tsconfigPath = path.join(process.cwd(), 'jsconfig.json');
+  const tsconfigFiles = ['tsconfig.app.json', 'tsconfig.json', 'jsconfig.json'];
+  let tsconfigPath = null;
+  for (const file of tsconfigFiles) {
+    const p = path.join(process.cwd(), file);
+    if (fs.existsSync(p)) {
+      tsconfigPath = p;
+      break;
+    }
+  }
   
-  if (fs.existsSync(tsconfigPath)) {
+  if (tsconfigPath) {
     let content = fs.readFileSync(tsconfigPath, 'utf8');
     if (!content.includes('@gladvn/*')) {
       const pathsEmptyRegex = /"paths"\s*:\s*\{\s*\}/;
@@ -414,12 +444,74 @@ async function main() {
         content = content.replace(compilerOptionsEmptyRegex, `"compilerOptions": {\n    "paths": {\n      "@gladvn/*": ["./${userDest}/*"]\n    }\n  }`);
       } else if (content.match(/"compilerOptions"\s*:\s*\{/)) {
         content = content.replace(/"compilerOptions"\s*:\s*\{/, `"compilerOptions": {\n    "paths": {\n      "@gladvn/*": ["./${userDest}/*"]\n    },`);
+      } else if (!content.includes('"compilerOptions"')) {
+        content = content.replace(/\{/, `{\n  "compilerOptions": {\n    "paths": {\n      "@gladvn/*": ["./${userDest}/*"]\n    }\n  },`);
       }
       fs.writeFileSync(tsconfigPath, content);
       console.log(`\x1b[32m✔ Configured path alias @gladvn/* in ${path.basename(tsconfigPath)}\x1b[0m`);
     }
   }
 
+  // 4. Configure Vite Alias
+  const viteConfigFiles = ['vite.config.ts', 'vite.config.js'];
+  let viteConfigPath = null;
+  for (const file of viteConfigFiles) {
+    const p = path.join(process.cwd(), file);
+    if (fs.existsSync(p)) {
+      viteConfigPath = p;
+      break;
+    }
+  }
+
+  if (viteConfigPath) {
+    let content = fs.readFileSync(viteConfigPath, 'utf8');
+    if (!content.includes('@gladvn')) {
+      if (!content.includes('import path from') && !content.includes('require("path")')) {
+        if (content.includes('import ')) {
+          const lastImportIndex = content.lastIndexOf('import ');
+          const endOfLine = content.indexOf('\n', lastImportIndex);
+          if (endOfLine !== -1) {
+            content = content.slice(0, endOfLine + 1) + 'import path from "path"\n' + content.slice(endOfLine + 1);
+          } else {
+            content = 'import path from "path"\n' + content;
+          }
+        } else {
+          content = 'import path from "path"\n' + content;
+        }
+      }
+      
+      const resolveAlias = `\n  resolve: {\n    alias: {\n      "@gladvn": path.resolve(__dirname, "./${userDest}"),\n    },\n  },`;
+      
+      if (content.includes('resolve: {')) {
+         if (content.includes('alias: {')) {
+           content = content.replace(/alias:\s*\{/, `alias: {\n      "@gladvn": path.resolve(__dirname, "./${userDest}"),`);
+         } else {
+           content = content.replace(/resolve:\s*\{/, `resolve: {\n    alias: {\n      "@gladvn": path.resolve(__dirname, "./${userDest}"),\n    },`);
+         }
+      } else {
+         content = content.replace(/defineConfig\s*\(\s*\{/, `defineConfig({${resolveAlias}`);
+      }
+      
+      fs.writeFileSync(viteConfigPath, content);
+      console.log(`\x1b[32m✔ Configured resolve.alias in ${path.basename(viteConfigPath)}\x1b[0m`);
+      
+      if (viteConfigPath.endsWith('.ts')) {
+        try {
+          const userPkgPath = path.resolve(process.cwd(), 'package.json');
+          if (fs.existsSync(userPkgPath)) {
+            const userPkg = JSON.parse(fs.readFileSync(userPkgPath, 'utf8'));
+            if (!userPkg.devDependencies) userPkg.devDependencies = {};
+            if (!userPkg.devDependencies['@types/node'] && (!userPkg.dependencies || !userPkg.dependencies['@types/node'])) {
+              userPkg.devDependencies['@types/node'] = '^20.0.0';
+              fs.writeFileSync(userPkgPath, JSON.stringify(userPkg, null, 2));
+              console.log(`\x1b[32m✔ Added @types/node to devDependencies\x1b[0m`);
+            }
+          }
+        } catch (e) {}
+      }
+    }
+  }
+
   } // END OF INIT COMMAND
 
   // 3. Install dependencies

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gladvn",
-  "version": "0.2.27",
+  "version": "0.2.30",
   "type": "module",
   "packageManager": "pnpm@10.11.0",
   "description": "A CLI to scaffold beautiful, accessible React components into your project. Powered by Tailwind CSS v4 and Base UI.",