mastra 0.1.57-unstable.37 → 0.1.57-unstable.56

package/dist/services/service.docker.d.ts

@@ -0,0 +1,26 @@
+export declare class DockerService {
+    sanitizeName(name: string): string;
+    isPortOpen(port: number): Promise<boolean>;
+    provision(projectName: string): Promise<{
+        dbUrl: string;
+    }>;
+    private getNextOpenPort;
+    getInfraPorts({ defaultPostgresPort, }?: {
+        defaultAdminPort?: number;
+        defaultInngestPort?: number;
+        defaultPostgresPort?: number;
+    }): Promise<{
+        postgresPort: number;
+    }>;
+    checkDockerRunning(): Promise<boolean>;
+    startDockerContainer(dockerComposeFile: string): Promise<boolean>;
+    stopDockerContainer(dockerComposeFile: string): Promise<boolean>;
+    prepareComposeFile({ sanitizedProjectName, postgresPort, }: {
+        sanitizedProjectName: string;
+        postgresPort: number;
+    }): Promise<{
+        dbUrl: string;
+    }>;
+    private editComposeFile;
+}
+//# sourceMappingURL=service.docker.d.ts.map

package/dist/services/service.docker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.docker.d.ts","sourceRoot":"","sources":["../../src/services/service.docker.ts"],"names":[],"mappings":"AAOA,qBAAa,aAAa;IACxB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAqB5B,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAQ1C,SAAS,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;YAqBlD,eAAe;IAUvB,aAAa,CAAC,EAClB,mBAAmB,GACpB,GAAE;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAO;;;IAW1F,kBAAkB;IASlB,oBAAoB,CAAC,iBAAiB,EAAE,MAAM;IAS9C,mBAAmB,CAAC,iBAAiB,EAAE,MAAM;IAS7C,kBAAkB,CAAC,EACvB,oBAAoB,EACpB,YAAY,GACb,EAAE;QACD,oBAAoB,EAAE,MAAM,CAAC;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;;;IAUD,OAAO,CAAC,eAAe;CAoBxB"}

package/dist/services/service.docker.js

@@ -0,0 +1,111 @@
+import { execa } from 'execa';
+import path from 'path';
+import { check } from 'tcp-port-used';
+import { fileURLToPath } from 'url';
+import { FileService } from './service.file.js';
+export class DockerService {
+    sanitizeName(name) {
+        // Convert to lowercase
+        let sanitized = name.toLowerCase();
+        // Replace any non-alphanumeric characters (excluding dashes) with dashes
+        sanitized = sanitized.replace(/[^a-z0-9-]/g, '-');
+        // Trim dashes from the start and end
+        sanitized = sanitized.replace(/^-+|-+$/g, '');
+        // Ensure name is between 2 and 255 characters
+        if (sanitized.length < 2) {
+            throw new Error('Name must be at least 2 characters long.');
+        }
+        if (sanitized.length > 255) {
+            sanitized = sanitized.substring(0, 255);
+        }
+        return sanitized;
+    }
+    async isPortOpen(port) {
+        return new Promise(resolve => {
+            check(port).then((inUse) => {
+                resolve(!inUse);
+            });
+        });
+    }
+    async provision(projectName) {
+        const sanitizedProjectName = this.sanitizeName(projectName);
+        const { postgresPort } = await this.getInfraPorts();
+        try {
+            if (!(await this.checkDockerRunning())) {
+                throw new Error('Docker Daemon is not running. Please start Docker and try again\n');
+            }
+            const { dbUrl } = await this.prepareComposeFile({
+                sanitizedProjectName,
+                postgresPort,
+            });
+            return { dbUrl };
+        }
+        catch (error) {
+            throw error;
+        }
+    }
+    async getNextOpenPort(startFrom = 2222) {
+        for (const port of Array.from({ length: 20 }, (_, i) => startFrom + i)) {
+            const isOpen = await this.isPortOpen(port);
+            if (isOpen) {
+                return port;
+            }
+        }
+        throw new Error('No open ports found after 20 attempts');
+    }
+    async getInfraPorts({ defaultPostgresPort, } = {}) {
+        let postgresPort = defaultPostgresPort || 5432;
+        const dbPortOpen = await this.isPortOpen(postgresPort);
+        if (!dbPortOpen) {
+            postgresPort = (await this.getNextOpenPort(postgresPort));
+        }
+        return { postgresPort };
+    }
+    async checkDockerRunning() {
+        try {
+            await execa('docker', ['info'], { stdio: 'ignore', shell: true });
+            return true;
+        }
+        catch (error) {
+            return false;
+        }
+    }
+    async startDockerContainer(dockerComposeFile) {
+        try {
+            await execa('docker', ['compose', '-f', dockerComposeFile, 'up', '-d'], { stdio: 'inherit' });
+            return true;
+        }
+        catch (error) {
+            return false;
+        }
+    }
+    async stopDockerContainer(dockerComposeFile) {
+        try {
+            await execa('docker', ['compose', '-f', dockerComposeFile, 'down'], { stdio: 'inherit' });
+            return true;
+        }
+        catch (error) {
+            return false;
+        }
+    }
+    async prepareComposeFile({ sanitizedProjectName, postgresPort, }) {
+        let dbUrl = `postgresql://postgres:postgres@localhost:${postgresPort}/mastra`;
+        this.editComposeFile({ sanitizedProjectName, postgresPort });
+        const fileService = new FileService();
+        await fileService.copyStarterFile('mastra-pg.docker-compose.yaml', 'mastra-pg.docker-compose.yaml');
+        return { dbUrl: String(dbUrl) };
+    }
+    editComposeFile({ sanitizedProjectName, postgresPort, }) {
+        const __filename = fileURLToPath(import.meta.url);
+        const __dirname = path.dirname(__filename);
+        const filePath = path.resolve(__dirname, '..', 'starter-files', 'mastra-pg.docker-compose.yaml');
+        const fileService = new FileService();
+        fileService.replaceValuesInFile({
+            filePath,
+            replacements: [
+                { replace: sanitizedProjectName, search: 'REPLACE_PROJECT_NAME' },
+                { replace: `${postgresPort}`, search: 'REPLACE_DB_PORT' },
+            ],
+        });
+    }
+}

package/dist/services/service.env.d.ts

@@ -2,3 +2,4 @@ export declare abstract class EnvService {
     abstract getEnvValue(key: string): Promise<string | null>;
     abstract setEnvValue(key: string, value: string): Promise<void>;
 }
+//# sourceMappingURL=service.env.d.ts.map

package/dist/services/service.env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.env.d.ts","sourceRoot":"","sources":["../../src/services/service.env.ts"],"names":[],"mappings":"AAAA,8BAAsB,UAAU;IAC9B,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IACzD,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAChE"}

package/dist/services/service.file.d.ts

@@ -0,0 +1,22 @@
+export declare class FileService {
+    /**
+     *
+     * @param inputFile the file in the starter files directory to copy
+     * @param outputFilePath the destination path
+     * @param replaceIfExists flag to replace if it exists
+     * @returns
+     */
+    copyStarterFile(inputFile: string, outputFilePath: string, replaceIfExists?: boolean): Promise<boolean>;
+    setupEnvFile({ dbUrl }: {
+        dbUrl: string;
+    }): Promise<void>;
+    getFirstExistingFile(files: string[]): string;
+    replaceValuesInFile({ filePath, replacements, }: {
+        filePath: string;
+        replacements: {
+            search: string;
+            replace: string;
+        }[];
+    }): void;
+}
+//# sourceMappingURL=service.file.d.ts.map

package/dist/services/service.file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.file.d.ts","sourceRoot":"","sources":["../../src/services/service.file.ts"],"names":[],"mappings":"AAQA,qBAAa,WAAW;IACtB;;;;;;OAMG;IACU,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO;IAgBpF,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;IAS/C,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;IAU7C,mBAAmB,CAAC,EACzB,QAAQ,EACR,YAAY,GACb,EAAE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KACrD;CAQF"}

package/dist/services/service.file.js

@@ -0,0 +1,47 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import fsExtra from 'fs-extra/esm';
+import { FileEnvService } from './service.fileEnv.js';
+export class FileService {
+    /**
+     *
+     * @param inputFile the file in the starter files directory to copy
+     * @param outputFilePath the destination path
+     * @param replaceIfExists flag to replace if it exists
+     * @returns
+     */
+    async copyStarterFile(inputFile, outputFilePath, replaceIfExists) {
+        const __filename = fileURLToPath(import.meta.url);
+        const __dirname = path.dirname(__filename);
+        const filePath = path.resolve(__dirname, '..', 'starter-files', inputFile);
+        const fileString = fs.readFileSync(filePath, 'utf8');
+        if (fs.existsSync(outputFilePath) && !replaceIfExists) {
+            console.log(`${outputFilePath} already exists`);
+            return false;
+        }
+        await fsExtra.outputFile(outputFilePath, fileString);
+        return true;
+    }
+    async setupEnvFile({ dbUrl }) {
+        const envPath = path.join(process.cwd(), '.env.development');
+        await fsExtra.ensureFile(envPath);
+        const fileEnvService = new FileEnvService(envPath);
+        await fileEnvService.setEnvValue('DB_URL', dbUrl);
+    }
+    getFirstExistingFile(files) {
+        for (const f of files) {
+            if (fs.existsSync(f)) {
+                return f;
+            }
+        }
+        throw new Error('Missing required file, checked the following paths: ' + files.join(', '));
+    }
+    replaceValuesInFile({ filePath, replacements, }) {
+        let fileContent = fs.readFileSync(filePath, 'utf8');
+        replacements.forEach(({ search, replace }) => {
+            fileContent = fileContent.replaceAll(search, replace);
+        });
+        fs.writeFileSync(filePath, fileContent);
+    }
+}

package/dist/services/service.fileEnv.d.ts

@@ -8,3 +8,4 @@ export declare class FileEnvService extends EnvService {
     getEnvValue(key: string): Promise<string | null>;
     setEnvValue(key: string, value: string): Promise<void>;
 }
+//# sourceMappingURL=service.fileEnv.d.ts.map

package/dist/services/service.fileEnv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.fileEnv.d.ts","sourceRoot":"","sources":["../../src/services/service.fileEnv.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,qBAAa,cAAe,SAAQ,UAAU;IAC5C,OAAO,CAAC,QAAQ,CAAS;gBAEb,QAAQ,EAAE,MAAM;IAK5B,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,SAAS;YASH,aAAa;IAsBrB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAYhD,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAQ7D"}

package/dist/shared/components/Chat.d.ts

@@ -1,2 +1,2 @@
 import { ChatProps } from '../types';
-export declare function Chat({ agentId, initialMessages }: ChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chat({ agentId, initialMessages, agentName }: ChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/Chat.js

@@ -5,7 +5,7 @@ import { MessageInput } from './ui/message-input';
 import { MessageList } from './ui/message-list';
 import { PromptSuggestions } from './ui/prompt-suggestions';
 import { ScrollArea } from './ui/scroll-area';
-export function Chat({ agentId, initialMessages = [] }) {
+export function Chat({ agentId, initialMessages = [], agentName }) {
     const [messages, setMessages] = useState(initialMessages);
     const [input, setInput] = useState('');
     const [isLoading, setIsLoading] = useState(false);
@@ -31,7 +31,7 @@ export function Chat({ agentId, initialMessages = [] }) {
         };
         setMessages(prev => [...prev, newUserMessage, newAssistantMessage]);
         try {
-            const response = await fetch('/agent/' + agentId + '/stream', {
+            const response = await fetch('/api/agents/' + agentId + '/stream', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({ messages: [userMessage] }),
@@ -92,5 +92,5 @@ export function Chat({ agentId, initialMessages = [] }) {
         handleSubmit();
     }, [handleSubmit]);
     const suggestions = ['What capabilities do you have?', 'How can you help me?', 'Tell me about yourself'];
-    return (_jsxs(ChatContainer, { className: "h-[calc(100vh-50px)] p-4 lg:px-[10rem] max-w-[1000px] mx-auto", children: [_jsxs("div", { className: "flex flex-col h-full py-4", children: [_jsx("div", { className: "mb-4 flex justify-center", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [_jsx("circle", { cx: "18.0002", cy: "18.0002", r: "15.2365", stroke: "currentColor", strokeWidth: "1.25409" }), _jsx("ellipse", { cx: "18.0008", cy: "18", rx: "15.2365", ry: "10.2193", transform: "rotate(45 18.0008 18)", stroke: "currentColor", strokeWidth: "1.25409" }), _jsx("path", { d: "M11.7793 18.0547H24.3007", stroke: "currentColor", strokeWidth: "1.25409" }), _jsx("path", { d: "M14.8574 21.2354L21.2192 14.8736", stroke: "currentColor", strokeWidth: "1.25409" }), _jsx("path", { d: "M21.2207 21.2354L14.8589 14.8736", stroke: "currentColor", strokeWidth: "1.25409" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.57571 11.2943C4.93105 13.0681 3.39081 15.4508 3.39081 17.9997C3.39081 20.5486 4.93105 22.9313 7.57571 24.7051C10.2163 26.4762 13.9001 27.592 18.0003 27.592C22.1004 27.592 25.7842 26.4762 28.4248 24.7051C31.0695 22.9313 32.6097 20.5486 32.6097 17.9997C32.6097 15.4508 31.0695 13.0681 28.4248 11.2943C25.7842 9.5232 22.1004 8.40741 18.0003 8.40741C13.9001 8.40741 10.2163 9.5232 7.57571 11.2943ZM6.87715 10.2528C9.75106 8.32521 13.6855 7.15332 18.0003 7.15332C22.315 7.15332 26.2495 8.32521 29.1234 10.2528C31.9932 12.1776 33.8638 14.9046 33.8638 17.9997C33.8638 21.0948 31.9932 23.8218 29.1234 25.7466C26.2495 27.6742 22.315 28.8461 18.0003 28.8461C13.6855 28.8461 9.75106 27.6742 6.87715 25.7466C4.00728 23.8218 2.13672 21.0948 2.13672 17.9997C2.13672 14.9046 4.00728 12.1776 6.87715 10.2528Z", fill: "currentColor" })] }) }), isEmpty ? (_jsx("div", { className: "mx-auto max-w-2xl", children: _jsx(PromptSuggestions, { label: `Chat with ${agentId}`, append: append, suggestions: suggestions }) })) : (_jsx(ScrollArea, { className: " h-[calc(100vh-15rem)] px-4", children: _jsx(ChatMessages, { messages: messages, children: _jsx(MessageList, { messages: messages, isTyping: isTyping }) }) }))] }), _jsx(ChatForm, { className: "mt-auto ", isPending: isLoading || isTyping, handleSubmit: handleSubmit, children: ({ files, setFiles }) => (_jsx(MessageInput, { value: input, onChange: handleInputChange, files: files, setFiles: setFiles, isGenerating: isLoading, placeholder: `Enter your message...` })) })] }));
+    return (_jsxs(ChatContainer, { className: "h-full p-4 lg:px-[10rem] max-w-[1000px] mx-auto", children: [_jsx("div", { className: "flex flex-col h-full py-4", children: isEmpty ? (_jsx("div", { className: "mx-auto max-w-2xl", children: _jsx(PromptSuggestions, { label: `Chat with ${agentName}`, append: append, suggestions: suggestions }) })) : (_jsx(ScrollArea, { className: " h-[calc(100vh-15rem)] px-4", children: _jsx(ChatMessages, { messages: messages, children: _jsx(MessageList, { messages: messages, isTyping: isTyping }) }) })) }), _jsx(ChatForm, { className: "mt-auto ", isPending: isLoading || isTyping, handleSubmit: handleSubmit, children: ({ files, setFiles }) => (_jsx(MessageInput, { value: input, onChange: handleInputChange, files: files, setFiles: setFiles, isGenerating: isLoading, placeholder: `Enter your message...` })) })] }));
 }

package/dist/shared/components/dynamic-form/default-field-map.d.ts

@@ -0,0 +1,15 @@
+import { type FieldProps } from './schema';
+export declare function getDefaultFieldMap(): {
+    STRING: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    NUMBER: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    BOOLEAN: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    DATE: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    ENUM: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    ARRAY: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    RECORD: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    OBJECT: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    UNION: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    CREATABLE: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    SELECT: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    MULTI_SELECT: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/shared/components/dynamic-form/default-field-map.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as z from 'zod';
+import { ArrayField, BooleanField, CreatableField, DateField, EnumField, NumberField, RecordField, StringField, ObjectField, UnionField, } from './fields';
+import { FormConfigType, getFormConfigTypesFromSchemaDef } from './schema';
+import { resolveSchema } from './schema-resolver';
+export function getDefaultFieldMap() {
+    return {
+        [FormConfigType.STRING]: (props) => {
+            const { options, ...rest } = props;
+            if (options?.length) {
+                return _jsx(EnumField, { ...rest, options: options });
+            }
+            return _jsx(StringField, { ...rest });
+        },
+        [FormConfigType.NUMBER]: (props) => {
+            return _jsx(NumberField, { ...props });
+        },
+        [FormConfigType.BOOLEAN]: (props) => {
+            return _jsx(BooleanField, { ...props });
+        },
+        [FormConfigType.DATE]: (props) => {
+            return _jsx(DateField, { ...props });
+        },
+        [FormConfigType.ENUM]: (props) => {
+            const { options = [] } = props;
+            return _jsx(EnumField, { ...props, options: options });
+        },
+        [FormConfigType.ARRAY]: (props) => {
+            const renderField = ({ fieldName, index: _index }) => {
+                return getDefaultFieldMap()[FormConfigType.STRING]({
+                    ...props,
+                    name: fieldName,
+                });
+            };
+            return _jsx(ArrayField, { ...props, renderField: renderField });
+        },
+        [FormConfigType.RECORD]: (props) => {
+            const renderField = ({ fieldName, index: _index }) => {
+                return getDefaultFieldMap()[FormConfigType.STRING]({
+                    ...props,
+                    name: fieldName,
+                });
+            };
+            return _jsx(RecordField, { ...props, renderField: renderField });
+        },
+        [FormConfigType.OBJECT]: (props) => {
+            const { innerSchema, name, control, handleFieldChange } = props;
+            if (!innerSchema)
+                return null;
+            return (_jsx(ObjectField, { schema: innerSchema, control: control, parentField: name, handleFieldChange: (field, value) => handleFieldChange({ key: field, value }), formValues: {}, errors: {}, renderDynamicForm: props => resolveSchema({ ...props, handleFieldChange }) }));
+        },
+        [FormConfigType.UNION]: (props) => {
+            const { innerSchema, name, control, handleFieldChange } = props;
+            if (!innerSchema || !(innerSchema instanceof z.ZodUnion))
+                return null;
+            return (_jsx(UnionField, { schema: innerSchema, control: control, parentField: name, handleFieldChange: (field, value) => handleFieldChange({ key: field, value }), renderDynamicForm: fieldProps => {
+                    const fieldType = getFormConfigTypesFromSchemaDef({ schema: fieldProps.schema });
+                    return getDefaultFieldMap()[fieldType.type]({
+                        ...props,
+                        ...fieldProps,
+                        control,
+                        handleFieldChange,
+                    });
+                }, formValues: {}, errors: {} }));
+        },
+        [FormConfigType.CREATABLE]: (props) => {
+            return _jsx(CreatableField, { ...props });
+        },
+        [FormConfigType.SELECT]: (props) => {
+            const { options = [] } = props;
+            return _jsx(EnumField, { ...props, options: options });
+        },
+        [FormConfigType.MULTI_SELECT]: (props) => {
+            return _jsx(CreatableField, { ...props });
+        },
+    };
+}

package/dist/shared/components/dynamic-form/fields/array-field.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Control } from 'react-hook-form';
+interface ArrayFieldProps {
+    name: string;
+    control: Control<any>;
+    renderField: (props: {
+        fieldName: string;
+        index: number;
+    }) => React.ReactNode;
+    handleFieldChange?: (props: {
+        key: string;
+        value: any[];
+    }) => void;
+}
+export declare function ArrayField({ name, control, renderField }: ArrayFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/dynamic-form/fields/array-field.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus, X } from 'lucide-react';
+import { useFieldArray } from 'react-hook-form';
+import { Button } from '../../ui/button';
+export function ArrayField({ name, control, renderField }) {
+    const { fields, append, remove } = useFieldArray({
+        control,
+        name,
+    });
+    return (_jsxs("div", { className: "space-y-2", children: [fields.map((field, index) => (_jsxs("div", { className: "relative flex items-center gap-2", children: [renderField({ fieldName: `${name}.${index}`, index }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "absolute -right-2 -top-2", onClick: () => remove(index), children: _jsx(X, { className: "h-4 w-4" }) })] }, field.id))), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "w-full", onClick: () => append({}), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Item"] })] }));
+}

package/dist/shared/components/dynamic-form/fields/boolean-field.d.ts

@@ -0,0 +1,11 @@
+import { Control } from 'react-hook-form';
+interface BooleanFieldProps {
+    name: string;
+    control: Control<any>;
+    handleFieldChange?: (props: {
+        key: string;
+        value: boolean;
+    }) => void;
+}
+export declare function BooleanField({ name, control, handleFieldChange }: BooleanFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/dynamic-form/fields/boolean-field.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller } from 'react-hook-form';
+import { Switch } from '../../ui/switch';
+export function BooleanField({ name, control, handleFieldChange }) {
+    return (_jsx(Controller, { name: name, control: control, render: ({ field }) => (_jsx(Switch, { checked: field.value, onCheckedChange: checked => {
+                field.onChange(checked);
+                handleFieldChange?.({ key: name, value: checked });
+            } })) }));
+}

package/dist/shared/components/dynamic-form/fields/creatable-field.d.ts

@@ -0,0 +1,16 @@
+import { Control } from 'react-hook-form';
+interface CreatableFieldProps {
+    name: string;
+    control: Control<any>;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    handleFieldChange?: (props: {
+        key: string;
+        value: string[];
+    }) => void;
+    placeholder?: string;
+}
+export declare function CreatableField({ name, control, options, handleFieldChange, placeholder }: CreatableFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/dynamic-form/fields/creatable-field.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus, X } from 'lucide-react';
+import * as React from 'react';
+import { Controller } from 'react-hook-form';
+import { Badge } from '../../ui/badge';
+import { Button } from '../../ui/button';
+import { Command, CommandInput, CommandList, CommandGroup, CommandItem } from '../../ui/command';
+import { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover';
+export function CreatableField({ name, control, options = [], handleFieldChange, placeholder }) {
+    const [openPopover, setOpenPopover] = React.useState(false);
+    const [inputValue, setInputValue] = React.useState('');
+    return (_jsx(Controller, { name: name, control: control, render: ({ field }) => {
+            const selectedValues = field.value || [];
+            const removeValue = (valueToRemove) => {
+                const newValues = selectedValues.filter((v) => v !== valueToRemove);
+                field.onChange(newValues);
+                handleFieldChange?.({ key: name, value: newValues });
+            };
+            const addValue = (value) => {
+                if (!value)
+                    return;
+                const newValues = [...selectedValues, value];
+                field.onChange(newValues);
+                handleFieldChange?.({ key: name, value: newValues });
+                setInputValue('');
+                setOpenPopover(false);
+            };
+            return (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex flex-wrap gap-2", children: selectedValues.map((value) => (_jsxs(Badge, { className: "flex items-center gap-1", children: [value, _jsx(Button, { variant: "ghost", size: "icon", className: "h-4 w-4 p-0", onClick: () => removeValue(value), children: _jsx(X, { className: "h-3 w-3" }) })] }, value))) }), _jsxs(Popover, { open: openPopover, onOpenChange: setOpenPopover, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "w-full justify-start", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), placeholder || 'Add item'] }) }), _jsx(PopoverContent, { className: "p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Enter value...", value: inputValue, onValueChange: setInputValue }), _jsx(CommandList, { children: _jsxs(CommandGroup, { children: [options
+                                                        .filter(opt => !selectedValues.includes(opt.value))
+                                                        .map(option => (_jsx(CommandItem, { onSelect: () => addValue(option.value), children: option.label }, option.value))), inputValue && (_jsxs(CommandItem, { onSelect: () => addValue(inputValue), children: ["Create \"", inputValue, "\""] }))] }) })] }) })] })] }));
+        } }));
+}

package/dist/shared/components/dynamic-form/fields/date-field.d.ts

@@ -0,0 +1,11 @@
+import { Control } from 'react-hook-form';
+interface DateFieldProps {
+    name: string;
+    control: Control<any>;
+    handleFieldChange?: (props: {
+        key: string;
+        value: Date | null | undefined;
+    }) => void;
+}
+export declare function DateField({ name, control, handleFieldChange }: DateFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/dynamic-form/fields/date-field.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller } from 'react-hook-form';
+import { DatePicker } from '../../ui/date-picker';
+export function DateField({ name, control, handleFieldChange }) {
+    return (_jsx(Controller, { name: name, control: control, render: ({ field }) => (_jsx(DatePicker, { value: field.value, setValue: date => {
+                field.onChange(date);
+                handleFieldChange?.({ key: name, value: date });
+            } })) }));
+}

package/dist/shared/components/dynamic-form/fields/enum-field.d.ts

@@ -0,0 +1,15 @@
+import { Control } from 'react-hook-form';
+interface EnumFieldProps {
+    name: string;
+    control: Control<any>;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    handleFieldChange?: (props: {
+        key: string;
+        value: string;
+    }) => void;
+}
+export declare function EnumField({ name, control, options, handleFieldChange }: EnumFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/dynamic-form/fields/enum-field.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controller } from 'react-hook-form';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../ui/select';
+export function EnumField({ name, control, options, handleFieldChange }) {
+    return (_jsx(Controller, { name: name, control: control, render: ({ field }) => (_jsxs(Select, { value: field.value, onValueChange: value => {
+                field.onChange(value);
+                handleFieldChange?.({ key: name, value });
+            }, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select an option" }) }), _jsx(SelectContent, { children: options.map(option => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })) }));
+}

package/dist/shared/components/dynamic-form/fields/index.d.ts

@@ -0,0 +1,10 @@
+export { ArrayField } from './array-field';
+export { BooleanField } from './boolean-field';
+export { CreatableField } from './creatable-field';
+export { DateField } from './date-field';
+export { EnumField } from './enum-field';
+export { StringField } from './string-field';
+export { UnionField } from './union-field';
+export { ObjectField } from './object-field';
+export { NumberField } from './number-field';
+export { RecordField } from './record-field';

package/dist/shared/components/dynamic-form/fields/index.js

@@ -0,0 +1,10 @@
+export { ArrayField } from './array-field';
+export { BooleanField } from './boolean-field';
+export { CreatableField } from './creatable-field';
+export { DateField } from './date-field';
+export { EnumField } from './enum-field';
+export { StringField } from './string-field';
+export { UnionField } from './union-field';
+export { ObjectField } from './object-field';
+export { NumberField } from './number-field';
+export { RecordField } from './record-field';

package/dist/shared/components/dynamic-form/fields/number-field.d.ts

@@ -0,0 +1,11 @@
+import { Control } from 'react-hook-form';
+interface NumberFieldProps {
+    name: string;
+    control: Control<any>;
+    handleFieldChange?: (props: {
+        key: string;
+        value: number;
+    }) => void;
+}
+export declare function NumberField({ name, control, handleFieldChange }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/components/dynamic-form/fields/number-field.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller } from 'react-hook-form';
+import { Input } from '../../ui/input';
+export function NumberField({ name, control, handleFieldChange }) {
+    return (_jsx(Controller, { name: name, control: control, render: ({ field }) => (_jsx(Input, { ...field, type: "number", onChange: e => {
+                const value = e.target.value === '' ? undefined : Number(e.target.value);
+                field.onChange(value);
+                handleFieldChange?.({ key: name, value: value });
+            } })) }));
+}

package/dist/shared/components/dynamic-form/fields/object-field.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ZodSchema } from 'zod';
+interface ObjectFieldProps {
+    renderDynamicForm: (props: {
+        schema: ZodSchema;
+        handleFieldChange: (field: string, value: any) => void;
+        control: any;
+        formValues: Record<string, any>;
+        errors: Record<string, any>;
+        parentField: string;
+        action?: any;
+        isOptional?: boolean;
+        depth?: number;
+    }) => React.ReactNode;
+    schema: ZodSchema;
+    handleFieldChange: (field: string, value: any) => void;
+    control: any;
+    formValues: Record<string, any>;
+    errors: Record<string, any>;
+    parentField: string;
+    action?: any;
+    isArray?: boolean;
+    isOptional?: boolean;
+    depth?: number;
+}
+export declare function ObjectField({ renderDynamicForm, schema, handleFieldChange, control, formValues, errors, parentField, action, isArray, isOptional, depth, }: ObjectFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};