♻️ Create backend package (#643)

packages/backend/next/edge.ts

@@ -0,0 +1,8 @@
+import { getIronSession } from "iron-session/edge";
+import { NextRequest, NextResponse } from "next/server";
+
+import { sessionConfig } from "../session-config";
+
+export const getSession = async (req: NextRequest, res: NextResponse) => {
+  return getIronSession(req, res, sessionConfig);
+};

packages/backend/next/index.ts

@@ -0,0 +1,2 @@
+export * from "./session";
+export * from "./utils";

packages/backend/next/session.ts

@@ -0,0 +1,89 @@
+import { withIronSessionApiRoute, withIronSessionSsr } from "iron-session/next";
+import {
+  GetServerSideProps,
+  GetServerSidePropsContext,
+  NextApiHandler,
+} from "next";
+
+import { sessionConfig } from "../session-config";
+import { createSSGHelperFromContext } from "../trpc/context";
+import { composeGetServerSideProps } from "./utils";
+
+export function withSessionRoute(handler: NextApiHandler) {
+  return withIronSessionApiRoute(handler, sessionConfig);
+}
+
+export function withSessionSsr(
+  handler: GetServerSideProps | GetServerSideProps[],
+  options?: {
+    onPrefetch?: (
+      ssg: Awaited<ReturnType<typeof createSSGHelperFromContext>>,
+      ctx: GetServerSidePropsContext,
+    ) => Promise<void>;
+  },
+): GetServerSideProps {
+  const composedHandler = Array.isArray(handler)
+    ? composeGetServerSideProps(...handler)
+    : handler;
+
+  return withIronSessionSsr(async (ctx) => {
+    const ssg = await createSSGHelperFromContext(ctx);
+    await ssg.whoami.get.prefetch(); // always prefetch user
+    if (options?.onPrefetch) {
+      try {
+        await options.onPrefetch(ssg, ctx);
+      } catch {
+        return {
+          notFound: true,
+        };
+      }
+    }
+    const res = await composedHandler(ctx);
+    if ("props" in res) {
+      return {
+        ...res,
+        props: {
+          ...res.props,
+          trpcState: ssg.dehydrate(),
+        },
+      };
+    }
+
+    return res;
+  }, sessionConfig);
+}
+
+/**
+ * Require user to be logged in
+ * @returns
+ */
+export const withAuth: GetServerSideProps = async (ctx) => {
+  if (!ctx.req.session.user || ctx.req.session.user.isGuest) {
+    return {
+      redirect: {
+        destination: "/login",
+        permanent: false,
+      },
+    };
+  }
+
+  return { props: {} };
+};
+
+/**
+ * Require user to be logged in if AUTH_REQUIRED is true
+ * @returns
+ */
+export const withAuthIfRequired: GetServerSideProps = async (ctx) => {
+  if (process.env.AUTH_REQUIRED === "true") {
+    if (!ctx.req.session.user || ctx.req.session.user.isGuest) {
+      return {
+        redirect: {
+          destination: "/login",
+          permanent: false,
+        },
+      };
+    }
+  }
+  return { props: {} };
+};

packages/backend/next/trpc/client.ts

@@ -0,0 +1,52 @@
+import { MutationCache } from "@tanstack/react-query";
+import { httpBatchLink } from "@trpc/client";
+import { createTRPCNext } from "@trpc/next";
+import toast from "react-hot-toast";
+import superjson from "superjson";
+
+import { AppRouter } from "../../trpc/routers";
+
+export * from "../../trpc/types";
+
+export const trpc = createTRPCNext<AppRouter>({
+  unstable_overrides: {
+    useMutation: {
+      async onSuccess(opts) {
+        /**
+         * @note that order here matters:
+         * The order here allows route changes in `onSuccess` without
+         * having a flash of content change whilst redirecting.
+         **/
+        await opts.originalFn();
+        if (!opts.meta?.doNotInvalidate) {
+          await opts.queryClient.invalidateQueries();
+        }
+      },
+    },
+  },
+  config() {
+    return {
+      links: [
+        httpBatchLink({
+          url: `/api/trpc`,
+        }),
+      ],
+      transformer: superjson,
+      queryClientConfig: {
+        defaultOptions: {
+          queries: {
+            cacheTime: Infinity,
+          },
+        },
+        mutationCache: new MutationCache({
+          onError: () => {
+            toast.error(
+              "Uh oh! Something went wrong. The issue has been logged and we'll fix it as soon as possible. Please try again later.",
+            );
+          },
+        }),
+      },
+    };
+  },
+  ssr: false,
+});

packages/backend/next/trpc/server.ts

@@ -0,0 +1,12 @@
+import * as trpcNext from "@trpc/server/adapters/next";
+
+import { createContext } from "../../trpc/context";
+import { appRouter } from "../../trpc/routers";
+import { withSessionRoute } from "../session";
+
+export const trpcNextApiHandler = withSessionRoute(
+  trpcNext.createNextApiHandler({
+    router: appRouter,
+    createContext,
+  }),
+);

packages/backend/next/utils.ts

@@ -0,0 +1,23 @@
+import { GetServerSideProps } from "next";
+
+export function composeGetServerSideProps(
+  ...fns: GetServerSideProps[]
+): GetServerSideProps {
+  return async (ctx) => {
+    const res = { props: {} };
+    for (const getServerSideProps of fns) {
+      const fnRes = await getServerSideProps(ctx);
+
+      if ("props" in fnRes) {
+        res.props = {
+          ...res.props,
+          ...fnRes.props,
+        };
+      } else {
+        return fnRes;
+      }
+    }
+
+    return res;
+  };
+}