✨ (preview) Add preview runtime dropdown

User can select between Web and API previews

Closes #247

apps/viewer/src/utils/server/context.ts

@@ -0,0 +1,35 @@
+import prisma from '@/lib/prisma'
+import { inferAsyncReturnType } from '@trpc/server'
+import * as trpcNext from '@trpc/server/adapters/next'
+import { User } from 'db'
+import { NextApiRequest } from 'next'
+
+export async function createContext(opts: trpcNext.CreateNextContextOptions) {
+  const user = await getAuthenticatedUser(opts.req)
+
+  return {
+    user,
+  }
+}
+
+const getAuthenticatedUser = async (
+  req: NextApiRequest
+): Promise<User | undefined> => {
+  const bearerToken = extractBearerToken(req)
+  if (!bearerToken) return
+  return authenticateByToken(bearerToken)
+}
+
+const authenticateByToken = async (
+  apiToken: string
+): Promise<User | undefined> => {
+  if (typeof window !== 'undefined') return
+  return (await prisma.user.findFirst({
+    where: { apiTokens: { some: { token: apiToken } } },
+  })) as User
+}
+
+const extractBearerToken = (req: NextApiRequest) =>
+  req.headers['authorization']?.slice(7)
+
+export type Context = inferAsyncReturnType<typeof createContext>

apps/viewer/src/utils/server/trpc.ts

@@ -1,13 +1,22 @@
 import { initTRPC } from '@trpc/server'
 import { OpenApiMeta } from 'trpc-openapi'
 import superjson from 'superjson'
+import { Context } from './context'
 
-const t = initTRPC.meta<OpenApiMeta>().create({
+const t = initTRPC.context<Context>().meta<OpenApiMeta>().create({
   transformer: superjson,
 })
 
+const injectUser = t.middleware(({ next, ctx }) => {
+  return next({
+    ctx: {
+      user: ctx.user,
+    },
+  })
+})
+
 export const middleware = t.middleware
 
 export const router = t.router
 
-export const publicProcedure = t.procedure
+export const publicProcedure = t.procedure.use(injectUser)