@aerogel/cli 0.0.0-next.d4e50d20bf4c270c2068f0a4398e9304ee4a062e → 0.0.0-next.d803ba42263b449637ede53bb8ce9a147e781512

package/src/commands/generate-component.ts

@@ -2,69 +2,44 @@ import { arrayFrom, stringToSlug } from '@noeldemartin/utils';
 import { Node, SyntaxKind } from 'ts-morph';
 import type { ArrayLiteralExpression, CallExpression, SourceFile } from 'ts-morph';
 
-import Command from '@/commands/Command';
-import File from '@/lib/File';
-import Log from '@/lib/Log';
-import Template from '@/lib/Template';
-import { app } from '@/lib/utils/app';
-import { editFiles, findDescendant } from '@/lib/utils/edit';
-import { templatePath } from '@/lib/utils/paths';
-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 { 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 {
 
-    protected static command: string = 'generate:component';
-    protected static description: string = 'Generate an AerogelJS Component';
-    protected static parameters: [string, string][] = [
+    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)'],
     ];
 
-    protected static options: CommandOptions = {
-        button: {
-            description: 'Create a custom button',
-            type: 'boolean',
-        },
-        input: {
-            description: 'Create a custom input',
-            type: 'boolean',
-        },
-        story: {
-            description: 'Create component story using Histoire',
-            type: 'boolean',
-        },
-    };
-
     private path: string;
-    private options: Options;
 
-    constructor(path: string, options: Options = {}) {
+    constructor(path: string) {
         super();
 
         this.path = path;
-        this.options = options;
-    }
-
-    protected async validate(): Promise<void> {
-        if (this.options.button && this.options.input) {
-            Log.fail('Cannot use both \'button\' and \'input\' flags!');
-        }
     }
 
-    protected async run(): Promise<void> {
+    protected override async run(): Promise<void> {
         this.assertAerogelOrDirectory('src/components');
-        this.assertHistoireInstalled();
 
         const files = new Set<string>();
         const [directoryName, componentName] = this.parsePathComponents();
 
         await this.createComponent(directoryName, componentName, files);
-        await this.createStory(directoryName, componentName, files);
         await this.declareComponents();
 
         const filesList = arrayFrom(files)
@@ -74,31 +49,13 @@ export class GenerateComponentCommand extends Command {
         Log.info(`${componentName} component created successfully! The following files were created:\n\n${filesList}`);
     }
 
-    protected assertHistoireInstalled(): void {
-        if (!this.options.story) {
-            return;
-        }
-
-        if (!File.contains('package.json', '"histoire"') && !File.contains('package.json', '"@aerogel/histoire"')) {
-            Log.fail(`
-                Histoire is not installed yet! You can install it running:
-                npx gel install histoire
-            `);
-        }
-    }
-
     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 templateName = this.options.input
-                ? 'component-input'
-                : this.options.button
-                    ? 'component-button'
-                    : 'component';
-            const componentFiles = Template.instantiate(templatePath(templateName), `src/components/${directoryName}`, {
+            const componentFiles = Template.instantiate(templatePath('component'), `src/components/${directoryName}`, {
                 component: {
                     name: componentName,
                     slug: stringToSlug(componentName),
@@ -109,28 +66,6 @@ export class GenerateComponentCommand extends Command {
         });
     }
 
-    protected async createStory(directoryName: string, componentName: string, files: Set<string>): Promise<void> {
-        if (!this.options.story) {
-            return;
-        }
-
-        await Log.animate('Creating story', async () => {
-            const templateName = this.options.input
-                ? 'component-input-story'
-                : this.options.button
-                    ? 'component-button-story'
-                    : 'component-story';
-            const storyFiles = Template.instantiate(templatePath(templateName), `src/components/${directoryName}`, {
-                component: {
-                    name: componentName,
-                    slug: stringToSlug(componentName),
-                },
-            });
-
-            storyFiles.forEach((file) => files.add(file));
-        });
-    }
-
     protected async declareComponents(): Promise<void> {
         if (!editFiles()) {
             return;

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

@@ -1,7 +1,7 @@
 import { describe, it } from 'vitest';
 import { formatCodeBlock } from '@noeldemartin/utils';
 
-import FileMock from '@/lib/File.mock';
+import FileMock from '@aerogel/cli/lib/File.mock';
 
 import { GenerateModelCommand } from './generate-model';
 

package/src/commands/generate-model.ts

@@ -1,11 +1,11 @@
 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 { templatePath } from '@/lib/utils/paths';
-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 {
 
-    protected static command: string = 'generate:model';
-    protected static description: string = 'Generate an AerogelJS Model';
-    protected static parameters: [string, string][] = [['name', 'Model name']];
-    protected 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,7 +30,7 @@ export class GenerateModelCommand extends Command {
         this.options = options;
     }
 
-    protected async run(): Promise<void> {
+    protected override async run(): Promise<void> {
         this.assertAerogelOrDirectory('src/models');
 
         if (File.exists(`src/models/${this.name}.ts`)) {

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

@@ -1,6 +1,6 @@
 import { describe, it } from 'vitest';
 
-import FileMock from '@/lib/File.mock';
+import FileMock from '@aerogel/cli/lib/File.mock';
 
 import { GenerateServiceCommand } from './generate-service';
 
@@ -15,7 +15,7 @@ describe('Generate Service command', () => {
 
         // Assert
         FileMock.expectCreated('src/services/FooBar.ts').toContain('class FooBarService extends Service');
-        FileMock.expectCreated('src/services/FooBar.ts').toContain('export default facade(new FooBarService());');
+        FileMock.expectCreated('src/services/FooBar.ts').toContain('export default facade(FooBarService);');
     });
 
 });

package/src/commands/generate-service.ts

@@ -2,20 +2,20 @@ import { arrayFrom, formatCodeBlock, stringToCamelCase } from '@noeldemartin/uti
 import { Node, SyntaxKind } from 'ts-morph';
 import type { ObjectLiteralExpression, SourceFile } from 'ts-morph';
 
-import Command from '@/commands/Command';
-import File from '@/lib/File';
-import Log from '@/lib/Log';
-import Template from '@/lib/Template';
-import { app } from '@/lib/utils/app';
-import { templatePath } from '@/lib/utils/paths';
-import { editFiles, findDescendant } from '@/lib/utils/edit';
-import type { Editor } from '@/lib/Editor';
+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 command: string = 'generate:service';
-    protected static description: string = 'Generate an AerogelJS Service';
-    protected static parameters: [string, string][] = [['name', 'Service name']];
+    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;
 
@@ -25,7 +25,7 @@ export class GenerateServiceCommand extends Command {
         this.name = name;
     }
 
-    protected async run(): Promise<void> {
+    protected override async run(): Promise<void> {
         this.assertAerogelOrDirectory('src/services');
 
         const files = new Set<string>();
@@ -95,8 +95,8 @@ export class GenerateServiceCommand extends Command {
 
                 export type AppServices = typeof services;
 
-                declare module '@vue/runtime-core' {
-                    interface ComponentCustomProperties extends AppServices {}
+                declare module '@aerogel/core' {
+                    interface Services extends AppServices {}
                 }
             `),
         );

package/src/commands/info.ts

@@ -1,14 +1,15 @@
-import Command from '@/commands/Command';
-import Log from '@/lib/Log';
+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 command: string = 'info';
-    protected static description: string = 'Show debugging information about the CLI';
+    protected static override command: string = 'info';
+    protected static override description: string = 'Show debugging information about the CLI';
 
-    protected async run(): Promise<void> {
+    protected override async run(): Promise<void> {
         Log.info('[AerogelJS CLI info]');
-        Log.info('Installation directory: ' + __dirname);
+        Log.info('Installation directory: ' + fileURLToPath(new URL(/* @vite-ignore */ './', import.meta.url)));
     }
 
 }

package/src/commands/install.test.ts

@@ -1,41 +1,90 @@
-import { describe, it } from 'vitest';
+import { describe, expect, it } from 'vitest';
 
-import FileMock from '@/lib/File.mock';
-import ShellMock from '@/lib/Shell.mock';
+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('npm install soukai-solid@next --save-exact');
-        ShellMock.expectRan('npm install @aerogel/plugin-solid@next --save-exact');
+        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');
+        await InstallCommand.run('soukai', { skipInstall: true });
 
         // Assert
-        ShellMock.expectRan('npm install soukai@next --save-exact');
-        ShellMock.expectRan('npm install @aerogel/plugin-soukai@next --save-exact');
+        ShellMock.expectNotRan('pnpm install --no-save');
+
+        expectPackageJson({
+            dependencies: {
+                '@aerogel/core': 'next',
+                '@aerogel/plugin-soukai': 'next',
+                'soukai': 'next',
+                'vue': '^3.5.13',
+            },
+        });
     });
 
-    it('installs histoire', async () => {
+    it('installs local-first', async () => {
         // Arrange
-        FileMock.stub('package.json', '"@aerogel/core"');
+        stubPackageJson();
 
         // Act
-        await InstallCommand.run('histoire');
+        await InstallCommand.run('local-first');
 
         // Assert
-        ShellMock.expectRan('npm install histoire@0.17.6 --save-dev');
-        ShellMock.expectRan('npm install @aerogel/histoire@next --save-exact --save-dev');
-        ShellMock.expectRan('npm install patch-package --save-dev');
+        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

@@ -1,33 +1,47 @@
-import Command from '@/commands/Command';
-import Log from '@/lib/Log';
-import { Histoire } from '@/plugins/Histoire';
-import { Solid } from '@/plugins/Solid';
-import { Soukai } from '@/plugins/Soukai';
-import type Plugin from '@/plugins/Plugin';
-
-const plugins = [new Soukai(), new Solid(), new Histoire()].reduce(
+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 command: string = 'install';
-    protected static description: string = 'Install an AerogelJS plugin';
-    protected static parameters: [string, string][] = [['plugin', 'Plugin to install']];
-
+    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) {
+    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 async run(): Promise<void> {
-        await this.plugin.install();
+    protected override async run(): Promise<void> {
+        await this.plugin.install({
+            skipInstall: this.options.skipInstall,
+        });
     }
 
 }

package/src/lib/App.ts

@@ -1,19 +1,11 @@
-import { stringToSlug } from '@noeldemartin/utils';
-
-import File from '@/lib/File';
-import Log from '@/lib/Log';
-import Template from '@/lib/Template';
-import { packNotFound, packagePackPath, packagePath, templatePath } from '@/lib/utils/paths';
-import { Editor } from '@/lib/Editor';
-
-interface Dependencies {
-    aerogelCli: string;
-    aerogelCore: string;
-    aerogelCypress: string;
-    aerogelPluginI18n: string;
-    aerogelPluginSoukai: string;
-    aerogelVite: string;
-}
+import { resolve } from 'node:path';
+
+import File from '@aerogel/cli/lib/File';
+import Log from '@aerogel/cli/lib/Log';
+import Template from '@aerogel/cli/lib/Template';
+import { packNotFound, packagePackPath, packagePath, templatePath } from '@aerogel/cli/lib/utils/paths';
+import { Editor } from '@aerogel/cli/lib/Editor';
+import { simpleGit } from 'simple-git';
 
 export interface Options {
     local?: boolean;
@@ -22,30 +14,43 @@ export interface Options {
 
 export default class App {
 
-    constructor(protected name: string, protected options: Options = {}) {}
+    constructor(
+        protected name: string,
+        protected options: Options = {},
+    ) {}
 
-    public create(path: string): void {
+    public async create(path: string): Promise<void> {
         if (File.exists(path) && (!File.isDirectory(path) || !File.isEmptyDirectory(path))) {
             Log.fail(`Folder at '${path}' already exists!`);
         }
 
-        Template.instantiate(templatePath('app'), path, {
-            app: {
-                name: this.name,
-                slug: stringToSlug(this.name),
-            },
-            dependencies: this.getDependencies(),
-            contentPath: this.options.linkedLocal
-                ? `${packagePath('core')}/dist/**/*.js`
-                : './node_modules/@aerogel/core/dist/**/*.js',
-        });
+        // Clone repository
+        await simpleGit().clone('https://github.com/NoelDeMartin/aerogel-template.git', path);
+
+        // Apply replacements
+        const dependencies = this.getDependencies();
+
+        File.replace(
+            resolve(path, 'vite.config.ts'),
+            'Aerogel({ name: \'Aerogel\' })',
+            `Aerogel({ name: '${this.name}' })`,
+        );
+
+        File.replace(resolve(path, 'src/lang/en.yaml'), 'title: \'App\'', `title: '${this.name}'`);
+
+        for (const [name, version] of Object.entries(dependencies)) {
+            File.replace(resolve(path, 'package.json'), new RegExp(`"${name}": ".*?"`, 'g'), `"${name}": "${version}"`);
+        }
+
+        // Copy template
+        Template.instantiate(templatePath('app'), path, { app: { name: this.name } });
     }
 
     public edit(): Editor {
         return new Editor();
     }
 
-    protected getDependencies(): Dependencies {
+    protected getDependencies(): Record<string, string> {
         const withFilePrefix = <T extends Record<string, string>>(paths: T) =>
             Object.entries(paths).reduce(
                 (pathsWithFile, [name, path]) => Object.assign(pathsWithFile, { [name]: `file:${path}` }) as T,
@@ -54,34 +59,27 @@ export default class App {
 
         if (this.options.linkedLocal) {
             return withFilePrefix({
-                aerogelCli: packagePath('cli'),
-                aerogelCore: packagePath('core'),
-                aerogelCypress: packagePath('cypress'),
-                aerogelPluginI18n: packagePath('plugin-i18n'),
-                aerogelPluginSoukai: packagePath('plugin-soukai'),
-                aerogelVite: packagePath('vite'),
+                '@aerogel/cli': packagePath('cli'),
+                '@aerogel/core': packagePath('core'),
+                '@aerogel/cypress': packagePath('cypress'),
+                '@aerogel/plugin-i18n': packagePath('plugin-i18n'),
+                '@aerogel/plugin-soukai': packagePath('plugin-soukai'),
+                '@aerogel/vite': packagePath('vite'),
             });
         }
 
         if (this.options.local) {
             return withFilePrefix({
-                aerogelCli: packagePackPath('cli') ?? packNotFound('cli'),
-                aerogelCore: packagePackPath('core') ?? packNotFound('core'),
-                aerogelCypress: packagePackPath('cypress') ?? packNotFound('cypress'),
-                aerogelPluginI18n: packagePackPath('plugin-i18n') ?? packNotFound('plugin-i18n'),
-                aerogelPluginSoukai: packagePackPath('plugin-soukai') ?? packNotFound('plugin-soukai'),
-                aerogelVite: packagePackPath('vite') ?? packNotFound('vite'),
+                '@aerogel/cli': packagePackPath('cli') ?? packNotFound('cli'),
+                '@aerogel/core': packagePackPath('core') ?? packNotFound('core'),
+                '@aerogel/cypress': packagePackPath('cypress') ?? packNotFound('cypress'),
+                '@aerogel/plugin-i18n': packagePackPath('plugin-i18n') ?? packNotFound('plugin-i18n'),
+                '@aerogel/plugin-soukai': packagePackPath('plugin-soukai') ?? packNotFound('plugin-soukai'),
+                '@aerogel/vite': packagePackPath('vite') ?? packNotFound('vite'),
             });
         }
 
-        return {
-            aerogelCli: 'next',
-            aerogelCore: 'next',
-            aerogelCypress: 'next',
-            aerogelPluginI18n: 'next',
-            aerogelPluginSoukai: 'next',
-            aerogelVite: 'next',
-        };
+        return {};
     }
 
 }

package/src/lib/Editor.ts

@@ -2,9 +2,9 @@ import { arrayFrom } from '@noeldemartin/utils';
 import { Project } from 'ts-morph';
 import type { SourceFile } from 'ts-morph';
 
-import File from '@/lib/File';
-import Log from '@/lib/Log';
-import Shell from '@/lib/Shell';
+import File from '@aerogel/cli/lib/File';
+import Log from '@aerogel/cli/lib/Log';
+import Shell from '@aerogel/cli/lib/Shell';
 
 export class Editor {
 
@@ -16,7 +16,6 @@ export class Editor {
         this.modifiedFiles = new Set();
 
         this.project.addSourceFilesAtPaths('src/**/*.ts');
-        this.project.addSourceFilesAtPaths('tailwind.config.js');
         this.project.addSourceFilesAtPaths('vite.config.ts');
         this.project.addSourceFilesAtPaths('package.json');
     }