feat: remove folders & prompts utils

Author: shiqimei

src/components/Chat/Chat.tsx

@@ -27,7 +27,6 @@ export const Chat = memo(({ stopConversationRef }: Props) => {
 
   const [currentMessage, setCurrentMessage] = useState<Message>()
   const [autoScrollEnabled, setAutoScrollEnabled] = useState<boolean>(true)
-  const [showSettings, setShowSettings] = useState<boolean>(false)
   const [showScrollDownButton, setShowScrollDownButton] =
     useState<boolean>(false)
 
@@ -246,22 +245,6 @@ QuickSort is an efficient, in-place sorting algorithm that, in practice, outperf
     })
   }
 
-  const handleSettings = () => {
-    setShowSettings(!showSettings)
-  }
-
-  const onClearAll = () => {
-    if (
-      confirm('Are you sure you want to clear all messages?') &&
-      selectedConversation
-    ) {
-      handleUpdateConversation(selectedConversation, {
-        key: 'messages',
-        value: [],
-      })
-    }
-  }
-
   const scrollDown = () => {
     if (autoScrollEnabled) {
       messagesEndRef.current?.scrollIntoView(true)

src/components/ReactStreamChat/index.tsx

@@ -10,14 +10,9 @@ import {
   saveConversations,
   updateConversation,
 } from '@/utils/app/conversation'
-import { saveFolders } from '@/utils/app/folders'
-import { savePrompts } from '@/utils/app/prompts'
-import { getSettings } from '@/utils/app/settings'
 import { Conversation } from '@/types/chat'
 import { KeyValuePair } from '@/types/data'
-import { FolderInterface, FolderType } from '@/types/folder'
 import { OpenAIModelID, OpenAIModels } from '@/types/openai'
-import { Prompt } from '@/types/prompt'
 import { Chat } from '@/components/Chat/Chat'
 import { ReactStreamChatContext } from './context'
 import { ReactStreamChatInitialState, initialState } from './state'
@@ -46,72 +41,6 @@ export const ReactStreamChat = () => {
     saveConversation(conversation)
   }
 
-  // FOLDER OPERATIONS  --------------------------------------------
-
-  const handleCreateFolder = (name: string, type: FolderType) => {
-    const newFolder: FolderInterface = {
-      id: uuidv4(),
-      name,
-      type,
-    }
-
-    const updatedFolders = [...folders, newFolder]
-
-    dispatch({ field: 'folders', value: updatedFolders })
-    saveFolders(updatedFolders)
-  }
-
-  const handleDeleteFolder = (folderId: string) => {
-    const updatedFolders = folders.filter((f) => f.id !== folderId)
-    dispatch({ field: 'folders', value: updatedFolders })
-    saveFolders(updatedFolders)
-
-    const updatedConversations: Conversation[] = conversations.map((c) => {
-      if (c.folderId === folderId) {
-        return {
-          ...c,
-          folderId: null,
-        }
-      }
-
-      return c
-    })
-
-    dispatch({ field: 'conversations', value: updatedConversations })
-    saveConversations(updatedConversations)
-
-    const updatedPrompts: Prompt[] = prompts.map((p) => {
-      if (p.folderId === folderId) {
-        return {
-          ...p,
-          folderId: null,
-        }
-      }
-
-      return p
-    })
-
-    dispatch({ field: 'prompts', value: updatedPrompts })
-    savePrompts(updatedPrompts)
-  }
-
-  const handleUpdateFolder = (folderId: string, name: string) => {
-    const updatedFolders = folders.map((f) => {
-      if (f.id === folderId) {
-        return {
-          ...f,
-          name,
-        }
-      }
-
-      return f
-    })
-
-    dispatch({ field: 'folders', value: updatedFolders })
-
-    saveFolders(updatedFolders)
-  }
-
   // CONVERSATION OPERATIONS  --------------------------------------------
 
   const handleNewConversation = () => {
@@ -172,14 +101,6 @@ export const ReactStreamChat = () => {
   // ON LOAD --------------------------------------------
 
   useEffect(() => {
-    const settings = getSettings()
-    if (settings.theme) {
-      dispatch({
-        field: 'lightMode',
-        value: settings.theme,
-      })
-    }
-
     if (window.innerWidth < 640) {
       dispatch({ field: 'showChatbar', value: false })
       dispatch({ field: 'showPromptbar', value: false })

src/styles/globals.css

@@ -28,10 +28,6 @@
   height: 6px;
 }
 
-html {
-  background: #202123;
-}
-
 @media (max-width: 720px) {
   pre {
     width: calc(100vw - 110px);

src/types/export.ts

@@ -1,45 +1,44 @@
-import { Conversation, Message } from './chat';
-import { FolderInterface } from './folder';
-import { OpenAIModel } from './openai';
-import { Prompt } from './prompt';
+import { Conversation, Message } from './chat'
+import { FolderInterface } from './folder'
+import { Prompt } from './prompt'
 
 export type SupportedExportFormats =
   | ExportFormatV1
   | ExportFormatV2
   | ExportFormatV3
-  | ExportFormatV4;
-export type LatestExportFormat = ExportFormatV4;
+  | ExportFormatV4
+export type LatestExportFormat = ExportFormatV4
 
 ////////////////////////////////////////////////////////////////////////////////////////////
 interface ConversationV1 {
-  id: number;
-  name: string;
-  messages: Message[];
+  id: number
+  name: string
+  messages: Message[]
 }
 
-export type ExportFormatV1 = ConversationV1[];
+export type ExportFormatV1 = ConversationV1[]
 
 ////////////////////////////////////////////////////////////////////////////////////////////
 interface ChatFolder {
-  id: number;
-  name: string;
+  id: number
+  name: string
 }
 
 export interface ExportFormatV2 {
-  history: Conversation[] | null;
-  folders: ChatFolder[] | null;
+  history: Conversation[] | null
+  folders: ChatFolder[] | null
 }
 
 ////////////////////////////////////////////////////////////////////////////////////////////
 export interface ExportFormatV3 {
-  version: 3;
-  history: Conversation[];
-  folders: FolderInterface[];
+  version: 3
+  history: Conversation[]
+  folders: FolderInterface[]
 }
 
 export interface ExportFormatV4 {
-  version: 4;
-  history: Conversation[];
-  folders: FolderInterface[];
-  prompts: Prompt[];
+  version: 4
+  history: Conversation[]
+  folders: FolderInterface[]
+  prompts: Prompt[]
 }

src/types/settings.ts

@@ -1,8 +1,8 @@
 export const DEFAULT_SYSTEM_PROMPT =
-  "You are ChatGPT, a large language model trained by OpenAI. Follow the user's instructions carefully. Respond using markdown.";
-export const OPENAI_API_HOST = 'https://api.openai.com';
-export const DEFAULT_TEMPERATURE = parseFloat('1');
-export const OPENAI_API_TYPE = 'openai';
-export const OPENAI_API_VERSION = '2023-03-15-preview';
-export const OPENAI_ORGANIZATION = '';
-export const AZURE_DEPLOYMENT_ID = '';
+  "You are ChatGPT, a large language model trained by OpenAI. Follow the user's instructions carefully. Respond using markdown."
+export const OPENAI_API_HOST = 'https://api.openai.com'
+export const DEFAULT_TEMPERATURE = parseFloat('1')
+export const OPENAI_API_TYPE = 'openai'
+export const OPENAI_API_VERSION = '2023-03-15-preview'
+export const OPENAI_ORGANIZATION = ''
+export const AZURE_DEPLOYMENT_ID = ''

src/utils/app/codeblock.ts

@@ -1,30 +1,30 @@
-import { Conversation } from '@/types/chat';
+import { Conversation } from '@/types/chat'
 
 export const updateConversation = (
   updatedConversation: Conversation,
   allConversations: Conversation[],
 ) => {
   const updatedConversations = allConversations.map((c) => {
     if (c.id === updatedConversation.id) {
-      return updatedConversation;
+      return updatedConversation
     }
 
-    return c;
-  });
+    return c
+  })
 
-  saveConversation(updatedConversation);
-  saveConversations(updatedConversations);
+  saveConversation(updatedConversation)
+  saveConversations(updatedConversations)
 
   return {
     single: updatedConversation,
     all: updatedConversations,
-  };
-};
+  }
+}
 
 export const saveConversation = (conversation: Conversation) => {
-  localStorage.setItem('selectedConversation', JSON.stringify(conversation));
-};
+  localStorage.setItem('selectedConversation', JSON.stringify(conversation))
+}
 
 export const saveConversations = (conversations: Conversation[]) => {
-  localStorage.setItem('conversationHistory', JSON.stringify(conversations));
-};
+  localStorage.setItem('conversationHistory', JSON.stringify(conversations))
+}