@auto-engineer/component-implementor-react 1.95.0

package/dist/src/generate-component.test.js

@@ -0,0 +1,77 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { generateComponentFile } from './generate-component.js';
+vi.mock('ai', () => ({
+    generateText: vi.fn(),
+}));
+vi.mock('@auto-engineer/model-factory', () => ({
+    createModelFromEnv: vi.fn(() => 'mock-model'),
+}));
+import { generateText } from 'ai';
+const specDeltas = {
+    structure: ['renders a Button element'],
+    rendering: ['shows loading spinner when loading=true'],
+    interaction: ['calls onClick when clicked'],
+    styling: ['applies primary variant by default'],
+};
+describe('generateComponentFile', () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+    it('returns generated component code from AI', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: '```tsx\nexport function Button() { return <button />; }\n```',
+        });
+        const result = await generateComponentFile({
+            componentName: 'Button',
+            specDeltas,
+            testCode: 'import { render } from "@testing-library/react";',
+        });
+        expect(result).toBe('export function Button() { return <button />; }');
+    });
+    it('includes spec deltas and test code in the prompt', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: 'component code',
+        });
+        await generateComponentFile({
+            componentName: 'Button',
+            specDeltas,
+            testCode: 'describe("Button", () => {})',
+        });
+        const prompt = mockGenerateText.mock.calls[0][0].prompt;
+        expect(prompt).toContain('## Structure');
+        expect(prompt).toContain('renders a Button element');
+        expect(prompt).toContain('## Test File');
+        expect(prompt).toContain('describe("Button", () => {})');
+    });
+    it('includes existing component code when provided', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: 'updated code',
+        });
+        await generateComponentFile({
+            componentName: 'Button',
+            specDeltas,
+            testCode: 'test code',
+            existingComponent: 'export function Button() {}',
+        });
+        const prompt = mockGenerateText.mock.calls[0][0].prompt;
+        expect(prompt).toContain('## Existing Component');
+        expect(prompt).toContain('export function Button() {}');
+    });
+    it('uses system prompt referencing React component generation', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: 'code',
+        });
+        await generateComponentFile({
+            componentName: 'Button',
+            specDeltas,
+            testCode: 'test',
+        });
+        const system = mockGenerateText.mock.calls[0][0].system;
+        expect(system).toContain('React');
+    });
+});
+//# sourceMappingURL=generate-component.test.js.map

package/dist/src/generate-component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-component.test.js","sourceRoot":"","sources":["../../src/generate-component.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IACnB,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE;CACtB,CAAC,CAAC,CAAC;AAEJ,EAAE,CAAC,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7C,kBAAkB,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;CAC9C,CAAC,CAAC,CAAC;AAEJ,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAElC,MAAM,UAAU,GAAG;IACjB,SAAS,EAAE,CAAC,0BAA0B,CAAC;IACvC,SAAS,EAAE,CAAC,yCAAyC,CAAC;IACtD,WAAW,EAAE,CAAC,4BAA4B,CAAC;IAC3C,OAAO,EAAE,CAAC,oCAAoC,CAAC;CAChD,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,gBAAgB,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjD,gBAAgB,CAAC,iBAAiB,CAAC;YACjC,IAAI,EAAE,8DAA8D;SACzB,CAAC,CAAC;QAE/C,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAC;YACzC,aAAa,EAAE,QAAQ;YACvB,UAAU;YACV,QAAQ,EAAE,kDAAkD;SAC7D,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,gBAAgB,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjD,gBAAgB,CAAC,iBAAiB,CAAC;YACjC,IAAI,EAAE,gBAAgB;SACqB,CAAC,CAAC;QAE/C,MAAM,qBAAqB,CAAC;YAC1B,aAAa,EAAE,QAAQ;YACvB,UAAU;YACV,QAAQ,EAAE,8BAA8B;SACzC,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAgB,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,gBAAgB,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjD,gBAAgB,CAAC,iBAAiB,CAAC;YACjC,IAAI,EAAE,cAAc;SACuB,CAAC,CAAC;QAE/C,MAAM,qBAAqB,CAAC;YAC1B,aAAa,EAAE,QAAQ;YACvB,UAAU;YACV,QAAQ,EAAE,WAAW;YACrB,iBAAiB,EAAE,6BAA6B;SACjD,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAgB,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,gBAAgB,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjD,gBAAgB,CAAC,iBAAiB,CAAC;YACjC,IAAI,EAAE,MAAM;SAC+B,CAAC,CAAC;QAE/C,MAAM,qBAAqB,CAAC;YAC1B,aAAa,EAAE,QAAQ;YACvB,UAAU;YACV,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAgB,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/generate-story.d.ts

@@ -0,0 +1,14 @@
+type SpecDeltas = {
+    structure: string[];
+    rendering: string[];
+    interaction: string[];
+    styling: string[];
+};
+type GenerateStoryInput = {
+    componentName: string;
+    specDeltas: SpecDeltas;
+    componentCode: string;
+};
+export declare function generateStoryFile(input: GenerateStoryInput): Promise<string>;
+export {};
+//# sourceMappingURL=generate-story.d.ts.map

package/dist/src/generate-story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-story.d.ts","sourceRoot":"","sources":["../../src/generate-story.ts"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AA4BF,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,CAOlF"}

package/dist/src/generate-story.js

@@ -0,0 +1,35 @@
+import { createModelFromEnv } from '@auto-engineer/model-factory';
+import { generateText } from 'ai';
+import { extractCodeBlock } from './extract-code-block.js';
+function buildSpecSection(heading, items) {
+    if (items.length === 0)
+        return '';
+    return `## ${heading}\n${items.map((i) => `- ${i}`).join('\n')}`;
+}
+function buildPrompt(input) {
+    const sections = [
+        buildSpecSection('Structure', input.specDeltas.structure),
+        buildSpecSection('Rendering', input.specDeltas.rendering),
+        buildSpecSection('Interaction', input.specDeltas.interaction),
+        buildSpecSection('Styling', input.specDeltas.styling),
+    ]
+        .filter(Boolean)
+        .join('\n\n');
+    return `Component: ${input.componentName}\n\n${sections}\n\n## Component Code\n\`\`\`tsx\n${input.componentCode}\n\`\`\``;
+}
+const SYSTEM_PROMPT = `You are a Storybook expert. Write a Storybook story file (.stories.tsx) for the described React component.
+
+Rules:
+- Use CSF3 format (export default meta, named story exports)
+- Import Meta and StoryObj from @storybook/react
+- Create stories that showcase different states from the spec
+- Return ONLY the story file code, no commentary`;
+export async function generateStoryFile(input) {
+    const { text } = await generateText({
+        model: createModelFromEnv(),
+        system: SYSTEM_PROMPT,
+        prompt: buildPrompt(input),
+    });
+    return extractCodeBlock(text);
+}
+//# sourceMappingURL=generate-story.js.map

package/dist/src/generate-story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-story.js","sourceRoot":"","sources":["../../src/generate-story.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAexD,SAAS,gBAAgB,CAAC,OAAe,EAAE,KAAe;IACxD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAClC,OAAO,MAAM,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,KAAyB;IAC5C,MAAM,QAAQ,GAAG;QACf,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;QACzD,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;QACzD,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;QAC7D,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;KACtD;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,MAAM,CAAC,CAAC;IAEhB,OAAO,cAAc,KAAK,CAAC,aAAa,OAAO,QAAQ,qCAAqC,KAAK,CAAC,aAAa,UAAU,CAAC;AAC5H,CAAC;AAED,MAAM,aAAa,GAAG;;;;;;iDAM2B,CAAC;AAElD,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,KAAyB;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,YAAY,CAAC;QAClC,KAAK,EAAE,kBAAkB,EAAE;QAC3B,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC;KAC3B,CAAC,CAAC;IACH,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC"}

package/dist/src/generate-story.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-story.test.d.ts.map

package/dist/src/generate-story.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-story.test.d.ts","sourceRoot":"","sources":["../../src/generate-story.test.ts"],"names":[],"mappings":""}

package/dist/src/generate-story.test.js

@@ -0,0 +1,62 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { generateStoryFile } from './generate-story.js';
+vi.mock('ai', () => ({
+    generateText: vi.fn(),
+}));
+vi.mock('@auto-engineer/model-factory', () => ({
+    createModelFromEnv: vi.fn(() => 'mock-model'),
+}));
+import { generateText } from 'ai';
+const specDeltas = {
+    structure: ['renders a Button element'],
+    rendering: ['shows loading spinner when loading=true'],
+    interaction: ['calls onClick when clicked'],
+    styling: ['applies primary variant by default'],
+};
+describe('generateStoryFile', () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+    it('returns generated story code from AI', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: '```tsx\nimport type { Meta } from "@storybook/react";\n```',
+        });
+        const result = await generateStoryFile({
+            componentName: 'Button',
+            specDeltas,
+            componentCode: 'export function Button() { return <button />; }',
+        });
+        expect(result).toBe('import type { Meta } from "@storybook/react";');
+    });
+    it('includes spec deltas and component code in the prompt', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: 'story code',
+        });
+        await generateStoryFile({
+            componentName: 'Button',
+            specDeltas,
+            componentCode: 'export function Button() {}',
+        });
+        const prompt = mockGenerateText.mock.calls[0][0].prompt;
+        expect(prompt).toContain('## Structure');
+        expect(prompt).toContain('renders a Button element');
+        expect(prompt).toContain('## Component Code');
+        expect(prompt).toContain('export function Button() {}');
+    });
+    it('uses system prompt referencing Storybook', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: 'code',
+        });
+        await generateStoryFile({
+            componentName: 'Button',
+            specDeltas,
+            componentCode: 'code',
+        });
+        const system = mockGenerateText.mock.calls[0][0].system;
+        expect(system).toContain('Storybook');
+    });
+});
+//# sourceMappingURL=generate-story.test.js.map

package/dist/src/generate-story.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-story.test.js","sourceRoot":"","sources":["../../src/generate-story.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IACnB,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE;CACtB,CAAC,CAAC,CAAC;AAEJ,EAAE,CAAC,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7C,kBAAkB,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;CAC9C,CAAC,CAAC,CAAC;AAEJ,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAElC,MAAM,UAAU,GAAG;IACjB,SAAS,EAAE,CAAC,0BAA0B,CAAC;IACvC,SAAS,EAAE,CAAC,yCAAyC,CAAC;IACtD,WAAW,EAAE,CAAC,4BAA4B,CAAC;IAC3C,OAAO,EAAE,CAAC,oCAAoC,CAAC;CAChD,CAAC;AAEF,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,gBAAgB,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjD,gBAAgB,CAAC,iBAAiB,CAAC;YACjC,IAAI,EAAE,4DAA4D;SACvB,CAAC,CAAC;QAE/C,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC;YACrC,aAAa,EAAE,QAAQ;YACvB,UAAU;YACV,aAAa,EAAE,iDAAiD;SACjE,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,gBAAgB,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjD,gBAAgB,CAAC,iBAAiB,CAAC;YACjC,IAAI,EAAE,YAAY;SACyB,CAAC,CAAC;QAE/C,MAAM,iBAAiB,CAAC;YACtB,aAAa,EAAE,QAAQ;YACvB,UAAU;YACV,aAAa,EAAE,6BAA6B;SAC7C,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAgB,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACzC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,gBAAgB,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjD,gBAAgB,CAAC,iBAAiB,CAAC;YACjC,IAAI,EAAE,MAAM;SAC+B,CAAC,CAAC;QAE/C,MAAM,iBAAiB,CAAC;YACtB,aAAa,EAAE,QAAQ;YACvB,UAAU;YACV,aAAa,EAAE,MAAM;SACtB,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAgB,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/generate-test.d.ts

@@ -0,0 +1,14 @@
+type SpecDeltas = {
+    structure: string[];
+    rendering: string[];
+    interaction: string[];
+    styling: string[];
+};
+type GenerateTestInput = {
+    componentName: string;
+    specDeltas: SpecDeltas;
+    existingComponent?: string;
+};
+export declare function generateTestFile(input: GenerateTestInput): Promise<string>;
+export {};
+//# sourceMappingURL=generate-test.d.ts.map

package/dist/src/generate-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-test.d.ts","sourceRoot":"","sources":["../../src/generate-test.ts"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAgCF,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,CAOhF"}

package/dist/src/generate-test.js

@@ -0,0 +1,38 @@
+import { createModelFromEnv } from '@auto-engineer/model-factory';
+import { generateText } from 'ai';
+import { extractCodeBlock } from './extract-code-block.js';
+function buildSpecSection(heading, items) {
+    if (items.length === 0)
+        return '';
+    return `## ${heading}\n${items.map((i) => `- ${i}`).join('\n')}`;
+}
+function buildPrompt(input) {
+    const sections = [
+        buildSpecSection('Structure', input.specDeltas.structure),
+        buildSpecSection('Rendering', input.specDeltas.rendering),
+        buildSpecSection('Interaction', input.specDeltas.interaction),
+        buildSpecSection('Styling', input.specDeltas.styling),
+    ]
+        .filter(Boolean)
+        .join('\n\n');
+    const existingContext = input.existingComponent
+        ? `\n\n## Existing Component\n\`\`\`tsx\n${input.existingComponent}\n\`\`\``
+        : '';
+    return `Component: ${input.componentName}\n\n${sections}${existingContext}`;
+}
+const SYSTEM_PROMPT = `You are a React testing expert. Write a vitest test file for the described component using @testing-library/react.
+
+Rules:
+- Import from vitest (describe, it, expect) and @testing-library/react (render, screen, fireEvent)
+- Use describe/it blocks
+- Test each specified behavior
+- Return ONLY the test file code, no commentary`;
+export async function generateTestFile(input) {
+    const { text } = await generateText({
+        model: createModelFromEnv(),
+        system: SYSTEM_PROMPT,
+        prompt: buildPrompt(input),
+    });
+    return extractCodeBlock(text);
+}
+//# sourceMappingURL=generate-test.js.map

package/dist/src/generate-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-test.js","sourceRoot":"","sources":["../../src/generate-test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAexD,SAAS,gBAAgB,CAAC,OAAe,EAAE,KAAe;IACxD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAClC,OAAO,MAAM,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,KAAwB;IAC3C,MAAM,QAAQ,GAAG;QACf,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;QACzD,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;QACzD,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;QAC7D,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;KACtD;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,MAAM,CAAC,CAAC;IAEhB,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB;QAC7C,CAAC,CAAC,yCAAyC,KAAK,CAAC,iBAAiB,UAAU;QAC5E,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,cAAc,KAAK,CAAC,aAAa,OAAO,QAAQ,GAAG,eAAe,EAAE,CAAC;AAC9E,CAAC;AAED,MAAM,aAAa,GAAG;;;;;;gDAM0B,CAAC;AAEjD,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,KAAwB;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,YAAY,CAAC;QAClC,KAAK,EAAE,kBAAkB,EAAE;QAC3B,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC;KAC3B,CAAC,CAAC;IACH,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC"}

package/dist/src/generate-test.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-test.test.d.ts.map

package/dist/src/generate-test.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-test.test.d.ts","sourceRoot":"","sources":["../../src/generate-test.test.ts"],"names":[],"mappings":""}

package/dist/src/generate-test.test.js

@@ -0,0 +1,66 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { generateTestFile } from './generate-test.js';
+vi.mock('ai', () => ({
+    generateText: vi.fn(),
+}));
+vi.mock('@auto-engineer/model-factory', () => ({
+    createModelFromEnv: vi.fn(() => 'mock-model'),
+}));
+import { generateText } from 'ai';
+const specDeltas = {
+    structure: ['renders a Button element', 'accepts children prop'],
+    rendering: ['shows loading spinner when loading=true'],
+    interaction: ['calls onClick when clicked'],
+    styling: ['applies primary variant by default'],
+};
+describe('generateTestFile', () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+    it('returns generated test code from AI with spec deltas in prompt', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: '```tsx\nimport { render } from "@testing-library/react";\n```',
+        });
+        const result = await generateTestFile({
+            componentName: 'Button',
+            specDeltas,
+        });
+        expect(result).toBe('import { render } from "@testing-library/react";');
+        expect(mockGenerateText).toHaveBeenCalledWith({
+            model: 'mock-model',
+            system: expect.stringContaining('vitest'),
+            prompt: expect.stringContaining('renders a Button element'),
+        });
+    });
+    it('includes all spec delta sections in the prompt', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: 'test code',
+        });
+        await generateTestFile({ componentName: 'Button', specDeltas });
+        const prompt = mockGenerateText.mock.calls[0][0].prompt;
+        expect(prompt).toContain('## Structure');
+        expect(prompt).toContain('renders a Button element');
+        expect(prompt).toContain('## Rendering');
+        expect(prompt).toContain('shows loading spinner when loading=true');
+        expect(prompt).toContain('## Interaction');
+        expect(prompt).toContain('calls onClick when clicked');
+        expect(prompt).toContain('## Styling');
+        expect(prompt).toContain('applies primary variant by default');
+    });
+    it('includes existing component code as context when provided', async () => {
+        const mockGenerateText = vi.mocked(generateText);
+        mockGenerateText.mockResolvedValue({
+            text: 'test code',
+        });
+        await generateTestFile({
+            componentName: 'Button',
+            specDeltas,
+            existingComponent: 'export function Button() { return <button />; }',
+        });
+        const prompt = mockGenerateText.mock.calls[0][0].prompt;
+        expect(prompt).toContain('export function Button() { return <button />; }');
+    });
+});
+//# sourceMappingURL=generate-test.test.js.map

package/dist/src/generate-test.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-test.test.js","sourceRoot":"","sources":["../../src/generate-test.test.ts"],"names":[],"mappings":"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"}

package/dist/src/index.d.ts

@@ -0,0 +1,12 @@
+import { commandHandler as implementComponentHandler } from './commands/implement-component';
+export declare const COMMANDS: import("@auto-engineer/message-bus").UnifiedCommandHandler<Readonly<{
+    type: string;
+    data: Readonly<Record<string, unknown>>;
+    timestamp?: Date;
+    requestId?: string;
+    correlationId?: string;
+}>>[];
+export { implementComponentHandler };
+export type { ComponentImplementationFailedEvent, ComponentImplementedEvent, ImplementComponentCommand, ImplementComponentEvents, } from './commands/implement-component';
+export { handleImplementComponent } from './commands/implement-component';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,eAAO,MAAM,QAAQ;;;;;;KAA8B,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,CAAC;AACrC,YAAY,EACV,kCAAkC,EAClC,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/src/index.js

@@ -0,0 +1,5 @@
+import { commandHandler as implementComponentHandler } from './commands/implement-component.js';
+export const COMMANDS = [implementComponentHandler];
+export { implementComponentHandler };
+export { handleImplementComponent } from './commands/implement-component.js';
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,yBAAyB,CAAC,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAOrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC"}