create-auto-app 0.10.5 → 0.11.0

package/package.json

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

package/templates/questionnaires/.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": ["Bash(pnpm start:*)"],
+    "deny": [],
+    "ask": []
+  }
+}

package/templates/questionnaires/flows/homepage.flow.ts

@@ -1,186 +1,158 @@
-import { experience, flow, specs, should } from '@auto-engineer/flow';
-
-flow('Home Screen', () => {
+import { experience, flow, should, specs } from '@auto-engineer/flow';
+flow('Home Screen', 'AUTO-cDAZP41Kb', () => {
   experience('Active Surveys Summary', 'AUTO-aifPcU3hw').client(() => {
     specs(() => {
       should('show active surveys summary and response rate overview');
     });
   });
-
   experience('Recent Survey Responses', 'AUTO-B2gF5k9Xj').client(() => {
     specs(() => {
       should('display recent survey responses list');
     });
   });
-
   experience('Completion Rate Progress', 'AUTO-C3hG6l0Yk').client(() => {
     specs(() => {
       should('show visual progress of completion rate goals');
     });
   });
-
   experience('Quick Access Actions', 'AUTO-D4iH7m1Zl').client(() => {
     specs(() => {
       should('show quick access buttons for Create Survey, Analytics, Templates');
     });
   });
 });
-
-flow('Create Survey', () => {
+flow('Create Survey', 'AUTO-OnuAvj45V', () => {
   experience('Create Survey Form', 'AUTO-MPviTMrQC').client(() => {
     specs(() => {
       should('allow entering survey title, description, and question types');
     });
   });
-
   experience('Question Templates Selection', 'AUTO-E5jI8n2Am').client(() => {
     specs(() => {
       should('show recent/frequent question templates for quick selection');
     });
   });
-
   experience('Survey Creation Confirmation', 'AUTO-F6kJ9o3Bn').client(() => {
     specs(() => {
       should('display confirmation toast after creating survey');
     });
   });
-
   experience('Real-time Dashboard Updates', 'AUTO-G7lK0p4Co').client(() => {
     specs(() => {
       should('update survey dashboard and analytics in real-time');
     });
   });
 });
-
-flow('Response Analytics', () => {
+flow('Response Analytics', 'AUTO-dRYuxORz0', () => {
   experience('Response Rate Charts', 'AUTO-eME978Euk').client(() => {
     specs(() => {
-      should('show daily and weekly response rate charts');
+      should('show daily response rate charts');
+      should('show weekly response rate charts');
     });
   });
-
   experience('High Engagement Survey Highlights', 'AUTO-H8mL1q5Dp').client(() => {
     specs(() => {
       should('highlight surveys with highest engagement');
     });
   });
-
   experience('Analytics Filtering', 'AUTO-I9nM2r6Eq').client(() => {
     specs(() => {
       should('allow filtering by survey type or date range');
     });
   });
-
   experience('Real-time Analytics Updates', 'AUTO-J0oN3s7Fr').client(() => {
     specs(() => {
       should('update dynamically when new responses are received');
     });
   });
 });
-
-flow('Manage Templates', () => {
+flow('Manage Templates', 'AUTO-KFxx8k1ul', () => {
   experience('Templates List View', 'AUTO-TRJBgM1JS').client(() => {
     specs(() => {
       should('list all survey templates with usage count and last modified date');
     });
   });
-
   experience('Template Management Actions', 'AUTO-K1pO4t8Gs').client(() => {
     specs(() => {
       should('allow creating, editing, and deleting survey templates');
     });
   });
-
   experience('Template Usage Statistics', 'AUTO-L2qP5u9Ht').client(() => {
     specs(() => {
       should('show monthly summary of template usage statistics');
     });
   });
-
   experience('Popular Templates Highlights', 'AUTO-M3rQ6v0Iu').client(() => {
     specs(() => {
       should('highlight most popular and recently used templates');
     });
   });
 });
-
-flow('Survey Completion Tracker', () => {
+flow('Survey Completion Tracker', 'AUTO-wXdtfGpFr', () => {
   experience('Completion Rate Progress View', 'AUTO-oDBBOUNzr').client(() => {
     specs(() => {
       should('show current completion rate and target progress');
     });
   });
-
   experience('Target Setting Interface', 'AUTO-N4sR7w1Jv').client(() => {
     specs(() => {
       should('allow setting completion rate targets');
     });
   });
-
   experience('Automatic Completion Tracking', 'AUTO-O5tS8x2Kw').client(() => {
     specs(() => {
       should('automatically track new survey completions');
     });
   });
-
   experience('Shell Progress Bar Display', 'AUTO-P6uT9y3Lx').client(() => {
     specs(() => {
       should('display visual completion progress bar consistently in shell');
     });
   });
 });
-
-flow('Response Goals Tracker', () => {
+flow('Response Goals Tracker', 'AUTO-W8dytm3oC', () => {
   experience('Response Target Setting', 'AUTO-Idmim68Yf').client(() => {
     specs(() => {
       should('allow setting monthly/weekly response targets');
     });
   });
-
   experience('Response Target Progress Bar', 'AUTO-Q7vU0z4My').client(() => {
     specs(() => {
       should('show remaining response targets as a progress bar');
     });
   });
-
   experience('Underperforming Survey Highlights', 'AUTO-R8wV1a5Nz').client(() => {
     specs(() => {
       should('highlight underperforming surveys');
     });
   });
-
   experience('Real-time Goals Updates', 'AUTO-S9xW2b6Oa').client(() => {
     specs(() => {
       should('update in real-time when responses are received');
     });
   });
 });
-
-flow('Response History', () => {
+flow('Response History', 'AUTO-JizW21yrr', () => {
   experience('Response History List', 'AUTO-cIpwPlqRq').client(() => {
     specs(() => {
       should('allow viewing full response history');
     });
   });
-
   experience('Response History Filtering', 'AUTO-T0yX3c7Pb').client(() => {
     specs(() => {
       should('filter by survey type, date, or completion status');
     });
   });
-
   experience('Detailed Response View', 'AUTO-U1zY4d8Qc').client(() => {
     specs(() => {
       should('view detailed response data and export individual responses');
     });
   });
-
   experience('Response Export Functionality', 'AUTO-V2aZ5e9Rd').client(() => {
     specs(() => {
       should('export individual responses');
     });
   });
-
   experience('Response Engagement Contribution', 'AUTO-W3ba6f0Se').client(() => {
     specs(() => {
       should('show contribution of each response to daily/weekly/monthly engagement totals');

package/templates/questionnaires/flows/structure.flow.ts

@@ -1,8 +1,7 @@
 import { experience, flow, should, specs } from '@auto-engineer/flow';
-
-flow('App Structure', () => {
+flow('App Structure', 'AUTO-vLkxrmhz6', () => {
   experience('App Structure', 'AUTO-k6JkQZQnc').client(() => {
-    specs('', () => {
+    specs(() => {
       should('display persistent sidebar on left for navigation');
       should(
         'sidebar includes links: Home, Create Survey, Analytics, Templates, Completion Tracker, Response Goals, Response History',

package/templates/{finance-app → todo-list}/auto.config.ts

@@ -1,32 +1,40 @@
 import { autoConfig, on, dispatch } from '@auto-engineer/cli';
-import type { ExportSchemaCommand, ExportSchemaEvents } from '@auto-engineer/flow';
+import type { ExportSchemaEvents } from '@auto-engineer/flow';
 import type { GenerateServerCommand, GenerateServerEvents } from '@auto-engineer/server-generator-apollo-emmett';
-import type {
-  ImplementServerCommand,
-  ImplementServerEvents,
-  ImplementSliceEvents,
-  ImplementSliceCommand,
-} from '@auto-engineer/server-implementer';
+import type { ImplementSliceEvents, ImplementSliceCommand } from '@auto-engineer/server-implementer';
 import type {
   CheckTestsCommand,
-  CheckTestsEvents,
   CheckTypesCommand,
-  CheckTypesEvents,
   CheckLintCommand,
-  CheckLintEvents,
   TestsCheckFailedEvent,
+  TypeCheckFailedEvent,
+  LintCheckFailedEvent,
 } from '@auto-engineer/server-checks';
 import type { GenerateIACommand, GenerateIAEvents } from '@auto-engineer/information-architect';
-import type { ImplementClientCommand, ImplementClientEvents } from '@auto-engineer/frontend-implementer';
+import type { ImplementClientCommand } from '@auto-engineer/frontend-implementer';
 import type { GenerateClientCommand, GenerateClientEvents } from '@auto-engineer/frontend-generator-react-graphql';
-import {
-  CheckClientCommand,
-  CheckClientEvents,
-  ClientCheckFailedEvent,
-} from '../../packages/frontend-checks/dist/src/commands/check-client';
+import type { CheckClientEvents } from '../../packages/frontend-checks/dist/src/commands/check-client';
+import { SliceGeneratedEvent } from '../../packages/server-generator-apollo-emmett/dist/src/commands/generate-server';
+
+const sliceRetryState = new Map<string, number>();
+const MAX_RETRIES = 3;
+
+interface CheckFailures {
+  testsCheckFailed?: TestsCheckFailedEvent;
+  typeCheckFailed?: TypeCheckFailedEvent;
+  lintCheckFailed?: LintCheckFailedEvent;
+}
+
+type EventsType = Record<
+  string,
+  Array<{
+    type: string;
+    data: { targetDirectory?: string; errors?: string };
+  }>
+>;
 
 export default autoConfig({
-  fileId: 'test33333', // unique 9-character base62 canvas file id where all flows in this project will be shown
+  fileId: 'todoK4nB2',
 
   plugins: [
     '@auto-engineer/server-checks',
@@ -45,9 +53,82 @@ export default autoConfig({
   },
   pipeline: () => {
     on<ExportSchemaEvents>('SchemaExported', () =>
+      dispatch<GenerateServerCommand>('GenerateServer', {
+        modelPath: './.context/schema.json',
+        destination: '.',
+      }),
+    );
+    on<SliceGeneratedEvent>('SliceGenerated', (e) =>
+      dispatch<ImplementSliceCommand>('ImplementSlice', {
+        slicePath: e.data.slicePath,
+        context: {
+          previousOutputs: 'errors',
+          attemptNumber: 0,
+        },
+      }),
+    );
+
+    on<ImplementSliceEvents>('SliceImplemented', (e) =>
+      dispatch<CheckTestsCommand>('CheckTests', {
+        targetDirectory: e.data.slicePath,
+        scope: 'slice',
+      }),
+    );
+
+    on<ImplementSliceEvents>('SliceImplemented', (e) =>
+      dispatch<CheckTypesCommand>('CheckTypes', {
+        targetDirectory: e.data.slicePath,
+        scope: 'slice',
+      }),
+    );
+
+    on<ImplementSliceEvents>('SliceImplemented', (e) =>
+      dispatch<CheckLintCommand>('CheckLint', {
+        targetDirectory: e.data.slicePath,
+        scope: 'slice',
+        fix: true,
+      }),
+    );
+
+    on.settled<CheckTestsCommand, CheckTypesCommand, CheckLintCommand>(
+      ['CheckTests', 'CheckTypes', 'CheckLint'],
+      dispatch<ImplementSliceCommand>(['ImplementSlice'], (events, send) => {
+        const failures = findCheckFailures(events);
+        const slicePath = getSlicePath(failures, events);
+
+        if (!hasAnyFailures(failures)) {
+          sliceRetryState.delete(slicePath);
+          return { persist: false };
+        }
+
+        const currentAttempt = sliceRetryState.get(slicePath) ?? 0;
+
+        if (currentAttempt >= MAX_RETRIES) {
+          sliceRetryState.delete(slicePath);
+          return { persist: false };
+        }
+
+        sliceRetryState.set(slicePath, currentAttempt + 1);
+
+        send({
+          type: 'ImplementSlice',
+          data: {
+            slicePath,
+            context: {
+              previousOutputs: collectErrorMessages(failures),
+              attemptNumber: currentAttempt + 1,
+            },
+          },
+        });
+
+        return { persist: true };
+      }),
+    );
+
+    on<GenerateServerEvents>('ServerGenerated', () =>
       dispatch<GenerateIACommand>('GenerateIA', {
-        outputDir: './.context',
         modelPath: './.context/schema.json',
+        outputDir: './.context',
       }),
     );
 
@@ -69,12 +150,12 @@ export default autoConfig({
       }),
     );
 
-    on<ImplementClientEvents>('ClientImplemented', () =>
-      dispatch<CheckClientCommand>('CheckClient', {
-        clientDirectory: './client',
-        skipBrowserChecks: true,
-      }),
-    );
+    // on<ImplementClientEvents>('ClientImplemented', () =>
+    //   dispatch<CheckClientCommand>('CheckClient', {
+    //     clientDirectory: './client',
+    //     skipBrowserChecks: true,
+    //   }),
+    // );
 
     on<CheckClientEvents>('ClientChecked', (e) => {
       if (e.type === 'ClientChecked') {
@@ -98,6 +179,56 @@ export default autoConfig({
   },
 });
 
+function findCheckFailures(events: EventsType): CheckFailures {
+  const checkTests = events.CheckTests as Array<
+    TestsCheckFailedEvent | { type: string; data: { targetDirectory: string } }
+  >;
+  const checkTypes = events.CheckTypes as Array<
+    TypeCheckFailedEvent | { type: string; data: { targetDirectory: string } }
+  >;
+  const checkLint = events.CheckLint as Array<
+    LintCheckFailedEvent | { type: string; data: { targetDirectory: string } }
+  >;
+
+  return {
+    testsCheckFailed: checkTests.find((e): e is TestsCheckFailedEvent => e.type === 'TestsCheckFailed'),
+    typeCheckFailed: checkTypes.find((e): e is TypeCheckFailedEvent => e.type === 'TypeCheckFailed'),
+    lintCheckFailed: checkLint.find((e): e is LintCheckFailedEvent => e.type === 'LintCheckFailed'),
+  };
+}
+
+function hasAnyFailures(failures: CheckFailures): boolean {
+  return (
+    failures.testsCheckFailed !== undefined ||
+    failures.typeCheckFailed !== undefined ||
+    failures.lintCheckFailed !== undefined
+  );
+}
+
+function getSlicePath(failures: CheckFailures, events: EventsType): string {
+  return (
+    failures.testsCheckFailed?.data.targetDirectory ??
+    failures.typeCheckFailed?.data.targetDirectory ??
+    failures.lintCheckFailed?.data.targetDirectory ??
+    (events.CheckTests[0]?.data.targetDirectory as string) ??
+    ''
+  );
+}
+
+function collectErrorMessages(failures: CheckFailures): string {
+  const errorMessages: string[] = [];
+  if (failures.testsCheckFailed !== undefined) {
+    errorMessages.push(failures.testsCheckFailed.data.errors);
+  }
+  if (failures.typeCheckFailed !== undefined) {
+    errorMessages.push(failures.typeCheckFailed.data.errors);
+  }
+  if (failures.lintCheckFailed !== undefined) {
+    errorMessages.push(failures.lintCheckFailed.data.errors);
+  }
+  return errorMessages.join('\n');
+}
+
 /*
 
 rm -rf server client .context/schema.json .context/schema.graphql .context/auto-ia-scheme.json 

package/templates/todo-list/flows/homepage.flow.ts

@@ -0,0 +1,142 @@
+import { experience, flow, should, specs } from '@auto-engineer/flow';
+
+flow('Todo Dashboard', 'AUTO-H6i9Rs2Gz', () => {
+  experience('Kanban Board View', 'AUTO-K7j0St3Hz').client(() => {
+    specs(() => {
+      should('display three distinct columns: To Do, In Progress, and Done');
+      should('show elegant column headers with gradient backgrounds');
+      should('display count badges on each column showing number of tasks');
+      should('support drag-and-drop of task cards between columns');
+      should('animate smooth transitions when tasks move between columns');
+      should('show visual feedback during drag operations with shadow elevation');
+      should('display task cards with glass morphism effect and subtle backdrop blur');
+      should('add hover effects with gentle scale and shadow transitions');
+      should('show empty state with beautiful illustrations when columns are empty');
+      should('maintain consistent card spacing and grid alignment');
+    });
+  });
+
+  experience('Task Cards', 'AUTO-T8k1Uu4Iz').client(() => {
+    specs(() => {
+      should('display task description with clear readable typography');
+      should('show status indicator with color-coded dot or icon');
+      should('display creation timestamp in subtle text');
+      should('show completion timestamp for completed tasks');
+      should('include quick action buttons appearing on hover');
+      should('support click to expand for future task details');
+      should('apply strike-through animation for completed tasks');
+      should('use gradient borders matching task status');
+    });
+  });
+
+  experience('Completion Progress Ring', 'AUTO-P9l2Vv5Jz').client(() => {
+    specs(() => {
+      should('display circular progress ring with gradient stroke');
+      should('show completion percentage prominently in center');
+      should('animate progress changes with smooth easing');
+      should('display total task count below percentage');
+      should('use vibrant colors for high completion rates');
+      should('show subtle pulse animation on milestone achievements');
+      should('position prominently at top of dashboard or sidebar');
+    });
+  });
+
+  experience('Quick Add Todo Widget', 'AUTO-Q0m3Ww6Kz').client(() => {
+    specs(() => {
+      should('display floating action button with plus icon');
+      should('position fixed in bottom-right corner for easy access');
+      should('expand into input form with smooth scale animation on click');
+      should('include elegant input field with placeholder text');
+      should('show submit button with icon when text is entered');
+      should('support keyboard shortcut (Ctrl/Cmd + K) to focus input');
+      should('auto-focus input when opened');
+      should('clear and collapse after successful task addition');
+      should('show loading state during task submission');
+    });
+  });
+
+  experience('Statistics Dashboard', 'AUTO-S1n4Xx7Lz').client(() => {
+    specs(() => {
+      should('show total tasks count with large prominent number');
+      should('display tasks completed today with celebration icon');
+      should('show breakdown: pending, in-progress, completed counts');
+      should('display completion percentage with visual indicator');
+      should('use card-based layout with glass morphism styling');
+      should('include subtle icons for each statistic');
+      should('update in real-time when tasks change status');
+      should('animate number changes with counting effect');
+    });
+  });
+
+  experience('Recent Activity Feed', 'AUTO-R2o5Yy8Mz').client(() => {
+    specs(() => {
+      should('display recent task completions in chronological order');
+      should('show completion timestamp in relative format');
+      should('limit to last 5 completed tasks');
+      should('include task description with completed styling');
+      should('show subtle celebration icon for each completion');
+      should('use minimalist list design with dividers');
+      should('support click to view task details');
+      should('auto-scroll new completions into view with smooth animation');
+    });
+  });
+
+  experience('View Toggle Controls', 'AUTO-V3p6Zz9Nz').client(() => {
+    specs(() => {
+      should('provide toggle between Kanban and List views');
+      should('use segmented control or tab-style switcher');
+      should('position in top toolbar for easy access');
+      should('highlight active view with accent color');
+      should('animate view transitions with fade and slide effects');
+      should('preserve scroll position when switching views');
+      should('remember user preference in local storage');
+    });
+  });
+
+  experience('Theme Toggle', 'AUTO-T4q7Aa0Oz').client(() => {
+    specs(() => {
+      should('support light and dark theme modes');
+      should('display sun/moon icon toggle in top bar');
+      should('transition smoothly between themes with fade animation');
+      should('adjust all colors including gradients for theme');
+      should('maintain high contrast and readability in both modes');
+      should('remember user preference in local storage');
+      should('use system preference as default');
+    });
+  });
+
+  experience('Celebration Animations', 'AUTO-C5r8Bb1Pz').client(() => {
+    specs(() => {
+      should('trigger confetti animation when task is completed');
+      should('show satisfying checkmark animation');
+      should('play subtle success sound effect (optional, user configurable)');
+      should('display special animation for completing all tasks');
+      should('show streak celebration for consecutive daily completions');
+      should('use particle effects that do not obstruct UI');
+      should('respect reduced motion preferences for accessibility');
+    });
+  });
+
+  experience('Column Management', 'AUTO-M6s9Cc2Qz').client(() => {
+    specs(() => {
+      should('allow reordering tasks within same column via drag-and-drop');
+      should('auto-scroll columns when dragging near edges');
+      should('show drop zones with visual indicators');
+      should('prevent invalid drops with visual feedback');
+      should('support keyboard-based task movement for accessibility');
+      should('show task count updates immediately on column changes');
+      should('maintain smooth 60fps animations during all interactions');
+    });
+  });
+
+  experience('Empty States', 'AUTO-E7t0Dd3Rz').client(() => {
+    specs(() => {
+      should('display welcoming illustration when no tasks exist');
+      should('show encouraging message to add first task');
+      should('provide quick-add button directly in empty state');
+      should('show column-specific empty states with relevant illustrations');
+      should('use consistent visual style matching overall design system');
+      should('include helpful tips for new users');
+    });
+  });
+});