lnn0q/ln
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated codegen, fixed tsconfig, added prisma

Browse source 
added login, registration and session check
This commit is contained in:
lnn0q 2025-03-23 21:06:15 +02:00
parent 9518787206
commit 04b606b7fa
24 changed files with 740 additions and 1747 deletions
Download patch file Download diff file Expand all files Collapse all files

2
.example.env
View file

@ -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"

6
app/client/components/ui/provider.tsx
View file

@ -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 (

6
app/client/main.tsx
View file

@ -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';

22
app/client/pages/__root.tsx
View file

@ -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>
),
)
});

26
app/client/pages/book.lazy.tsx
View file

@ -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
// }
// }
// `;

2
app/client/pages/index.tsx
View file

@ -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';

4
app/client/pages/login.tsx
View file

@ -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')({

6
app/client/pages/register.tsx
View file

@ -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}>

128
app/client/routeTree.gen.ts
View file

@ -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
{

15
app/server/graphql/graphql.ts
View file

@ -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 = {};

61
app/server/graphql/resolvers/auth/login.ts
View file

@ -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 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);
}
};
const user = await prisma.user.findUnique({
where: { email: input.email }
});
if (!user) throw new Error(error);
module.exports = { handleLogin };
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'
}
};
}

67
app/server/graphql/resolvers/auth/register.ts
View file

@ -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 });
}
};

10
app/server/graphql/resolvers/bookOneResolver.ts
View file

@ -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;
}

18
app/server/graphql/resolvers/booksManyResolver.ts
View file

@ -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;
}

39
app/server/graphql/schema.graphql
View file

@ -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!
}

69
app/server/main.ts
View file

@ -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 };
}

8
app/server/prisma/client.ts Normal file
View file

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

21
app/server/prisma/schema.prisma Normal file
View file

@ -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
}

14
codegen.ts
View file

@ -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']
}
},

1246
graphql.schema.json
View file

File diff suppressed because it is too large Load diff

689
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

13
package.json
View file

@ -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"
}
}

5
tsconfig.json
View file

@ -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"]
}

10
vite.config.ts
View file

@ -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()]
});