Refactor: Use generated Prisma client and SQLite adapter

This commit updates the project to use a generated Prisma client and the better-sqlite3 adapter for improved performance and type safety. It also includes changes to the user search functionality and WebAuthn registration.

Co-authored-by: me <[email protected]>

Author: cursoragent

.gitignore

@@ -25,4 +25,5 @@ node_modules
 
 # generated files
 /app/components/ui/icons
+/app/utils/prisma-generated.server
 .react-router/

app/routes/_auth+/webauthn+/registration.ts

@@ -110,7 +110,7 @@ export async function action({ request }: Route.ActionArgs) {
 			data: {
 				id: credential.id,
 				aaguid,
-				publicKey: Buffer.from(credential.publicKey),
+				publicKey: new Uint8Array(credential.publicKey),
 				userId,
 				webauthnUserId,
 				counter: credential.counter,

app/routes/users+/index.tsx

@@ -1,4 +1,3 @@
-import { searchUsers } from '@prisma/client/sql'
 import { Img } from 'openimg/react'
 import { redirect, Link } from 'react-router'
 import { GeneralErrorBoundary } from '#app/components/error-boundary.tsx'
@@ -14,8 +13,20 @@ export async function loader({ request }: Route.LoaderArgs) {
 		return redirect('/users')
 	}
 
-	const like = `%${searchTerm ?? ''}%`
-	const users = await prisma.$queryRawTyped(searchUsers(like))
+	const users = await prisma.user.findMany({
+		where: {
+			OR: [
+				{ name: { contains: searchTerm ?? '' } },
+				{ username: { contains: searchTerm ?? '' } },
+			],
+		},
+		select: {
+			id: true,
+			name: true,
+			username: true,
+			image: { select: { objectKey: true } },
+		},
+	})
 	return { status: 'idle', users } as const
 }
 
@@ -49,7 +60,7 @@ export default function UsersRoute({ loaderData }: Route.ComponentProps) {
 									>
 										<Img
 											alt={user.name ?? user.username}
-											src={getUserImgSrc(user.imageObjectKey)}
+            src={getUserImgSrc(user.image?.objectKey)}
 											className="size-16 rounded-full"
 											width={256}
 											height={256}

app/utils/auth.server.ts

@@ -1,5 +1,5 @@
 import crypto from 'node:crypto'
-import { type Connection, type Password, type User } from '@prisma/client'
+import { type Connection, type Password, type User } from '#app/utils/prisma-generated.server'
 import bcrypt from 'bcryptjs'
 import { redirect } from 'react-router'
 import { Authenticator } from 'remix-auth'

app/utils/db.server.ts

@@ -1,7 +1,7 @@
 import { styleText } from 'node:util'
 import { remember } from '@epic-web/remember'
-// Changed import due to issue: https://github.com/remix-run/react-router/pull/12644
-import { PrismaClient } from '@prisma/client/index.js'
+import * as PrismaClientModule from '#app/utils/prisma-generated.server/index.js'
+const { PrismaClient } = PrismaClientModule
 
 export const prisma = remember('prisma', () => {
 	// NOTE: if you change anything in this function you'll need to restart
@@ -14,6 +14,7 @@ export const prisma = remember('prisma', () => {
 		log: [
 			{ level: 'query', emit: 'event' },
 			{ level: 'error', emit: 'stdout' },
+			{ level: 'info', emit: 'stdout' },
 			{ level: 'warn', emit: 'stdout' },
 		],
 	})

eslint.config.js

@@ -9,6 +9,6 @@ export default [
 		rules: { 'react-hooks/rules-of-hooks': 'off' },
 	},
 	{
-		ignores: ['.react-router/*'],
+		ignores: ['.react-router/*', './app/utils/prisma-generated.server'],
 	},
 ]