fix: statics

static/js/chatHandler.js

@@ -95,23 +95,8 @@ class ChatGPT{
                 token: this.token,
                 config: this.config
             }),  
-        }).then((response) => {
-            if(response.status!=200){
-                
-                switch(response.status){
-                    case 404:
-                        break;
-                    case 408:
-                        break;
-                    default:
-                        break;
-                }
-                
-                return false;
-            }
-            return response.body;
-
-        }).then((rb) => {
+        }).then(response => ({rb: response.body, rstat: response.status}))
+        .then(({rb, rstat}) => {
             if(!rb){
                 return false;
             }
@@ -120,50 +105,50 @@ class ChatGPT{
             return new ReadableStream({
               start(controller) {
                 function push() {
-                  reader.read().then(({done, value}) => {
-                    if (done) {
-                      console.log("done", done);
-                      controller.close();
-                      $(document).trigger("precarga:fin");
-                      return;
-                    }
-
-                    let elements = new TextDecoder("utf-8").decode(value).split("}{");
-
-                    for(let i = 0; i < elements.length; i++){
-                        let data =  elements[i];
-                        if(data){
-                            if(elements.length>1){
-                                if(i==0){
-                                    data+="}";
-                                }else if(i == elements.length-1){
-                                    data = "{"+data;
-                                }else{
-                                    data = "{"+data+"}";
-                                }
+                    reader.read().then(({done, value}) => {
+                        
+                        if(done){
+                            controller.close();
+                            if(rstat==200){
+                                $(document).trigger("precarga:fin");
+                                console.log("terminado")
+                            }else{
+                                
+                                console.log("terminado con errores")
+                            }
+                            return
+                        }
+
+                        let elements = new TextDecoder("utf-8").decode(value).split("}{");
+                        let elLen = elements.length;
+                        for(let i in elements){
+                            let data =  elements[i];
+                            if(!data){
+                                continue;
                             }
                             
-                            data =JSON.parse(data);
+                            data =JSON.parse((i>0?"{":"") + data + (i<elLen-1?"}":""));
                             
-                            if(data.object == "chat.token"){
-                                chatH.token = data.token;
-                            }else if(data.choices[0].delta.hasOwnProperty("content")){
-                                let temp = data.choices[0].delta.content;
-                                $(document).trigger("precarga:mensaje",temp);
+                            if(rstat==200){
+                                if(data.object == "chat.token"){
+                                    chatH.token = data.token;
+                                }else if(data.choices[0].delta.hasOwnProperty("content")){
+                                    let temp = data.choices[0].delta.content;
+                                    $(document).trigger("precarga:mensaje", temp);
+                                }
+                            }else{
+                                $(document).trigger("precarga:error", {status: rstat, mensaje: data.detail});
                             }
+                            
                         }
-                    }
-
-                    controller.enqueue(value);
-                    push();
-                  });
+                        push();
+                    })
                 }
         
                 push();
               },
             });
         }).then(data => {
-            console.log('Solicitud finalizada')
         }).catch(err =>{
             console.log('Solicitud fallida', err)
         }); 

static/js/windowHandler.js

@@ -30,9 +30,9 @@ class WindowHandler{
             this.respuestaFin()
         });
         $(document).on("precarga:error", (event, params) => {
-            this.respuestaError()
+            this.respuestaError(params)
         });
-
+ 
     }
 
     limpiarChat(){
@@ -57,6 +57,26 @@ class WindowHandler{
         $(".chat").css("--textarea", height+"px");  
     }
 
+    procesarTexto(texto){
+        let segmentos = texto.split("```");
+        let resultado = "";
+    
+        for(let i=0; i<segmentos.length;i++){
+            let textoActual = segmentos[i];
+            if(i%2==0){
+                resultado += textoActual.replace(/\n/g, "<br>").replace(/`(.*?)`/gm, "<b>$1</b>");
+            }else{
+                let temp = textoActual.split("\n",1);
+                resultado += "<pre><code class='language-";
+                resultado += temp[0].length>1?temp[0]:"none";      
+                temp = $("<div></div>").text(textoActual.substr(temp[0].length)).html()
+                resultado += "'>"+temp+"</code></pre>";
+            }
+        }
+
+        return resultado
+    }
+
     cargarChat(mensajes){
         mensajes.forEach((mensaje) => {
             if(mensaje.role!="system"){
@@ -92,33 +112,32 @@ class WindowHandler{
     }
 
     respuestaFin(){
-        let mensaje = this.mensaje;
-        let segmentos = mensaje.split("```");
-        let msgProcesado = "";
-        if(segmentos.length%2==0){
-
-        }
-        for(let i=0; i<segmentos.length;i++){
-            let textoActual = segmentos[i];
-            if(i%2==0){
-                msgProcesado += textoActual.replace(/\n/g, "<br>").replace(/`(.*?)`/gm, "<b>$1</b>");
-            }else{
-                let temp = textoActual.split("\n",1);
-                msgProcesado += "<pre><code class='language-";
-                msgProcesado += temp[0].length>1?temp[0]:"none";      
-                temp = $("<div></div>").text(textoActual.substr(temp[0].length)).html()
-                msgProcesado += "'>"+temp+"</code></pre>";
-            }
-        }
+        let msgProcesado = this.procesarTexto(this.mensaje);
         $("button").prop("disabled", false);
         $("textarea").prop("disabled", false);
         $("textarea").focus();
         this.active.find("div p").html(msgProcesado)
         Prism.highlightAllUnder(this.active[0])
         this.active = false;
+        this.chatbox.scrollTop(this.chatbox[0].scrollHeight);
     }
 
     respuestaError(error){
+        $("button").prop("disabled", false);
+        $("textarea").prop("disabled", false);
+        $("textarea").focus();
+        switch(error.status){
+            case 404:
+                this.active.addClass("error")
+            case 408:
+                this.active.addClass("warning")
+            default:
+                this.active.addClass("warning")
+        }
+        this.active = false;
+        this.chatbox.scrollTop(this.chatbox[0].scrollHeight)
+
+
 
     }