create-auto-app 1.12.0 → 1.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-auto-app",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "description": "Create Auto Engineer apps with no configuration",
   "type": "module",
   "bin": {
@@ -33,7 +33,7 @@
     "fs-extra": "^11.2.0",
     "inquirer": "^9.2.15",
     "ora": "^8.0.1",
-    "@auto-engineer/id": "1.12.0"
+    "@auto-engineer/id": "1.12.1"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",

package/templates/kanban-todo/README.md

@@ -6,7 +6,7 @@ Shared design system assets for Auto Engineer examples.
 
 ## Purpose
 
-This directory provides pre-configured design system files that other examples copy into their `.context/` directories. These files are consumed by the `@auto-engineer/design-system-importer` package and frontend generation plugins.
+This directory provides pre-configured design system files that other examples copy into their `.context/` directories. These files are consumed by the `@auto-engineer/generate-react-client` package and frontend generation plugins.
 
 ---
 
@@ -155,7 +155,5 @@ auto import:design-system \
 
 | Package | Relationship |
 |---------|--------------|
-| `@auto-engineer/design-system-importer` | Consumes filter, produces design-system.md |
-| `@auto-engineer/frontend-generator-react-graphql` | Uses figma-file.json for tokens |
-| `@auto-engineer/component-implementer` | Uses design-system.md for constraints |
+| `@auto-engineer/generate-react-client` | Uses design system files for client generation |
 | `@auto-engineer/information-architect` | References component list for IA |

package/templates/kanban-todo/auto.config.ts

@@ -117,15 +117,13 @@ export const fileId = 'kanbanNew1';
 export const plugins = [
   '@auto-engineer/model-diff',
   '@auto-engineer/server-checks',
-  '@auto-engineer/design-system-importer',
   '@auto-engineer/server-generator-apollo-emmett',
   '@auto-engineer/narrative',
-  '@auto-engineer/frontend-checks',
-  '@auto-engineer/frontend-implementer',
-  '@auto-engineer/component-implementer',
   '@auto-engineer/information-architect',
-  '@auto-engineer/frontend-generator-react-graphql',
+  '@auto-engineer/generate-react-client',
+  '@auto-engineer/react-component-implementer',
   '@auto-engineer/server-implementer',
+  '@auto-engineer/app-implementer',
   '@auto-engineer/dev-server',
 ];
 
@@ -151,7 +149,7 @@ export const pipeline = define('kanban-todo')
   .on('SliceGenerated')
   .emit('ImplementSlice', (e: { data: SliceGeneratedData }) => ({
     slicePath: resolvePath(e.data.slicePath),
-    context: { previousOutputs: 'errors', attemptNumber: 0 },
+    context: { previousOutputs: '', attemptNumber: 0 },
     aiOptions: { maxTokens: 2000 },
   }))
 
@@ -183,6 +181,11 @@ export const pipeline = define('kanban-todo')
     const slicePath = extractSlicePath(events);
 
     if (!shouldRetry(slicePath)) {
+      const errors = collectErrors(allEvents);
+      console.error(`❌ Slice implementation failed after ${MAX_RETRIES} retries: ${slicePath}`);
+      if (errors) {
+        console.error(`   Last errors:\n${errors}`);
+      }
       sliceRetryState.delete(slicePath);
       return;
     }

package/templates/kanban-todo/package.json

@@ -9,15 +9,14 @@
   },
   "dependencies": {
     "@auto-engineer/cli": "workspace:*",
-    "@auto-engineer/component-implementer": "workspace:*",
-    "@auto-engineer/design-system-importer": "workspace:*",
     "@auto-engineer/dev-server": "workspace:*",
     "@auto-engineer/narrative": "workspace:*",
-    "@auto-engineer/frontend-checks": "workspace:*",
-    "@auto-engineer/frontend-generator-react-graphql": "workspace:*",
-    "@auto-engineer/frontend-implementer": "workspace:*",
+    "@auto-engineer/generate-react-client": "workspace:*",
     "@auto-engineer/information-architect": "workspace:*",
+    "@auto-engineer/react-component-implementer": "workspace:*",
+    "@auto-engineer/app-implementer": "workspace:*",
     "@auto-engineer/message-bus": "workspace:*",
+    "@auto-engineer/model-diff": "workspace:*",
     "@auto-engineer/pipeline": "workspace:*",
     "@auto-engineer/server-checks": "workspace:*",
     "@auto-engineer/server-generator-apollo-emmett": "workspace:*",

package/templates/minimal/README.md

@@ -6,7 +6,7 @@ Shared design system assets for Auto Engineer examples.
 
 ## Purpose
 
-This directory provides pre-configured design system files that other examples copy into their `.context/` directories. These files are consumed by the `@auto-engineer/design-system-importer` package and frontend generation plugins.
+This directory provides pre-configured design system files that other examples copy into their `.context/` directories. These files are consumed by the `@auto-engineer/generate-react-client` package and frontend generation plugins.
 
 ---
 
@@ -155,7 +155,5 @@ auto import:design-system \
 
 | Package | Relationship |
 |---------|--------------|
-| `@auto-engineer/design-system-importer` | Consumes filter, produces design-system.md |
-| `@auto-engineer/frontend-generator-react-graphql` | Uses figma-file.json for tokens |
-| `@auto-engineer/component-implementer` | Uses design-system.md for constraints |
+| `@auto-engineer/generate-react-client` | Uses design system files for client generation |
 | `@auto-engineer/information-architect` | References component list for IA |

package/templates/questionnaires/README.md

@@ -6,7 +6,7 @@ Shared design system assets for Auto Engineer examples.
 
 ## Purpose
 
-This directory provides pre-configured design system files that other examples copy into their `.context/` directories. These files are consumed by the `@auto-engineer/design-system-importer` package and frontend generation plugins.
+This directory provides pre-configured design system files that other examples copy into their `.context/` directories. These files are consumed by the `@auto-engineer/generate-react-client` package and frontend generation plugins.
 
 ---
 
@@ -155,7 +155,5 @@ auto import:design-system \
 
 | Package | Relationship |
 |---------|--------------|
-| `@auto-engineer/design-system-importer` | Consumes filter, produces design-system.md |
-| `@auto-engineer/frontend-generator-react-graphql` | Uses figma-file.json for tokens |
-| `@auto-engineer/component-implementer` | Uses design-system.md for constraints |
+| `@auto-engineer/generate-react-client` | Uses design system files for client generation |
 | `@auto-engineer/information-architect` | References component list for IA |

package/templates/typical/README.md

@@ -6,7 +6,7 @@ Shared design system assets for Auto Engineer examples.
 
 ## Purpose
 
-This directory provides pre-configured design system files that other examples copy into their `.context/` directories. These files are consumed by the `@auto-engineer/design-system-importer` package and frontend generation plugins.
+This directory provides pre-configured design system files that other examples copy into their `.context/` directories. These files are consumed by the `@auto-engineer/generate-react-client` package and frontend generation plugins.
 
 ---
 
@@ -155,7 +155,5 @@ auto import:design-system \
 
 | Package | Relationship |
 |---------|--------------|
-| `@auto-engineer/design-system-importer` | Consumes filter, produces design-system.md |
-| `@auto-engineer/frontend-generator-react-graphql` | Uses figma-file.json for tokens |
-| `@auto-engineer/component-implementer` | Uses design-system.md for constraints |
+| `@auto-engineer/generate-react-client` | Uses design system files for client generation |
 | `@auto-engineer/information-architect` | References component list for IA |

package/templates/typical/auto.config.specs.ts

@@ -0,0 +1,47 @@
+import type { Event } from '@auto-engineer/message-bus';
+import type { SettledHandlerDescriptor } from '@auto-engineer/pipeline/src/core/descriptors';
+import { describe, expect, it, beforeEach } from 'vitest';
+import { pipeline, resetState } from './auto.config';
+
+function getSettledHandler(): SettledHandlerDescriptor {
+  const handler = pipeline.descriptor.handlers.find((h) => h.type === 'settled');
+  return handler as SettledHandlerDescriptor;
+}
+
+function makeFailingCheckEvents(slicePath: string): Record<string, Event[]> {
+  return {
+    CheckTests: [{ type: 'TestsCheckFailed', data: { targetDirectory: slicePath, errors: 'test failed' } }],
+    CheckTypes: [{ type: 'TypeCheckFailed', data: { targetDirectory: slicePath, errors: 'type error' } }],
+    CheckLint: [{ type: 'LintCheckPassed', data: { targetDirectory: slicePath } }],
+  };
+}
+
+describe('settled handler retry logic', () => {
+  beforeEach(() => {
+    resetState();
+  });
+
+  it('should not retry after max retries even when handler is called again for same slice', () => {
+    const settled = getSettledHandler();
+    const slicePath = '/some/slice/path';
+    const events = makeFailingCheckEvents(slicePath);
+    const dispatched: Array<{ type: string; data: unknown }> = [];
+    const send = (type: string, data: unknown) => dispatched.push({ type, data });
+
+    for (let i = 0; i < 4; i++) {
+      settled.handler(events, send);
+    }
+
+    expect(dispatched).toHaveLength(4);
+
+    dispatched.length = 0;
+    settled.handler(events, send);
+
+    expect(dispatched).toHaveLength(0);
+
+    dispatched.length = 0;
+    settled.handler(events, send);
+
+    expect(dispatched).toHaveLength(0);
+  });
+});

package/templates/typical/auto.config.ts

@@ -2,11 +2,6 @@ import * as path from 'node:path';
 import type { Event } from '@auto-engineer/message-bus';
 import { define } from '@auto-engineer/pipeline';
 
-interface Component {
-  type: 'molecule' | 'organism' | 'page';
-  filePath: string;
-}
-
 interface SchemaExportedData {
   directory: string;
   outputPath: string;
@@ -28,11 +23,6 @@ interface SliceImplementedData {
   slicePath: string;
 }
 
-interface ClientGeneratedData {
-  components: Component[];
-  targetDir: string;
-}
-
 interface CheckEventData {
   targetDirectory?: string;
   errors?: string;
@@ -91,14 +81,6 @@ function incrementRetryCount(slicePath: string): number {
   return attempts + 1;
 }
 
-function hasValidComponents(e: { data: ClientGeneratedData | null }): boolean {
-  return e.data !== null && Array.isArray(e.data.components) && e.data.components.length > 0;
-}
-
-function hasInvalidComponents(e: { data: ClientGeneratedData | null }): boolean {
-  return !hasValidComponents(e);
-}
-
 function resolvePath(relativePath: string): string {
   if (projectRoot === '') {
     return relativePath;
@@ -117,16 +99,15 @@ export const fileId = 'kanbanNew1';
 export const plugins = [
   '@auto-engineer/model-diff',
   '@auto-engineer/server-checks',
-  '@auto-engineer/design-system-importer',
   '@auto-engineer/server-generator-apollo-emmett',
   '@auto-engineer/narrative',
-  '@auto-engineer/frontend-checks',
-  '@auto-engineer/frontend-implementer',
-  '@auto-engineer/component-implementer',
   '@auto-engineer/information-architect',
-  '@auto-engineer/frontend-generator-react-graphql',
+  '@auto-engineer/generate-react-client',
+  '@auto-engineer/react-component-implementer',
   '@auto-engineer/server-implementer',
+  '@auto-engineer/app-implementer',
   '@auto-engineer/dev-server',
+  '@auto-engineer/job-graph-processor',
 ];
 
 export const pipeline = define('kanban-todo')
@@ -151,7 +132,7 @@ export const pipeline = define('kanban-todo')
   .on('SliceGenerated')
   .emit('ImplementSlice', (e: { data: SliceGeneratedData }) => ({
     slicePath: resolvePath(e.data.slicePath),
-    context: { previousOutputs: 'errors', attemptNumber: 0 },
+    context: { previousOutputs: '', attemptNumber: 0 },
     aiOptions: { maxTokens: 2000 },
   }))
 
@@ -183,7 +164,11 @@ export const pipeline = define('kanban-todo')
     const slicePath = extractSlicePath(events);
 
     if (!shouldRetry(slicePath)) {
-      sliceRetryState.delete(slicePath);
+      const errors = collectErrors(allEvents);
+      console.error(`Slice implementation failed after ${MAX_RETRIES} retries: ${slicePath}`);
+      if (errors) {
+        console.error(`   Last errors:\n${errors}`);
+      }
       return;
     }
 
@@ -197,6 +182,9 @@ export const pipeline = define('kanban-todo')
   })
 
   .on('ServerGenerated')
+  .emit('GenerateReactClient', () => ({
+    targetDir: resolvePath('./client'),
+  }))
   .emit('GenerateIA', () => {
     iaRetryCount = 0;
     return {
@@ -208,6 +196,15 @@ export const pipeline = define('kanban-todo')
     serverDirectory: resolvePath('./server'),
   }))
 
+  .on('ReactClientGenerated')
+  .emit('StartClient', (e: { data: { targetDir: string } }) => ({
+    clientDirectory: e.data.targetDir,
+    command: 'pnpm dev',
+  }))
+  .emit('StartStorybook', (e: { data: { targetDir: string } }) => ({
+    storybookDirectory: e.data.targetDir,
+  }))
+
   .on('IAValidationFailed')
   .emit('GenerateIA', (e: { data: IAValidationFailedData }) => {
     iaRetryCount += 1;
@@ -225,58 +222,6 @@ export const pipeline = define('kanban-todo')
     };
   })
 
-  .on('IAGenerated')
-  .emit('GenerateClient', () => ({
-    targetDir: resolvePath('./client'),
-    iaSchemaPath: resolvePath('./.context/auto-ia-scheme.json'),
-    gqlSchemaPath: resolvePath('./.context/schema.graphql'),
-    figmaVariablesPath: resolvePath('./.context/figma-file.json'),
-  }))
-
-  .on('ClientGenerated')
-  .when(hasValidComponents)
-  .emit('StartClient', () => ({
-    clientDirectory: resolvePath('./client'),
-  }))
-
-  .on('ClientGenerated')
-  .when(hasInvalidComponents)
-  .emit('ImplementComponent', () => ({
-    projectDir: resolvePath('./client'),
-    iaSchemeDir: resolvePath('./.context'),
-    designSystemPath: resolvePath('./.context/design-system.md'),
-    componentType: 'molecule',
-    filePath: resolvePath('client/src/components/molecules/Example.tsx'),
-    componentName: 'Example.tsx',
-    aiOptions: { maxTokens: 3000 },
-  }))
-
-  .on('ClientGenerated')
-  .when(hasValidComponents)
-
-
-  // build dependency chain
-  // page >> org1 && org 2
-  // org2 >> mol1 && mol2 
-  // process dependency tree
-
-  .forEach((e: { data: ClientGeneratedData }) => e.data.components)
-  .groupInto(['molecule', 'organism', 'page'], (c) => c.type) // group into phased chain
-  .process('ImplementComponent', (c: Component) => ({ // processPhase
-    projectDir: resolvePath('./client'),
-    iaSchemeDir: resolvePath('./.context'),
-    designSystemPath: resolvePath('./.context/design-system.md'),
-    componentType: c.type ?? 'molecule',
-    filePath: resolvePath(c.filePath ?? ''),
-    componentName: (c.filePath ?? '').split('/').pop()?.replace('.tsx', '') ?? '',
-    aiOptions: { maxTokens: 3000 },
-  }))
-  .onComplete({
-    success: { name: 'AllComponentsImplemented', displayName: 'All Components Implemented' },
-    failure: { name: 'ComponentsFailed', displayName: 'Components Failed' },
-    itemKey: (e) => (e.data as { filePath?: string }).filePath ?? '',
-  })
-
   .build();
 
 export function resetState(): void {

package/templates/typical/package.json

@@ -9,18 +9,18 @@
   },
   "dependencies": {
     "@auto-engineer/cli": "workspace:*",
-    "@auto-engineer/component-implementer": "workspace:*",
-    "@auto-engineer/design-system-importer": "workspace:*",
     "@auto-engineer/dev-server": "workspace:*",
-    "@auto-engineer/narrative": "workspace:*",
-    "@auto-engineer/frontend-checks": "workspace:*",
-    "@auto-engineer/frontend-generator-react-graphql": "workspace:*",
-    "@auto-engineer/frontend-implementer": "workspace:*",
+    "@auto-engineer/generate-react-client": "workspace:*",
     "@auto-engineer/information-architect": "workspace:*",
+    "@auto-engineer/job-graph-processor": "workspace:*",
     "@auto-engineer/message-bus": "workspace:*",
+    "@auto-engineer/model-diff": "workspace:*",
+    "@auto-engineer/narrative": "workspace:*",
     "@auto-engineer/pipeline": "workspace:*",
     "@auto-engineer/server-checks": "workspace:*",
     "@auto-engineer/server-generator-apollo-emmett": "workspace:*",
+    "@auto-engineer/react-component-implementer": "workspace:*",
+    "@auto-engineer/app-implementer": "workspace:*",
     "@auto-engineer/server-implementer": "workspace:*"
   },
   "devDependencies": {
@@ -28,6 +28,7 @@
     "chokidar": "^3.6.0",
     "dotenv": "^16.4.5",
     "dotenv-cli": "^9.0.0",
-    "tsx": "^3.12.7"
+    "tsx": "^3.12.7",
+    "vitest": "^3.2.4"
   }
 }

package/templates/typical/vitest.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    include: ['**/*.specs.ts'],
+    exclude: ['server/**', 'client/**'],
+  },
+});