make auth package pure

Author: juliusmarminge

apps/nextjs/src/app/_components/auth-showcase.tsx

@@ -1,9 +1,10 @@
 import { headers } from "next/headers";
 import { redirect } from "next/navigation";
 
-import { auth, getSession } from "@acme/auth";
 import { Button } from "@acme/ui/button";
 
+import { auth, getSession } from "~/auth";
+
 export async function AuthShowcase() {
   const session = await getSession();
 

apps/nextjs/src/app/api/auth/[...all]/route.ts

@@ -1,4 +1,4 @@
-import { auth } from "@acme/auth";
+import { auth } from "~/auth";
 
 export const GET = auth.handler;
 export const POST = auth.handler;

apps/nextjs/src/app/api/trpc/[trpc]/route.ts

@@ -3,6 +3,8 @@ import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
 
 import { appRouter, createTRPCContext } from "@acme/api";
 
+import { auth } from "~/auth";
+
 /**
  * Configure basic CORS headers
  * You should extend this to match your needs
@@ -29,6 +31,7 @@ const handler = async (req: NextRequest) => {
     req,
     createContext: () =>
       createTRPCContext({
+        auth: auth,
         headers: req.headers,
       }),
     onError({ error, path }) {

packages/auth/src/client.ts apps/nextjs/src/auth/client.ts

@@ -0,0 +1,19 @@
+import "server-only";
+
+import { cache } from "react";
+import { headers } from "next/headers";
+
+import { initAuth } from "@acme/auth";
+
+import { env } from "~/env";
+
+export const auth = initAuth({
+  baseUrl: env.BETTER_AUTH_URL,
+  secret: env.AUTH_SECRET,
+  discordClientId: env.AUTH_DISCORD_ID,
+  discordClientSecret: env.AUTH_DISCORD_SECRET,
+});
+
+export const getSession = cache(async () =>
+  auth.api.getSession({ headers: await headers() }),
+);

apps/nextjs/src/auth/server.ts

@@ -2,10 +2,10 @@ import { createEnv } from "@t3-oss/env-nextjs";
 import { vercel } from "@t3-oss/env-nextjs/presets-zod";
 import { z } from "zod";
 
-import { env as authEnv } from "@acme/auth/env";
+import { authEnv } from "@acme/auth/env";
 
 export const env = createEnv({
-  extends: [authEnv, vercel()],
+  extends: [authEnv(), vercel()],
   shared: {
     NODE_ENV: z
       .enum(["development", "production", "test"])

apps/nextjs/src/env.ts

@@ -7,6 +7,7 @@ import { createTRPCOptionsProxy } from "@trpc/tanstack-react-query";
 import type { AppRouter } from "@acme/api";
 import { appRouter, createTRPCContext } from "@acme/api";
 
+import { auth } from "../auth";
 import { createQueryClient } from "./query-client";
 
 /**
@@ -19,6 +20,7 @@ const createContext = cache(async () => {
 
   return createTRPCContext({
     headers: heads,
+    auth,
   });
 });
 

apps/nextjs/src/trpc/server.tsx

@@ -10,7 +10,7 @@ import { initTRPC, TRPCError } from "@trpc/server";
 import superjson from "superjson";
 import { ZodError } from "zod";
 
-import { auth } from "@acme/auth";
+import type { Auth } from "@acme/auth";
 import { db } from "@acme/db/client";
 
 /**
@@ -26,11 +26,16 @@ import { db } from "@acme/db/client";
  * @see https://trpc.io/docs/server/context
  */
 
-export const createTRPCContext = async (opts: { headers: Headers }) => {
-  const session = await auth.api.getSession({
+export const createTRPCContext = async (opts: {
+  headers: Headers;
+  auth: Auth;
+}) => {
+  const authApi = opts.auth.api;
+  const session = await authApi.getSession({
     headers: opts.headers,
   });
   return {
+    authApi,
     session,
     db,
   };

packages/api/src/trpc.ts

@@ -1,19 +1,20 @@
 import { createEnv } from "@t3-oss/env-nextjs";
 import { z } from "zod";
 
-export const env = createEnv({
-  server: {
-    AUTH_DISCORD_ID: z.string().min(1),
-    BETTER_AUTH_URL: z.string().min(1),
-    AUTH_DISCORD_SECRET: z.string().min(1),
-    AUTH_SECRET:
-      process.env.NODE_ENV === "production"
-        ? z.string().min(1)
-        : z.string().min(1).optional(),
-    NODE_ENV: z.enum(["development", "production"]).optional(),
-  },
-  client: {},
-  experimental__runtimeEnv: {},
-  skipValidation:
-    !!process.env.CI || process.env.npm_lifecycle_event === "lint",
-});
+export function authEnv() {
+  return createEnv({
+    server: {
+      AUTH_DISCORD_ID: z.string().min(1),
+      BETTER_AUTH_URL: z.string().min(1),
+      AUTH_DISCORD_SECRET: z.string().min(1),
+      AUTH_SECRET:
+        process.env.NODE_ENV === "production"
+          ? z.string().min(1)
+          : z.string().min(1).optional(),
+      NODE_ENV: z.enum(["development", "production"]).optional(),
+    },
+    experimental__runtimeEnv: {},
+    skipValidation:
+      !!process.env.CI || process.env.npm_lifecycle_event === "lint",
+  });
+}

packages/auth/env.ts

@@ -1,10 +1,37 @@
-import { headers } from "next/headers";
+import type { BetterAuthOptions } from "better-auth";
+import { expo } from "@better-auth/expo";
+import { betterAuth } from "better-auth";
+import { drizzleAdapter } from "better-auth/adapters/drizzle";
+import { oAuthProxy } from "better-auth/plugins";
 
-import { auth } from "./auth";
+import { db } from "@acme/db/client";
 
-export const getSession = async () =>
-  auth.api.getSession({
-    headers: await headers(),
-  });
+export function initAuth(options: {
+  baseUrl: string;
+  secret: string | undefined;
 
-export * from "./auth";
+  discordClientId: string;
+  discordClientSecret: string;
+}) {
+  const config = {
+    database: drizzleAdapter(db, {
+      provider: "pg",
+    }),
+    baseURL: options.baseUrl,
+    secret: options.secret,
+    plugins: [oAuthProxy(), expo()],
+    socialProviders: {
+      discord: {
+        clientId: options.discordClientId,
+        clientSecret: options.discordClientSecret,
+        redirectURI: `http://${options.baseUrl}/api/auth/callback/discord`,
+      },
+    },
+    trustedOrigins: ["expo://"],
+  } satisfies BetterAuthOptions;
+
+  return betterAuth(config);
+}
+
+export type Auth = ReturnType<typeof initAuth>;
+export type Session = Auth["$Infer"]["Session"];