add remove chat func

Author: etrobot

.gitignore

@@ -135,3 +135,4 @@ dist
 /src-tauri/target/
 /src-tauri/bin/
 .DS_Store
+/server/*.js

app/(chat)/page.tsx

@@ -4,5 +4,5 @@ import { Chat } from '@/components/chat'
 import { useSearchParams } from 'next/navigation'
 export default function IndexPage() {
   const params = useSearchParams()
-  return <Chat id={params!.get('cid') || undefined}/>
+  return <Chat id={params!.get('cid') || `chatid_${nanoid()}`}/>
 }

components/chat-message.tsx

@@ -39,20 +39,19 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
             p({ children }) {
               return <p className="mb-2 last:mb-0">{children}</p>
             },
-            code({ node, inline, className, children, ...props }) {
-              if (children.length) {
-                if (children[0] == '▍') {
+            code({children, className, node, ...props }) {
+              if(node?.children[0]){
+                const child = node.children[0]
+                if (child.data == '▍') {
                   return (
                     <span className="mt-1 cursor-default animate-pulse">▍</span>
                   )
                 }
-
-                children[0] = (children[0] as string).replace('`▍`', '▍')
               }
 
               const match = /language-(\w+)/.exec(className || '')
 
-              if (inline) {
+              if(node?.properties.inline === true) {
                 return (
                   <code className={className} {...props}>
                     {children}
@@ -77,4 +76,4 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
       </div>
     </div>
   )
-}
+}

components/chat.tsx

@@ -30,14 +30,15 @@ export function Chat({ id, className }: ChatProps) {
   const [initialMessages, setInitialMessages] = useState<Message[] | undefined>(undefined);
 
   useEffect(() => {
-    if (id){
+    if (id) {
       const storedData = localStorage.getItem(id);
       if (storedData) {
         const parsedData = JSON.parse(storedData);
         setInitialMessages(parsedData);
+      }else{
+        setInitialMessages([]);
       }
     }else{
-      setInitialMessages([]);
       id=`chatid_${nanoid()}`;
     }
   }, [id]);
@@ -83,7 +84,7 @@ export function Chat({ id, className }: ChatProps) {
           role: 'assistant',
           content: response.content
         })
-        localStorage.setItem(id || `chatid_${nanoid()}`, JSON.stringify(msg))
+        if(id!==undefined)localStorage.setItem(id, JSON.stringify(msg))
       }
     })
   return (
@@ -143,7 +144,7 @@ export function Chat({ id, className }: ChatProps) {
         />
         <Input
           value={previewTokenInput.serp_api_key}
-          placeholder="SERP API Key"
+          placeholder="SERP API Key , from https://serpapi.com"
           onChange={e => setPreviewTokenInput(prevState => ({
             ...prevState,
             serp_api_key: e.target.value

components/sidebar-actions.tsx

@@ -24,13 +24,11 @@ import {
 } from '@/components/ui/tooltip'
 
 interface SidebarActionsProps {
-  chat: Chat
-  removeChat: (args: { id: string; path: string }) => void
+  chatId: string
 }
 
 export function SidebarActions({
-  chat,
-  removeChat,
+  chatId,
 }: SidebarActionsProps) {
   const router = useRouter()
   const [deleteDialogOpen, setDeleteDialogOpen] = React.useState(false)
@@ -75,11 +73,7 @@ export function SidebarActions({
                 event.preventDefault()
                 // @ts-ignore
                 startRemoveTransition(async () => {
-                  const result = await removeChat({
-                    id: chat.id,
-                    path: chat.path
-                  })
-
+                  localStorage.removeItem(chatId)
                   setDeleteDialogOpen(false)
                   router.push('/')
                   router.refresh()

components/sidebar-item.tsx

@@ -21,9 +21,10 @@ import { cn } from '@/lib/utils'
 interface SidebarItemProps {
   index: number
   chat: string
+  children: React.ReactNode
 }
 
-export function SidebarItem({ index, chat }: SidebarItemProps) {
+export function SidebarItem({ index, chat, children }: SidebarItemProps) {
   const pathname = usePathname()
 
   const isActive = pathname === chat
@@ -68,6 +69,7 @@ export function SidebarItem({ index, chat }: SidebarItemProps) {
           {chat}
         </div>
       </Link>
+      <div className="absolute right-2 top-1">{children}</div>
     </motion.div>
   )
 }

components/sidebar-items.tsx

@@ -26,7 +26,9 @@ export function SidebarItems({ chats }: SidebarItemsProps) {
               }}
             >
               <SidebarItem index={index} chat={chat}>
-                
+                <SidebarActions
+                    chatId={chat}
+                  />
               </SidebarItem>
             </motion.div>
           )

package.json

@@ -4,10 +4,11 @@
   "private": true,
   "scripts": {
     "dev": "next dev -p 3100",
-    "build": "next build",
-    "start": "next start",
+    "build": "next build && pnpm build-server",
+    "start": "next start -p 3100",
     "lint": "next lint",
-    "build-server": "esbuild server/server.ts --bundle --platform=node --outfile=build/server.js && pkg build/server.js -o ./src-tauri/bin/server-x86_64-apple-darwin"
+    "build-server": "esbuild ./server/server.ts --bundle --platform=node --outfile=./build/server.js",
+    "pkg-server": "pnpm build-server && pkg build/server.js -o ./src-tauri/bin/server-x86_64-apple-darwin"
   },
   "dependencies": {
     "@fastify/cors": "^9.0.1",
@@ -50,15 +51,18 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@tauri-apps/cli": "^1.5.10",
+    "@types/d3-scale": "^4.0.8",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "autoprefixer": "^10.0.1",
-    "eslint": "^8",
+    "eslint": "8.57.0",
     "eslint-config-next": "14.1.0",
     "postcss": "^8",
-    "tailwindcss": "^3.3.0",
-    "typescript": "^5"
+    "prettier": "^3.2.5",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5",
+    "@tauri-apps/cli": "^1.5.10",
+    "@types/react-syntax-highlighter": "^15.5.11",
+    "autoprefixer": "^10.0.1"
   }
 }

pnpm-lock.yaml

@@ -7,7 +7,7 @@ import { BaseCallbackHandler } from "@langchain/core/callbacks/base";
 import { nanoid } from '../lib/utils';
 import { LLMResult } from '@langchain/core/outputs';
 import { AgentExecutor, createReactAgent } from "langchain/agents";
-import { BingSerpAPI } from "@langchain/community/tools/bingserpapi";
+import { SerpAPI } from "@langchain/community/tools/serpapi";
 import { TextEncoder } from 'util';
 import{ FastifyRequest } from 'fastify';
 
@@ -60,7 +60,10 @@ export async function searchAgent(request:FastifyRequest) {
     const messages = body.messages;
     const previousMessages = messages.slice(0, -1).map(convertVercelMessageToLangChainMessage);
     const currentMessageContent = messages[messages.length - 1].content;
-    const tools = [new BingSerpAPI(body.previewToken.serp_api_key)];
+
+    process.env.SERPAPI_API_KEY = body.previewToken.serp_api_key
+
+    const tools = [new SerpAPI()];
     const prompt = await pull<PromptTemplate>("hwchase17/react");
     const model = new ChatOpenAI({
       temperature: 0.1,

server/searchAgent.ts

@@ -7,7 +7,7 @@
     "distDir": "../out"
   },
   "package": {
-    "productName": "tauri-langchain",
+    "productName": "next-langchain-tauri",
     "version": "0.1.0"
   },
   "tauri": {
@@ -36,7 +36,7 @@
         "icons/icon.icns",
         "icons/icon.ico"
       ],
-      "identifier": "com.tauri.dev",
+      "identifier": "com.stackai.nextlang",
       "longDescription": "",
       "macOS": {
         "entitlements": null,
@@ -66,7 +66,7 @@
         "fullscreen": false,
         "height": 800,
         "resizable": true,
-        "title": "tauri-langchain",
+        "title": "next-langchain-tauri",
         "width": 1280
       }
     ]