@auto-engineer/generate-react-client 1.22.0 → 1.23.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @auto-engineer/generate-react-client
 
+## 1.23.0
+
+### Minor Changes
+
+- [`370b36e`](https://github.com/BeOnAuto/auto-engineer/commit/370b36e2c871966520e906559e1369e41312843f) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Added automatic copying of Storybook settings when running the dev server start command
+
+- [`929c38d`](https://github.com/BeOnAuto/auto-engineer/commit/929c38de2d5a78f90aa7c3441a2d00978678ffde) Thanks [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D)! - - **cli**: /configure endpoint bypasses tunnel auth middleware
+  - **cli**: tunnel auth accepts x-service-token via ServiceTokenStore
+  - **cli**: add createServiceTokenStore and createConfigureMiddleware
+  - **global**: version packages
+  - **root**: update claude-auto
+
+- [`156aee3`](https://github.com/BeOnAuto/auto-engineer/commit/156aee35fe0ab25cb895c541840646557c649a83) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Enhanced component stories with consistent titles across the design system
+  - Added new design system overview documentation
+
+- [`6de131b`](https://github.com/BeOnAuto/auto-engineer/commit/6de131b629a13314dd513eccd8238daabc401860) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Added Storybook fast mode for quicker component development iteration
+  - Added new design system overview stories for better documentation and visibility of UI components
+
+### Patch Changes
+
+- [`8ccfd99`](https://github.com/BeOnAuto/auto-engineer/commit/8ccfd99f84cad415bd2e0908a1e25116ab3ef166) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Adjusted column widths and overflow handling for better responsiveness in the design system
+
+- [`d399c35`](https://github.com/BeOnAuto/auto-engineer/commit/d399c352d2bf8fdab51d4421f6d7b2fc63716dc3) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Updated the debug script to include the --no-tui flag for headless debugging support
+
+- [`eacc928`](https://github.com/BeOnAuto/auto-engineer/commit/eacc92850393761587cefb982b83a3798f4f1390) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **cli**: register /configure middleware in all modes, not just tunnel
+
+- [`99c4e36`](https://github.com/BeOnAuto/auto-engineer/commit/99c4e3654624903024ae628b55fcce20cf1bd96f) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Removed outdated ngrok tunnel support plan
+
+- Updated dependencies [[`8ccfd99`](https://github.com/BeOnAuto/auto-engineer/commit/8ccfd99f84cad415bd2e0908a1e25116ab3ef166), [`370b36e`](https://github.com/BeOnAuto/auto-engineer/commit/370b36e2c871966520e906559e1369e41312843f), [`929c38d`](https://github.com/BeOnAuto/auto-engineer/commit/929c38de2d5a78f90aa7c3441a2d00978678ffde), [`156aee3`](https://github.com/BeOnAuto/auto-engineer/commit/156aee35fe0ab25cb895c541840646557c649a83), [`d399c35`](https://github.com/BeOnAuto/auto-engineer/commit/d399c352d2bf8fdab51d4421f6d7b2fc63716dc3), [`eacc928`](https://github.com/BeOnAuto/auto-engineer/commit/eacc92850393761587cefb982b83a3798f4f1390), [`6de131b`](https://github.com/BeOnAuto/auto-engineer/commit/6de131b629a13314dd513eccd8238daabc401860), [`99c4e36`](https://github.com/BeOnAuto/auto-engineer/commit/99c4e3654624903024ae628b55fcce20cf1bd96f)]:
+  - @auto-engineer/message-bus@1.23.0
+
 ## 1.22.0
 
 ### Minor Changes

package/dist/starter/.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/dist/starter/.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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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/dist/starter/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;