bugfix(chat): hiding chat if server isn't responding (#47)

Author: gespispace

src/common/panel/chat.ts

@@ -257,11 +257,14 @@ export class ChatPanel implements vscode.WebviewViewProvider {
     const sesssion = await supabase.auth.getSession();
     const userLoggined = sesssion.data.session ? true : false;
 
-    const chatEnabled =
-      (localChatUsing && chatServerIsWorking) || (cloudUsing && cloudChatUsing);
+    const chatEnabled = localChatUsing || (cloudUsing && cloudChatUsing);
+    const chatIsWorking =
+      (cloudUsing && cloudChatUsing && userLoggined) ||
+      (chatServerIsWorking && localChatUsing);
 
     return {
       chatEnabled: chatEnabled,
+      chatIsWorking: chatIsWorking,
       userLoggined: userLoggined,
     };
   }

webviews/src/hooks/useSettings.tsx

@@ -4,6 +4,7 @@ import { vscode } from "../utilities/vscode";
 type ConfigurationType = {
   chatEnabled: boolean;
   userLoggined: boolean;
+  chatIsWorking: boolean;
 };
 
 interface SettingsContextType {
@@ -26,19 +27,21 @@ export const SettingsProvider = ({
       const settings = await vscode.getSettings();
       if (
         settings.chatEnabled !== lastSettings?.chatEnabled ||
+        settings.chatIsWorking !== lastSettings?.chatIsWorking ||
         settings.userLoggined !== lastSettings?.userLoggined
       ) {
         lastSettings = settings;
 
         setConfiguration({
           chatEnabled: settings.chatEnabled,
+          chatIsWorking: settings.chatIsWorking,
           userLoggined: settings.userLoggined,
         });
       }
     };
     getSettings();
 
-    const interval = setInterval(getSettings, 5000);
+    const interval = setInterval(getSettings, 1000);
     return () => {
       clearInterval(interval);
     };

webviews/src/routes/chat/index.tsx

@@ -7,9 +7,10 @@ import { useMessageListener } from "../../hooks/messageListener";
 import TextArea from "../../components/text-area";
 import { useChat } from "../../hooks/useChat";
 import styles from "./style.module.css";
+import { useSettings } from "../../hooks/useSettings";
 
 export const ChatInstance = () => {
-  let { chatId } = useParams() as { chatId?: string };
+  const { chatId } = useParams() as { chatId?: string };
 
   const {
     handleSubmit,
@@ -21,6 +22,8 @@ export const ChatInstance = () => {
     stop,
   } = useChat(chatId === "new-chat" ? undefined : chatId);
 
+  const settings = useSettings();
+
   useMessageListener("start-new-chat", () => {
     startNewChat();
   });
@@ -59,15 +62,22 @@ export const ChatInstance = () => {
         <TextArea
           value={input}
           onChange={(value) => setInput(value || "")}
-          onSubmit={handleSubmit}
+          onSubmit={
+            settings.configuration.chatIsWorking ? handleSubmit : () => true
+          }
           buttonEnd={
             <VSCodeButton
               appearance="icon"
+              disabled={!settings.configuration.chatIsWorking}
               onClick={isLoading ? stop : handleSubmit}
             >
               <span
                 className={`codicon ${
-                  isLoading ? "codicon-debug-stop" : "codicon-send"
+                  settings.configuration.chatIsWorking
+                    ? isLoading
+                      ? "codicon-debug-stop"
+                      : "codicon-send"
+                    : "codicon-loading codicon-modifier-spin"
                 }`}
               ></span>
             </VSCodeButton>

webviews/src/routes/requireInit/index.tsx

@@ -2,7 +2,7 @@ import { Navigate, Outlet } from "react-router-dom";
 import { useSettings } from "../../hooks/useSettings";
 
 export function RequireInit() {
-  let settings = useSettings();
+  const settings = useSettings();
 
   if (!settings.configuration.chatEnabled) {
     return <Navigate to="/init" />;

webviews/src/utilities/vscode.ts

@@ -163,6 +163,7 @@ class VSCodeAPIWrapper {
   public getSettings() {
     return new Promise<{
       chatEnabled: boolean;
+      chatIsWorking: boolean;
       userLoggined: boolean;
     }>((resolve) => {
       this.postMessageCallback(