@ng-shangjc/cli 1.0.0-beta

package/dist/commands/install.js

@@ -0,0 +1,332 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installComponent = installComponent;
+const fs = __importStar(require("fs-extra"));
+const path = __importStar(require("path"));
+const inquirer_1 = __importDefault(require("inquirer"));
+const child_process_1 = require("child_process");
+const AVAILABLE_COMPONENTS = [
+    'button',
+    'input',
+    'card',
+    'switch',
+    'dialog',
+    'tooltip',
+    'select',
+    'checkbox',
+    'radio-group',
+    'textarea',
+    'badge',
+    'alert'
+];
+const COMPONENT_DEPENDENCIES = {
+    button: ['utils'],
+    input: ['utils'],
+    card: ['utils'],
+    switch: ['utils'],
+    dialog: ['utils'],
+    tooltip: ['utils'],
+    select: ['utils'],
+    checkbox: ['utils'],
+    'radio-group': ['utils'],
+    textarea: ['utils'],
+    badge: ['utils'],
+    alert: ['utils']
+};
+const COMPONENT_FILES = {
+    button: [
+        'button.component.ts'
+    ],
+    input: [
+        'input.component.ts'
+    ],
+    card: [
+        'card.component.ts'
+    ],
+    switch: [
+        'switch.component.ts'
+    ],
+    dialog: [
+        'dialog.component.ts',
+        'dialog.service.ts'
+    ],
+    tooltip: [
+        'tooltip.component.ts',
+        'tooltip.directive.ts'
+    ],
+    select: [
+        'select.component.ts'
+    ],
+    checkbox: [
+        'checkbox.component.ts'
+    ],
+    'radio-group': [
+        'radio-group.component.ts'
+    ],
+    textarea: [
+        'textarea.component.ts'
+    ],
+    badge: [
+        'badge.component.ts'
+    ],
+    alert: [
+        'alert.component.ts'
+    ]
+};
+async function installComponent(componentName, options) {
+    console.log(`🚀 Installing ${componentName} component...`);
+    // Validate component name
+    if (!AVAILABLE_COMPONENTS.includes(componentName)) {
+        console.error(`❌ Component "${componentName}" not found.`);
+        console.log(`Available components: ${AVAILABLE_COMPONENTS.join(', ')}`);
+        process.exit(1);
+    }
+    // Check if Angular project
+    if (!fs.existsSync('angular.json')) {
+        console.error('❌ This is not an Angular project. Please run this command in an Angular project root.');
+        process.exit(1);
+    }
+    // Check for shangjc.config.json
+    const configPath = 'shangjc.config.json';
+    if (!fs.existsSync(configPath)) {
+        console.log('⚠️  shangjc.config.json not found. Running init first...');
+        const { initProject } = await Promise.resolve().then(() => __importStar(require('./init')));
+        await initProject();
+    }
+    // Load configuration
+    const config = await fs.readJson(configPath);
+    const componentsPath = options.path || config.componentsPath;
+    // Check if component is already installed
+    if (config.installedComponents.includes(componentName)) {
+        console.log(`⚠️  ${componentName} is already installed.`);
+        const { reinstall } = await inquirer_1.default.prompt([
+            {
+                type: 'confirm',
+                name: 'reinstall',
+                message: 'Do you want to reinstall it?',
+                default: false
+            }
+        ]);
+        if (!reinstall) {
+            console.log('Installation cancelled.');
+            return;
+        }
+    }
+    // Show installation summary
+    const dependencies = COMPONENT_DEPENDENCIES[componentName] || [];
+    console.log(`\n📋 Installation Summary:`);
+    console.log(`   Component: ${componentName}`);
+    console.log(`   Path: ${componentsPath}/${componentName}`);
+    console.log(`   Type: ${config.componentType}`);
+    if (dependencies.length > 0) {
+        console.log(`   Dependencies: ${dependencies.join(', ')}`);
+    }
+    // Confirm installation
+    const { confirm } = await inquirer_1.default.prompt([
+        {
+            type: 'confirm',
+            name: 'confirm',
+            message: 'Proceed with installation?',
+            default: true
+        }
+    ]);
+    if (!confirm) {
+        console.log('Installation cancelled.');
+        return;
+    }
+    try {
+        // Install dependencies first
+        if (dependencies.includes('utils')) {
+            await installUtils();
+        }
+        // Install the component package itself
+        await installComponentPackage(componentName);
+        // Create destination directory
+        const destDir = path.join(process.cwd(), componentsPath, componentName);
+        await fs.ensureDir(destDir);
+        // Get source directory from installed npm package
+        const sourceDir = path.join(process.cwd(), 'node_modules', '@ng-shangjc', componentName, 'src', 'lib');
+        // Copy component files
+        const files = COMPONENT_FILES[componentName];
+        for (const file of files) {
+            const sourcePath = path.join(sourceDir, file);
+            const destPath = path.join(destDir, file);
+            if (await fs.pathExists(sourcePath)) {
+                await fs.copy(sourcePath, destPath);
+                console.log(`✅ Copied ${file}`);
+            }
+            else {
+                console.warn(`⚠️  Source file not found: ${sourcePath}`);
+            }
+        }
+        // Create index file
+        const indexContent = generateIndexFile(componentName, files, config.componentType);
+        await fs.writeFile(path.join(destDir, 'index.ts'), indexContent);
+        console.log(`✅ Created index.ts`);
+        // Copy README
+        const readmePath = path.join(process.cwd(), 'node_modules', '@ng-shangjc', componentName, 'README.md');
+        if (await fs.pathExists(readmePath)) {
+            await fs.copy(readmePath, path.join(destDir, 'README.md'));
+            console.log(`✅ Copied README.md`);
+        }
+        // Update configuration
+        if (!config.installedComponents.includes(componentName)) {
+            config.installedComponents.push(componentName);
+            await fs.writeJson(configPath, config, { spaces: 2 });
+            console.log(`✅ Updated shangjc.config.json`);
+        }
+        console.log(`🎉 Successfully installed ${componentName} component!`);
+        console.log(`\n📁 Files installed to: ${destDir}`);
+        console.log(`\n📖 Usage:`);
+        console.log(`import { ${getComponentClassName(componentName)} } from './${componentsPath}/${componentName}';`);
+    }
+    catch (error) {
+        console.error('❌ Installation failed:', error);
+        process.exit(1);
+    }
+}
+async function installUtils() {
+    console.log('📦 Installing utils dependency...');
+    try {
+        // Check if utils is already installed in node_modules
+        const utilsPath = path.join(process.cwd(), 'node_modules', '@ng-shangjc', 'utils');
+        if (!fs.existsSync(utilsPath)) {
+            console.log('Installing @ng-shangjc/utils...');
+            (0, child_process_1.execSync)('npm install --save-dev @ng-shangjc/utils', { stdio: 'inherit' });
+        }
+        else {
+            console.log('✅ @ng-shangjc/utils already installed');
+        }
+    }
+    catch (error) {
+        console.error('❌ Failed to install utils:', error);
+        throw error;
+    }
+}
+async function installComponentPackage(componentName) {
+    console.log(`📦 Installing ${componentName} package...`);
+    try {
+        // Check if component is already installed in node_modules
+        const componentPath = path.join(process.cwd(), 'node_modules', '@ng-shangjc', componentName);
+        if (!fs.existsSync(componentPath)) {
+            console.log(`Installing @ng-shangjc/${componentName}...`);
+            (0, child_process_1.execSync)(`npm install --save-dev @ng-shangjc/${componentName}`, { stdio: 'inherit' });
+        }
+        else {
+            console.log(`✅ @ng-shangjc/${componentName} already installed`);
+        }
+    }
+    catch (error) {
+        console.error(`❌ Failed to install ${componentName} package:`, error);
+        console.log(`🔄 Attempting to download files directly...`);
+        // Fallback: try to download files directly from npm registry
+        try {
+            await downloadComponentFiles(componentName);
+            console.log(`✅ Successfully downloaded ${componentName} files directly`);
+        }
+        catch (downloadError) {
+            console.error(`❌ Failed to download ${componentName} files:`, downloadError);
+            throw new Error(`Failed to install ${componentName}: Package installation and direct download both failed`);
+        }
+    }
+}
+async function downloadComponentFiles(componentName) {
+    const https = require('https');
+    const tar = require('tar');
+    return new Promise((resolve, reject) => {
+        const packageUrl = `https://registry.npmjs.org/@ng-shangjc/${componentName}/-/${componentName}-1.0.0.tgz`;
+        const tempDir = path.join(process.cwd(), '.ng-shangjc-temp');
+        // Ensure temp directory exists
+        fs.ensureDirSync(tempDir);
+        const file = fs.createWriteStream(path.join(tempDir, `${componentName}.tgz`));
+        https.get(packageUrl, (response) => {
+            if (response.statusCode !== 200) {
+                reject(new Error(`Failed to download package: ${response.statusCode}`));
+                return;
+            }
+            response.pipe(file);
+            file.on('finish', () => {
+                file.close();
+                // Extract the tarball
+                fs.createReadStream(path.join(tempDir, `${componentName}.tgz`))
+                    .pipe(tar.extract({
+                    cwd: tempDir,
+                    strip: 1 // Remove the package folder
+                }))
+                    .on('finish', () => {
+                    // Copy the extracted files to node_modules structure
+                    const sourceDir = path.join(tempDir, 'src', 'lib');
+                    const targetDir = path.join(process.cwd(), 'node_modules', '@ng-shangjc', componentName, 'src', 'lib');
+                    fs.ensureDirSync(path.dirname(targetDir));
+                    if (fs.existsSync(sourceDir)) {
+                        fs.copySync(sourceDir, targetDir);
+                    }
+                    // Copy README if exists
+                    const readmeSource = path.join(tempDir, 'README.md');
+                    const readmeTarget = path.join(process.cwd(), 'node_modules', '@ng-shangjc', componentName, 'README.md');
+                    if (fs.existsSync(readmeSource)) {
+                        fs.copySync(readmeSource, readmeTarget);
+                    }
+                    // Clean up temp files
+                    fs.removeSync(tempDir);
+                    resolve();
+                })
+                    .on('error', reject);
+            });
+        }).on('error', reject);
+    });
+}
+function generateIndexFile(componentName, files, mode) {
+    const exports = files
+        .filter(file => file.endsWith('.ts'))
+        .map(file => {
+        const name = file.replace('.ts', '');
+        return `export * from './${name}';`;
+    })
+        .join('\n');
+    return `// Generated by ng-shangjc CLI
+// Component: ${componentName}
+// Mode: ${mode}
+
+${exports}
+`;
+}
+function getComponentClassName(componentName) {
+    return componentName.charAt(0).toUpperCase() + componentName.slice(1) + 'Component';
+}

package/dist/commands/variants.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showVariants = showVariants;
+const variant_configs_1 = require("../utils/variant-configs");
+async function showVariants(componentName) {
+    if (componentName) {
+        // Show variants for specific component
+        const config = (0, variant_configs_1.getComponentVariantConfig)(componentName);
+        if (!config) {
+            console.log(`❌ No variant configuration found for component "${componentName}"`);
+            console.log('\nAvailable components with variants:');
+            const allConfigs = (0, variant_configs_1.getAllVariantConfigs)();
+            allConfigs.forEach(config => {
+                console.log(`  - ${config.component}`);
+            });
+            return;
+        }
+        console.log(`\n🎨 Variant configurations for ${config.component}:`);
+        console.log(`   Default variant: ${config.defaultVariant}\n`);
+        config.variants.forEach(variant => {
+            console.log(`   • ${variant.name}${variant.name === config.defaultVariant ? ' (default)' : ''}`);
+            if (variant.description) {
+                console.log(`     ${variant.description}`);
+            }
+            console.log(`     Classes: ${variant.classes}\n`);
+        });
+    }
+    else {
+        // Show all component variants
+        const allConfigs = (0, variant_configs_1.getAllVariantConfigs)();
+        if (allConfigs.length === 0) {
+            console.log('❌ No variant configurations found');
+            return;
+        }
+        console.log('\n🎨 All component variant configurations:\n');
+        allConfigs.forEach(config => {
+            console.log(`📦 ${config.component}:`);
+            console.log(`   Variants: ${config.variants.map(v => v.name).join(', ')}`);
+            console.log(`   Default: ${config.defaultVariant}\n`);
+        });
+    }
+}

package/dist/index.js

@@ -0,0 +1,26 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const install_1 = require("./commands/install");
+const init_1 = require("./commands/init");
+const variants_1 = require("./commands/variants");
+const program = new commander_1.Command();
+program
+    .name('ng-shangjc')
+    .description('CLI for ng-shangjc UI component library')
+    .version('1.0.0');
+program
+    .command('install <component>')
+    .description('Install a component into your project')
+    .option('-p, --path <path>', 'Override installation path from config')
+    .action(install_1.installComponent);
+program
+    .command('init')
+    .description('Initialize shangjc in your project')
+    .action(init_1.initProject);
+program
+    .command('variants [component]')
+    .description('Show variant configurations for components')
+    .action(variants_1.showVariants);
+program.parse();

package/dist/utils/variant-configs.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMPONENT_VARIANT_CONFIGS = void 0;
+exports.getComponentVariantConfig = getComponentVariantConfig;
+exports.getAllVariantConfigs = getAllVariantConfigs;
+exports.COMPONENT_VARIANT_CONFIGS = {
+    alert: {
+        component: 'alert',
+        variants: [
+            {
+                name: 'default',
+                classes: 'bg-background text-foreground border-border',
+                description: 'Default alert style'
+            },
+            {
+                name: 'destructive',
+                classes: 'border-destructive/50 text-red-800 bg-red-50 dark:border-destructive dark:bg-red-950/30 dark:text-red-300 [&>svg]:text-red-600 dark:[&>svg]:text-red-300',
+                description: 'Red alert for errors'
+            },
+            {
+                name: 'warning',
+                classes: 'border-yellow-500/50 text-yellow-800 bg-yellow-50 dark:border-yellow-500 dark:text-yellow-300 dark:bg-yellow-950/30 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-300',
+                description: 'Yellow alert for warnings'
+            },
+            {
+                name: 'success',
+                classes: 'border-green-500/50 text-green-800 bg-green-50 dark:border-green-500 dark:text-green-300 dark:bg-green-950/30 [&>svg]:text-green-600 dark:[&>svg]:text-green-300',
+                description: 'Green alert for success'
+            },
+            {
+                name: 'info',
+                classes: 'border-blue-500/50 text-blue-800 bg-blue-50 dark:border-blue-500 dark:text-blue-300 dark:bg-blue-950/30 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-300',
+                description: 'Blue alert for information'
+            }
+        ],
+        defaultVariant: 'default'
+    },
+    button: {
+        component: 'button',
+        variants: [
+            {
+                name: 'default',
+                classes: 'bg-primary text-primary-foreground hover:bg-primary/90',
+                description: 'Primary button style'
+            },
+            {
+                name: 'destructive',
+                classes: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+                description: 'Destructive button style'
+            },
+            {
+                name: 'outline',
+                classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+                description: 'Outline button style'
+            },
+            {
+                name: 'secondary',
+                classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+                description: 'Secondary button style'
+            },
+            {
+                name: 'ghost',
+                classes: 'hover:bg-accent hover:text-accent-foreground',
+                description: 'Ghost button style'
+            },
+            {
+                name: 'link',
+                classes: 'text-primary underline-offset-4 hover:underline',
+                description: 'Link button style'
+            }
+        ],
+        defaultVariant: 'default'
+    },
+    input: {
+        component: 'input',
+        variants: [
+            {
+                name: 'default',
+                classes: 'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                description: 'Default input style'
+            },
+            {
+                name: 'destructive',
+                classes: 'flex h-10 w-full rounded-md border border-destructive bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-destructive focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                description: 'Input with destructive border'
+            }
+        ],
+        defaultVariant: 'default'
+    },
+    badge: {
+        component: 'badge',
+        variants: [
+            {
+                name: 'default',
+                classes: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+                description: 'Default badge style'
+            },
+            {
+                name: 'secondary',
+                classes: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+                description: 'Secondary badge style'
+            },
+            {
+                name: 'destructive',
+                classes: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+                description: 'Destructive badge style'
+            },
+            {
+                name: 'outline',
+                classes: 'text-foreground border',
+                description: 'Outline badge style'
+            }
+        ],
+        defaultVariant: 'default'
+    }
+};
+function getComponentVariantConfig(componentName) {
+    return exports.COMPONENT_VARIANT_CONFIGS[componentName] || null;
+}
+function getAllVariantConfigs() {
+    return Object.values(exports.COMPONENT_VARIANT_CONFIGS);
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@ng-shangjc/cli",
+  "version": "1.0.0-beta",
+  "bin": {
+    "ng-shangjc": "./dist/index.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch"
+  },
+  "dependencies": {
+    "commander": "^11.0.0",
+    "fs-extra": "^11.0.0",
+    "inquirer": "^9.0.0",
+    "tar": "^6.0.0"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.0",
+    "@types/inquirer": "^9.0.0",
+    "@types/node": "^20.0.0",
+    "typescript": "~5.8.2"
+  }
+}