From fecfc2451939632317245f95cd11e80500bb14f9 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Thu, 30 Mar 2023 13:56:03 +0800
Subject: [PATCH] support export as json

---
 src/chatbox.tsx  |  1 +
 src/settings.tsx | 38 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/src/chatbox.tsx b/src/chatbox.tsx
index 12b17b5..938b8e9 100644
--- a/src/chatbox.tsx
+++ b/src/chatbox.tsx
@@ -170,6 +170,7 @@ export default function ChatBOX(props: {
         setChatStore={setChatStore}
         show={showSettings}
         setShow={setShowSettings}
+        selectedChatStoreIndex={props.selectedChatIndex}
       />
       <p
         className="cursor-pointer rounded bg-cyan-300 dark:text-white p-1 dark:bg-cyan-800"
diff --git a/src/settings.tsx b/src/settings.tsx
index aa4c7a0..3becf1f 100644
--- a/src/settings.tsx
+++ b/src/settings.tsx
@@ -126,6 +126,7 @@ export default (props: {
   setChatStore: (cs: ChatStore) => void;
   show: boolean;
   setShow: StateUpdater<boolean>;
+  selectedChatStoreIndex: number;
 }) => {
   if (!props.show) return <div></div>;
   const link =
@@ -194,6 +195,43 @@ export default (props: {
             readOnly={true}
             {...props}
           />
+          <p className="flex justify-evenly">
+            <button
+              className="p-2 m-2 rounded bg-amber-500"
+              onClick={() => {
+                let dataStr =
+                  "data:text/json;charset=utf-8," +
+                  encodeURIComponent(
+                    JSON.stringify(props.chatStore, null, "\t")
+                  );
+                let downloadAnchorNode = document.createElement("a");
+                downloadAnchorNode.setAttribute("href", dataStr);
+                downloadAnchorNode.setAttribute(
+                  "download",
+                  `chatgpt-api-web-${props.selectedChatStoreIndex}.json`
+                );
+                document.body.appendChild(downloadAnchorNode); // required for firefox
+                downloadAnchorNode.click();
+                downloadAnchorNode.remove();
+              }}
+            >
+              Export
+            </button>
+            <button
+              className="p-2 m-2 rounded bg-amber-500"
+              onClick={() => {
+                if (
+                  !confirm(
+                    "This will OVERWRITE the current chat history! Continue?"
+                  )
+                )
+                  alert("Error: This function is currently unimplemented :)");
+                return;
+              }}
+            >
+              Import
+            </button>
+          </p>
         </div>
         <hr />
         <div className="flex justify-between">