clear all convos in progress, async code refactored in debugging warning

.gitignore

@@ -23,6 +23,7 @@ build/
 dist/
 public/main.js
 public/main.js.map
+public/main.js.LICENSE.txt
 
 # Dependency directorys
 # Deployed apps should consider commenting these lines out:

package-lock.json

@@ -11,7 +11,7 @@
       "dependencies": {
         "@keyv/mongo": "^2.1.8",
         "@reduxjs/toolkit": "^1.9.2",
-        "chatgpt": "^4.1.1",
+        "chatgpt": "^4.2.0",
         "cors": "^2.8.5",
         "crypto-browserify": "^3.12.0",
         "dotenv": "^16.0.3",
@@ -5233,9 +5233,9 @@
       }
     },
     "node_modules/chatgpt": {
-      "version": "4.1.1",
+      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/chatgpt/-/chatgpt-4.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/chatgpt/-/chatgpt-4.2.0.tgz",
-      "integrity": "sha512-2Hn9kjSSndvmLiRLYK1xHXxf436xwby3vmLBlLayxFFErQHW2+47zjGlaanhrFzb89MfWsf+1GPwl/qKklDUeA==",
+      "integrity": "sha512-HYQ65GCa8PGtmmUB+XSAa17/IKTy/EEj8QU9HGU8UAsGBtKZushiozC0JpNcTyG+ivpuwzdduXJyL6ELnqkY4A==",
       "dependencies": {
         "eventsource-parser": "^0.0.5",
         "gpt-3-encoder": "^1.1.4",
@@ -16406,9 +16406,9 @@
       }
     },
     "chatgpt": {
-      "version": "4.1.1",
+      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/chatgpt/-/chatgpt-4.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/chatgpt/-/chatgpt-4.2.0.tgz",
-      "integrity": "sha512-2Hn9kjSSndvmLiRLYK1xHXxf436xwby3vmLBlLayxFFErQHW2+47zjGlaanhrFzb89MfWsf+1GPwl/qKklDUeA==",
+      "integrity": "sha512-HYQ65GCa8PGtmmUB+XSAa17/IKTy/EEj8QU9HGU8UAsGBtKZushiozC0JpNcTyG+ivpuwzdduXJyL6ELnqkY4A==",
       "requires": {
         "eventsource-parser": "^0.0.5",
         "gpt-3-encoder": "^1.1.4",

package.json

@@ -23,7 +23,7 @@
   "dependencies": {
     "@keyv/mongo": "^2.1.8",
     "@reduxjs/toolkit": "^1.9.2",
-    "chatgpt": "^4.1.1",
+    "chatgpt": "^4.2.0",
     "cors": "^2.8.5",
     "crypto-browserify": "^3.12.0",
     "dotenv": "^16.0.3",

server/index.js

@@ -33,7 +33,6 @@ app.get('/messages/:conversationId', async (req, res) => {
 app.post('/clear_convos', async (req, res) => {
   let filter = {};
   const { conversationId } = req.body.arg;
-  console.log('conversationId', conversationId);
   if (!!conversationId) {
     filter = { conversationId };
   }
@@ -77,19 +76,24 @@ app.post('/ask', async (req, res) => {
     res.write(`event: message\ndata: ${data}\n\n`);
   };
 
-  let gptResponse = await ask(text, progressCallback, { parentMessageId, conversationId });
+  try {
-  if (!!parentMessageId) {
+    let gptResponse = await ask(text, progressCallback, { parentMessageId, conversationId });
-    gptResponse = { ...gptResponse, parentMessageId };
+    if (!!parentMessageId) {
-  } else {
+      gptResponse = { ...gptResponse, parentMessageId };
-    gptResponse.title = await titleConversation(text, gptResponse.text);
+    } else {
+      gptResponse.title = await titleConversation(text, gptResponse.text);
+    }
+
+    gptResponse.sender = 'GPT';
+    await saveMessage(gptResponse);
+    await saveConvo(gptResponse);
+
+    res.write(`event: message\ndata: ${JSON.stringify(gptResponse)}\n\n`);
+    res.end();
+  } catch (error) {
+    console.error(error);
+    res.status(500).send(error);
   }
-
-  gptResponse.sender = 'GPT';
-  await saveMessage(gptResponse);
-  await saveConvo(gptResponse);
-
-  res.write(`event: message\ndata: ${JSON.stringify(gptResponse)}\n\n`);
-  res.end();
 });
 
 app.listen(port, () => {

src/components/Conversations/Conversation.jsx

@@ -11,17 +11,14 @@ export default function Conversation({ id, parentMessageId, title = 'New convers
   const conversationId = useSelector((state) => state.convo.conversationId);
   const { trigger, isMutating } = manualSWR(
     `http://localhost:3050/messages/${id}`,
-    'get',
+    'get'
-    (res) => dispatch(setMessages(res))
   );
 
-  const clickHandler = () => {
+  const clickHandler = async () => {
-    if (conversationId === id) {
-      return;
-    }
 
     dispatch(setConversation({ conversationId: id, parentMessageId }));
-    trigger();
+    const data = await trigger();
+    dispatch(setMessages(data));
   };
 
   return (

src/components/Nav/ClearConvos.jsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import NavLink from './NavLink';
+import TrashIcon from '../svg/TrashIcon';
+import manualSWR from '~/utils/fetchers';
+import { useDispatch } from 'react-redux';
+import { setConversation } from '~/store/convoSlice';
+import { setMessages } from '~/store/messageSlice';
+
+export default function ClearConvos() {
+  const dispatch = useDispatch();
+
+  const { trigger, isMutating } = manualSWR(
+    'http://localhost:3050/clear_convos',
+    'post',
+    () => {
+      dispatch(setMessages([]));
+      dispatch(setConversation({ conversationId: null, parentMessageId: null }));
+    }
+  );
+
+  const clickHandler = () => trigger({});
+
+  return (
+    <NavLink
+      svg={TrashIcon}
+      text="Clear conversations"
+      onClick={clickHandler}
+    />
+  );
+}

src/components/Nav/NavLink.jsx

@@ -1,14 +1,19 @@
 import React from 'react';
 
-export default function NavLink({ svg, text, clickHandler}) {
+export default function NavLink({ svg, text, clickHandler }) {
-  // const props
+  const props = {
-  // if (clickHandler) {
+    className:
+      'flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10'
+  };
 
-  // }
+  if (clickHandler) {
-  // return (
+    props.onClick = clickHandler;
-  //   <a {clickHandler && onClick={clickHandler}} className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10">
+  }
-  //     {svg()}
+
-  //     {text}
+  return (
-  //   </a>
+    <a {...props}>
-  // );
+      {svg()}
+      {text}
+    </a>
+  );
 }

src/components/Nav/NavLinks.jsx

@@ -1,34 +1,13 @@
 import React from 'react';
+import ClearConvos from './ClearConvos';
 import NavLink from './NavLink';
-import TrashIcon from '../svg/TrashIcon';
 import DarkModeIcon from '../svg/DarkModeIcon';
 import LogOutIcon from '../svg/LogOutIcon';
-import manualSWR from '~/utils/fetchers';
-import { useDispatch } from 'react-redux';
-import { setConversation } from '~/store/convoSlice';
-import { setMessages } from '~/store/messageSlice';
 
 export default function NavLinks() {
-  const dispatch = useDispatch();
-
-  const { trigger, isMutating } = manualSWR(
-    'http://localhost:3050/clear_convos',
-    'post',
-    () => {
-      dispatch(setMessages([]));
-      dispatch(setConversation({ conversationId: null, parentMessageId: null }));
-    }
-  );
-
-  const clickHandler = () => trigger({});
-
   return (
     <>
-      <NavLink
+      <ClearConvos />
-        svg={TrashIcon}
-        text="Clear conversations"
-        onClick={clickHandler}
-      />
       <NavLink
         svg={DarkModeIcon}
         text="Dark mode"

src/store/messageSlice.js

@@ -9,7 +9,7 @@ const currentSlice = createSlice({
   initialState,
   reducers: {
     setMessages: (state, action) => {
-      state.messages = [...action.payload];
+      state.messages = action.payload;
     },
   }
 });

src/utils/fetchers.js

@@ -11,8 +11,11 @@ const postRequest = async (url, { arg }) => {
 export const swr = (path) => useSWR(path, fetcher);
 
 export default function manualSWR(path, type, successCallback) {
+  const options = {};
+
+  if (successCallback) {
+    options.onSuccess = successCallback;
+  }
   const fetchFunction = type === 'get' ? fetcher : postRequest;
-  return useSWRMutation(path, fetchFunction, {
+  return useSWRMutation(path, fetchFunction, options);
-    onSuccess: successCallback
-  });
 };