create-fate 1.0.0-rc.0 → 1.0.1

package/README.md

@@ -6,6 +6,8 @@ Create a new fate app:
 vp create fate my-app
 ```
 
+The generated app is installed and the fate client is generated during creation.
+
 Choose between these templates:
 
 - `void`: Void pages router with Drizzle.

package/bin/create-fate.mjs

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+import { spawnSync } from 'node:child_process';
 import fs from 'node:fs';
 import path from 'node:path';
 import process from 'node:process';
@@ -37,6 +38,7 @@ Create a new fate app.
 
 Options:
   --template, -t  Template variant to create
+  --no-setup      Skip dependency installation and fate client generation
   --help, -h      Show this help message
 `);
 };
@@ -49,6 +51,7 @@ const normalizePackageName = (name) =>
     .replaceAll(/^-+|-+$/g, '') || 'my-app';
 
 const parseArgs = (args) => {
+  let setup = true;
   let targetDir;
   let variant;
 
@@ -58,6 +61,11 @@ const parseArgs = (args) => {
       return { help: true };
     }
 
+    if (arg === '--no-setup') {
+      setup = false;
+      continue;
+    }
+
     if (arg === '--template' || arg === '-t' || arg === '--variant') {
       variant = args[++index];
       continue;
@@ -81,7 +89,7 @@ const parseArgs = (args) => {
     throw new Error(`Unexpected argument: ${arg}`);
   }
 
-  return { targetDir, variant };
+  return { setup, targetDir, variant };
 };
 
 const validateTargetDir = (value) => {
@@ -267,6 +275,70 @@ const restoreTemplateFileNames = (dir) => {
   }
 };
 
+const copyExampleEnvFiles = (dir) => {
+  for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+    const entryPath = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      copyExampleEnvFiles(entryPath);
+      continue;
+    }
+
+    if (!entry.name.endsWith('.env.example')) {
+      continue;
+    }
+
+    const envPath = path.join(dir, entry.name.slice(0, -'.example'.length));
+    if (!fs.existsSync(envPath)) {
+      fs.copyFileSync(entryPath, envPath);
+    }
+  }
+};
+
+const runCommand = (command, args, cwd) => {
+  const result = spawnSync(command, args, {
+    cwd,
+    shell: process.platform === 'win32',
+    stdio: 'inherit',
+  });
+
+  if (result.error) {
+    throw result.error;
+  }
+
+  if (result.status !== 0) {
+    throw new Error(`Command failed: ${[command, ...args].join(' ')}`);
+  }
+};
+
+const setupProject = (targetPath, selectedVariant) => {
+  runCommand('vp', ['install'], targetPath);
+
+  switch (selectedVariant) {
+    case 'prisma':
+      runCommand('vp', ['run', '--filter', '@app/server', 'dev:setup'], targetPath);
+      runCommand('vp', ['run', 'fate:generate'], targetPath);
+      break;
+    case 'void':
+      runCommand('vp', ['run', 'prepare:void'], targetPath);
+      runCommand('vp', ['run', 'fate:generate'], targetPath);
+      break;
+    default:
+      runCommand('vp', ['run', 'fate:generate'], targetPath);
+      break;
+  }
+};
+
+const printReadme = (targetPath) => {
+  const readmePath = path.join(targetPath, 'README.md');
+  if (!fs.existsSync(readmePath)) {
+    return;
+  }
+
+  process.stdout.write(`\nNext steps are in README.md. Follow these instructions:\n\n`);
+  process.stdout.write(fs.readFileSync(readmePath, 'utf8'));
+  process.stdout.write('\n');
+};
+
 const packageRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
 
 const resolveTemplateRoot = (template) => {
@@ -310,6 +382,7 @@ const main = async () => {
   fs.mkdirSync(targetPath, { recursive: true });
   fs.cpSync(templateRoot, targetPath, { recursive: true });
   restoreTemplateFileNames(targetPath);
+  copyExampleEnvFiles(targetPath);
   updatePackageJsonFiles(
     targetPath,
     targetPath,
@@ -317,12 +390,18 @@ const main = async () => {
     fateDependencyVersions,
   );
 
+  if (options.setup) {
+    setupProject(targetPath, selectedVariant);
+  }
+
   const message = `Created ${variants[selectedVariant].label} fate app in ${targetDir}`;
   if (interactive) {
     outro(message);
   } else {
     process.stdout.write(`${message}\n`);
   }
+
+  printReadme(targetPath);
 };
 
 try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fate",
-  "version": "1.0.0-rc.0",
+  "version": "1.0.1",
   "description": "Create a new fate app.",
   "homepage": "https://github.com/nkzw-tech/fate",
   "license": "MIT",
@@ -22,7 +22,7 @@
   ],
   "type": "module",
   "dependencies": {
-    "@clack/prompts": "^0.11.0"
+    "@clack/prompts": "^1.4.0"
   },
   "engines": {
     "node": ">=24.0.0"

package/templates/fate/drizzle/AGENTS.md

@@ -26,7 +26,7 @@ This guidance is for agents working in projects bootstrapped from the fate templ
 - **Do not duplicate types:** Keep generated tRPC 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.
 - **`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.
-- **Generated Client** The fate client is generated via `pnpm fate:generate`. It should not be manually edited. Instead make the proper schema changes on the server and run `pnpm fate:generate`.
+- **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/).

package/templates/fate/drizzle/README.md

@@ -57,10 +57,25 @@ Next to [_fate_](https://fate.technology), it comes with the following technolog
 
 You'll need Node.js 24+ and [Vite+](https://viteplus.dev/guide/).
 
-- Run `vp install`.
-- Copy `server/.env.example` to `server/.env`.
-- Set up a Postgres database locally or run `docker-compose up -d` to start Postgres in a Docker container.
-- Postgres setup:
+Install dependencies:
+
+```bash
+vp install
+```
+
+Review `server/.env`, which is copied from `server/.env.example` when the app is created. The default local values expect:
+
+- Postgres at `postgresql://fate:echo@localhost:5432/fate`.
+- The server at `http://localhost:9000`.
+- The client at `http://localhost:5173`.
+
+Start Postgres with Docker:
+
+```bash
+docker-compose up -d
+```
+
+Alternatively, create the database manually:
 
 ```SQL
 CREATE ROLE fate WITH LOGIN PASSWORD 'echo';
@@ -68,10 +83,30 @@ CREATE DATABASE fate;
 ALTER DATABASE fate OWNER TO fate;
 ```
 
-Then, at the root of the project, run:
+Then set up the schema, seed data, translations, and fate client support:
+
+```bash
+vp run dev:setup
+```
+
+Start the app:
+
+```bash
+vp run dev
+```
+
+The client runs at `http://localhost:5173` and the server runs at `http://localhost:9000`. tRPC requests go to `/trpc`; fate live updates use the SSE endpoint under `/fate/live`.
+
+## Development
+
+Common commands from the project root:
 
-- `vp run dev:setup` to create the database tables and seed initial data.
-- Run `vp run fate:generate` to regenerate the fate client code.
-- Run `vp test` to run all tests.
-- Run `vp run dev` to run the client and server.
-- Visit `http://localhost:5173` to see the app in action.
+- `vp run dev` starts the client and server together.
+- `vp run dev:client` starts only the client.
+- `vp run dev:server` starts only the server.
+- `vp run dev:setup` pushes the Drizzle schema, seeds the database, runs fbtee setup, and prepares fate client support.
+- `vp run fate:generate` refreshes fate client support after changing server views, roots, or routers.
+- `vp run drizzle` opens Drizzle Kit commands for the server package.
+- `vp check --fix` formats, lints, and type-checks the workspace.
+- `vp test` runs the test suite.
+- `vp run build` builds the client and server.

package/templates/fate/drizzle/_gitignore

@@ -12,6 +12,8 @@ client/source_strings.json
 client/src/translations/
 coverage/
 dist/
+server/.env
+server/.prod.env
 server/dist/
 server/src/prisma/prisma-client/
 tsconfig.tsbuildinfo

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

@@ -23,7 +23,7 @@
     "@nkzw/stack": "^2.3.2",
     "@radix-ui/react-slot": "^1.2.4",
     "@trpc/client": "^11.17.0",
-    "@void/react": "^0.7.5",
+    "@void/react": "^0.7.6",
     "better-auth": "^1.6.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -34,7 +34,7 @@
     "react-error-boundary": "^6.1.1",
     "react-fate": "latest",
     "tailwind-merge": "^3.5.0",
-    "void": "^0.7.5"
+    "void": "^0.7.6"
   },
   "devDependencies": {
     "@nkzw/babel-preset-fbtee": "^1.7.4",

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

@@ -53,42 +53,44 @@ export default function Layout({ children }: { children: ReactNode }) {
             url: `${env('SERVER_URL')}/trpc`,
           }),
         ],
+        liveUrl: `${env('SERVER_URL')}/fate`,
+        ...(userId
+          ? {
+              fetch: (input: RequestInfo | URL, init?: RequestInit) =>
+                fetch(input, {
+                  ...init,
+                  credentials: 'include',
+                }),
+            }
+          : null),
       }),
     [userId],
   );
 
-  if (isPending) {
-    return (
-      <LocaleContext>
-        <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%)]">
-            <Thinking />
-          </div>
-        </div>
-      </LocaleContext>
-    );
-  }
-
   return (
     <LocaleContext>
-      <FateClient client={fate} key={userId}>
-        <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 />
-            <ErrorBoundary
-              fallbackRender={({ error }) => (
-                <Section>
-                  <Card>
-                    <Error error={error} />
-                  </Card>
-                </Section>
-              )}
-            >
-              <Suspense fallback={<Thinking />}>{children}</Suspense>
-            </ErrorBoundary>
-          </div>
+      <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 />
+          {isPending ? (
+            <Thinking />
+          ) : (
+            <FateClient client={fate} key={userId}>
+              <ErrorBoundary
+                fallbackRender={({ error }) => (
+                  <Section>
+                    <Card>
+                      <Error error={error} />
+                    </Card>
+                  </Section>
+                )}
+              >
+                <Suspense fallback={<Thinking />}>{children}</Suspense>
+              </ErrorBoundary>
+            </FateClient>
+          )}
         </div>
-      </FateClient>
+      </div>
     </LocaleContext>
   );
 }

package/templates/fate/drizzle/client/src/ui/Header.tsx

@@ -65,9 +65,9 @@ export default function Header() {
               </span>
             </Link>
           </Button>
-          {session ? (
-            <>
-              <Button asChild size="sm" variant="ghost">
+          <div className="flex w-9 justify-end sm:w-24">
+            {session ? (
+              <Button asChild className="w-full" size="sm" variant="ghost">
                 <Stack
                   alignCenter
                   as="a"
@@ -81,14 +81,16 @@ export default function Header() {
                   </span>
                 </Stack>
               </Button>
-            </>
-          ) : !isPending ? (
-            <Button asChild size="sm" variant="ghost">
-              <Link to="/login">
-                <LogIn className="h-4 w-4" /> <fbt desc="Login button">Login</fbt>
-              </Link>
-            </Button>
-          ) : null}
+            ) : !isPending ? (
+              <Button asChild className="w-full" size="sm" variant="ghost">
+                <Link to="/login">
+                  <LogIn className="h-4 w-4" /> <fbt desc="Login button">Login</fbt>
+                </Link>
+              </Button>
+            ) : (
+              <div aria-hidden className="h-9 w-full" />
+            )}
+          </div>
         </Stack>
       </Stack>
     </header>

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

@@ -11,7 +11,7 @@ import {
   useState,
 } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-import { useFateClient, useListView, useView, view, ViewRef } from 'react-fate';
+import { useFateClient, useLiveListView, useLiveView, useView, view, ViewRef } from 'react-fate';
 import { Button } from '../ui/Button.tsx';
 import Card from '../ui/Card.tsx';
 import AuthClient from '../user/AuthClient.tsx';
@@ -25,6 +25,9 @@ const CommentConnectionView = {
   items: {
     node: CommentView,
   },
+  live: {
+    append: 'visible',
+  },
 };
 
 export const PostView = view<Post>()({
@@ -123,9 +126,9 @@ const CommentInput = ({
 
 export function PostCard({ detail, post: postRef }: { detail?: boolean; post: ViewRef<'Post'> }) {
   const fate = useFateClient();
-  const post = useView(PostView, postRef);
+  const post = useLiveView(PostView, postRef);
   const author = useView(UserView, post.author);
-  const [comments, loadNext] = useListView(CommentConnectionView, post.comments);
+  const [comments, loadNext] = useLiveListView(CommentConnectionView, post.comments);
 
   const [likeResult, likeAction, likeIsPending] = useActionState(fate.actions.post.like, null);
 

package/templates/fate/drizzle/client/vite.config.ts

@@ -6,7 +6,7 @@ import { reactCompilerPreset } from '@vitejs/plugin-react';
 import { voidReact } from '@void/react/plugin';
 import dotenv from 'dotenv';
 import { fate } from 'react-fate/vite';
-import { defineConfig } from 'vite-plus';
+import { defineConfig, lazyPlugins } from 'vite-plus';
 import { voidPlugin } from 'void';
 
 const root = process.cwd();
@@ -24,12 +24,14 @@ if (!process.env.VITE_SERVER_URL) {
 export default defineConfig({
   build: { outDir: join(root, '../dist/client') },
   plugins: [
-    babel({
-      presets: [fbteePreset, reactCompilerPreset()],
-    }),
-    tailwindcss(),
-    voidPlugin(),
-    voidReact(),
+    ...(lazyPlugins(() => [
+      babel({
+        presets: [fbteePreset, reactCompilerPreset()],
+      }),
+      tailwindcss(),
+      voidPlugin(),
+      voidReact(),
+    ]) ?? []),
     fate({
       module: '@app/server/src/router.ts',
     }),

package/templates/fate/drizzle/package.json

@@ -14,7 +14,7 @@
     "dev": "npm-run-all --parallel dev:client dev:server",
     "dev:client": "cd client && vp dev",
     "dev:server": "cd server && vp run dev",
-    "dev:setup": "vp run --filter '@app/client' --filter '@app/server' dev:setup",
+    "dev:setup": "vp run --filter '@app/client' --filter '@app/server' dev:setup && vp run fate:generate",
     "drizzle": "vp run --filter '@app/server' drizzle",
     "fate:generate": "vp run --filter '@app/client' fate:generate",
     "prepare": "vp config"

package/templates/fate/drizzle/server/src/app.tsx

@@ -1,6 +1,7 @@
 #!/usr/bin/env NODE_ENV=development node_modules/.bin/nodemon -q -I --exec node --no-warnings --experimental-specifier-resolution=node --loader ts-node/esm --env-file .env
 import { styleText } from 'node:util';
 import { trpcServer } from '@hono/trpc-server';
+import { createHonoFateHandler } from '@nkzw/fate/server';
 import { Hono } from 'hono';
 import { cors } from 'hono/cors';
 import { connectDatabase } from './drizzle/db.ts';
@@ -8,6 +9,7 @@ import { auth } from './lib/auth.ts';
 import { clientOrigin, resolveCorsOrigin } from './lib/origins.ts';
 import { appRouter } from './router.ts';
 import { createContext } from './trpc/context.ts';
+import { fateServer } from './trpc/init.ts';
 
 try {
   await connectDatabase();
@@ -33,6 +35,8 @@ app.use(
   }),
 );
 
+app.all('/fate/*', createHonoFateHandler(fateServer));
+
 app.on(['POST', 'GET'], '/api/auth/*', ({ req }) => auth.handler(req.raw));
 
 app.all('/*', (context) => context.redirect(clientOrigin));

package/templates/fate/drizzle/server/src/drizzle/seedData.ts

@@ -126,7 +126,7 @@ export const posts = [
   {
     authorEmail: 'alex@example.com',
     content:
-      'The launch post introduced fate with tRPC, but the repo now includes a native HTTP transport too. The generated client can point at a fate endpoint, send requests through the protocol package, and use GET and POST routes for live updates.',
+      'The launch post introduced fate with tRPC, but the repo now includes a native HTTP transport too. The Vite plugin wires the client to a fate endpoint, sends requests through the protocol package, and uses GET and POST routes for live updates.',
     likes: 88,
     title: 'Native HTTP transport after the alpha launch',
   },
@@ -191,7 +191,7 @@ export const comments = [
   'The stable ref change sounds small, but it explains a lot of the rerender fixes in the history.',
   'I used the strict selection post to explain why overfetching is not just a network problem.',
   'The native protocol should make it easier to build examples outside of Hono and tRPC.',
-  'The Vite plugin note clarifies why the generated client is still present without making codegen feel mandatory.',
+  'The Vite plugin note clarifies how fate connects the client APIs without making codegen part of the app workflow.',
   'The migration sequence matches how we would try this inside an existing dashboard.',
   'The comments list is long enough now to exercise load-more behavior without creating fake lorem ipsum.',
   'Seeing optimistic actions and live updates use the same normalized cache is the key idea.',

package/templates/fate/drizzle/server/src/router.ts

@@ -11,4 +11,5 @@ export const appRouter = router({
 
 export type AppRouter = typeof appRouter;
 
+export { fateServer } from './trpc/init.ts';
 export * from './trpc/views.ts';

package/templates/fate/drizzle/server/src/trpc/init.ts

@@ -1,5 +1,7 @@
+import { createFateServer, createLiveEventBus } from '@nkzw/fate/server';
 import { createDrizzleFate } from '@nkzw/fate/server/drizzle';
 import { initTRPC } from '@trpc/server';
+import type { Context } from 'hono';
 import db from '../drizzle/db.ts';
 import schema from '../drizzle/schema.ts';
 import type { AppContext } from './context.ts';
@@ -10,6 +12,7 @@ const t = initTRPC.context<AppContext>().create();
 export const router = t.router;
 export const procedure = t.procedure;
 export const middleware = t.middleware;
+export const live = createLiveEventBus();
 
 export const fate = createDrizzleFate<AppContext, typeof procedure>({
   db,
@@ -17,3 +20,32 @@ export const fate = createDrizzleFate<AppContext, typeof procedure>({
   schema,
   views: Root,
 });
+
+export const fateServer = createFateServer<AppContext>({
+  context: async ({ adapterContext }) => {
+    const { createContext } = await import('./context.ts');
+    return createContext({ context: adapterContext as Context });
+  },
+  live,
+  queries: {
+    viewer: {
+      resolve: ({
+        ctx,
+        input,
+      }: {
+        ctx: AppContext;
+        input: { args?: Record<string, unknown>; select: Array<string> };
+      }) =>
+        ctx.sessionUser
+          ? fate.resolveById({
+              ctx,
+              id: ctx.sessionUser.id,
+              input,
+              view: Root.viewer,
+            })
+          : null,
+    },
+  },
+  roots: Root,
+  sources: fate,
+});

package/templates/fate/drizzle/server/src/trpc/routers/comment.ts

@@ -9,7 +9,7 @@ import {
   findCommentPostId,
   postExists,
 } from '../../drizzle/queries.ts';
-import { fate, procedure, router } from '../init.ts';
+import { fate, live, procedure, router } from '../init.ts';
 import type { CommentItem } from '../views.ts';
 import { commentDataView, postSummaryDataView } from '../views.ts';
 
@@ -68,6 +68,9 @@ export const commentRouter = router({
         });
       }
 
+      live.connection('Post.comments', { id: input.postId }).appendNode('Comment', commentId);
+      live.update('Post', input.postId, { changed: ['commentCount', 'comments'] });
+
       return result as CommentItem & { post?: { commentCount: number } };
     }),
   delete: procedure
@@ -102,6 +105,9 @@ export const commentRouter = router({
         view: postSummaryDataView,
       });
 
+      live.connection('Post.comments', { id: postId }).deleteEdge('Comment', input.id);
+      live.update('Post', postId, { changed: ['commentCount', 'comments'] });
+
       return {
         id: input.id,
         post,

package/templates/fate/drizzle/server/src/trpc/routers/post.ts

@@ -2,7 +2,7 @@ import { connectionArgs } from '@nkzw/fate/server';
 import { TRPCError } from '@trpc/server';
 import { z } from 'zod';
 import { likePostRecord, unlikePostRecord } from '../../drizzle/queries.ts';
-import { fate, procedure, router } from '../init.ts';
+import { fate, live, procedure, router } from '../init.ts';
 import { Post, postDataView } from '../views.ts';
 
 export const postRouter = router({
@@ -58,6 +58,8 @@ export const postRouter = router({
         });
       }
 
+      live.update('Post', input.id, { changed: ['likes'] });
+
       return post as Post;
     }),
   unlike: procedure
@@ -90,6 +92,8 @@ export const postRouter = router({
         });
       }
 
+      live.update('Post', input.id, { changed: ['likes'] });
+
       return post as Post;
     }),
 });

package/templates/fate/drizzle/server/vite.config.ts

@@ -3,6 +3,6 @@ import { defineConfig } from 'vite-plus';
 export default defineConfig({
   pack: {
     entry: ['./src/app.tsx'],
-    outputOptions: { file: 'dist/index.js' },
+    outputOptions: { codeSplitting: false, file: 'dist/index.js' },
   },
 });

package/templates/fate/http/AGENTS.md

@@ -26,7 +26,7 @@ This guidance is for agents working in projects bootstrapped from the fate templ
 - **Do not duplicate types:** Keep generated 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.
 - **`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.
-- **Generated Client** The fate client is generated via `pnpm fate:generate`. It should not be manually edited. Instead make the proper schema changes on the server and run `pnpm fate:generate`.
+- **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, 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/).