From ca8829014bee724b739c21a5a04e245ec1127e30 Mon Sep 17 00:00:00 2001
From: Christopher <christopherbartos@protonmail.com>
Date: Sun, 25 Jun 2023 22:10:29 -0400
Subject: [PATCH] feature(auto-load): will now show the response

---
 extension.js | 28 ++++++++--------------------
 1 file changed, 8 insertions(+), 20 deletions(-)

diff --git a/extension.js b/extension.js
index c8c0e3e..7302d59 100644
--- a/extension.js
+++ b/extension.js
@@ -444,7 +444,7 @@ function getWebviewContent(apiResponse = '', question = '') {
                 </div>
             </div>
             <div class="form-group">
-                <div class="collapsible" onclick="toggleApiResponse()" id="alert-response">
+                <div class="collapsible" onclick="toggleApiResponse()">
                     API Response
                 </div>
                 <div class="content" id="api-response">
@@ -455,7 +455,7 @@ function getWebviewContent(apiResponse = '', question = '') {
                     apiResponse ? `
                     <div id="rendered">
                         <p id="responses">
-                        <pre id="response">${apiResponse.replace(/```([^```]+)```/g, '<button onclick="copyCode()" id="code-block"><code>$1</code></button>')}</pre>
+                            <pre id="response">${apiResponse.replace(/```([^```]+)```/g, '<button onclick="copyCode()" id="code-block"><code>$1</code></button>')}</pre>
                         </p>
                     </div>
                     ` : null
@@ -469,8 +469,13 @@ function getWebviewContent(apiResponse = '', question = '') {
                 </div>
             </div>
             <script>
+                
                 const vscode = acquireVsCodeApi();
-    
+                
+                if (${apiResponse !== ''}){
+                    toggleApiResponse();
+                }
+
                 function copyCode() {
                     event.preventDefault();
                     const codeBlocks = document.getElementsByTagName('code');
@@ -491,22 +496,6 @@ function getWebviewContent(apiResponse = '', question = '') {
                     }
                 }
     
-                // Add an event listener to detect changes in apiResponse
-                window.addEventListener('DOMContentLoaded', () => {
-                    const observer = new MutationObserver(() => {
-                        if (apiResponse !== null) {
-                            const alert = document.getElementById('alert-response');
-                            alert.style.backgroundColor = '#4CAF50';
-                        }
-                    });
-    
-                    observer.observe(document, {
-                        childList: true,
-                        subtree: true
-                    });
-                });
-    
-    
                 function toggleFileSelection(uri) {
                     vscode.postMessage({
                         command: 'toggleFileSelection',
@@ -544,7 +533,6 @@ function getWebviewContent(apiResponse = '', question = '') {
                     }
                 }
     
-    
                 const form = document.getElementById('questionForm');
                 function submitQuestionApi() {
                     event.preventDefault();