create-auto-app 0.2.2 → 0.3.0

package/templates/shopping-app/auto.config.ts

@@ -1,6 +1,36 @@
-// Import specific command handlers to resolve conflicts or create aliases
-// import { checkTypesCommandHandler } from '@auto-engineer/server-checks';
+import { on, dispatch, fold } from '@auto-engineer/cli';
+import type { Command, Event } from '@auto-engineer/message-bus';
+import { type ExportSchemaCommand, type SchemaExportedEvent, type SchemaExportFailedEvent } from '@auto-engineer/flow';
+import {
+  type GenerateServerCommand,
+  type ServerGeneratedEvent,
+  type ServerGenerationFailedEvent,
+} from '@auto-engineer/server-generator-apollo-emmett';
+import {
+  type ImplementServerCommand,
+  type ServerImplementedEvent,
+  type ServerImplementationFailedEvent,
+} from '@auto-engineer/server-implementer';
+import {
+  type CheckTypesCommand,
+  type TypeCheckPassedEvent,
+  type TypeCheckFailedEvent,
+  CheckTestsCommand,
+  CheckLintCommand,
+} from '@auto-engineer/server-checks';
+import { CheckClientCommand } from '@auto-engineer/frontend-checks';
+import {
+  type GenerateIACommand,
+  type IAGeneratedEvent,
+  type IAGenerationFailedEvent,
+} from '@auto-engineer/information-architect';
+import {
+  type ImplementClientCommand,
+  type ClientImplementedEvent,
+  type ClientImplementationFailedEvent,
+} from '@auto-engineer/frontend-implementer';
 
+// Plugin configuration
 export default {
   plugins: [
     '@auto-engineer/server-checks',
@@ -15,7 +45,135 @@ export default {
   ],
 
   aliases: {
-    // If multiple packages tried to register 'check:types', you'd resolve it:
-    // 'test:types': checkTypesCommandHandler,     // auto test → runs check:types via specific handler
+    // Resolve command name conflicts between packages
+    // 'test:types': checkTypesCommandHandler,
   },
 };
+
+// ===== Pipeline Orchestration with DSL =====
+
+// State management: Track pipeline status
+const pipelineStatus = fold<string, Event>(
+  '*', // Listen to all events
+  (state = 'idle', event) => {
+    switch (event.type) {
+      case 'SchemaExported':
+        return 'schema-exported';
+      case 'ServerGenerated':
+        return 'server-generated';
+      case 'ServerImplemented':
+        return 'server-implemented';
+      case 'TypeCheckPassed':
+        return 'checks-passed';
+      case 'TypeCheckFailed':
+        return 'checks-failed';
+      case 'IAGenerated':
+        return 'ia-generated';
+      case 'ClientImplemented':
+        return 'client-implemented';
+      default:
+        return state;
+    }
+  },
+);
+
+// State: Track last error
+const lastError = fold<any, Event>('*', (state = null, event) => {
+  if (event.type.endsWith('Failed') || event.type.endsWith('Error')) {
+    return {
+      type: event.type,
+      data: event.data,
+      timestamp: new Date().toISOString(),
+    };
+  }
+  return state;
+});
+
+// State: Track completed operations
+const completedOperations = fold<string[], Event>('*', (state = [], event) => {
+  if (event.type.endsWith('Passed') || event.type.endsWith('Generated') || event.type.endsWith('Implemented')) {
+    return [...state, event.type];
+  }
+  return state;
+});
+
+on<SchemaExportedEvent>('SchemaExported', (event) =>
+  dispatch<GenerateServerCommand>({
+    type: 'GenerateServer',
+    data: { schemaPath: event.data.outputPath, destination: event.data.outputPath.replace('/schema.json', '/server') },
+  }),
+);
+
+on<ServerGeneratedEvent>('ServerGenerated', (event) =>
+  dispatch.parallel<ImplementServerCommand | GenerateIACommand>([
+    { type: 'ImplementServer', data: { serverDirectory: event.data.serverDir } },
+    {
+      type: 'GenerateIA',
+      data: { outputDir: event.data.destination + '/.context', flowFiles: [event.data.schemaPath] },
+    },
+  ]),
+);
+
+on<ServerImplementedEvent>('ServerImplemented', (event) =>
+  dispatch.parallel<CheckTypesCommand | CheckTestsCommand | CheckLintCommand>([
+    { type: 'CheckTypes', data: { targetDirectory: event.data.serverDirectory, scope: 'project' } },
+    { type: 'CheckTests', data: { targetDirectory: event.data.serverDirectory, scope: 'project' } },
+    { type: 'CheckLint', data: { targetDirectory: event.data.serverDirectory, scope: 'project' } },
+  ]),
+);
+
+on<IAGeneratedEvent>('IAGenerated', (event) =>
+  dispatch<ImplementClientCommand>({
+    type: 'ImplementClient',
+    data: {
+      projectDir: event.data.outputDir.replace('/.context', '/client'),
+      iaSchemeDir: event.data.outputDir,
+      designSystemPath: './.context/design-system.md',
+    },
+  }),
+);
+
+on<ClientImplementedEvent>('ClientImplemented', (event) =>
+  dispatch<CheckClientCommand>({ type: 'CheckClient', data: { clientDirectory: './client', skipBrowserChecks: true } }),
+);
+
+// on<ClientImplementationFailedEvent>('ClientImplementationFailed', (event) =>
+//   dispatch<ImplementClientCommand>({
+//     type: 'ImplementClient',
+//     data: {
+//       projectDir: event.data.projectDir || './client',
+//       iaSchemeDir: './.context',
+//       designSystemPath: './.context/design-system.md',
+//     },
+//   })
+// );
+
+// on<TypeCheckFailedEvent>('TypeCheckFailed', (event) =>
+//   dispatch<ImplementServerCommand>({
+//     type: 'ImplementServer',
+//     data: {
+//       serverDirectory: event.data.targetDirectory,
+//     },
+//   })
+// );
+
+// let retryCount = 0;
+// on<TypeCheckFailedEvent>('TypeCheckFailed', (event) => {
+//   retryCount++;
+//   if (retryCount > 3) {
+//     retryCount = 0;
+//     // Regenerate server from scratch
+//     return dispatch<GenerateServerCommand>({
+//       type: 'GenerateServer',
+//       data: {
+//         schemaPath: event.data.targetDirectory.replace('/server', '') + '/schema.json',
+//         destination: event.data.targetDirectory.replace('/server', ''),
+//       },
+//     });
+//   }
+// });
+
+// // Reset retry count on success
+// on<TypeCheckPassedEvent>('TypeCheckPassed', () => {
+//   retryCount = 0;
+// });

package/templates/shopping-app/client/package.json

@@ -21,7 +21,7 @@
   "dependencies": {
     "@apollo/client": "^3.13.8",
     "@auto-engineer/ai-gateway": "^0.4.2",
-    "@auto-engineer/frontend-generator-react-graphql": "^0.3.0",
+    "@auto-engineer/frontend-generator-react-graphql": "^0.1.3",
     "@hookform/resolvers": "^3.10.0",
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-alert-dialog": "^1.1.14",

package/templates/shopping-app/client/src/App.tsx

@@ -3,18 +3,18 @@ import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import { apolloClient } from '@/apolloClient';
 import { Index } from '@/pages/Index';
 import { NotFound } from '@/pages/NotFound';
-    import { AssistantChatPage } from '@/pages/AssistantChatPage';
-    import { SuggestedItemsPage } from '@/pages/SuggestedItemsPage';
+import { AssistantChatPage } from '@/pages/AssistantChatPage';
+import { SuggestedItemsPage } from '@/pages/SuggestedItemsPage';
 
 export const App = () => (
-    <ApolloProvider client={apolloClient}>
-        <BrowserRouter>
-            <Routes>
-                <Route path="/" element={<Index />} />
-                                    <Route path="/" element={<AssistantChatPage />} />
-                                    <Route path="/suggested-items/:sessionId" element={<SuggestedItemsPage />} />
-                                <Route path="*" element={<NotFound />} />
-            </Routes>
-        </BrowserRouter>
-    </ApolloProvider>
-);
+  <ApolloProvider client={apolloClient}>
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Index />} />
+        <Route path="/" element={<AssistantChatPage />} />
+        <Route path="/suggested-items/:sessionId" element={<SuggestedItemsPage />} />
+        <Route path="*" element={<NotFound />} />
+      </Routes>
+    </BrowserRouter>
+  </ApolloProvider>
+);

package/templates/shopping-app/client/src/components/molecules/QuantitySelector.tsx

@@ -1,8 +1,8 @@
-import { <TextField> } from "@/components/atoms/<textfield>";
-import { !!<IconButton> } from "@/components/atoms/!!<iconbutton>";
+import { TextField } from '@/components/atoms/textfield';
+import { IconButton } from '@/components/atoms/iconbutton';
 
 // Component for adjusting item quantities
 
 export function QuantitySelector() {
-    return <div />;
-}
+  return <div />;
+}

package/templates/shopping-app/client/src/components/molecules/ShoppingCriteriaForm.tsx

@@ -1,8 +1,8 @@
-import { <TextField> | Multiline } from "@/components/atoms/<textfield> | multiline";
-import { <Button> } from "@/components/atoms/<button>";
+import { TextField } from '@/components/atoms/textfield';
+import { Button } from '@/components/atoms/button';
 
 // Form for entering shopping criteria with examples and submission
 
 export function ShoppingCriteriaForm() {
-    return <div />;
-}
+  return <div />;
+}

package/templates/shopping-app/client/src/components/molecules/SuggestedItemCard.tsx

@@ -1,10 +1,10 @@
-import { <Card> } from "@/components/atoms/<card>";
-import { <CardHeader> } from "@/components/atoms/<cardheader>";
-import { <TextField> } from "@/components/atoms/<textfield>";
-import { <Button> } from "@/components/atoms/<button>";
+import { Card } from '@/components/atoms/card';
+import { CardHeader } from '@/components/atoms/cardheader';
+import { TextField } from '@/components/atoms/textfield';
+import { Button } from '@/components/atoms/button';
 
 // Card displaying a suggested item with quantity selector and reason
 
 export function SuggestedItemCard() {
-    return <div />;
-}
+  return <div />;
+}

package/templates/shopping-app/client/src/components/organisms/AssistantChatInterface.tsx

@@ -1,4 +1,4 @@
-import { ShoppingCriteriaForm } from "@/components/molecules/ShoppingCriteriaForm";
+import { ShoppingCriteriaForm } from '@/components/molecules/ShoppingCriteriaForm';
 
 // Main interface for entering shopping criteria and starting a session
 // Specs:
@@ -10,5 +10,5 @@ import { ShoppingCriteriaForm } from "@/components/molecules/ShoppingCriteriaFor
 // - show the header on top of the page
 
 export function AssistantChatInterface() {
-    return <div />;
-}
+  return <div />;
+}

package/templates/shopping-app/client/src/components/organisms/PageHeader.tsx

@@ -1,6 +1,5 @@
-
 // Header component shown on top of pages
 
 export function PageHeader() {
-    return <div />;
-}
+  return <div />;
+}

package/templates/shopping-app/client/src/components/organisms/SuggestedItemsList.tsx

@@ -1,4 +1,4 @@
-import { SuggestedItemCard } from "@/components/molecules/SuggestedItemCard";
+import { SuggestedItemCard } from '@/components/molecules/SuggestedItemCard';
 
 // Display suggested items with selection and cart functionality
 // Specs:
@@ -11,5 +11,5 @@ import { SuggestedItemCard } from "@/components/molecules/SuggestedItemCard";
 // - provide feedback when items are added
 
 export function SuggestedItemsList() {
-    return <div />;
-}
+  return <div />;
+}

package/templates/shopping-app/client/src/index.css

@@ -3,8 +3,7 @@
 @tailwind utilities;
 
 @layer base {
-:root {
-
+  :root {
     --radius: 0.5rem;
 
     --background: 0 0% 100%;
@@ -70,11 +69,9 @@
     --sidebar-border: 240 6% 90%;
 
     --sidebar-ring: 240 6% 10%;
+  }
 
-}
-
-.dark {
-
+  .dark {
     --background: 240 6% 10%;
 
     --foreground: 0 0% 98%;
@@ -138,16 +135,15 @@
     --sidebar-border: 240 5% 34%;
 
     --sidebar-ring: 240 5% 84%;
-
-}
+  }
 }
 
 @layer base {
-* {
-@apply border-border;
-}
+  * {
+    @apply border-border;
+  }
 
-body {
-@apply bg-background text-foreground;
-}
+  body {
+    @apply bg-background text-foreground;
+  }
 }

package/templates/shopping-app/client/src/pages/AssistantChatPage.tsx

@@ -1,8 +1,8 @@
-import { PageHeader } from "@/components/organisms/PageHeader";
-import { AssistantChatInterface } from "@/components/organisms/AssistantChatInterface";
+import { PageHeader } from '@/components/organisms/PageHeader';
+import { AssistantChatInterface } from '@/components/organisms/AssistantChatInterface';
 
 // Main page where users enter shopping criteria
 
 export function AssistantChatPage() {
-    return <div />;
-}
+  return <div />;
+}

package/templates/shopping-app/client/src/pages/SuggestedItemsPage.tsx

@@ -1,8 +1,8 @@
-import { PageHeader } from "@/components/organisms/PageHeader";
-import { SuggestedItemsList } from "@/components/organisms/SuggestedItemsList";
+import { PageHeader } from '@/components/organisms/PageHeader';
+import { SuggestedItemsList } from '@/components/organisms/SuggestedItemsList';
 
 // Page displaying AI-suggested items for the shopping criteria
 
 export function SuggestedItemsPage() {
-    return <div />;
-}
+  return <div />;
+}

package/templates/shopping-app/example-integrations/ai-chat-completion/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@auto-engineer/flow": "^0.7.1",
+    "@auto-engineer/flow": "^0.1.1",
     "@auto-engineer/ai-gateway": "^0.6.1"
   },
   "scripts": {

package/templates/shopping-app/example-integrations/cart/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@auto-engineer/flow": "^0.7.1",
+    "@auto-engineer/flow": "^0.1.1",
     "@auto-engineer/ai-gateway": "^0.6.1",
     "axios": "^1.6.0",
     "zod": "^3.22.4"

package/templates/shopping-app/example-integrations/product-catalogue/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@auto-engineer/flow": "^0.7.1",
+    "@auto-engineer/flow": "^0.1.1",
     "@auto-engineer/ai-gateway": "^0.6.1",
     "axios": "^1.6.0",
     "zod": "^3.22.4"