@aerogel/cli 0.0.0-next.702e17f12493b62feba1d0af54d7c3b1d07f934c → 0.0.0-next.7b6199e0666e235c949739bdbc7cca2d54c8636e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/gel +1 -1
- package/dist/aerogel-cli.d.ts +1 -2
- package/dist/aerogel-cli.js +798 -0
- package/dist/aerogel-cli.js.map +1 -0
- package/package.json +20 -33
- package/src/cli.ts +11 -11
- package/src/commands/Command.ts +3 -3
- package/src/commands/create.test.ts +2 -2
- package/src/commands/create.ts +11 -11
- package/src/commands/generate-component.test.ts +3 -3
- package/src/commands/generate-component.ts +30 -19
- package/src/commands/generate-model.test.ts +1 -1
- package/src/commands/generate-model.ts +11 -11
- package/src/commands/generate-service.test.ts +2 -2
- package/src/commands/generate-service.ts +14 -14
- package/src/commands/info.ts +15 -0
- package/src/commands/install.test.ts +4 -10
- package/src/commands/install.ts +12 -12
- package/src/lib/App.ts +9 -6
- package/src/lib/Editor.ts +3 -4
- package/src/lib/File.mock.ts +7 -11
- package/src/lib/File.ts +3 -3
- package/src/lib/Log.mock.ts +4 -8
- package/src/lib/Log.test.ts +4 -4
- package/src/lib/Log.ts +7 -7
- package/src/lib/Shell.mock.ts +2 -2
- package/src/lib/Shell.ts +2 -2
- package/src/lib/Template.ts +19 -16
- package/src/lib/utils/app.ts +2 -2
- package/src/lib/utils/edit.ts +2 -2
- package/src/lib/utils/paths.ts +15 -7
- package/src/plugins/LocalFirst.ts +9 -0
- package/src/plugins/Plugin.ts +10 -28
- package/src/plugins/Solid.ts +14 -21
- package/src/plugins/Soukai.ts +5 -5
- package/src/testing/setup.ts +30 -31
- package/templates/app/.github/workflows/ci.yml +4 -4
- package/templates/app/.nvmrc +1 -1
- package/templates/app/.vscode/launch.json +1 -0
- package/templates/app/cypress/tsconfig.json +7 -8
- package/templates/app/index.html +2 -2
- package/templates/app/package.json +19 -18
- package/templates/app/src/App.vue +3 -3
- package/templates/app/src/assets/css/main.css +4 -0
- package/templates/app/src/main.ts +1 -1
- package/templates/app/tsconfig.json +3 -10
- package/templates/app/vite.config.ts +6 -4
- package/templates/component-button/[component.name].vue +2 -2
- package/templates/component-checkbox/[component.name].vue +34 -0
- package/templates/component-checkbox-story/[component.name].story.vue +63 -0
- package/templates/component-input/[component.name].vue +6 -5
- package/templates/component-input-story/[component.name].story.vue +4 -4
- package/templates/service/[service.name].ts +1 -1
- package/.prettierignore +0 -1
- package/dist/aerogel-cli.cjs.js +0 -2
- package/dist/aerogel-cli.cjs.js.map +0 -1
- package/dist/aerogel-cli.esm.js +0 -2
- package/dist/aerogel-cli.esm.js.map +0 -1
- package/src/commands/generate-overrides.ts +0 -85
- package/src/plugins/Histoire.ts +0 -105
- package/templates/app/postcss.config.js +0 -6
- package/templates/app/src/assets/css/styles.css +0 -3
- package/templates/app/tailwind.config.js +0 -5
- package/templates/histoire/histoire.config.ts +0 -7
- package/templates/histoire/patches/histoire+0.17.6.patch +0 -13
- package/templates/histoire/src/main.histoire.ts +0 -8
- package/templates/overrides/components/index.ts +0 -15
- package/templates/overrides/components/overrides/AlertModal.vue +0 -11
- package/templates/overrides/components/overrides/ConfirmModal.vue +0 -20
- package/templates/overrides/components/overrides/ErrorReportModal.vue +0 -35
- package/templates/overrides/components/overrides/LoadingModal.vue +0 -12
- package/templates/overrides/components/overrides/ModalWrapper.vue +0 -22
- package/templates/overrides/components/overrides/SnackbarNotification.vue +0 -34
- package/templates/overrides-story/Overrides.story.vue +0 -86
- package/templates/postcss-pseudo-classes/postcss.config.js +0 -15
- package/tsconfig.json +0 -11
- package/vite.config.ts +0 -14
- /package/src/{main.ts → index.ts} +0 -0
package/src/plugins/Soukai.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import Plugin from '
|
|
2
|
-
import Shell from '
|
|
1
|
+
import Plugin from '@aerogel/cli/plugins/Plugin';
|
|
2
|
+
import Shell from '@aerogel/cli/lib/Shell';
|
|
3
3
|
|
|
4
|
-
export class Soukai extends Plugin {
|
|
4
|
+
export default class Soukai extends Plugin {
|
|
5
5
|
|
|
6
6
|
constructor() {
|
|
7
7
|
super('soukai');
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
protected async installNpmDependencies(): Promise<void> {
|
|
10
|
+
protected override async installNpmDependencies(): Promise<void> {
|
|
11
11
|
await Shell.run('npm install soukai@next --save-exact');
|
|
12
12
|
await super.installNpmDependencies();
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
protected getBootstrapConfig(): string {
|
|
15
|
+
protected override getBootstrapConfig(): string {
|
|
16
16
|
return 'soukai({ models: import.meta.glob(\'@/models/*\', { eager: true }) })';
|
|
17
17
|
}
|
|
18
18
|
|
package/src/testing/setup.ts
CHANGED
|
@@ -1,31 +1,36 @@
|
|
|
1
|
-
import { beforeEach, vi } from 'vitest';
|
|
2
|
-
import { resolve } from 'path';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import { beforeAll, beforeEach, vi } from 'vitest';
|
|
2
|
+
import { resolve } from 'node:path';
|
|
3
|
+
import { setupFacadeMocks } from '@noeldemartin/testing';
|
|
4
|
+
|
|
5
|
+
import ShellMock from '@aerogel/cli/lib/Shell.mock';
|
|
6
|
+
import File from '@aerogel/cli/lib/File';
|
|
7
|
+
import FileMock from '@aerogel/cli/lib/File.mock';
|
|
8
|
+
import Log from '@aerogel/cli/lib/Log';
|
|
9
|
+
import LogMock from '@aerogel/cli/lib/Log.mock';
|
|
10
|
+
import Shell from '@aerogel/cli/lib/Shell';
|
|
11
|
+
|
|
12
|
+
beforeAll(() => {
|
|
13
|
+
File.setMockFacade(FileMock);
|
|
14
|
+
Log.setMockFacade(LogMock);
|
|
15
|
+
Shell.setMockFacade(ShellMock);
|
|
16
|
+
});
|
|
17
17
|
|
|
18
18
|
beforeEach(() => {
|
|
19
|
-
FileMock.reset();
|
|
20
|
-
LogMock.reset();
|
|
21
|
-
|
|
22
19
|
File.mock();
|
|
23
20
|
Log.mock();
|
|
24
21
|
Shell.mock();
|
|
25
22
|
});
|
|
26
23
|
|
|
27
|
-
vi.mock('
|
|
28
|
-
const original = (await vi.importActual('
|
|
24
|
+
vi.mock('@noeldemartin/utils', async () => {
|
|
25
|
+
const original = (await vi.importActual('@noeldemartin/utils')) as object;
|
|
26
|
+
|
|
27
|
+
setupFacadeMocks();
|
|
28
|
+
|
|
29
|
+
return original;
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
vi.mock('@aerogel/cli/lib/utils/app', async () => {
|
|
33
|
+
const original = (await vi.importActual('@aerogel/cli/lib/utils/app')) as object;
|
|
29
34
|
|
|
30
35
|
return {
|
|
31
36
|
...original,
|
|
@@ -34,8 +39,8 @@ vi.mock('@/lib/utils/app', async () => {
|
|
|
34
39
|
};
|
|
35
40
|
});
|
|
36
41
|
|
|
37
|
-
vi.mock('
|
|
38
|
-
const original = (await vi.importActual('
|
|
42
|
+
vi.mock('@aerogel/cli/lib/utils/edit', async () => {
|
|
43
|
+
const original = (await vi.importActual('@aerogel/cli/lib/utils/edit')) as object;
|
|
39
44
|
|
|
40
45
|
return {
|
|
41
46
|
...original,
|
|
@@ -44,8 +49,8 @@ vi.mock('@/lib/utils/edit', async () => {
|
|
|
44
49
|
});
|
|
45
50
|
|
|
46
51
|
// TODO find out why these need to be mocked
|
|
47
|
-
vi.mock('
|
|
48
|
-
const original = (await vi.importActual('
|
|
52
|
+
vi.mock('@aerogel/cli/lib/utils/paths', async () => {
|
|
53
|
+
const original = (await vi.importActual('@aerogel/cli/lib/utils/paths')) as object;
|
|
49
54
|
|
|
50
55
|
function basePath(path: string = '') {
|
|
51
56
|
return resolve(__dirname, '../../', path);
|
|
@@ -66,9 +71,3 @@ vi.mock('@/lib/utils/paths', async () => {
|
|
|
66
71
|
templatePath,
|
|
67
72
|
};
|
|
68
73
|
});
|
|
69
|
-
|
|
70
|
-
vi.mock('mustache', async () => {
|
|
71
|
-
const mustache = (await vi.importActual('mustache')) as { default: unknown };
|
|
72
|
-
|
|
73
|
-
return mustache.default;
|
|
74
|
-
});
|
|
@@ -6,8 +6,8 @@ jobs:
|
|
|
6
6
|
ci:
|
|
7
7
|
runs-on: ubuntu-latest
|
|
8
8
|
steps:
|
|
9
|
-
- uses: actions/checkout@
|
|
10
|
-
- uses: actions/setup-node@
|
|
9
|
+
- uses: actions/checkout@v4
|
|
10
|
+
- uses: actions/setup-node@v4
|
|
11
11
|
with:
|
|
12
12
|
node-version-file: '.nvmrc'
|
|
13
13
|
- run: npm ci
|
|
@@ -16,13 +16,13 @@ jobs:
|
|
|
16
16
|
- run: npm run test:ci
|
|
17
17
|
- run: npm run cy:test-snapshots:ci
|
|
18
18
|
- name: Upload Cypress screenshots
|
|
19
|
-
uses: actions/upload-artifact@
|
|
19
|
+
uses: actions/upload-artifact@v4
|
|
20
20
|
if: ${{ failure() }}
|
|
21
21
|
with:
|
|
22
22
|
name: cypress_screenshots
|
|
23
23
|
path: cypress/screenshots
|
|
24
24
|
- name: Upload Cypress snapshots
|
|
25
|
-
uses: actions/upload-artifact@
|
|
25
|
+
uses: actions/upload-artifact@v4
|
|
26
26
|
if: ${{ failure() }}
|
|
27
27
|
with:
|
|
28
28
|
name: cypress_snapshots
|
package/templates/app/.nvmrc
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
v22.9.0
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
+
"extends": "@tsconfig/node22/tsconfig.json",
|
|
3
|
+
"include": ["**/*.ts"],
|
|
2
4
|
"compilerOptions": {
|
|
3
|
-
"target": "es5",
|
|
4
|
-
"lib": ["es5", "dom"],
|
|
5
|
-
"types": ["cypress", "node"],
|
|
6
5
|
"baseUrl": ".",
|
|
7
|
-
"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
"module": "ESNext",
|
|
7
|
+
"moduleResolution": "Bundler",
|
|
8
|
+
"lib": ["DOM"],
|
|
9
|
+
"types": ["node", "cypress"]
|
|
10
|
+
}
|
|
12
11
|
}
|
package/templates/app/index.html
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html lang="en" class="
|
|
2
|
+
<html lang="en" class="size-full">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>{{ app.name }}</title>
|
|
7
7
|
{{ socialMeta() }}
|
|
8
8
|
</head>
|
|
9
|
-
<body class="
|
|
9
|
+
<body class="size-full text-base font-normal leading-tight text-gray-900 antialiased">
|
|
10
10
|
<div id="app" class="loading h-full"></div>
|
|
11
11
|
<script type="module" src="./src/main.ts"></script>
|
|
12
12
|
</body>
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
"name": "<% app.slug %>",
|
|
3
3
|
"version": "0.0.0",
|
|
4
4
|
"private": true,
|
|
5
|
+
"type": "module",
|
|
5
6
|
"scripts": {
|
|
6
7
|
"build": "vite build",
|
|
7
8
|
"cy:dev": "concurrently --kill-others \"npm run test:serve-app\" \"npm run cy:open\"",
|
|
@@ -11,23 +12,23 @@
|
|
|
11
12
|
"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\"",
|
|
12
13
|
"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\"",
|
|
13
14
|
"dev": "vite",
|
|
14
|
-
"lint": "noeldemartin-lint src",
|
|
15
|
+
"lint": "noeldemartin-lint src cypress",
|
|
15
16
|
"test": "vitest --run",
|
|
16
17
|
"test:ci": "vitest --run --reporter verbose",
|
|
17
|
-
"test:serve-app": "vite --port 5001"
|
|
18
|
+
"test:serve-app": "vite --port 5001 --mode testing"
|
|
18
19
|
},
|
|
19
20
|
"dependencies": {
|
|
20
21
|
"@aerogel/core": "<% &dependencies.aerogelCore %>",
|
|
21
22
|
"@aerogel/plugin-i18n": "<% &dependencies.aerogelPluginI18n %>",
|
|
22
23
|
"@aerogel/plugin-soukai": "<% &dependencies.aerogelPluginSoukai %>",
|
|
23
|
-
"@intlify/unplugin-vue-i18n": "^0.
|
|
24
|
+
"@intlify/unplugin-vue-i18n": "^6.0.5",
|
|
24
25
|
"@noeldemartin/utils": "next",
|
|
25
|
-
"@tailwindcss/forms": "^0.5.
|
|
26
|
-
"@tailwindcss/typography": "^0.5.
|
|
26
|
+
"@tailwindcss/forms": "^0.5.10",
|
|
27
|
+
"@tailwindcss/typography": "^0.5.16",
|
|
27
28
|
"soukai": "next",
|
|
28
|
-
"tailwindcss": "^
|
|
29
|
-
"vue": "^3.
|
|
30
|
-
"vue-i18n": "
|
|
29
|
+
"tailwindcss": "^4.1.1",
|
|
30
|
+
"vue": "^3.5.13",
|
|
31
|
+
"vue-i18n": "^11.1.2"
|
|
31
32
|
},
|
|
32
33
|
"devDependencies": {
|
|
33
34
|
"@aerogel/cli": "<% &dependencies.aerogelCli %>",
|
|
@@ -37,20 +38,20 @@
|
|
|
37
38
|
"@noeldemartin/eslint-config-vue": "next",
|
|
38
39
|
"@noeldemartin/scripts": "next",
|
|
39
40
|
"@total-typescript/ts-reset": "^0.4.2",
|
|
41
|
+
"@tsconfig/node22": "^22.0.1",
|
|
40
42
|
"@types/node": "^20.3.1",
|
|
43
|
+
"@vue/tsconfig": "^0.7.0",
|
|
41
44
|
"autoprefixer": "^10.4.14",
|
|
42
45
|
"concurrently": "^8.2.0",
|
|
43
|
-
"cypress": "^
|
|
44
|
-
"
|
|
45
|
-
"prettier": "^2.8.8",
|
|
46
|
-
"prettier-eslint-cli": "^7.1.0",
|
|
47
|
-
"prettier-plugin-tailwindcss": "^0.2.8",
|
|
46
|
+
"cypress": "^14.2.0",
|
|
47
|
+
"prettier-plugin-tailwindcss": "^0.6.11",
|
|
48
48
|
"start-server-and-test": "^2.0.0",
|
|
49
|
+
"typescript": "^5.8.2",
|
|
49
50
|
"unplugin-icons": "^0.16.3",
|
|
50
51
|
"unplugin-vue-components": "^0.24.1",
|
|
51
|
-
"vite": "^
|
|
52
|
-
"vitest": "^0.
|
|
53
|
-
"vue-tsc": "^
|
|
52
|
+
"vite": "^6.2.2",
|
|
53
|
+
"vitest": "^3.0.9",
|
|
54
|
+
"vue-tsc": "^2.2.8"
|
|
54
55
|
},
|
|
55
56
|
"eslintConfig": {
|
|
56
57
|
"extends": [
|
|
@@ -58,9 +59,9 @@
|
|
|
58
59
|
]
|
|
59
60
|
},
|
|
60
61
|
"prettier": {
|
|
62
|
+
"printWidth": 120,
|
|
61
63
|
"plugins": [
|
|
62
64
|
"prettier-plugin-tailwindcss"
|
|
63
|
-
]
|
|
64
|
-
"printWidth": 120
|
|
65
|
+
]
|
|
65
66
|
}
|
|
66
67
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<main class="flex
|
|
2
|
+
<AppLayout class="bg-blue-50">
|
|
3
|
+
<main class="flex grow flex-col items-center justify-center">
|
|
4
4
|
<h1 class="text-4xl font-semibold">
|
|
5
5
|
{{ $t('home.title') }}
|
|
6
6
|
</h1>
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
{{ $t('home.getStarted') }}
|
|
9
9
|
</a>
|
|
10
10
|
</main>
|
|
11
|
-
</
|
|
11
|
+
</AppLayout>
|
|
12
12
|
</template>
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
+
"extends": "@vue/tsconfig/tsconfig.dom.json",
|
|
2
3
|
"compilerOptions": {
|
|
3
|
-
"target": "esnext",
|
|
4
|
-
"module": "esnext",
|
|
5
|
-
"moduleResolution": "node",
|
|
6
|
-
"strict": true,
|
|
7
|
-
"jsx": "preserve",
|
|
8
|
-
"noUncheckedIndexedAccess": true,
|
|
9
|
-
"skipLibCheck": true,
|
|
10
|
-
"resolveJsonModule": true,
|
|
11
|
-
"esModuleInterop": true,
|
|
12
|
-
"lib": ["esnext", "dom"],
|
|
13
4
|
"baseUrl": ".",
|
|
5
|
+
"module": "ESNext",
|
|
6
|
+
"moduleResolution": "Bundler",
|
|
14
7
|
"paths": {
|
|
15
8
|
"@/*": ["./src/*"]
|
|
16
9
|
}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
+
import { URL, fileURLToPath } from 'node:url';
|
|
2
|
+
|
|
1
3
|
import Aerogel, { AerogelResolver } from '@aerogel/vite';
|
|
2
4
|
import Components from 'unplugin-vue-components/vite';
|
|
3
5
|
import I18n from '@intlify/unplugin-vue-i18n/vite';
|
|
4
6
|
import Icons from 'unplugin-icons/vite';
|
|
5
7
|
import IconsResolver from 'unplugin-icons/resolver';
|
|
6
8
|
import { defineConfig } from 'vitest/config';
|
|
7
|
-
import { resolve } from 'path';
|
|
8
9
|
|
|
9
10
|
export default defineConfig({
|
|
10
|
-
|
|
11
|
+
build: { sourcemap: true },
|
|
12
|
+
publicDir: fileURLToPath(new URL('./src/assets/public/', import.meta.url)),
|
|
11
13
|
plugins: [
|
|
12
14
|
Aerogel({ name: '<% app.name %>' }),
|
|
13
15
|
Components({
|
|
14
16
|
dts: false,
|
|
15
17
|
resolvers: [AerogelResolver(), IconsResolver()],
|
|
16
18
|
}),
|
|
17
|
-
I18n({ include:
|
|
19
|
+
I18n({ include: fileURLToPath(new URL('./src/lang/**/*.yaml', import.meta.url)) }),
|
|
18
20
|
Icons({
|
|
19
21
|
iconCustomizer(_, __, props) {
|
|
20
22
|
props['aria-hidden'] = 'true';
|
|
@@ -23,7 +25,7 @@ export default defineConfig({
|
|
|
23
25
|
],
|
|
24
26
|
resolve: {
|
|
25
27
|
alias: {
|
|
26
|
-
'@':
|
|
28
|
+
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
27
29
|
},
|
|
28
30
|
},
|
|
29
31
|
});
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<HeadlessInput
|
|
3
|
+
ref="$input"
|
|
4
|
+
:name="name"
|
|
5
|
+
:class="className"
|
|
6
|
+
:label="label"
|
|
7
|
+
>
|
|
8
|
+
<HeadlessInputInput
|
|
9
|
+
v-bind="attrs"
|
|
10
|
+
type="checkbox"
|
|
11
|
+
/>
|
|
12
|
+
<div v-if="$slots.default">
|
|
13
|
+
<HeadlessInputLabel>
|
|
14
|
+
<slot />
|
|
15
|
+
</HeadlessInputLabel>
|
|
16
|
+
<HeadlessInputError />
|
|
17
|
+
</div>
|
|
18
|
+
</HeadlessInput>
|
|
19
|
+
</template>
|
|
20
|
+
|
|
21
|
+
<script setup lang="ts">
|
|
22
|
+
import { HeadlessInputLabel, componentRef, stringProp, useInputAttrs } from '@aerogel/core';
|
|
23
|
+
import type { IHeadlessInput } from '@aerogel/core';
|
|
24
|
+
|
|
25
|
+
defineOptions({ inheritAttrs: false });
|
|
26
|
+
defineProps({
|
|
27
|
+
name: stringProp(),
|
|
28
|
+
label: stringProp(),
|
|
29
|
+
inputClass: stringProp(''),
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
const $input = componentRef<IHeadlessInput>();
|
|
33
|
+
const [attrs, className] = useInputAttrs();
|
|
34
|
+
</script>
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<Story group="base" :layout="{ type: 'grid' }">
|
|
3
|
+
<Variant title="Playground">
|
|
4
|
+
<Form :form="form" class="m-1">
|
|
5
|
+
<<% component.name %> name="accept" :form="form">
|
|
6
|
+
{{ label }}
|
|
7
|
+
</<% component.name %>>
|
|
8
|
+
</Form>
|
|
9
|
+
|
|
10
|
+
<template #controls>
|
|
11
|
+
<HstText v-model="label" title="Label" />
|
|
12
|
+
</template>
|
|
13
|
+
</Variant>
|
|
14
|
+
|
|
15
|
+
<Variant title="Default">
|
|
16
|
+
<<% component.name %> class="m-1">
|
|
17
|
+
Accept Terms & Conditions
|
|
18
|
+
</<% component.name %>>
|
|
19
|
+
</Variant>
|
|
20
|
+
|
|
21
|
+
<Variant title="Hover">
|
|
22
|
+
<<% component.name %> class="m-1" input-class=":hover">
|
|
23
|
+
Accept Terms & Conditions
|
|
24
|
+
</<% component.name %>>
|
|
25
|
+
</Variant>
|
|
26
|
+
|
|
27
|
+
<Variant title="Focus">
|
|
28
|
+
<<% component.name %> class="m-1" input-class=":focus :focus-visible">
|
|
29
|
+
Accept Terms & Conditions
|
|
30
|
+
</<% component.name %>>
|
|
31
|
+
</Variant>
|
|
32
|
+
|
|
33
|
+
<Variant title="Error">
|
|
34
|
+
<Form :form="errorForm" class="m-1">
|
|
35
|
+
<<% component.name %> name="accept">
|
|
36
|
+
Accept Terms & Conditions
|
|
37
|
+
</<% component.name %>>
|
|
38
|
+
</Form>
|
|
39
|
+
</Variant>
|
|
40
|
+
</Story>
|
|
41
|
+
</template>
|
|
42
|
+
|
|
43
|
+
<script setup lang="ts">
|
|
44
|
+
import { requiredBooleanInput, useForm } from '@aerogel/core';
|
|
45
|
+
import { ref } from 'vue';
|
|
46
|
+
|
|
47
|
+
const form = useForm({ accept: requiredBooleanInput(true) });
|
|
48
|
+
const errorForm = useForm({ accept: requiredBooleanInput() });
|
|
49
|
+
const label = ref('Accept Terms & Conditions');
|
|
50
|
+
|
|
51
|
+
form.submit();
|
|
52
|
+
errorForm.submit();
|
|
53
|
+
</script>
|
|
54
|
+
|
|
55
|
+
<style>
|
|
56
|
+
.story-<% component.slug %> {
|
|
57
|
+
grid-template-columns: repeat(2, 300px) !important;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.story-<% component.slug %> .variant-playground {
|
|
61
|
+
grid-column: 1 / -1;
|
|
62
|
+
}
|
|
63
|
+
</style>
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
<
|
|
6
|
-
|
|
2
|
+
<HeadlessInput v-bind="props">
|
|
3
|
+
<HeadlessInputLabel />
|
|
4
|
+
<HeadlessInputInput v-bind="attrs" />
|
|
5
|
+
<HeadlessInputDescription />
|
|
6
|
+
<HeadlessInputError />
|
|
7
|
+
</HeadlessInput>
|
|
7
8
|
</template>
|
|
8
9
|
|
|
9
10
|
<script setup lang="ts">
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<Story :layout="{ type: 'grid' }">
|
|
3
3
|
<Variant title="Playground">
|
|
4
|
-
<
|
|
4
|
+
<Form :form="form">
|
|
5
5
|
<<% component.name %> name="food" :label="label" :placeholder="placeholder" />
|
|
6
|
-
</
|
|
6
|
+
</Form>
|
|
7
7
|
|
|
8
8
|
<template #controls>
|
|
9
9
|
<HstText v-model="label" title="Label" />
|
|
@@ -25,14 +25,14 @@
|
|
|
25
25
|
</Variant>
|
|
26
26
|
|
|
27
27
|
<Variant title="Error">
|
|
28
|
-
<
|
|
28
|
+
<Form :form="errorForm">
|
|
29
29
|
<<% component.name %>
|
|
30
30
|
name="food"
|
|
31
31
|
label="What's the best food?"
|
|
32
32
|
placeholder="Ramen"
|
|
33
33
|
class=":focus :focus-visible"
|
|
34
34
|
/>
|
|
35
|
-
</
|
|
35
|
+
</Form>
|
|
36
36
|
</Variant>
|
|
37
37
|
</Story>
|
|
38
38
|
</template>
|
package/.prettierignore
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
templates
|
package/dist/aerogel-cli.cjs.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("commander"),t=require("@noeldemartin/utils"),s=require("path"),i=require("fs"),n=require("@babel/runtime/helpers/defineProperty");require("core-js/modules/esnext.async-iterator.reduce.js"),require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.reduce.js"),require("core-js/modules/esnext.async-iterator.for-each.js"),require("core-js/modules/esnext.iterator.for-each.js"),require("core-js/modules/esnext.async-iterator.find.js"),require("core-js/modules/esnext.iterator.find.js"),require("core-js/modules/esnext.async-iterator.map.js"),require("core-js/modules/esnext.iterator.map.js");var a=require("chalk"),r=require("readline"),o=require("mustache");require("core-js/modules/esnext.set.add-all.js"),require("core-js/modules/esnext.set.delete-all.js"),require("core-js/modules/esnext.set.difference.js"),require("core-js/modules/esnext.set.every.js"),require("core-js/modules/esnext.set.filter.js"),require("core-js/modules/esnext.set.find.js"),require("core-js/modules/esnext.set.intersection.js"),require("core-js/modules/esnext.set.is-disjoint-from.js"),require("core-js/modules/esnext.set.is-subset-of.js"),require("core-js/modules/esnext.set.is-superset-of.js"),require("core-js/modules/esnext.set.join.js"),require("core-js/modules/esnext.set.map.js"),require("core-js/modules/esnext.set.reduce.js"),require("core-js/modules/esnext.set.some.js"),require("core-js/modules/esnext.set.symmetric-difference.js"),require("core-js/modules/esnext.set.union.js");var l=require("ts-morph"),c=require("child_process");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("core-js/modules/esnext.async-iterator.some.js"),require("core-js/modules/esnext.iterator.some.js");var p=d(n);var u=t.facade(new class{contains(e,t){return!!this.read(e)?.includes(t)}exists(e){return i.existsSync(e)}isSymlink(e){return i.lstatSync(e).isSymbolicLink()}read(e){return this.isFile(e)?i.readFileSync(e).toString():null}getFiles(e){const t=i.readdirSync(e,{withFileTypes:!0}),n=[];for(const i of t){const t=s.resolve(e,i.name);i.isDirectory()?n.push(...this.getFiles(t)):n.push(t)}return n}isDirectory(e){return this.exists(e)&&i.lstatSync(e).isDirectory()}isFile(e){return this.exists(e)&&i.lstatSync(e).isFile()}isEmptyDirectory(e){return!!this.isDirectory(e)&&0===this.getFiles(e).length}makeDirectory(e){i.mkdirSync(e,{recursive:!0})}write(e,t){i.existsSync(s.dirname(e))||i.mkdirSync(s.dirname(e),{recursive:!0}),i.writeFileSync(e,t)}});var m=t.facade(new class{constructor(){p.default(this,"renderInfo",a.hex("#00ffff")),p.default(this,"renderSuccess",a.hex("#00ff00")),p.default(this,"renderError",a.hex("#ff0000"))}async animate(e,t){var s=this;const i=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const a=s.renderInfo(s.renderMarkdown(e)+(i?"...":".".repeat(n%4)))+t;s.stdout(a)};let n=0;i();const a=setInterval((()=>(n++,i())),1e3),r=await t();return clearInterval(a),i("\n",!0),r}info(e){this.log(this.renderMarkdown(e),this.renderInfo)}error(e){this.log(this.renderMarkdown(e),this.renderError)}fail(e){this.error(e),process.exit(1)}success(e){this.log(this.renderMarkdown(e),this.renderSuccess)}renderMarkdown(e){const s=t.stringMatchAll(e,/\*\*(.*)\*\*/g);for(const t of s)e=e.replace(t[0],a.bold(t[1]));return e}log(e,t){this.formatMessage(e).forEach((e=>{this.logLine(t?t(e):e)}))}formatMessage(e){if("\n"===e[0]){const t=(e=e.slice(1).trimEnd()).split("\n"),s=e.trim()[0]??"",i=t.find((e=>e.trim().length>0))?.indexOf(s)??0;return t.map((e=>e.slice(i)))}return[e]}logLine(e){console.log(e)}stdout(e){r.cursorTo(process.stdout,0),r.clearLine(process.stdout,0),process.stdout.write(e)}});class g{static instantiate(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"./",s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return new g(e).instantiate(t,s)}constructor(e){p.default(this,"path",void 0),this.path=e}instantiate(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=this.getFilenameReplacements(t),n=[];e=`${e}/`.replace(/\/\//,"/");for(const a of u.getFiles(this.path)){const r=Object.entries(s).reduce(((e,t)=>{let[s,i]=t;return e.replaceAll(s,i)}),a.substring(this.path.length+1)),l=i.readFileSync(a).toString(),c=e+(r.endsWith(".template")?r.slice(0,-9):r);u.write(c,o.render(l,t,void 0,["<%","%>"])),n.push(c)}return n}getFilenameReplacements(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).reduce(((e,i)=>{let[n,a]=i;return"object"==typeof a?Object.assign(e,this.getFilenameReplacements(a,`${n}.`)):e[`[${s}${n}]`]=t.toString(a),e}),{})}}function h(e){return m.fail(`Could not find ${e} pack file, did you run 'npm pack'?`)}function f(e){return u.getFiles(y(e)).find((e=>e.endsWith(".tgz")))??null}function y(e){return function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(u.contains(s.resolve(__dirname,"../../../package.json"),'"name": "aerogel"'))return s.resolve(__dirname,"../",e);const i=u.read(s.resolve(__dirname,"../../../../package.json")),n=t.stringMatch(i??"",/"@aerogel\/core": "file:(.*)\/aerogel-core-[\d.]*\.tgz"/),a=n?.[1]??m.fail("Could not determine base path");return s.resolve(a,e)}(`../${e}`)}function v(e){return s.resolve(__dirname,`../templates/${e}`)}var w=t.facade(new class{constructor(){p.default(this,"cwd",null)}setWorkingDirectory(e){this.cwd=e}async run(e){await new Promise(((t,s)=>{c.exec(e,{cwd:this.cwd??void 0},(e=>{e?s(e):t()}))}))}});class j{constructor(){p.default(this,"project",void 0),p.default(this,"modifiedFiles",void 0),this.project=new l.Project({tsConfigFilePath:"tsconfig.json"}),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")}addSourceFile(e){this.project.addSourceFilesAtPaths(e)}requireSourceFile(e){return this.project.getSourceFileOrThrow(e)}async format(){await m.animate("Formatting modified files",(async()=>{const e=u.exists("prettier.config.js")||u.contains("package.json",'"prettier": {'),s=u.exists(".eslintrc.js")||u.contains("package.json",'"eslintConfig"'),i=u.contains("package.json",'"prettier-eslint-cli"')?e=>w.run(`npx prettier-eslint ${e} --write`):async t=>{e&&await w.run(`npx prettier ${t} --write`),t.match(/\.(ts|js|vue)$/)&&s&&await w.run(`npx eslint ${t} --fix`)};await Promise.all(t.arrayFrom(this.modifiedFiles).map((async e=>i(e))))}))}async save(e){await e.save(),this.addModifiedFile(e.getFilePath())}addModifiedFile(e){this.modifiedFiles.add(e)}}class x{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};p.default(this,"name",void 0),p.default(this,"options",void 0),this.name=e,this.options=t}create(e){!u.exists(e)||u.isDirectory(e)&&u.isEmptyDirectory(e)||m.fail(`Folder at '${e}' already exists!`),g.instantiate(v("app"),e,{app:{name:this.name,slug:t.stringToSlug(this.name)},dependencies:this.getDependencies(),contentPath:this.options.linkedLocal?`${y("core")}/dist/**/*.js`:"./node_modules/@aerogel/core/dist/**/*.js"})}edit(){return new j}getDependencies(){const e=e=>Object.entries(e).reduce(((e,t)=>{let[s,i]=t;return Object.assign(e,{[s]:`file:${i}`})}),{});return this.options.linkedLocal?e({aerogelCli:y("cli"),aerogelCore:y("core"),aerogelCypress:y("cypress"),aerogelPluginI18n:y("plugin-i18n"),aerogelPluginSoukai:y("plugin-soukai"),aerogelVite:y("vite")}):this.options.local?e({aerogelCli:f("cli")??h("cli"),aerogelCore:f("core")??h("core"),aerogelCypress:f("cypress")??h("cypress"),aerogelPluginI18n:f("plugin-i18n")??h("plugin-i18n"),aerogelPluginSoukai:f("plugin-soukai")??h("plugin-soukai"),aerogelVite:f("vite")??h("vite")}):{aerogelCli:"next",aerogelCore:"next",aerogelCypress:"next",aerogelPluginI18n:"next",aerogelPluginSoukai:"next",aerogelVite:"next"}}}class S{static define(e){var t=this;e=e.command(this.command).description(this.description);for(const[t,s]of this.parameters)e=e.argument(`<${t}>`,s);for(const[t,s]of Object.entries(this.options)){const i="string"==typeof s?s:s.description,n="string"==typeof s?"string":s.type??"string";e=e.option("boolean"===n?`--${t}`:`--${t} <${n}>`,i)}e=e.action((function(){for(var e=arguments.length,s=new Array(e),i=0;i<e;i++)s[i]=arguments[i];return t.run.call(t,...s)}))}static async run(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];const i=new this(...t);await i.validate(),await i.run()}async validate(){}async run(){}assertAerogelOrDirectory(e){const t=u.read("package.json");if(t?.includes("@aerogel/core"))return;if(e&&u.isDirectory(e))return;const s=e?`${e} folder does not exist.`:"package.json does not contain @aerogel/core.";m.fail(`${s} Are you sure this is an Aerogel app?`)}}p.default(S,"command",""),p.default(S,"description",""),p.default(S,"parameters",[]),p.default(S,"options",{});class k extends S{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),p.default(this,"path",void 0),p.default(this,"options",void 0),this.path=e,this.options=t}async run(){const e=this.path,i=this.options.name??t.stringToTitleCase(s.basename(e));w.setWorkingDirectory(e),await this.createApp(i,e),await this.installDependencies(),await this.initializeGit(),m.success(`\n\n That's it! You can start working on **${i}** doing the following:\n\n cd ${e}\n npm run dev\n\n Have fun!\n `)}async createApp(e,t){m.info(`Creating **${e}**...`),new x(e,{local:this.options.local,linkedLocal:this.options.local&&!this.options.copy}).create(t)}async installDependencies(){await m.animate("Installing dependencies",(async()=>{await w.run("npm install")}))}async initializeGit(){await m.animate("Initializing git",(async()=>{await w.run("git init"),await w.run("git add ."),await w.run('git commit -m "Start"')}))}}function C(){return new x("")}function $(){return u.isSymlink("node_modules/@aerogel/core")}function F(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return;const i=s.guard??(()=>!0),n=s.validate??(()=>!0),a=t.arrayFrom(s.skip??[]);return e.forEachDescendant(((e,t)=>{if(i(e)&&n(e))return e;const s=e.getKind();a.includes(s)&&t.skip()}))}function P(e,t){if(e&&t(e))return e}p.default(k,"command","create"),p.default(k,"description","Create AerogelJS app"),p.default(k,"parameters",[["path","Application path"]]),p.default(k,"options",{name:"Application name",local:{type:"boolean",description:"Whether to create an app using local Aerogel packages (used for core development)"},copy:{type:"boolean",description:"Whether to create an app linked to local Aerogel packages (used in CI)"}});class b extends S{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),p.default(this,"path",void 0),p.default(this,"options",void 0),this.path=e,this.options=t}async validate(){this.options.button&&this.options.input&&m.fail("Cannot use both 'button' and 'input' flags!")}async run(){this.assertAerogelOrDirectory("src/components"),this.assertHistoireInstalled();const e=new Set,[s,i]=this.parsePathComponents();await this.createComponent(s,i,e),await this.createStory(s,i,e),await this.declareComponents();const n=t.arrayFrom(e).map((e=>`- ${e}`)).join("\n");m.info(`${i} component created successfully! The following files were created:\n\n${n}`)}assertHistoireInstalled(){this.options.story&&(u.contains("package.json",'"histoire"')||u.contains("package.json",'"@aerogel/histoire"')||m.fail("\n Histoire is not installed yet! You can install it running:\n npx gel install histoire\n "))}async createComponent(e,s,i){await m.animate("Creating component",(async()=>{u.exists(`src/components/${this.path}.vue`)&&m.fail(`${this.path} component already exists!`);const n=this.options.input?"component-input":this.options.button?"component-button":"component";g.instantiate(v(n),`src/components/${e}`,{component:{name:s,slug:t.stringToSlug(s)}}).forEach((e=>i.add(e)))}))}async createStory(e,s,i){this.options.story&&await m.animate("Creating story",(async()=>{const n=this.options.input?"component-input-story":this.options.button?"component-button-story":"component-story";g.instantiate(v(n),`src/components/${e}`,{component:{name:s,slug:t.stringToSlug(s)}}).forEach((e=>i.add(e)))}))}async declareComponents(){const e=C().edit(),t=e.requireSourceFile("vite.config.ts"),s=this.getComponentDirsArray(t);if(!s)return m.fail("Could not find component dirs declaration in vite config!");s.getDescendantsOfKind(l.SyntaxKind.StringLiteral).some((e=>"'src/components'"===e.getText()))||(await m.animate("Updating vite config",(async()=>{s.addElement("'src/components'"),await e.save(t)})),await e.format())}getComponentDirsArray(e){const t=F(e,{guard:l.Node.isCallExpression,validate:e=>e.getText().startsWith("Components("),skip:l.SyntaxKind.ImportDeclaration});if(!t)return null;const s=F(t,{guard:l.Node.isPropertyAssignment,validate:e=>"dirs"===e.getName()}),i=s?.getInitializer();return l.Node.isArrayLiteralExpression(i)?i:this.declareComponentDirsArray(t)}declareComponentDirsArray(e){const t=F(e,{guard:l.Node.isObjectLiteralExpression}),s=t?.addPropertyAssignment({name:"dirs",initializer:"[]"});return s?.getInitializer()??null}parsePathComponents(){const e=this.path.lastIndexOf("/");return-1===e?["",this.path]:[this.path.substring(0,e),this.path.substring(e+1)]}}p.default(b,"command","generate:component"),p.default(b,"description","Generate an AerogelJS Component"),p.default(b,"parameters",[["path","Component path (relative to components folder; extension not necessary)"]]),p.default(b,"options",{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"}});class D extends S{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),p.default(this,"name",void 0),p.default(this,"options",void 0),this.name=e,this.options=t}async run(){this.assertAerogelOrDirectory("src/models"),u.exists(`src/models/${this.name}.ts`)&&m.fail(`${this.name} model already exists!`),this.assertSoukaiInstalled();const e=await m.animate("Creating model",(async()=>g.instantiate(v("model"),"src/models",{model:{name:this.name,fieldsDefinition:this.getFieldsDefinition()},soukaiImports:this.options.fields?"FieldType, defineModelSchema":"defineModelSchema"}).map((e=>`- ${e}`)).join("\n")));m.info(`${this.name} model created successfully! The following files were created:\n\n${e}`)}getFieldsDefinition(){if(!this.options.fields)return" //";const e=this.options.fields.split(",").map((e=>{const[s,i,n]=e.split(":");return{name:s,type:t.stringToStudlyCase(i??"string"),required:"required"===n}})).reduce(((e,s)=>e+`\n${s.required?t.formatCodeBlock(`\n ${s.name}: {\n type: FieldType.${s.type},\n required: true,\n }\n `):`${s.name}: FieldType.${s.type}`},`),"");return t.formatCodeBlock(e,{indent:8})}assertSoukaiInstalled(){u.contains("package.json",'"soukai"')||u.contains("package.json",'"@aerogel/plugin-soukai"')||m.fail("\n Soukai is not installed yet! You can install it running:\n npx gel install soukai\n ")}}p.default(D,"command","generate:model"),p.default(D,"description","Generate an AerogelJS Model"),p.default(D,"parameters",[["name","Model name"]]),p.default(D,"options",{fields:"Create model with the given fields"});class I extends S{constructor(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),p.default(this,"options",void 0),this.options=e}async run(){this.assertAerogelOrDirectory("src/components"),this.assertHistoireInstalled();const e=new Set;await this.createComponents(e),await this.createStory(e);const s=t.arrayFrom(e).map((e=>`- ${e}`)).join("\n");m.info(`Overrides created successfully! The following files were created:\n\n${s}`),m.info("\nRemember to declare your components in main.ts and main.histoire.ts!")}assertHistoireInstalled(){this.options.story&&(u.contains("package.json",'"histoire"')||u.contains("package.json",'"@aerogel/histoire"')||m.fail("\n Histoire is not installed yet! You can install it running:\n npx gel install histoire\n "))}async createComponents(e){await m.animate("Creating components",(async()=>{u.exists("src/components/ModalWrapper.vue")&&m.fail("ModalWrapper component already exists!"),g.instantiate(v("overrides"),"src").forEach((t=>e.add(t)))}))}async createStory(e){this.options.story&&await m.animate("Creating story",(async()=>{g.instantiate(v("overrides-story"),"src/components/overrides/").forEach((t=>e.add(t)))}))}}p.default(I,"command","generate:overrides"),p.default(I,"description","Generate AerogelJS component overrides"),p.default(I,"options",{story:{description:"Create overrides story using Histoire",type:"boolean"}});class A extends S{constructor(e){super(),p.default(this,"name",void 0),this.name=e}async run(){this.assertAerogelOrDirectory("src/services");const e=new Set,s=C().edit();await this.createService(e),await this.registerService(s),await s.format();const i=t.arrayFrom(e).map((e=>`- ${e}`)).join("\n");m.info(`${this.name} service created successfully! The following files were created:\n\n${i}`)}async createService(e){await m.animate("Creating service",(async()=>{u.exists(`src/services/${this.name}.ts`)&&m.fail(`${this.name} service already exists!`);g.instantiate(v("service"),"src/services",{service:{name:this.name}}).forEach((t=>e.add(t)))}))}async registerService(e){await m.animate("Registering service",(async()=>{u.exists("src/services/index.ts")||await this.createServicesIndex(e);const s=e.requireSourceFile("src/services/index.ts"),i=this.getServicesObject(s);if(!i)return m.fail("Could not find services object in services config, please add it manually.");s.addImportDeclaration({defaultImport:this.name,moduleSpecifier:`./${this.name}`}),i.addPropertyAssignment({name:`$${t.stringToCamelCase(this.name)}`,initializer:this.name}),await e.save(s)}))}async createServicesIndex(e){u.write("src/services/index.ts",t.formatCodeBlock("\n export const services = {};\n\n export type AppServices = typeof services;\n\n declare module '@vue/runtime-core' {\n interface ComponentCustomProperties extends AppServices {}\n }\n ")),e.addSourceFile("src/services/index.ts");const s=e.requireSourceFile("src/main.ts"),i=this.getBootstrapOptions(s);if(!i)return m.fail("Could not find options object in bootstrap config, please add the services manually.");i.insertShorthandPropertyAssignment(0,{name:"services"}),s.addImportDeclaration({namedImports:["services"],moduleSpecifier:"./services"}),await e.save(s)}getBootstrapOptions(e){const t=F(e,{guard:l.Node.isCallExpression,validate:e=>"bootstrap"===e.getExpression().getText(),skip:l.SyntaxKind.ImportDeclaration}),s=t?.getArguments()[1];return l.Node.isObjectLiteralExpression(s)?s:null}getServicesObject(e){const t=F(e,{guard:l.Node.isVariableDeclaration,validate:e=>"services"===e.getName()}),s=t?.getInitializer();return l.Node.isObjectLiteralExpression(s)?s:null}}p.default(A,"command","generate:service"),p.default(A,"description","Generate an AerogelJS Service"),p.default(A,"parameters",[["name","Service name"]]);class q{constructor(e){p.default(this,"name",void 0),this.name=e}async install(){this.assertNotInstalled(),await this.beforeInstall(),await this.installDependencies();{const e=C().edit();await this.updateFiles(e),await e.format()}await this.afterInstall(),m.info(`Plugin ${this.name} installed!`)}assertNotInstalled(){u.contains("package.json",`"${this.getNpmPackageName()}"`)&&m.fail(`${this.name} is already installed!`)}async beforeInstall(){}async afterInstall(){}async installDependencies(){await m.animate("Installing plugin dependencies",(async()=>{await this.installNpmDependencies()}))}async updateFiles(e){this.isForDevelopment()||await this.updateBootstrapConfig(e)}async installNpmDependencies(){const e=this.isForDevelopment()?"--save-dev":"";if($())await w.run(`npm install file:${y(this.getLocalPackageName())} ${e}`);else if(u.contains("package.json",'"@aerogel/core": "file:')){const t=f(this.getLocalPackageName())??h(this.getLocalPackageName());await w.run(`npm install file:${t} ${e}`)}else await w.run(`npm install ${this.getNpmPackageName()}@next --save-exact ${e}`)}async updateBootstrapConfig(e){await m.animate("Injecting plugin in bootstrap configuration",(async()=>{const t=e.requireSourceFile("src/main.ts"),s=this.getBootstrapPluginsDeclaration(t);if(!s)return m.fail(`\n Could not find plugins array in bootstrap config, please add the following manually:\n\n ${this.getBootstrapConfig()}\n `);t.addImportDeclaration(this.getBootstrapImport()),s.addElement(this.getBootstrapConfig()),await e.save(t)}))}async updateTailwindConfig(e,t){await m.animate("Updating tailwind configuration",(async()=>{const s=e.requireSourceFile("tailwind.config.js"),i=this.getTailwindContentArray(s);if(!i)return m.fail(`\n Could not find content array in tailwind config, please add the following manually:\n\n ${t.content}\n `);i.addElement(t.content),await e.save(s)}))}getBootstrapPluginsDeclaration(e){const t=F(e,{guard:l.Node.isCallExpression,validate:e=>"bootstrap"===e.getExpression().getText(),skip:l.SyntaxKind.ImportDeclaration}),s=t?.getArguments()[1],i=P(s,l.Node.isObjectLiteralExpression)?.getProperty("plugins"),n=P(i,l.Node.isPropertyAssignment)?.getInitializer();return l.Node.isArrayLiteralExpression(n)?n:null}getTailwindContentArray(e){const t=F(e,{guard:l.Node.isPropertyAssignment,validate:e=>"content"===e.getName(),skip:l.SyntaxKind.JSDoc}),s=t?.getInitializer();return l.Node.isArrayLiteralExpression(s)?s:null}getBootstrapImport(){return{defaultImport:this.name,moduleSpecifier:`@aerogel/plugin-${this.name}`}}getNpmPackageName(){return`@aerogel/${this.getLocalPackageName()}`}getLocalPackageName(){return`plugin-${this.name}`}isForDevelopment(){return!1}getBootstrapConfig(){return`${this.name}()`}}const N=[new class extends q{constructor(){super("soukai")}async installNpmDependencies(){await w.run("npm install soukai@next --save-exact"),await super.installNpmDependencies()}getBootstrapConfig(){return"soukai({ models: import.meta.glob('@/models/*', { eager: true }) })"}},new class extends q{constructor(){super("solid")}async updateFiles(e){await this.updateTailwindConfig(e,{content:$()?`'${y("plugin-solid")}/dist/**/*.js'`:"'./node_modules/@aerogel/plugin-solid/dist/**/*.js'"}),await this.updateNpmScripts(e),await this.updateGitIgnore(),await super.updateFiles(e)}async installNpmDependencies(){await w.run("npm install soukai-solid@next --save-exact"),await w.run("npm install @noeldemartin/solid-utils@next --save-exact"),await w.run("npm install @solid/community-server@7 --save"),await super.installNpmDependencies()}async updateNpmScripts(e){m.info("Updating npm scripts...");const t=u.read("package.json");if(!t)return m.fail("Could not find package.json file");u.write("package.json",t.replace('"cy:dev": "concurrently --kill-others \\"npm run test:serve-app\\" \\"npm run cy:open\\"",','"cy:dev": "concurrently --kill-others \\"npm run test:serve-app\\" \\"npm run test:serve-pod\\" \\"npm run cy:open\\"",').replace('"cy:test": "start-server-and-test test:serve-app http-get://localhost:5001 cy:run",','"cy:test": "start-server-and-test test:serve-app http-get://localhost:5001 test:serve-pod http-get://localhost:3000 cy:run",').replace('"dev": "vite",','"dev": "vite",\n"dev:serve-pod": "community-solid-server -c @css:config/file.json -f ./solid-data",').replace('"test:serve-app": "vite --port 5001"','"test:serve-app": "vite --port 5001",\n"test:serve-pod": "community-solid-server -l warn"')),e.addModifiedFile("package.json")}async updateGitIgnore(){m.info("Updating .gitignore");const e=u.read(".gitignore")??"";u.write(".gitignore",`${e}/solid-data\n`)}},new class extends q{constructor(){super("histoire"),p.default(this,"installedPatchPackage",!1),p.default(this,"installedPostCSSPseudoClasses",!1)}async beforeInstall(){this.installedPatchPackage=!1,this.installedPostCSSPseudoClasses=!1}async afterInstall(){this.installedPatchPackage&&await m.animate("Patching dependencies",(async()=>{await w.run("npx patch-package")}))}async updateFiles(e){await this.updateTailwindConfig(e,{content:$()?`'${y("histoire")}/dist/**/*.js'`:"'./node_modules/@aerogel/histoire/dist/**/*.js'"}),await this.updateNpmScripts(e),await this.createConfigFiles(),await super.updateFiles(e)}async installNpmDependencies(){await w.run("npm install histoire@0.17.6 --save-dev"),u.contains("package.json",'"patch-package"')||(await w.run("npm install patch-package --save-dev"),this.installedPatchPackage=!0),u.contains("package.json",'"postcss-pseudo-classes"')||(await w.run("npm install postcss-pseudo-classes --save-dev"),this.installedPostCSSPseudoClasses=!0),await super.installNpmDependencies()}getLocalPackageName(){return this.name}async updateNpmScripts(e){m.info("Updating npm scripts...");const t=u.read("package.json");if(!t)return m.fail("Could not find package.json file");u.write("package.json",t.replace('"lint": "noeldemartin-lint src",',this.installedPatchPackage?'"histoire": "histoire dev", "lint": "noeldemartin-lint src", "postinstall": "patch-package",':'"histoire": "histoire dev", "lint": "noeldemartin-lint src",')),e.addModifiedFile("package.json")}async createConfigFiles(){m.info("Creating config files..."),g.instantiate(v("histoire")),this.installedPostCSSPseudoClasses&&g.instantiate(v("postcss-pseudo-classes"))}isForDevelopment(){return!0}}].reduce(((e,t)=>Object.assign(e,{[t.name]:t})),{});class E extends S{constructor(e){super(),p.default(this,"plugin",void 0),this.plugin=N[e]??m.fail(`Plugin '${e}' doesn't exist. Available plugins: ${Object.keys(N).join(", ")}`)}async run(){await this.plugin.install()}}p.default(E,"command","install"),p.default(E,"description","Install an AerogelJS plugin"),p.default(E,"parameters",[["plugin","Plugin to install"]]);var O=t.facade(new class{run(t){const s=new e.Command;s.name("gel").description("AerogelJS CLI").version(this.getVersion()),k.define(s),b.define(s),D.define(s),I.define(s),A.define(s),E.define(s),s.parse(t)}getVersion(){const e="Could not find CLI's version, please report this bug.",n=s.resolve(__dirname,"../package.json");if(!i.existsSync(n))throw new Error(e);return JSON.parse(i.readFileSync(n).toString()).version??t.fail(e)}});exports.CLI=O;
|
|
2
|
-
//# sourceMappingURL=aerogel-cli.cjs.js.map
|