create-auto-app 1.21.0 → 1.23.0

package/package.json

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

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

@@ -1,40 +1,50 @@
-import { fileURLToPath } from 'node:url';
-import { dirname } from 'node:path';
-import type { StorybookConfig } from '@storybook/react-vite';
+import { fileURLToPath } from "node:url";
+import { dirname } from "node:path";
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const isFastMode = !!process.env.STORYBOOK_FAST;
 
 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: {},
-  },
-  viteFinal: (config) => {
-    config.server = {
-      ...config.server,
-      allowedHosts: ['.worker.on.auto', '.worker-dev.on.auto'],
-    };
-    return config;
-  },
+	stories: isFastMode
+		? ["../src/**/*.stories.@(ts|tsx)"]
+		: ["../src/**/*.mdx", "../src/**/*.stories.@(ts|tsx)"],
+	addons: [
+		...(isFastMode ? [] : [getAbsolutePath("@storybook/addon-docs")]),
+		{
+			name: getAbsolutePath("@storybook/addon-mcp"),
+			options: {
+				toolsets: {
+					dev: true,
+					docs: true,
+				},
+			},
+		},
+	],
+	staticDirs: ["../public"],
+	features: {
+		experimentalComponentsManifest: true,
+	},
+	core: {
+		disableWhatsNewNotifications: true,
+	},
+	framework: {
+		name: getAbsolutePath("@storybook/react-vite"),
+		options: {},
+	},
+	typescript: {
+		reactDocgen: isFastMode ? false : "react-docgen",
+	},
+	viteFinal: (config) => {
+		config.server = {
+			...config.server,
+			allowedHosts: [".worker.on.auto", ".worker-dev.on.auto"],
+		};
+		return config;
+	},
 };
 
 export default config;
 
 function getAbsolutePath(value: string): any {
-  return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
+	return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
 }

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

@@ -28,6 +28,18 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
+    viewport: {
+      defaultViewport: 'desktop',
+    },
+    layout: 'padded',
+    options: {
+      storySort: {
+        order: ['Design System', 'UI Components'],
+      },
+    },
+  },
+  initialGlobals: {
+    showPanel: false,
   },
   loaders: [mswLoader],
 };

package/templates/typical/client/package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview",
     "type-check": "tsc --noEmit -p tsconfig.app.json",
     "storybook": "storybook dev -p 6006",
+    "storybook:fast": "STORYBOOK_FAST=1 storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
   "dependencies": {

package/templates/typical/client/src/components/ui/Accordion.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/components/ui/Accordion';
 
 const meta: Meta<typeof Accordion> = {
-  title: 'Accordion',
+  title: 'UI Components/Accordion',
   component: Accordion,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Alert.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Alert, AlertTitle, AlertDescription } from '@/components/ui/Alert';
 
 const meta: Meta<typeof Alert> = {
-  title: 'Alert',
+  title: 'UI Components/Alert',
   component: Alert,
 };
 export default meta;

package/templates/typical/client/src/components/ui/AlertDialog.stories.tsx

@@ -13,7 +13,7 @@ import {
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof AlertDialog> = {
-  title: 'AlertDialog',
+  title: 'UI Components/AlertDialog',
   component: AlertDialog,
 };
 export default meta;

package/templates/typical/client/src/components/ui/AspectRatio.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { AspectRatio } from '@/components/ui/AspectRatio';
 
 const meta: Meta<typeof AspectRatio> = {
-  title: 'AspectRatio',
+  title: 'UI Components/AspectRatio',
   component: AspectRatio,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Avatar.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/Avatar';
 
 const meta: Meta<typeof Avatar> = {
-  title: 'Avatar',
+  title: 'UI Components/Avatar',
   component: Avatar,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Badge.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Badge } from '@/components/ui/Badge';
 
 const meta: Meta<typeof Badge> = {
-  title: 'Badge',
+  title: 'UI Components/Badge',
   component: Badge,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Breadcrumb.stories.tsx

@@ -9,7 +9,7 @@ import {
 } from '@/components/ui/Breadcrumb';
 
 const meta: Meta<typeof Breadcrumb> = {
-  title: 'Breadcrumb',
+  title: 'UI Components/Breadcrumb',
   component: Breadcrumb,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Button.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Button> = {
-  title: 'Button',
+  title: 'UI Components/Button',
   component: Button,
 };
 export default meta;

package/templates/typical/client/src/components/ui/ButtonGroup.stories.tsx

@@ -3,7 +3,7 @@ import { ButtonGroup } from '@/components/ui/ButtonGroup';
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof ButtonGroup> = {
-  title: 'ButtonGroup',
+  title: 'UI Components/ButtonGroup',
   component: ButtonGroup,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Calendar.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Calendar } from '@/components/ui/Calendar';
 
 const meta: Meta<typeof Calendar> = {
-  title: 'Calendar',
+  title: 'UI Components/Calendar',
   component: Calendar,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Card.stories.tsx

@@ -3,7 +3,7 @@ import { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Card> = {
-  title: 'Card',
+  title: 'UI Components/Card',
   component: Card,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Carousel.stories.tsx

@@ -3,7 +3,7 @@ import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext
 import { Card, CardContent } from '@/components/ui/Card';
 
 const meta: Meta<typeof Carousel> = {
-  title: 'Carousel',
+  title: 'UI Components/Carousel',
   component: Carousel,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Chart.stories.tsx

@@ -3,7 +3,7 @@ import { Bar, BarChart, XAxis, YAxis } from 'recharts';
 import { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/Chart';
 
 const meta: Meta<typeof ChartContainer> = {
-  title: 'Chart',
+  title: 'UI Components/Chart',
   component: ChartContainer,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Checkbox.stories.tsx

@@ -3,7 +3,7 @@ import { Checkbox } from '@/components/ui/Checkbox';
 import { Label } from '@/components/ui/Label';
 
 const meta: Meta<typeof Checkbox> = {
-  title: 'Checkbox',
+  title: 'UI Components/Checkbox',
   component: Checkbox,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Collapsible.stories.tsx

@@ -4,7 +4,7 @@ import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/component
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Collapsible> = {
-  title: 'Collapsible',
+  title: 'UI Components/Collapsible',
   component: Collapsible,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Combobox.stories.tsx

@@ -58,7 +58,7 @@ function ClearableCombobox() {
 }
 
 const meta: Meta = {
-  title: 'Combobox',
+  title: 'UI Components/Combobox',
   component: ComboboxInput,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Command.stories.tsx

@@ -12,7 +12,7 @@ import {
 import { CalendarIcon, MailIcon, SettingsIcon, UserIcon, CreditCardIcon } from 'lucide-react';
 
 const meta: Meta<typeof Command> = {
-  title: 'Command',
+  title: 'UI Components/Command',
   component: Command,
 };
 export default meta;

package/templates/typical/client/src/components/ui/ContextMenu.stories.tsx

@@ -12,7 +12,7 @@ import {
 } from '@/components/ui/ContextMenu';
 
 const meta: Meta<typeof ContextMenu> = {
-  title: 'ContextMenu',
+  title: 'UI Components/ContextMenu',
   component: ContextMenu,
 };
 export default meta;