Merge pull request #41 from duylongpro99/development

feat: color name user

Author: duylongpro99

liveblocks.config.ts

@@ -23,6 +23,7 @@ declare global {
         // Example properties, for useSelf, useUser, useOthers, etc.
         name: string;
         avatar: string;
+        color?: string;
       };
     };
 

src/app/api/auth/liveblocks/route.ts

@@ -47,11 +47,21 @@ export async function POST(req: Request) {
   if (!isOwner && !isOrgMember)
     return new Response("Unauthorized", { status: 401 });
 
+  const name =
+    user.fullName ?? user.primaryEmailAddress?.emailAddress ?? "Anonymous";
+
+  const nameToNumber = name.split("").reduce((acc, char) => {
+    return acc + char.charCodeAt(0);
+  }, 0);
+
+  const hue = Math.abs(nameToNumber) % 360;
+  const color = `hsl(${hue}, 80%, 60%)`;
+
   const session = liveblocks.prepareSession(user.id, {
     userInfo: {
-      name:
-        user.fullName ?? user.primaryEmailAddress?.emailAddress ?? "Anonymous",
+      name,
       avatar: user.imageUrl,
+      color,
     },
   });