grg-kit-cli 0.6.5 → 0.6.7

package/README.md

@@ -5,7 +5,7 @@ CLI tool for initializing Angular projects with GRG Kit and adding blocks.
 ## Installation
 
 ```bash
-pnpm install -g grg-kit-cli
+npm install -g grg-kit-cli
 ```
 
 ## Quick Start
@@ -140,7 +140,7 @@ For AI assistants to automatically discover and use GRG Kit resources:
 ### 1. Install the MCP Server
 
 ```bash
-pnpm install -g @grg-kit/mcp-server
+npm install -g grg-kit-mcp-server
 ```
 
 ### 2. Configure Your AI Assistant

package/commands/init.js

@@ -48,7 +48,7 @@ async function init(options) {
   // Step 1: Install Tailwind CSS v4
   spinner.start('Installing Tailwind CSS v4...');
   try {
-    await execAsync('pnpm install tailwindcss @tailwindcss/postcss postcss', { stdio: 'pipe' });
+    await execAsync('npm install tailwindcss @tailwindcss/postcss postcss', { stdio: 'pipe' });
     spinner.succeed(chalk.green('✓ Tailwind CSS v4 installed'));
   } catch (error) {
     spinner.warn(chalk.yellow('Tailwind CSS installation skipped (may already be installed)'));
@@ -71,7 +71,7 @@ async function init(options) {
   // Step 4: Install Spartan-NG CLI
   spinner.start('Installing Spartan-NG CLI...');
   try {
-    await execAsync('pnpm install -D @spartan-ng/cli', { stdio: 'pipe' });
+    await execAsync('npm install -D @spartan-ng/cli', { stdio: 'pipe' });
     spinner.succeed(chalk.green('✓ Spartan-NG CLI installed'));
   } catch (error) {
     spinner.warn(chalk.yellow('Spartan-NG CLI installation skipped'));
@@ -123,7 +123,7 @@ async function init(options) {
   try {
     const { spawn } = require('child_process');
     await new Promise((resolve, reject) => {
-      const child = spawn('pnpm', ['ng', 'g', '@spartan-ng/cli:ui'], {
+      const child = spawn('npx', ['ng', 'g', '@spartan-ng/cli:ui'], {
         stdio: ['pipe', 'pipe', 'pipe'],
         shell: true
       });

package/commands/llm-setup.js

@@ -508,10 +508,10 @@ export class FormComponent {
 
 ## Package Manager
 
-**ALWAYS use pnpm** instead of npm for all package management operations:
-- \`pnpm install\` instead of \`npm install\`
-- \`pnpm add\` instead of \`npm install <package>\`
-- \`pnpm remove\` instead of \`npm uninstall\`
+Use npm for package management operations:
+- \`npm install\` for installing dependencies
+- \`npm install <package>\` for adding packages
+- \`npm uninstall\` for removing packages
 
 This design system provides a comprehensive foundation for building consistent, accessible, and maintainable Angular applications using modern UI patterns and best practices.
 `;
@@ -548,8 +548,7 @@ Add the grg-kit MCP server to your AI assistant configuration:
 {
   "mcpServers": {
     "grg-kit": {
-      "command": "npx",
-      "args": ["-y", "@grg-kit/mcp-server"]
+      "command": "grg-mcp-server"
     }
   }
 }
@@ -586,7 +585,7 @@ Search for GRG Kit resources (themes, blocks, components).
 \`\`\`typescript
 mcp2_search_ui_resources({
   query: "auth",
-  category: "all" // or "themes", "components", "layouts"
+  category: "all" // or "themes", "components", "blocks"
 })
 \`\`\`
 
@@ -621,22 +620,26 @@ mcp2_get_resource_details({
 
 ### 4. mcp2_install_resource
 
-Install a resource into the project.
+Get the install command for a block. Returns a command to run via run_command tool.
 
 \`\`\`typescript
 mcp2_install_resource({
-  resource: "block:auth",
-  output: "src/app/pages/auth" // optional
+  resource: "auth",  // Just the block name, NOT "block:auth"
+  files: ["login"],  // Optional: specific files to install
+  output: "src/app/pages/auth" // Optional: custom output directory
 })
+// Returns: { command: "grg add block auth login", instruction: "Run this command..." }
 \`\`\`
 
+**Important:** The resource parameter should be just the block name (e.g., "auth", "shell", "settings"), NOT prefixed with "block:".
+
 ### 5. mcp2_list_available_resources
 
 List all available resources.
 
 \`\`\`typescript
 mcp2_list_available_resources({
-  category: "all" // or "themes", "components", "layouts"
+  category: "all" // or "themes", "components", "blocks"
 })
 \`\`\`
 
@@ -651,10 +654,12 @@ AI Workflow:
 1. mcp2_search_ui_resources({ query: "shell sidebar" })
    → Finds: block:shell
    
-2. mcp2_install_resource({ resource: "block:shell" })
-   → Install the shell layout
+2. mcp2_install_resource({ resource: "shell", files: ["sidebar"] })
+   → Returns command: "grg add block shell sidebar"
+   
+3. Run the command via run_command tool in the Angular project root
    
-3. Customize using Spartan-NG components (from design-system.md)
+4. Customize using Spartan-NG components (from design-system.md)
    → Add cards, tables, etc.
 \`\`\`
 
@@ -667,10 +672,12 @@ AI Workflow:
 1. mcp2_search_ui_resources({ query: "auth login" })
    → Finds: block:auth
    
-2. mcp2_install_resource({ resource: "block:auth" })
-   → Install auth block (includes login, signup, forgot password)
+2. mcp2_install_resource({ resource: "auth", files: ["login"] })
+   → Returns command: "grg add block auth login"
    
-3. Customize as needed
+3. Run the command via run_command tool in the Angular project root
+   
+4. Customize as needed
 \`\`\`
 
 ### Example 3: User Wants a Theme
@@ -682,10 +689,10 @@ AI Workflow:
 1. mcp2_list_available_resources({ category: "themes" })
    → Show: claude, amber-minimal, etc.
    
-2. mcp2_install_resource({ resource: "theme:claude" })
-   → Install theme
+2. Themes are set via: grg init --theme <name>
+   → Run: grg init --theme claude
    
-3. Update src/styles.css import
+3. Update src/styles.css import if needed
 \`\`\`
 
 ### Example 4: User Wants a Form Component
@@ -697,8 +704,8 @@ AI Workflow:
 1. mcp2_search_ui_resources({ query: "stepper form" })
    → Finds: component:stepper
    
-2. mcp2_install_resource({ resource: "component:stepper" })
-   → Install stepper component
+2. Components are included automatically with grg init
+   → Just import and use: import { GrgStepperImports } from '@grg-kit/ui/stepper';
    
 3. Use with Spartan-NG form components (from design-system.md)
 \`\`\`
@@ -954,8 +961,10 @@ Use the \`grg-kit\` MCP server for themes, blocks, and GRG Kit components:
 
 - \`mcp2_search_ui_resources({ query: "auth" })\` - Search resources
 - \`mcp2_suggest_resources({ requirement: "login page" })\` - Get suggestions
-- \`mcp2_install_resource({ resource: "block:auth" })\` - Install resource
-- \`mcp2_list_available_resources({ category: "all" })\` - List all
+- \`mcp2_install_resource({ resource: "auth", files: ["login"] })\` - Get install command (returns command to run)
+- \`mcp2_list_available_resources({ category: "blocks" })\` - List all
+
+**Note:** \`mcp2_install_resource\` returns a command string. Use \`run_command\` to execute it in the Angular project root.
 
 ## Available Resources
 
@@ -977,7 +986,7 @@ ${blocksList}
 
 ## Package Manager
 
-**ALWAYS use pnpm** instead of npm.
+Use npm for package management.
 
 ## Styling
 

package/package.json

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

package/scripts/README.md

@@ -15,7 +15,7 @@ GRG Kit uses a **two-stage generation pipeline** to ensure CLI and MCP server al
                                     │
                                     ▼
 ┌─────────────────────────────────────────────────────────────────────────────┐
-│  STAGE 1: pnpm generate:sources (in app/)                                   │
+│  STAGE 1: npm generate:sources (in app/)                                   │
 │                                                                              │
 │  • Transforms source components → template files                            │
 │  • Copies meta.json files → templates/ directory                            │
@@ -79,7 +79,7 @@ app/src/app/blocks/my-block/meta.json
 # 3. Update generate-sources.js CONFIG.blocks.sources array
 
 # 4. Run generation
-cd app && pnpm generate:sources
+cd app && npm generate:sources
 cd ../cli && node scripts/generate-resources.js
 
 # 5. Commit and push - CLI/MCP pick up changes automatically
@@ -124,7 +124,7 @@ Generates template files and copies metadata.
 
 ```bash
 cd app
-pnpm generate:sources
+npm generate:sources
 ```
 
 **What it does:**
@@ -226,8 +226,8 @@ grg-kit/
 
 | Task | Command |
 |------|---------|
-| Generate templates + copy meta | `cd app && pnpm generate:sources` |
+| Generate templates + copy meta | `cd app && npm generate:sources` |
 | Generate resources + catalog | `cd cli && node scripts/generate-resources.js` |
 | Full regeneration | Run both above |
 | Test CLI | `cd cli && node bin/grg.js list` |
-| Build MCP | `cd mcp-server && pnpm build` |
+| Build MCP | `cd mcp-server && npm build` |

package/scripts/generate-resources.js

@@ -302,7 +302,7 @@ module.exports = { RESOURCES, REPO };
   const cliPackage = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf-8'));
   
   const catalog = {
-    _generated: 'AUTO-GENERATED FILE - DO NOT EDIT MANUALLY. Run: pnpm catalog',
+    _generated: 'AUTO-GENERATED FILE - DO NOT EDIT MANUALLY. Run: npm catalog',
     version: '1.0.1',
     lastUpdated: new Date().toISOString().split('T')[0],
     cli: {