create-fate 1.7.7 → 1.9.0

package/bin/create-fate.mjs

@@ -364,7 +364,7 @@ const reactPackageEntries = [
   'react-fate',
 ];
 
-const vueAgentsGuide = `# Using _fate_ for Vue applications
+const vueAgentsGuide = (docsDir) => `# Using _fate_ for Vue applications
 
 This guidance is for agents working in projects bootstrapped from the fate Vue template. It focuses on Vue-native composables for fate's view composition and request execution.
 
@@ -391,7 +391,7 @@ This guidance is for agents working in projects bootstrapped from the fate Vue t
 - **\`useRequest\` only at route roots:** Create a dedicated \`useRequest\` call per screen root that pulls together all child views; do not scatter \`useRequest\` across leaf components unless it is necessary to issue a separate request.
 - **fate client support:** fate's local client support files are maintained by the Vite/fate tooling. Do not manually edit \`.fate\` files; make the proper schema changes on the server and run \`pnpm fate:generate\` when working outside Vite dev.
 
-Full documentation can be found on the filesystem at \`./client/node_modules/vue-fate/README.md\` or online at [fate.technology](https://fate.technology/).
+Before working on fate, read only the relevant Markdown docs in \`${docsDir}/\`. Start with \`index.md\` to find guides, integrations, and API references; read \`guide/vue.md\` for Vue-specific APIs. The docs match the installed package version. Online documentation is at [fate.technology](https://fate.technology/).
 
 ## Review Checklist for Agents
 
@@ -482,9 +482,9 @@ import env from '../src/lib/env.ts';`,
     envValues: `{
   SERVER_URL: import.meta.env.VITE_SERVER_URL,
 }`,
-    fateModule: '@app/server/src/graphql/fate.ts',
+    fateModule: './src/fate/graphql.ts',
     fateTransport: `transport: 'graphql',`,
-    typeModule: '@app/server/src/graphql/fate.ts',
+    typeModule: './fate/graphql.ts',
   },
   'graphql-client': {
     clientImports: ``,
@@ -651,6 +651,31 @@ const configureVueRootPackageJson = (targetPath) => {
   writePackageJson(packagePath, packageJson);
 };
 
+const configureVueRootViteConfig = (targetPath) => {
+  const configPath = path.join(targetPath, 'vite.config.ts');
+  const config = fs.readFileSync(configPath, 'utf8');
+  fs.writeFileSync(
+    configPath,
+    config.replace(
+      'overrides: [',
+      `overrides: [
+      {
+        env: { browser: true },
+        files: ['**/*.vue'],
+        globals: {
+          defineEmits: 'readonly',
+          defineExpose: 'readonly',
+          defineModel: 'readonly',
+          defineOptions: 'readonly',
+          defineProps: 'readonly',
+          defineSlots: 'readonly',
+          withDefaults: 'readonly',
+        },
+      },`,
+    ),
+  );
+};
+
 const configureVueVoidServerFiles = (frontendRoot) => {
   const oldSessionUser = path.join(frontendRoot, 'src', 'user', 'SessionUser.tsx');
   const nextSessionUser = path.join(frontendRoot, 'src', 'user', 'SessionUser.ts');
@@ -667,17 +692,25 @@ const configureVueVoidServerFiles = (frontendRoot) => {
   );
 };
 
-const configureVueAgents = (targetPath) => {
+const configureVueAgents = (targetPath, selectedVariant) => {
   const agentsPath = path.join(targetPath, 'AGENTS.md');
+  const docsDir = path
+    .relative(
+      targetPath,
+      path.join(frontendRootForVariant(targetPath, selectedVariant), 'node_modules/vue-fate/docs'),
+    )
+    .split(path.sep)
+    .join('/');
+  const guide = vueAgentsGuide(docsDir);
   if (!fs.existsSync(agentsPath)) {
-    fs.writeFileSync(agentsPath, `${vueAgentsGuide}\n`);
+    fs.writeFileSync(agentsPath, `${guide}\n`);
     return;
   }
 
   const agents = fs.readFileSync(agentsPath, 'utf8');
   const vitePlusIndex = agents.indexOf('<!--VITE PLUS START-->');
   const suffix = vitePlusIndex === -1 ? agents : agents.slice(vitePlusIndex);
-  fs.writeFileSync(agentsPath, `${vueAgentsGuide}\n\n${suffix.trim()}\n`);
+  fs.writeFileSync(agentsPath, `${guide}\n\n${suffix.trim()}\n`);
 };
 
 const configureVueReadme = (targetPath, selectedVariant) => {
@@ -763,6 +796,14 @@ const configureVueTemplate = (targetPath, selectedVariant) => {
   fs.mkdirSync(frontendRoot, { recursive: true });
   fs.cpSync(vueTemplatePackage(), frontendRoot, { recursive: true });
 
+  if (selectedVariant === 'graphql') {
+    fs.cpSync(
+      path.join(packageRoot, 'templates/fate/graphql/client/src/fate'),
+      path.join(frontendRoot, 'src/fate'),
+      { recursive: true },
+    );
+  }
+
   if (selectedVariant === 'void') {
     configureVueVoidServerFiles(frontendRoot);
   }
@@ -770,8 +811,9 @@ const configureVueTemplate = (targetPath, selectedVariant) => {
   configureVuePackageJson(frontendRoot, selectedVariant, originalPackageJson);
   if (frontendRoot !== targetPath) {
     configureVueRootPackageJson(targetPath);
+    configureVueRootViteConfig(targetPath);
   }
-  configureVueAgents(targetPath);
+  configureVueAgents(targetPath, selectedVariant);
   if (selectedVariant === 'void') {
     configureVueVoidDemoContent(targetPath);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fate",
-  "version": "1.7.7",
+  "version": "1.9.0",
   "description": "Create a new fate app.",
   "homepage": "https://github.com/nkzw-tech/fate",
   "license": "MIT",

package/templates/fate/_shared/vue-app/package.json

@@ -18,27 +18,28 @@
     "test:all": "vp check && vp test"
   },
   "dependencies": {
-    "@lucide/vue": "^1.34.0",
+    "@lucide/vue": "^1.59.0",
     "@nkzw/core": "^1.3.1",
     "@nkzw/define-env": "^1.1.0",
-    "@trpc/client": "^11.18.0",
-    "@void/vue": "^0.24.0",
+    "@trpc/client": "^11.19.0",
+    "@void/vue": "^1.1.12",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "dotenv": "^17.4.2",
-    "graphql-sse": "^2.6.1",
-    "tailwind-merge": "^3.6.0",
-    "void": "^0.24.0",
-    "vue": "^3.5.41",
+    "dotenv": "^18.0.8",
+    "graphql-sse": "^2.6.3",
+    "tailwind-merge": "^3.7.0",
+    "void": "^1.1.12",
+    "vue": "^3.5.44",
     "vue-fate": "latest"
   },
   "devDependencies": {
     "@nkzw/eslint-plugin": "^2.0.0",
     "@nkzw/oxlint-config": "^2.0.1",
-    "@oxc-node/core": "^0.1.0",
-    "@swc/core": "^1.16.1",
+    "@oxc-node/core": "^0.1.7",
+    "@swc/core": "^1.16.18",
     "@tailwindcss/vite": "^4.3.3",
-    "@types/node": "^26.4.0",
+    "@types/node": "^26.6.5",
+    "@vitejs/plugin-vue": "^6.0.10",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "catalog:",

package/templates/fate/_shared/vue-app/src/App.css

@@ -2,12 +2,7 @@
 
 body {
   font-family:
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    'Open Sans',
-    'Helvetica Neue',
+    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', 'Helvetica Neue',
     sans-serif;
 
   background-color: hsl(var(--background));

package/templates/fate/_shared/vue-app/vite.config.ts

@@ -1,5 +1,6 @@
 import nkzw from '@nkzw/oxlint-config';
 import tailwindcss from '@tailwindcss/vite';
+import vue from '@vitejs/plugin-vue';
 import { voidVue } from '@void/vue/plugin';
 import { defineConfig, lazyPlugins } from 'vite-plus';
 import { voidPlugin } from 'void';
@@ -7,6 +8,8 @@ import { fate } from 'vue-fate/vite';
 
 /* __ENV_CONFIG__ */
 
+const isTest = process.env.NODE_ENV === 'test' || process.env.VITEST;
+
 export default defineConfig({
   /* __BUILD_CONFIG__ */
   optimizeDeps: {
@@ -31,6 +34,7 @@ export default defineConfig({
     options: { typeAware: true, typeCheck: true },
     overrides: [
       {
+        env: { browser: true },
         files: ['**/*.vue'],
         globals: {
           defineEmits: 'readonly',
@@ -42,13 +46,20 @@ export default defineConfig({
           withDefaults: 'readonly',
         },
       },
+      {
+        files: ['db/seed.ts', '**/__tests__/**'],
+        rules: {
+          'no-console': 'off',
+        },
+      },
     ],
     rules: {
       '@typescript-eslint/no-explicit-any': 'off',
     },
   },
   plugins: [
-    ...(lazyPlugins(() => [tailwindcss(), voidPlugin(), voidVue()]) ?? []),
+    ...(lazyPlugins(() => [tailwindcss(), ...(isTest ? [vue()] : [voidPlugin(), voidVue()])]) ??
+      []),
     fate({
       module: '__FATE_MODULE__',
       /* __FATE_TRANSPORT__ */

package/templates/fate/drizzle/AGENTS.md

@@ -29,7 +29,7 @@ This guidance is for agents working in projects bootstrapped from the fate templ
 - **fate client support** fate's local client support files are maintained by the Vite/fate tooling. Do not manually edit `.fate` files; make the proper schema changes on the server and run `pnpm fate:generate` when working outside Vite dev.
 - **Library Versions:** This repository uses the most recent releases of React, fate, Vite, tRPC, and more. You might not know about the new releases yet, please don't get confused. The versions you see are real, and there are no feature or version mismatches. You can search the internet for more information about them.
 
-Full documentation can be found on the filesystem at `./client/node_modules/react-fate/README.md` or online at [fate.technology](https://fate.technology/).
+Before working on fate, read only the relevant Markdown docs in `client/node_modules/react-fate/docs/`. Start with `index.md` to find guides, integrations, and API references. The docs match the installed package version. Online documentation is at [fate.technology](https://fate.technology/).
 
 ## Review Checklist for Agents
 

package/templates/fate/drizzle/_gitignore

@@ -1,6 +1,7 @@
 .fate/
 **/.fate/
 .void/
+.wrangler/
 **/.void/
 .eslintcache
 .pnpm-debug.log

package/templates/fate/drizzle/client/package.json

@@ -21,35 +21,35 @@
   },
   "dependencies": {
     "@app/server": "workspace:*",
-    "@hono/node-server": "^2.1.1",
+    "@hono/node-server": "^2.1.5",
     "@nkzw/core": "^1.3.1",
     "@nkzw/define-env": "^1.1.0",
     "@nkzw/stack": "^2.3.2",
-    "@radix-ui/react-slot": "^1.3.3",
-    "@trpc/client": "^11.18.0",
-    "@void/react": "^0.24.0",
-    "better-auth": "^1.7.7",
+    "@radix-ui/react-slot": "^1.5.0",
+    "@trpc/client": "^11.19.0",
+    "@void/react": "^1.1.12",
+    "better-auth": "^1.7.11",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "fbtee": "^5.0.0",
-    "lucide-react": "^1.34.0",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "react-error-boundary": "^6.1.3",
+    "lucide-react": "^1.59.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-error-boundary": "^6.1.6",
     "react-fate": "latest",
-    "tailwind-merge": "^3.6.0",
-    "void": "^0.24.0"
+    "tailwind-merge": "^3.7.0",
+    "void": "^1.1.12"
   },
   "devDependencies": {
     "@nkzw/fbtee-compiler": "^5.0.0",
     "@nkzw/vite-plugin-fbtee": "^5.0.0",
     "@tailwindcss/vite": "^4.3.3",
-    "@trpc/server": "^11.18.0",
-    "@types/node": "^26.4.0",
+    "@trpc/server": "^11.19.0",
+    "@types/node": "^26.6.5",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@vitejs/plugin-react": "^6.1.0",
-    "oxc-transform-react": "^0.147.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "oxc-transform-react": "^0.154.0",
     "tailwindcss": "^4.3.3",
     "vite": "catalog:",
     "vite-plus": "catalog:"

package/templates/fate/drizzle/client/pages/layout.tsx

@@ -23,7 +23,7 @@ const Thinking = () => (
 );
 
 export default function Layout({ children }: { children: ReactNode }) {
-  const { data: session } = AuthClient.useSession();
+  const { data: session, isPending } = AuthClient.useSession();
   const userId = session?.user.id;
 
   const fate = useMemo(
@@ -58,7 +58,7 @@ export default function Layout({ children }: { children: ReactNode }) {
       <div className="min-h-screen bg-background text-foreground">
         <div className="min-h-screen bg-[radial-gradient(circle_at_20%_20%,rgba(59,130,246,0.08),transparent_35%),radial-gradient(circle_at_80%_0,rgba(99,102,241,0.08),transparent_28%)]">
           <Header />
-          {session ? (
+          {isPending ? (
             <Thinking />
           ) : (
             <FateClient client={fate} key={userId}>

package/templates/fate/drizzle/client/src/App.css

@@ -2,12 +2,7 @@
 
 body {
   font-family:
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    'Open Sans',
-    'Helvetica Neue',
+    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', 'Helvetica Neue',
     sans-serif;
 
   background-color: hsl(var(--background));

package/templates/fate/drizzle/package.json

@@ -10,7 +10,7 @@
   },
   "type": "module",
   "scripts": {
-    "build": "dotenv -e server/.env -- vp run --filter '@app/client' --filter '@app/server' build",
+    "build": "dotenv run -f server/.env -- vp run --filter '@app/client' --filter '@app/server' build",
     "dev": "npm-run-all --parallel dev:client dev:server",
     "dev:client": "cd client && vp dev",
     "dev:server": "cd server && vp run dev",
@@ -23,11 +23,10 @@
     "@app/server": "workspace:*",
     "@nkzw/eslint-plugin": "^2.0.0",
     "@nkzw/oxlint-config": "^2.0.1",
-    "@oxc-node/core": "^0.1.0",
-    "@swc/core": "^1.16.1",
-    "@types/node": "^26.4.0",
-    "dotenv": "^17.4.2",
-    "dotenv-cli": "^11.0.0",
+    "@oxc-node/core": "^0.1.7",
+    "@swc/core": "^1.16.18",
+    "@types/node": "^26.6.5",
+    "dotenv": "^18.0.8",
     "npm-run-all2": "^9.0.3",
     "typescript": "^7.0.2",
     "vite": "catalog:",
@@ -38,5 +37,5 @@
     "node": ">=24.0.0",
     "pnpm": ">=11.0.0"
   },
-  "packageManager": "pnpm@11.0.6"
+  "packageManager": "pnpm@12.6.0"
 }

package/templates/fate/drizzle/pnpm-workspace.yaml

@@ -4,16 +4,16 @@ packages:
 
 allowBuilds:
   '@swc/core': true
-  better-sqlite3: true
+  better-sqlite3: false
   drizzle-kit: true
   esbuild: true
   sharp: true
   workerd: true
 
 catalog:
-  vite: npm:@voidzero-dev/vite-plus-core@1.0.0
-  vite-plus: 1.0.0
-  vitest: 5.0.2
+  vite: npm:@voidzero-dev/vite-plus-core@1.3.0
+  vite-plus: 1.3.0
+  vitest: 5.0.5
 
 minimumReleaseAgeExclude:
   - '@voidzero-dev/vite-plus-core'
@@ -28,8 +28,8 @@ onlyBuiltDependencies:
   - unrs-resolver
 
 overrides:
-  better-auth: 1.7.7
-  drizzle-orm: 0.45.3
+  better-auth: 1.7.11
+  drizzle-orm: 0.45.4
   kysely: 0.28.17
   vite: 'catalog:'
   vitest: 'catalog:'

package/templates/fate/drizzle/server/package.json

@@ -20,22 +20,22 @@
     "drizzle": "drizzle-kit --config drizzle.config.ts"
   },
   "dependencies": {
-    "@hono/node-server": "^2.1.1",
+    "@hono/node-server": "^2.1.5",
     "@hono/trpc-server": "^0.4.2",
     "@nkzw/core": "^1.3.1",
     "@nkzw/define-env": "^1.1.0",
     "@nkzw/fate": "latest",
-    "@trpc/server": "^11.18.0",
-    "better-auth": "^1.7.7",
-    "drizzle-orm": "^0.45.3",
-    "hono": "^4.13.5",
-    "pg": "^8.23.1",
-    "zod": "^4.4.3"
+    "@trpc/server": "^11.19.0",
+    "better-auth": "^1.7.11",
+    "drizzle-orm": "^0.45.4",
+    "hono": "^4.13.13",
+    "pg": "8.23.1",
+    "zod": "^4.6.7"
   },
   "devDependencies": {
-    "@types/node": "^26.4.0",
+    "@types/node": "^26.6.5",
     "@types/pg": "^8.23.1",
-    "drizzle-kit": "^0.31.10",
+    "drizzle-kit": "^0.31.11",
     "nodemon": "^3.1.14",
     "vite-plus": "catalog:"
   },

package/templates/fate/graphql/AGENTS.md

@@ -23,13 +23,13 @@ This guidance is for agents working in projects bootstrapped from the fate templ
 - **Use ViewRefs:** Pass references instead of raw data. Keep components focused on views and `ViewRef`s to let fate manage data masking and updates.
 - **Co-locate data needs:** Keep view definitions near their components and compose them upward to the request root for predictable fetching.
 - **Use Suspense:** Wrap pages in `Suspense`/`ErrorBoundary` instead of ad-hoc loading/error flags; fate aligns with Async React by design.
-- **Do not duplicate types:** Keep generated GraphQL/Fate types and views imported from the server package. Avoid redefining entity shapes on the client. This ensures view selections stay type-safe end-to-end.
+- **Do not duplicate types:** Use `GraphQLEntities` from `client/.fate/schema.generated.ts` for GraphQL view types. The client mapping exports convenient aliases; avoid redefining entity shapes on the client. This ensures view selections stay type-safe end-to-end.
 - **`useRequest` only at the root:** When adding routes or layouts, create a dedicated `useRequest` call per screen root that pulls together all child views; do not scatter `useRequest` across leaf components unless it's necessary to issue requests due to user input.
 - **React Actions:** Prefer React Action-friendly UI primitives (buttons/forms that accept an `action` prop). If unavailable, wrap action calls with `startTransition` in `onClick` handlers.
 - **fate client support** fate's local client support files are maintained by the Vite/fate tooling. Do not manually edit `.fate` files; make the proper schema changes on the server and run `pnpm fate:generate` when working outside Vite dev.
 - **Library Versions:** This repository uses the most recent releases of React, fate, Vite, GraphQL, and more. You might not know about the new releases yet, please don't get confused. The versions you see are real, and there are no feature or version mismatches. You can search the internet for more information about them.
 
-Full documentation can be found on the filesystem at `./client/node_modules/react-fate/README.md` or online at [fate.technology](https://fate.technology/).
+Before working on fate, read only the relevant Markdown docs in `client/node_modules/react-fate/docs/`. Start with `index.md` to find guides, integrations, and API references. The docs match the installed package version. Online documentation is at [fate.technology](https://fate.technology/).
 
 ## Review Checklist for Agents
 

package/templates/fate/graphql/README.md

@@ -16,6 +16,18 @@ vp create fate -- --template graphql
 
 Read the [Getting Started Guide](https://fate.technology/guide/core-concepts) to learn how to use _fate_ in your React applications.
 
+## GraphQL Types
+
+`client/src/fate/graphql.ts` imports the SDL exported from the Pothos schema during `dev:setup` and maps application root
+and mutation names. Fate generates `client/.fate/schema.generated.ts` from that
+schema; its `GraphQLEntities` types are used by the client views. Mutation inputs,
+output nullability, and connection shapes also come from the schema.
+
+Run `vp run --filter '@app/server' generate-graphql` after changing schema fields,
+then `vp run fate:generate` to update the client contracts. The server's
+Prisma data views implement live-event resolution and authorization; they are
+independent of these generated client contracts.
+
 ## Technologies
 
 This default template combines the Nakazawa Tech's [Web App Template](https://github.com/nkzw-tech/web-app-template) and [Server Template](https://github.com/nkzw-tech/server-template) into a monorepo, with unified tooling and _fate_ as the data client. It currently uses GraphQL with Pothos, Relay-style connections, and Prisma.

package/templates/fate/graphql/_gitignore

@@ -1,6 +1,7 @@
 .fate/
 **/.fate/
 .void/
+.wrangler/
 **/.void/
 .eslintcache
 .pnpm-debug.log

package/templates/fate/graphql/client/package.json

@@ -21,34 +21,34 @@
   },
   "dependencies": {
     "@app/server": "workspace:*",
-    "@hono/node-server": "^2.1.1",
+    "@hono/node-server": "^2.1.5",
     "@nkzw/core": "^1.3.1",
     "@nkzw/define-env": "^1.1.0",
     "@nkzw/stack": "^2.3.2",
-    "@radix-ui/react-slot": "^1.3.3",
-    "@void/react": "^0.24.0",
-    "better-auth": "^1.7.7",
+    "@radix-ui/react-slot": "^1.5.0",
+    "@void/react": "^1.1.12",
+    "better-auth": "^1.7.11",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "fbtee": "^5.0.0",
-    "graphql-sse": "^2.6.1",
-    "lucide-react": "^1.34.0",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "react-error-boundary": "^6.1.3",
+    "graphql-sse": "^2.6.3",
+    "lucide-react": "^1.59.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-error-boundary": "^6.1.6",
     "react-fate": "latest",
-    "tailwind-merge": "^3.6.0",
-    "void": "^0.24.0"
+    "tailwind-merge": "^3.7.0",
+    "void": "^1.1.12"
   },
   "devDependencies": {
     "@nkzw/fbtee-compiler": "^5.0.0",
     "@nkzw/vite-plugin-fbtee": "^5.0.0",
     "@tailwindcss/vite": "^4.3.3",
-    "@types/node": "^26.4.0",
+    "@types/node": "^26.6.5",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@vitejs/plugin-react": "^6.1.0",
-    "oxc-transform-react": "^0.147.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "oxc-transform-react": "^0.154.0",
     "tailwindcss": "^4.3.3",
     "vite": "catalog:",
     "vite-plus": "catalog:"

package/templates/fate/graphql/client/pages/index.tsx

@@ -90,7 +90,7 @@ export default function HomePage() {
         </Card>
         {viewer?.id && <UserCard user={viewer} />}
       </div>
-      <PostFeed posts={posts} />
+      {posts && <PostFeed posts={posts} />}
     </Section>
   );
 }

package/templates/fate/graphql/client/pages/layout.tsx

@@ -22,7 +22,7 @@ const Thinking = () => (
 );
 
 export default function Layout({ children }: { children: ReactNode }) {
-  const { data: session } = AuthClient.useSession();
+  const { data: session, isPending } = AuthClient.useSession();
   const userId = session?.user.id;
 
   const fate = useMemo(
@@ -45,7 +45,7 @@ export default function Layout({ children }: { children: ReactNode }) {
       <div className="min-h-screen bg-background text-foreground">
         <div className="min-h-screen bg-[radial-gradient(circle_at_20%_20%,rgba(59,130,246,0.08),transparent_35%),radial-gradient(circle_at_80%_0,rgba(99,102,241,0.08),transparent_28%)]">
           <Header />
-          {session ? (
+          {isPending ? (
             <Thinking />
           ) : (
             <FateClient client={fate} key={userId}>

package/templates/fate/graphql/client/pages/search.tsx

@@ -1,9 +1,9 @@
-import type { Comment, Post } from '@app/server/src/graphql/fate.ts';
 import Stack, { VStack } from '@nkzw/stack';
 import { fbs } from 'fbtee';
 import { Suspense, useDeferredValue, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useRequest, useView, view, ViewRef } from 'react-fate';
+import type { Comment, Post } from '../src/fate/graphql.ts';
 import cx from '../src/lib/cx.tsx';
 import Card from '../src/ui/Card.tsx';
 import CommentCard, { CommentView } from '../src/ui/CommentCard.tsx';
@@ -37,7 +37,7 @@ const SearchResults = ({ isStale, query }: { isStale: boolean; query: string })
     commentSearch: { args: { query }, list: CommentSearchView },
   });
 
-  if (commentSearch.length === 0) {
+  if (!commentSearch?.length) {
     return (
       <p>
         <fbt desc="No matches text">

package/templates/fate/graphql/client/src/App.css

@@ -2,12 +2,7 @@
 
 body {
   font-family:
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    'Open Sans',
-    'Helvetica Neue',
+    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', 'Helvetica Neue',
     sans-serif;
 
   background-color: hsl(var(--background));

package/templates/fate/graphql/client/src/fate/graphql.ts

@@ -0,0 +1,20 @@
+import schema from '@app/server/src/graphql/schema.graphql?raw';
+import type { GraphQLEntities } from '../../.fate/schema.generated.ts';
+
+export type User = GraphQLEntities['User'];
+export type Post = GraphQLEntities['Post'];
+export type Comment = GraphQLEntities['Comment'];
+
+export const fateGraphQL = {
+  mutations: {
+    'comment.add': { entity: 'Comment', field: 'commentAdd' },
+    'comment.delete': { entity: 'Comment', field: 'commentDelete' },
+    'post.add': { entity: 'Post', field: 'postAdd' },
+    'post.like': { entity: 'Post', field: 'postLike' },
+    'post.unlike': { entity: 'Post', field: 'postUnlike' },
+    'user.update': { entity: 'User', field: 'userUpdate' },
+  },
+  roots: { categories: {}, commentSearch: {}, events: {}, posts: {}, viewer: {} },
+  scalars: { DateTime: 'string' },
+  schema,
+} as const;

package/templates/fate/graphql/client/src/ui/CommentCard.tsx

@@ -1,8 +1,8 @@
-import type { Comment } from '@app/server/src/graphql/fate.ts';
 import Stack from '@nkzw/stack';
 import { X } from 'lucide-react';
 import { useView, view, ViewRef } from 'react-fate';
 import { useFateClient } from 'react-fate';
+import type { Comment } from '../fate/graphql.ts';
 import { Button } from './Button.tsx';
 import Link from './Link.tsx';
 

package/templates/fate/graphql/client/src/ui/PostCard.tsx

@@ -1,4 +1,3 @@
-import type { Comment as InlineComment, Post } from '@app/server/src/graphql/fate.ts';
 import Stack, { VStack } from '@nkzw/stack';
 import { cx } from 'class-variance-authority';
 import { fbs } from 'fbtee';
@@ -21,6 +20,7 @@ import {
   view,
   ViewRef,
 } from 'react-fate';
+import type { Comment as InlineComment, Post } from '../fate/graphql.ts';
 import { Button } from '../ui/Button.tsx';
 import Card from '../ui/Card.tsx';
 import AuthClient from '../user/AuthClient.tsx';