@aerogel/cli 0.0.0-next.47ed8ee3c048720794026e45140e9b700cb428b9 → 0.0.0-next.4b4da752b2ea1e9ee76a4d33a1e616bf87478f69

package/templates/app/tsconfig.json

@@ -1,15 +1,9 @@
 {
+    "extends": "@vue/tsconfig/tsconfig.dom.json",
     "compilerOptions": {
-        "target": "esnext",
-        "module": "esnext",
-        "moduleResolution": "node",
-        "strict": true,
-        "jsx": "preserve",
-        "noUncheckedIndexedAccess": true,
-        "resolveJsonModule": true,
-        "esModuleInterop": true,
-        "lib": ["esnext", "dom"],
         "baseUrl": ".",
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
         "paths": {
             "@/*": ["./src/*"]
         }

package/templates/app/vite.config.ts

@@ -1,21 +1,31 @@
+import { URL, fileURLToPath } from 'node:url';
+
 import Aerogel, { AerogelResolver } from '@aerogel/vite';
 import Components from 'unplugin-vue-components/vite';
 import I18n from '@intlify/unplugin-vue-i18n/vite';
-import { resolve } from 'path';
+import Icons from 'unplugin-icons/vite';
+import IconsResolver from 'unplugin-icons/resolver';
+import { defineConfig } from 'vitest/config';
 
-export default {
+export default defineConfig({
+    build: { sourcemap: true },
+    publicDir: fileURLToPath(new URL('./src/assets/public/', import.meta.url)),
     plugins: [
-        I18n({ include: resolve(__dirname, './src/lang/**/*.yaml') }),
-        Aerogel(),
+        Aerogel({ name: '<% app.name %>' }),
         Components({
-            dirs: ['src/pages'],
             dts: false,
-            resolvers: [AerogelResolver()],
+            resolvers: [AerogelResolver(), IconsResolver()],
+        }),
+        I18n({ include: fileURLToPath(new URL('./src/lang/**/*.yaml', import.meta.url)) }),
+        Icons({
+            iconCustomizer(_, __, props) {
+                props['aria-hidden'] = 'true';
+            },
         }),
     ],
     resolve: {
         alias: {
-            '@': resolve(__dirname, './src'),
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
         },
     },
-};
+});

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

@@ -0,0 +1,42 @@
+<template>
+    <AGHeadlessButton :class="variantClasses" :disabled="disabled">
+        <slot />
+    </AGHeadlessButton>
+</template>
+
+<script setup lang="ts">
+import { Colors, booleanProp, enumProp, removeInteractiveClasses } from '@aerogel/core';
+import { computed } from 'vue';
+
+const props = defineProps({
+    color: enumProp(Colors, Colors.Primary),
+    disabled: booleanProp(),
+});
+
+const colorClasses = computed(() => {
+    switch (props.color) {
+        case Colors.Secondary:
+            // Add your custom color classes here.
+            return '';
+        case Colors.Clear:
+            // Add your custom color classes here.
+            return '';
+        case Colors.Danger:
+            // Add your custom color classes here.
+            return '';
+        case Colors.Primary:
+        default:
+            // Add your custom color classes here.
+            return '';
+    }
+});
+
+const variantClasses = computed(() => {
+    if (props.disabled) {
+        // Add additional classes for disabled state here.
+        return removeInteractiveClasses(colorClasses.value);
+    }
+
+    return colorClasses.value;
+});
+</script>

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

@@ -0,0 +1,77 @@
+<template>
+    <Story :layout="{ type: 'grid' }">
+        <Variant title="Playground">
+            <<% component.name %> :color="color">
+                {{ content }}
+            </<% component.name %>>
+
+            <template #controls>
+                <HstText v-model="content" title="Content" />
+                <HstSelect v-model="color" title="Color" :options="colorOptions" />
+            </template>
+        </Variant>
+
+        <Variant title="Default">
+            <<% component.name %>>
+                Click me!
+            </<% component.name %>>
+        </Variant>
+
+        <Variant title="Hover">
+            <<% component.name %> class=":hover">
+                Click me!
+            </<% component.name %>>
+        </Variant>
+
+        <Variant title="Focus">
+            <<% component.name %> class=":focus :focus-visible">
+                Click me!
+            </<% component.name %>>
+        </Variant>
+
+        <Variant title="Disabled">
+            <<% component.name %> disabled>
+                You can't click me
+            </<% component.name %>>
+        </Variant>
+
+        <Variant title="Colors" :layout="{ width: '300px' }">
+            <div class="flex items-center gap-2">
+                <<% component.name %> color="primary">
+                    Primary
+                </<% component.name %>>
+                <<% component.name %> color="secondary">
+                    Secondary
+                </<% component.name %>>
+                <<% component.name %> color="danger">
+                    Danger
+                </<% component.name %>>
+                <<% component.name %> color="clear">
+                    Clear
+                </<% component.name %>>
+            </div>
+        </Variant>
+    </Story>
+</template>
+
+<script setup lang="ts">
+import { Colors } from '@aerogel/core';
+import { invert } from '@noeldemartin/utils';
+import { ref } from 'vue';
+import type { Color } from '@aerogel/core';
+
+const content = ref('Click me!');
+const color = ref<Color>(Colors.Primary);
+const colorOptions = invert(Colors);
+</script>
+
+<style>
+.story-<% component.slug %> {
+    grid-template-columns: repeat(2, 300px) !important;
+}
+
+.story-<% component.slug %> .variant-playground,
+.story-<% component.slug %> .variant-colors{
+    grid-column: 1 / -1;
+}
+</style>

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

@@ -0,0 +1,34 @@
+<template>
+    <AGHeadlessInput
+        ref="$input"
+        :name="name"
+        :class="className"
+        :label="label"
+    >
+        <AGHeadlessInputInput
+            v-bind="attrs"
+            type="checkbox"
+        />
+        <div v-if="$slots.default">
+            <AGHeadlessInputLabel>
+                <slot />
+            </AGHeadlessInputLabel>
+            <AGHeadlessInputError />
+        </div>
+    </AGHeadlessInput>
+</template>
+
+<script setup lang="ts">
+import { AGHeadlessInputLabel, componentRef, stringProp, useInputAttrs } from '@aerogel/core';
+import type { IAGHeadlessInput } from '@aerogel/core';
+
+defineOptions({ inheritAttrs: false });
+defineProps({
+    name: stringProp(),
+    label: stringProp(),
+    inputClass: stringProp(''),
+});
+
+const $input = componentRef<IAGHeadlessInput>();
+const [attrs, className] = useInputAttrs();
+</script>

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

@@ -0,0 +1,63 @@
+<template>
+    <Story group="base" :layout="{ type: 'grid' }">
+        <Variant title="Playground">
+            <AGForm :form="form" class="m-1">
+                <<% component.name %> name="accept" :form="form">
+                    {{ label }}
+                </<% component.name %>>
+            </AGForm>
+
+            <template #controls>
+                <HstText v-model="label" title="Label" />
+            </template>
+        </Variant>
+
+        <Variant title="Default">
+            <<% component.name %> class="m-1">
+                Accept Terms & Conditions
+            </<% component.name %>>
+        </Variant>
+
+        <Variant title="Hover">
+            <<% component.name %> class="m-1" input-class=":hover">
+                Accept Terms & Conditions
+            </<% component.name %>>
+        </Variant>
+
+        <Variant title="Focus">
+            <<% component.name %> class="m-1" input-class=":focus :focus-visible">
+                Accept Terms & Conditions
+            </<% component.name %>>
+        </Variant>
+
+        <Variant title="Error">
+            <AGForm :form="errorForm" class="m-1">
+                <<% component.name %> name="accept">
+                    Accept Terms & Conditions
+                </<% component.name %>>
+            </AGForm>
+        </Variant>
+    </Story>
+</template>
+
+<script setup lang="ts">
+import { requiredBooleanInput, useForm } from '@aerogel/core';
+import { ref } from 'vue';
+
+const form = useForm({ accept: requiredBooleanInput(true) });
+const errorForm = useForm({ accept: requiredBooleanInput() });
+const label = ref('Accept Terms & Conditions');
+
+form.submit();
+errorForm.submit();
+</script>
+
+<style>
+.story-<% component.slug %> {
+    grid-template-columns: repeat(2, 300px) !important;
+}
+
+.story-<% component.slug %> .variant-playground {
+    grid-column: 1 / -1;
+}
+</style>

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

@@ -0,0 +1,17 @@
+<template>
+    <AGHeadlessInput v-bind="props">
+        <AGHeadlessInputLabel />
+        <AGHeadlessInputInput v-bind="attrs" />
+        <AGHeadlessInputDescription />
+        <AGHeadlessInputError />
+    </AGHeadlessInput>
+</template>
+
+<script setup lang="ts">
+import { useInputAttrs, useInputProps } from '@aerogel/core';
+
+defineOptions({ inheritAttrs: false });
+
+const props = defineProps(useInputProps());
+const [attrs] = useInputAttrs();
+</script>

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

@@ -0,0 +1,63 @@
+<template>
+    <Story :layout="{ type: 'grid' }">
+        <Variant title="Playground">
+            <AGForm :form="form">
+                <<% component.name %> name="food" :label="label" :placeholder="placeholder" />
+            </AGForm>
+
+            <template #controls>
+                <HstText v-model="label" title="Label" />
+                <HstText v-model="placeholder" title="Placeholder" />
+                <HstCheckbox v-model="hasErrors" title="Errors" />
+            </template>
+        </Variant>
+
+        <Variant title="Default">
+            <<% component.name %> label="What's the best food?" placeholder="Ramen" />
+        </Variant>
+
+        <Variant title="Hover">
+            <<% component.name %> label="What's the best food?" placeholder="Ramen" input-class=":hover" />
+        </Variant>
+
+        <Variant title="Focus">
+            <<% component.name %> label="What's the best food?" placeholder="Ramen" input-class=":focus :focus-visible" />
+        </Variant>
+
+        <Variant title="Error">
+            <AGForm :form="errorForm">
+                <<% component.name %>
+                    name="food"
+                    label="What's the best food?"
+                    placeholder="Ramen"
+                    class=":focus :focus-visible"
+                />
+            </AGForm>
+        </Variant>
+    </Story>
+</template>
+
+<script setup lang="ts">
+import { requiredStringInput, useForm } from '@aerogel/core';
+import { ref, watchEffect } from 'vue';
+
+const form = useForm({ food: requiredStringInput() });
+const errorForm = useForm({ food: requiredStringInput() });
+const label = ref('What\'s the best food?');
+const placeholder = ref('Ramen');
+const hasErrors = ref(false);
+
+errorForm.submit();
+
+watchEffect(() => (hasErrors.value ? form.submit() : form.reset()));
+</script>
+
+<style>
+.story-<% component.slug %> {
+    grid-template-columns: repeat(2, 300px) !important;
+}
+
+.story-<% component.slug %> .variant-playground {
+    grid-column: 1 / -1;
+}
+</style>

package/templates/overrides/components/index.ts

@@ -0,0 +1,15 @@
+import { UIComponents } from '@aerogel/core';
+
+import AlertModal from './overrides/AlertModal.vue';
+import ConfirmModal from './overrides/ConfirmModal.vue';
+import ErrorReportModal from './overrides/ErrorReportModal.vue';
+import LoadingModal from './overrides/LoadingModal.vue';
+import SnackbarNotification from './overrides/SnackbarNotification.vue';
+
+export const components = {
+    [UIComponents.AlertModal]: AlertModal,
+    [UIComponents.ConfirmModal]: ConfirmModal,
+    [UIComponents.ErrorReportModal]: ErrorReportModal,
+    [UIComponents.LoadingModal]: LoadingModal,
+    [UIComponents.Snackbar]: SnackbarNotification,
+};

package/templates/overrides/components/overrides/AlertModal.vue

@@ -0,0 +1,11 @@
+<template>
+    <ModalWrapper :title="title">
+        <AGMarkdown :text="message" />
+    </ModalWrapper>
+</template>
+
+<script setup lang="ts">
+import { useAlertModalProps } from '@aerogel/core';
+
+defineProps(useAlertModalProps());
+</script>

package/templates/overrides/components/overrides/ConfirmModal.vue

@@ -0,0 +1,20 @@
+<template>
+    <ModalWrapper v-slot="{ close }" :title="title" :cancellable="false">
+        <AGMarkdown :text="message" :actions="actions" />
+        <div class="mt-4 flex flex-row-reverse">
+            <AGButton :color="acceptColor" @click="close(true)">
+                {{ renderedAcceptText }}
+            </AGButton>
+            <AGButton v-if="!required" :color="cancelColor" class="mr-2" @click="close(false)">
+                {{ renderedCancelText }}
+            </AGButton>
+        </div>
+    </ModalWrapper>
+</template>
+
+<script setup lang="ts">
+import { useConfirmModal, useConfirmModalProps } from '@aerogel/core';
+
+const props = defineProps(useConfirmModalProps());
+const { renderedAcceptText, renderedCancelText } = useConfirmModal(props);
+</script>

package/templates/overrides/components/overrides/ErrorReportModal.vue

@@ -0,0 +1,35 @@
+<template>
+    <ModalWrapper>
+        <AGErrorReportModalTitle
+            :report="report"
+            :current-report="activeReportIndex + 1"
+            :total-reports="reports.length"
+        />
+        <AGButton color="clear" :disabled="activeReportIndex === 0" @click="activeReportIndex--">
+            {{ previousReportText }}
+        </AGButton>
+        <AGButton color="clear" :disabled="activeReportIndex === reports.length - 1" @click="activeReportIndex++">
+            {{ nextReportText }}
+        </AGButton>
+        <AGErrorReportModalButtons :report="report">
+            <template
+                #default="{ url, handler, iconComponent, description }: IAGErrorReportModalButtonsDefaultSlotProps"
+            >
+                <AGButton :url="url" :aria-label="description" @click="handler">
+                    <component :is="iconComponent" />
+                    {{ description }}
+                </AGButton>
+            </template>
+        </AGErrorReportModalButtons>
+        <AGMarkdown v-if="report.description" :text="report.description" />
+        <pre v-text="details" />
+    </ModalWrapper>
+</template>
+
+<script setup lang="ts">
+import { useErrorReportModal, useErrorReportModalProps } from '@aerogel/core';
+import type { IAGErrorReportModalButtonsDefaultSlotProps } from '@aerogel/core';
+
+const props = defineProps(useErrorReportModalProps());
+const { activeReportIndex, details, nextReportText, previousReportText, report } = useErrorReportModal(props);
+</script>

package/templates/overrides/components/overrides/LoadingModal.vue

@@ -0,0 +1,12 @@
+<template>
+    <ModalWrapper :cancellable="false">
+        <AGMarkdown :text="renderedMessage" />
+    </ModalWrapper>
+</template>
+
+<script setup lang="ts">
+import { useLoadingModal, useLoadingModalProps } from '@aerogel/core';
+
+const props = defineProps(useLoadingModalProps());
+const { renderedMessage } = useLoadingModal(props);
+</script>

package/templates/overrides/components/overrides/ModalWrapper.vue

@@ -0,0 +1,22 @@
+<template>
+    <AGHeadlessModal ref="$modal" v-slot="{ close }" v-bind="props">
+        <AGHeadlessModalPanel>
+            <AGHeadlessModalTitle v-if="title">
+                <AGMarkdown :text="title" inline />
+            </AGHeadlessModalTitle>
+            <slot :close="close" />
+        </AGHeadlessModalPanel>
+    </AGHeadlessModal>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useModalExpose, useModalProps } from '@aerogel/core';
+import type { IAGHeadlessModal, IAGModal } from '@aerogel/core';
+
+const props = defineProps(useModalProps());
+const $modal = ref<IAGHeadlessModal>();
+
+defineOptions({ inheritAttrs: false });
+defineExpose<IAGModal>(useModalExpose($modal));
+</script>

package/templates/overrides/components/overrides/SnackbarNotification.vue

@@ -0,0 +1,34 @@
+<template>
+    <AGHeadlessSnackbar :class="colorClasses">
+        <AGMarkdown :text="message" inline />
+
+        <AGButton
+            v-for="(action, i) of actions"
+            :key="i"
+            :color="color"
+            @click="activate(action)"
+        >
+            {{ action.text }}
+        </AGButton>
+    </AGHeadlessSnackbar>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Colors, useSnackbar, useSnackbarProps } from '@aerogel/core';
+
+const props = defineProps(useSnackbarProps());
+const { activate } = useSnackbar(props);
+
+const colorClasses = computed(() => {
+    switch (props.color) {
+        case Colors.Danger:
+            // Add your custom color classes here.
+            return '';
+        case Colors.Secondary:
+        default:
+            // Add your custom color classes here.
+            return '';
+    }
+});
+</script>

package/templates/overrides-story/Overrides.story.vue

@@ -0,0 +1,86 @@
+<template>
+    <Story :layout="{ type: 'grid', width: '90%' }">
+        <Variant title="Playground">
+            <div class="flex space-x-3">
+                <AGButton @click="$ui.alert(alertTitle, alertMessage)">
+                    Alert
+                </AGButton>
+                <AGButton @click="$ui.confirm(confirmTitle, confirmMessage)">
+                    Confirm
+                </AGButton>
+                <AGButton @click="$ui.loading(loadingMessage, after({ seconds: loadingDuration }))">
+                    Loading
+                </AGButton>
+                <AGButton @click="$ui.showSnackbar(snackbarMessage, snackbarOptions)">
+                    Snackbar
+                </AGButton>
+                <AGButton @click="$errors.inspect(errorReports)">
+                    Error Report
+                </AGButton>
+            </div>
+
+            <AGAppOverlays />
+
+            <template #controls>
+                <HstText v-model="alertTitle" title="Alert Title" />
+                <HstText v-model="alertMessage" title="Alert Message" />
+                <HstText v-model="confirmTitle" title="Confirm Title" />
+                <HstText v-model="confirmMessage" title="Confirm Message" />
+                <HstText v-model="loadingMessage" title="Loading Message" />
+                <HstNumber v-model="loadingDuration" title="Loading Duration" />
+                <HstText v-model="snackbarMessage" title="Snackbar Message" />
+                <HstSelect v-model="snackbarColor" title="Snackbar Color" :options="snackbarColors" />
+                <HstText v-model="snackbarAction" title="Snackbar Action" />
+                <HstText v-model="errorReportTitle" title="Error Report Title" />
+                <HstText v-model="errorReportDescription" title="Error Report Description" />
+            </template>
+        </Variant>
+    </Story>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { after, invert } from '@noeldemartin/utils';
+import { Colors, SnackbarColors } from '@aerogel/core';
+import type { ErrorReport, ShowSnackbarOptions } from '@aerogel/core';
+
+const alertTitle = ref('Something important happened');
+const alertMessage = ref('And here you can read the details...');
+const confirmTitle = ref('Confirmation');
+const confirmMessage = ref('Are you sure?');
+const loadingMessage = ref('Loading...');
+const loadingDuration = ref(3);
+const snackbarMessage = ref('Something happened');
+const snackbarColor = ref(Colors.Secondary);
+const snackbarColors = invert(SnackbarColors);
+const snackbarAction = ref('Ok');
+const snackbarOptions = computed((): ShowSnackbarOptions => {
+    if (!snackbarAction.value) {
+        return {};
+    }
+
+    return {
+        color: snackbarColor.value,
+        actions: [
+            {
+                text: snackbarAction.value,
+                dismiss: true,
+            },
+        ],
+    };
+});
+const errorReportTitle = ref('Error');
+const errorReportDescription = ref('Something went wrong!');
+const errorReports = computed((): ErrorReport[] => [
+    {
+        title: errorReportTitle.value,
+        description: errorReportDescription.value,
+        details: new Error().stack,
+    },
+    {
+        title: errorReportTitle.value,
+        description: errorReportDescription.value,
+        details: new Error().stack,
+    },
+]);
+</script>

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

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

package/.eslintrc.js

@@ -1,7 +0,0 @@
-module.exports = {
-    env: {
-        browser: true,
-        es2021: true,
-    },
-    extends: ['@noeldemartin/eslint-config-typescript'],
-};

package/bin/ag

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-const { CLI } = require('../dist/aerogel-cli.cjs.js');
-
-CLI.run();

package/dist/aerogel-cli.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("commander"),t=require("@babel/runtime/helpers/defineProperty"),s=require("@noeldemartin/utils"),n=require("fs"),i=require("path");require("core-js/modules/esnext.async-iterator.for-each.js"),require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.for-each.js");var r=require("chalk"),a=require("readline");require("core-js/modules/esnext.async-iterator.reduce.js"),require("core-js/modules/esnext.iterator.reduce.js");var o=require("mustache"),c=require("child_process");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("core-js/modules/esnext.async-iterator.map.js"),require("core-js/modules/esnext.iterator.map.js");var d=l(t);var u=s.facade(new class{contains(e,t){return!!this.read(e)?.includes(t)}exists(e){return n.existsSync(e)}read(e){return this.isFile(e)?n.readFileSync(e).toString():null}getFiles(e){const t=n.readdirSync(e,{withFileTypes:!0}),s=[];for(const n of t){const t=i.resolve(e,n.name);n.isDirectory()?s.push(...this.getFiles(t)):s.push(t)}return s}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(i.dirname(e))||n.mkdirSync(i.dirname(e),{recursive:!0}),n.writeFileSync(e,t)}});var p=s.facade(new class{constructor(){d.default(this,"renderInfo",r.hex("#00ffff")),d.default(this,"renderSuccess",r.hex("#00ff00")),d.default(this,"renderError",r.hex("#ff0000"))}async animate(e,t){var s=this;const n=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const n=s.renderInfo(s.renderMarkdown(e)+".".repeat(i%4))+t;s.stdout(n)};let i=0;n();const r=setInterval((()=>(i++,n())),1e3),a=await t();return clearInterval(r),n("\n"),a}info(e){s.arrayFrom(e).forEach((e=>{this.log(this.renderInfo(this.renderMarkdown(e)))}))}error(e){s.arrayFrom(e).forEach((e=>{this.log(this.renderError(this.renderMarkdown(e)))}))}fail(e){this.error(e),process.exit(1)}success(e){s.arrayFrom(e).forEach((e=>{this.log(this.renderSuccess(this.renderMarkdown(e)))}))}renderMarkdown(e){const t=s.stringMatchAll(e,/\*\*(.*)\*\*/g);for(const s of t)e=e.replace(s[0],r.bold(s[1]));return e}log(e){s.arrayFrom(e).forEach((e=>console.log(e)))}stdout(e){a.cursorTo(process.stdout,0),a.clearLine(process.stdout,0),process.stdout.write(e)}});class m{static instantiate(e,t,s){return new m(e).instantiate(t,s)}constructor(e){d.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 r of u.getFiles(this.path)){const a=Object.entries(s).reduce(((e,t)=>{let[s,n]=t;return e.replaceAll(s,n)}),r.substring(this.path.length+1)),c=n.readFileSync(r).toString(),l=e+(a.endsWith(".template")?a.slice(0,-9):a);u.write(l,o.render(c,t,void 0,["<%","%>"])),i.push(l)}return i}getFilenameReplacements(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).reduce(((e,n)=>{let[i,r]=n;return"object"==typeof r?Object.assign(e,this.getFilenameReplacements(r,`${i}.`)):e[`[${t}${i}]`]=s.toString(r),e}),{})}}function h(e){return i.resolve(__dirname,"../",e)}class f{constructor(e){d.default(this,"name",void 0),this.name=e}create(e){!u.exists(e)||u.isDirectory(e)&&u.isEmptyDirectory(e)||p.fail(`Folder at '${e}' already exists!`),m.instantiate(h("templates/app"),e,{app:{name:this.name,slug:s.stringToSlug(this.name)}})}}class g{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 n="string"==typeof s?s:s.description,i="string"==typeof s?"string":s.type??"string";e=e.option("boolean"===i?`--${t}`:`--${t} <${i}>`,n)}e=e.action((function(){for(var e=arguments.length,s=new Array(e),n=0;n<e;n++)s[n]=arguments[n];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 n=new this(...t);await n.run()}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.";p.fail(`${s} Are you sure this is an Aerogel app?`)}}d.default(g,"command",""),d.default(g,"description",""),d.default(g,"parameters",[]),d.default(g,"options",{});var y=s.facade(new class{constructor(){d.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 w extends g{constructor(e,t){super(),d.default(this,"path",void 0),d.default(this,"options",void 0),this.path=e,this.options=t}async run(){const e=this.path,t=this.options.name??"Aerogel App";y.setWorkingDirectory(e),await this.createApp(t,e),await this.installDependencies(),await this.initializeGit(),p.success(["",`That's it! You can start working on **${t}** doing the following:`,`    cd ${e}`,"    npm run dev","","Have fun!"])}async createApp(e,t){p.info(`Creating **${e}**...`),new f(e).create(t)}async installDependencies(){await p.animate("Installing dependencies",(async()=>{await y.run("npm install")}))}async initializeGit(){await p.animate("Initializing git",(async()=>{await y.run("git init"),await y.run("git add ."),await y.run('git commit -m "Start"')}))}}d.default(w,"command","create"),d.default(w,"description","Create AerogelJS app"),d.default(w,"parameters",[["path","Application path"]]),d.default(w,"options",{name:"Application name"});class v extends g{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),d.default(this,"name",void 0),d.default(this,"options",void 0),this.name=e,this.options=t}async run(){this.assertAerogelOrDirectory("src/components"),this.options.story&&this.assertHistoireInstalled(),u.exists(`src/components/${this.name}.vue`)&&p.fail(`${this.name} component already exists!`);const e=m.instantiate(h("templates/component"),"src/components",{component:{name:this.name}});if(this.options.story){const t=m.instantiate(h("templates/component-story"),"src/components",{component:{name:this.name}});e.push(...t)}const t=e.map((e=>`- ${e}`)).join("\n");p.info(`${this.name} component created successfully! The following files were created:\n\n${t}`)}assertHistoireInstalled(){u.exists("src/main.histoire.ts")||p.fail("Histoire is not installed yet!")}}d.default(v,"command","generate:component"),d.default(v,"description","Generate an AerogelJS component"),d.default(v,"parameters",[["name","Component name"]]),d.default(v,"options",{story:{description:"Create component story using Histoire",type:"boolean"}});class x extends g{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),d.default(this,"name",void 0),d.default(this,"options",void 0),this.name=e,this.options=t}async run(){this.assertAerogelOrDirectory("src/models"),u.exists(`src/models/${this.name}.ts`)&&p.fail(`${this.name} model already exists!`),this.assertSoukaiInstalled();const e=m.instantiate(h("templates/model"),"src/models",{model:{name:this.name,fieldsDefinition:this.getFieldsDefinition()},soukaiImports:this.options.fields?"FieldType, defineModelSchema":"defineModelSchema"}).map((e=>`- ${e}`)).join("\n");p.info(`${this.name} model created successfully! The following files were created:\n\n${e}`)}getFieldsDefinition(){if(!this.options.fields)return"        //";return function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=e.split("\n"),n=t.indent??0;let i=0,r="";for(const e of s){const t=e.trim(),s=0===t.length;if(0===r.length){if(s)continue;i=e.indexOf(t[0]??""),r+=`${" ".repeat(n)}${t}\n`;continue}if(s){r+="\n";continue}const a=e.indexOf(t[0]??"");r+=`${" ".repeat(n+a-i)}${t}\n`}return r.trimEnd()}(this.options.fields.split(",").map((e=>{const[t,n]=e.split(":");return{name:t,type:s.stringToStudlyCase(n??"string")}})).reduce(((e,t)=>e+`\n${t.name}: FieldType.${t.type},`),""),{indent:8})}assertSoukaiInstalled(){u.contains("package.json",'"soukai"')||p.fail("Soukai is not installed yet!")}}d.default(x,"command","generate:model"),d.default(x,"description","Generate an AerogelJS model"),d.default(x,"parameters",[["name","Model name"]]),d.default(x,"options",{fields:"Create model with the given fields"});var $=s.facade(new class{run(t){const s=new e.Command;s.name("ag").description("AerogelJS CLI").version("0.0.0"),w.define(s),v.define(s),x.define(s),s.parse(t)}});exports.CLI=$;
-//# sourceMappingURL=aerogel-cli.cjs.js.map

package/dist/aerogel-cli.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aerogel-cli.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}