Merged in feat/sw-2872-dependency-inject-app-context-in-trpc-package (pull request #2478)

feat(SW-2872) Dependency inject app context in trpc package

* Move appRouter to trpc package

* WIP Move serverClient to trpc package

Doesn't handle errors yet

* Don't use global

* Use trpc everywhere


Approved-by: Linus Flood

apps/scandic-web/lib/trpc/client.ts

@@ -1,9 +1,8 @@
 import { createTRPCReact } from "@trpc/react-query"
 
+import type { AppRouter } from "@scandic-hotels/trpc/routers/appRouter"
 import type { inferRouterInputs, inferRouterOutputs } from "@trpc/server"
 
-import type { AppRouter } from "@/server"
-
 export const trpc = createTRPCReact<AppRouter>()
 
 export type RouterInput = inferRouterInputs<AppRouter>

apps/scandic-web/lib/trpc/server.ts

@@ -1,22 +1,21 @@
-import * as Sentry from "@sentry/nextjs"
 import { TRPCError } from "@trpc/server"
 import { cookies, headers } from "next/headers"
 import { redirect } from "next/navigation"
 
 import { Lang } from "@scandic-hotels/common/constants/language"
-import { createCallerFactory } from "@scandic-hotels/trpc"
 import { createContext } from "@scandic-hotels/trpc/context"
+import {
+  appServerClient,
+  configureServerClient,
+} from "@scandic-hotels/trpc/serverClient"
 
 import { login } from "@/constants/routes/handleAuth"
 import { webviews } from "@/constants/routes/webviews"
-import { appRouter } from "@/server"
 
 import { auth } from "@/auth"
 
 import type { Session } from "next-auth"
 
-const createCaller = createCallerFactory(appRouter)
-
 export async function createAppContext() {
   const headersList = await headers()
   const cookie = await cookies()
@@ -49,17 +48,13 @@ export async function createAppContext() {
   return ctx
 }
 
+configureServerClient(createAppContext)
+
 export async function serverClient() {
   const ctx = await createAppContext()
 
-  return createCaller(ctx, {
-    onError: ({ ctx, error, input, path, type }) => {
-      console.error(`[serverClient] error for ${type}: ${path}`, error)
-
-      if (input) {
-        console.error(`[serverClient] received input:`, input)
-      }
-
+  return appServerClient(ctx, {
+    onError: ({ ctx, error }) => {
       if (error instanceof TRPCError) {
         if (error.code === "UNAUTHORIZED") {
           let lang = Lang.en
@@ -90,19 +85,6 @@ export async function serverClient() {
           redirect(redirectUrl)
         }
       }
-
-      Sentry.captureException(error, {
-        extra: {
-          input,
-          path,
-          type,
-          url: ctx?.url,
-          lang: ctx?.lang,
-          pathname: ctx?.pathname,
-          contentType: ctx?.contentType,
-          uid: ctx?.uid,
-        },
-      })
     },
   })
 }