@auto-engineer/generate-react-client 1.63.0 → 1.65.0

package/dist/starter/.storybook/preview-head.html

@@ -1,7 +1,7 @@
 <style>
   /* Immediate CSS-based dark mode detection - no JS needed for initial paint */
   html, body {
-    transition: none !important;
+    transition: none;
     background-color: #FFFFFF;
     color-scheme: light;
   }
@@ -14,13 +14,13 @@
   }
   /* When .dark class is set by JS */
   html.dark, html.dark body {
-    background-color: #1a1f2e !important;
-    color-scheme: dark !important;
+    background-color: #1a1f2e;
+    color-scheme: dark;
   }
   /* When .light class is set by JS (overrides prefers-color-scheme) */
   html.light, html.light body {
-    background-color: #FFFFFF !important;
-    color-scheme: light !important;
+    background-color: #FFFFFF;
+    color-scheme: light;
   }
 
   /* Fix inner iframe loading states */
@@ -29,8 +29,8 @@
   html.dark .sb-wrapper,
   html.dark #storybook-root,
   html.dark #storybook-docs {
-    background-color: #1a1f2e !important;
-    color-scheme: dark !important;
+    background-color: #1a1f2e;
+    color-scheme: dark;
   }
 
   /* Make spinner transparent in both light and dark mode */
@@ -38,18 +38,18 @@
   .sb-loader *,
   [class*="loader"],
   [class*="loader"] * {
-    fill: transparent !important;
-    background: transparent !important;
-    background-color: transparent !important;
+    fill: transparent;
+    background: transparent;
+    background-color: transparent;
   }
 
   /* Set dark background on all iframes in dark mode to reduce flash from external content */
   html.dark iframe {
-    background-color: #1a1f2e !important;
+    background-color: #1a1f2e;
   }
 </style>
 <script>
-  (function() {
+  (() => {
     var isDark = false;
     var stored, parsed, urlParams, urlTheme;
     try {

package/dist/starter/.storybook/preview.tsx

@@ -1,42 +1,42 @@
+import { DocsContainer } from '@storybook/addon-docs/blocks';
 import type { Preview } from '@storybook/react-vite';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { DARK_MODE_EVENT_NAME } from '@vueless/storybook-dark-mode';
+import { initialize, mswLoader } from 'msw-storybook-addon';
 import type { PropsWithChildren } from 'react';
 import { useEffect, useState } from 'react';
 import { addons } from 'storybook/preview-api';
 import { themes } from 'storybook/theming';
-import { DocsContainer } from '@storybook/addon-docs/blocks';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { DARK_MODE_EVENT_NAME } from '@vueless/storybook-dark-mode';
-import { initialize, mswLoader } from 'msw-storybook-addon';
 import '../src/index.css';
 
 initialize({
-  onUnhandledRequest: 'bypass',
+	onUnhandledRequest: 'bypass',
 });
 
 // Apply theme to the preview iframe (for component styling and background)
 const applyTheme = (isDark: boolean) => {
-  if (isDark) {
-    document.documentElement.classList.add('dark');
-  } else {
-    document.documentElement.classList.remove('dark');
-  }
-  // Update background color to match Storybook theme
-  document.documentElement.style.backgroundColor = isDark ? '#222325' : '#FFFFFF';
-  document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';
+	if (isDark) {
+		document.documentElement.classList.add('dark');
+	} else {
+		document.documentElement.classList.remove('dark');
+	}
+	// Update background color to match Storybook theme
+	document.documentElement.style.backgroundColor = isDark ? '#222325' : '#FFFFFF';
+	document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';
 };
 
 // Get initial theme from URL parameter or localStorage
 const urlParams = new URLSearchParams(window.location.search);
 const urlTheme = urlParams.get('theme');
 const getStoredDarkMode = (): boolean => {
-  try {
-    const stored = localStorage.getItem('sb-addon-themes-3');
-    if (stored) {
-      const parsed = JSON.parse(stored);
-      return parsed?.current === 'dark';
-    }
-  } catch {}
-  return false;
+	try {
+		const stored = localStorage.getItem('sb-addon-themes-3');
+		if (stored) {
+			const parsed = JSON.parse(stored);
+			return parsed?.current === 'dark';
+		}
+	} catch {}
+	return false;
 };
 const initialIsDark = urlTheme ? urlTheme === 'dark' : getStoredDarkMode();
 applyTheme(initialIsDark);
@@ -44,77 +44,77 @@ applyTheme(initialIsDark);
 // Listen to dark mode addon changes and sync with our CSS class
 const channel = addons.getChannel();
 channel.on(DARK_MODE_EVENT_NAME, (isDark: boolean) => {
-  applyTheme(isDark);
+	applyTheme(isDark);
 });
 
 const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      retry: false,
-    },
-  },
+	defaultOptions: {
+		queries: {
+			retry: false,
+		},
+	},
 });
 
 // Themed docs container that responds to dark mode
 function ThemedDocsContainer({
-  children,
-  context,
+	children,
+	context,
 }: PropsWithChildren<{ context: Parameters<typeof DocsContainer>[0]['context'] }>) {
-  const [isDark, setIsDark] = useState(initialIsDark);
+	const [isDark, setIsDark] = useState(initialIsDark);
 
-  useEffect(() => {
-    const ch = addons.getChannel();
-    ch.on(DARK_MODE_EVENT_NAME, setIsDark);
-    return () => ch.off(DARK_MODE_EVENT_NAME, setIsDark);
-  }, []);
+	useEffect(() => {
+		const ch = addons.getChannel();
+		ch.on(DARK_MODE_EVENT_NAME, setIsDark);
+		return () => ch.off(DARK_MODE_EVENT_NAME, setIsDark);
+	}, []);
 
-  return (
-    <DocsContainer context={context} theme={isDark ? themes.dark : themes.light}>
-      {children}
-    </DocsContainer>
-  );
+	return (
+		<DocsContainer context={context} theme={isDark ? themes.dark : themes.light}>
+			{children}
+		</DocsContainer>
+	);
 }
 
 const preview: Preview = {
-  tags: ['autodocs'],
-  decorators: [
-    (Story) => (
-      <QueryClientProvider client={queryClient}>
-        <Story />
-      </QueryClientProvider>
-    ),
-  ],
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-    viewport: {
-      defaultViewport: 'desktop',
-    },
-    layout: 'padded',
-    options: {
-      showPanel: false,
-      storySort: {
-        order: ['Design System', ['Overview', '*'], 'UI Components'],
-      },
-    },
-    darkMode: {
-      current: initialIsDark ? 'dark' : 'light',
-      stylePreview: true,
-      dark: themes.dark,
-      light: themes.light,
-    },
-    docs: {
-      container: ThemedDocsContainer,
-    },
-  },
-  initialGlobals: {
-    showPanel: false,
-  },
-  loaders: [mswLoader],
+	tags: ['autodocs'],
+	decorators: [
+		(Story) => (
+			<QueryClientProvider client={queryClient}>
+				<Story />
+			</QueryClientProvider>
+		),
+	],
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+		viewport: {
+			defaultViewport: 'desktop',
+		},
+		layout: 'padded',
+		options: {
+			showPanel: false,
+			storySort: {
+				order: ['Design System', ['Overview', '*'], 'UI Components'],
+			},
+		},
+		darkMode: {
+			current: initialIsDark ? 'dark' : 'light',
+			stylePreview: true,
+			dark: themes.dark,
+			light: themes.light,
+		},
+		docs: {
+			container: ThemedDocsContainer,
+		},
+	},
+	initialGlobals: {
+		showPanel: false,
+	},
+	loaders: [mswLoader],
 };
 
 export default preview;

package/dist/starter/biome.json

@@ -0,0 +1,126 @@
+{
+	"$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
+	"vcs": {
+		"enabled": true,
+		"clientKind": "git",
+		"useIgnoreFile": true
+	},
+	"files": {
+		"ignoreUnknown": true
+	},
+	"formatter": {
+		"indentStyle": "tab",
+		"indentWidth": 2,
+		"lineWidth": 120,
+		"lineEnding": "lf"
+	},
+	"css": {
+		"parser": {
+			"tailwindDirectives": true
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "single",
+			"trailingCommas": "all",
+			"semicolons": "always",
+			"arrowParentheses": "always",
+			"bracketSameLine": false,
+			"jsxQuoteStyle": "double"
+		}
+	},
+	"linter": {
+		"rules": {
+			"recommended": true,
+			"a11y": {
+				"useSemanticElements": "off",
+				"noSvgWithoutTitle": "off"
+			},
+			"correctness": {
+				"noUnusedImports": "error",
+				"noUnusedVariables": "error"
+			},
+			"suspicious": {
+				"noExplicitAny": "error",
+				"noConsole": "warn",
+				"noEmptyBlockStatements": "error"
+			},
+			"style": {
+				"useConst": "error",
+				"noNonNullAssertion": "error",
+				"useImportType": "error",
+				"useExportType": "error",
+				"useNodejsImportProtocol": "error",
+				"noParameterAssign": "error",
+				"useEnumInitializers": "off"
+			}
+		}
+	},
+	"assist": {
+		"actions": {
+			"source": {
+				"organizeImports": "on"
+			}
+		}
+	},
+	"overrides": [
+		{
+			"includes": ["**/*.stories.tsx", "**/*.stories.ts"],
+			"linter": {
+				"rules": {
+					"a11y": {
+						"useButtonType": "off",
+						"useValidAnchor": "off"
+					},
+					"suspicious": {
+						"noConsole": "off",
+						"noEmptyBlockStatements": "off",
+						"noArrayIndexKey": "off"
+					}
+				}
+			}
+		},
+		{
+			"includes": ["scripts/**"],
+			"linter": {
+				"rules": {
+					"suspicious": {
+						"noConsole": "off"
+					},
+					"style": {
+						"noNonNullAssertion": "off"
+					}
+				}
+			}
+		},
+		{
+			"includes": [".storybook/*.ts", ".storybook/*.tsx"],
+			"linter": {
+				"rules": {
+					"suspicious": {
+						"noEmptyBlockStatements": "off",
+						"noConsole": "off"
+					},
+					"style": {
+						"noNonNullAssertion": "off"
+					}
+				}
+			}
+		},
+		{
+			"includes": [".storybook/*.html"],
+			"linter": {
+				"enabled": false
+			}
+		},
+		{
+			"includes": ["src/gql/**"],
+			"linter": {
+				"enabled": false
+			},
+			"formatter": {
+				"enabled": false
+			}
+		}
+	]
+}

package/dist/starter/codegen.ts

@@ -1,17 +1,17 @@
 import type { CodegenConfig } from '@graphql-codegen/cli';
 
 const config: CodegenConfig = {
-  schema: '../.context/schema.graphql',
-  documents: ['src/graphql/**/*.ts'],
-  ignoreNoDocuments: true,
-  generates: {
-    './src/gql/': {
-      preset: 'client',
-      config: {
-        documentMode: 'string',
-      },
-    },
-  },
+	schema: '../.context/schema.graphql',
+	documents: ['src/graphql/**/*.ts'],
+	ignoreNoDocuments: true,
+	generates: {
+		'./src/gql/': {
+			preset: 'client',
+			config: {
+				documentMode: 'string',
+			},
+		},
+	},
 };
 
 export default config;

package/dist/starter/components.json

@@ -1,29 +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}"
-      }
-    }
-  }
+	"$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/dist/starter/package.json

@@ -1,82 +1,88 @@
 {
-  "name": "react-client",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui",
-    "test:coverage": "vitest run --coverage",
-    "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",
-    "codegen": "graphql-codegen",
-    "codegen:watch": "graphql-codegen --watch",
-    "build:component-db": "tsx scripts/build-component-db.ts"
-  },
-  "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",
-    "graphql-request": "^7.4.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": {
-    "@graphql-codegen/cli": "^6.1.1",
-    "@graphql-codegen/client-preset": "^5.2.2",
-    "@parcel/watcher": "^2.5.6",
-    "@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",
-    "@vueless/storybook-dark-mode": "^10.0.7",
-    "graphql": "^16.12.0",
-    "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",
-    "vitest": "^3.2.1",
-    "@vitest/ui": "^3.2.1",
-    "@vitest/coverage-v8": "^3.2.1",
-    "jsdom": "^26.1.0",
-    "happy-dom": "^18.0.1",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/user-event": "^14.6.1"
-  },
-  "msw": {
-    "workerDirectory": [
-      "public"
-    ]
-  }
+	"name": "react-client",
+	"private": true,
+	"version": "0.0.0",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "tsc -b && vite build",
+		"test": "vitest run",
+		"test:watch": "vitest",
+		"test:ui": "vitest --ui",
+		"test:coverage": "vitest run --coverage",
+		"preview": "vite preview",
+		"type-check": "tsc --noEmit -p tsconfig.app.json",
+		"lint": "biome check .",
+		"lint:fix": "biome check --write .",
+		"format": "biome format .",
+		"format:fix": "biome format --write .",
+		"check": "biome check --write .",
+		"storybook": "storybook dev -p 6006",
+		"storybook:fast": "STORYBOOK_FAST=1 storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"codegen": "graphql-codegen",
+		"codegen:watch": "graphql-codegen --watch",
+		"build:component-db": "tsx scripts/build-component-db.ts"
+	},
+	"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",
+		"graphql-request": "^7.4.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": {
+		"@biomejs/biome": "^2.3.10",
+		"@graphql-codegen/cli": "^6.1.1",
+		"@graphql-codegen/client-preset": "^5.2.2",
+		"@parcel/watcher": "^2.5.6",
+		"@storybook/addon-docs": "^10.2.8",
+		"@storybook/addon-mcp": "^0.2.2",
+		"@storybook/react-vite": "^10.2.8",
+		"@tailwindcss/vite": "^4.1.16",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/react": "^16.3.0",
+		"@testing-library/user-event": "^14.6.1",
+		"@types/react": "^19.2.7",
+		"@types/react-dom": "^19.2.3",
+		"@vitejs/plugin-react-swc": "^4.2.2",
+		"@vitest/coverage-v8": "^3.2.1",
+		"@vitest/ui": "^3.2.1",
+		"@vueless/storybook-dark-mode": "^10.0.7",
+		"graphql": "^16.12.0",
+		"happy-dom": "^18.0.1",
+		"jsdom": "^26.1.0",
+		"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",
+		"vitest": "^3.2.1"
+	},
+	"msw": {
+		"workerDirectory": [
+			"public"
+		]
+	}
 }