chore (SW-834): Upgrade to Next 15 * wip: apply codemod and upgrade swc plugin * wip: design-system to react 19, fix issues from async (search)params * wip: fix remaining issues from codemod serverClient is now async because context use headers() getLang is now async because it uses headers() * Minor cleanup * Inline react-material-symbols package Package is seemingly not maintained any more and doesn't support React 19. This copies the package source into `design-system`, makes the necessary changes for 19 and export it for others to use. * Fix missing awaits * Disable modal exit animations Enabling modal exit animations via isExiting prop is causing modals to be rendered in "hidden" state and never unmount. Seems to be an issue with react-aria-components, see https://github.com/adobe/react-spectrum/issues/7563. Can probably be fixed by rewriting to a solution similar to https://react-spectrum.adobe.com/react-aria/examples/framer-modal-sheet.html * Remove unstable cache implementation and use in memory cache locally * Fix ref type in SelectFilter * Use cloneElement to add key prop to element Approved-by: Linus Flood
70 lines
2.0 KiB
TypeScript
70 lines
2.0 KiB
TypeScript
import * as Sentry from "@sentry/nextjs"
|
|
import { TRPCError } from "@trpc/server"
|
|
import { redirect } from "next/navigation"
|
|
|
|
import { Lang } from "@/constants/languages"
|
|
import { login } from "@/constants/routes/handleAuth"
|
|
import { webviews } from "@/constants/routes/webviews"
|
|
import { appRouter } from "@/server"
|
|
import { createContext } from "@/server/context"
|
|
import { createCallerFactory } from "@/server/trpc"
|
|
|
|
const createCaller = createCallerFactory(appRouter)
|
|
|
|
export async function serverClient() {
|
|
const ctx = await createContext()
|
|
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)
|
|
}
|
|
|
|
if (error instanceof TRPCError) {
|
|
if (error.code === "UNAUTHORIZED") {
|
|
let lang = Lang.en
|
|
let pathname = "/"
|
|
let fullUrl = "/"
|
|
|
|
if (ctx) {
|
|
lang = ctx.lang
|
|
pathname = ctx.pathname
|
|
fullUrl = ctx.url
|
|
}
|
|
|
|
const fullPathname = new URL(fullUrl).pathname
|
|
|
|
if (webviews.includes(fullPathname)) {
|
|
const redirectUrl = `/${lang}/webview/refresh?returnurl=${encodeURIComponent(fullPathname)}`
|
|
console.error(
|
|
"Unautorized in webview, redirecting to: ",
|
|
redirectUrl
|
|
)
|
|
|
|
console.log(`[serverClient] onError redirecting to: ${redirectUrl}`)
|
|
redirect(redirectUrl)
|
|
}
|
|
|
|
const redirectUrl = `${login[lang]}?redirectTo=${encodeURIComponent(`/${lang}/${pathname}`)}`
|
|
console.log(`[serverClient] onError redirecting to: ${redirectUrl}`)
|
|
redirect(redirectUrl)
|
|
}
|
|
}
|
|
|
|
Sentry.captureException(error, {
|
|
extra: {
|
|
input,
|
|
path,
|
|
type,
|
|
url: ctx?.url,
|
|
lang: ctx?.lang,
|
|
pathname: ctx?.pathname,
|
|
contentType: ctx?.contentType,
|
|
uid: ctx?.uid,
|
|
},
|
|
})
|
|
},
|
|
})
|
|
}
|