@dasidev/dasi-ui 1.0.21 → 1.0.22

package/bin/dasi-cli old2.cjs

@@ -1,225 +0,0 @@
-#!/usr/bin/env node
-const { program } = require('commander');
-const inquirer = require('inquirer');
-const fs = require('fs-extra');
-const path = require('path');
-const chalk = require('chalk');
-const ora = require('ora');
-
-program
-    .name('dasi-ui')
-    .description('DASI UI - Complete Admin Template Setup')
-    .version('1.0.10');
-
-program
-    .command('create [project-name]')
-    .description('Initialize DASI UI admin template')
-    .action(async (projectName) => {
-        console.log(chalk.blue.bold('🚀 Welcome to DASI UI Admin Template Setup'));
-        console.log(chalk.gray('This will set up a complete admin dashboard in your current directory\n'));
-
-        console.log(chalk.blue.bold(`
-            ╔══════════════════════════════════════════════════════════════╗
-            ║                                                              ║
-            ║  🚀 DASI UI - Complete Admin Template Generator              ║
-            ║                                                              ║
-            ║  Creating: ${chalk.cyan(projectName.padEnd(35))}             ║
-            ║                                                              ║
-            ╚══════════════════════════════════════════════════════════════╝
-        `));
-
-        const questions = [
-            {
-                type: 'input',
-                name: 'projectName',
-                message: '📦 Project name:',
-                default: projectName,
-                validate: (input) => input.length > 0 || 'Project name is required'
-            },
-            {
-                type: 'input',
-                name: 'appTitle',
-                message: '📱 App title:',
-                default: 'DASI Admin Dashboard'
-            },
-            {
-                type: 'input',
-                name: 'appDescription',
-                message: '📝 App description:',
-                default: 'Complete admin dashboard built with DASI UI'
-            },
-            {
-                type: 'input',
-                name: 'author',
-                message: '👤 Author name:',
-                default: 'DASI Developer'
-            },
-            {
-                type: 'list',
-                name: 'packageManager',
-                message: '📦 Choose package manager:',
-                choices: ['npm', 'yarn', 'pnpm'],
-                default: 'npm'
-            },
-            {
-                type: 'input',
-                name: 'apiUrl',
-                message: '🔗 API base URL:',
-                default: 'http://localhost:8080/api'
-            },
-            {
-                type: 'confirm',
-                name: 'darkMode',
-                message: '🌙 Enable dark mode?',
-                default: true
-            },
-            {
-                type: 'confirm',
-                name: 'gitInit',
-                message: '📚 Initialize git repository?',
-                default: true
-            },
-            {
-                type: 'confirm',
-                name: 'installDeps',
-                message: '📥 Install dependencies now?',
-                default: true
-            }
-        ];
-        
-        const answers = await inquirer.prompt(questions);
-        const spinner = ora('Setting up DASI UI Admin Template...').start();
-        
-        try {
-            const projectPath = path.join(process.cwd(), projectName);
-            const templatePath = path.join(__dirname, '../');
-
-            if (fs.existsSync(projectPath)) {
-                spinner.fail('Project directory already exists');
-                return;
-            }
-
-            spinner.text = '📁 Creating project directory...';
-            fs.mkdirSync(projectPath, { recursive: true });
-            console.log(chalk.green(`✅ Directory created: ${projectPath}`));
-            
-            spinner.text = '📋 Copying template files...';
-            
-            const templatePackageJson = path.join(templatePath, 'package.json');
-            console.log(chalk.white(`   Template package.json exists: ${fs.existsSync(templatePackageJson)}`));
-            
-            await fs.copy(templatePath, projectPath, {
-                filter: (src) => {
-                    const relativePath = path.relative(templatePath, src);
-                    
-                    const excludePatterns = [
-                        'node_modules',
-                        'dist',
-                        '.git',
-                        'package-lock.json',
-                        'yarn.lock',
-                        '.DS_Store'
-                    ];
-                    
-                    const shouldExclude = excludePatterns.some(pattern => 
-                        relativePath.includes(pattern) || src.includes(pattern)
-                    );
-                    
-                    if (!shouldExclude) {
-                        console.log(chalk.gray(`   Copying: ${relativePath}`));
-                    }
-                    
-                    return !shouldExclude;
-                }
-            });
-            
-            const copiedPackageJson = path.join(projectPath, 'package.json');
-            console.log(chalk.white(`   Copied package.json exists: ${fs.existsSync(copiedPackageJson)}`));
-            
-            if (!fs.existsSync(copiedPackageJson)) {
-                throw new Error('Template copy failed - package.json not found');
-            }
-            
-            spinner.text = '⚙️ Updating configuration...';
-            const packageJsonPath = path.join(projectPath, 'package.json');
-            let packageJson = await fs.readJson(packageJsonPath);
-            
-            packageJson.name = answers.projectName;
-            packageJson.description = answers.appDescription;
-            packageJson.author = answers.author;
-            packageJson.version = '0.1.0';  
-            
-            const envContent = `VITE_APP_TITLE=${answers.appTitle}
-                VITE_APP_DESCRIPTION=${answers.appDescription}
-                VITE_APP_AUTHOR=${answers.author}
-                VITE_API_URL=${answers.apiUrl}
-                VITE_DARK_MODE=${answers.darkMode}
-                VITE_INCLUDE_AUTH=${answers.includeAuth}
-                VITE_INCLUDE_CHARTS=${answers.includeCharts}
-                VITE_INCLUDE_MAPS=${answers.includeMaps}`;
-            
-            await fs.writeFile(path.join(projectPath, '.env.example'), envContent);
-            await fs.copyFile(path.join(projectPath, '.env.example'), path.join(projectPath, '.env'));
-            
-            await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
-            
-            if (answers.gitInit) {
-                spinner.text = '📚 Initializing git repository...';
-                try {
-                    const { execSync } = require('child_process');
-                    execSync('git init', { stdio: 'ignore' });
-                    execSync('git add .', { stdio: 'ignore' });
-                    execSync('git commit -m "Initial commit: DASI UI Admin Template"', { stdio: 'ignore' });
-                } catch (error) {
-                    console.log(chalk.yellow('⚠️ Git initialization failed, continuing...'));
-                }
-            }
-            
-            if (answers.installDeps) {
-                spinner.text = '📦 Installing dependencies...';
-                try {
-                    const { execSync } = require('child_process');
-                    execSync(`${answers.packageManager} install`, { stdio: 'pipe' });
-                } catch (error) {
-                    spinner.warn('⚠️ Dependencies installation failed');
-                    console.log(chalk.yellow(`Please run manually: ${answers.packageManager} install`));
-                }
-            }
-            
-            console.log(chalk.green(`
-                ╔══════════════════════════════════════════════════════════════╗
-                ║                                                              ║
-                ║  🎉 Success! Your admin dashboard is ready!                  ║
-                ║                                                              ║
-                ╚══════════════════════════════════════════════════════════════╝
-            `));
-            
-            console.log(chalk.green('\n🎉 Setup Complete! Your admin dashboard is ready.'));
-            console.log(chalk.green('\n📋 What you get:'));
-            console.log(chalk.white('   • Complete admin dashboard'));
-            console.log(chalk.white('   • Authentication system' + (answers.includeAuth ? ' ✅' : ' ❌')));
-            console.log(chalk.white('   • Chart components' + (answers.includeCharts ? ' ✅' : ' ❌')));
-            console.log(chalk.white('   • Map components' + (answers.includeMaps ? ' ✅' : ' ❌')));
-            console.log(chalk.white('   • Dark mode' + (answers.darkMode ? ' ✅' : ' ❌')));
-            console.log(chalk.white('   • TypeScript support'));
-            console.log(chalk.white('   • Tailwind CSS styling'));
-            console.log(chalk.white('   • Vue 3 + Pinia + Vue Router'));
-            
-            console.log(chalk.green('\n🚀 Next steps:'));
-            console.log(chalk.white(`   ${answers.packageManager} run dev`));
-            console.log(chalk.gray('   Open http://localhost:3000 to view your admin dashboard'));
-            
-            console.log(chalk.green('\n📚 Documentation:'));
-            console.log(chalk.white('   • README.md for detailed setup'));
-            console.log(chalk.white('   • src/ folder for all components'));
-            console.log(chalk.white('   • .env file for configuration'));
-            
-        } catch (error) {
-            spinner.fail('❌ Setup failed!');
-            console.error(chalk.red('Error Details:'));
-            console.error(chalk.red(error.message));
-            process.exit(1);
-        }
-    });
-
-program.parse();

package/bin/dasi-cli-old.cjs

@@ -1,260 +0,0 @@
-#!/usr/bin/env node
-const { program } = require('commander');
-const inquirer = require('inquirer');
-const fs = require('fs-extra');
-const path = require('path');
-const chalk = require('chalk');
-const ora = require('ora');
-
-const { execSync } = require('child_process');
-program
-    .name('dasi-ui')
-    .description('DASI UI - Create admin dashboard projects')
-    .version('1.0.4')
-
-program
-    .command('create <project-name>')
-    .description('Create a new DASI UI project')
-    .option('-t --template <template>', 'Template to use', 'default')
-    .option('-p, --package-manager <pm>', 'Package manager to use', 'npm')
-    .option('--no-git', 'Skip git initialization')
-    .option('--no-install', 'Skip package installation')
-    .action(async (projectName, options) => {
-        console.log(chalk.blue.bold('🚀 Creating DASI UI project...'));
-
-        const questions = [
-            {
-                type: 'input',
-                name: 'title',
-                message: 'Enter project title:',
-                default: projectName
-            },
-            {
-                type: 'input',
-                name: 'description',
-                message: 'Enter project description:',
-                default: 'Admin dashboard built with DASI UI'
-            },
-            {
-                type: 'input',
-                name: 'author',
-                message: 'Author name:',
-                default: 'DASI Developer'
-            },
-            {
-                type: 'input',
-                name: 'email',
-                message: 'Author email:',
-                default: 'hello@dasi.co.id'
-            },
-            {
-                type: 'list',
-                name: 'packageManager',
-                message: 'Choose package manager:',
-                choices: ['npm', 'yarn', 'pnpm'],
-                default: options.packageManager
-            },
-            {
-                type: 'list',
-                name: 'template',
-                message: 'Choose template:',
-                choices: [
-                { name: 'Default - Complete admin dashboard', value: 'default' },
-                { name: 'Minimal - Basic admin setup', value: 'minimal' },
-                { name: 'Full - All features included', value: 'full' }
-                ],
-                default: options.template
-            },
-            {
-                type: 'confirm',
-                name: 'includeAuth',
-                message: 'Include authentication module?',
-                default: true
-            },
-            {
-                type: 'confirm',
-                name: 'includeCharts',
-                message: 'Include chart components?',
-                default: true
-            },
-            {
-                type: 'confirm',
-                name: 'includeForms',
-                message: 'Include advanced form components?',
-                default: true
-            },
-            {
-                type: 'list',
-                name: 'typescript',
-                message: 'Use TypeScript?',
-                choices: [
-                { name: 'Yes - Recommended', value: true },
-                { name: 'No', value: false }
-                ],
-                default: true
-            },
-            {
-                type: 'input',
-                name: 'apiUrl',
-                message: 'API base URL:',
-                default: 'http://localhost:8080/api'
-            },
-            {
-                type: 'confirm',
-                name: 'darkMode',
-                message: 'Enable dark mode?',
-                default: true
-            }
-        ];
-        
-        const answers = await inquirer.prompt(questions);
-        const spinner = ora('Creating project...').start();
-        
-        try {
-            const projectPath = path.join(process.cwd(), projectName);
-
-            if (fs.existsSync(projectPath)) {
-                spinner.fail(`Directory ${projectName} already exists!`);
-                process.exit(1);
-            }
-
-            fs.mkdirSync(projectPath, { recursive: true });
-            
-            await fs.ensureDir(path.join(projectPath, 'src'));
-            await fs.ensureDir(path.join(projectPath, 'public'));
-            const templatePath = path.join(__dirname, '../templates', answers.template);
-            await fs.copy(templatePath, projectPath);
-
-            const packagejson = {
-                name: projectName,
-                version: "0.1.0",
-                private: true,
-                type: "module",
-                description: answers.description,
-                author: answers.author,
-                scripts: {
-                    dev: "vite",
-                    build: "vite build", 
-                    preview: "vite preview"
-                },
-                dependencies: {
-                    "@dasidev/dasi-ui": "^1.0.4",
-                    "vue": "^3.4.0",
-                    "vue-router": "^4.2.0",
-                    "pinia": "^2.1.0"
-                },
-                devDependencies: {
-                    "@vitejs/plugin-vue": "^5.0.0",
-                    "vite": "^5.0.0"
-                }
-            }
-
-            await fs.writeJson(path.join(projectPath, 'package.json'), packagejson, { spaces: 2 });
-
-            const envContent = `VITE_APP_TITLE=${answers.title}
-                VITE_APP_DESCRIPTION=${answers.description}
-                VITE_APP_AUTHOR=${answers.author}
-                VITE_APP_EMAIL=${answers.email}
-                VITE_API_URL=${answers.apiUrl}
-                VITE_API_KEY=
-                VITE_DARK_MODE=${answers.darkMode}`;
-
-            await fs.writeFile(path.join(projectPath, '.env.example'), envContent);
-            await fs.copyFile(path.join(projectPath, '.env.example'), path.join(projectPath, '.env'));
-
-            await fs.ensureDir(path.join(projectPath, 'src/components'));
-            await fs.ensureDir(path.join(projectPath, 'src/views'));
-            await fs.ensureDir(path.join(projectPath, 'src/router'));
-            await fs.ensureDir(path.join(projectPath, 'src/stores'));
-            await fs.ensureDir(path.join(projectPath, 'src/config'));
-            await fs.ensureDir(path.join(projectPath, 'src/vueform'));
-            await fs.ensureDir(path.join(projectPath, 'src/vueform/config'));
-            await fs.ensureDir(path.join(projectPath, 'src/vueform/schemas'));
-            
-            const mainJs = `import { createApp } from 'vue'
-                import { createRouter, createWebHistory } from 'vue-router'
-                import { createPinia } from 'pinia'
-                import { DasiApp, PageActivity } from '@dasidev/dasi-ui'
-                import '@dasidev/dasi-ui/style.css'
-                const app = createApp(DasiApp)
-                const router = createRouter({
-                    history: createWebHistory(),
-                    routes: [
-                        {
-                        path: '/',
-                        component: () => import('./views/Dashboard.vue')
-                        }
-                    ]
-                })
-                const pinia = createPinia()
-                app.use(router)
-                app.use(pinia)
-                app.mount('#app')`;
-                
-            await fs.writeFile(path.join(projectPath, 'src/main.js'), mainJs);
-
-            const indexHtml = `<!DOCTYPE html>
-            <html lang="en">
-            <head>
-                <meta charset="UTF-8">
-                <meta name="viewport" content="width=device-width, initial-scale=1.0">
-                <title>${answers.title}</title>
-            </head>
-            <body>
-                <div id="app"></div>
-                <script type="module" src="/src/main.js"></script>
-            </body>
-            </html>`;
-            await fs.writeFile(path.join(projectPath, 'index.html'), indexHtml);
-
-            const viteConfig = `import { defineConfig } from 'vite'
-                import vue from '@vitejs/plugin-vue'
-                export default defineConfig({
-                plugins: [vue()],
-                server: {
-                    port: 3000
-                }
-            })`;
-            await fs.writeFile(path.join(projectPath, 'vite.config.js'), viteConfig);
-
-            if (options.git) {
-                execSync('git init', { cwd: projectPath, stdio: 'ignore' });
-                execSync('git add .', { cwd: projectPath, stdio: 'ignore' });
-                execSync('git commit -m "Initial commit"', { cwd: projectPath, stdio: 'ignore' });
-            }
-
-            if (options.install) {
-                spinner.text = 'Installing dependencies...';
-                try {
-                    execSync(`${answers.packageManager} install`, { cwd: projectPath, stdio: 'ignore' });
-                } catch (error) {
-                    spinner.fail('Dependencies installation failed. Please install manually.');
-                    console.error(chalk.red('Error Details:'));
-                    console.error(chalk.red(error.message));
-                    console.error(chalk.red(error.stack));
-                    process.exit(1);
-                }
-            }
-
-            spinner.succeed(`Project ${projectName} created successfully!`);
-
-            console.log(chalk.green('\n✅ Next steps:'));
-            console.log(chalk.green(`  cd ${projectName}`));
-
-            if (!options.install) {
-                console.log(chalk.green(`  ${answers.packageManager} install`));
-            }
-
-            console.log(chalk.green(`  ${answers.packageManager} run dev`));
-            console.log(chalk.green('\nHappy coding! 🚀 Your admin dashboard is ready!'));
-        } catch (error) {
-            spinner.fail('Failed to create project!');
-            console.error(chalk.red('Error Details:'));
-            console.error(chalk.red(error.message));
-            console.error(chalk.red(error.stack));
-            process.exit(1);
-        }
-        
-    })
-
-program.parse();