@aerogel/cli 0.0.0-next.0be1479064cfd43fb6eafa2552cb7f8775554d93

package/src/testing/setup.ts

@@ -0,0 +1,74 @@
+import { beforeEach, vi } from 'vitest';
+import { resolve } from 'path';
+import { setTestingNamespace } from '@noeldemartin/utils';
+
+import File from '@/lib/File';
+import FileMock from '@/lib/File.mock';
+import Log from '@/lib/Log';
+import LogMock from '@/lib/Log.mock';
+import Shell from '@/lib/Shell';
+import ShellMock from '@/lib/Shell.mock';
+
+setTestingNamespace(vi);
+
+File.setMockInstance(FileMock);
+Log.setMockInstance(LogMock);
+Shell.setMockInstance(ShellMock);
+
+beforeEach(() => {
+    FileMock.reset();
+    LogMock.reset();
+
+    File.mock();
+    Log.mock();
+    Shell.mock();
+});
+
+vi.mock('@/lib/utils/app', async () => {
+    const original = (await vi.importActual('@/lib/utils/app')) as object;
+
+    return {
+        ...original,
+        isLocalApp: () => false,
+        isLinkedLocalApp: () => false,
+    };
+});
+
+vi.mock('@/lib/utils/edit', async () => {
+    const original = (await vi.importActual('@/lib/utils/edit')) as object;
+
+    return {
+        ...original,
+        editFiles: () => false,
+    };
+});
+
+// TODO find out why these need to be mocked
+vi.mock('@/lib/utils/paths', async () => {
+    const original = (await vi.importActual('@/lib/utils/paths')) as object;
+
+    function cliBasePath(path: string = '') {
+        return resolve(__dirname, '../../', path);
+    }
+
+    function basePath(path: string = '') {
+        return resolve(__dirname, '../../', path);
+    }
+
+    function packagePath(packageName: string) {
+        return basePath(`../${packageName}`);
+    }
+
+    return {
+        ...original,
+        basePath,
+        cliBasePath,
+        packagePath,
+    };
+});
+
+vi.mock('mustache', async () => {
+    const mustache = (await vi.importActual('mustache')) as { default: unknown };
+
+    return mustache.default;
+});

package/src/types/ts-reset.d.ts

@@ -0,0 +1 @@
+/// <reference types="@total-typescript/ts-reset" />

package/templates/app/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+    extends: ['@noeldemartin/eslint-config-vue'],
+};

package/templates/app/.github/workflows/ci.yml

@@ -0,0 +1,17 @@
+name: CI
+
+on: [push, pull_request]
+
+jobs:
+    ci:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v3
+            - uses: actions/setup-node@v3
+              with:
+                  node-version-file: '.nvmrc'
+            - run: npm ci
+            - run: npm run lint
+            - run: npm run test:ci
+            - run: npm run cy:test
+            - run: npm run build

package/templates/app/.gitignore.template

@@ -0,0 +1,2 @@
+/dist
+/node_modules

package/templates/app/.nvmrc

@@ -0,0 +1 @@
+lts/hydrogen

package/templates/app/.vscode/launch.json

@@ -0,0 +1,16 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Debug Current Test File",
+            "autoAttachChildProcesses": true,
+            "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
+            "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
+            "args": ["run", "${fileBasenameNoExtension}"],
+            "smartStep": true,
+            "console": "integratedTerminal"
+        }
+    ]
+}

package/templates/app/.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+    "emeraldwalk.runonsave": {
+        "commands": [
+            {
+                "match": ".*",
+                "cmd": "npx prettier-eslint ${file} --write"
+            }
+        ]
+    }
+}

package/templates/app/cypress/e2e/app.cy.ts

@@ -0,0 +1,9 @@
+describe('App', () => {
+
+    beforeEach(() => cy.visit('/'));
+
+    it('Shows get started link', () => {
+        cy.see('Get started');
+    });
+
+});

package/templates/app/cypress/support/e2e.ts

@@ -0,0 +1,3 @@
+import install from '@aerogel/cypress';
+
+install();

package/templates/app/cypress/tsconfig.json

@@ -0,0 +1,12 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "lib": ["es5", "dom"],
+        "types": ["cypress", "node"],
+        "baseUrl": ".",
+        "paths": {
+            "@cy/*": ["./*"]
+        }
+    },
+    "include": ["**/*.ts"]
+}

package/templates/app/cypress.config.ts

@@ -0,0 +1,12 @@
+import install from '@aerogel/cypress/dist/plugin';
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+    e2e: {
+        baseUrl: 'http://localhost:5001',
+        video: false,
+        setupNodeEvents(on) {
+            install(on);
+        },
+    },
+});

package/templates/app/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full w-full">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title><% app.name %></title>
+    </head>
+    <body class="h-full w-full text-base font-normal leading-tight text-gray-900 antialiased">
+        <div id="app" class="h-full"></div>
+        <script type="module" src="./src/main.ts"></script>
+    </body>
+</html>

package/templates/app/package.json

@@ -0,0 +1,54 @@
+{
+    "name": "<% app.slug %>",
+    "version": "0.0.0",
+    "private": true,
+    "scripts": {
+        "build": "vite build",
+        "cy:dev": "concurrently --kill-others \"npm run test:serve-app\" \"npm run cy:open\"",
+        "cy:open": "cypress open --e2e --browser chromium",
+        "cy:run": "cypress run",
+        "cy:test": "start-server-and-test test:serve-app http-get://localhost:5001 cy:run",
+        "cy:test-snapshots": "docker run -it -u `id -u ${whoami}` -e CYPRESS_SNAPSHOTS=true -v ./:/app -w /app cypress/base:18.16.0 sh -c \"npx cypress install && npm run cy:test\"",
+        "cy:test-snapshots:ci": "docker run -e CYPRESS_SNAPSHOTS=true -v ./:/app -w /app cypress/base:18.16.0 sh -c \"npx cypress install && npm run cy:test\"",
+        "dev": "vite",
+        "lint": "noeldemartin-lint src",
+        "test": "vitest --run",
+        "test:ci": "vitest --run --reporter verbose",
+        "test:serve-app": "vite --port 5001"
+    },
+    "dependencies": {
+        "@aerogel/core": "<% &dependencies.aerogelCore %>",
+        "@aerogel/plugin-i18n": "<% &dependencies.aerogelPluginI18n %>",
+        "@aerogel/plugin-soukai": "<% &dependencies.aerogelPluginSoukai %>",
+        "@intlify/unplugin-vue-i18n": "^0.12.2",
+        "@noeldemartin/utils": "next",
+        "@tailwindcss/forms": "^0.5.3",
+        "@tailwindcss/typography": "^0.5.9",
+        "soukai": "next",
+        "tailwindcss": "^3.3.2",
+        "vue": "^3.3.0",
+        "vue-i18n": "9.3.0-beta.19"
+    },
+    "devDependencies": {
+        "@aerogel/cli": "<% &dependencies.aerogelCli %>",
+        "@aerogel/cypress": "<% &dependencies.aerogelCypress %>",
+        "@aerogel/vite": "<% &dependencies.aerogelVite %>",
+        "@noeldemartin/eslint-config-vue": "next",
+        "@noeldemartin/scripts": "next",
+        "@total-typescript/ts-reset": "^0.4.2",
+        "@types/node": "^20.3.1",
+        "autoprefixer": "^10.4.14",
+        "concurrently": "^8.2.0",
+        "cypress": "^12.17.0",
+        "eslint": "^8.40.0",
+        "prettier": "^2.8.8",
+        "prettier-eslint-cli": "^7.1.0",
+        "prettier-plugin-tailwindcss": "^0.2.8",
+        "start-server-and-test": "^2.0.0",
+        "unplugin-icons": "^0.16.3",
+        "unplugin-vue-components": "^0.24.1",
+        "vite": "^4.3.0",
+        "vitest": "^0.33.0",
+        "vue-tsc": "^1.8.15"
+    }
+}

package/templates/app/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};

package/templates/app/prettier.config.js

@@ -0,0 +1,5 @@
+/** @type {import('prettier').Config} */
+module.exports = {
+    plugins: [require('prettier-plugin-tailwindcss')],
+    printWidth: 120,
+};

package/templates/app/src/App.vue

@@ -0,0 +1,12 @@
+<template>
+    <AGAppLayout>
+        <main class="flex flex-grow flex-col items-center justify-center bg-blue-50">
+            <h1 class="text-4xl font-semibold">
+                {{ $t('home.title') }}
+            </h1>
+            <a href="https://aerogel.js.org" target="_blank" class="mt-2 underline opacity-75 hover:opacity-100">
+                {{ $t('home.getStarted') }}
+            </a>
+        </main>
+    </AGAppLayout>
+</template>

package/templates/app/src/assets/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/templates/app/src/lang/en.yaml

@@ -0,0 +1,3 @@
+home:
+  title: Aerogel
+  getStarted: Get started

package/templates/app/src/main.test.ts

@@ -0,0 +1,9 @@
+import { describe, expect, it } from 'vitest';
+
+describe('App', () => {
+
+    it('works', () => {
+        expect(true).toBe(true);
+    });
+
+});

package/templates/app/src/main.ts

@@ -0,0 +1,13 @@
+import i18n from '@aerogel/plugin-i18n';
+import soukai from '@aerogel/plugin-soukai';
+import { bootstrapApplication } from '@aerogel/core';
+
+import './assets/styles.css';
+import App from './App.vue';
+
+bootstrapApplication(App, {
+    plugins: [
+        i18n({ messages: import.meta.glob('@/lang/*.yaml') }),
+        soukai({ models: import.meta.glob('@/models/*', { eager: true }) }),
+    ],
+});

package/templates/app/src/types/globals.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vue-i18n" />

package/templates/app/src/types/shims.d.ts

@@ -0,0 +1,7 @@
+declare module '*.vue' {
+    import type { ComponentOptions } from 'vue';
+
+    const component: ComponentOptions;
+
+    export default component;
+}

package/templates/app/src/types/ts-reset.d.ts

@@ -0,0 +1 @@
+/// <reference types="@total-typescript/ts-reset" />

package/templates/app/tailwind.config.js

@@ -0,0 +1,5 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: ['./index.html', './src/**/*.{vue,ts}', '<% &contentPath %>'],
+    plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
+};

package/templates/app/tsconfig.json

@@ -0,0 +1,18 @@
+{
+    "compilerOptions": {
+        "target": "esnext",
+        "module": "esnext",
+        "moduleResolution": "node",
+        "strict": true,
+        "jsx": "preserve",
+        "noUncheckedIndexedAccess": true,
+        "resolveJsonModule": true,
+        "esModuleInterop": true,
+        "lib": ["esnext", "dom"],
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./src/*"]
+        }
+    },
+    "include": ["src/**/*.ts", "src/**/*.vue"]
+}

package/templates/app/vite.config.ts

@@ -0,0 +1,23 @@
+import Aerogel, { AerogelResolver } from '@aerogel/vite';
+import Components from 'unplugin-vue-components/vite';
+import I18n from '@intlify/unplugin-vue-i18n/vite';
+import Icons from 'unplugin-icons/vite';
+import IconsResolver from 'unplugin-icons/resolver';
+import { resolve } from 'path';
+
+export default {
+    plugins: [
+        Aerogel(),
+        Components({
+            dts: false,
+            resolvers: [AerogelResolver(), IconsResolver()],
+        }),
+        I18n({ include: resolve(__dirname, './src/lang/**/*.yaml') }),
+        Icons(),
+    ],
+    resolve: {
+        alias: {
+            '@': resolve(__dirname, './src'),
+        },
+    },
+};

package/templates/component/[component.name].vue

@@ -0,0 +1,3 @@
+<template>
+    <div><% component.name %></div>
+</template>

package/templates/component-story/[component.name].story.vue

@@ -0,0 +1,7 @@
+<template>
+    <Story>
+        <Variant title="Primary">
+            <<% component.name %> />
+        </Variant>
+    </Story>
+</template>

package/templates/model/[model.name].schema.ts

@@ -0,0 +1,7 @@
+import { <% soukaiImports %> } from 'soukai';
+
+export default defineModelSchema({
+    fields: {
+<% &model.fieldsDefinition %>
+    },
+});

package/templates/model/[model.name].ts

@@ -0,0 +1,3 @@
+import Model from './<% model.name %>.schema';
+
+export default class <% model.name %> extends Model {}

package/templates/service/[service.name].ts

@@ -0,0 +1,8 @@
+import { Service } from '@aerogel/core';
+import { facade } from '@noeldemartin/utils';
+
+export class <% service.name %>Service extends Service {
+
+}
+
+export default facade(new <% service.name %>Service());

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "types": ["node"],
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./src/*"]
+        }
+    },
+    "include": ["src/**/*.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vitest/config';
+import { resolve } from 'path';
+
+export default defineConfig({
+    test: {
+        clearMocks: true,
+        setupFiles: ['./src/testing/setup.ts'],
+    },
+    resolve: {
+        alias: {
+            '@': resolve(__dirname, './src'),
+        },
+    },
+});