@aerogel/cli 0.0.0-next.59bf5f7cc06e728d0cf6c00de28f1da48d7d6b8e → 0.0.0-next.60462e474474f4e52d52d457f9150df63c117214

package/templates/app/vite.config.ts

@@ -1,24 +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 Icons from 'unplugin-icons/vite';
 import IconsResolver from 'unplugin-icons/resolver';
-import { resolve } from 'path';
+import { defineConfig } from 'vitest/config';
 
-export default {
+export default defineConfig({
+    build: { sourcemap: true },
+    publicDir: fileURLToPath(new URL('./src/assets/public/', import.meta.url)),
     plugins: [
-        Aerogel(),
+        Aerogel({ name: '<% app.name %>' }),
         Components({
-            dirs: ['src/pages'],
             dts: false,
             resolvers: [AerogelResolver(), IconsResolver()],
         }),
-        I18n({ include: resolve(__dirname, './src/lang/**/*.yaml') }),
-        Icons(),
+        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>
+    <HeadlessButton :class="variantClasses" :disabled="disabled">
+        <slot />
+    </HeadlessButton>
+</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>
+    <HeadlessInput
+        ref="$input"
+        :name="name"
+        :class="className"
+        :label="label"
+    >
+        <HeadlessInputInput
+            v-bind="attrs"
+            type="checkbox"
+        />
+        <div v-if="$slots.default">
+            <HeadlessInputLabel>
+                <slot />
+            </HeadlessInputLabel>
+            <HeadlessInputError />
+        </div>
+    </HeadlessInput>
+</template>
+
+<script setup lang="ts">
+import { HeadlessInputLabel, componentRef, stringProp, useInputAttrs } from '@aerogel/core';
+import type { IHeadlessInput } from '@aerogel/core';
+
+defineOptions({ inheritAttrs: false });
+defineProps({
+    name: stringProp(),
+    label: stringProp(),
+    inputClass: stringProp(''),
+});
+
+const $input = componentRef<IHeadlessInput>();
+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">
+            <Form :form="form" class="m-1">
+                <<% component.name %> name="accept" :form="form">
+                    {{ label }}
+                </<% component.name %>>
+            </Form>
+
+            <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">
+            <Form :form="errorForm" class="m-1">
+                <<% component.name %> name="accept">
+                    Accept Terms & Conditions
+                </<% component.name %>>
+            </Form>
+        </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>
+    <HeadlessInput v-bind="props">
+        <HeadlessInputLabel />
+        <HeadlessInputInput v-bind="attrs" />
+        <HeadlessInputDescription />
+        <HeadlessInputError />
+    </HeadlessInput>
+</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">
+            <Form :form="form">
+                <<% component.name %> name="food" :label="label" :placeholder="placeholder" />
+            </Form>
+
+            <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">
+            <Form :form="errorForm">
+                <<% component.name %>
+                    name="food"
+                    label="What's the best food?"
+                    placeholder="Ramen"
+                    class=":focus :focus-visible"
+                />
+            </Form>
+        </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/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"),n=require("@noeldemartin/utils"),s=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"),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 r=require("chalk"),o=require("readline");require("core-js/modules/esnext.async-iterator.reduce.js"),require("core-js/modules/esnext.iterator.reduce.js");var a=require("mustache"),l=require("child_process");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t);var u=n.facade(new class{contains(e,t){return!!this.read(e)?.includes(t)}exists(e){return s.existsSync(e)}read(e){return this.isFile(e)?s.readFileSync(e).toString():null}getFiles(e){const t=s.readdirSync(e,{withFileTypes:!0}),n=[];for(const s of t){const t=i.resolve(e,s.name);s.isDirectory()?n.push(...this.getFiles(t)):n.push(t)}return n}isDirectory(e){return this.exists(e)&&s.lstatSync(e).isDirectory()}isFile(e){return this.exists(e)&&s.lstatSync(e).isFile()}isEmptyDirectory(e){return!!this.isDirectory(e)&&0===this.getFiles(e).length}makeDirectory(e){s.mkdirSync(e,{recursive:!0})}write(e,t){s.existsSync(i.dirname(e))||s.mkdirSync(i.dirname(e),{recursive:!0}),s.writeFileSync(e,t)}});var p=n.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 n=this;const s=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const s=n.renderInfo(n.renderMarkdown(e)+".".repeat(i%4))+t;n.stdout(s)};let i=0;s();const r=setInterval((()=>(i++,s())),1e3),o=await t();return clearInterval(r),s("\n"),o}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=n.stringMatchAll(e,/\*\*(.*)\*\*/g);for(const n of t)e=e.replace(n[0],r.bold(n[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"),n=e.trim()[0]??"",s=t.find((e=>e.trim().length>0))?.indexOf(n)??0;return t.map((e=>e.slice(s)))}return[e]}logLine(e){console.log(e)}stdout(e){o.cursorTo(process.stdout,0),o.clearLine(process.stdout,0),process.stdout.write(e)}});class h{static instantiate(e,t,n){return new h(e).instantiate(t,n)}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 n=this.getFilenameReplacements(t),i=[];e=`${e}/`.replace(/\/\//,"/");for(const r of u.getFiles(this.path)){const o=Object.entries(n).reduce(((e,t)=>{let[n,s]=t;return e.replaceAll(n,s)}),r.substring(this.path.length+1)),l=s.readFileSync(r).toString(),c=e+(o.endsWith(".template")?o.slice(0,-9):o);u.write(c,a.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[i,r]=s;return"object"==typeof r?Object.assign(e,this.getFilenameReplacements(r,`${i}.`)):e[`[${t}${i}]`]=n.toString(r),e}),{})}}function m(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return i.resolve(__dirname,"../",e)}function f(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=e.split("\n"),s=t.indent??0;let i=0,r="";for(const e of n){const t=e.trim(),n=0===t.length;if(0===r.length){if(n)continue;i=e.indexOf(t[0]??""),r+=`${" ".repeat(s)}${t}\n`;continue}if(n){r+="\n";continue}const o=e.indexOf(t[0]??"");r+=`${" ".repeat(s+o-i)}${t}\n`}return r.trimEnd()}class g{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};d.default(this,"name",void 0),d.default(this,"options",void 0),this.name=e,this.options=t}create(e){!u.exists(e)||u.isDirectory(e)&&u.isEmptyDirectory(e)||p.fail(`Folder at '${e}' already exists!`),h.instantiate(m("templates/app"),e,{app:{name:this.name,slug:n.stringToSlug(this.name)},local:this.options.local&&{aerogelPath:m("../")}})}}class y{static define(e){var t=this;e=e.command(this.command).description(this.description);for(const[t,n]of this.parameters)e=e.argument(`<${t}>`,n);for(const[t,n]of Object.entries(this.options)){const s="string"==typeof n?n:n.description,i="string"==typeof n?"string":n.type??"string";e=e.option("boolean"===i?`--${t}`:`--${t} <${i}>`,s)}e=e.action((function(){for(var e=arguments.length,n=new Array(e),s=0;s<e;s++)n[s]=arguments[s];return t.run.call(t,...n)}))}static async run(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];const s=new this(...t);await s.run()}async run(){}assertAerogelOrDirectory(e){const t=u.read("package.json");if(t?.includes("@aerogel/core"))return;if(e&&u.isDirectory(e))return;const n=e?`${e} folder does not exist.`:"package.json does not contain @aerogel/core.";p.fail(`${n} Are you sure this is an Aerogel app?`)}}d.default(y,"command",""),d.default(y,"description",""),d.default(y,"parameters",[]),d.default(y,"options",{});var w=n.facade(new class{constructor(){d.default(this,"cwd",null)}setWorkingDirectory(e){this.cwd=e}async run(e){await new Promise(((t,n)=>{l.exec(e,{cwd:this.cwd??void 0},(e=>{e?n(e):t()}))}))}});class v extends y{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";w.setWorkingDirectory(e),await this.createApp(t,e),await this.installDependencies(),await this.initializeGit(),p.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){p.info(`Creating **${e}**...`),new g(e,{local:this.options.local}).create(t)}async installDependencies(){await p.animate("Installing dependencies",(async()=>{await w.run("npm install")}))}async initializeGit(){await p.animate("Initializing git",(async()=>{await w.run("git init"),await w.run("git add ."),await w.run('git commit -m "Start"')}))}}d.default(v,"command","create"),d.default(v,"description","Create AerogelJS app"),d.default(v,"parameters",[["path","Application path"]]),d.default(v,"options",{name:"Application name",local:{type:"boolean",description:"Whether to create an app linked to local Aerogel packages (used for core development)"}});class x extends y{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),d.default(this,"path",void 0),d.default(this,"options",void 0),this.path=e,this.options=t}async run(){this.assertAerogelOrDirectory("src/components"),this.options.story&&this.assertHistoireInstalled(),u.exists(`src/components/${this.path}.vue`)&&p.fail(`${this.path} component already exists!`);const[e,t]=this.parsePathComponents(),n=h.instantiate(m("templates/component"),`src/components/${e}`,{component:{name:t}});if(this.options.story){const e=h.instantiate(m("templates/component-story"),"src/components",{component:{name:t}});n.push(...e)}const s=n.map((e=>`- ${e}`)).join("\n");p.info(`${t} component created successfully! The following files were created:\n\n${s}`)}assertHistoireInstalled(){u.exists("src/main.histoire.ts")||p.fail("Histoire is not installed yet!")}parsePathComponents(){const e=this.path.lastIndexOf("/");return-1===e?["",this.path]:[this.path.substring(0,e),this.path.substring(e+1)]}}d.default(x,"command","generate:component"),d.default(x,"description","Generate an AerogelJS component"),d.default(x,"parameters",[["path","Component path (relative to components folder; extension not necessary)"]]),d.default(x,"options",{story:{description:"Create component story using Histoire",type:"boolean"}});class $ extends y{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=h.instantiate(m("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"        //";const e=this.options.fields.split(",").map((e=>{const[t,s,i]=e.split(":");return{name:t,type:n.stringToStudlyCase(s??"string"),required:"required"===i}})).reduce(((e,t)=>e+`\n${t.required?f(`\n                        ${t.name}: {\n                            type: FieldType.${t.type},\n                            required: true,\n                        }\n                    `):`${t.name}: FieldType.${t.type}`},`),"");return f(e,{indent:8})}assertSoukaiInstalled(){u.contains("package.json",'"soukai"')||u.contains("package.json",'"@aerogel/plugin-soukai"')||p.fail("\n                Soukai is not installed yet! You can install it doing the following:\n\n                1. Run the following command:\n                    npm install soukai @aerogel/plugin-soukai@next\n\n                2. Add this to your plugins array in src/main.ts:\n                    soukai({ models: import.meta.glob('@/models/*', { eager: true }) })\n            ")}}d.default($,"command","generate:model"),d.default($,"description","Generate an AerogelJS model"),d.default($,"parameters",[["name","Model name"]]),d.default($,"options",{fields:"Create model with the given fields"});var j=n.facade(new class{run(t){const n=new e.Command;n.name("ag").description("AerogelJS CLI").version("0.0.0"),v.define(n),x.define(n),$.define(n),n.parse(t)}});exports.CLI=j;
-//# 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":""}

package/dist/aerogel-cli.esm.js

@@ -1,2 +0,0 @@
-import{Command as e}from"commander";import t from"@babel/runtime/helpers/esm/defineProperty";import{facade as s,stringMatchAll as n,toString as i,stringToSlug as o,stringToStudlyCase as r}from"@noeldemartin/utils";import{existsSync as a,readFileSync as c,readdirSync as l,lstatSync as p,mkdirSync as d,writeFileSync as m}from"fs";import{resolve as h,dirname as u}from"path";import"core-js/modules/esnext.async-iterator.for-each.js";import"core-js/modules/esnext.iterator.constructor.js";import"core-js/modules/esnext.iterator.for-each.js";import"core-js/modules/esnext.async-iterator.find.js";import"core-js/modules/esnext.iterator.find.js";import"core-js/modules/esnext.async-iterator.map.js";import"core-js/modules/esnext.iterator.map.js";import{hex as f,bold as g}from"chalk";import{cursorTo as y,clearLine as w}from"readline";import"core-js/modules/esnext.async-iterator.reduce.js";import"core-js/modules/esnext.iterator.reduce.js";import{render as v}from"mustache";import{exec as $}from"child_process";var x=s(new class{contains(e,t){return!!this.read(e)?.includes(t)}exists(e){return a(e)}read(e){return this.isFile(e)?c(e).toString():null}getFiles(e){const t=l(e,{withFileTypes:!0}),s=[];for(const n of t){const t=h(e,n.name);n.isDirectory()?s.push(...this.getFiles(t)):s.push(t)}return s}isDirectory(e){return this.exists(e)&&p(e).isDirectory()}isFile(e){return this.exists(e)&&p(e).isFile()}isEmptyDirectory(e){return!!this.isDirectory(e)&&0===this.getFiles(e).length}makeDirectory(e){d(e,{recursive:!0})}write(e,t){a(u(e))||d(u(e),{recursive:!0}),m(e,t)}});var j=s(new class{constructor(){t(this,"renderInfo",f("#00ffff")),t(this,"renderSuccess",f("#00ff00")),t(this,"renderError",f("#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 o=setInterval((()=>(i++,n())),1e3),r=await t();return clearInterval(o),n("\n"),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=n(e,/\*\*(.*)\*\*/g);for(const s of t)e=e.replace(s[0],g(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]??"",n=t.find((e=>e.trim().length>0))?.indexOf(s)??0;return t.map((e=>e.slice(n)))}return[e]}logLine(e){console.log(e)}stdout(e){y(process.stdout,0),w(process.stdout,0),process.stdout.write(e)}});class k{static instantiate(e,t,s){return new k(e).instantiate(t,s)}constructor(e){t(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 i of x.getFiles(this.path)){const o=Object.entries(s).reduce(((e,t)=>{let[s,n]=t;return e.replaceAll(s,n)}),i.substring(this.path.length+1)),r=c(i).toString(),a=e+(o.endsWith(".template")?o.slice(0,-9):o);x.write(a,v(r,t,void 0,["<%","%>"])),n.push(a)}return n}getFilenameReplacements(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.entries(e).reduce(((e,s)=>{let[n,o]=s;return"object"==typeof o?Object.assign(e,this.getFilenameReplacements(o,`${n}.`)):e[`[${t}${n}]`]=i(o),e}),{})}}function A(){return h(__dirname,"../",arguments.length>0&&void 0!==arguments[0]?arguments[0]:"")}function D(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=e.split("\n"),n=t.indent??0;let i=0,o="";for(const e of s){const t=e.trim(),s=0===t.length;if(0===o.length){if(s)continue;i=e.indexOf(t[0]??""),o+=`${" ".repeat(n)}${t}\n`;continue}if(s){o+="\n";continue}const r=e.indexOf(t[0]??"");o+=`${" ".repeat(n+r-i)}${t}\n`}return o.trimEnd()}class F{constructor(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t(this,"name",void 0),t(this,"options",void 0),this.name=e,this.options=s}create(e){!x.exists(e)||x.isDirectory(e)&&x.isEmptyDirectory(e)||j.fail(`Folder at '${e}' already exists!`),k.instantiate(A("templates/app"),e,{app:{name:this.name,slug:o(this.name)},local:this.options.local&&{aerogelPath:A("../")}})}}class I{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=x.read("package.json");if(t?.includes("@aerogel/core"))return;if(e&&x.isDirectory(e))return;const s=e?`${e} folder does not exist.`:"package.json does not contain @aerogel/core.";j.fail(`${s} Are you sure this is an Aerogel app?`)}}t(I,"command",""),t(I,"description",""),t(I,"parameters",[]),t(I,"options",{});var b=s(new class{constructor(){t(this,"cwd",null)}setWorkingDirectory(e){this.cwd=e}async run(e){await new Promise(((t,s)=>{$(e,{cwd:this.cwd??void 0},(e=>{e?s(e):t()}))}))}});class S extends I{constructor(e,s){super(),t(this,"path",void 0),t(this,"options",void 0),this.path=e,this.options=s}async run(){const e=this.path,t=this.options.name??"Aerogel App";b.setWorkingDirectory(e),await this.createApp(t,e),await this.installDependencies(),await this.initializeGit(),j.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){j.info(`Creating **${e}**...`),new F(e,{local:this.options.local}).create(t)}async installDependencies(){await j.animate("Installing dependencies",(async()=>{await b.run("npm install")}))}async initializeGit(){await j.animate("Initializing git",(async()=>{await b.run("git init"),await b.run("git add ."),await b.run('git commit -m "Start"')}))}}t(S,"command","create"),t(S,"description","Create AerogelJS app"),t(S,"parameters",[["path","Application path"]]),t(S,"options",{name:"Application name",local:{type:"boolean",description:"Whether to create an app linked to local Aerogel packages (used for core development)"}});class O extends I{constructor(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),t(this,"path",void 0),t(this,"options",void 0),this.path=e,this.options=s}async run(){this.assertAerogelOrDirectory("src/components"),this.options.story&&this.assertHistoireInstalled(),x.exists(`src/components/${this.path}.vue`)&&j.fail(`${this.path} component already exists!`);const[e,t]=this.parsePathComponents(),s=k.instantiate(A("templates/component"),`src/components/${e}`,{component:{name:t}});if(this.options.story){const e=k.instantiate(A("templates/component-story"),"src/components",{component:{name:t}});s.push(...e)}const n=s.map((e=>`- ${e}`)).join("\n");j.info(`${t} component created successfully! The following files were created:\n\n${n}`)}assertHistoireInstalled(){x.exists("src/main.histoire.ts")||j.fail("Histoire is not installed yet!")}parsePathComponents(){const e=this.path.lastIndexOf("/");return-1===e?["",this.path]:[this.path.substring(0,e),this.path.substring(e+1)]}}t(O,"command","generate:component"),t(O,"description","Generate an AerogelJS component"),t(O,"parameters",[["path","Component path (relative to components folder; extension not necessary)"]]),t(O,"options",{story:{description:"Create component story using Histoire",type:"boolean"}});class C extends I{constructor(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),t(this,"name",void 0),t(this,"options",void 0),this.name=e,this.options=s}async run(){this.assertAerogelOrDirectory("src/models"),x.exists(`src/models/${this.name}.ts`)&&j.fail(`${this.name} model already exists!`),this.assertSoukaiInstalled();const e=k.instantiate(A("templates/model"),"src/models",{model:{name:this.name,fieldsDefinition:this.getFieldsDefinition()},soukaiImports:this.options.fields?"FieldType, defineModelSchema":"defineModelSchema"}).map((e=>`- ${e}`)).join("\n");j.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:r(s??"string"),required:"required"===n}})).reduce(((e,t)=>e+`\n${t.required?D(`\n                        ${t.name}: {\n                            type: FieldType.${t.type},\n                            required: true,\n                        }\n                    `):`${t.name}: FieldType.${t.type}`},`),"");return D(e,{indent:8})}assertSoukaiInstalled(){x.contains("package.json",'"soukai"')||x.contains("package.json",'"@aerogel/plugin-soukai"')||j.fail("\n                Soukai is not installed yet! You can install it doing the following:\n\n                1. Run the following command:\n                    npm install soukai @aerogel/plugin-soukai@next\n\n                2. Add this to your plugins array in src/main.ts:\n                    soukai({ models: import.meta.glob('@/models/*', { eager: true }) })\n            ")}}t(C,"command","generate:model"),t(C,"description","Generate an AerogelJS model"),t(C,"parameters",[["name","Model name"]]),t(C,"options",{fields:"Create model with the given fields"});var M=s(new class{run(t){const s=new e;s.name("ag").description("AerogelJS CLI").version("0.0.0"),S.define(s),O.define(s),C.define(s),s.parse(t)}});export{M as CLI};
-//# sourceMappingURL=aerogel-cli.esm.js.map

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

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

package/noeldemartin.config.js

@@ -1,4 +0,0 @@
-/** @type {import('@noeldemartin/scripts').Config} */
-module.exports = {
-    external: ['fs', '@noeldemartin/utils', 'chalk', 'child_process', 'commander', 'mustache', 'path', 'readline'],
-};

package/src/lib/utils.test.ts

@@ -1,33 +0,0 @@
-import { describe, expect, it } from 'vitest';
-
-import { formatCodeBlock } from './utils';
-
-describe('Utils', () => {
-
-    it('Formats code blocks', () => {
-        // Arrange
-        const raw = `
-
-            const foo = 'bar';
-
-            if (foo) {
-                doSomething();
-            }
-
-        `;
-        const formatted = [
-            'const foo = \'bar\';', //
-            '', //
-            'if (foo) {', //
-            '    doSomething();', //
-            '}', //
-        ].join('\n');
-
-        // Act
-        const actual = formatCodeBlock(raw);
-
-        // Assert
-        expect(actual).toEqual(formatted);
-    });
-
-});

package/src/lib/utils.ts

@@ -1,44 +0,0 @@
-import { resolve } from 'path';
-
-export interface FormatCodeBlockOptions {
-    indent?: number;
-}
-
-export function basePath(path: string = ''): string {
-    return resolve(__dirname, '../', path);
-}
-
-export function formatCodeBlock(code: string, options: FormatCodeBlockOptions = {}): string {
-    const lines = code.split('\n');
-    const indent = options.indent ?? 0;
-    let originalIndent = 0;
-    let formatted = '';
-
-    for (const line of lines) {
-        const trimmedLine = line.trim();
-        const isEmptyLine = trimmedLine.length === 0;
-
-        if (formatted.length === 0) {
-            if (isEmptyLine) {
-                continue;
-            }
-
-            originalIndent = line.indexOf(trimmedLine[0] ?? '');
-            formatted += `${' '.repeat(indent)}${trimmedLine}\n`;
-
-            continue;
-        }
-
-        if (isEmptyLine) {
-            formatted += '\n';
-
-            continue;
-        }
-
-        const lineIndent = line.indexOf(trimmedLine[0] ?? '');
-
-        formatted += `${' '.repeat(indent + lineIndent - originalIndent)}${trimmedLine}\n`;
-    }
-
-    return formatted.trimEnd();
-}

package/templates/app/cypress.config.ts

@@ -1,8 +0,0 @@
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-    e2e: {
-        baseUrl: 'http://localhost:5001',
-        video: false,
-    },
-});

package/templates/app/postcss.config.js

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

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

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

package/templates/app/tailwind.config.js

@@ -1,5 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    content: ['./index.html', './src/**/*.{vue,ts}', './node_modules/@aerogel/core/dist/**/*.js'],
-    plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
-};

package/tsconfig.json

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

package/vite.config.ts

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