@aerogel/cli 0.0.0 → 0.1.0

package/src/commands/generate-component.ts

@@ -1,65 +1,142 @@
-import Command from '@/commands/Command';
-import File from '@/lib/File';
-import Log from '@/lib/Log';
-import Template from '@/lib/Template';
-import { basePath } from '@/lib/utils';
-import type { CommandOptions } from '@/commands/Command';
+import { arrayFrom, stringToSlug } from '@noeldemartin/utils';
+import { Node, SyntaxKind } from 'ts-morph';
+import type { ArrayLiteralExpression, CallExpression, SourceFile } from 'ts-morph';
+
+import Command from '@aerogel/cli/commands/Command';
+import File from '@aerogel/cli/lib/File';
+import Log from '@aerogel/cli/lib/Log';
+import Template from '@aerogel/cli/lib/Template';
+import { app } from '@aerogel/cli/lib/utils/app';
+import { editFiles, findDescendant } from '@aerogel/cli/lib/utils/edit';
+import { templatePath } from '@aerogel/cli/lib/utils/paths';
 
 export interface Options {
+    button?: boolean;
+    checkbox?: boolean;
+    input?: boolean;
     story?: boolean;
 }
 
 export class GenerateComponentCommand extends Command {
 
-    public static command: string = 'generate:component';
-    public static description: string = 'Generate an AerogelJS component';
-    public static parameters: [string, string][] = [['name', 'Component name']];
-    public static options: CommandOptions = {
-        story: {
-            description: 'Create component story using Histoire',
-            type: 'boolean',
-        },
-    };
+    protected static override command: string = 'generate:component';
+    protected static override description: string = 'Generate an AerogelJS Component';
+    protected static override parameters: [string, string][] = [
+        ['path', 'Component path (relative to components folder; extension not necessary)'],
+    ];
 
-    private name: string;
-    private options: Options;
+    private path: string;
 
-    constructor(name: string, options: Options = {}) {
+    constructor(path: string) {
         super();
 
-        this.name = name;
-        this.options = options;
+        this.path = path;
     }
 
-    public async run(): Promise<void> {
+    protected override async run(): Promise<void> {
         this.assertAerogelOrDirectory('src/components');
-        this.options.story && this.assertHistoireInstalled();
 
-        if (File.exists(`src/components/${this.name}.vue`)) {
-            Log.fail(`${this.name} component already exists!`);
-        }
+        const files = new Set<string>();
+        const [directoryName, componentName] = this.parsePathComponents();
 
-        const files = Template.instantiate(basePath('templates/component'), 'src/components', {
-            component: { name: this.name },
-        });
+        await this.createComponent(directoryName, componentName, files);
+        await this.declareComponents();
+
+        const filesList = arrayFrom(files)
+            .map((file) => `- ${file}`)
+            .join('\n');
 
-        if (this.options.story) {
-            const storyFiles = Template.instantiate(basePath('templates/component-story'), 'src/components', {
-                component: { name: this.name },
+        Log.info(`${componentName} component created successfully! The following files were created:\n\n${filesList}`);
+    }
+
+    protected async createComponent(directoryName: string, componentName: string, files: Set<string>): Promise<void> {
+        await Log.animate('Creating component', async () => {
+            if (File.exists(`src/components/${this.path}.vue`)) {
+                Log.fail(`${this.path} component already exists!`);
+            }
+
+            const componentFiles = Template.instantiate(templatePath('component'), `src/components/${directoryName}`, {
+                component: {
+                    name: componentName,
+                    slug: stringToSlug(componentName),
+                },
             });
 
-            files.push(...storyFiles);
+            componentFiles.forEach((file) => files.add(file));
+        });
+    }
+
+    protected async declareComponents(): Promise<void> {
+        if (!editFiles()) {
+            return;
+        }
+
+        const editor = app().edit();
+        const viteConfig = editor.requireSourceFile('vite.config.ts');
+        const componentDirsArray = this.getComponentDirsArray(viteConfig);
+
+        if (!componentDirsArray) {
+            return Log.fail('Could not find component dirs declaration in vite config!');
+        }
+
+        if (
+            componentDirsArray
+                .getDescendantsOfKind(SyntaxKind.StringLiteral)
+                .some((literal) => literal.getText() === '\'src/components\'')
+        ) {
+            return;
         }
 
-        const filesList = files.map((file) => `- ${file}`).join('\n');
+        await Log.animate('Updating vite config', async () => {
+            componentDirsArray.addElement('\'src/components\'');
+
+            await editor.save(viteConfig);
+        });
 
-        Log.info(`${this.name} component created successfully! The following files were created:\n\n${filesList}`);
+        await editor.format();
     }
 
-    protected assertHistoireInstalled(): void {
-        if (!File.exists('src/main.histoire.ts')) {
-            Log.fail('Histoire is not installed yet!');
+    protected getComponentDirsArray(viteConfig: SourceFile): ArrayLiteralExpression | null {
+        const pluginCall = findDescendant(viteConfig, {
+            guard: Node.isCallExpression,
+            validate: (callExpression) => callExpression.getText().startsWith('Components('),
+            skip: SyntaxKind.ImportDeclaration,
+        });
+
+        if (!pluginCall) {
+            return null;
+        }
+
+        const dirsAssignment = findDescendant(pluginCall, {
+            guard: Node.isPropertyAssignment,
+            validate: (propertyAssignment) => propertyAssignment.getName() === 'dirs',
+        });
+
+        const dirsArray = dirsAssignment?.getInitializer();
+
+        if (!Node.isArrayLiteralExpression(dirsArray)) {
+            return this.declareComponentDirsArray(pluginCall);
         }
+
+        return dirsArray;
+    }
+
+    protected declareComponentDirsArray(pluginCall: CallExpression): ArrayLiteralExpression | null {
+        const pluginOptions = findDescendant(pluginCall, { guard: Node.isObjectLiteralExpression });
+        const dirsAssignment = pluginOptions?.addPropertyAssignment({
+            name: 'dirs',
+            initializer: '[]',
+        });
+
+        return (dirsAssignment?.getInitializer() as ArrayLiteralExpression) ?? null;
+    }
+
+    protected parsePathComponents(): [string, string] {
+        const lastSlashIndex = this.path.lastIndexOf('/');
+
+        return lastSlashIndex === -1
+            ? ['', this.path]
+            : [this.path.substring(0, lastSlashIndex), this.path.substring(lastSlashIndex + 1)];
     }
 
 }

package/src/commands/generate-model.test.ts

@@ -1,19 +1,27 @@
 import { describe, it } from 'vitest';
+import { formatCodeBlock } from '@noeldemartin/utils';
 
-import FileMock from '@/lib/File.mock';
-import { formatCodeBlock } from '@/lib/utils';
+import FileMock from '@aerogel/cli/lib/File.mock';
 
 import { GenerateModelCommand } from './generate-model';
 
-describe('Generate model command', () => {
+describe('Generate Model command', () => {
 
     it('generates models', async () => {
         // Arrange
-        FileMock.stub('package.json', '@aerogel/core');
+        FileMock.stub(
+            'package.json',
+            `
+            "dependencies": {
+                "@aerogel/core": "next",
+                "soukai": "next"
+            }
+        `,
+        );
 
         // Act
         await GenerateModelCommand.run('FooBar', {
-            fields: 'name:string,age:number,birth:Date',
+            fields: 'name:string:required,age:number,birth:Date',
         });
 
         // Assert
@@ -22,7 +30,10 @@ describe('Generate model command', () => {
             formatCodeBlock(`
                 defineModelSchema({
                     fields: {
-                        name: FieldType.String,
+                        name: {
+                            type: FieldType.String,
+                            required: true,
+                        },
                         age: FieldType.Number,
                         birth: FieldType.Date,
                     },

package/src/commands/generate-model.ts

@@ -1,11 +1,11 @@
-import { stringToStudlyCase } from '@noeldemartin/utils';
+import { formatCodeBlock, stringToStudlyCase } from '@noeldemartin/utils';
 
-import Command from '@/commands/Command';
-import File from '@/lib/File';
-import Log from '@/lib/Log';
-import Template from '@/lib/Template';
-import { basePath, formatCodeBlock } from '@/lib/utils';
-import type { CommandOptions } from '@/commands/Command';
+import Command from '@aerogel/cli/commands/Command';
+import File from '@aerogel/cli/lib/File';
+import Log from '@aerogel/cli/lib/Log';
+import Template from '@aerogel/cli/lib/Template';
+import { templatePath } from '@aerogel/cli/lib/utils/paths';
+import type { CommandOptions } from '@aerogel/cli/commands/Command';
 
 interface Options {
     fields?: string;
@@ -13,10 +13,10 @@ interface Options {
 
 export class GenerateModelCommand extends Command {
 
-    public static command: string = 'generate:model';
-    public static description: string = 'Generate an AerogelJS model';
-    public static parameters: [string, string][] = [['name', 'Model name']];
-    public static options: CommandOptions = {
+    protected static override command: string = 'generate:model';
+    protected static override description: string = 'Generate an AerogelJS Model';
+    protected static override parameters: [string, string][] = [['name', 'Model name']];
+    protected static override options: CommandOptions = {
         fields: 'Create model with the given fields',
     };
 
@@ -30,22 +30,26 @@ export class GenerateModelCommand extends Command {
         this.options = options;
     }
 
-    public async run(): Promise<void> {
+    protected override async run(): Promise<void> {
         this.assertAerogelOrDirectory('src/models');
 
         if (File.exists(`src/models/${this.name}.ts`)) {
             Log.fail(`${this.name} model already exists!`);
         }
 
-        const files = Template.instantiate(basePath('templates/model'), 'src/models', {
-            model: {
-                name: this.name,
-                fieldsDefinition: this.getFieldsDefinition(),
-            },
-            soukaiImports: this.options.fields ? 'FieldType, defineModelSchema' : 'defineModelSchema',
-        });
+        this.assertSoukaiInstalled();
+
+        const filesList = await Log.animate('Creating model', async () => {
+            const files = Template.instantiate(templatePath('model'), 'src/models', {
+                model: {
+                    name: this.name,
+                    fieldsDefinition: this.getFieldsDefinition(),
+                },
+                soukaiImports: this.options.fields ? 'FieldType, defineModelSchema' : 'defineModelSchema',
+            });
 
-        const filesList = files.map((file) => `- ${file}`).join('\n');
+            return files.map((file) => `- ${file}`).join('\n');
+        });
 
         Log.info(`${this.name} model created successfully! The following files were created:\n\n${filesList}`);
     }
@@ -58,16 +62,37 @@ export class GenerateModelCommand extends Command {
         const code = this.options.fields
             .split(',')
             .map((field) => {
-                const [name, type] = field.split(':');
+                const [name, type, rules] = field.split(':');
 
                 return {
                     name,
                     type: stringToStudlyCase(type ?? 'string'),
+                    required: rules === 'required',
                 };
             })
-            .reduce((definition, field) => definition + `\n${field.name}: FieldType.${field.type},`, '');
+            .reduce((definition, field) => {
+                const fieldDefinition = field.required
+                    ? formatCodeBlock(`
+                        ${field.name}: {
+                            type: FieldType.${field.type},
+                            required: true,
+                        }
+                    `)
+                    : `${field.name}: FieldType.${field.type}`;
+
+                return definition + `\n${fieldDefinition},`;
+            }, '');
 
         return formatCodeBlock(code, { indent: 8 });
     }
 
+    protected assertSoukaiInstalled(): void {
+        if (!File.contains('package.json', '"soukai"') && !File.contains('package.json', '"@aerogel/plugin-soukai"')) {
+            Log.fail(`
+                Soukai is not installed yet! You can install it running:
+                npx gel install soukai
+            `);
+        }
+    }
+
 }

package/src/commands/generate-service.test.ts

@@ -0,0 +1,21 @@
+import { describe, it } from 'vitest';
+
+import FileMock from '@aerogel/cli/lib/File.mock';
+
+import { GenerateServiceCommand } from './generate-service';
+
+describe('Generate Service command', () => {
+
+    it('generates services', async () => {
+        // Arrange
+        FileMock.stub('package.json', '@aerogel/core');
+
+        // Act
+        await GenerateServiceCommand.run('FooBar');
+
+        // Assert
+        FileMock.expectCreated('src/services/FooBar.ts').toContain('class FooBarService extends Service');
+        FileMock.expectCreated('src/services/FooBar.ts').toContain('export default facade(FooBarService);');
+    });
+
+});

package/src/commands/generate-service.ts

@@ -0,0 +1,151 @@
+import { arrayFrom, formatCodeBlock, stringToCamelCase } from '@noeldemartin/utils';
+import { Node, SyntaxKind } from 'ts-morph';
+import type { ObjectLiteralExpression, SourceFile } from 'ts-morph';
+
+import Command from '@aerogel/cli/commands/Command';
+import File from '@aerogel/cli/lib/File';
+import Log from '@aerogel/cli/lib/Log';
+import Template from '@aerogel/cli/lib/Template';
+import { app } from '@aerogel/cli/lib/utils/app';
+import { templatePath } from '@aerogel/cli/lib/utils/paths';
+import { editFiles, findDescendant } from '@aerogel/cli/lib/utils/edit';
+import type { Editor } from '@aerogel/cli/lib/Editor';
+
+export class GenerateServiceCommand extends Command {
+
+    protected static override command: string = 'generate:service';
+    protected static override description: string = 'Generate an AerogelJS Service';
+    protected static override parameters: [string, string][] = [['name', 'Service name']];
+
+    private name: string;
+
+    constructor(name: string) {
+        super();
+
+        this.name = name;
+    }
+
+    protected override async run(): Promise<void> {
+        this.assertAerogelOrDirectory('src/services');
+
+        const files = new Set<string>();
+        const editor = app().edit();
+
+        await this.createService(files);
+
+        if (editFiles()) {
+            await this.registerService(editor);
+            await editor.format();
+        }
+
+        const filesList = arrayFrom(files)
+            .map((file) => `- ${file}`)
+            .join('\n');
+
+        Log.info(`${this.name} service created successfully! The following files were created:\n\n${filesList}`);
+    }
+
+    protected async createService(files: Set<string>): Promise<void> {
+        await Log.animate('Creating service', async () => {
+            if (File.exists(`src/services/${this.name}.ts`)) {
+                Log.fail(`${this.name} service already exists!`);
+            }
+
+            const serviceFiles = Template.instantiate(templatePath('service'), 'src/services', {
+                service: {
+                    name: this.name,
+                },
+            });
+
+            serviceFiles.forEach((file) => files.add(file));
+        });
+    }
+
+    protected async registerService(editor: Editor): Promise<void> {
+        await Log.animate('Registering service', async () => {
+            if (!File.exists('src/services/index.ts')) {
+                await this.createServicesIndex(editor);
+            }
+
+            const servicesIndex = editor.requireSourceFile('src/services/index.ts');
+            const servicesObject = this.getServicesObject(servicesIndex);
+
+            if (!servicesObject) {
+                return Log.fail('Could not find services object in services config, please add it manually.');
+            }
+
+            servicesIndex.addImportDeclaration({
+                defaultImport: this.name,
+                moduleSpecifier: `./${this.name}`,
+            });
+            servicesObject.addPropertyAssignment({
+                name: `$${stringToCamelCase(this.name)}`,
+                initializer: this.name,
+            });
+
+            await editor.save(servicesIndex);
+        });
+    }
+
+    protected async createServicesIndex(editor: Editor): Promise<void> {
+        File.write(
+            'src/services/index.ts',
+            formatCodeBlock(`
+                export const services = {};
+
+                export type AppServices = typeof services;
+
+                declare module '@aerogel/core' {
+                    interface Services extends AppServices {}
+                }
+            `),
+        );
+
+        editor.addSourceFile('src/services/index.ts');
+
+        const mainConfig = editor.requireSourceFile('src/main.ts');
+        const bootstrapOptions = this.getBootstrapOptions(mainConfig);
+
+        if (!bootstrapOptions) {
+            return Log.fail('Could not find options object in bootstrap config, please add the services manually.');
+        }
+
+        bootstrapOptions.insertShorthandPropertyAssignment(0, { name: 'services' });
+        mainConfig.addImportDeclaration({
+            namedImports: ['services'],
+            moduleSpecifier: './services',
+        });
+
+        await editor.save(mainConfig);
+    }
+
+    protected getBootstrapOptions(mainConfig: SourceFile): ObjectLiteralExpression | null {
+        const bootstrapAppCall = findDescendant(mainConfig, {
+            guard: Node.isCallExpression,
+            validate: (callExpression) => callExpression.getExpression().getText() === 'bootstrap',
+            skip: SyntaxKind.ImportDeclaration,
+        });
+        const bootstrapOptions = bootstrapAppCall?.getArguments()[1];
+
+        if (!Node.isObjectLiteralExpression(bootstrapOptions)) {
+            return null;
+        }
+
+        return bootstrapOptions;
+    }
+
+    protected getServicesObject(servicesIndex: SourceFile): ObjectLiteralExpression | null {
+        const servicesDeclaration = findDescendant(servicesIndex, {
+            guard: Node.isVariableDeclaration,
+            validate: (variableDeclaration) => variableDeclaration.getName() === 'services',
+        });
+        const servicesObject = servicesDeclaration?.getInitializer();
+
+        if (!Node.isObjectLiteralExpression(servicesObject)) {
+            return null;
+        }
+
+        return servicesObject;
+    }
+
+}

package/src/commands/info.ts

@@ -0,0 +1,15 @@
+import { URL, fileURLToPath } from 'node:url';
+
+import Command from '@aerogel/cli/commands/Command';
+import Log from '@aerogel/cli/lib/Log';
+export class InfoCommand extends Command {
+
+    protected static override command: string = 'info';
+    protected static override description: string = 'Show debugging information about the CLI';
+
+    protected override async run(): Promise<void> {
+        Log.info('[AerogelJS CLI info]');
+        Log.info('Installation directory: ' + fileURLToPath(new URL(/* @vite-ignore */ './', import.meta.url)));
+    }
+
+}

package/src/commands/install.test.ts

@@ -0,0 +1,90 @@
+import { describe, expect, it } from 'vitest';
+
+import ShellMock from '@aerogel/cli/lib/Shell.mock';
+import FileMock from '@aerogel/cli/lib/File.mock';
+
+import { InstallCommand } from './install';
+
+describe('Install plugin command', () => {
+
+    it('installs solid', async () => {
+        // Arrange
+        stubPackageJson();
+
+        // Act
+        await InstallCommand.run('solid');
+
+        // Assert
+        ShellMock.expectRan('pnpm install --no-save');
+
+        expectPackageJson({
+            dependencies: {
+                '@aerogel/core': 'next',
+                '@aerogel/plugin-solid': 'next',
+                '@noeldemartin/solid-utils': 'next',
+                'soukai-solid': 'next',
+                'vue': '^3.5.13',
+            },
+        });
+    });
+
+    it('installs soukai', async () => {
+        // Arrange
+        stubPackageJson();
+
+        // Act
+        await InstallCommand.run('soukai', { skipInstall: true });
+
+        // Assert
+        ShellMock.expectNotRan('pnpm install --no-save');
+
+        expectPackageJson({
+            dependencies: {
+                '@aerogel/core': 'next',
+                '@aerogel/plugin-soukai': 'next',
+                'soukai': 'next',
+                'vue': '^3.5.13',
+            },
+        });
+    });
+
+    it('installs local-first', async () => {
+        // Arrange
+        stubPackageJson();
+
+        // Act
+        await InstallCommand.run('local-first');
+
+        // Assert
+        ShellMock.expectRan('pnpm install --no-save');
+
+        expectPackageJson({
+            dependencies: {
+                '@aerogel/core': 'next',
+                '@aerogel/plugin-local-first': 'next',
+                'vue': '^3.5.13',
+            },
+        });
+    });
+
+});
+
+function stubPackageJson(): void {
+    FileMock.stub(
+        'package.json',
+        JSON.stringify(
+            {
+                dependencies: {
+                    '@aerogel/core': 'next',
+                    'vue': '^3.5.13',
+                },
+            },
+            null,
+            2,
+        ),
+    );
+}
+
+function expectPackageJson(packageJson: object): void {
+    expect(JSON.parse(FileMock.read('package.json') ?? '{}')).toEqual(packageJson);
+}

package/src/commands/install.ts

@@ -0,0 +1,47 @@
+import Command from '@aerogel/cli/commands/Command';
+import LocalFirst from '@aerogel/cli/plugins/LocalFirst';
+import Log from '@aerogel/cli/lib/Log';
+import Solid from '@aerogel/cli/plugins/Solid';
+import Soukai from '@aerogel/cli/plugins/Soukai';
+import type Plugin from '@aerogel/cli/plugins/Plugin';
+import type { CommandOptions } from '@aerogel/cli/commands/Command';
+
+const plugins = [new Soukai(), new Solid(), new LocalFirst()].reduce(
+    (pluginsObject, plugin) => Object.assign(pluginsObject, { [plugin.name]: plugin }),
+    {} as Record<string, Plugin>,
+);
+export interface Options {
+    skipInstall?: boolean;
+}
+
+export class InstallCommand extends Command {
+
+    protected static override command: string = 'install';
+    protected static override description: string = 'Install an AerogelJS plugin';
+    protected static override parameters: [string, string][] = [['plugin', 'Plugin to install']];
+    protected static override options: CommandOptions = {
+        skipInstall: {
+            type: 'boolean',
+            description: 'Skip installing dependencies, just add them to package.json',
+        },
+    };
+
+    private options: Options;
+    private plugin: Plugin;
+
+    constructor(plugin: string, options: Options = {}) {
+        super();
+
+        this.options = options;
+        this.plugin =
+            plugins[plugin] ??
+            Log.fail(`Plugin '${plugin}' doesn't exist. Available plugins: ${Object.keys(plugins).join(', ')}`);
+    }
+
+    protected override async run(): Promise<void> {
+        await this.plugin.install({
+            skipInstall: this.options.skipInstall,
+        });
+    }
+
+}