feat: remove infrequently used features

README.md

@@ -15,8 +15,6 @@
 - `GOOGLE_API_KEY`：用于 Google 搜索插件（可选）
 - `GOOGLE_ENGINE_ID`：用于 Google 搜索插件（可选）
 
-_Google 的 Gemini 模型需要使用 [OneAPI](https://github.com/songquanpeng/one-api) 进行接口分发_
-
 ## 🚀 本地运行
 
 1. 克隆仓库：

app/api/chat/route.ts

@@ -7,10 +7,7 @@ import { NextResponse } from "next/server";
 export const runtime = "edge";
 
 export async function POST(req: Request) {
-  const { messages, config, contextIndex } = await req.json();
-  if (contextIndex) {
-    messages.splice(0, contextIndex);
-  }
+  const { messages, config } = await req.json();
 
   try {
     const result = await streamText({
@@ -19,9 +16,9 @@ export async function POST(req: Request) {
       model: getOpenAI(config.apiKey).chat(config.model),
       system: config.systemPrompt ? systemPrompt() : undefined,
       messages: messages,
-      maxSteps: 3,
+      maxSteps: 6,
       tools: Object.fromEntries(
-        Object.entries(tools).filter(([key]) => config.plugins[key]?.enabled),
+        Object.entries(tools).filter(([key]) => config.plugins[key] === true),
       ),
     });
 

components/button-icon.tsx

@@ -2,7 +2,7 @@
 import React, { ReactElement } from "react";
 import { GITHUB_URL, VERSION } from "@/lib/constants";
 import { Button } from "@/components/ui/button";
-import { Cat, GithubIcon, Layers2, RotateCcwSquare } from "lucide-react";
+import { GithubIcon } from "lucide-react";
 import { clsx } from "clsx";
 
 function ButtonIcon({
@@ -46,35 +46,3 @@ export function GithubButton() {
     />
   );
 }
-
-export function HomeButton() {
-  return (
-    <ButtonIcon
-      url="/"
-      text="去聊天"
-      icon={<RotateCcwSquare size={20} strokeWidth={1.8} />}
-    />
-  );
-}
-
-export function ImageButton() {
-  return (
-    <ButtonIcon
-      url="/image"
-      text="文生图"
-      icon={<Cat size={20} strokeWidth={1.8} />}
-      textClass="hidden sm:block"
-    />
-  );
-}
-
-export function ShortcutButton() {
-  return (
-    <ButtonIcon
-      url="/shortcut"
-      text="快捷应用"
-      icon={<Layers2 size={20} strokeWidth={1.8} />}
-      textClass="hidden sm:block"
-    />
-  );
-}

components/chat-body.tsx

@@ -1,33 +1,25 @@
 import React, { useEffect, useRef, useState } from "react";
 import ChatMsg from "@/components/chat-msg";
 import { Message } from "ai";
-import { useChatStore } from "@/lib/store/chat";
-import Dividers from "@/components/dividers";
 import { emitter, mittKey } from "@/lib/mitt";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Loader } from "lucide-react";
 
 function ChatBody({
   isLoading,
   messages,
-  contextIndex,
   reload,
   deleteMsg,
   editMsg,
 }: {
   isLoading: boolean;
   messages: Message[];
-  contextIndex: number;
   reload: () => void;
   deleteMsg: (index: number) => void;
   editMsg: (index: number, content: string) => void;
 }) {
   const scrollRef = useRef<HTMLDivElement>(null);
   const [autoScroll, setAutoScroll] = useState(false);
-  const [currentIndex, clearContextHistory] = useChatStore((state) => [
-    state.currentIndex,
-    state.clearContextHistory,
-  ]);
 
   useEffect(() => {
     (scrollRef.current!.firstElementChild as HTMLDivElement).style.display =
@@ -48,10 +40,6 @@ function ChatBody({
     scrollTo();
   });
 
-  useEffect(() => {
-    scrollTo();
-  }, [currentIndex]);
-
   function scrollTo() {
     requestAnimationFrame(() => {
       if (
@@ -89,16 +77,11 @@ function ChatBody({
             <ChatMsg
               index={index}
               msg={value}
-              deleteMsg={
-                !isLoading && index >= contextIndex ? deleteMsg : undefined
-              }
-              editMsg={
-                !isLoading && index >= contextIndex ? editMsg : undefined
-              }
+              deleteMsg={!isLoading ? deleteMsg : undefined}
+              editMsg={!isLoading ? editMsg : undefined}
               reload={
                 !isLoading &&
                 index === messages.length - 1 &&
-                index >= contextIndex &&
                 (index != 0 || value.role === "user")
                   ? reload
                   : undefined
@@ -109,14 +92,6 @@ function ChatBody({
                 value.role === "assistant"
               }
             />
-            {index === contextIndex - 1 && (
-              <Dividers
-                text="上下文已清除"
-                className="pb-2"
-                hoverText={!isLoading ? "清除历史记录" : undefined}
-                hoverClick={clearContextHistory}
-              />
-            )}
           </div>
         );
       })}

components/chat-input.tsx

@@ -2,7 +2,6 @@ import React, { ChangeEventHandler, useState } from "react";
 import Textarea from "@/components/textarea";
 import { Button } from "@/components/ui/button";
 import {
-  Archive,
   MessageCircleOff,
   PauseCircle,
   RefreshCcw,
@@ -19,15 +18,13 @@ function ChatInput({
   handleInputChange,
   handleSubmit,
   stop,
-  updateContext,
 }: {
   isLoading: boolean;
   input: string;
   setInput: React.Dispatch<React.SetStateAction<string>>;
   handleInputChange: ChangeEventHandler<HTMLTextAreaElement>;
   handleSubmit: ChangeEventHandler<HTMLFormElement>;
   stop: () => void;
-  updateContext: () => void;
 }) {
   const resetSession = useChatStore((state) => state.resetSession);
 
@@ -58,21 +55,6 @@ function ChatInput({
   return (
     <form onSubmit={handleSubmit} className="relative p-3 pt-1">
       <div className="mb-1.5">
-        <TooltipWrap
-          content="清除上下文"
-          triggerAsChild={true}
-          trigger={
-            <Button
-              type="button"
-              className="h-8"
-              size="icon"
-              variant="ghost"
-              onClick={updateContext}
-            >
-              <Archive strokeWidth={1.5} size={22} />
-            </Button>
-          }
-        />
         {!isLoading && (
           <TooltipWrap
             content="重置聊天"

components/chat.tsx

@@ -1,12 +1,12 @@
 "use client";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect } from "react";
 import ChatBody from "@/components/chat-body";
 import ChatInput from "@/components/chat-input";
 import { useChat } from "ai/react";
 import { toast } from "sonner";
 import { useChatID, useChatStore } from "@/lib/store/chat";
 import { PROMPT_TOPIC } from "@/lib/constants";
-import { throttle, trimTopic } from "@/lib/utils";
+import { trimTopic } from "@/lib/utils";
 import { useConfig } from "@/lib/store/config-chat";
 import { emitter, mittKey } from "@/lib/mitt";
 import { Separator } from "@/components/ui/separator";
@@ -35,18 +35,13 @@ function Chat() {
     stop,
   } = useChat({
     id: useChatID(),
+    experimental_throttle: 100,
     onError(err) {
       toast.error(err.message);
       input && setInput(input);
     },
   });
 
-  const [slowMessages, setSlowMessages] = useState(messages);
-  const throttleMemo = useMemo(() => throttle(100), []);
-  useEffect(() => {
-    throttleMemo(() => setSlowMessages(messages), messages.length === 0);
-  }, [messages]);
-
   const { append: topicAppend, setMessages: topicSetMessages } = useChat({
     onFinish(msg) {
       checkAutoTopic(() => updateCurrentTopic(trimTopic(msg.content)));
@@ -61,28 +56,18 @@ function Chat() {
     return () => emitter.off(mittKey.STOP_LOADING, stop);
   }, []);
 
-  const [contextIndex, updateContext] = useChatStore((state) => [
-    state.currentSession().contextIndex,
-    state.updateContext,
-  ]);
-
   const getOptions = useCallback(
     () => ({
       options: {
         body: {
-          contextIndex,
           config: {
             ...apiConfig,
-            plugins: Object.fromEntries(
-              Object.entries(apiConfig.plugins).filter(
-                ([, value]) => value.enabled,
-              ),
-            ),
+            plugins: apiConfig.plugins,
           },
         },
       },
     }),
-    [apiConfig, contextIndex],
+    [apiConfig],
   );
 
   // load message
@@ -112,11 +97,8 @@ function Chat() {
       messages.splice(index, 1);
       saveMessage(messages);
       toast.success("消息已删除");
-      if (index < contextIndex) {
-        updateContext(contextIndex - 1);
-      }
     },
-    [messages, contextIndex],
+    [messages],
   );
 
   const reloadByConfig = useCallback(() => reload(getOptions()), [getOptions]);
@@ -125,8 +107,7 @@ function Chat() {
     <div className="flex h-0 flex-1 flex-col">
       <ChatBody
         isLoading={isLoading}
-        messages={slowMessages}
-        contextIndex={contextIndex}
+        messages={messages}
         reload={reloadByConfig}
         deleteMsg={deleteMsg}
         editMsg={editMessage}
@@ -139,23 +120,6 @@ function Chat() {
         handleInputChange={handleInputChange}
         handleSubmit={(e) => handleSubmit(e, getOptions())}
         stop={stop}
-        updateContext={() => {
-          if (slowMessages.length === 0) {
-            return;
-          }
-          if (contextIndex && contextIndex === slowMessages.length) {
-            updateContext(0);
-            return;
-          }
-          if (isLoading) {
-            stop();
-            if (slowMessages.length === 1 && slowMessages[0].role === "user") {
-              return;
-            }
-          }
-          updateContext(slowMessages.length);
-          emitter.emit(mittKey.SCROLL);
-        }}
       />
     </div>
   );