grg-kit-cli 0.6.14 → 0.6.15

package/README.md

@@ -151,6 +151,14 @@ Examples:
 | `shell` | `sidebar`, `sidebar-footer`, `topnav`, `topnav-footer`, `collapsible`, `collapsible-footer` |
 | `settings` | `profile`, `security`, `notification`, `danger-zone` |
 
+**Search tags** (for MCP server discoverability):
+
+| Block | Search Terms |
+|-------|--------------|
+| `auth` | signin, sign-in, signup, register, password, credentials, onboarding |
+| `shell` | dashboard, admin, navbar, menu, left-nav, top-bar, wrapper |
+| `settings` | user-settings, my-account, configuration, notifications, privacy |
+
 ### `grg list [category]`
 
 List available blocks and themes.

package/commands/add.js

@@ -200,11 +200,6 @@ function showUsage(RESOURCES) {
  *   grg add component --all            # All components
  */
 async function addComponent(componentName, options) {
-  // Fetch catalog dynamically (with caching)
-  const spinner = ora('Fetching catalog...').start();
-  const RESOURCES = await fetchCatalog({ silent: true });
-  spinner.stop();
-
   // Handle --all flag (download all components)
   if (options.all) {
     console.log(chalk.bold.cyan(`\n📦 Adding all components\n`));
@@ -296,11 +291,6 @@ function showComponentUsage(RESOURCES) {
  *   grg add theme modern-minimal   # Download and set modern-minimal theme
  */
 async function addTheme(themeName, options) {
-  // Fetch catalog dynamically (with caching)
-  const spinner = ora('Fetching catalog...').start();
-  const RESOURCES = await fetchCatalog({ silent: true });
-  spinner.stop();
-
   // Validate theme name
   if (!themeName) {
     showThemeUsage(RESOURCES);
@@ -360,10 +350,12 @@ async function downloadTheme(theme, customOutput) {
       stylesContent = '';
     }
 
-    const themeImport = `@import './themes/${theme.file}';`;
+    // Use relative path from src/ to the theme file
+    const relativeThemePath = path.relative('src', outputPath).replace(/\\/g, '/');
+    const themeImport = `@import './${relativeThemePath}';`;
     
-    // Check if any theme is already imported
-    const themeImportRegex = /@import\s+['"]\.\/themes\/[^'"]+['"];?\n?/g;
+    // Check if any theme is already imported (match any .css file import from relative paths)
+    const themeImportRegex = /@import\s+['"]\.\/.+\.css['"];?\n?/g;
     const existingThemeImports = stylesContent.match(themeImportRegex);
     
     if (existingThemeImports && existingThemeImports.length > 0) {
@@ -400,7 +392,8 @@ async function downloadTheme(theme, customOutput) {
   } catch (error) {
     downloadSpinner.warn(chalk.yellow('Could not update src/styles.css automatically'));
     console.log(chalk.gray('\nPlease add the following to your src/styles.css:'));
-    console.log(chalk.cyan(`  @import './themes/${theme.file}';`));
+    const relativeThemePath = path.relative('src', outputPath).replace(/\\/g, '/');
+    console.log(chalk.cyan(`  @import './${relativeThemePath}';`));
   }
 
   console.log();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grg-kit-cli",
-  "version": "0.6.14",
+  "version": "0.6.15",
   "description": "CLI tool for pulling GRG Kit resources into your Angular project",
   "main": "index.js",
   "bin": {