♻️ Create guest user in middleware (#927)

apps/web/src/components/user-provider.tsx

@@ -82,7 +82,7 @@ export const UserProvider = (props: { children?: React.ReactNode }) => {
     }
   }, [session.status]);
 
-  if (!user || !session.data) {
+  if (!user) {
     return null;
   }
 

apps/web/src/middleware.ts

@@ -1,7 +1,9 @@
+import { randomid } from "@rallly/backend/utils/nanoid";
 import languages from "@rallly/languages";
 import languageParser from "accept-language-parser";
 import { unsealData } from "iron-session/edge";
 import { NextResponse } from "next/server";
+import { encode } from "next-auth/jwt";
 import withAuth from "next-auth/middleware";
 
 const supportedLocales = Object.keys(languages);
@@ -65,6 +67,28 @@ export default withAuth(
             value: legacyToken.value,
             httpOnly: false,
           });
+        } else {
+          // Create new guest user
+          const newUser = `user-${randomid()}`;
+          const token = await encode({
+            token: {
+              sub: newUser,
+              email: null,
+            },
+            secret: process.env.SECRET_PASSWORD,
+          });
+          const secure = process.env.NODE_ENV === "production";
+          const prefix = secure ? "__Secure-" : "";
+          const name = `${prefix}next-auth.session-token`;
+
+          res.cookies.set({
+            name,
+            value: token,
+            httpOnly: true,
+            secure,
+            sameSite: "lax",
+            path: "/",
+          });
         }
       }
     }