@claudetools/tools 0.8.10 → 0.9.0

package/dist/codedna/generators/prisma.js

@@ -0,0 +1,64 @@
+// =============================================================================
+// Prisma Generator
+// =============================================================================
+//
+// Generate Prisma schema, client extensions, and typed queries.
+// Industry-standard ORM with excellent DX and type safety.
+//
+import { BaseGenerator } from './base.js';
+export class PrismaGenerator extends BaseGenerator {
+    getGeneratorId() {
+        return 'prisma';
+    }
+    getRequiredTemplates(options) {
+        const templates = [
+            'model.prisma.j2',
+            'types.ts.j2',
+        ];
+        if (options.clientExtensions) {
+            templates.push('client.ts.j2');
+        }
+        // Service layer with typed queries
+        templates.push('service.ts.j2');
+        if (options.seedFile) {
+            templates.push('seed.ts.j2');
+        }
+        if (this.isEnabled(options, 'tests')) {
+            templates.push('test.ts.j2');
+        }
+        return templates;
+    }
+    getFileMapping(entity, options) {
+        const entityLower = entity.name.toLowerCase();
+        const mapping = {
+            [`prisma/models/${entityLower}.prisma`]: 'model.prisma.j2',
+            [`src/types/${entityLower}.ts`]: 'types.ts.j2',
+            [`src/services/${entityLower}.service.ts`]: 'service.ts.j2',
+        };
+        if (options.clientExtensions) {
+            mapping['src/lib/prisma.ts'] = 'client.ts.j2';
+        }
+        if (options.seedFile) {
+            mapping['prisma/seed.ts'] = 'seed.ts.j2';
+        }
+        if (this.isEnabled(options, 'tests')) {
+            mapping[`src/services/__tests__/${entityLower}.test.ts`] = 'test.ts.j2';
+        }
+        return mapping;
+    }
+    /**
+     * Generate Prisma schema from entity specification
+     */
+    async generate(entity, options = {}) {
+        // Set defaults - Prisma specific
+        const opts = {
+            datasource: 'postgresql',
+            clientExtensions: true,
+            seedFile: false,
+            database: 'postgresql',
+            ...options,
+        };
+        // Generate files
+        return super.generate(entity, opts);
+    }
+}

package/dist/codedna/generators/react-router-v7.d.ts

@@ -0,0 +1,18 @@
+import { BaseGenerator } from './base.js';
+import { EntitySpec } from '../parser.js';
+import { GenerateFrontendOptions } from '../types.js';
+interface ReactRouterV7Options extends GenerateFrontendOptions {
+    loaders?: boolean;
+    actions?: boolean;
+    streaming?: boolean;
+}
+export declare class ReactRouterV7Generator extends BaseGenerator {
+    protected getGeneratorId(): string;
+    protected getRequiredTemplates(options: ReactRouterV7Options): string[];
+    protected getFileMapping(entity: EntitySpec, options: ReactRouterV7Options): Record<string, string>;
+    /**
+     * Generate React Router v7 routes from entity specification
+     */
+    generate(entity: EntitySpec, options?: ReactRouterV7Options): Promise<import('../types.js').GenerationResult>;
+}
+export {};

package/dist/codedna/generators/react-router-v7.js

@@ -0,0 +1,77 @@
+// =============================================================================
+// React Router v7 Generator
+// =============================================================================
+//
+// Generate React Router v7 routes with loaders, actions, and type-safe params.
+// Supports the new framework mode with server-side rendering.
+//
+import { BaseGenerator } from './base.js';
+export class ReactRouterV7Generator extends BaseGenerator {
+    getGeneratorId() {
+        return 'react-router-v7';
+    }
+    getRequiredTemplates(options) {
+        const templates = [
+            'route.tsx.j2',
+            'types.ts.j2',
+            'schema.ts.j2',
+        ];
+        if (options.loaders !== false) {
+            templates.push('loader.ts.j2');
+        }
+        if (options.actions !== false) {
+            templates.push('action.ts.j2');
+        }
+        if (this.isEnabled(options, 'forms', true)) {
+            templates.push('form.tsx.j2');
+        }
+        if (this.isEnabled(options, 'tables', true)) {
+            templates.push('table.tsx.j2');
+        }
+        if (this.isEnabled(options, 'tests')) {
+            templates.push('test.tsx.j2');
+        }
+        return templates;
+    }
+    getFileMapping(entity, options) {
+        const entityLower = entity.name.toLowerCase();
+        const entityPlural = entityLower + 's';
+        const mapping = {
+            [`app/routes/${entityPlural}/route.tsx`]: 'route.tsx.j2',
+            [`app/types/${entityLower}.ts`]: 'types.ts.j2',
+            [`app/schemas/${entityLower}.schema.ts`]: 'schema.ts.j2',
+        };
+        if (options.loaders !== false) {
+            mapping[`app/routes/${entityPlural}/loader.ts`] = 'loader.ts.j2';
+        }
+        if (options.actions !== false) {
+            mapping[`app/routes/${entityPlural}/action.ts`] = 'action.ts.j2';
+        }
+        if (this.isEnabled(options, 'forms', true)) {
+            mapping[`app/components/${entity.name}Form.tsx`] = 'form.tsx.j2';
+        }
+        if (this.isEnabled(options, 'tables', true)) {
+            mapping[`app/components/${entity.name}Table.tsx`] = 'table.tsx.j2';
+        }
+        if (this.isEnabled(options, 'tests')) {
+            mapping[`app/routes/${entityPlural}/__tests__/route.test.tsx`] = 'test.tsx.j2';
+        }
+        return mapping;
+    }
+    /**
+     * Generate React Router v7 routes from entity specification
+     */
+    async generate(entity, options = {}) {
+        // Set defaults - React Router v7 specific
+        const opts = {
+            forms: true,
+            tables: true,
+            loaders: true,
+            actions: true,
+            streaming: false,
+            ...options,
+        };
+        // Generate files
+        return super.generate(entity, opts);
+    }
+}

package/dist/codedna/generators/react19-shadcn.d.ts

@@ -0,0 +1,21 @@
+import { BaseGenerator, GeneratedFile, GeneratorOptions } from './base.js';
+import { EntitySpec } from '../parser.js';
+export interface React19ShadcnOptions extends GeneratorOptions {
+    componentPattern?: 'compound' | 'simple';
+    formPattern?: 'controlled' | 'uncontrolled';
+    includeTable?: boolean;
+    includeModal?: boolean;
+    includeDrawer?: boolean;
+}
+export declare class React19ShadcnGenerator extends BaseGenerator {
+    private engine;
+    private options;
+    constructor(options?: React19ShadcnOptions);
+    generate(entity: EntitySpec): Promise<GeneratedFile[]>;
+    private generateFormComponent;
+    private generateTableComponent;
+    private generateModalComponent;
+    private generateDrawerComponent;
+    private generateCardComponent;
+    private generateTypes;
+}

package/dist/codedna/generators/react19-shadcn.js

@@ -0,0 +1,367 @@
+// =============================================================================
+// React 19 + ShadcnUI Component Generator
+// =============================================================================
+//
+// Generates modern React components using:
+// - React 19 features (useOptimistic, useActionState, useFormStatus)
+// - ShadcnUI components (Button, Input, Select, Table, etc.)
+// - Compound component patterns
+// - TypeScript types
+// - Accessible components (ARIA)
+//
+import { BaseGenerator } from './base.js';
+import { TemplateEngine, buildContext } from '../template-engine.js';
+export class React19ShadcnGenerator extends BaseGenerator {
+    engine;
+    options;
+    constructor(options = {}) {
+        super();
+        this.engine = new TemplateEngine();
+        this.options = {
+            componentPattern: options.componentPattern || 'compound',
+            formPattern: options.formPattern || 'controlled',
+            includeTable: options.includeTable ?? true,
+            includeModal: options.includeModal ?? true,
+            includeDrawer: options.includeDrawer ?? false,
+            ...options,
+        };
+    }
+    async generate(entity) {
+        const files = [];
+        const context = buildContext(entity, this.options);
+        // Form component with React 19 hooks
+        files.push(await this.generateFormComponent(entity, context));
+        // Data table with sorting/filtering
+        if (this.options.includeTable) {
+            files.push(await this.generateTableComponent(entity, context));
+        }
+        // Modal component
+        if (this.options.includeModal) {
+            files.push(await this.generateModalComponent(entity, context));
+        }
+        // Drawer component
+        if (this.options.includeDrawer) {
+            files.push(await this.generateDrawerComponent(entity, context));
+        }
+        // Card component
+        files.push(await this.generateCardComponent(entity, context));
+        // Types
+        files.push(await this.generateTypes(entity, context));
+        return files;
+    }
+    async generateFormComponent(entity, context) {
+        const template = `// ${entity.name} Form Component (React 19 + ShadcnUI)
+// Generated by CodeDNA
+
+import { useActionState, useOptimistic } from 'react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { ${entity.name} } from '@/types/${entity.name.toLowerCase()}';
+
+interface ${entity.name}FormProps {
+  initialData?: Partial<${entity.name}>;
+  onSubmit: (data: FormData) => Promise<void>;
+}
+
+export function ${entity.name}Form({ initialData, onSubmit }: ${entity.name}FormProps) {
+  const [state, formAction, isPending] = useActionState(
+    async (prevState: any, formData: FormData) => {
+      try {
+        await onSubmit(formData);
+        return { success: true, error: null };
+      } catch (error) {
+        return { success: false, error: error instanceof Error ? error.message : 'Failed to submit' };
+      }
+    },
+    { success: false, error: null }
+  );
+
+  return (
+    <form action={formAction} className="space-y-6">
+${entity.fields.map(field => {
+            if (field.type.kind === 'primitive') {
+                return `      <div className="space-y-2">
+        <Label htmlFor="${field.name}">${field.name.charAt(0).toUpperCase() + field.name.slice(1)}</Label>
+        <Input
+          id="${field.name}"
+          name="${field.name}"
+          type="${field.type.value === 'email' ? 'email' : field.type.value === 'integer' || field.type.value === 'decimal' ? 'number' : 'text'}"
+          defaultValue={initialData?.${field.name} || ''}
+          ${field.constraints.some(c => c.kind === 'required') ? 'required' : ''}
+          disabled={isPending}
+        />
+      </div>`;
+            }
+            else if (field.type.kind === 'enum') {
+                return `      <div className="space-y-2">
+        <Label htmlFor="${field.name}">${field.name.charAt(0).toUpperCase() + field.name.slice(1)}</Label>
+        <Select name="${field.name}" defaultValue={initialData?.${field.name}} disabled={isPending}>
+          <SelectTrigger>
+            <SelectValue placeholder="Select ${field.name}" />
+          </SelectTrigger>
+          <SelectContent>
+${field.type.values.map(v => `            <SelectItem value="${v}">${v}</SelectItem>`).join('\n')}
+          </SelectContent>
+        </Select>
+      </div>`;
+            }
+            return '';
+        }).filter(Boolean).join('\n\n')}
+
+      {state.error && (
+        <div className="text-sm text-red-600">{state.error}</div>
+      )}
+
+      <div className="flex gap-4">
+        <Button type="submit" disabled={isPending}>
+          {isPending ? 'Saving...' : 'Save'}
+        </Button>
+        <Button type="button" variant="outline" disabled={isPending}>
+          Cancel
+        </Button>
+      </div>
+    </form>
+  );
+}`;
+        return {
+            path: `src/components/${entity.name}Form.tsx`,
+            content: template,
+            language: 'typescript',
+        };
+    }
+    async generateTableComponent(entity, context) {
+        const template = `// ${entity.name} Table Component (React 19 + ShadcnUI)
+// Generated by CodeDNA
+
+import { useState } from 'react';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { Button } from '@/components/ui/button';
+import { ${entity.name} } from '@/types/${entity.name.toLowerCase()}';
+
+interface ${entity.name}TableProps {
+  data: ${entity.name}[];
+  onEdit?: (item: ${entity.name}) => void;
+  onDelete?: (id: number) => void;
+}
+
+export function ${entity.name}Table({ data, onEdit, onDelete }: ${entity.name}TableProps) {
+  const [sortField, setSortField] = useState<keyof ${entity.name} | null>(null);
+  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');
+
+  const sortedData = [...data].sort((a, b) => {
+    if (!sortField) return 0;
+    const aVal = a[sortField];
+    const bVal = b[sortField];
+    if (aVal < bVal) return sortDirection === 'asc' ? -1 : 1;
+    if (aVal > bVal) return sortDirection === 'asc' ? 1 : -1;
+    return 0;
+  });
+
+  const handleSort = (field: keyof ${entity.name}) => {
+    if (sortField === field) {
+      setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
+    } else {
+      setSortField(field);
+      setSortDirection('asc');
+    }
+  };
+
+  return (
+    <Table>
+      <TableHeader>
+        <TableRow>
+          <TableHead onClick={() => handleSort('id')} className="cursor-pointer">
+            ID {sortField === 'id' && (sortDirection === 'asc' ? '↑' : '↓')}
+          </TableHead>
+${entity.fields.slice(0, 5).map(field => `          <TableHead onClick={() => handleSort('${field.name}' as keyof ${entity.name})} className="cursor-pointer">
+            ${field.name.charAt(0).toUpperCase() + field.name.slice(1)} {sortField === '${field.name}' && (sortDirection === 'asc' ? '↑' : '↓')}
+          </TableHead>`).join('\n')}
+          <TableHead>Actions</TableHead>
+        </TableRow>
+      </TableHeader>
+      <TableBody>
+        {sortedData.map((item) => (
+          <TableRow key={item.id}>
+            <TableCell>{item.id}</TableCell>
+${entity.fields.slice(0, 5).map(field => `            <TableCell>{item.${field.name}}</TableCell>`).join('\n')}
+            <TableCell>
+              <div className="flex gap-2">
+                {onEdit && (
+                  <Button variant="outline" size="sm" onClick={() => onEdit(item)}>
+                    Edit
+                  </Button>
+                )}
+                {onDelete && (
+                  <Button variant="destructive" size="sm" onClick={() => onDelete(item.id)}>
+                    Delete
+                  </Button>
+                )}
+              </div>
+            </TableCell>
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  );
+}`;
+        return {
+            path: `src/components/${entity.name}Table.tsx`,
+            content: template,
+            language: 'typescript',
+        };
+    }
+    async generateModalComponent(entity, context) {
+        const template = `// ${entity.name} Modal Component (React 19 + ShadcnUI)
+// Generated by CodeDNA
+
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { ${entity.name}Form } from './${entity.name}Form';
+import { ${entity.name} } from '@/types/${entity.name.toLowerCase()}';
+
+interface ${entity.name}ModalProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  initialData?: Partial<${entity.name}>;
+  onSubmit: (data: FormData) => Promise<void>;
+}
+
+export function ${entity.name}Modal({ open, onOpenChange, initialData, onSubmit }: ${entity.name}ModalProps) {
+  const handleSubmit = async (data: FormData) => {
+    await onSubmit(data);
+    onOpenChange(false);
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{initialData ? 'Edit' : 'Create'} ${entity.name}</DialogTitle>
+        </DialogHeader>
+        <${entity.name}Form initialData={initialData} onSubmit={handleSubmit} />
+      </DialogContent>
+    </Dialog>
+  );
+}`;
+        return {
+            path: `src/components/${entity.name}Modal.tsx`,
+            content: template,
+            language: 'typescript',
+        };
+    }
+    async generateDrawerComponent(entity, context) {
+        const template = `// ${entity.name} Drawer Component (React 19 + ShadcnUI)
+// Generated by CodeDNA
+
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
+import { ${entity.name}Form } from './${entity.name}Form';
+import { ${entity.name} } from '@/types/${entity.name.toLowerCase()}';
+
+interface ${entity.name}DrawerProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  initialData?: Partial<${entity.name}>;
+  onSubmit: (data: FormData) => Promise<void>;
+}
+
+export function ${entity.name}Drawer({ open, onOpenChange, initialData, onSubmit }: ${entity.name}DrawerProps) {
+  const handleSubmit = async (data: FormData) => {
+    await onSubmit(data);
+    onOpenChange(false);
+  };
+
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent>
+        <SheetHeader>
+          <SheetTitle>{initialData ? 'Edit' : 'Create'} ${entity.name}</SheetTitle>
+        </SheetHeader>
+        <div className="mt-6">
+          <${entity.name}Form initialData={initialData} onSubmit={handleSubmit} />
+        </div>
+      </SheetContent>
+    </Sheet>
+  );
+}`;
+        return {
+            path: `src/components/${entity.name}Drawer.tsx`,
+            content: template,
+            language: 'typescript',
+        };
+    }
+    async generateCardComponent(entity, context) {
+        const template = `// ${entity.name} Card Component (React 19 + ShadcnUI)
+// Generated by CodeDNA
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { ${entity.name} } from '@/types/${entity.name.toLowerCase()}';
+
+interface ${entity.name}CardProps {
+  item: ${entity.name};
+  onEdit?: () => void;
+  onDelete?: () => void;
+}
+
+export function ${entity.name}Card({ item, onEdit, onDelete }: ${entity.name}CardProps) {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>${entity.name} #{item.id}</CardTitle>
+${entity.fields.slice(0, 1).map(field => `        <CardDescription>{item.${field.name}}</CardDescription>`).join('\n')}
+      </CardHeader>
+      <CardContent>
+        <dl className="space-y-2">
+${entity.fields.slice(1, 4).map(field => `          <div>
+            <dt className="text-sm font-medium text-gray-500">${field.name.charAt(0).toUpperCase() + field.name.slice(1)}</dt>
+            <dd className="text-sm text-gray-900">{item.${field.name}}</dd>
+          </div>`).join('\n')}
+        </dl>
+      </CardContent>
+    </Card>
+  );
+}`;
+        return {
+            path: `src/components/${entity.name}Card.tsx`,
+            content: template,
+            language: 'typescript',
+        };
+    }
+    async generateTypes(entity, context) {
+        const template = `// ${entity.name} Types
+// Generated by CodeDNA
+
+export interface ${entity.name} {
+  id: number;
+${entity.fields.map(field => {
+            let type = 'string';
+            if (field.type.kind === 'primitive') {
+                if (field.type.value === 'integer' || field.type.value === 'decimal')
+                    type = 'number';
+                else if (field.type.value === 'boolean')
+                    type = 'boolean';
+                else if (field.type.value === 'datetime')
+                    type = 'Date';
+            }
+            else if (field.type.kind === 'enum') {
+                type = field.type.values.map(v => `'${v}'`).join(' | ');
+            }
+            else if (field.type.kind === 'array') {
+                type = `${field.type.itemType}[]`;
+            }
+            const nullable = !field.constraints.some(c => c.kind === 'required');
+            return `  ${field.name}: ${type}${nullable ? ' | null' : ''};`;
+        }).join('\n')}
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+export type Create${entity.name}Input = Omit<${entity.name}, 'id' | 'createdAt' | 'updatedAt'>;
+export type Update${entity.name}Input = Partial<Create${entity.name}Input>;`;
+        return {
+            path: `src/types/${entity.name.toLowerCase()}.ts`,
+            content: template,
+            language: 'typescript',
+        };
+    }
+}

package/dist/codedna/generators/sveltekit.d.ts

@@ -0,0 +1,18 @@
+import { BaseGenerator } from './base.js';
+import { EntitySpec } from '../parser.js';
+import { GenerateFrontendOptions } from '../types.js';
+interface SvelteKitOptions extends GenerateFrontendOptions {
+    ssr?: boolean;
+    formActions?: boolean;
+    superforms?: boolean;
+}
+export declare class SvelteKitGenerator extends BaseGenerator {
+    protected getGeneratorId(): string;
+    protected getRequiredTemplates(options: SvelteKitOptions): string[];
+    protected getFileMapping(entity: EntitySpec, options: SvelteKitOptions): Record<string, string>;
+    /**
+     * Generate SvelteKit pages and components from entity specification
+     */
+    generate(entity: EntitySpec, options?: SvelteKitOptions): Promise<import('../types.js').GenerationResult>;
+}
+export {};

package/dist/codedna/generators/sveltekit.js

@@ -0,0 +1,73 @@
+// =============================================================================
+// SvelteKit Generator
+// =============================================================================
+//
+// Generate SvelteKit pages, components, server routes, and form actions.
+// Full-stack TypeScript with server-side rendering and form handling.
+//
+import { BaseGenerator } from './base.js';
+export class SvelteKitGenerator extends BaseGenerator {
+    getGeneratorId() {
+        return 'sveltekit';
+    }
+    getRequiredTemplates(options) {
+        const templates = [
+            'page.svelte.j2',
+            'page.server.ts.j2',
+            'schema.ts.j2',
+            'types.ts.j2',
+        ];
+        if (this.isEnabled(options, 'forms', true)) {
+            templates.push('form.svelte.j2');
+        }
+        if (this.isEnabled(options, 'tables', true)) {
+            templates.push('table.svelte.j2');
+        }
+        if (options.superforms) {
+            templates.push('superform.svelte.j2');
+        }
+        if (this.isEnabled(options, 'tests')) {
+            templates.push('test.ts.j2');
+        }
+        return templates;
+    }
+    getFileMapping(entity, options) {
+        const entityLower = entity.name.toLowerCase();
+        const entityPlural = entityLower + 's';
+        const mapping = {
+            [`src/routes/${entityPlural}/+page.svelte`]: 'page.svelte.j2',
+            [`src/routes/${entityPlural}/+page.server.ts`]: 'page.server.ts.j2',
+            [`src/lib/schemas/${entityLower}.schema.ts`]: 'schema.ts.j2',
+            [`src/lib/types/${entityLower}.ts`]: 'types.ts.j2',
+        };
+        if (this.isEnabled(options, 'forms', true)) {
+            mapping[`src/lib/components/${entity.name}Form.svelte`] = 'form.svelte.j2';
+        }
+        if (this.isEnabled(options, 'tables', true)) {
+            mapping[`src/lib/components/${entity.name}Table.svelte`] = 'table.svelte.j2';
+        }
+        if (options.superforms) {
+            mapping[`src/lib/components/${entity.name}SuperForm.svelte`] = 'superform.svelte.j2';
+        }
+        if (this.isEnabled(options, 'tests')) {
+            mapping[`src/routes/${entityPlural}/__tests__/page.test.ts`] = 'test.ts.j2';
+        }
+        return mapping;
+    }
+    /**
+     * Generate SvelteKit pages and components from entity specification
+     */
+    async generate(entity, options = {}) {
+        // Set defaults - SvelteKit specific
+        const opts = {
+            forms: true,
+            tables: true,
+            ssr: true,
+            formActions: true,
+            superforms: false,
+            ...options,
+        };
+        // Generate files
+        return super.generate(entity, opts);
+    }
+}