@aerogel/core 0.0.0-next.7f6ed5a1f91688a86bf5ede2adc465e4fd6cfdea → 0.0.0-next.8323c60b905020dcb3bd9d4b0bc8d9b6529e1082

package/src/components/modals/AGModalContext.vue

@@ -1,22 +0,0 @@
-<template>
-    <component :is="modal.component" v-bind="modal.properties" />
-</template>
-
-<script setup lang="ts">
-import { provide, toRef } from 'vue';
-
-import { requiredNumberProp, requiredObjectProp } from '@/utils/vue';
-import type { Modal } from '@/ui/UI.state';
-
-import type { IAGModalContext } from './AGModalContext';
-
-const props = defineProps({
-    modal: requiredObjectProp<Modal>(),
-    childIndex: requiredNumberProp(),
-});
-
-provide<IAGModalContext>('modal', {
-    modal: toRef(props, 'modal'),
-    childIndex: toRef(props, 'childIndex'),
-});
-</script>

package/src/components/modals/index.ts

@@ -1,5 +0,0 @@
-import AGModal from './AGModal.vue';
-import AGModalContext from './AGModalContext.vue';
-import { IAGModal } from './AGModal';
-
-export { AGModal, AGModalContext, IAGModal };

package/src/directives/initial-focus.ts

@@ -1,11 +0,0 @@
-import { defineDirective } from '@/utils/vue';
-
-export default defineDirective({
-    mounted(element: HTMLElement, { value }) {
-        if (value === false) {
-            return;
-        }
-
-        element.focus();
-    },
-});

package/src/forms/Form.test.ts

@@ -1,37 +0,0 @@
-import { describe, expect, expectTypeOf, it } from 'vitest';
-
-import { useForm } from './composition';
-import { FormFieldTypes } from '@/main';
-import { numberInput, requiredStringInput } from '@/forms/utils';
-
-describe('Form', () => {
-
-    it('defines magic fields', () => {
-        const form = useForm({
-            name: requiredStringInput(),
-            age: numberInput(),
-        });
-
-        expectTypeOf(form.name).toEqualTypeOf<string>();
-        expectTypeOf(form.age).toEqualTypeOf<number | null>();
-    });
-
-    it('validates required fields', () => {
-        // Arrange
-        const form = useForm({
-            name: {
-                type: FormFieldTypes.String,
-                rules: 'required',
-            },
-        });
-
-        // Act
-        form.submit();
-
-        // Assert
-        expect(form.valid).toBe(false);
-        expect(form.submitted).toBe(true);
-        expect(form.errors.name).toEqual(['required']);
-    });
-
-});

package/src/forms/Form.ts

@@ -1,154 +0,0 @@
-import { MagicObject } from '@noeldemartin/utils';
-import { reactive, readonly, ref } from 'vue';
-import type { ObjectValues } from '@noeldemartin/utils';
-import type { DeepReadonly, Ref, UnwrapNestedRefs } from 'vue';
-
-export const FormFieldTypes = {
-    String: 'string',
-    Number: 'number',
-} as const;
-
-export interface FormFieldDefinition<TType extends FormFieldType = FormFieldType, TRules extends string = string> {
-    type: TType;
-    default?: GetFormFieldValue<TType>;
-    rules?: TRules;
-}
-
-export type FormFieldDefinitions = Record<string, FormFieldDefinition>;
-export type FormFieldType = ObjectValues<typeof FormFieldTypes>;
-
-export type FormData<T> = {
-    [k in keyof T]: T[k] extends FormFieldDefinition<infer TType, infer TRules>
-        ? TRules extends 'required'
-            ? GetFormFieldValue<TType>
-            : GetFormFieldValue<TType> | null
-        : never;
-};
-
-export type FormErrors<T> = {
-    [k in keyof T]: string[] | null;
-};
-
-export type GetFormFieldValue<TType> = TType extends typeof FormFieldTypes.String
-    ? string
-    : TType extends typeof FormFieldTypes.Number
-    ? number
-    : never;
-
-export default class Form<Fields extends FormFieldDefinitions = FormFieldDefinitions> extends MagicObject {
-
-    public errors: DeepReadonly<UnwrapNestedRefs<FormErrors<Fields>>>;
-
-    private _fields: Fields;
-    private _data: FormData<Fields>;
-    private _valid: Ref<boolean>;
-    private _submitted: Ref<boolean>;
-    private _errors: FormErrors<Fields>;
-
-    constructor(fields: Fields) {
-        super();
-
-        this._fields = fields;
-        this._submitted = ref(false);
-        this._valid = ref(true);
-        this._data = this.getInitialData(fields);
-        this._errors = this.getInitialErrors(fields);
-
-        this.errors = readonly(this._errors);
-    }
-
-    public get valid(): boolean {
-        return this._valid.value;
-    }
-
-    public get submitted(): boolean {
-        return this._submitted.value;
-    }
-
-    public setFieldValue<T extends keyof Fields>(field: T, value: FormData<Fields>[T]): void {
-        this._data[field] = value;
-
-        if (this._submitted.value) {
-            this.validate();
-        }
-    }
-
-    public getFieldValue<T extends keyof Fields>(field: T): GetFormFieldValue<Fields[T]['type']> {
-        return this._data[field] as unknown as GetFormFieldValue<Fields[T]['type']>;
-    }
-
-    public validate(): boolean {
-        const errors = Object.entries(this._fields).reduce((errors, [name, definition]) => {
-            errors[name] = this.getFieldErrors(name, definition);
-
-            return errors;
-        }, {} as Record<string, string[] | null>);
-
-        Object.assign(this._errors, errors);
-
-        return (this._valid.value = !Object.values(errors).some((error) => error !== null));
-    }
-
-    public submit(): boolean {
-        this._submitted.value = true;
-
-        return this.validate();
-    }
-
-    protected __get(property: string): unknown {
-        if (!(property in this._fields)) {
-            return super.__get(property);
-        }
-
-        return this._data[property];
-    }
-
-    protected __set(property: string, value: unknown): void {
-        if (!(property in this._fields)) {
-            super.__set(property, value);
-
-            return;
-        }
-
-        Object.assign(this._data, { [property]: value });
-    }
-
-    private getFieldErrors(name: keyof Fields, definition: FormFieldDefinition): string[] | null {
-        const errors = [];
-
-        if (definition.rules?.includes('required') && !this._data[name]) {
-            errors.push('required');
-        }
-
-        return errors.length > 0 ? errors : null;
-    }
-
-    private getInitialData(fields: Fields): FormData<Fields> {
-        if (this.static().isConjuring()) {
-            return {} as FormData<Fields>;
-        }
-
-        const data = Object.entries(fields).reduce((data, [name, definition]) => {
-            data[name as keyof Fields] = (definition.default ?? null) as FormData<Fields>[keyof Fields];
-
-            return data;
-        }, {} as FormData<Fields>);
-
-        return reactive(data) as FormData<Fields>;
-    }
-
-    private getInitialErrors(fields: Fields): FormErrors<Fields> {
-        if (this.static().isConjuring()) {
-            return {} as FormErrors<Fields>;
-        }
-
-        const errors = Object.keys(fields).reduce((errors, name) => {
-            errors[name as keyof Fields] = null;
-
-            return errors;
-        }, {} as FormErrors<Fields>);
-
-        return reactive(errors) as FormErrors<Fields>;
-    }
-
-}

package/src/forms/composition.ts

@@ -1,6 +0,0 @@
-import Form from '@/forms/Form';
-import type { FormData, FormFieldDefinitions } from '@/forms/Form';
-
-export function useForm<const T extends FormFieldDefinitions>(fields: T): Form<T> & FormData<T> {
-    return new Form(fields) as Form<T> & FormData<T>;
-}

package/src/lang/helpers.ts

@@ -1,5 +0,0 @@
-import Lang from '@/lang/Lang';
-
-export function lang(key: string, parameters: Record<string, unknown> = {}): string {
-    return Lang.translate(key, parameters);
-}

package/src/models/index.ts

@@ -1,18 +0,0 @@
-import { IndexedDBEngine, bootModelsFromViteGlob, setEngine } from 'soukai';
-
-import { defineBootstrapHook } from '@/bootstrap/hooks';
-
-export default defineBootstrapHook(async (_, options) => {
-    if (!options.models) {
-        return;
-    }
-
-    setEngine(new IndexedDBEngine());
-    bootModelsFromViteGlob(options.models);
-});
-
-declare module '@/bootstrap/options' {
-    interface BootstrapOptions {
-        models?: Record<string, Record<string, unknown>>;
-    }
-}

package/src/routing/index.ts

@@ -1,33 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router';
-import type { Plugin } from 'vue';
-
-import { defineBootstrapHook } from '@/bootstrap/hooks';
-
-function createAppRouter(options: { routes: RouteRecordRaw[]; basePath?: string }): Plugin {
-    return createRouter({
-        history: createWebHistory(options.basePath),
-        routes: options.routes,
-    });
-}
-
-export default defineBootstrapHook(async (app, options) => {
-    if (!options.routes) {
-        return;
-    }
-
-    const plugin = createAppRouter({
-        routes: options.routes,
-        basePath: options.basePath ?? __AG_BASE_PATH,
-    });
-
-    app.use(plugin);
-});
-
-declare module '@/bootstrap/options' {
-    interface BootstrapOptions {
-        routes?: RouteRecordRaw[];
-        basePath?: string;
-    }
-}
-
-import type { RouteRecordRaw } from 'vue-router';

package/src/testing/stubs/lang/en.yaml

@@ -1 +0,0 @@
-foo: Bar

package/src/testing/stubs/models/User.ts

@@ -1,3 +0,0 @@
-import { Model } from 'soukai';
-
-export default class User extends Model {}

package/tsconfig.json

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

package/vite.config.ts

@@ -1,17 +0,0 @@
-import I18n from '@intlify/unplugin-vue-i18n/vite';
-import Vue from '@vitejs/plugin-vue';
-import { defineConfig } from 'vitest/config';
-import { resolve } from 'path';
-
-const isTesting = process.env.NODE_ENV === 'test';
-
-export default defineConfig({
-    test: { clearMocks: true },
-    plugins: [Vue(), I18n({ include: resolve(__dirname, './src/testing/stubs/lang/**/*.yaml') })],
-    resolve: {
-        alias: {
-            '@': resolve(__dirname, './src'),
-        },
-    },
-    define: isTesting ? { __AG_BASE_PATH: 'undefined' } : undefined,
-});