增加账号管理和收费系统

app/api/auth.ts

@@ -28,6 +28,7 @@ function parseApiKey(bearToken: string) {
 
 export function auth(req: NextRequest) {
   const authToken = req.headers.get("Authorization") ?? "";
+  const auth = req.headers.get("auth") ?? "";
 
   // check if it is openai api key or user token
   const { accessCode, apiKey: token } = parseApiKey(authToken);
@@ -37,14 +38,15 @@ export function auth(req: NextRequest) {
   console.log("[Auth] allowed hashed codes: ", [...serverConfig.codes]);
   console.log("[Auth] got access code:", accessCode);
   console.log("[Auth] hashed access code:", hashedCode);
+  console.log("[Auth] get auth:",auth);
   console.log("[User IP] ", getIP(req));
   console.log("[Time] ", new Date().toLocaleString());
-
-  if (serverConfig.needCode && !serverConfig.codes.has(hashedCode) && !token) {
+  // serverConfig.needCode && !serverConfig.codes.has(hashedCode) &&
+  if (!token && !auth) {
     return {
       error: true,
       needAccessCode: true,
-      msg: "Please go settings page and fill your access code.",
+      msg: "Please go login page to login.",
     };
   }
 

app/api/common.ts

@@ -42,3 +42,14 @@ export async function requestOpenai(req: NextRequest) {
     body: req.body,
   });
 }
+
+export async function requestLemur(req: NextRequest) {
+  return fetch('http://lemurchat.anfans.cn/api/chat/conversation-trial', {
+    headers: {
+      "Content-Type": "application/json"
+    },
+    cache: "no-store",
+    method: req.method,
+    body: req.body,
+  });
+}

app/api/lemur/route.ts

@@ -1,26 +1,96 @@
+// import { createParser } from "eventsource-parser";
+// import { NextRequest, NextResponse } from "next/server";
+// import { auth } from "../auth";
+
+// async function createStream(req: NextRequest) {
+//   const authResult = auth(req);
+//   if (authResult.error) {
+//     return authResult.msg;
+//   }
+//   const encoder = new TextEncoder();
+//   const decoder = new TextDecoder();
+
+//   const res = await fetch(
+//     "http://lemurchat.anfans.cn/api/chat/conversation-trial",
+//     {
+//       headers: {
+//         "Content-Type": "application/json",
+//       },
+//       method: "POST",
+//       body: req.body,
+//     },
+//   );
+
+//   const stream = new ReadableStream({
+//     async start(controller) {
+//       function onParse(event: any) {
+//         if (event.type === "event") {
+//           const data = event.data;
+//           if (event.id == "1") {
+//             let text1 = data.slice(data.indexOf("content"));
+//             const text = text1.slice(12, text1.indexOf("index") - 6);
+//             const queue = encoder.encode(text);
+//             controller.enqueue(queue);
+//             return;
+//           }
+//           // https://beta.openai.com/docs/api-reference/completions/create#completions/create-stream
+//           try {
+//             const json = JSON.parse(data);
+//             // console.log(data.indexOf("content"))
+//             if (data.indexOf("content") == -1) {
+//               controller.close();
+//               return;
+//             }
+//             // console.log(event.data)
+//             const text = JSON.parse(json.data.slice(5)).choices[0].delta
+//               .content;
+//             const queue = encoder.encode(text);
+//             controller.enqueue(queue);
+//           } catch (e) {
+//             controller.error(e);
+//           }
+//         }
+//       }
+
+//       const parser = createParser(onParse);
+//       for await (const chunk of res.body as any) {
+//         parser.feed(decoder.decode(chunk));
+//       }
+//     },
+//   });
+//   return stream;
+// }
+
+// export async function POST(req: NextRequest) {
+//   try {
+//     const authResult = auth(req);
+//     if (authResult.error) {
+//       return NextResponse.json(authResult, {
+//         status: 401,
+//       });
+//     }
+//     const stream = await createStream(req);
+//     return new Response(stream);
+//   } catch (error) {
+//     console.error("[Chat Stream]", error);
+//   }
+// }
+
+// export const config = {
+//   runtime: "edge",
+// };
+
+
+
 import { createParser } from "eventsource-parser";
 import { NextRequest, NextResponse } from "next/server";
 import { auth } from "../auth";
+import { requestLemur} from "../common";
 
-async function createStream(req: NextRequest) {
-  const authResult = auth(req);
-  if (authResult.error) {
-    return authResult.msg;
-  }
+async function createStream(res: Response) {
   const encoder = new TextEncoder();
   const decoder = new TextDecoder();
 
-  const res = await fetch(
-    "http://lemurchat.anfans.cn/api/chat/conversation-trial",
-    {
-      headers: {
-        "Content-Type": "application/json",
-      },
-      method: "POST",
-      body: req.body,
-    },
-  );
-
   const stream = new ReadableStream({
     async start(controller) {
       function onParse(event: any) {
@@ -36,40 +106,88 @@ async function createStream(req: NextRequest) {
           // https://beta.openai.com/docs/api-reference/completions/create#completions/create-stream
           try {
             const json = JSON.parse(data);
-            // console.log(data.indexOf("content"))
+            // console.log(json)
             if (data.indexOf("content") == -1) {
               controller.close();
               return;
             }
-            // console.log(event.data)
-            const text = JSON.parse(json.data.slice(5)).choices[0].delta
-              .content;
+            const text = JSON.parse(json.data.slice(6)).choices[0].delta.content;
             const queue = encoder.encode(text);
             controller.enqueue(queue);
           } catch (e) {
-            controller.error(e);
+            controller.error(JSON.parse(data));
           }
         }
       }
 
       const parser = createParser(onParse);
       for await (const chunk of res.body as any) {
-        parser.feed(decoder.decode(chunk));
+        parser.feed(decoder.decode(chunk, { stream: true }));
       }
     },
   });
   return stream;
 }
 
-export async function POST(req: NextRequest) {
+function formatResponse(msg: any) {
+  const jsonMsg = ["```json\n", JSON.stringify(msg, null, "  "), "\n```"].join(
+    "",
+  );
+  return new Response(jsonMsg);
+}
+
+async function handle(
+  req: NextRequest,
+  { params }: { params: { path: string[] } },
+) {
+  console.log("[Lemur Route] params ", params);
+
+  const authResult = auth(req);
+  if (authResult.error) {
+    return NextResponse.json(authResult, {
+      status: 401,
+    });
+  }
+
   try {
-    const stream = await createStream(req);
-    return new Response(stream);
-  } catch (error) {
-    console.error("[Chat Stream]", error);
+    const api = await requestLemur(req);
+
+    const contentType = api.headers.get("Content-Type") ?? "";
+
+    // streaming response
+    if (contentType.includes("stream")) {
+      const stream = await createStream(api);
+      const res = new Response(stream);
+      res.headers.set("Content-Type", contentType);
+      return res;
+    }
+
+    // try to parse error msg
+    try {
+      const mayBeErrorBody = await api.json();
+      if (mayBeErrorBody.error) {
+        console.error("[Lemur Response] ", mayBeErrorBody);
+        return formatResponse(mayBeErrorBody);
+      } else {
+        const res = new Response(JSON.stringify(mayBeErrorBody));
+        res.headers.set("Content-Type", "application/json");
+        res.headers.set("Cache-Control", "no-cache");
+        return res;
+      }
+    } catch (e) {
+      console.error("[Lemur Parse] ", e);
+      return formatResponse({
+        msg: "invalid response from Lemur server",
+        error: e,
+      });
+    }
+  } catch (e) {
+    console.error("[Lemur] ", e);
+    return formatResponse(e);
   }
 }
 
-export const config = {
-  runtime: "edge",
-};
+export const GET = handle;
+export const POST = handle;
+
+export const runtime = "edge";

app/api/newbing/route.ts

@@ -1,12 +1,14 @@
-import { NextRequest } from "next/server";
+import { NextRequest, NextResponse } from "next/server";
 import { BingChat, ChatMessage } from "../../bing-chat/index";
 import { auth } from "../auth";
 
 export async function POST(req: NextRequest) {
   const authResult = auth(req);
-  if (authResult.error) {
-    return authResult.msg;
-  }
+    if (authResult.error) {
+      return NextResponse.json(authResult, {
+        status: 401,
+      });
+    }
   try {
     let cookies = process.env.COOKIES;
     const api = new BingChat({

app/api/user/findpwd/route.ts

@@ -0,0 +1,22 @@
+import { NextRequest } from "next/server";
+
+export async function GET(req: NextRequest) {
+  try {
+    const token=req.headers.get("auth") ?? ""
+    const admin=process.env.ADMIN
+    const key=process.env.KEY
+    const user=req.nextUrl.searchParams.get("user")
+    let res=await fetch("https://dujiaoka.dwzynj.top/main/api/user/find_password.php?admin="+admin+"&key="+key+"&user="+user, {
+        method: "GET",
+        headers:{
+          "token":token
+        },
+      })
+    let msg=await res.json()
+    // console.log(msg)
+    return new Response(JSON.stringify(msg))
+  } catch (e) {
+    console.error("[shuixian] ", e);
+    return new Response(JSON.stringify(e));
+  }
+}

app/api/user/info/route.ts

@@ -0,0 +1,30 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "../../auth";
+
+export async function GET(req: NextRequest) {
+  try {
+    const authResult = auth(req);
+    if (authResult.error) {
+      return NextResponse.json(authResult, {
+        status: 401,
+      });
+    }
+    const token=req.headers.get("auth") ?? ""
+    const admin=process.env.ADMIN
+    const key=process.env.KEY
+    const user=req.nextUrl.searchParams.get("user")
+    const password=req.nextUrl.searchParams.get("password")
+    let res=await fetch("https://dujiaoka.dwzynj.top/main/api/user/user_data.php?admin="+admin+"&key="+key+"&user="+user+"&password="+password, {
+      method: "GET",
+      headers:{
+        "token":token
+      }
+    })
+    let msg=await res.json()
+    // console.log(msg)
+    return new Response(JSON.stringify(msg))
+  } catch (e) {
+    console.error("[shuixian] ", e);
+    return new Response(JSON.stringify(e));
+  }
+}

app/api/user/kami/route.ts

@@ -0,0 +1,31 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "../../auth";
+
+export async function GET(req: NextRequest) {
+  try {
+    const authResult = auth(req);
+    if (authResult.error) {
+      return NextResponse.json(authResult, {
+        status: 401,
+      });
+    }
+    const token=req.headers.get("auth") ?? ""
+    const admin=process.env.ADMIN
+    const key=process.env.KEY
+    const user=req.nextUrl.searchParams.get("user")
+    const password=req.nextUrl.searchParams.get("password")
+    const code=req.nextUrl.searchParams.get("code")
+    let res=await fetch("https://dujiaoka.dwzynj.top/main/api/kami/use.php?admin="+admin+"&key="+key+"&user="+user+"&password="+password+"&code="+code, {
+        method: "GET",
+        headers:{
+          "token":token
+        },
+      })
+    let msg=await res.json()
+    console.log(msg)
+    return new Response(JSON.stringify(msg))
+  } catch (e) {
+    console.error("[shuixian] ", e);
+    return new Response(JSON.stringify(e));
+  }
+}

app/api/user/login/route.ts

@@ -0,0 +1,19 @@
+import { NextRequest } from "next/server";
+
+export async function GET(req: NextRequest) {
+  try {
+    const admin=process.env.ADMIN
+    const key=process.env.KEY
+    const user=req.nextUrl.searchParams.get("user")
+    const password=req.nextUrl.searchParams.get("password")
+    let res=await fetch("https://dujiaoka.dwzynj.top/main/api/user/login.php?admin="+admin+"&key="+key+"&user="+user+"&password="+password, {
+      method: "GET"
+    })
+    let msg=await res.json()
+    // console.log(msg)
+    return new Response(JSON.stringify(msg))
+  } catch (e) {
+    console.error("[shuixian] ", e);
+    return new Response(JSON.stringify(e));
+  }
+}

app/api/user/mail/route.ts

@@ -0,0 +1,19 @@
+import { NextRequest } from "next/server";
+
+export async function GET(req: NextRequest) {
+  try {
+    const admin=process.env.ADMIN
+    const key=process.env.KEY
+    const user=req.nextUrl.searchParams.get("user")
+    const mail=req.nextUrl.searchParams.get("mail")
+    let res=await fetch("https://dujiaoka.dwzynj.top/main/api/user/code.php?admin="+admin+"&key="+key+"&user="+user+"&mail="+mail, {
+      method: "GET"
+    })
+    let msg=await res.json()
+    // console.log(msg)
+    return new Response(JSON.stringify(msg))
+  } catch (e) {
+    console.error("[shuixian] ", e);
+    return new Response(JSON.stringify(e));
+  }
+}

app/api/user/register/route.ts

@@ -0,0 +1,22 @@
+import { NextRequest } from "next/server";
+
+export async function GET(req: NextRequest) {
+  try {
+    const admin=process.env.ADMIN
+    const key=process.env.KEY
+    const user=req.nextUrl.searchParams.get("user")
+    const password=req.nextUrl.searchParams.get("password")
+    const name=req.nextUrl.searchParams.get("name")
+    const mail=req.nextUrl.searchParams.get("mail")
+    const code=req.nextUrl.searchParams.get("code")
+    let res=await fetch("https://dujiaoka.dwzynj.top/main/api/user/register.php?admin="+admin+"&key="+key+"&user="+user+"&password="+password+"&name="+name+"&mail="+mail+"&code="+code, {
+      method: "GET"
+    })
+    let msg=await res.json()
+    // console.log(msg)
+    return new Response(JSON.stringify(msg))
+  } catch (e) {
+    console.error("[shuixian] ", e);
+    return new Response(JSON.stringify(e));
+  }
+}

app/api/user/set/route.ts

@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "../../auth";
+
+export async function GET(req: NextRequest) {
+  try {
+    const authResult = auth(req);
+    if (authResult.error) {
+      return NextResponse.json(authResult, {
+        status: 401,
+      });
+    }
+    const token=req.headers.get("auth") ?? ""
+    const admin=process.env.ADMIN
+    const key=process.env.KEY
+    const user=req.nextUrl.searchParams.get("user")
+    const project=req.nextUrl.searchParams.get("project")
+    const projectName=req.nextUrl.searchParams.get("projectName")
+    const data=req.nextUrl.searchParams.get("data")
+    let res=await fetch("https://dujiaoka.dwzynj.top/main/api/user/user_set.php?admin="+admin+"&key="+key+"&user="+user+"&project="+project+"&"+projectName+"="+data, {
+        method: "GET",
+        headers:{
+          "token":token
+        },
+      })
+
+    let msg=await res.json()
+    // console.log(msg)
+    return new Response(JSON.stringify(msg))
+  } catch (e) {
+    console.error("[shuixian] ", e);
+    return new Response(JSON.stringify(e));
+  }
+}

app/api/user/sig/route.ts

@@ -0,0 +1,30 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "../../auth";
+
+export async function GET(req: NextRequest) {
+  try {
+    const authResult = auth(req);
+    if (authResult.error) {
+      return NextResponse.json(authResult, {
+        status: 401,
+      });
+    }
+    const token=req.headers.get("auth") ?? ""
+    const admin=process.env.ADMIN
+    const key=process.env.KEY
+    const user=req.nextUrl.searchParams.get("user")
+    const password=req.nextUrl.searchParams.get("password")
+    let res=await fetch("https://dujiaoka.dwzynj.top/main/api/user/user_sig.php?admin="+admin+"&key="+key+"&user="+user+"&password="+password, {
+      method: "GET",
+      headers:{
+        "token":token
+      }
+    })
+    let msg=await res.json()
+    console.log(msg)
+    return new Response(JSON.stringify(msg))
+  } catch (e) {
+    console.error("[shuixian] ", e);
+    return new Response(JSON.stringify(e));
+  }
+}

app/api/wanjuan/route.ts

@@ -1,8 +1,17 @@
-export async function POST(req: Request) {
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "../auth";
+
+export async function POST(req: NextRequest) {
   try {
     let token = process.env.WANJUAN_TOKEN;
     let body = { message: await req.json() };
 
+    const authResult = auth(req);
+    if (authResult.error) {
+    return NextResponse.json(authResult, {
+      status: 401,
+    });
+    }
     console.log(JSON.stringify(body));
     let res = "";
     await fetch("http://47.94.237.159:8080/v1/wanjuan", {

app/components/findpwd.module.scss

@@ -0,0 +1,74 @@
+.name{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  background-color: var(--white);
+  color: var(--black);
+  text-align: left;
+}
+
+.user {
+  padding: 20px;
+  overflow: auto;
+}
+
+.font{
+  font-size: 15px;
+  padding-right: 5px;
+  text-align: center;
+  .wallet{
+    color: #2279ca;
+  };
+  .vipTime{
+    font-size: 8px;
+    padding-top: 5px;
+  };
+  .vipState{
+    color: #dc423c;
+  }
+}
+
+.sigState{
+  color: #2279ca;
+  padding-right: 10px;
+}
+
+.sigButton{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  cursor: pointer;
+  &:hover{
+    border-color: #2279ca;
+  }
+}
+
+.login{
+  text-align: center;
+  div{
+    padding: 10px;
+  }
+}
+
+.wangji{
+  padding-right: 60px;
+  font-size: 12px;
+}
+
+.zhuce{
+  padding-left: 60px;
+  font-size: 12px;
+}
+
+.loginButton{
+  background-color: #1db144;
+  color: white;
+  padding: 0;
+  width: 183px;
+  display: block;
+  margin: 0 auto;
+}

app/components/findpwd.tsx

@@ -0,0 +1,64 @@
+import { ErrorBoundary } from "./error";
+import Locale, { AllLangs, changeLang, getLang } from "../locales";
+import ChatIcon from "../icons/chatgpt.svg"
+import styles from "./findpwd.module.scss";
+import { IconButton } from "./button";
+import { useUserStore } from "../store";
+import { useState } from "react";
+
+
+export function findpwd(){ 
+  const userStore=useUserStore() 
+  const [user, setUser] = useState("");
+
+  const onUser = (text: string) => {
+    setUser(text)
+  };
+
+  const findpwd=()=>{
+    userStore.findpwd(user)
+  }
+
+  return (
+    <ErrorBoundary>
+      <div className="window-header">
+        <div className="window-header-title">
+          <div className="window-header-main-title">
+            {Locale.User.Login}
+          </div>
+          <div className="window-header-sub-title">
+            {Locale.User.LoginTitle}
+          </div>
+        </div>
+      </div>
+
+      <div>
+        <div className={styles.login}>
+          <div><ChatIcon></ChatIcon></div>
+          <div>
+            <input
+              type="input"
+              className={styles.name}
+              placeholder="账号"
+              onInput={(e) => onUser(e.currentTarget.value)}
+              value={user}
+            ></input>
+          </div>
+          <div>
+            <span className={styles.wangji}><a href="/#/login">登录</a></span>
+            <span className={styles.zhuce}><a href="/#/register">注册</a></span>
+          </div>
+          <div>
+            <IconButton
+              text="找回密码"
+              className={styles.loginButton}
+              onClick={()=>{
+                findpwd()
+              }}
+            ></IconButton>
+          </div>
+        </div>
+      </div>
+    </ErrorBoundary>
+  );
+}

app/components/home.tsx

@@ -42,6 +42,22 @@ const Chat = dynamic(async () => (await import("./chat")).Chat, {
   loading: () => <Loading noLogo />,
 });
 
+const User = dynamic(async () => (await import("./user")).User, {
+  loading: () => <Loading noLogo />,
+});
+
+const Findpwd = dynamic(async () => (await import("./findpwd")).findpwd, {
+  loading: () => <Loading noLogo />,
+});
+
+const Login = dynamic(async () => (await import("./login")).Login, {
+  loading: () => <Loading noLogo />,
+});
+
+const Register = dynamic(async () => (await import("./register")).Register, {
+  loading: () => <Loading noLogo />,
+});
+
 const NewChat = dynamic(async () => (await import("./new-chat")).NewChat, {
   loading: () => <Loading noLogo />,
 });
@@ -116,6 +132,10 @@ function Screen() {
           <Route path={Path.NewChat} element={<NewChat />} />
           <Route path={Path.Masks} element={<MaskPage />} />
           <Route path={Path.Chat} element={<Chat />} />
+          <Route path={Path.User} element={<User />} />
+          <Route path={Path.Login} element={<Login />} />
+          <Route path={Path.Findpwd} element={<Findpwd />} />
+          <Route path={Path.Register} element={<Register />} />
           <Route path={Path.Settings} element={<Settings />} />
         </Routes>
       </div>

app/components/login.module.scss

@@ -0,0 +1,74 @@
+.name{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  background-color: var(--white);
+  color: var(--black);
+  text-align: left;
+}
+
+.user {
+  padding: 20px;
+  overflow: auto;
+}
+
+.font{
+  font-size: 15px;
+  padding-right: 5px;
+  text-align: center;
+  .wallet{
+    color: #2279ca;
+  };
+  .vipTime{
+    font-size: 8px;
+    padding-top: 5px;
+  };
+  .vipState{
+    color: #dc423c;
+  }
+}
+
+.sigState{
+  color: #2279ca;
+  padding-right: 10px;
+}
+
+.sigButton{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  cursor: pointer;
+  &:hover{
+    border-color: #2279ca;
+  }
+}
+
+.login{
+  text-align: center;
+  div{
+    padding: 10px;
+  }
+}
+
+.wangji{
+  padding-right: 50px;
+  font-size: 12px;
+}
+
+.zhuce{
+  padding-left: 50px;
+  font-size: 12px;
+}
+
+.loginButton{
+  background-color: #1db144;
+  color: white;
+  padding: 0;
+  width: 183px;
+  display: block;
+  margin: 0 auto;
+}

app/components/login.tsx

@@ -0,0 +1,77 @@
+import { ErrorBoundary } from "./error";
+import Locale, { AllLangs, changeLang, getLang } from "../locales";
+import ChatIcon from "../icons/chatgpt.svg"
+import styles from "./login.module.scss";
+import { IconButton } from "./button";
+import { useUserStore } from "../store";
+import { useState } from "react";
+
+
+export function Login(){ 
+  const userStore=useUserStore() 
+  const [user, setUser] = useState("");
+  const [password, setPassword] = useState("");
+
+  const onUser = (text: string) => {
+    setUser(text)
+  };
+  const onPassword = (text: string) => {
+    setPassword(text)
+  };
+
+  const loginTo=()=>{
+    userStore.login(user,password)
+  }
+
+  return (
+    <ErrorBoundary>
+      <div className="window-header">
+        <div className="window-header-title">
+          <div className="window-header-main-title">
+            {Locale.User.Login}
+          </div>
+          <div className="window-header-sub-title">
+            {Locale.User.LoginTitle}
+          </div>
+        </div>
+      </div>
+
+      <div>
+        <div className={styles.login}>
+          <div><ChatIcon></ChatIcon></div>
+          <div>
+            <input
+              type="input"
+              className={styles.name}
+              placeholder="账号"
+              onInput={(e) => onUser(e.currentTarget.value)}
+              value={user}
+            ></input>
+          </div>
+          <div>
+            <input
+              type="password"
+              className={styles.name}
+              placeholder="密码"
+              onInput={(e) => onPassword(e.currentTarget.value)}
+              value={password}
+            ></input>
+          </div>
+          <div>
+            <span className={styles.wangji}><a href="/#/findpwd">忘记密码</a></span>
+            <span className={styles.zhuce}><a href="/#/register">注册</a></span>
+          </div>
+          <div>
+            <IconButton
+              text="登录"
+              className={styles.loginButton}
+              onClick={()=>{
+                loginTo()
+              }}
+            ></IconButton>
+          </div>
+        </div>
+      </div>
+    </ErrorBoundary>
+  );
+}

app/components/register.module.scss

@@ -0,0 +1,103 @@
+.name{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  background-color: var(--white);
+  color: var(--black);
+  text-align: left;
+}
+
+.code{
+  border: var(--border-in-light);
+  padding: 10px;
+  margin-right: 10px;
+  border-radius: 10px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  background-color: var(--white);
+  color: var(--black);
+  text-align: left;
+  width: 58px;
+}
+
+.codebox{
+  vertical-align: bottom;
+}
+
+.user {
+  padding: 20px;
+  overflow: auto;
+}
+
+.font{
+  font-size: 15px;
+  padding-right: 5px;
+  text-align: center;
+  .wallet{
+    color: #2279ca;
+  };
+  .vipTime{
+    font-size: 8px;
+    padding-top: 5px;
+  };
+  .vipState{
+    color: #dc423c;
+  }
+}
+
+.sigState{
+  color: #2279ca;
+  padding-right: 10px;
+}
+
+.sigButton{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  cursor: pointer;
+  &:hover{
+    border-color: #2279ca;
+  }
+}
+
+.register{
+  text-align: center;
+  div{
+    padding: 10px;
+  }
+}
+
+.wangji{
+  padding-right: 50px;
+  font-size: 12px;
+}
+
+.zhuce{
+  padding-left: 50px;
+  font-size: 12px;
+}
+
+.registerButton{
+  background-color: #1db144;
+  color: white;
+  padding: 0;
+  width: 183px;
+  display: block;
+  margin: 0 auto;
+}
+
+.codeButton{
+  background-color: #1db144;
+  color: white;
+  padding: 0;
+  width: 93px;
+  display: inline;
+  margin: 0 auto;
+  font-size: 8px;
+}

app/components/register.tsx

@@ -0,0 +1,152 @@
+import { ErrorBoundary } from "./error";
+import Locale, { AllLangs, changeLang, getLang } from "../locales";
+import { useUserStore } from "../store";
+import { useEffect, useState } from "react";
+import styles from "./register.module.scss";
+import ChatIcon from "../icons/chatgpt.svg"
+import { IconButton } from "./button";
+import { showToast } from "./ui-lib";
+
+export function Register(){
+  const userStore=useUserStore() 
+  const [userName, setUserName] = useState("");
+  const [getcode, setgetcode] = useState("");
+  const [codeStatus, setcodeStatus] = useState("");
+  const [name, setName] = useState("");
+  const [password, setPassword] = useState("");
+  const [mail, setMail] = useState("");
+  const [code, setCode] = useState("");
+
+  const onUserName = (text: string) => {
+    setUserName(text)
+  };
+  const onName = (text: string) => {
+    setName(text)
+  };
+  const onPassword = (text: string) => {
+    setPassword(text)
+  };
+  const onMail = (text: string) => {
+    setMail(text)
+  };
+  const onCode = (text: string) => {
+    setCode(text)
+  };
+
+  const loginTo=()=>{
+    userStore.register(userName,password,name,mail,code)
+  }
+
+  const getMailCode=()=>{
+    userStore.getMailCode(userName,mail)
+    getCode()
+  }
+  var countdown=60;
+  const getCode=()=>{
+      if (countdown == 0) {
+          setcodeStatus("")
+          setgetcode("发送验证码")
+          countdown = 60;
+          return;
+      } else {
+          setcodeStatus("true")
+          setgetcode("(" + countdown + ")")
+          countdown--;
+      }
+      setTimeout(function() {
+              getCode() }
+          ,1000)
+  }
+
+  useEffect(()=>{
+    setcodeStatus("")
+    setgetcode("发送验证码")
+  },[])
+
+  return (
+    <ErrorBoundary>
+      <div className="window-header">
+        <div className="window-header-title">
+          <div className="window-header-main-title">
+            {Locale.User.Login}
+          </div>
+          <div className="window-header-sub-title">
+            {Locale.User.LoginTitle}
+          </div>
+        </div>
+      </div>
+
+      <div>
+        <div className={styles.register}>
+          <div><ChatIcon></ChatIcon></div>
+          <div>
+            <input
+              type="input"
+              className={styles.name}
+              placeholder="呢称"
+              onInput={(e) => onName(e.currentTarget.value)}
+              value={name}
+            ></input>
+          </div>
+          <div>
+            <input
+              type="input"
+              className={styles.name}
+              placeholder="账号 (纯数字)"
+              onInput={(e) => onUserName(e.currentTarget.value)}
+              value={userName}
+            ></input>
+          </div>
+          <div>
+            <input
+              type="password"
+              className={styles.name}
+              placeholder="密码 (最少六位)"
+              onInput={(e) => onPassword(e.currentTarget.value)}
+              value={password}
+            ></input>
+          </div>
+          <div>
+            <input
+              type="input"
+              className={styles.name}
+              placeholder="邮箱"
+              onInput={(e) => onMail(e.currentTarget.value)}
+              value={mail}
+            ></input>
+          </div>
+          <div className={styles.codebox}>
+            <input
+              type="input"
+              className={styles.code}
+              placeholder="验证码"
+              onInput={(e) => onCode(e.currentTarget.value)}
+              value={code}
+            ></input>
+            <IconButton
+              disabled={!!codeStatus}
+              text={getcode}
+              className={styles.codeButton}
+              onClick={()=>{
+                getMailCode()
+              }}
+            ></IconButton>
+          </div>
+          <div>
+            <span className={styles.wangji}><a href="/#/findpwd">忘记密码</a></span>
+            <span className={styles.zhuce}><a href="/#/login">登录</a></span>
+          </div>
+          <div>
+            <IconButton
+              text="注册"
+              className={styles.registerButton}
+              onClick={()=>{
+                loginTo()
+              }}
+            ></IconButton>
+          </div>
+        </div>
+      </div>
+    </ErrorBoundary>
+  );
+}

app/components/settings.tsx

@@ -23,6 +23,7 @@ import {
   useAppConfig,
   ALL_BOT,
   ModalConfigValidator,
+  useUserStore,
 } from "../store";
 
 import Locale, { AllLangs, changeLang, getLang } from "../locales";
@@ -292,6 +293,7 @@ export function Settings() {
               onClick={() => {
                 if (confirm(Locale.Settings.Actions.ConfirmClearAll)) {
                   chatStore.clearAllData();
+                  useUserStore.getState().reset();
                 }
               }}
               bordered
@@ -322,7 +324,7 @@ export function Settings() {
       </div>
       <div className={styles["settings"]}>
         <List>
-          <ListItem title={Locale.Settings.Avatar}>
+          {/* <ListItem title={Locale.Settings.Avatar}>
             <Popover
               onClose={() => setShowEmojiPicker(false)}
               content={
@@ -342,7 +344,7 @@ export function Settings() {
                 <Avatar avatar={config.avatar} />
               </div>
             </Popover>
-          </ListItem>
+          </ListItem> */}
 
           {/* <ListItem
             title={Locale.Settings.Update.Version(currentVersion ?? "unknown")}
@@ -507,7 +509,7 @@ export function Settings() {
             </ListItem>
           ) : null}
 
-          <ListItem
+          {/* <ListItem
             title={Locale.Settings.Usage.Title}
             subTitle={
               showUsage
@@ -529,7 +531,7 @@ export function Settings() {
                 onClick={() => checkUsage(true)}
               />
             )}
-          </ListItem>
+          </ListItem> */}
         </List>
 
         <List>

app/components/sidebar.tsx

@@ -174,9 +174,9 @@ export function SideBar(props: { className?: string }) {
             </Link>
           </div>
           <div className={styles["sidebar-action"]}>
-            <a target="_blank">
+          <Link to={Path.User}>
               <IconButton icon={<GithubIcon />} shadow />
-            </a>
+            </Link>
           </div>
         </div>
         <div>

app/components/ui-lib.tsx

@@ -5,7 +5,7 @@ import EyeIcon from "../icons/eye.svg";
 import EyeOffIcon from "../icons/eye-off.svg";
 
 import { createRoot } from "react-dom/client";
-import React, { HTMLProps, useEffect, useState } from "react";
+import React, { HTMLProps, useEffect, useState} from "react";
 import { IconButton } from "./button";
 
 export function Popover(props: {

app/components/user.module.scss

@@ -0,0 +1,84 @@
+.name{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  background-color: var(--white);
+  color: var(--black);
+  text-align: right;
+}
+
+.kamicode{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  background-color: var(--white);
+  color: var(--black);
+  text-align: right;
+}
+
+.kamiButton{
+  display: inline;
+  margin-left: 10px;
+  background-color: #e8f8ff;
+  div{
+    margin-right: 5px;
+  }
+}
+
+.avatar {
+  cursor: pointer;
+}
+
+.user {
+  padding: 20px;
+  overflow: auto;
+  height: 100%;
+}
+
+.font{
+  font-size: 15px;
+  padding-right: 5px;
+  text-align: center;
+  .wallet{
+    color: #2279ca;
+  };
+  .vipTime{
+    font-size: 8px;
+    padding-top: 5px;
+  };
+  .vipState{
+    color: #dc423c;
+  }
+}
+
+.sigState{
+  color: #2279ca;
+  padding-right: 10px;
+}
+
+.sigButton{
+  border: var(--border-in-light);
+  padding: 10px;
+  border-radius: 10px;
+  cursor: pointer;
+  &:hover{
+    border-color: #2279ca;
+  }
+}
+
+.logoutButton{
+  background-color: #fc090f;
+  text-align: center;
+  color: white;
+  div{
+    margin-right: 5px;
+  }
+}

app/components/user.tsx

@@ -0,0 +1,180 @@
+import { useState, useEffect } from "react";
+
+import styles from "./user.module.scss";
+import EditIcon from "../icons/edit.svg";
+import { List, ListItem, Popover, showModal, showToast } from "./ui-lib";
+
+import { IconButton } from "./button";
+import {
+  useAccessStore,
+  useAppConfig,
+} from "../store";
+
+import Locale from "../locales";
+import { Path } from "../constant";
+import { ErrorBoundary } from "./error";
+import { useNavigate } from "react-router-dom";
+import { Avatar, AvatarPicker } from "./emoji";
+import { useUserStore } from "../store/user";
+
+export function User() {
+  const navigate = useNavigate();
+  const [showEmojiPicker, setShowEmojiPicker] = useState(false);
+  const config = useAppConfig();
+  const updateConfig = config.update;
+
+  const accessStore = useAccessStore();
+  const userStor = useUserStore()
+
+  const [userName, setUserName] = useState("");
+  const [kami, setKami] = useState("");
+  const onUserName = (text: string) => {
+    setUserName(text)
+    userStor.updateName(userName)
+  };
+
+  function getVipTime(){
+    if(!userStor.vip_time_stmp){
+      return ""
+    }
+    let time=new Date().getTime();
+    console.log(time)
+    time=time+Number(userStor.vip_time_stmp)*1000
+    console.log(time)
+    const date = new Date(time)
+    const Y = date.getFullYear()
+    const M = date.getMonth() + 1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1 
+    const D = date.getDate()
+    return `${Y} - ${M} - ${D}`
+  }
+
+  useEffect(()=>{
+    setUserName(()=>{return userStor.name;})
+  },[])
+
+  useEffect(() => {
+    const keydownEvent = (e: KeyboardEvent) => {
+      if (e.key === "Escape") {
+        navigate(Path.Home);
+      }
+    };
+    document.addEventListener("keydown", keydownEvent);
+    return () => {
+      document.removeEventListener("keydown", keydownEvent);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <ErrorBoundary>
+      <div className="window-header">
+        <div className="window-header-title">
+          <div className="window-header-main-title">
+            {Locale.User.Title}
+          </div>
+          <div className="window-header-sub-title">
+            {Locale.User.SubTitle}
+          </div>
+        </div>
+      </div>
+      <div className={styles["user"]}>
+        <List>
+          <ListItem title={Locale.Settings.Avatar}>
+            <Popover
+              onClose={() => setShowEmojiPicker(false)}
+              content={
+                <AvatarPicker
+                  onEmojiClick={(avatar: string) => {
+                    updateConfig((config) => (config.avatar = avatar));
+                    setShowEmojiPicker(false);
+                  }}
+                />
+              }
+              open={showEmojiPicker}
+            >
+              <div
+                className={styles.avatar}
+                onClick={() => setShowEmojiPicker(true)}
+              >
+                <Avatar avatar={config.avatar} />
+              </div>
+            </Popover>
+          </ListItem>
+
+          <ListItem title={Locale.User.Name}>
+          <input
+              type="input"
+              className={styles.name}
+              value={userName}
+              disabled={!accessStore.auth}
+              onBlur={(e)=>{onUserName(e.currentTarget.value)}}
+              onChange={(e)=>{setUserName(e.currentTarget.value)}}
+            ></input>
+          </ListItem>
+
+          <ListItem title={Locale.User.Mail}>
+          <span>{userStor.mail}</span>
+          </ListItem>
+
+          <ListItem title={Locale.User.Wallet}>
+          <div className={styles.font} >
+            剩余积分：<span className={styles.wallet}>{userStor.wallet}</span>
+            </div>
+          </ListItem>
+
+          <ListItem title={Locale.User.Vip}>
+            <div className={styles.font}>
+              <div className={styles.vipState}>{userStor.vip_state=="已开通"?"VIP":"非VIP"}</div>
+              <div className={styles.vipTime}>{getVipTime()}</div>
+            </div>
+          </ListItem>
+
+          <ListItem title={Locale.User.kami}>
+            <div>
+              <input
+                  type="input"
+                  className={styles.kamicode}
+                  value={kami}
+                  onChange={(e)=>{setKami(e.currentTarget.value)}}>
+                </input>
+                <IconButton
+                className={styles.kamiButton}
+                disabled={!accessStore.auth}
+                text="兑换"
+                onClick={()=>{
+                  userStor.useKami(kami)
+                  setKami("")
+                }}
+              />
+            </div>
+          </ListItem>
+
+          <ListItem title={Locale.User.SigState}>
+                <IconButton
+                icon={<EditIcon />}
+                disabled={!accessStore.auth || userStor.sig_state=="已签到"}
+                text="签到"
+                onClick={()=>{
+                  userStor.userSig()
+                }}
+              />
+          </ListItem>
+
+          <ListItem title={Locale.User.Ststus}>
+                <IconButton
+                className={styles.logoutButton}
+                disabled={!accessStore.auth}
+                text="登出"
+                onClick={()=>{
+                  accessStore.updateAuth("")
+                  userStor.reset()
+                  showToast("登出成功！")
+                }}
+              />
+          </ListItem>
+        </List>
+      </div>
+    </ErrorBoundary>
+  );
+}
+

app/config/server.ts

@@ -37,10 +37,10 @@ export const getServerSideConfig = () => {
     apiKey: process.env.OPENAI_API_KEY,
     code: process.env.CODE,
     codes: ACCESS_CODES,
-    needCode: ACCESS_CODES.size > 0,
+    needCode: ACCESS_CODES.size,
     proxyUrl: process.env.PROXY_URL,
     isVercel: !!process.env.VERCEL,
-    hideUserApiKey: !!process.env.HIDE_USER_API_KEY,
+    hideUserApiKey: !!process.env.HIDE_USER_API_KEY || true,
     enableGPT4: !process.env.DISABLE_GPT4,
   };
 };

app/constant.ts

@@ -10,9 +10,13 @@ export const RUNTIME_CONFIG_DOM = "danger-runtime-config";
 export enum Path {
   Home = "/",
   Chat = "/chat",
+  User = "/user",
   Settings = "/settings",
   NewChat = "/new-chat",
   Masks = "/masks",
+  Login = "/login",
+  Register = "/register",
+  Findpwd = "/findpwd"
 }
 
 export enum SlotID {
@@ -31,6 +35,7 @@ export enum StoreKey {
   Mask = "mask-store",
   Prompt = "prompt-store",
   Update = "chat-update",
+  User = "chat-user"
 }
 
 export const MAX_SIDEBAR_WIDTH = 500;

app/locales/cn.ts

@@ -4,7 +4,7 @@ const cn = {
   WIP: "该功能仍在开发中……",
   Error: {
     Unauthorized:
-    "访问密码不正确或为空，请前往[设置](/#/settings)页输入正确的访问密码，或者填入你自己的 OpenAI API Key。",
+    "尚未登录，请前往[登录](/#/login)页登录。",
   },
   ChatItem: {
     ChatItemCount: (count: number) => `${count} 条对话`,
@@ -56,6 +56,21 @@ const cn = {
     DeleteToast: "已删除会话",
     Revert: "撤销",
   },
+  User:{
+    Title: "用户",
+    SubTitle: "用户信息界面",
+    Login:"登录",
+    LoginTitle:"用户登录",
+    Register:"注册",
+    RegisterTitle:"注册新用户",
+    Name:"用户名",
+    Wallet:"用户积分",
+    Mail:"用户邮箱",
+    SigState:"签到状态",
+    Ststus:"登出",
+    Vip:"会员",
+    kami:"兑换码"
+  },
   Settings: {
     Title: "设置",
     SubTitle: "设置选项",

app/locales/de.ts

@@ -58,6 +58,17 @@ const de: LocaleType = {
     DeleteToast: "Chat gelöscht",
     Revert: "Zurücksetzen",
   },
+  User:{
+    Title: "用户",
+    SubTitle: "用户信息界面",
+    Actions: {
+      ClearAll: "清除所有数据",
+      ResetAll: "重置所有选项",
+      Close: "关闭",
+      ConfirmResetAll: "确认重置所有配置？",
+      ConfirmClearAll: "确认清除所有数据？",
+    },
+  },
   Settings: {
     Title: "Einstellungen",
     SubTitle: "Alle Einstellungen",

app/locales/en.ts

@@ -58,6 +58,17 @@ const en: LocaleType = {
     DeleteToast: "Chat Deleted",
     Revert: "Revert",
   },
+  User:{
+    Title: "用户",
+    SubTitle: "用户信息界面",
+    Actions: {
+      ClearAll: "清除所有数据",
+      ResetAll: "重置所有选项",
+      Close: "关闭",
+      ConfirmResetAll: "确认重置所有配置？",
+      ConfirmClearAll: "确认清除所有数据？",
+    },
+  },
   Settings: {
     Title: "Settings",
     SubTitle: "All Settings",

app/locales/es.ts

@@ -58,6 +58,17 @@ const es: LocaleType = {
     DeleteToast: "Chat Deleted",
     Revert: "Revert",
   },
+  User:{
+    Title: "用户",
+    SubTitle: "用户信息界面",
+    Actions: {
+      ClearAll: "清除所有数据",
+      ResetAll: "重置所有选项",
+      Close: "关闭",
+      ConfirmResetAll: "确认重置所有配置？",
+      ConfirmClearAll: "确认清除所有数据？",
+    },
+  },
   Settings: {
     Title: "Configuración",
     SubTitle: "Todas las configuraciones",

app/locales/it.ts

@@ -58,6 +58,17 @@ const it: LocaleType = {
     DeleteToast: "Chat Cancellata",
     Revert: "Revert",
   },
+  User:{
+    Title: "用户",
+    SubTitle: "用户信息界面",
+    Actions: {
+      ClearAll: "清除所有数据",
+      ResetAll: "重置所有选项",
+      Close: "关闭",
+      ConfirmResetAll: "确认重置所有配置？",
+      ConfirmClearAll: "确认清除所有数据？",
+    },
+  },
   Settings: {
     Title: "Impostazioni",
     SubTitle: "Tutte le impostazioni",

app/locales/jp.ts

@@ -58,6 +58,17 @@ const jp: LocaleType = {
     DeleteToast: "チャットが削除されました",
     Revert: "元に戻す",
   },
+  User:{
+    Title: "用户",
+    SubTitle: "用户信息界面",
+    Actions: {
+      ClearAll: "清除所有数据",
+      ResetAll: "重置所有选项",
+      Close: "关闭",
+      ConfirmResetAll: "确认重置所有配置？",
+      ConfirmClearAll: "确认清除所有数据？",
+    },
+  },
   Settings: {
     Title: "設定",
     SubTitle: "設定オプション",

app/locales/tr.ts

@@ -58,6 +58,17 @@ const tr: LocaleType = {
     DeleteToast: "Sohbet Silindi",
     Revert: "Geri Al",
   },
+  User:{
+    Title: "用户",
+    SubTitle: "用户信息界面",
+    Actions: {
+      ClearAll: "清除所有数据",
+      ResetAll: "重置所有选项",
+      Close: "关闭",
+      ConfirmResetAll: "确认重置所有配置？",
+      ConfirmClearAll: "确认清除所有数据？",
+    },
+  },
   Settings: {
     Title: "Ayarlar",
     SubTitle: "Tüm Ayarlar",

app/locales/tw.ts

@@ -56,6 +56,17 @@ const tw: LocaleType = {
     DeleteToast: "已刪除對話",
     Revert: "撤銷",
   },
+  User:{
+    Title: "用户",
+    SubTitle: "用户信息界面",
+    Actions: {
+      ClearAll: "清除所有数据",
+      ResetAll: "重置所有选项",
+      Close: "关闭",
+      ConfirmResetAll: "确认重置所有配置？",
+      ConfirmClearAll: "确认清除所有数据？",
+    },
+  },
   Settings: {
     Title: "設定",
     SubTitle: "設定選項",

app/requests.ts

@@ -6,6 +6,7 @@ import {
   useAccessStore,
   useAppConfig,
   useChatStore,
+  useUserStore,
 } from "./store";
 import { showToast } from "./components/ui-lib";
 import { ACCESS_CODE_PREFIX } from "./constant";
@@ -87,6 +88,8 @@ function getHeaders() {
     );
   }
 
+  headers.Auth=useAccessStore.getState().auth.trim()
+
   return headers;
 }
 
@@ -170,6 +173,21 @@ export async function requestUsage() {
   };
 }
 
+function updateWallet() {
+  fetch("/api/user/set?user="+useUserStore.getState().user+"&project=wallet&projectName=num&data=1",{
+    method:"GET",
+    headers:{
+      ...getHeaders()
+    }
+  })
+  if(useUserStore.getState().wallet>0){
+    useUserStore.getState().updateWallet(1)
+    return true
+  }else{
+    return false
+  }
+}
+
 export async function requestChatStream(
   messages: Message[],
   options?: {
@@ -180,6 +198,12 @@ export async function requestChatStream(
     onController?: (controller: AbortController) => void;
   },
 ) {
+  if(useUserStore.getState().vip_state=="未开通"){
+    if(!updateWallet()){
+      options?.onMessage("积分不足请充值或开通会员！", true);
+      return
+    }
+  }
   const Bot = useAppConfig.getState().bot;
   if (Bot == "OpenAI") {
     const req = makeRequestParam(messages, {
@@ -238,7 +262,6 @@ export async function requestChatStream(
             break;
           }
         }
-
         finish();
       } else if (res.status === 401) {
         console.error("Unauthorized");
@@ -267,7 +290,8 @@ export async function requestChatStream(
       });
 
       clearTimeout(reqTimeoutId);
-      const reg = /^['|"](.*)['|"]$/;
+      if(res.ok){
+        const reg = /^['|"](.*)['|"]$/;
       const response = (await res.json()) as ChatImagesResponse;
       options?.onMessage(
         "![image](" +
@@ -276,6 +300,10 @@ export async function requestChatStream(
         true,
       );
       controller.abort();
+      }else if(res.status === 401){
+        console.error("Unauthorized");
+        options?.onError(new Error("Unauthorized"), res.status);
+      }
     } catch (err) {
       console.error("NetWork Error", err);
       options?.onMessage("请换一个问题试试吧", true);
@@ -295,8 +323,8 @@ export async function requestChatStream(
       });
 
       clearTimeout(reqTimeoutId);
-
-      let message = await res.text();
+      if(res.ok){
+        let message = await res.text();
       // let responseText = "";
       // for (let i = 1; i <= message.length; i++) {
       //   // handle time out, will stop if no response in 10 secs
@@ -307,6 +335,10 @@ export async function requestChatStream(
       // }
       options?.onMessage(message, true);
       controller.abort();
+      }else if(res.status === 401){
+        console.error("Unauthorized");
+        options?.onError(new Error("Unauthorized"), res.status);
+      }
     } catch (err) {
       console.error("NetWork Error", err);
       options?.onMessage("请换一个问题试试吧", true);
@@ -326,8 +358,13 @@ export async function requestChatStream(
       });
 
       clearTimeout(reqTimeoutId);
-      options?.onMessage(await res.text(), true);
+      if(res.ok){
+        options?.onMessage(await res.text(), true);
       controller.abort();
+      }else if(res.status === 401){
+        console.error("Unauthorized");
+        options?.onError(new Error("Unauthorized"), res.status);
+      }
     } catch (err) {
       console.error("NetWork Error", err);
       options?.onMessage("请换一个问题试试吧", true);
@@ -407,7 +444,6 @@ export async function requestChatStream(
             break;
           }
         }
-
         finish();
       } else if (res.status === 401) {
         console.error("Unauthorized");

app/store/access.ts

@@ -7,14 +7,16 @@ import { ALL_MODELS } from "./config";
 export interface AccessControlStore {
   accessCode: string;
   token: string;
+  auth: string;
 
-  needCode: boolean;
+  needCode: number;
   hideUserApiKey: boolean;
   openaiUrl: string;
 
   updateToken: (_: string) => void;
   updateCode: (_: string) => void;
-  enabledAccessControl: () => boolean;
+  updateAuth: (_: string) => void;
+  enabledAccessControl: () => number;
   isAuthorized: () => boolean;
   fetch: () => void;
 }
@@ -25,9 +27,10 @@ export const useAccessStore = create<AccessControlStore>()(
   persist(
     (set, get) => ({
       token: "",
+      auth: "",
       accessCode: "",
-      needCode: true,
-      hideUserApiKey: false,
+      needCode: 0,
+      hideUserApiKey: true,
       openaiUrl: "/api/openai/",
 
       enabledAccessControl() {
@@ -41,11 +44,14 @@ export const useAccessStore = create<AccessControlStore>()(
       updateToken(token: string) {
         set(() => ({ token }));
       },
+      updateAuth(token: string) {
+        set(() => ({ auth:token }));
+      },
       isAuthorized() {
         get().fetch();
         // has token or has code or disabled access control
         return (
-          !!get().token || !!get().accessCode || !get().enabledAccessControl()
+          !!get().token || !!get().accessCode || !!get().enabledAccessControl() || !!get().auth
         );
       },
       fetch() {

app/store/index.ts

@@ -1,4 +1,5 @@
 export * from "./chat";
+export * from "./user";
 export * from "./update";
 export * from "./access";
 export * from "./config";

app/store/user.ts

@@ -0,0 +1,227 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { StoreKey } from "../constant";
+import { showToast } from "../components/ui-lib";
+import { useAccessStore } from "./access";
+
+function getHeaders() {
+  let headers: Record<string, string> = {};
+  headers.Auth=useAccessStore.getState().auth.trim()
+  return headers;
+}
+
+export interface shuixianRes{
+  code: number,
+  msg: string,
+  token: string,
+  data:{
+    name:string,
+    head:string,
+    signatrue:string,
+    wallet:number,
+    vip_state:string,
+    vip_time_stmp:string,
+    ban:string,
+    sig_state:string,
+    title:string,
+    mail:string
+  }
+}
+
+export interface UserStore {
+    user:string;
+    password:string;
+    name:string;
+    wallet:number;
+    vip_state:string;
+    vip_time_stmp:string;
+    mail:string;
+    sig_state:string;
+    head:string;
+    update: (updater: (user: UserInfo) => void) => void;
+    login: (userName:string,password:string) => void;
+    register: (user:string,password:string,name:string,mail:string,code:string) => void;
+    getMailCode: (user:string,mail:string) => void;
+    userSig: () => void;
+    reset: () => void;
+    updateUser: (user:string) => void;
+    updatePassword: (password:string) => void;
+    updateInfo: (
+      name:string,
+      wallet:number,
+      vip_state:string,
+      vip_time_stmp:string,
+      mail:string,
+      sig_state:string,
+      head:string) => void;
+    updateWallet:(wallet:number) => void;
+    updateName:(name:string) => void;
+    getUserInfo:() => void;
+    findpwd:(user:string) => void;
+    useKami:(code:string) => void;
+}
+export const DEFAULT_USER = {
+    user:"",
+    password:"",
+    name:"",
+    wallet:0,
+    vip_state:"",
+    vip_time_stmp:"",
+    mail:"",
+    sig_state:"",
+    head:""
+}
+export type UserInfo = typeof DEFAULT_USER;
+export const useUserStore = create<UserStore>()(
+  persist(
+    (set, get) => ({
+        ...DEFAULT_USER,
+        update(updater) {
+            const config = { ...get() };
+            updater(config);
+            set(() => config);
+          },
+        updateInfo(
+          name:string,
+          wallet:number,
+          vip_state:string,
+          vip_time_stmp:string,
+          mail:string,
+          sig_state:string,
+          head:string){
+            set(()=>({
+              name:name,
+              wallet:wallet,
+              vip_state:vip_state,
+              vip_time_stmp:vip_time_stmp,
+              mail:mail,
+              sig_state:sig_state,
+              head:head
+            }))
+        },
+        reset() {
+          set(() => ({ ...DEFAULT_USER }));
+        },
+        updateUser(user:string){
+          set(() => ({ user:user }));
+        },
+        async updateName(name:string){
+          let res=await fetch("/api/user/set?user="+get().user+"&project=name&projectName=name&data="+name,{
+            method: "GET",
+            headers:{
+              ...getHeaders()
+            }
+          });
+          let response = await res.json() as shuixianRes
+          console.log(response)
+          showToast(response.msg)
+          if(response.code==1){
+            await this.getUserInfo()
+          }
+        },
+        updatePassword(password:string){
+          set(() => ({ password:password }));
+        },
+        updateWallet(wallet:number){
+          set(() => ({ wallet:get().wallet-wallet }));
+        },
+        async login(user, password) {
+          let res=await fetch("/api/user/login?user="+user+"&password="+password,{
+            method: "GET"
+          });
+          let response = await res.json() as shuixianRes
+          console.log(response)
+          if(response.code=1){
+            useUserStore.getState().updateUser(user)
+            useUserStore.getState().updatePassword(password)
+            useAccessStore.getState().updateAuth(response.token)
+            window.location.href="/#/chat"
+            await this.getUserInfo()
+          }else{
+            showToast(response.msg)
+          }
+        },
+        async register(user, password, name, mail, code) {
+          let res=await fetch("/api/user/register?user="+user+"&password="+password+"&name="+name+"&mail="+mail+"&code="+code,{
+            method: "GET"
+          });
+          let response = await res.json() as shuixianRes
+          console.log(response)
+          if(response.code=1){
+            showToast(response.msg)
+            window.location.href="/#/login"
+          }else{
+            showToast(response.msg)
+          }
+        },
+        async getMailCode(user:string,mail:string) {
+          let res=await fetch("/api/user/mail?user="+user+"&mail="+mail,{
+            method: "GET"
+          });
+          let response = await res.json() as shuixianRes
+          console.log(response)
+          showToast(response.msg)
+        },
+        async userSig() {
+          let res=await fetch("/api/user/sig?user="+get().user+"&password="+get().password,{
+            method: "GET",
+            headers:{
+              ...getHeaders()
+            }
+          });
+          let response = await res.json() as shuixianRes
+          console.log(response)
+          showToast(response.msg)
+          if(response.code==1){
+            await this.getUserInfo()
+          }
+        },
+        async getUserInfo() {
+          let resdata=await fetch("/api/user/info?user="+get().user+"&password="+get().password,{
+            method: "GET",
+            headers:{
+              ...getHeaders()
+            }
+          });
+          let responsedata=await resdata.json() as shuixianRes
+          let data=responsedata.data
+          this.updateInfo(data.name,data.wallet,data.vip_state,data.vip_time_stmp,data.mail,data.sig_state,data.head)
+        },
+        async findpwd(user) {
+          let res=await fetch("/api/user/findpwd?user="+user,{
+            method: "GET",
+            headers:{
+              ...getHeaders()
+            }
+          });
+          let response = await res.json() as shuixianRes
+          console.log(response)
+          if(response.code==1){
+            showToast("密码已发送至您的邮箱，请注意查收！")
+          }else{
+            showToast(response.msg)
+          }
+        },
+        async useKami(code) {
+          let res=await fetch("/api/user/kami?user="+get().user+"&password="+get().password+"&code="+code,{
+            method: "GET",
+            headers:{
+              ...getHeaders()
+            }
+          });
+          let response = await res.json() as shuixianRes
+          console.log(response)
+          if(response.code==1){
+            showToast(response.msg)
+            await this.getUserInfo()
+          }else{
+            showToast(response.msg)
+          }
+        },
+    }),
+    {
+      name: StoreKey.User,
+      version: 1,
+    },
+  ),
+);