grg-kit-cli 0.2.0 → 0.3.0

package/commands/init.js

@@ -7,7 +7,7 @@ const { RESOURCES, REPO } = require('../config/resources');
 
 /**
  * Init command - initializes GRG Kit in the project
- * Creates themes directory and downloads a theme
+ * Downloads theme, all components, and all spartan-ng examples in one shot
  */
 async function init(options) {
   const themeName = options.theme || 'grg-theme';
@@ -22,36 +22,74 @@ async function init(options) {
 
   console.log(chalk.bold.cyan('\n🚀 Initializing GRG Kit\n'));
 
-  // Step 1: Create themes directory
-  const spinner = ora('Creating themes directory...').start();
+  const spinner = ora();
+
+  // Step 1: Create directories
+  spinner.start('Creating directories...');
   try {
     await fs.mkdir('src/themes', { recursive: true });
-    spinner.succeed(chalk.green('✓ Created src/themes directory'));
+    await fs.mkdir('src/app/components', { recursive: true });
+    await fs.mkdir('src/app/spartan-examples', { recursive: true });
+    spinner.succeed(chalk.green('✓ Created directories'));
   } catch (error) {
-    spinner.fail(chalk.red('Failed to create themes directory'));
+    spinner.fail(chalk.red('Failed to create directories'));
     console.error(chalk.red(error.message));
     process.exit(1);
   }
 
   // Step 2: Download theme
-  spinner.start(`Downloading ${theme.title}...`);
+  spinner.start(`Downloading ${theme.title} theme...`);
   try {
     const emitter = degit(`${REPO}/${theme.path}`, {
       cache: false,
       force: true,
       verbose: false,
     });
-
     await emitter.clone(theme.defaultOutput);
-    spinner.succeed(chalk.green(`✓ Downloaded ${theme.title}`));
+    spinner.succeed(chalk.green(`✓ Downloaded ${theme.title} theme`));
   } catch (error) {
     spinner.fail(chalk.red('Failed to download theme'));
     console.error(chalk.red(error.message));
     process.exit(1);
   }
 
-  // Step 3: Check and update styles.css
-  spinner.start('Checking src/styles.css...');
+  // Step 3: Download all components
+  spinner.start(`Downloading ${RESOURCES.components.length} components...`);
+  try {
+    for (const component of RESOURCES.components) {
+      const emitter = degit(`${REPO}/${component.path}`, {
+        cache: false,
+        force: true,
+        verbose: false,
+      });
+      await emitter.clone(component.defaultOutput);
+    }
+    spinner.succeed(chalk.green(`✓ Downloaded ${RESOURCES.components.length} components`));
+  } catch (error) {
+    spinner.fail(chalk.red('Failed to download components'));
+    console.error(chalk.red(error.message));
+    process.exit(1);
+  }
+
+  // Step 4: Download all spartan-ng examples
+  const examplesAll = RESOURCES.examples.all;
+  spinner.start(`Downloading spartan-ng examples (${examplesAll.count})...`);
+  try {
+    const emitter = degit(`${REPO}/${examplesAll.path}`, {
+      cache: false,
+      force: true,
+      verbose: false,
+    });
+    await emitter.clone(examplesAll.defaultOutput);
+    spinner.succeed(chalk.green(`✓ Downloaded spartan-ng examples (${examplesAll.count})`));
+  } catch (error) {
+    spinner.fail(chalk.red('Failed to download spartan-ng examples'));
+    console.error(chalk.red(error.message));
+    process.exit(1);
+  }
+
+  // Step 5: Update styles.css
+  spinner.start('Updating src/styles.css...');
   try {
     const stylesPath = 'src/styles.css';
     let stylesContent = '';
@@ -66,7 +104,6 @@ async function init(options) {
     const themeImport = `@import './themes/${theme.file}';`;
     
     if (!stylesContent.includes(themeImport)) {
-      // Add required imports if not present
       const requiredImports = [
         '@import "@angular/cdk/overlay-prebuilt.css";',
         '@import "tailwindcss";',
@@ -89,13 +126,15 @@ async function init(options) {
 
   // Success message
   console.log(chalk.bold.green('\n✨ GRG Kit initialized successfully!\n'));
-  console.log(chalk.gray('Theme installed:'), chalk.cyan(theme.title));
-  console.log(chalk.gray('Description:'), theme.description);
+  
+  console.log(chalk.bold('Installed:'));
+  console.log(chalk.gray('  Theme:'), chalk.cyan(theme.title));
+  console.log(chalk.gray('  Components:'), chalk.cyan(`${RESOURCES.components.length} components`));
+  console.log(chalk.gray('  Examples:'), chalk.cyan(`${examplesAll.count} spartan-ng examples`));
   
   console.log(chalk.yellow('\nNext steps:'));
-  console.log(chalk.gray('  1. Run'), chalk.cyan('grg list'), chalk.gray('to see available resources'));
-  console.log(chalk.gray('  2. Add components with'), chalk.cyan('grg add component:<name>'));
-  console.log(chalk.gray('  3. Add examples with'), chalk.cyan('grg add examples:all'));
+  console.log(chalk.gray('  1. Run'), chalk.cyan('grg list'), chalk.gray('to see available blocks'));
+  console.log(chalk.gray('  2. Add blocks with'), chalk.cyan('grg add <block-name>'));
   console.log();
 }
 

package/commands/list.js

@@ -2,91 +2,59 @@ const chalk = require('chalk');
 const { RESOURCES } = require('../config/resources');
 
 /**
- * List command - displays available resources
+ * List command - displays available blocks and themes
  * Usage: grg list [category]
  */
 async function list(category) {
   if (!category) {
-    // Show all categories
+    // Show overview
     console.log(chalk.bold.cyan('\n📦 GRG Kit Resources\n'));
     
+    console.log(chalk.bold('Blocks') + chalk.gray(` (${RESOURCES.blocks.length} available)`));
+    console.log(chalk.gray('  Add with: grg add block --<name>'));
+    console.log(chalk.gray('  Run: grg list blocks\n'));
+    
     console.log(chalk.bold('Themes') + chalk.gray(` (${RESOURCES.themes.length} available)`));
+    console.log(chalk.gray('  Set with: grg init --theme <name>'));
     console.log(chalk.gray('  Run: grg list themes\n'));
     
-    console.log(chalk.bold('Components') + chalk.gray(` (${RESOURCES.components.length} available)`));
-    console.log(chalk.gray('  Run: grg list components\n'));
-    
-    console.log(chalk.bold('Layouts') + chalk.gray(` (${RESOURCES.layouts.length} available)`));
-    console.log(chalk.gray('  Run: grg list layouts\n'));
-    
-    console.log(chalk.bold('Spartan-NG Examples') + chalk.gray(` (${RESOURCES.examples.components.length}+ available)`));
-    console.log(chalk.gray('  Run: grg list examples\n'));
+    console.log(chalk.gray('Components and spartan-ng examples are installed automatically with'), chalk.cyan('grg init'));
+    console.log();
     
     return;
   }
 
   switch (category) {
+    case 'blocks':
+      console.log(chalk.bold.cyan('\n🧱 Available Blocks\n'));
+      RESOURCES.blocks.forEach(block => {
+        console.log(chalk.bold(`  ${block.name}`));
+        console.log(chalk.gray(`    ${block.description}`));
+        console.log(chalk.yellow(`    grg add block --${block.name}`));
+        if (block.tags && block.tags.length > 0) {
+          console.log(chalk.gray(`    Tags: ${block.tags.join(', ')}`));
+        }
+        console.log();
+      });
+      break;
+
     case 'themes':
       console.log(chalk.bold.cyan('\n🎨 Available Themes\n'));
+      console.log(chalk.gray('  Use with: grg init --theme <name>\n'));
       RESOURCES.themes.forEach(theme => {
         console.log(chalk.bold(`  ${theme.name}`));
         console.log(chalk.gray(`    ${theme.description}`));
-        console.log(chalk.yellow(`    grg add theme:${theme.name}`));
-        if (theme.tags.length > 0) {
+        console.log(chalk.yellow(`    grg init --theme ${theme.name}`));
+        if (theme.tags && theme.tags.length > 0) {
           console.log(chalk.gray(`    Tags: ${theme.tags.join(', ')}`));
         }
         console.log();
       });
       break;
 
-    case 'components':
-      console.log(chalk.bold.cyan('\n🧩 Available Components\n'));
-      RESOURCES.components.forEach(component => {
-        console.log(chalk.bold(`  ${component.name}`));
-        console.log(chalk.gray(`    ${component.description}`));
-        console.log(chalk.yellow(`    grg add component:${component.name}`));
-        if (component.tags.length > 0) {
-          console.log(chalk.gray(`    Tags: ${component.tags.join(', ')}`));
-        }
-        console.log();
-      });
-      break;
-
-    case 'layouts':
-      console.log(chalk.bold.cyan('\n📐 Available Layouts\n'));
-      RESOURCES.layouts.forEach(layout => {
-        console.log(chalk.bold(`  ${layout.name}`));
-        console.log(chalk.gray(`    ${layout.description}`));
-        console.log(chalk.yellow(`    grg add layout:${layout.name}`));
-        if (layout.tags.length > 0) {
-          console.log(chalk.gray(`    Tags: ${layout.tags.join(', ')}`));
-        }
-        console.log();
-      });
-      break;
-
-    case 'examples':
-      console.log(chalk.bold.cyan('\n📚 Available Spartan-NG Examples\n'));
-      
-      // Show "all" option first
-      console.log(chalk.bold(`  all`) + chalk.gray(' (recommended)'));
-      console.log(chalk.gray(`    ${RESOURCES.examples.all.description}`));
-      console.log(chalk.yellow(`    grg add examples:all`));
-      console.log();
-      
-      console.log(chalk.gray('  Or add individual component examples:\n'));
-      
-      RESOURCES.examples.components.forEach(example => {
-        console.log(chalk.bold(`  ${example.name}`));
-        console.log(chalk.gray(`    ${example.description}`));
-        console.log(chalk.yellow(`    grg add examples:${example.name}`));
-        console.log();
-      });
-      break;
-
     default:
       console.error(chalk.red(`Error: Unknown category "${category}"`));
-      console.log(chalk.yellow('Valid categories: themes, components, layouts, examples'));
+      console.log(chalk.yellow('Valid categories: blocks, themes'));
       process.exit(1);
   }
 }