grg-kit-cli 0.6.13 → 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/config/resources.js

@@ -20,7 +20,10 @@ const RESOURCES = {
         "minimal",
         "warm",
         "amber",
-        "orange"
+        "orange",
+        "golden",
+        "autumn",
+        "cozy"
       ],
       "features": [
         "dark-mode",
@@ -40,7 +43,11 @@ const RESOURCES = {
         "medical",
         "green",
         "life-sciences",
-        "biotech"
+        "biotech",
+        "laboratory",
+        "research",
+        "science",
+        "nature"
       ],
       "features": [
         "dark-mode",
@@ -60,7 +67,12 @@ const RESOURCES = {
         "medical",
         "professional",
         "blue",
-        "healthcare"
+        "healthcare",
+        "hospital",
+        "clinic",
+        "doctor",
+        "patient",
+        "health"
       ],
       "features": [
         "dark-mode",
@@ -80,7 +92,11 @@ const RESOURCES = {
         "warm",
         "orange",
         "brown",
-        "claude"
+        "claude",
+        "ai",
+        "anthropic",
+        "earthy",
+        "cozy"
       ],
       "features": [
         "dark-mode",
@@ -100,7 +116,10 @@ const RESOURCES = {
         "minimal",
         "grayscale",
         "neutral",
-        "clean"
+        "clean",
+        "monochrome",
+        "simple",
+        "light"
       ],
       "features": [
         "dark-mode",
@@ -120,7 +139,10 @@ const RESOURCES = {
         "default",
         "blue",
         "minimal",
-        "professional"
+        "professional",
+        "corporate",
+        "business",
+        "standard"
       ],
       "features": [
         "dark-mode",
@@ -140,7 +162,11 @@ const RESOURCES = {
         "medical",
         "purple",
         "genomics",
-        "biotech"
+        "biotech",
+        "dna",
+        "genetics",
+        "research",
+        "science"
       ],
       "features": [
         "dark-mode",
@@ -160,7 +186,10 @@ const RESOURCES = {
         "minimal",
         "modern",
         "contemporary",
-        "clean"
+        "clean",
+        "sleek",
+        "elegant",
+        "simple"
       ],
       "features": [
         "dark-mode",
@@ -180,7 +209,11 @@ const RESOURCES = {
         "medical",
         "teal",
         "pharmaceutical",
-        "healthcare"
+        "healthcare",
+        "pharmacy",
+        "drug",
+        "medicine",
+        "calm"
       ],
       "features": [
         "dark-mode",
@@ -201,7 +234,15 @@ const RESOURCES = {
         "file",
         "upload",
         "form",
-        "drag-drop"
+        "drag-drop",
+        "dropzone",
+        "attachment",
+        "file-picker",
+        "document",
+        "image-upload",
+        "file-input",
+        "browse",
+        "select-file"
       ],
       "dependencies": [
         "@spartan-ng/helm/button"
@@ -220,7 +261,16 @@ const RESOURCES = {
         "login",
         "signup",
         "authentication",
-        "form"
+        "form",
+        "sign-in",
+        "signin",
+        "sign-up",
+        "register",
+        "password",
+        "user-login",
+        "account",
+        "credentials",
+        "onboarding"
       ],
       "dependencies": [
         "@spartan-ng/helm/button",
@@ -259,7 +309,15 @@ const RESOURCES = {
         "preferences",
         "account",
         "profile",
-        "security"
+        "security",
+        "user-settings",
+        "my-account",
+        "configuration",
+        "options",
+        "notifications",
+        "privacy",
+        "delete-account",
+        "password-change"
       ],
       "dependencies": [
         "@spartan-ng/helm/button",
@@ -308,7 +366,18 @@ const RESOURCES = {
         "footer",
         "navigation",
         "topnav",
-        "collapsible"
+        "collapsible",
+        "app-shell",
+        "dashboard",
+        "admin",
+        "main-layout",
+        "navbar",
+        "menu",
+        "left-nav",
+        "top-bar",
+        "horizontal-nav",
+        "vertical-nav",
+        "wrapper"
       ],
       "dependencies": [
         "@spartan-ng/helm/button",

package/package.json

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