fix: statics, ctx for document

static/js/chatHandler.js

@@ -1,11 +1,11 @@
 class ChatGPT{
     constructor(token){
         
-        $("#input-delete").click(()=> $(this.evCtx).trigger("chat:limpiar"))
+        $("#input-delete").click(()=> $(document).trigger("chat:limpiar"))
 
         if (localStorage.getItem("convesacion") !== null) {
             this.convesacion = JSON.parse(localStorage.getItem("convesacion"));
-            $(this.evCtx).trigger("chat:cargar", this.convesacion);
+            $(document).trigger("chat:cargar", this.convesacion);
         }else{
             let fecha = new Date().toJSON().slice(0, 10);
             this.definicion = "Te llamas Chatsito, eres un asistente de apoyo a los amigos de MIA, ";
@@ -31,22 +31,22 @@ class ChatGPT{
 
         this.endpointChat = "/chat_stream";
         this.token = token
-        this.evCtx = document
+        // this.evCtx = document
         this.reintentos = 0
-        $(this.evCtx).on("chat:limpiar", () => {
+        $(document).on("chat:limpiar", () => {
             this.limpiarConfig()
         });
-        $(this.evCtx).on("chat:enviar", (event, params) => {
+        $(document).on("chat:enviar", (event, params) => {
             this.reintentos = 0;
             this.enviar(params)
             //this.enviar2(params)
         });
-        $(this.evCtx).on("enviar:reintentar", (event, params) => {
+        $(document).on("enviar:reintentar", (event, params) => {
             this.reintentos++;
             this.enviar(params.mensaje)
         });
 
-        $(this.evCtx).on("enviar:error", (event, params) => this.reenviar(params));
+        $(document).on("enviar:error", (event, params) => this.reenviar(params));
         
         
     }
@@ -65,15 +65,15 @@ class ChatGPT{
 
     reenviar(params){
         if(params.status==404){
-            $(this.evCtx).trigger("enviar:fallido",{jqXHR:params.jqXHR, status:params.status, error:params.error, execTime:params.execTime, mensaje:params.mensaje});
+            $(document).trigger("enviar:fallido",{jqXHR:params.jqXHR, status:params.status, error:params.error, execTime:params.execTime, mensaje:params.mensaje});
             return
         }
         if(this.reintentos < 3 ){
-            $(this.evCtx).trigger("enviar:reintentar",{jqXHR:params.jqXHR, status:params.status, error:params.error, execTime:params.execTime, mensaje:params.mensaje});
-            $(this.evCtx).trigger("enviar:enviar",{jqXHR:params.jqXHR, status:params.status, error:params.error, execTime:params.execTime, mensaje:params.mensaje});
+            $(document).trigger("enviar:reintentar",{jqXHR:params.jqXHR, status:params.status, error:params.error, execTime:params.execTime, mensaje:params.mensaje});
+            $(document).trigger("enviar:enviar",{jqXHR:params.jqXHR, status:params.status, error:params.error, execTime:params.execTime, mensaje:params.mensaje});
 
         }else{
-            $(this.evCtx).trigger("enviar:fallido",{jqXHR:params.jqXHR, status:params.status, error:params.error, execTime:params.execTime, mensaje:params.mensaje});
+            $(document).trigger("enviar:fallido",{jqXHR:params.jqXHR, status:params.status, error:params.error, execTime:params.execTime, mensaje:params.mensaje});
         }
     }
 
@@ -88,7 +88,7 @@ class ChatGPT{
         }
         console.log("Enviado: ", mensaje);
         tempMensajes.push({role: "user", content: mensaje});
-        $(this.evCtx).trigger("enviar:cargando",mensaje);
+        $(document).trigger("enviar:cargando",mensaje);
 
         console.log("Cagados ", tokens, "tokens");
         this.execStart = performance.now()
@@ -110,7 +110,7 @@ class ChatGPT{
             this.convesacion.push({role: data.role, content: data.content, tokens: data.output_tokens} )
             this.token = data.token;
             data.execTime = performance.now() - this.execStart;
-            $(this.evCtx).trigger("enviar:exito", data);
+            $(document).trigger("enviar:exito", data);
             localStorage.setItem("convesacion", JSON.stringify(this.convesacion))
         })
         .fail(( jqXHR, status, error ) => {
@@ -119,10 +119,10 @@ class ChatGPT{
             console.log(status)
             console.log(error)
             if(jqXHR.status==404 || status==500){
-                $(this.evCtx).trigger("enviar:fallido",{jqXHR:jqXHR, status:status, error:error, mensaje:mensaje});    
+                $(document).trigger("enviar:fallido",{jqXHR:jqXHR, status:status, error:error, mensaje:mensaje});    
             }else{
                 let execTime = performance.now() - this.execStart;
-                $(this.evCtx).trigger("enviar:error",{jqXHR:jqXHR, status:status, error:error, execTime:execTime, mensaje:mensaje});
+                $(document).trigger("enviar:error",{jqXHR:jqXHR, status:status, error:error, execTime:execTime, mensaje:mensaje});
             }
             
         })
@@ -139,7 +139,7 @@ class ChatGPT{
         }
         console.log("Enviado: ", mensaje);
         tempMensajes.push({role: "user", content: mensaje});
-        $(this.evCtx).trigger("precarga:inicio", mensaje);
+        $(document).trigger("precarga:inicio", mensaje);
 
         fetch('/chat_test', {
             method: "POST",
@@ -156,11 +156,11 @@ class ChatGPT{
             return new ReadableStream({
               start(controller) {
                 function push() {
-                  reader.read().then(({ done, value }) => {
+                  reader.read().then((done, value) => {
                     if (done) {
                       console.log("done", done);
                       controller.close();
-                      $(this.evCtx).trigger("precarga:fin");
+                      $(document).trigger("precarga:fin");
                       return;
                     }
 
@@ -185,7 +185,7 @@ class ChatGPT{
                                 chatH.token = data.token
                             }else if(data.choices[0].delta.hasOwnProperty("content")){
                                 let temp = data.choices[0].delta.content;
-                                $(this.evCtx).trigger("precarga:mensaje",temp);
+                                $(document).trigger("precarga:mensaje",temp);
                                 
                             }
                         }

static/js/windowHandler.js

@@ -4,16 +4,16 @@ class WindowHandler{
         this.template = $('<div class="message"><div><p></p></div></div>');
         this.active = false;
 
-        this.evCtx = document;
+        // this.evCtx = document;
 
-        $(this.evCtx).on("enviar:exito", (event, params) => this.procesarTexto(params));
+        $(document).on("enviar:exito", (event, params) => this.procesarTexto(params));
         
-        $(this.evCtx).on("chat:enviar", (event, params) => this.recalcularTextarea());
-        $(this.evCtx).on("chat:limpiar", () => this.limpiarChat());
-        $(this.evCtx).on("enviar:reintentar", (event, params) => {
+        $(document).on("chat:enviar", (event, params) => this.recalcularTextarea());
+        $(document).on("chat:limpiar", () => this.limpiarChat());
+        $(document).on("enviar:reintentar", (event, params) => {
             this.precargaMensaje(params.mensaje, "reenvio")
         });
-        $(this.evCtx).on("enviar:fallido", (event, params) => {
+        $(document).on("enviar:fallido", (event, params) => {
             if(params.jqXHR.status == 404){
                 this.precargaMensaje(params.mensaje, "token vencido")
             }else{
@@ -31,13 +31,13 @@ class WindowHandler{
         $("#input-text").keydown(() => this.recalcularTextarea());
         this.cargarChat(chatH.convesacion);
 
-        $(this.evCtx).on("precarga:inicio", (event, params) => {
+        $(document).on("precarga:inicio", (event, params) => {
             this.precargaInicio()
         });
-        $(this.evCtx).on("precarga:mensaje", (event, params) => {
+        $(document).on("precarga:mensaje", (event, params) => {
             this.precargaMensaje2(params)}
         );
-        $(this.evCtx).on("precarga:fin", (event, params) => {
+        $(document).on("precarga:fin", (event, params) => {
             this.precargaFin()
         });
         
@@ -61,7 +61,7 @@ class WindowHandler{
         $("textarea").prop("disabled", true);
         this.mostarMensaje(mensaje, "user");
         this.precargaMensaje("", "")
-        $(this.evCtx).trigger("chat:enviar", mensaje);
+        $(document).trigger("chat:enviar", mensaje);
     }
     
     recalcularTextarea(){