@aerogel/cli 0.0.0-next.444e75523f9ddc8b8de7cd36b333f476ef86a46c → 0.0.0-next.44f5953d2450ac149ceabae6448a967b9def9d2a

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.
Files changed (67) hide show
  1. package/bin/gel +1 -1
  2. package/dist/aerogel-cli.d.ts +2 -2
  3. package/dist/aerogel-cli.js +847 -0
  4. package/dist/aerogel-cli.js.map +1 -0
  5. package/package.json +20 -33
  6. package/src/cli.ts +27 -9
  7. package/src/commands/Command.ts +4 -7
  8. package/src/commands/create.test.ts +6 -14
  9. package/src/commands/create.ts +11 -11
  10. package/src/commands/generate-component.test.ts +10 -16
  11. package/src/commands/generate-component.ts +30 -19
  12. package/src/commands/generate-model.test.ts +3 -11
  13. package/src/commands/generate-model.ts +11 -11
  14. package/src/commands/generate-overrides.ts +10 -10
  15. package/src/commands/generate-service.test.ts +4 -12
  16. package/src/commands/generate-service.ts +14 -14
  17. package/src/commands/info.ts +15 -0
  18. package/src/commands/install.test.ts +4 -26
  19. package/src/commands/install.ts +11 -12
  20. package/src/lib/App.ts +9 -6
  21. package/src/lib/Editor.ts +3 -3
  22. package/src/lib/File.mock.ts +7 -11
  23. package/src/lib/File.ts +3 -3
  24. package/src/lib/Log.mock.ts +4 -8
  25. package/src/lib/Log.test.ts +4 -4
  26. package/src/lib/Log.ts +7 -7
  27. package/src/lib/Shell.mock.ts +2 -2
  28. package/src/lib/Shell.ts +2 -2
  29. package/src/lib/Template.ts +19 -16
  30. package/src/lib/utils/app.ts +2 -2
  31. package/src/lib/utils/edit.ts +2 -2
  32. package/src/lib/utils/paths.ts +15 -7
  33. package/src/plugins/Plugin.ts +7 -7
  34. package/src/plugins/Solid.ts +17 -16
  35. package/src/plugins/Soukai.ts +4 -4
  36. package/src/testing/setup.ts +30 -31
  37. package/templates/app/.github/workflows/ci.yml +4 -4
  38. package/templates/app/.nvmrc +1 -1
  39. package/templates/app/cypress/cypress.config.ts +2 -4
  40. package/templates/app/cypress/support/e2e.ts +1 -3
  41. package/templates/app/cypress/tsconfig.json +7 -8
  42. package/templates/app/package.json +12 -12
  43. package/templates/app/postcss.config.js +1 -1
  44. package/templates/app/src/main.ts +2 -2
  45. package/templates/app/tsconfig.json +3 -10
  46. package/templates/app/vite.config.ts +6 -4
  47. package/templates/component-checkbox/[component.name].vue +34 -0
  48. package/templates/component-checkbox-story/[component.name].story.vue +63 -0
  49. package/templates/component-input/[component.name].vue +1 -0
  50. package/templates/overrides/components/overrides/ConfirmModal.vue +3 -3
  51. package/templates/postcss-pseudo-classes/postcss.config.js +1 -1
  52. package/templates/service/[service.name].ts +1 -1
  53. package/.prettierignore +0 -1
  54. package/dist/aerogel-cli.cjs.js +0 -2
  55. package/dist/aerogel-cli.cjs.js.map +0 -1
  56. package/dist/aerogel-cli.esm.js +0 -2
  57. package/dist/aerogel-cli.esm.js.map +0 -1
  58. package/src/plugins/Histoire.ts +0 -105
  59. package/src/testing/stubs/ProgramStub.ts +0 -35
  60. package/src/testing/utils.ts +0 -14
  61. package/templates/histoire/histoire.config.ts +0 -7
  62. package/templates/histoire/patches/histoire+0.17.6.patch +0 -13
  63. package/templates/histoire/src/main.histoire.ts +0 -8
  64. package/tsconfig.json +0 -11
  65. package/vite.config.ts +0 -14
  66. /package/src/{main.ts → index.ts} +0 -0
  67. /package/templates/app/src/assets/css/{styles.css → main.css} +0 -0
@@ -1,13 +1,13 @@
1
1
  import { Node, SyntaxKind } from 'ts-morph';
2
2
  import type { ArrayLiteralExpression, ImportDeclarationStructure, OptionalKind, SourceFile } from 'ts-morph';
3
3
 
4
- import Log from '@/lib/Log';
5
- import Shell from '@/lib/Shell';
6
- import File from '@/lib/File';
7
- import { app, isLinkedLocalApp, isLocalApp } from '@/lib/utils/app';
8
- import { editFiles, findDescendant, when } from '@/lib/utils/edit';
9
- import { packNotFound, packagePackPath, packagePath } from '@/lib/utils/paths';
10
- import type { Editor } from '@/lib/Editor';
4
+ import Log from '@aerogel/cli/lib/Log';
5
+ import Shell from '@aerogel/cli/lib/Shell';
6
+ import File from '@aerogel/cli/lib/File';
7
+ import { app, isLinkedLocalApp, isLocalApp } from '@aerogel/cli/lib/utils/app';
8
+ import { editFiles, findDescendant, when } from '@aerogel/cli/lib/utils/edit';
9
+ import { packNotFound, packagePackPath, packagePath } from '@aerogel/cli/lib/utils/paths';
10
+ import type { Editor } from '@aerogel/cli/lib/Editor';
11
11
 
12
12
  export default abstract class Plugin {
13
13
 
@@ -1,10 +1,10 @@
1
- import File from '@/lib/File';
2
- import Log from '@/lib/Log';
3
- import Plugin from '@/plugins/Plugin';
4
- import Shell from '@/lib/Shell';
5
- import { isLinkedLocalApp } from '@/lib/utils/app';
6
- import { packagePath } from '@/lib/utils/paths';
7
- import type { Editor } from '@/lib/Editor';
1
+ import File from '@aerogel/cli/lib/File';
2
+ import Log from '@aerogel/cli/lib/Log';
3
+ import Plugin from '@aerogel/cli/plugins/Plugin';
4
+ import Shell from '@aerogel/cli/lib/Shell';
5
+ import { isLinkedLocalApp } from '@aerogel/cli/lib/utils/app';
6
+ import { packagePath } from '@aerogel/cli/lib/utils/paths';
7
+ import type { Editor } from '@aerogel/cli/lib/Editor';
8
8
 
9
9
  export class Solid extends Plugin {
10
10
 
@@ -12,7 +12,7 @@ export class Solid extends Plugin {
12
12
  super('solid');
13
13
  }
14
14
 
15
- protected async updateFiles(editor: Editor): Promise<void> {
15
+ protected override async updateFiles(editor: Editor): Promise<void> {
16
16
  await this.updateTailwindConfig(editor, {
17
17
  content: isLinkedLocalApp()
18
18
  ? `'${packagePath('plugin-solid')}/dist/**/*.js'`
@@ -24,9 +24,10 @@ export class Solid extends Plugin {
24
24
  await super.updateFiles(editor);
25
25
  }
26
26
 
27
- protected async installNpmDependencies(): Promise<void> {
27
+ protected override async installNpmDependencies(): Promise<void> {
28
28
  await Shell.run('npm install soukai-solid@next --save-exact');
29
- await Shell.run('npm install @solid/community-server@7 --save');
29
+ await Shell.run('npm install @noeldemartin/solid-utils@next --save-exact');
30
+ await Shell.run('npm install @solid/community-server@7.1.6 --save-dev -E');
30
31
  await super.installNpmDependencies();
31
32
  }
32
33
 
@@ -50,17 +51,17 @@ export class Solid extends Plugin {
50
51
  .replace(
51
52
  '"cy:test": "start-server-and-test test:serve-app http-get://localhost:5001 cy:run",',
52
53
  '"cy:test": "start-server-and-test ' +
53
- 'test:serve-app http-get://localhost:5001 test:serve-pod http-get://localhost:4000 cy:run",',
54
+ 'test:serve-app http-get://localhost:5001 test:serve-pod http-get://localhost:3000 cy:run",',
54
55
  )
55
56
  .replace(
56
57
  '"dev": "vite",',
57
58
  '"dev": "vite",\n' +
58
- '"dev:serve-pod": "community-solid-server -c @css:config/file.json -p 4000 -f ./solid-data",',
59
+ '"dev:serve-pod": "community-solid-server -c @css:config/file.json -f ./solid",',
59
60
  )
60
61
  .replace(
61
- '"test:serve-app": "vite --port 5001"',
62
- '"test:serve-app": "vite --port 5001",\n' +
63
- '"test:serve-pod": "community-solid-server -p 4000 -l warn"',
62
+ '"test:serve-app": "vite --port 5001 --mode testing"',
63
+ '"test:serve-app": "vite --port 5001 --mode testing",\n' +
64
+ '"test:serve-pod": "community-solid-server -l warn"',
64
65
  ),
65
66
  );
66
67
 
@@ -72,7 +73,7 @@ export class Solid extends Plugin {
72
73
 
73
74
  const gitignore = File.read('.gitignore') ?? '';
74
75
 
75
- File.write('.gitignore', `${gitignore}/solid-data\n`);
76
+ File.write('.gitignore', `${gitignore}/solid\n`);
76
77
  }
77
78
 
78
79
  }
@@ -1,5 +1,5 @@
1
- import Plugin from '@/plugins/Plugin';
2
- import Shell from '@/lib/Shell';
1
+ import Plugin from '@aerogel/cli/plugins/Plugin';
2
+ import Shell from '@aerogel/cli/lib/Shell';
3
3
 
4
4
  export class Soukai extends Plugin {
5
5
 
@@ -7,12 +7,12 @@ export class Soukai extends Plugin {
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
 
@@ -1,31 +1,36 @@
1
- import { beforeEach, vi } from 'vitest';
2
- import { resolve } from 'path';
3
- import { setTestingNamespace } from '@noeldemartin/utils';
4
-
5
- import File from '@/lib/File';
6
- import FileMock from '@/lib/File.mock';
7
- import Log from '@/lib/Log';
8
- import LogMock from '@/lib/Log.mock';
9
- import Shell from '@/lib/Shell';
10
- import ShellMock from '@/lib/Shell.mock';
11
-
12
- setTestingNamespace(vi);
13
-
14
- File.setMockInstance(FileMock);
15
- Log.setMockInstance(LogMock);
16
- Shell.setMockInstance(ShellMock);
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('@/lib/utils/app', async () => {
28
- const original = (await vi.importActual('@/lib/utils/app')) as object;
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('@/lib/utils/edit', async () => {
38
- const original = (await vi.importActual('@/lib/utils/edit')) as object;
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('@/lib/utils/paths', async () => {
48
- const original = (await vi.importActual('@/lib/utils/paths')) as object;
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@v3
10
- - uses: actions/setup-node@v3
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@v3
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@v3
25
+ uses: actions/upload-artifact@v4
26
26
  if: ${{ failure() }}
27
27
  with:
28
28
  name: cypress_snapshots
@@ -1 +1 @@
1
- lts/hydrogen
1
+ v22.9.0
@@ -1,4 +1,4 @@
1
- import install from '@aerogel/cypress/dist/plugin';
1
+ import { setupAerogelNodeEvents } from '@aerogel/cypress/config';
2
2
  import { defineConfig } from 'cypress';
3
3
 
4
4
  export default defineConfig({
@@ -9,8 +9,6 @@ export default defineConfig({
9
9
  runMode: 3,
10
10
  openMode: 0,
11
11
  },
12
- setupNodeEvents(on) {
13
- install(on);
14
- },
12
+ setupNodeEvents: setupAerogelNodeEvents,
15
13
  },
16
14
  });
@@ -1,3 +1 @@
1
- import install from '@aerogel/cypress';
2
-
3
- install();
1
+ import '@aerogel/cypress/support';
@@ -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
- "paths": {
8
- "@cy/*": ["./*"]
9
- }
10
- },
11
- "include": ["**/*.ts"]
6
+ "module": "ESNext",
7
+ "moduleResolution": "Bundler",
8
+ "lib": ["DOM"],
9
+ "types": ["node", "cypress"]
10
+ }
12
11
  }
@@ -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,10 +12,10 @@
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 %>",
@@ -37,20 +38,19 @@
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": "^12.17.0",
44
- "eslint": "^8.40.0",
45
- "prettier": "^2.8.8",
46
- "prettier-eslint-cli": "^7.1.0",
47
- "prettier-plugin-tailwindcss": "^0.2.8",
46
+ "cypress": "^14.2.0",
48
47
  "start-server-and-test": "^2.0.0",
48
+ "typescript": "^5.8.2",
49
49
  "unplugin-icons": "^0.16.3",
50
50
  "unplugin-vue-components": "^0.24.1",
51
- "vite": "^4.3.0",
52
- "vitest": "^0.33.0",
53
- "vue-tsc": "^1.8.15"
51
+ "vite": "^6.2.2",
52
+ "vitest": "^3.0.9",
53
+ "vue-tsc": "^2.2.8"
54
54
  },
55
55
  "eslintConfig": {
56
56
  "extends": [
@@ -58,9 +58,9 @@
58
58
  ]
59
59
  },
60
60
  "prettier": {
61
+ "printWidth": 120,
61
62
  "plugins": [
62
63
  "prettier-plugin-tailwindcss"
63
- ],
64
- "printWidth": 120
64
+ ]
65
65
  }
66
66
  }
@@ -1,4 +1,4 @@
1
- module.exports = {
1
+ export default {
2
2
  plugins: {
3
3
  tailwindcss: {},
4
4
  autoprefixer: {},
@@ -2,12 +2,12 @@ import i18n from '@aerogel/plugin-i18n';
2
2
  import soukai from '@aerogel/plugin-soukai';
3
3
  import { bootstrap } from '@aerogel/core';
4
4
 
5
- import './assets/css/styles.css';
5
+ import './assets/css/main.css';
6
6
  import App from './App.vue';
7
7
 
8
8
  bootstrap(App, {
9
9
  plugins: [
10
10
  i18n({ messages: import.meta.glob('@/lang/*.yaml') }),
11
- soukai({ models: import.meta.glob('@/models/*', { eager: true }) }),
11
+ soukai({ models: import.meta.glob(['@/models/*', '!**/*.test.ts'], { eager: true }) }),
12
12
  ],
13
13
  });
@@ -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
- publicDir: resolve(__dirname, './src/assets/public/'),
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: resolve(__dirname, './src/lang/**/*.yaml') }),
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
- '@': resolve(__dirname, './src'),
28
+ '@': fileURLToPath(new URL('./src', import.meta.url)),
27
29
  },
28
30
  },
29
31
  });
@@ -0,0 +1,34 @@
1
+ <template>
2
+ <AGHeadlessInput
3
+ ref="$input"
4
+ :name="name"
5
+ :class="className"
6
+ :label="label"
7
+ >
8
+ <AGHeadlessInputInput
9
+ v-bind="attrs"
10
+ type="checkbox"
11
+ />
12
+ <div v-if="$slots.default">
13
+ <AGHeadlessInputLabel>
14
+ <slot />
15
+ </AGHeadlessInputLabel>
16
+ <AGHeadlessInputError />
17
+ </div>
18
+ </AGHeadlessInput>
19
+ </template>
20
+
21
+ <script setup lang="ts">
22
+ import { AGHeadlessInputLabel, componentRef, stringProp, useInputAttrs } from '@aerogel/core';
23
+ import type { IAGHeadlessInput } 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<IAGHeadlessInput>();
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
+ <AGForm :form="form" class="m-1">
5
+ <<% component.name %> name="accept" :form="form">
6
+ {{ label }}
7
+ </<% component.name %>>
8
+ </AGForm>
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
+ <AGForm :form="errorForm" class="m-1">
35
+ <<% component.name %> name="accept">
36
+ Accept Terms & Conditions
37
+ </<% component.name %>>
38
+ </AGForm>
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>
@@ -2,6 +2,7 @@
2
2
  <AGHeadlessInput v-bind="props">
3
3
  <AGHeadlessInputLabel />
4
4
  <AGHeadlessInputInput v-bind="attrs" />
5
+ <AGHeadlessInputDescription />
5
6
  <AGHeadlessInputError />
6
7
  </AGHeadlessInput>
7
8
  </template>
@@ -1,11 +1,11 @@
1
1
  <template>
2
2
  <ModalWrapper v-slot="{ close }" :title="title" :cancellable="false">
3
- <AGMarkdown :text="message" />
3
+ <AGMarkdown :text="message" :actions="actions" />
4
4
  <div class="mt-4 flex flex-row-reverse">
5
- <AGButton @click="close(true)">
5
+ <AGButton :color="acceptColor" @click="close(true)">
6
6
  {{ renderedAcceptText }}
7
7
  </AGButton>
8
- <AGButton color="clear" class="mr-2" @click="close(false)">
8
+ <AGButton v-if="!required" :color="cancelColor" class="mr-2" @click="close(false)">
9
9
  {{ renderedCancelText }}
10
10
  </AGButton>
11
11
  </div>
@@ -6,7 +6,7 @@ const plugins = {
6
6
  if (process.env.NODE_ENV === 'development') {
7
7
  plugins['postcss-pseudo-classes'] = {
8
8
  blacklist: [],
9
- restrictTo: ['hover', 'focus-visible', 'focus'],
9
+ restrictTo: ['focus', 'focus-visible', 'focus-within', 'hover'],
10
10
  allCombinations: true,
11
11
  preserveBeforeAfter: false,
12
12
  };
@@ -5,4 +5,4 @@ export class <% service.name %>Service extends Service {
5
5
 
6
6
  }
7
7
 
8
- export default facade(new <% service.name %>Service());
8
+ export default facade(<% service.name %>Service);
package/.prettierignore DELETED
@@ -1 +0,0 @@
1
- templates
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("commander"),t=require("@babel/runtime/helpers/defineProperty"),s=require("path"),i=require("@noeldemartin/utils");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");var n=require("fs");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(t);var u=i.facade(new class{contains(e,t){return!!this.read(e)?.includes(t)}exists(e){return n.existsSync(e)}isSymlink(e){return n.lstatSync(e).isSymbolicLink()}read(e){return this.isFile(e)?n.readFileSync(e).toString():null}getFiles(e){const t=n.readdirSync(e,{withFileTypes:!0}),i=[];for(const n of t){const t=s.resolve(e,n.name);n.isDirectory()?i.push(...this.getFiles(t)):i.push(t)}return i}isDirectory(e){return this.exists(e)&&n.lstatSync(e).isDirectory()}isFile(e){return this.exists(e)&&n.lstatSync(e).isFile()}isEmptyDirectory(e){return!!this.isDirectory(e)&&0===this.getFiles(e).length}makeDirectory(e){n.mkdirSync(e,{recursive:!0})}write(e,t){n.existsSync(s.dirname(e))||n.mkdirSync(s.dirname(e),{recursive:!0}),n.writeFileSync(e,t)}});var m=i.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 t=i.stringMatchAll(e,/\*\*(.*)\*\*/g);for(const s of t)e=e.replace(s[0],a.bold(s[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),i=[];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=n.readFileSync(a).toString(),c=e+(r.endsWith(".template")?r.slice(0,-9):r);u.write(c,o.render(l,t,void 0,["<%","%>"])),i.push(c)}return i}getFilenameReplacements(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).reduce(((e,s)=>{let[n,a]=s;return"object"==typeof a?Object.assign(e,this.getFilenameReplacements(a,`${n}.`)):e[`[${t}${n}]`]=i.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 t=u.read(s.resolve(__dirname,"../../../../package.json")),n=i.stringMatch(t??"",/"@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=i.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": {'),t=u.exists(".eslintrc.js")||u.contains("package.json",'"eslintConfig"'),s=u.contains("package.json",'"prettier-eslint-cli"')?e=>w.run(`npx prettier-eslint ${e} --write`):async s=>{e&&await w.run(`npx prettier ${s} --write`),s.match(/\.(ts|js|vue)$/)&&t&&await w.run(`npx eslint ${s} --fix`)};await Promise.all(i.arrayFrom(this.modifiedFiles).map((async e=>s(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:i.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 k{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(k,"command",""),p.default(k,"description",""),p.default(k,"parameters",[]),p.default(k,"options",{});class S extends k{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,t=this.options.name??i.stringToTitleCase(s.basename(e));w.setWorkingDirectory(e),await this.createApp(t,e),await this.installDependencies(),await this.initializeGit(),m.success(`\n\n That's it! You can start working on **${t}** 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 t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return;const s=t.guard??(()=>!0),n=t.validate??(()=>!0),a=i.arrayFrom(t.skip??[]);return e.forEachDescendant(((e,t)=>{if(s(e)&&n(e))return e;const i=e.getKind();a.includes(i)&&t.skip()}))}function P(e,t){if(e&&t(e))return e}p.default(S,"command","create"),p.default(S,"description","Create AerogelJS app"),p.default(S,"parameters",[["path","Application path"]]),p.default(S,"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 k{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,[t,s]=this.parsePathComponents();await this.createComponent(t,s,e),await this.createStory(t,s,e),await this.declareComponents();const n=i.arrayFrom(e).map((e=>`- ${e}`)).join("\n");m.info(`${s} 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,t,s){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:t,slug:i.stringToSlug(t)}}).forEach((e=>s.add(e)))}))}async createStory(e,t,s){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:t,slug:i.stringToSlug(t)}}).forEach((e=>s.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 k{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[t,s,n]=e.split(":");return{name:t,type:i.stringToStudlyCase(s??"string"),required:"required"===n}})).reduce(((e,t)=>e+`\n${t.required?i.formatCodeBlock(`\n ${t.name}: {\n type: FieldType.${t.type},\n required: true,\n }\n `):`${t.name}: FieldType.${t.type}`},`),"");return i.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 k{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 t=i.arrayFrom(e).map((e=>`- ${e}`)).join("\n");m.info(`Overrides created successfully! The following files were created:\n\n${t}`),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 k{constructor(e){super(),p.default(this,"name",void 0),this.name=e}async run(){this.assertAerogelOrDirectory("src/services");const e=new Set,t=C().edit();await this.createService(e),await this.registerService(t),await t.format();const s=i.arrayFrom(e).map((e=>`- ${e}`)).join("\n");m.info(`${this.name} service created successfully! The following files were created:\n\n${s}`)}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 t=e.requireSourceFile("src/services/index.ts"),s=this.getServicesObject(t);if(!s)return m.fail("Could not find services object in services config, please add it manually.");t.addImportDeclaration({defaultImport:this.name,moduleSpecifier:`./${this.name}`}),s.addPropertyAssignment({name:`$${i.stringToCamelCase(this.name)}`,initializer:this.name}),await e.save(t)}))}async createServicesIndex(e){u.write("src/services/index.ts",i.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 t=e.requireSourceFile("src/main.ts"),s=this.getBootstrapOptions(t);if(!s)return m.fail("Could not find options object in bootstrap config, please add the services manually.");s.insertShorthandPropertyAssignment(0,{name:"services"}),t.addImportDeclaration({namedImports:["services"],moduleSpecifier:"./services"}),await e.save(t)}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 @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:4000 cy:run",').replace('"dev": "vite",','"dev": "vite",\n"dev:serve-pod": "community-solid-server -c @css:config/file.json -p 4000 -f ./solid-data",').replace('"test:serve-app": "vite --port 5001"','"test:serve-app": "vite --port 5001",\n"test:serve-pod": "community-solid-server -p 4000 -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 k{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=i.facade(new class{run(t){const s=new e.Command;s.name("ag").description("AerogelJS CLI").version("0.0.0"),S.define(s),b.define(s),D.define(s),I.define(s),A.define(s),E.define(s),s.parse(t)}});exports.CLI=O;
2
- //# sourceMappingURL=aerogel-cli.cjs.js.map