xertica-ui 1.0.0

package/bin/cli.ts

@@ -0,0 +1,193 @@
+#!/usr/bin/env node
+import { Command } from 'commander';
+import prompts from 'prompts';
+import chalk from 'chalk';
+import ora from 'ora';
+import fs from 'fs-extra';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { execa } from 'execa';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const program = new Command();
+
+program
+    .name('xertica-ui')
+    .description('CLI to initialize Xertica UI projects')
+    .version('1.0.0');
+
+program
+    .command('init')
+    .description('Initialize a new Xertica UI project')
+    .argument('[directory]', 'Directory to initialize in', '.')
+    .action(async (directory) => {
+        const targetDir = path.resolve(process.cwd(), directory);
+        const sourceRoot = path.resolve(__dirname, '../');
+
+        // Scan for components
+        const uiComponentsDir = path.join(sourceRoot, 'components/ui');
+        let componentChoices = [{ title: 'All Components', value: 'all', selected: true }];
+
+        if (await fs.pathExists(uiComponentsDir)) {
+            const files = await fs.readdir(uiComponentsDir);
+            const components = files
+                .filter(f => f.endsWith('.tsx') && !f.startsWith('index'))
+                .map(f => ({ title: f.replace('.tsx', ''), value: f }));
+
+            componentChoices = [
+                { title: 'All Components', value: 'all', selected: true },
+                ...components
+            ];
+        }
+
+        console.log(chalk.blue('🚀 Welcome to Xertica UI CLI!'));
+
+        const response = await prompts([
+            {
+                type: 'multiselect',
+                name: 'components',
+                message: 'Which components would you like to include?',
+                choices: componentChoices,
+                hint: '- Space to select. Return to submit',
+                min: 1
+            },
+            {
+                type: 'multiselect',
+                name: 'pages',
+                message: 'Which pages/templates to include?',
+                choices: [
+                    { title: 'Login Page', value: 'login', selected: true },
+                    { title: 'Home Page', value: 'home', selected: true },
+                    { title: 'Template Page', value: 'template', selected: true },
+                ]
+            },
+            {
+                type: 'confirm',
+                name: 'install',
+                message: 'Install dependencies automatically?',
+                initial: true
+            }
+        ]);
+
+        if (!response.components) return;
+
+        const spinner = ora('Initializing project...').start();
+
+        try {
+            // 1. Create Target Directory
+            await fs.ensureDir(targetDir);
+
+            // 2. Copy Base Files
+            const foldersToCopy = ['components', 'contexts', 'styles', 'hooks', 'assets', 'imports', 'utils', 'guidelines'];
+            const filesToCopy = [
+                'package.json', 'tsconfig.json', 'tsconfig.node.json', 'vite.config.ts',
+                'index.html', 'routes.tsx', 'main.tsx', 'postcss.config.js',
+                'vite-env.d.ts', 'index.css', 'eslint.config.js'
+            ];
+            // Note: App.tsx is handled separately
+
+            for (const file of filesToCopy) {
+                const srcPath = path.join(sourceRoot, file);
+                const destPath = path.join(targetDir, file);
+                if (await fs.pathExists(srcPath)) {
+                    await fs.copy(srcPath, destPath);
+                }
+            }
+
+            // Handle App.tsx specifically
+            const pages = response.pages || [];
+            const hasLogin = pages.includes('login');
+            const hasHome = pages.includes('home');
+            const hasTemplate = pages.includes('template');
+            const hasAllPages = hasLogin && hasHome && hasTemplate;
+
+            if (hasAllPages) {
+                if (await fs.pathExists(path.join(sourceRoot, 'App.tsx'))) {
+                    await fs.copy(path.join(sourceRoot, 'App.tsx'), path.join(targetDir, 'App.tsx'));
+                }
+            } else {
+                // Minimal App.tsx
+                const minimalApp = `import React from 'react';
+import { Toaster } from './components/ui/sonner';
+
+export default function App() {
+  return (
+    <div className="min-h-screen bg-white p-8">
+      <h1 className="text-3xl font-bold mb-4">Welcome to Xertica UI</h1>
+      <p>Start building your app by editing App.tsx</p>
+      <Toaster />
+    </div>
+  );
+}
+`;
+                await fs.writeFile(path.join(targetDir, 'App.tsx'), minimalApp);
+            }
+
+            // Copy folders with filter
+            const selectedComponents = response.components;
+            const copyAllComponents = selectedComponents.includes('all');
+
+            for (const folder of foldersToCopy) {
+                const srcPath = path.join(sourceRoot, folder);
+                if (await fs.pathExists(srcPath)) {
+                    await fs.copy(srcPath, path.join(targetDir, folder), {
+                        filter: (src) => {
+                            const basename = path.basename(src);
+                            if (basename === 'node_modules') return false;
+
+                            // Component filtering
+                            // src is absolute. We need relative validation.
+                            // Or just check if basename is in the list.
+                            // Warning: 'button.tsx' might be in other places? Unlikely in flat structure components/ui
+                            // Ideally we check if it is inside components/ui
+                            const isUI = src.includes(path.join('components', 'ui')); // Simple check
+
+                            if (isUI && folder === 'components') {
+                                if (basename === 'index.ts') return true;
+                                if (copyAllComponents) return true;
+
+                                // If it's a file
+                                if (path.extname(basename) === '.tsx') {
+                                    if (!selectedComponents.includes(basename)) return false;
+                                }
+                            }
+
+                            // Page filtering (in components root)
+                            const isComponentsRoot = src.endsWith('components') || path.dirname(src).endsWith('components');
+                            if (isComponentsRoot && folder === 'components') {
+                                if (!hasLogin && basename === 'LoginPage.tsx') return false;
+                                if (!hasLogin && basename === 'ForgotPasswordPage.tsx') return false;
+                                if (!hasLogin && basename === 'VerifyEmailPage.tsx') return false;
+                                if (!hasLogin && basename === 'ResetPasswordPage.tsx') return false;
+
+                                if (!hasHome && basename === 'HomePage.tsx') return false;
+                                if (!hasTemplate && basename === 'TemplatePage.tsx') return false;
+                            }
+
+                            return true;
+                        }
+                    });
+                }
+            }
+
+            spinner.succeed('Project initialized successfully!');
+
+            if (response.install) {
+                const installSpinner = ora('Installing dependencies...').start();
+                await execa('npm', ['install'], { cwd: targetDir });
+                installSpinner.succeed('Dependencies installed!');
+            }
+
+            console.log(chalk.green('\nDone! Now run:'));
+            console.log(chalk.cyan(`  cd ${directory}`));
+            console.log(chalk.cyan('  npm run dev'));
+
+        } catch (error) {
+            spinner.fail('Failed to initialize project');
+            console.error(error);
+        }
+    });
+
+program.parse();