okai/dist/ui-mjs.js

AI-powered code generation tool for ServiceStack Apps. Generate TypeScript data models, C# APIs, migrations, and UI components from natural language prompts using LLMs.

import { getGroupName, plural, toCamelCase, splitCase } from "./utils.js";
/*
export default {
    group: "Bookings",
    items: {
        Bookings: {
            type: 'Booking',
            component: {
                template:`<AutoQueryGrid :type="type"
                    selected-columns="id,name,roomType,roomNumber,bookingStartDate,bookingEndDate,cost,couponId,discount" />`,
            },
        },
        Coupons: {
            type: 'Coupon',
            component: {
                template:`<AutoQueryGrid :type="type"
                    selected-columns="id,name,description,discount,expiryDate" />`,
            },
        },
    },
}
*/
export class UiMjsGroupGenerator {
    ignore = [
        'User',
    ];
    generate(ast, groupLabel) {
        if (!groupLabel) {
            const groupName = getGroupName(ast);
            groupLabel = splitCase(plural(groupName));
        }
        const sb = [
            `export default {`,
            `    group: "${groupLabel}",`,
            `    items: {`,
            ...ast.types.filter(x => !x.isEnum && !x.isInterface && !this.ignore.includes(x.name)).map(x => {
                const template = x.inherits?.name == 'AuditBase' ? [
                    `<AutoQueryGrid :type="type"`,
                    `    selected-columns="${x.properties.map(x => toCamelCase(x.name)).join(',')}">`,
                    `  <template #formfooter="{ form, type, apis, model, id }">`,
                    `    <AuditEvents v-if="form === 'edit'" class="mt-4" :key="id" :type="type" :id="id" />`,
                    `  </template>`,
                    `</AutoQueryGrid>`
                ] : [
                    `<AutoQueryGrid :type="type"`,
                    `    selected-columns="${x.properties.map(x => toCamelCase(x.name)).join(',')}" />`,
                ];
                return [
                    `        ${plural(x.name)}: {`,
                    `            type: '${x.name}',`,
                    `            component: {`,
                    `                template:\``,
                    ...template.map(x => `                ${x}`),
                    `                \`,`,
                    `            },`,
                    `        },`,
                ].join('\n');
            }),
            `    }`,
            `}`,
        ];
        const src = sb.join('\n');
        return src;
    }
}
/*
import Bookings from './Bookings.mjs'
export {
    Bookings,
}
*/
export class UiMjsIndexGenerator {
    generate(files) {
        const imports = [];
        const exports = ['export {'];
        files.filter(x => x != 'index.mjs').forEach(x => {
            const name = x.replace('.mjs', '');
            imports.push(`import ${name} from './${name}.mjs'`);
            exports.push(`    ${name},`);
        });
        exports.push('}');
        const src = imports.join('\n') + '\n' + exports.join('\n');
        return src;
    }
}
//# sourceMappingURL=ui-mjs.js.map