@gilav21/shadcn-angular 0.0.24 → 0.0.26

package/src/commands/diff.ts

@@ -0,0 +1,133 @@
+import fs from 'fs-extra';
+import path from 'node:path';
+import chalk from 'chalk';
+import { getConfig } from '../utils/config.js';
+import { registry, getComponentNames, type ComponentName } from '../registry/index.js';
+import { resolveProjectPath, aliasToProjectPath } from '../utils/paths.js';
+import { fetchAndTransform, normalizeContent } from './add.js';
+
+interface DiffOptions {
+    branch: string;
+    remote?: boolean;
+    registry?: string;
+}
+
+function formatLineDiff(localLine: string | undefined, remoteLine: string | undefined): string[] {
+    if (localLine !== undefined && remoteLine !== undefined) {
+        return [chalk.red(`- ${localLine}`), chalk.green(`+ ${remoteLine}`)];
+    }
+    if (localLine === undefined) {
+        return [chalk.green(`+ ${remoteLine}`)];
+    }
+    return [chalk.red(`- ${localLine}`)];
+}
+
+export function formatUnifiedDiff(fileName: string, localContent: string, remoteContent: string): string {
+    const localLines = localContent.split('\n');
+    const remoteLines = remoteContent.split('\n');
+    const output: string[] = [
+        chalk.bold(`--- local/${fileName}`),
+        chalk.bold(`+++ remote/${fileName}`),
+    ];
+
+    const maxLines = Math.max(localLines.length, remoteLines.length);
+    let diffFound = false;
+
+    for (let i = 0; i < maxLines; i++) {
+        const localLine = localLines[i];
+        const remoteLine = remoteLines[i];
+
+        if (localLine === remoteLine) continue;
+
+        diffFound = true;
+        output.push(chalk.cyan(`@@ line ${i + 1} @@`), ...formatLineDiff(localLine, remoteLine));
+    }
+
+    return diffFound ? output.join('\n') : '';
+}
+
+async function diffFile(
+    file: string,
+    targetDir: string,
+    options: DiffOptions,
+    utilsAlias: string,
+): Promise<string | null> {
+    const targetPath = path.join(targetDir, file);
+    if (!await fs.pathExists(targetPath)) return null;
+
+    try {
+        const localContent = normalizeContent(await fs.readFile(targetPath, 'utf-8'));
+        const remoteContent = normalizeContent(
+            await fetchAndTransform(file, { branch: options.branch, remote: options.remote, registry: options.registry }, utilsAlias),
+        );
+
+        if (localContent === remoteContent) return null;
+
+        const diffOutput = formatUnifiedDiff(file, localContent, remoteContent);
+        return diffOutput || null;
+    } catch {
+        return chalk.yellow(`  Could not fetch remote version of ${file}`);
+    }
+}
+
+async function diffComponent(
+    name: ComponentName,
+    targetDir: string,
+    options: DiffOptions,
+    utilsAlias: string,
+): Promise<string[]> {
+    const component = registry[name];
+    const fileDiffs: string[] = [];
+
+    for (const file of component.files) {
+        const result = await diffFile(file, targetDir, options, utilsAlias);
+        if (result) fileDiffs.push(result);
+    }
+
+    return fileDiffs;
+}
+
+export async function diff(components: string[], options: DiffOptions) {
+    const cwd = process.cwd();
+
+    const config = await getConfig(cwd);
+    if (!config) {
+        console.log(chalk.red('Error: components.json not found.'));
+        console.log(chalk.dim('Run `npx @gilav21/shadcn-angular init` first.'));
+        process.exit(1);
+    }
+
+    if (!options.registry && config.registry) {
+        options.registry = config.registry;
+    }
+
+    const uiBasePath = aliasToProjectPath(config.aliases.ui || 'src/components/ui');
+    const targetDir = resolveProjectPath(cwd, uiBasePath);
+    const utilsAlias = config.aliases.utils;
+
+    const names = components.length > 0
+        ? components as ComponentName[]
+        : getComponentNames();
+
+    let totalDiffs = 0;
+
+    for (const name of names) {
+        if (!(name in registry)) {
+            console.log(chalk.red(`Unknown component: ${name}`));
+            continue;
+        }
+
+        const fileDiffs = await diffComponent(name, targetDir, options, utilsAlias);
+        if (fileDiffs.length > 0) {
+            totalDiffs++;
+            console.log(chalk.bold.cyan(`\n${name}:`));
+            for (const d of fileDiffs) console.log(d);
+        }
+    }
+
+    if (totalDiffs === 0) {
+        console.log(chalk.green('\nAll installed components are up to date.'));
+    } else {
+        console.log(chalk.dim(`\n${totalDiffs} component(s) have differences.`));
+    }
+}

package/src/commands/help.ts

@@ -1,5 +1,5 @@
 import chalk from 'chalk';
-import { registry } from '../registry/index.js';
+import { registry, getComponentNames } from '../registry/index.js';
 
 type Category = 'UI' | 'Charts' | 'Layout / Page Building' | 'Animation' | 'Kanban';
 
@@ -17,8 +17,8 @@ const KANBAN_COMPONENTS = new Set(['kanban']);
 const LAYOUT_COMPONENTS = new Set(['bento-grid', 'page-builder']);
 
 function categorize(name: string): Category {
-  const def = registry[name];
-  if (!def) return 'UI';
+  if (!(name in registry)) return 'UI';
+  const def = registry[name as keyof typeof registry];
 
   const hasChartFile = def.files.some(f => f.startsWith('charts/'));
   if (hasChartFile) return 'Charts';
@@ -37,14 +37,14 @@ function buildComponentsByCategory(): Map<Category, readonly string[]> {
     groups.set(cat, []);
   }
 
-  for (const name of Object.keys(registry)) {
+  for (const name of getComponentNames()) {
     const cat = categorize(name);
     const list = groups.get(cat);
     if (list) list.push(name);
   }
 
   for (const list of groups.values()) {
-    list.sort();
+    list.sort((a, b) => a.localeCompare(b));
   }
 
   return groups;
@@ -71,17 +71,26 @@ function buildCommandsSection(): string[] {
     '  ' + chalk.cyan('init') + '   Initialize shadcn-angular in your project',
     '    ' + chalk.gray('-y, --yes') + '            Skip confirmation prompt',
     '    ' + chalk.gray('-d, --defaults') + '       Use default configuration',
+    '    ' + chalk.gray('--remote') + '             Force remote fetch from GitHub registry',
     '    ' + chalk.gray('-b, --branch') + ' <branch> GitHub branch to fetch from ' + branchDefault,
     '',
     '  ' + chalk.cyan('add') + '    Add component(s) to your project',
     '    ' + chalk.gray('[components...]') + '       One or more component names',
-    '    ' + chalk.gray('-y, --yes') + '            Skip confirmation prompt',
+    '    ' + chalk.gray('-y, --yes') + '            Skip prompts and overwrite conflicts',
     '    ' + chalk.gray('-o, --overwrite') + '      Overwrite existing files',
     '    ' + chalk.gray('-a, --all') + '            Add all available components',
     '    ' + chalk.gray('-p, --path') + ' <path>     Custom install path',
     '    ' + chalk.gray('--remote') + '             Force remote fetch from GitHub registry',
+    '    ' + chalk.gray('--dry-run') + '            Show what would be installed without changes',
+    '    ' + chalk.gray('-b, --branch') + ' <branch> GitHub branch to fetch from ' + branchDefault,
+    '',
+    '  ' + chalk.cyan('diff') + '   Show differences between local and remote versions',
+    '    ' + chalk.gray('[components...]') + '       Components to diff (all installed if omitted)',
+    '    ' + chalk.gray('--remote') + '             Force remote fetch from GitHub registry',
     '    ' + chalk.gray('-b, --branch') + ' <branch> GitHub branch to fetch from ' + branchDefault,
     '',
+    '  ' + chalk.cyan('list') + '   List all components and their install status',
+    '',
     '  ' + chalk.cyan('help') + '   Show this reference',
     '',
   ];