@xeno-js/cli 0.1.3 → 0.1.4

package/src/infrastructure/generators/vue/command_query/generate-command-vue.generator.ts

@@ -1,153 +0,0 @@
-import path from 'node:path'
-
-import type { IFileService } from '../../../../domain'
-
-export class GenerateCommandVueGenerator {
-  constructor(private readonly _fileService: IFileService) {}
-
-  public async generate(
-    pascalName: string,
-    lowerName: string,
-    tokenPrefix: string,
-    componentDir: string,
-  ): Promise<void> {
-    // 1. Command (Application)
-    const commandContent = `import { Command } from '@xeno-js/vue';
-
-export class ${pascalName}Command extends Command {
-    constructor() {
-        super('${tokenPrefix}_COMMAND');
-    }
-}
-`
-    await this._fileService.writeFileRecursive(
-      path.join(componentDir, `${lowerName}.command.ts`),
-      commandContent,
-    )
-
-    const handlerContent = `import type { IHandler, ResultType } from '@xeno-js/vue';
-import { AppError, Result } from '@xeno-js/vue';
-import type { ${pascalName}Command } from './${lowerName}.command';
-import type { ${pascalName}Response } from './${lowerName}.model';
-
-/*
- * ⚠️ WARNING: ACTION REQUIRED ⚠️
- * 
- * Please register your handler in the IoC container (e.g. src/bootstrap.ts) and add its token to MyRegistry.
- *
- * 1. In src/registry.ts:
- * ${tokenPrefix}_HANDLER: IHandler<${pascalName}Command, ${pascalName}Response>;
- * 
- * 2. In src/bootstrap.ts:
- * .addServices((config, register) => {
- *     register('${tokenPrefix}_HANDLER', new ${pascalName}Handler());
- * });
- */
-export class ${pascalName}Handler implements IHandler<${pascalName}Command, ${pascalName}Response> {
-    constructor(
-        // TODO: Inject your remote DataSources or other services here
-    ) {}
-
-    public async handle(command: ${pascalName}Command, signal: AbortSignal): Promise<ResultType<${pascalName}Response>> {
-        AppError.throwIfAborted(signal, this.constructor.name);
-
-        // TODO: Implement your frontend business logic or API calls here
-        return Result.ok();
-    }
-}
-`
-    await this._fileService.writeFileRecursive(
-      path.join(componentDir, `${lowerName}.handler.ts`),
-      handlerContent,
-    )
-
-    const composableContent = `import { ref } from 'vue';
-import { AppError, Result, type ApiResponseDto, type ResultType } from '@xeno-js/vue';
-import { ServicesUtils } from '@/use-app';
-import { ${pascalName}Command } from './${lowerName}.command';
-import type { ${pascalName}Request, ${pascalName}Response } from './${lowerName}.model';
-
-/*
- * ⚠️ WARNING: ACTION REQUIRED ⚠️
- *
- * Please register your handler in the IoC container (e.g. src/bootstrap.ts) and add its token to MyRegistry.
- *
- * 1. In src/registry.ts:
- * ${tokenPrefix}_HANDLER: IHandler<${pascalName}Command, ${pascalName}Response>;
- * 
- * 2. In src/bootstrap.ts:
- * .addServices((config, register) => {
- *     register('${tokenPrefix}_HANDLER', new ${pascalName}Handler());
- * });
- */
-export function use${pascalName}() {
-    const loading = ref(false);
-    const error = ref<string | null>(null);
-    let abortController: AbortController | null = null;
-
-    const execute = async (payload: ${pascalName}Request): Promise<ResultType<${pascalName}Response>> => {
-        abortController = new AbortController();
-        
-        if (loading.value) return Result.fail(AppError.create({
-            name: '${pascalName}Command',
-            message: '${pascalName}Command is already in progress',
-            code: '${tokenPrefix}_COMMAND_ALREADY_IN_PROGRESS',
-            status: 500,
-            cause: new Error('${tokenPrefix}_COMMAND_ALREADY_IN_PROGRESS'),
-        }));
-        loading.value = true;
-        error.value = null;
-
-        try {
-            // Resolve mediator and handler from the container
-            const { mediator, ${tokenPrefix}_HANDLER: handler } = ServicesUtils.useApp();
-            const command = new ${pascalName}Command();
-
-            const result = await mediator.send(command, async () => {
-                return await handler.handle(command, abortController?.signal);
-            });
-
-            if (!result.isOk()) {
-                error.value = result.getErrorOrThrow().message;
-            }
-
-            return result;
-        } finally {
-            loading.value = false;
-        }
-    };
-
-    const abort = () => {
-        if (abortController) {
-            abortController.abort();
-        }
-    };
-
-    // Automatically cancel pending operations when the component unmounts
-    onUnmounted(() => {
-        abort();
-    });
-
-    return { loading, error, execute };
-}
-`
-    await this._fileService.writeFileRecursive(
-      path.join(componentDir, `use-${lowerName}.composable.ts`),
-      composableContent,
-    )
-
-    // 3. Domain Model (Domain)
-    const modelContent = `export interface ${pascalName}Request {
-    // TODO: Define your request payload properties here
-}
-
-export interface ${pascalName}Response {
-    // TODO: Define your response properties here
-}
-`
-    await this._fileService.writeFileRecursive(
-      path.join(componentDir, `${lowerName}.model.ts`),
-      modelContent,
-    )
-  }
-}

package/src/infrastructure/generators/vue/command_query/generate-query-vue.generator.ts

@@ -1,161 +0,0 @@
-import path from 'node:path'
-
-import type { IFileService } from '../../../../domain'
-
-export class GenerateQueryVueGenerator {
-  constructor(private readonly _fileService: IFileService) {}
-
-  public async generate(
-    pascalName: string,
-    lowerName: string,
-    tokenPrefix: string,
-    componentDir: string,
-  ): Promise<void> {
-    // 1. Query (Application)
-    const queryContent = `import { Query } from '@xeno-js/vue';
-import type { ${pascalName}Response } from './${lowerName}.model';
-
-export class ${pascalName}Query extends Query<${pascalName}Response> {
-    constructor() {
-        super('${tokenPrefix}_QUERY', {
-            ttl: 60,
-            cacheKey: \`${lowerName}.query\`,
-            bypassCache: false,
-            consistentRead: false,
-            isUserScoped: true
-        });
-    }
-}
-`
-    await this._fileService.writeFileRecursive(
-      path.join(componentDir, `${lowerName}.query.ts`),
-      queryContent,
-    )
-
-    const handlerContent = `import type { IHandler, ResultType } from '@xeno-js/vue';
-import { AppError, Result } from '@xeno-js/vue';
-import type { ${pascalName}Query } from './${lowerName}.query';
-import type { ${pascalName}Response } from './${lowerName}.model';
-
-    /*
- * ⚠️ WARNING: ACTION REQUIRED ⚠️
- *
- * Please register your handler in the IoC container (e.g. src/bootstrap.ts) and add its token to MyRegistry.
- *
- * 1. In src/registry.ts:
- * ${tokenPrefix}_HANDLER: IHandler<${pascalName}Query, ${pascalName}Response>;
- * 
- * 2. In src/bootstrap.ts:
- * .addServices((config, register) => {
- *     register('${tokenPrefix}_HANDLER', new ${pascalName}Handler());
- * });
- */
-export class ${pascalName}Handler implements IHandler<${pascalName}Query, ${pascalName}Response> {
-    constructor(
-        // TODO: Inject your remote DataSources or other services here
-    ) {}
-
-    public async handle(query: ${pascalName}Query, signal: AbortSignal): Promise<ResultType<${pascalName}Response>> {
-        AppError.throwIfAborted(signal, this.constructor.name);
-
-        // TODO: Implement your frontend business logic or API calls here
-        return Result.ok();
-    }
-}
-`
-    await this._fileService.writeFileRecursive(
-      path.join(componentDir, `${lowerName}.handler.ts`),
-      handlerContent,
-    )
-
-    // 2. Composable (Presentation)
-    const composableContent = `import { ref } from 'vue';
-import { AppError, Result, type ApiResponseDto, type ResultType } from '@xeno-js/vue';
-import { ServicesUtils } from '@/use-app';
-import { ${pascalName}Query } from './${lowerName}.query';
-import type { ${pascalName}Response } from './${lowerName}.model';
-
-export function use${pascalName}() {
-    const loading = ref(false);
-    const error = ref<string | null>(null);
-    const data = ref<${pascalName}Response | null>(null);
-    let abortController: AbortController | null = null;
-
-    /*
- * ⚠️ WARNING: ACTION REQUIRED ⚠️
- *
- * Please register your handler in the IoC container (e.g. src/bootstrap.ts) and add its token to MyRegistry.
- *
- * 1. In src/registry.ts:
- * ${tokenPrefix}_HANDLER: IHandler<${pascalName}Query, ${pascalName}Response>;
- * 
- * 2. In src/bootstrap.ts:
- * .addServices((config, register) => {
- *     register('${tokenPrefix}_HANDLER', new ${pascalName}Handler());
- * });
- */
-const fetch = async (): Promise<ResultType<${pascalName}Response>> => {
-        abortController = new AbortController();
-
-        if (loading.value) return Result.fail(AppError.create({
-            name: '${pascalName}Query',
-            message: '${pascalName}Query is already in progress',
-            code: '${tokenPrefix}_QUERY_ALREADY_IN_PROGRESS',
-            status: 500,
-            cause: new Error('${tokenPrefix}_QUERY_ALREADY_IN_PROGRESS'),
-        }));
-        loading.value = true;
-        error.value = null;
-
-        try {
-            try {
-            // Resolve mediator and handler from the container
-            const { mediator, ${tokenPrefix}_HANDLER: handler } = ServicesUtils.useApp();
-            const query = new ${pascalName}Query();
-
-            const result = await mediator.query(query, async () => {
-                return await handler.handle(query, abortController?.signal);
-            });
-
-            if (result.isOk()) {
-                data.value = result.getValueOrThrow();
-            } else {
-                error.value = result.getErrorOrThrow().message;
-            }
-
-            return result;
-        } finally {
-            loading.value = false;
-        }
-    };
-
-    const abort = () => {
-        if (abortController) {
-            abortController.abort();
-        }
-    };
-
-    // Automatically cancel pending operations when the component unmounts
-    onUnmounted(() => {
-        abort();
-    });
-
-    return { loading, error, data, fetch };
-}
-`
-    await this._fileService.writeFileRecursive(
-      path.join(componentDir, `use-${lowerName}.composable.ts`),
-      composableContent,
-    )
-
-    // 3. Domain Model (Domain)
-    const modelContent = `export interface ${pascalName}Response {
-    // TODO: Define your response properties here
-}
-`
-    await this._fileService.writeFileRecursive(
-      path.join(componentDir, `${lowerName}.model.ts`),
-      modelContent,
-    )
-  }
-}

package/src/infrastructure/generators/vue/env.generator.ts

@@ -1,39 +0,0 @@
-// src/infrastructure/generators/env-vue.generator.ts
-import path from 'node:path'
-
-import { type IFileService, type IGenerator } from '../../../domain'
-import type { VueOptions } from '../../../shared'
-
-export class EnvVueGenerator implements IGenerator<VueOptions> {
-  constructor(private readonly _fileService: IFileService) {}
-
-  public async generate(projectPath: string, options: VueOptions): Promise<void> {
-    let content = `# ─────────────────────────────────────────────────────────────────────────────
-# Xeno VUE APPLICATION ENVIRONMENT VARIABLES
-# ─────────────────────────────────────────────────────────────────────────────
-VITE_APP_ENV=development
-`
-
-    if (options.axios) {
-      content += `\n# --- Axios ---
-VITE_API_BASE_URL=http://localhost:3000
-`
-    }
-
-    if (options.supabase) {
-      content += `\n# --- Authentication (Supabase) ---
-VITE_SUPABASE_URL=https://your-project.supabase.co
-VITE_SUPABASE_KEY=your-anon-key
-`
-    }
-
-    if (options.sentry) {
-      content += `\n# --- Error Tracking (Sentry) ---
-VITE_SENTRY_DSN=https://your-sentry-dsn@o0.ingest.sentry.io/0
-`
-    }
-
-    await this._fileService.writeFileRecursive(path.join(projectPath, '.env'), content)
-    await this._fileService.writeFileRecursive(path.join(projectPath, '.env.example'), content)
-  }
-}

package/src/infrastructure/generators/vue/index-html.generator.ts

@@ -1,24 +0,0 @@
-import path from 'node:path'
-
-import { type IFileService, type IGenerator } from '../../../domain'
-import type { VueOptions } from '../../../shared'
-
-export class IndexVueGenerator implements IGenerator<VueOptions> {
-  constructor(private readonly _fileService: IFileService) {}
-
-  public async generate(projectPath: string, options: VueOptions): Promise<void> {
-    const indexHtml = `<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>${options.targetDir}</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>`
-    await this._fileService.writeFileRecursive(path.join(projectPath, 'index.html'), indexHtml)
-  }
-}

package/src/infrastructure/generators/vue/index.ts

@@ -1,12 +0,0 @@
-export * from './app-vue.generator'
-export * from './bootstrap-ts.generator'
-export * from './env.generator'
-export * from './index-html.generator'
-export * from './main.generator'
-export * from './packagejson.generator'
-export * from './readme.generator'
-export * from './registry-ts.generator'
-export * from './router.generator'
-export * from './tailwind.generator'
-export * from './tsconfig.generator'
-export * from './vite-config.generator'

package/src/infrastructure/generators/vue/main.generator.ts

@@ -1,41 +0,0 @@
-import path from 'node:path'
-
-import { type IFileService, type IGenerator } from '../../../domain'
-import type { VueOptions } from '../../../shared'
-
-export class MainGenerator implements IGenerator<VueOptions> {
-  constructor(private readonly _fileService: IFileService) {}
-
-  public async generate(projectPath: string, options: VueOptions): Promise<void> {
-    // 5. src/main.ts
-    const routerImport = options.router ? `\nimport router from './router';` : ''
-    const piniaImport = options.pinia ? `\nimport { createPinia } from 'pinia';` : ''
-    const tailwindImport = options.tailwind ? `\nimport './assets/style.css';` : ''
-
-    const mainTs = `import { createApp } from 'vue';
-import App from './App.vue';
-import { bootstrap } from './bootstrap';
-import { XENO_SERVICES_KEY } from '@xeno-js/vue';${routerImport}${piniaImport}${tailwindImport}
-
-async function mountApp() {
-  try {
-    const app = createApp(App);
-    ${options.pinia ? '\n    app.use(createPinia());' : ''}
-    const container = await bootstrap(app, router);
-    ${options.router ? '\n    app.use(router);' : ''}
-    
-
-    // Provide the Xeno IoC container globally to all components
-    app.provide(XENO_SERVICES_KEY, container);
-
-    app.mount('#app');
-  } catch (error) {
-    console.error('Critical error during frontend bootstrap:', error);
-  }
-}
-
-mountApp();
-`
-    await this._fileService.writeFileRecursive(path.join(projectPath, 'src', 'main.ts'), mainTs)
-  }
-}

package/src/infrastructure/generators/vue/packagejson.generator.ts

@@ -1,50 +0,0 @@
-import path from 'node:path'
-
-import type { IFileService, IGenerator } from '../../../domain'
-import type { VueOptions } from '../../../shared'
-
-export class PackageJsonVueGenerator implements IGenerator<VueOptions> {
-  constructor(private readonly _fileService: IFileService) { }
-
-  public async generate(projectPath: string, options: VueOptions): Promise<void> {
-    const packageJson = {
-      name: options.targetDir,
-      version: '1.0.0',
-      private: true,
-      type: 'module',
-      scripts: {
-        dev: 'vite',
-        build: 'vue-tsc -b && vite build',
-        preview: 'vite preview',
-        g: 'xeno-js generate',
-      } as Record<string, string>,
-      dependencies: {
-        '@xeno-js/vue': 'latest',
-        'vue': '^3.5.43',
-      } as Record<string, string>,
-      devDependencies: {
-        '@types/node': '^20.0.0',
-        '@vitejs/plugin-vue': '^5.1.0',
-        'typescript': '^5.8.0',
-        'vite': '^5.4.0',
-        'vue-tsc': '^3.3.11',
-      } as Record<string, string>,
-    }
-
-    if (options.axios) packageJson.dependencies['axios'] = '^1.20.0'
-    if (options.cockatiel) packageJson.dependencies['cockatiel'] = '^4.0.0'
-    if (options.supabase) packageJson.dependencies['@supabase/supabase-js'] = '^2.117.1'
-    if (options.sentry) packageJson.dependencies['@sentry/vue'] = '^10.75.2'
-    if (options.pinia) packageJson.dependencies['pinia'] = '^2.2.0'
-    if (options.router) packageJson.dependencies['vue-router'] = '^4.6.4'
-    if (options.zod) packageJson.dependencies['zod'] = '^4.6.5'
-
-    if (options.tailwind) {
-      packageJson.devDependencies['tailwindcss'] = '^4.0.0'
-      packageJson.devDependencies['@tailwindcss/vite'] = '^4.0.0'
-    }
-
-    const filePath = path.join(projectPath, 'package.json')
-    await this._fileService.writeFileRecursive(filePath, JSON.stringify(packageJson, null, 2))
-  }
-}