Add lint and test commands to CLI

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Author: Copilot

packages/cli/README.md

@@ -100,6 +100,38 @@ objectui serve my-schema.json --port 8080
 - `-p, --port <port>` - Port to run the server on (default: `3000`)
 - `-h, --host <host>` - Host to bind the server to (default: `localhost`)
 
+### `objectui lint`
+
+Lint the generated application code using ESLint.
+
+```bash
+objectui lint
+objectui lint --fix
+```
+
+**Options:**
+- `--fix` - Automatically fix linting issues
+
+**Note:** Run `objectui dev` first to generate the application before linting.
+
+### `objectui test`
+
+Run tests for the application using Vitest.
+
+```bash
+objectui test
+objectui test --watch
+objectui test --coverage
+objectui test --ui
+```
+
+**Options:**
+- `-w, --watch` - Run tests in watch mode
+- `-c, --coverage` - Generate test coverage report
+- `--ui` - Run tests with Vitest UI
+
+**Note:** Run `objectui dev` first to generate the application before testing.
+
 ## Quick Start
 
 1. Create a new application:
@@ -113,12 +145,22 @@ objectui serve my-schema.json --port 8080
    objectui dev app.json
    ```
 
-3. Build for production:
+3. Lint your code (optional):
+   ```bash
+   objectui lint
+   ```
+
+4. Run tests (optional):
+   ```bash
+   objectui test
+   ```
+
+5. Build for production:
    ```bash
    objectui build app.json
    ```
 
-4. Serve the production build:
+6. Serve the production build:
    ```bash
    objectui start
    ```

packages/cli/src/cli.ts

@@ -6,6 +6,8 @@ import { init } from './commands/init.js';
 import { dev } from './commands/dev.js';
 import { buildApp } from './commands/build.js';
 import { start } from './commands/start.js';
+import { lint } from './commands/lint.js';
+import { test } from './commands/test.js';
 import { readFileSync } from 'fs';
 import { fileURLToPath } from 'url';
 import { dirname, join } from 'path';
@@ -100,4 +102,32 @@ program
     }
   });
 
+program
+  .command('lint')
+  .description('Lint the generated application code')
+  .option('--fix', 'Automatically fix linting issues')
+  .action(async (options) => {
+    try {
+      await lint(options);
+    } catch (error) {
+      console.error(chalk.red('Error:'), error instanceof Error ? error.message : error);
+      process.exit(1);
+    }
+  });
+
+program
+  .command('test')
+  .description('Run tests for the application')
+  .option('-w, --watch', 'Run tests in watch mode')
+  .option('-c, --coverage', 'Generate test coverage report')
+  .option('--ui', 'Run tests with Vitest UI')
+  .action(async (options) => {
+    try {
+      await test(options);
+    } catch (error) {
+      console.error(chalk.red('Error:'), error instanceof Error ? error.message : error);
+      process.exit(1);
+    }
+  });
+
 program.parse();

packages/cli/src/commands/lint.ts

@@ -0,0 +1,59 @@
+import { execSync } from 'child_process';
+import { existsSync } from 'fs';
+import { join } from 'path';
+import chalk from 'chalk';
+
+interface LintOptions {
+  fix?: boolean;
+}
+
+export async function lint(options: LintOptions) {
+  const cwd = process.cwd();
+  
+  console.log(chalk.blue('🔍 Running linter...\n'));
+
+  // Check if the generated temp app exists
+  const tmpDir = join(cwd, '.objectui-tmp');
+  const hasTempApp = existsSync(tmpDir);
+
+  if (!hasTempApp) {
+    throw new Error(
+      'No Object UI application found. Run \'objectui dev\' first to generate the application.'
+    );
+  }
+
+  // Check if package.json and node_modules exist
+  const packageJsonPath = join(tmpDir, 'package.json');
+  const nodeModulesPath = join(tmpDir, 'node_modules');
+  
+  if (!existsSync(packageJsonPath) || !existsSync(nodeModulesPath)) {
+    throw new Error(
+      'Dependencies not installed. Run \'objectui dev\' first to set up the application.'
+    );
+  }
+
+  try {
+    const fixFlag = options.fix ? '--fix' : '';
+    const command = `npx eslint "src/**/*.{js,jsx,ts,tsx}" ${fixFlag}`.trim();
+    
+    console.log(chalk.dim(`  Running: ${command}\n`));
+    
+    execSync(command, {
+      cwd: tmpDir,
+      stdio: 'inherit',
+    });
+
+    console.log();
+    console.log(chalk.green('✓ Linting completed successfully!'));
+    console.log();
+  } catch {
+    // ESLint returns non-zero exit code when there are linting errors
+    console.log();
+    console.log(chalk.yellow('⚠ Linting found issues.'));
+    if (!options.fix) {
+      console.log(chalk.dim('  Run \'objectui lint --fix\' to automatically fix some issues.'));
+    }
+    console.log();
+    process.exit(1);
+  }
+}

packages/cli/src/commands/test.ts

@@ -0,0 +1,71 @@
+import { execSync } from 'child_process';
+import { existsSync } from 'fs';
+import { join } from 'path';
+import chalk from 'chalk';
+
+interface TestOptions {
+  watch?: boolean;
+  coverage?: boolean;
+  ui?: boolean;
+}
+
+export async function test(options: TestOptions) {
+  const cwd = process.cwd();
+  
+  console.log(chalk.blue('🧪 Running tests...\n'));
+
+  // Check if the generated temp app exists
+  const tmpDir = join(cwd, '.objectui-tmp');
+  const hasTempApp = existsSync(tmpDir);
+
+  if (!hasTempApp) {
+    throw new Error(
+      'No Object UI application found. Run \'objectui dev\' first to generate the application.'
+    );
+  }
+
+  // Check if package.json and node_modules exist
+  const packageJsonPath = join(tmpDir, 'package.json');
+  const nodeModulesPath = join(tmpDir, 'node_modules');
+  
+  if (!existsSync(packageJsonPath) || !existsSync(nodeModulesPath)) {
+    throw new Error(
+      'Dependencies not installed. Run \'objectui dev\' first to set up the application.'
+    );
+  }
+
+  try {
+    let command = 'npx vitest';
+    
+    if (options.watch) {
+      command += ' --watch';
+    } else if (options.ui) {
+      command += ' --ui';
+    } else {
+      command += ' run';
+    }
+
+    if (options.coverage) {
+      command += ' --coverage';
+    }
+
+    console.log(chalk.dim(`  Running: ${command}\n`));
+    
+    execSync(command, {
+      cwd: tmpDir,
+      stdio: 'inherit',
+    });
+
+    if (!options.watch && !options.ui) {
+      console.log();
+      console.log(chalk.green('✓ Tests completed successfully!'));
+      console.log();
+    }
+  } catch {
+    // Vitest returns non-zero exit code when tests fail
+    console.log();
+    console.log(chalk.red('✗ Some tests failed.'));
+    console.log();
+    process.exit(1);
+  }
+}