fix: build errors

package.json

@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.3.2",
-    "@lucia-auth/adapter-drizzle": "1.0.0",
+    "@lucia-auth/adapter-drizzle": "1.0.0-beta.6",
     "@planetscale/database": "^1.11.0",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-checkbox": "^1.0.4",

src/app/(auth)/signup/signup.tsx

@@ -12,11 +12,11 @@ import {
   CardTitle,
 } from "~/components/ui/card";
 import { Input } from "~/components/ui/input";
-import { githubLogoIcon } from "~/components/icons";
 import { APP_TITLE } from "~/lib/constants";
 import { Label } from "~/components/ui/label";
 import { signup } from "~/lib/auth/actions";
 import { SubmitButton } from "~/components/submit-button";
+import Link from "next/link";
 
 export function Signup() {
   const [state, formAction] = useFormState(signup, null);

src/app/(auth)/verify-email/page.tsx

@@ -9,14 +9,15 @@ import { redirect } from "next/navigation";
 import { validateRequest } from "~/lib/auth/validate-request";
 import { VerifyCode } from "./verify-code";
 import { redirects } from "~/lib/constants";
+import type { User } from "@/server/db/schema";
 
 export const metadata = {
   title: "Verify Email",
   description: "Verify Email Page",
 };
 
 export default async function ForgotPasswordPage() {
-  const { user } = await validateRequest();
+  const { user } = (await validateRequest()) as { user: User | null };
 
   if (!user) redirect(redirects.toLogin);
   if (user.emailVerified) redirect(redirects.afterVerify);

src/app/(main)/_components/header.tsx

@@ -1,8 +1,8 @@
 import Link from "next/link";
-import { type User } from "lucia";
 import { UserDropdown } from "~/app/(main)/_components/user-dropdown";
 import { FunctionSquare } from "lucide-react";
 import { APP_TITLE } from "@/lib/constants";
+import type { User } from "~/server/db/schema";
 
 const routes = [{ name: "Dashboard", href: "/dashboard" }] as const;
 

src/app/(main)/account/page.tsx

@@ -1,3 +1,4 @@
+import type { User } from "~/server/db/schema";
 import { redirect } from "next/navigation";
 import { SubmitButton } from "~/components/submit-button";
 import {
@@ -13,7 +14,7 @@ import { validateRequest } from "~/lib/auth/validate-request";
 import { redirects } from "~/lib/constants";
 
 export default async function AccountPage() {
-  const { user } = await validateRequest();
+  const { user } = (await validateRequest()) as { user: User | null };
   if (!user) redirect(redirects.toLogin);
 
   return (

src/app/(main)/layout.tsx

@@ -3,9 +3,10 @@ import { redirect } from "next/navigation";
 import { Header } from "./_components/header";
 import { validateRequest } from "~/lib/auth/validate-request";
 import { redirects } from "~/lib/constants";
+import type { User } from "~/server/db/schema";
 
 const MainLayout = async ({ children }: { children: ReactNode }) => {
-  const { user } = await validateRequest();
+  const { user } = (await validateRequest()) as { user: User | null };
 
   if (!user) redirect(redirects.toLogin);
   if (user.emailVerified === false) redirect(redirects.toVerify);

src/lib/auth/actions.ts

@@ -21,6 +21,7 @@ import {
 import {
   emailVerificationCodes,
   passwordResetTokens,
+  type User,
   users,
 } from "~/server/db/schema";
 import { sendMail } from "~/server/send-mail";
@@ -166,7 +167,7 @@ export async function resendVerificationEmail(): Promise<{
   error?: string;
   success?: boolean;
 }> {
-  const { user } = await validateRequest();
+  const { user } = (await validateRequest()) as { user: User | null };
   if (!user) {
     return redirect(redirects.toLogin);
   }
@@ -201,7 +202,7 @@ export async function verifyEmail(
   if (typeof code !== "string" || code.length !== 8) {
     return { error: "Invalid code" };
   }
-  const { user } = await validateRequest();
+  const { user } = (await validateRequest()) as { user: User | null };
   if (!user) {
     return redirect(redirects.toLogin);
   }

src/lib/auth/index.ts

@@ -1,14 +1,17 @@
 import { Lucia, TimeSpan } from "lucia";
+import type { Adapter } from "lucia";
 import { GitHub } from "arctic";
 import { env } from "~/env.js";
-import { luciaAdapter } from "~/server/db";
-import { type User as DbUser } from "~/server/db/schema";
+import { sessions, users, type User as DbUser } from "@/server/db/schema";
+import { db } from "@/server/db";
+import { webcrypto } from "node:crypto";
+import { DrizzlePostgreSQLAdapter } from "@lucia-auth/adapter-drizzle";
 
-// Uncomment the following lines if you are using nodejs 18 or lower. Not required in Node.js 20, CloudFlare Workers, Deno, Bun, and Vercel Edge Functions.
-// import { webcrypto } from "node:crypto";
-// globalThis.crypto = webcrypto as Crypto;
+globalThis.crypto = webcrypto as unknown as Crypto;
 
-export const lucia = new Lucia(luciaAdapter, {
+const adapter = new DrizzlePostgreSQLAdapter(db, sessions, users);
+
+export const lucia = new Lucia(adapter as unknown as Adapter, {
   getSessionAttributes: (/* attributes */) => {
     return {};
   },
@@ -34,8 +37,8 @@ export const lucia = new Lucia(luciaAdapter, {
 });
 
 export const github = new GitHub(
-  env.GITHUB_CLIENT_ID as string,
-  env.GITHUB_CLIENT_SECRET as string,
+  env.GITHUB_CLIENT_ID,
+  env.GITHUB_CLIENT_SECRET,
   {
     redirectURI: env.NEXT_PUBLIC_APP_URL + "/login/github/callback",
   },

src/lib/auth/validate-request.ts

@@ -1,7 +1,7 @@
 import { cache } from "react";
 import { cookies } from "next/headers";
-import type { Session, User } from "lucia";
 import { lucia } from "~/lib/auth";
+import type { User, Session } from "lucia";
 
 export const uncachedValidateRequest = async (): Promise<
   { user: User; session: Session } | { user: null; session: null }
@@ -32,6 +32,7 @@ export const uncachedValidateRequest = async (): Promise<
   } catch {
     console.error("Failed to set session cookie");
   }
+
   return result;
 };
 

src/server/db/index.ts

@@ -24,7 +24,7 @@ if (env.NODE_ENV === "production") {
 
 export { db };
 
-export const luciaAdapter = new DrizzlePostgreSQLAdapter(
+export const adapter = new DrizzlePostgreSQLAdapter(
   db,
   schema.sessions,
   schema.users,

src/server/db/schema.ts

@@ -161,3 +161,5 @@ export type NewFormData = typeof formDatas.$inferInsert;
 
 export type Form = typeof forms.$inferSelect;
 export type NewForm = typeof forms.$inferInsert;
+
+export type Session = typeof sessions.$inferSelect;