From d0655697db4a7bf6f8cf9bf2c4f0d9e507e7785f Mon Sep 17 00:00:00 2001
From: yykai <yangykai@foxmail.com>
Date: Sun, 12 Jan 2025 08:28:32 +0800
Subject: [PATCH 1/2] New feature: login with guest.

Signed-off-by: yykai <yangykai@foxmail.com>
---
 src/pages/Login/index.tsx | 59 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/src/pages/Login/index.tsx b/src/pages/Login/index.tsx
index cfa690c..a638896 100644
--- a/src/pages/Login/index.tsx
+++ b/src/pages/Login/index.tsx
@@ -38,6 +38,63 @@ const Login: React.FC = () => {
     }
   };
 
+  function simpleHash(input: string) {
+    let hash = 0;
+    if (input.length === 0) return hash;
+
+    for (let i = 0; i < input.length; i++) {
+        let char = input.charCodeAt(i);
+        hash = ((hash << 5) - hash) + char;
+        hash |= 0;
+    }
+
+    return hash.toString();
+  }
+
+  function generateGuestName() {
+    const timestamp = Date.now();
+    const randomNum = Math.floor(Math.random() * 10000);
+    return "Guest-" + timestamp + randomNum;
+  }
+
+  function generateGuestPassword(name: string) {
+    return simpleHash(name).toString();
+  }
+
+  
+  function generateGuestEmail() {
+    return "Guest@placeholder.com";
+  }
+  
+  const handleGuestAuth = async () => {
+    const userId = localStorage.getItem('userId');
+    const userProfile = localStorage.getItem('userProfile');
+    const twitterProfile = localStorage.getItem('twitterProfile');
+    console.log("Guest info: " + userId + " " + userProfile?.toString().length + " " + twitterProfile?.toString().length);
+
+    if (userId && userProfile && twitterProfile) {
+      navigate('/plugin/chat'); // already login
+      return;
+    }
+    setLoading(true);
+    try {
+      // Guest
+      const username = generateGuestName();
+      const password = generateGuestPassword(username);
+      const email = generateGuestEmail();
+      const credentials = { username, password, email };
+      const response = await authService.login(credentials);
+      console.log("guest auth, res: " + response);
+      // Navigate to next page
+      navigate('/egg-select');
+    } catch (err) {
+      console.error('Guest auth error:', err);
+      setError(err instanceof Error ? err.message : 'Guest authentication failed');
+    } finally {
+      setLoading(false);
+    }
+  };
+
   return (
     <div className="page press-start-2p">
       <div className="absolute top-0 left-0 z-[-1] w-full h-full bg-white">
@@ -94,7 +151,7 @@ const Login: React.FC = () => {
         <Button
           color={BTNCOLOR.PURPLE}  // Twitter Color?
           className="w-auto min-w-[346px] px-[28px] h-[48px] mt-[42px] text-white frc-center gap-[10px]"
-          // onClick={handleTwitterAuth}
+          onClick={handleGuestAuth}
           disabled={loading}
         >
           <img src={guestIcon} alt="guest" className="w-[24px] h-[24px]" />

From 1fca73ea5839c205d6be09dbf002f806bee5b8c2 Mon Sep 17 00:00:00 2001
From: yykai <yangykai@foxmail.com>
Date: Mon, 13 Jan 2025 12:17:45 +0800
Subject: [PATCH 2/2] 1. support guest. 2. adapter new profile data structure.

Signed-off-by: yykai <yangykai@foxmail.com>
---
 src/components/agent/AgentHeader/index.tsx |  4 ++--
 src/hooks/useAgentInfo.ts                  |  8 ++++++++
 src/pages/AgentCustomized/index.tsx        |  6 ++++--
 src/pages/Login/index.tsx                  |  4 ++--
 src/services/auth.ts                       | 21 +++++++++++++++++++++
 src/stores/useUserStore.ts                 |  4 ++--
 src/types/auth.ts                          |  2 ++
 7 files changed, 41 insertions(+), 8 deletions(-)

diff --git a/src/components/agent/AgentHeader/index.tsx b/src/components/agent/AgentHeader/index.tsx
index a03d975..2bf4ee0 100644
--- a/src/components/agent/AgentHeader/index.tsx
+++ b/src/components/agent/AgentHeader/index.tsx
@@ -5,7 +5,7 @@ import './index.css';
 import { useAgentInfo } from '@/hooks/useAgentInfo';
 
 const AgentHeader = () => {
-  const { level, experience, nextLevelExp } = useAgentInfo();
+  const { level, experience, nextLevelExp, agentname } = useAgentInfo();
 
   return (
     <div className="w-[calc(100%-40px)] mx-[20px] mt-[20px] flex items-center justify-between">
@@ -15,7 +15,7 @@ const AgentHeader = () => {
         </div>
         <div className="ml-[16px] flex flex-col items-start justify-center gap-1">
           <span className="flex items-center gap-2">
-            <span className="text-[12px]">Blommy</span>
+            <span className="text-[12px]">{agentname}</span>
             <span className="text-[12px] text-[#39CE78]">Level {level}</span>
           </span>
           <span className="flex items-center gap-2">
diff --git a/src/hooks/useAgentInfo.ts b/src/hooks/useAgentInfo.ts
index ebec46a..ada2074 100644
--- a/src/hooks/useAgentInfo.ts
+++ b/src/hooks/useAgentInfo.ts
@@ -28,10 +28,18 @@ export function useAgentInfo() {
     return userProfile?.points || 0;
   }, [userProfile]);
 
+  const agentname = useMemo(() => {
+    if(userProfile?.agentname) {
+      return userProfile?.agentname;
+    }
+    return "Blommy";
+  }, [userProfile]);
+
   return {
     level,
     experience,
     nextLevelExp,
+    agentname,
     points,
     refetch,
   };
diff --git a/src/pages/AgentCustomized/index.tsx b/src/pages/AgentCustomized/index.tsx
index 86d2d4b..4922ace 100644
--- a/src/pages/AgentCustomized/index.tsx
+++ b/src/pages/AgentCustomized/index.tsx
@@ -54,12 +54,14 @@ const AgentCustomized: React.FC = () => {
         throw new Error('User not logged in');
       }
 
+      var agentname = name;
       // 构建profile更新对象
       const profileUpdate = {
-        name,
+        userId,
+        agentname,
         gender,
         bio: [
-          `I'm ${name}, a ${gender.toLowerCase()} agent with ${agentStyle.toLowerCase()} style`,
+          `I'm ${agentname}, a ${gender.toLowerCase()} agent with ${agentStyle.toLowerCase()} style`,
           `Specializing in ${agentStyle.toLowerCase()} interactions and responses`,
           `Ready to engage with unique ${agentStyle.toLowerCase()} perspective`,
         ],
diff --git a/src/pages/Login/index.tsx b/src/pages/Login/index.tsx
index 6c38b6b..f29dd5d 100644
--- a/src/pages/Login/index.tsx
+++ b/src/pages/Login/index.tsx
@@ -72,7 +72,7 @@ const Login: React.FC = () => {
     const twitterProfile = localStorage.getItem('twitterProfile');
     console.log("Guest info: " + userId + " " + userProfile?.toString().length + " " + twitterProfile?.toString().length);
 
-    if (userId && userProfile && twitterProfile) {
+    if (userId && userProfile) {
       navigate('/plugin/chat'); // already login
       return;
     }
@@ -83,7 +83,7 @@ const Login: React.FC = () => {
       const password = generateGuestPassword(username);
       const email = generateGuestEmail();
       const credentials = { username, password, email };
-      const response = await authService.login(credentials);
+      const response = await authService.guestLogin(credentials);
       console.log("guest auth, res: " + response);
       // Navigate to next page
       navigate('/egg-select');
diff --git a/src/services/auth.ts b/src/services/auth.ts
index 3fa39d8..1d701d5 100644
--- a/src/services/auth.ts
+++ b/src/services/auth.ts
@@ -11,6 +11,24 @@ import { useUserStore } from '@/stores/useUserStore';
 import api from '@/services/axios';
 
 export const authService = {
+   /** Guest login */
+   async guestLogin(credentials: LoginForm): Promise<ApiResponse<LoginResponse['data']>> {
+    console.log("guestLogin");
+    try {
+      const response = await api.post<LoginResponse>('/guest_login', credentials);
+      if (!response?.data.success) {
+        throw new Error(response.data.message || 'Login Failed');
+      }
+
+      if (response.data.data) {
+        useUserStore.getState().login(response.data.data.profile, response.data.data.twitterProfile);
+      }
+      return response.data;
+    } catch (err) {
+      throw err instanceof Error ? err : new Error('Login Failed');
+    }
+  },
+
   /**
    * 用户登录
    * @param credentials 登录凭证（用户名、密码、邮箱）
@@ -48,6 +66,9 @@ export const authService = {
         username: userId,
         profile,
       });
+      if (response.data) {
+         useUserStore.getState().updateProfile(response.data.profile);
+      }
       return response.data;
     } catch (error) {
       console.error('Profile update error:', error);
diff --git a/src/stores/useUserStore.ts b/src/stores/useUserStore.ts
index d841db8..e32e5a0 100644
--- a/src/stores/useUserStore.ts
+++ b/src/stores/useUserStore.ts
@@ -39,7 +39,7 @@ export const useUserStore = create<UserState>((set, get) => ({
     // 持久化到本地存储
     localStorage.setItem('userProfile', JSON.stringify(userProfile));
     localStorage.setItem('twitterProfile', JSON.stringify(twitterProfile));
-    localStorage.setItem('userId', userProfile.username);
+    localStorage.setItem('userId', userProfile?.userId);
   },
 
   logout: () => {
@@ -61,5 +61,5 @@ export const useUserStore = create<UserState>((set, get) => ({
   },
 
   // 工具方法
-  getUserId: () => get().userProfile?.username || null,
+  getUserId: () => get().userProfile?.userId || null,
 }));
diff --git a/src/types/auth.ts b/src/types/auth.ts
index c7b0e11..5bee8e7 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -10,6 +10,8 @@ export interface TwitterProfile {
 
 export interface UserProfile {
   username?: string;
+  userId?: string;
+  agentname?: string;
   email?: string;
   avatar?: string;
   bio?: string | string[];