create-auto-app 1.14.0 → 1.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-auto-app",
-  "version": "1.14.0",
+  "version": "1.16.0",
   "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.14.0"
+    "@auto-engineer/id": "1.16.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",

package/templates/typical/.gitignore

@@ -1,4 +1,3 @@
 .context
-server*
-client*
-/.context/
+# server*
+# client*

package/templates/typical/auto.config.ts

@@ -822,6 +822,18 @@ export const plugins = [
 ];
 
 export const pipeline = define('kanban-todo')
+  .on('PipelineStarted')
+  .emit('StartServer', () => ({
+    serverDirectory: resolvePath('./server'),
+  }))
+  .emit('StartClient', () => ({
+    clientDirectory: resolvePath('./client'),
+    command: 'pnpm dev',
+  }))
+  .emit('StartStorybook', () => ({
+    storybookDirectory: resolvePath('./client'),
+  }))
+
   .on('SchemaExported')
   .emit('DetectChanges', (e: { data: SchemaExportedData }) => {
     projectRoot = e.data.directory;
@@ -903,21 +915,6 @@ export const pipeline = define('kanban-todo')
       outputDir: resolvePath('./.context'),
     };
   })
-  .emit('StartServer', () => ({
-    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('StorybookStarted')
-  .emit('TriggerJobGraph', () => ({}))
 
   .on('IAValidationFailed')
   .emit('GenerateIA', (e: { data: IAValidationFailedData }) => {

package/templates/typical/client/.gitignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+*.local
+.DS_Store

package/templates/typical/client/.storybook/main.ts

@@ -0,0 +1,33 @@
+import { fileURLToPath } from 'node:url';
+import { dirname } from 'node:path';
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts|tsx)'],
+  addons: [
+    getAbsolutePath('@storybook/addon-docs'),
+    {
+      name: getAbsolutePath('@storybook/addon-mcp'),
+      options: {
+        toolsets: {
+          dev: true,
+          docs: true,
+        },
+      },
+    },
+  ],
+  staticDirs: ['../public'],
+  features: {
+    experimentalComponentsManifest: true,
+  },
+  framework: {
+    name: getAbsolutePath('@storybook/react-vite'),
+    options: {},
+  },
+};
+
+export default config;
+
+function getAbsolutePath(value: string): any {
+  return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
+}

package/templates/typical/client/.storybook/preview.tsx

@@ -0,0 +1,35 @@
+import type { Preview } from '@storybook/react-vite';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { initialize, mswLoader } from 'msw-storybook-addon';
+import '../src/index.css';
+
+initialize();
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+    },
+  },
+});
+
+const preview: Preview = {
+  decorators: [
+    (Story) => (
+      <QueryClientProvider client={queryClient}>
+        <Story />
+      </QueryClientProvider>
+    ),
+  ],
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  loaders: [mswLoader],
+};
+
+export default preview;

package/templates/typical/client/components.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide",
+  "registries": {
+    "@shadcraft": {
+      "url": "https://registry-shadcraft.vercel.app/r/{name}",
+      "headers": {
+        "X-License-Key": "${SHADCRAFT_LICENSE_KEY}"
+      }
+    }
+  }
+}

package/templates/typical/client/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/typical/client/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "react-client",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "type-check": "tsc --noEmit -p tsconfig.app.json",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.1.0",
+    "@hookform/resolvers": "^5.2.2",
+    "@tanstack/react-query": "^5.90.19",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.539.0",
+    "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
+    "react": "^19.0.0",
+    "react-day-picker": "^9.13.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.71.1",
+    "react-resizable-panels": "^4.6.1",
+    "react-router-dom": "^7.13.0",
+    "recharts": "2.15.4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
+    "vaul": "^1.1.2",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "^10.2.8",
+    "@storybook/addon-mcp": "^0.2.2",
+    "@storybook/react-vite": "^10.2.8",
+    "@tailwindcss/vite": "^4.1.16",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^4.2.2",
+    "msw": "^2.12.10",
+    "msw-storybook-addon": "^2.0.6",
+    "storybook": "^10.2.8",
+    "tailwindcss": "^4.1.16",
+    "tw-animate-css": "^1.3.7",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.0"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
+}