Fix issue with api key being deleted from storage

Fixed or at least subdued bug that was causing the stored api key to be cleared.

Author: TannerMidd

js/app-view-model.js

@@ -104,7 +104,7 @@ export function AppViewModel() {
     floatinSearchField.style.zIndex = '-9999';
 
     const apiKey = document.getElementById('api-key');
-    apiKey.value = localStorage.getItem("gptKey") || "";
+    apiKey.value = localStorage.getItem("gptKey");
 
     apiKey.addEventListener("blur", () => {
         if (apiKey.value.trim() !== "")
@@ -208,6 +208,11 @@ export function AppViewModel() {
 
     self.toggleSidebar = () => {
         self.isSidebarOpen(!self.isSidebarOpen());
+
+        if (self.isSidebarOpen()) {
+            const apiKey = document.getElementById('api-key');
+            apiKey.value = localStorage.getItem("gptKey");
+        }
     };
 
     const messagesContainer = document.getElementById("messagesContainer");

js/storage.js

@@ -1,14 +1,14 @@
 const apiKey = document.getElementById('api-key');
-apiKey.value = localStorage.getItem("gptKey") || "";
+apiKey.value = localStorage.getItem("gptKey");
 
 export async function fetchGPTResponse(conversation, attitude, model) {
     const prompt = `Me: ${conversation}\nAI:`;
     let storedApiKey = localStorage.getItem("gptKey");
 
-    if (storedApiKey !== apiKey.value.trim()) {
-        localStorage.setItem("gptKey", apiKey.value.trim());
-        storedApiKey = apiKey.value.trim();
-    }
+    // if (storedApiKey !== apiKey.value.trim()) {
+    //     localStorage.setItem("gptKey", apiKey.value.trim());
+    //     storedApiKey = apiKey.value.trim();
+    // }
 
     if (!localStorage.getItem("gpt-attitude") || localStorage.getItem("gpt-attitude") !== attitude) {
         localStorage.setItem("gpt-attitude", attitude);
@@ -44,10 +44,10 @@ export async function fetchGPTResponse(conversation, attitude, model) {
 export async function generateDALLEImage(conversation) {
     let storedApiKey = localStorage.getItem("gptKey");
 
-    if (storedApiKey !== apiKey.value.trim()) {
-        localStorage.setItem("gptKey", apiKey.value.trim());
-        storedApiKey = apiKey.value.trim();
-    }
+    // if (storedApiKey !== apiKey.value.trim()) {
+    //     localStorage.setItem("gptKey", apiKey.value.trim());
+    //     storedApiKey = apiKey.value.trim();
+    // }
 
     try {
         const response = await fetch("https://api.openai.com/v1/images/generations", {

js/utils.js

@@ -18,7 +18,7 @@ export function wrapCodeSnippets(input) {
 export async function getConversationTitleFromGPT(messages, model, sliderValue) {
     try {
         const apiKey = document.getElementById('api-key');
-        apiKey.value = localStorage.getItem("gptKey") || "";
+        apiKey.value = localStorage.getItem("gptKey");
 
         let tempMessages = messages.slice(0);
         tempMessages.push({ role: 'user', content: "Summarize our conversation in 5 words or less." });