create-auto-app 1.34.0 → 1.36.0

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

@@ -1,120 +0,0 @@
-import type { Preview } from '@storybook/react-vite';
-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',
-});
-
-// 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';
-};
-
-// 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;
-};
-const initialIsDark = urlTheme ? urlTheme === 'dark' : getStoredDarkMode();
-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);
-});
-
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      retry: false,
-    },
-  },
-});
-
-// Themed docs container that responds to dark mode
-function ThemedDocsContainer({
-  children,
-  context,
-}: PropsWithChildren<{ context: Parameters<typeof DocsContainer>[0]['context'] }>) {
-  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);
-  }, []);
-
-  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],
-};
-
-export default preview;

package/templates/typical/client/codegen.ts

@@ -1,17 +0,0 @@
-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',
-      },
-    },
-  },
-};
-
-export default config;

package/templates/typical/client/components.json

@@ -1,29 +0,0 @@
-{
-  "$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

@@ -1,12 +0,0 @@
-<!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

@@ -1,69 +0,0 @@
-{
-  "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",
-    "storybook:fast": "STORYBOOK_FAST=1 storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "codegen": "graphql-codegen",
-    "codegen:watch": "graphql-codegen --watch"
-  },
-  "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"
-  },
-  "msw": {
-    "workerDirectory": [
-      "public"
-    ]
-  }
-}