updated codegen, fixed tsconfig, added prisma

added login, registration and session check

.example.env

@@ -1,5 +1,5 @@
 VITE_HOST=localhost
 VITE_PORT=4000
-
 ACCESS_TOKEN_SECRET=sometoken1
 REFRESH_TOKEN_SECRET=sometoken2
+DATABASE_URL="mysql://janedoe:mypassword@localhost:3306/mydb"

app/client/components/ui/provider.tsx

@@ -1,7 +1,7 @@
-"use client";
+'use client';
 
-import { Theme, ChakraProvider, defaultSystem } from "@chakra-ui/react";
-import { ColorModeProvider, type ColorModeProviderProps } from "./color-mode";
+import { ChakraProvider, defaultSystem, Theme } from '@chakra-ui/react';
+import { ColorModeProvider, type ColorModeProviderProps } from './color-mode';
 
 export function Provider(props: ColorModeProviderProps) {
   return (

app/client/main.tsx

@@ -1,10 +1,10 @@
+import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';
 import '@client/assets/styles/index.css';
 import '@client/assets/styles/nerd-fonts-icons.css';
-import { StrictMode } from 'react';
-import ReactDOM from 'react-dom/client';
 import { Provider } from '@client/components/ui/provider';
 import { RouterProvider, createRouter } from '@tanstack/react-router';
-import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
+import { StrictMode } from 'react';
+import ReactDOM from 'react-dom/client';
 
 // TanStackRouter - Import the generated route tree
 import { routeTree } from './routeTree.gen';

app/client/pages/__root.tsx

@@ -1,28 +1,28 @@
-import { Button, Stack } from "@chakra-ui/react";
-import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
-import React from "react";
+import { Button, Stack } from '@chakra-ui/react';
+import { createRootRoute, Link, Outlet } from '@tanstack/react-router';
+import React from 'react';
 
 const TanStackRouterDevtools =
-  process.env.NODE_ENV === "production"
+  process.env.NODE_ENV === 'production'
     ? () => null // Render nothing in production
     : React.lazy(() =>
         // Lazy load in development
-        import("@tanstack/router-devtools").then((res) => ({
-          default: res.TanStackRouterDevtools,
+        import('@tanstack/router-devtools').then(res => ({
+          default: res.TanStackRouterDevtools
           // For Embedded Mode
           // default: res.TanStackRouterDevtoolsPanel
-        })),
+        }))
       );
 
 export const Route = createRootRoute({
   component: () => (
     <Stack padding={3}>
-      <Stack flexDirection={"row"} justifyContent={"space-between"}>
+      <Stack flexDirection={'row'} justifyContent={'space-between'}>
         <Link to="/">
           <Button>Home</Button>
         </Link>
 
-        <Stack flexDirection={"row"}>
+        <Stack flexDirection={'row'}>
           <Link to="/login">
             <Button>Sign in</Button>
           </Link>
@@ -31,9 +31,9 @@ export const Route = createRootRoute({
           </Link>
         </Stack>
       </Stack>
-      <hr style={{ padding: "4px" }} />
+      <hr style={{ padding: '4px' }} />
       <Outlet />
       <TanStackRouterDevtools />
     </Stack>
-  ),
+  )
 });

app/client/pages/book.lazy.tsx

@@ -1,20 +1,20 @@
-import { createLazyFileRoute } from "@tanstack/react-router";
-import { gql, useQuery } from "@apollo/client";
+// import { gql } from '@apollo/client';
+import { createLazyFileRoute } from '@tanstack/react-router';
 
-export const Route = createLazyFileRoute("/book")({
-  component: RouteComponent,
+export const Route = createLazyFileRoute('/book')({
+  component: RouteComponent
 });
 
 function RouteComponent() {
   return <div>"/book"</div>;
 }
 
-const getBookQuery = gql`
-  query BookOne {
-    booksMany {
-      id
-      author
-      title
-    }
-  }
-`;
+// const getBookQuery = gql`
+//   query BookOne {
+//     booksMany {
+//       id
+//       author
+//       title
+//     }
+//   }
+// `;

app/client/pages/index.tsx

@@ -1,4 +1,4 @@
-import { Text, Stack } from '@chakra-ui/react';
+import { Stack, Text } from '@chakra-ui/react';
 import { createFileRoute } from '@tanstack/react-router';
 
 import { gql, useQuery } from '@apollo/client';

app/client/pages/login.tsx

@@ -1,10 +1,10 @@
-import { gql, useQuery } from '@apollo/client';
+// import { gql, useQuery } from '@apollo/client';
 import { Heading, Input, Stack } from '@chakra-ui/react';
 import { Button } from '@client/components/ui/button';
 import { Field } from '@client/components/ui/field';
+import { valibotResolver } from '@hookform/resolvers/valibot';
 import { createFileRoute } from '@tanstack/react-router';
 import { useForm } from 'react-hook-form';
-import { valibotResolver } from '@hookform/resolvers/valibot';
 import * as v from 'valibot';
 
 export const Route = createFileRoute('/login')({

app/client/pages/register.tsx

@@ -1,10 +1,10 @@
-import { gql, useQuery } from '@apollo/client';
+// import { gql, useQuery } from '@apollo/client';
 import { Heading, Input, Stack } from '@chakra-ui/react';
 import { Button } from '@client/components/ui/button';
 import { Field } from '@client/components/ui/field';
+import { valibotResolver } from '@hookform/resolvers/valibot';
 import { createFileRoute } from '@tanstack/react-router';
 import { useForm } from 'react-hook-form';
-import { valibotResolver } from '@hookform/resolvers/valibot';
 import * as v from 'valibot';
 
 export const Route = createFileRoute('/register')({
@@ -53,7 +53,7 @@ function Register() {
     formState: { errors }
   } = useForm<FormValues>({ resolver: valibotResolver(schema) });
 
-  const onSubmit = handleSubmit(data => console.log(data));
+  const onSubmit = handleSubmit(data => alert(data));
 
   return (
     <form onSubmit={onSubmit}>

app/client/routeTree.gen.ts

@@ -8,130 +8,130 @@
 // You should NOT make any changes in this file as it will be overwritten.
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from '@tanstack/react-router';
 
 // Import Routes
 
-import { Route as rootRoute } from './pages/__root'
-import { Route as RegisterImport } from './pages/register'
-import { Route as LoginImport } from './pages/login'
-import { Route as IndexImport } from './pages/index'
+import { Route as rootRoute } from './pages/__root';
+import { Route as RegisterImport } from './pages/register';
+import { Route as LoginImport } from './pages/login';
+import { Route as IndexImport } from './pages/index';
 
 // Create Virtual Routes
 
-const BookLazyImport = createFileRoute('/book')()
+const BookLazyImport = createFileRoute('/book')();
 
 // Create/Update Routes
 
 const BookLazyRoute = BookLazyImport.update({
   id: '/book',
   path: '/book',
-  getParentRoute: () => rootRoute,
-} as any).lazy(() => import('./pages/book.lazy').then((d) => d.Route))
+  getParentRoute: () => rootRoute
+} as any).lazy(() => import('./pages/book.lazy').then(d => d.Route));
 
 const RegisterRoute = RegisterImport.update({
   id: '/register',
   path: '/register',
-  getParentRoute: () => rootRoute,
-} as any)
+  getParentRoute: () => rootRoute
+} as any);
 
 const LoginRoute = LoginImport.update({
   id: '/login',
   path: '/login',
-  getParentRoute: () => rootRoute,
-} as any)
+  getParentRoute: () => rootRoute
+} as any);
 
 const IndexRoute = IndexImport.update({
   id: '/',
   path: '/',
-  getParentRoute: () => rootRoute,
-} as any)
+  getParentRoute: () => rootRoute
+} as any);
 
 // Populate the FileRoutesByPath interface
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
     '/': {
-      id: '/'
-      path: '/'
-      fullPath: '/'
-      preLoaderRoute: typeof IndexImport
-      parentRoute: typeof rootRoute
-    }
+      id: '/';
+      path: '/';
+      fullPath: '/';
+      preLoaderRoute: typeof IndexImport;
+      parentRoute: typeof rootRoute;
+    };
     '/login': {
-      id: '/login'
-      path: '/login'
-      fullPath: '/login'
-      preLoaderRoute: typeof LoginImport
-      parentRoute: typeof rootRoute
-    }
+      id: '/login';
+      path: '/login';
+      fullPath: '/login';
+      preLoaderRoute: typeof LoginImport;
+      parentRoute: typeof rootRoute;
+    };
     '/register': {
-      id: '/register'
-      path: '/register'
-      fullPath: '/register'
-      preLoaderRoute: typeof RegisterImport
-      parentRoute: typeof rootRoute
-    }
+      id: '/register';
+      path: '/register';
+      fullPath: '/register';
+      preLoaderRoute: typeof RegisterImport;
+      parentRoute: typeof rootRoute;
+    };
     '/book': {
-      id: '/book'
-      path: '/book'
-      fullPath: '/book'
-      preLoaderRoute: typeof BookLazyImport
-      parentRoute: typeof rootRoute
-    }
+      id: '/book';
+      path: '/book';
+      fullPath: '/book';
+      preLoaderRoute: typeof BookLazyImport;
+      parentRoute: typeof rootRoute;
+    };
   }
 }
 
 // Create and export the route tree
 
 export interface FileRoutesByFullPath {
-  '/': typeof IndexRoute
-  '/login': typeof LoginRoute
-  '/register': typeof RegisterRoute
-  '/book': typeof BookLazyRoute
+  '/': typeof IndexRoute;
+  '/login': typeof LoginRoute;
+  '/register': typeof RegisterRoute;
+  '/book': typeof BookLazyRoute;
 }
 
 export interface FileRoutesByTo {
-  '/': typeof IndexRoute
-  '/login': typeof LoginRoute
-  '/register': typeof RegisterRoute
-  '/book': typeof BookLazyRoute
+  '/': typeof IndexRoute;
+  '/login': typeof LoginRoute;
+  '/register': typeof RegisterRoute;
+  '/book': typeof BookLazyRoute;
 }
 
 export interface FileRoutesById {
-  __root__: typeof rootRoute
-  '/': typeof IndexRoute
-  '/login': typeof LoginRoute
-  '/register': typeof RegisterRoute
-  '/book': typeof BookLazyRoute
+  __root__: typeof rootRoute;
+  '/': typeof IndexRoute;
+  '/login': typeof LoginRoute;
+  '/register': typeof RegisterRoute;
+  '/book': typeof BookLazyRoute;
 }
 
 export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/' | '/login' | '/register' | '/book'
-  fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/login' | '/register' | '/book'
-  id: '__root__' | '/' | '/login' | '/register' | '/book'
-  fileRoutesById: FileRoutesById
+  fileRoutesByFullPath: FileRoutesByFullPath;
+  fullPaths: '/' | '/login' | '/register' | '/book';
+  fileRoutesByTo: FileRoutesByTo;
+  to: '/' | '/login' | '/register' | '/book';
+  id: '__root__' | '/' | '/login' | '/register' | '/book';
+  fileRoutesById: FileRoutesById;
 }
 
 export interface RootRouteChildren {
-  IndexRoute: typeof IndexRoute
-  LoginRoute: typeof LoginRoute
-  RegisterRoute: typeof RegisterRoute
-  BookLazyRoute: typeof BookLazyRoute
+  IndexRoute: typeof IndexRoute;
+  LoginRoute: typeof LoginRoute;
+  RegisterRoute: typeof RegisterRoute;
+  BookLazyRoute: typeof BookLazyRoute;
 }
 
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   LoginRoute: LoginRoute,
   RegisterRoute: RegisterRoute,
-  BookLazyRoute: BookLazyRoute,
-}
+  BookLazyRoute: BookLazyRoute
+};
 
 export const routeTree = rootRoute
   ._addFileChildren(rootRouteChildren)
-  ._addFileTypes<FileRouteTypes>()
+  ._addFileTypes<FileRouteTypes>();
 
 /* ROUTE_MANIFEST_START
 {

app/server/graphql/graphql.ts

@@ -1,15 +1,20 @@
 /* gql imports */
-import { QueryResolvers } from "@generated/graphql";
+import { QueryResolvers } from '@generated/types';
 
 /* Query */
-import { BooksManyResolver } from "./resolvers/booksManyResolver";
-import { BookOneResolver } from "./resolvers/bookOneResolver";
+import { BooksManyResolver } from './resolvers/booksManyResolver';
+import { BookOneResolver } from './resolvers/bookOneResolver';
+
+/* Mutation */
+import { LoginResolver } from './resolvers/auth/login';
 
 export const Query: QueryResolvers = {
   booksMany: BooksManyResolver,
-  bookOne: BookOneResolver,
+  bookOne: BookOneResolver
 };
 
-export const Mutation = {};
+export const Mutation = {
+  login: LoginResolver
+};
 
 export const Subscription = {};

app/server/graphql/resolvers/auth/login.ts

@@ -1,25 +1,44 @@
+import { prisma } from '@app/server/prisma/client';
+import { MutationLoginArgs, Session } from '@generated/types';
 import bcrypt from 'bcrypt';
+import jwt from 'jsonwebtoken';
 
-const usersDB = {
-  users: require('../model/users.json'),
-  setUsers: function (data) {
-    this.users = data;
+export async function LoginResolver(_: any, { input }: MutationLoginArgs): Promise<Session> {
+  const error = 'Invalid username or password';
+
+  const user = await prisma.user.findUnique({
+    where: { email: input.email }
+  });
+  if (!user) throw new Error(error);
+
+  const match = await bcrypt.compare(input.password, user.password);
+  if (!match) throw new Error(error);
+
+  const accessTokenSecret = process.env.ACCESS_TOKEN_SECRET;
+  const refreshTokenSecret = process.env.REFRESH_TOKEN_SECRET;
+
+  if (accessTokenSecret == null || refreshTokenSecret == null) throw new Error('No secrets found');
+
+  const accessToken = jwt.sign({ userId: user.id }, accessTokenSecret, {
+    expiresIn: '30s'
+  });
+  const refreshToken = jwt.sign({ userId: user.id }, refreshTokenSecret, {
+    expiresIn: '1d'
+  });
+
+  await prisma.user.update({
+    where: { id: user.id },
+    data: { refreshToken }
+  });
+
+  return {
+    accessToken,
+    refreshToken: {
+      token: refreshToken,
+      httpOnly: true,
+      secure: true,
+      maxAge: 24 * 60 * 60 * 1000,
+      sameSite: 'None'
     }
-};
-
-const handleLogin = async (req, res) => {
-  const { user, pwd } = req.body;
-  if (!user || !pwd) res.status(400).json({ message: 'Username and password are required.' });
-  const foundUser = usersDB.users.find(person => person.username === user);
-  if (!foundUser) return res.sendStatus(401); // unauthorized
-  // evaluate password
-  const match = await bcrypt.compare(pwd, foundUser.password);
-  if (match) {
-    // create JWTs
-    res.json({ success: `User ${user} is logged in.` });
-  } else {
-    res.sendStatus(401);
-  }
-};
-
-module.exports = { handleLogin };
+  };
+}

app/server/graphql/resolvers/auth/register.ts

@@ -1,49 +1,28 @@
+import { prisma, uuid } from '@app/server/prisma/client';
+import { RegisterInput } from '@generated/types';
 import bcrypt from 'bcrypt';
 
-export async function SignUpResolver(_: any, input: any): Promise<any> {
-  // validate
+export async function SignUpResolver(_: any, input: RegisterInput): Promise<void> {
+  const existingUsername = await prisma.user.findUnique({
+    where: { username: input.username },
+    select: { id: true }
+  });
+  if (existingUsername != null) throw Error('User with this username already exists.');
 
-  // db
-  const users = [
-    {
-      id: '1',
-      email: 'joe@test.com',
-      username: 'Joe',
-      password: 'test'
+  const existingEmail = await prisma.user.findUnique({
+    where: { email: input.email },
+    select: { id: true }
+  });
+  if (existingEmail != null) throw Error('Email is already in use.');
+
+  const hashedPassword = await bcrypt.hash(input.password, 10);
+
+  await prisma.user.create({
+    data: {
+      id: uuid(),
+      email: input.email,
+      username: input.username,
+      password: hashedPassword
     }
-  ];
-  const usersDB = { users };
-
-  // check for duplicate email+username
-
-  // encrypt the password
-  const hashedPwd = await bcrypt.hash(input.pwd, 10);
-
-  // store user in the db, return new user
-
-  return user;
+  });
 }
-
-const handleNewUser = async (req, res) => {
-  const { user, pwd } = req.body;
-  if (!user || !pwd)
-    return res.status(400).json({ message: 'Username and password are required.' });
-  // check for duplicate usernames in the db.
-  const duplicate = usersDB.users.find(person => person.username === user);
-  if (duplicate) return res.status(409);
-  try {
-    // encrypt the password
-    const hashedPwd = await brcypt.hash(pwd, 10);
-    // store the new user
-    const newUser = { username: user, password: hashedPwd };
-    usersDB.setUsers([...usersDB.users, newUser]);
-    await fs_promises.writeFile(
-      path.join(__dirname, '..', 'model', 'users.json'),
-      JSON.stringify(usersDB.users)
-    );
-    console.log(usersDB.users);
-    res.status(201).json({ success: `New user ${user} created!` });
-  } catch (err) {
-    res.status(500).json({ message: err.message });
-  }
-};

app/server/graphql/resolvers/bookOneResolver.ts

@@ -1,10 +1,8 @@
-import { BookInput, Book } from "@generated/graphql";
-import { books } from "./booksManyResolver";
+import { Book, QueryBookOneArgs } from '@generated/types';
+import { books } from './booksManyResolver';
 
-export async function BookOneResolver(_: any, input: BookInput): Promise<Book> {
-  console.log("Called 'BookOneResolver' resolver...");
-
-  const book = books.filter((item) => item.id === input.id)[0];
+export async function BookOneResolver(_: any, { id }: QueryBookOneArgs): Promise<Book> {
+  const book = books.filter(item => item.id === id)[0];
 
   return book;
 }

app/server/graphql/resolvers/booksManyResolver.ts

@@ -1,20 +1,18 @@
-import { Book } from "@generated/graphql";
+import { Book } from '@generated/types';
 
 export const books = [
   {
-    id: "1",
-    title: "some-title-1",
-    author: "someone",
+    id: '1',
+    title: 'some-title-1',
+    author: 'someone'
   },
   {
-    id: "2",
-    title: "some-title-1",
-    author: "someone",
-  },
+    id: '2',
+    title: 'some-title-1',
+    author: 'someone'
+  }
 ];
 
 export async function BooksManyResolver(_: any): Promise<Book[]> {
-  console.log("Called 'BooksManyResolver' resolver...");
-
   return books;
 }

app/server/graphql/schema.graphql

@@ -1,6 +1,37 @@
+scalar Void
+
 type Query {
-  booksMany: [Book]!
-  bookOne(input: BookInput!): [Book]!
+  booksMany: [Book!]!
+  bookOne(id: ID!): Book!
+}
+
+type Mutation {
+  login(input: LoginInput!): Session!
+  register(input: RegisterInput!): Void!
+}
+
+input LoginInput {
+  email: String!
+  password: String!
+}
+
+input RegisterInput {
+  email: String!
+  username: String!
+  password: String!
+}
+
+type Session {
+  accessToken: String!
+  refreshToken: RefreshToken!
+}
+
+type RefreshToken {
+  token: String!
+  maxAge: Int!
+  secure: Boolean!
+  httpOnly: Boolean!
+  sameSite: String!
 }
 
 type Book {
@@ -8,7 +39,3 @@ type Book {
   title: String!
   author: String!
 }
-
-input BookInput {
-  id: ID!
-}

app/server/main.ts

@@ -1,32 +1,31 @@
-import "dotenv/config";
-import express from "express";
-import cors from "cors";
-import ViteExpress from "vite-express";
-import { ApolloServer } from "@apollo/server";
-import { ApolloServerPluginDrainHttpServer } from "@apollo/server/plugin/drainHttpServer";
-import { expressMiddleware } from "@apollo/server/express4";
-import http from "http";
-import fs from "fs";
-import path from "path";
+import { ApolloServer } from '@apollo/server';
+import { expressMiddleware } from '@apollo/server/express4';
+import { ApolloServerPluginDrainHttpServer } from '@apollo/server/plugin/drainHttpServer';
+import cors from 'cors';
+import 'dotenv/config';
+import express, { Request, Response } from 'express';
+import fs from 'fs';
+import http from 'http';
+import jwt from 'jsonwebtoken';
+import path from 'path';
+import ViteExpress from 'vite-express';
 
-import { Query, Mutation, Subscription } from "./graphql/graphql";
+import { Mutation, Query } from './graphql/graphql';
+import { prisma } from './prisma/client';
 
 const __dirname = import.meta.dirname;
-const HOST = process.env.VITE_HOST || "localhost";
-const PORT = parseInt(process.env.VITE_PORT || "3000");
+const HOST = process.env.VITE_HOST || 'localhost';
+const PORT = parseInt(process.env.VITE_PORT || '3000');
 const MOTD = `\n\n\n\x1b[35m-server is listening at...-\x1b[0m\n\nhttp://${HOST}:${PORT}\nhttp://localhost:${PORT}\n\n\n`;
 
 const app = express();
 const server = http.createServer(app);
 
-const typeDefs = fs.readFileSync(
-  path.join(__dirname, "graphql", "schema.graphql"),
-  "utf8",
-);
+const typeDefs = fs.readFileSync(path.join(__dirname, 'graphql', 'schema.graphql'), 'utf8');
 
 const resolvers = {
   Query,
-  // Mutation,
+  Mutation
   // Subscription,
 };
 
@@ -37,31 +36,35 @@ interface IdentityContext {
 const apollo = new ApolloServer<IdentityContext>({
   typeDefs,
   resolvers,
-  plugins: [ApolloServerPluginDrainHttpServer({ httpServer: server })],
+  plugins: [ApolloServerPluginDrainHttpServer({ httpServer: server })]
 });
 
 await apollo.start();
 
 app.use(
-  "/graphql",
+  '/graphql',
   cors<cors.CorsRequest>(),
   express.json(),
   expressMiddleware(apollo, {
-    context: async ({ req, res }) => {
-      const token = req.headers.authorization || "";
-      // const user = await getUser(token);
-
-      const user = "user";
-
-      return { user };
-    },
-  }),
+    context: getUser
+  })
 );
 
-await new Promise<void>((resolve) =>
-  server.listen({ hostname: HOST, port: PORT }, resolve),
-);
+await new Promise<void>(resolve => server.listen({ hostname: HOST, port: PORT }, resolve));
 
-console.log(MOTD);
+process.stdout.write(MOTD);
 
 ViteExpress.bind(app, server);
+
+async function getUser({ req, res }: { req: Request; res: Response }) {
+  const authHeader = req.headers.authorization;
+  if (!authHeader) return { identity: null };
+  const token = authHeader.split(' ')[1];
+
+  const accessTokenSecret = process.env.ACCESS_TOKEN_SECRET;
+  if (accessTokenSecret == null) throw Error('No `accessToken`');
+
+  const decoded = jwt.verify(token, accessTokenSecret) as { userId: string };
+  const identity = await prisma.user.findUnique({ where: { id: decoded.userId } });
+  return { identity };
+}

app/server/prisma/client.ts

@@ -0,0 +1,8 @@
+import { PrismaClient } from '@prisma/client';
+import { v4 } from 'uuid';
+
+export const prisma = new PrismaClient();
+
+export function uuid() {
+  return v4();
+}

app/server/prisma/schema.prisma

@@ -0,0 +1,21 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "mysql"
+  url      = env("DATABASE_URL")
+}
+
+model User {
+  id String @id
+
+  email    String @unique @db.VarChar(255)
+  username String @unique @db.VarChar(255)
+  password String
+
+  refreshToken String?
+
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}

codegen.ts

@@ -2,20 +2,26 @@ import type { CodegenConfig } from '@graphql-codegen/cli';
 
 const config: CodegenConfig = {
   overwrite: true,
+
   schema: './app/server/graphql/schema.graphql',
   documents: ['app/client/fragments', 'app/client/**/*.tsx'],
   generates: {
     './__generated__/': {
-      preset: 'client',
       presetConfig: {
+        preset: 'client',
         gqlTagName: 'gql'
       },
-      plugins: ['typescript', 'typescript-resolvers']
+      plugins: ['typescript', 'typescript-resolvers', 'typescript-resolvers']
     },
     './__generated__/types.ts': {
-      plugins: ['typescript', 'typescript-operations']
+      plugins: ['typescript', 'typescript-operations', 'typescript-resolvers'],
+      config: {
+        scalars: {
+          Void: 'void'
+        }
+      }
     },
-    './graphql.schema.json': {
+    './__generated__/graphql.schema.json': {
       plugins: ['introspection']
     }
   },

package.json

@@ -8,7 +8,8 @@
     "start": "NODE_ENV=production tsx app/server/main.ts",
     "build": "vite build",
     "gql-types": "graphql-codegen --config codegen.ts",
-    "checkup": "opinionated checkup"
+    "checkup": "opinionated checkup",
+    "prisma": "prisma"
   },
   "dependencies": {
     "@apollo/client": "^3.12.2",
@@ -17,6 +18,7 @@
     "@deftomat/opinionated": "^1.1.3",
     "@emotion/react": "^11.13.5",
     "@hookform/resolvers": "^3.9.1",
+    "@prisma/client": "^6.4.1",
     "@tanstack/react-router": "^1.85.0",
     "@tanstack/router-vite-plugin": "^1.84.4",
     "@types/cors": "^2.8.17",
@@ -34,6 +36,7 @@
     "react-icons": "^5.4.0",
     "tsx": "^4.3.0",
     "typescript": "^5.3.2",
+    "uuid": "^11.1.0",
     "valibot": "^1.0.0-beta.10",
     "vite-express": "^0.20.0"
   },
@@ -47,14 +50,18 @@
     "@tanstack/router-plugin": "^1.84.4",
     "@types/bcrypt": "^5.0.2",
     "@types/express": "^4.17.21",
+    "@types/jsonwebtoken": "^9.0.9",
     "@types/node": "^20.9.3",
     "@types/react": "^18.0.38",
     "@types/react-dom": "^18.2.16",
     "@vitejs/plugin-react": "^4.2.0",
     "nodemon": "^3.0.1",
+    "prisma": "^6.4.1",
     "vite": "^5.0.2",
     "vite-tsconfig-paths": "^5.1.4"
   },
-  "prettier": "@deftomat/opinionated/configs/prettier.config.mjs"
+  "prettier": "@deftomat/opinionated/configs/prettier.config.mjs",
+  "prisma": {
+    "schema": "app/server/prisma/schema.prisma"
+  }
 }
-

tsconfig.json

@@ -4,6 +4,7 @@
     "useDefineForClassFields": true,
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": false,
+    "jsx": "react-jsx",
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
@@ -21,6 +22,6 @@
       "@generated/*": ["./__generated__/*"],
       "@root/*": ["./*"]
     }
-  }
-
+  },
+  "exclude": ["./app/client/components/ui", "./app/client/assets", "./__generated__/graphql.ts"]
 }

vite.config.ts

@@ -1,10 +1,10 @@
 // vite.config.ts
-import { defineConfig } from "vite";
-import viteReact from "@vitejs/plugin-react";
-import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
-import tsConfigPaths from "vite-tsconfig-paths";
+import { defineConfig } from 'vite';
+import viteReact from '@vitejs/plugin-react';
+import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
+import tsConfigPaths from 'vite-tsconfig-paths';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [TanStackRouterVite(), viteReact(), tsConfigPaths()],
+  plugins: [TanStackRouterVite(), viteReact(), tsConfigPaths()]
 });