refactor: 微调python中js写法，加入部分测试js (WIP)

ChuanhuChatbot.py

@@ -107,7 +107,7 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
                         multiselect=False,
                         value=REPLY_LANGUAGES[0],
                     )
-                    index_files = gr.Files(label=i18n("上传"), type="file")
+                    index_files = gr.Files(label=i18n("上传"), type="file", elem_id="upload-index-file")
                     two_column = gr.Checkbox(label=i18n("双栏pdf"), value=advance_docs["pdf"].get("two_column", False))
                     summarize_btn = gr.Button(i18n("总结"))
                     # TODO: 公式ocr
@@ -376,7 +376,7 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
         inputs=[current_model],
         outputs=[chatbot, status_display],
         show_progress=True,
-        _js='()=>{clearHistoryHtml();}',
+        _js='clearHistoryHtml',
     )
 
     retryBtn.click(**start_outputing_args).then(
@@ -493,7 +493,7 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
     #     [status_display],
     #     show_progress=True,
     # )
-    checkUpdateBtn.click(fn=None, _js='()=>{manualCheckUpdate();}')
+    checkUpdateBtn.click(fn=None, _js='manualCheckUpdate')
 
     # Invisible elements
     updateChuanhuBtn.click(

web_assets/javascript/utils.js

@@ -0,0 +1,67 @@
+
+var gradioUploader = null;
+
+function testUpload(target) {
+    gradioUploader = gradioApp().querySelector("#upload-index-file > .center.flex");
+    let uploaderEvents = ["click", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop"];
+    transEventListeners(target, gradioUploader, uploaderEvents);
+}
+
+
+function transEventListeners(target, source, events) {
+    events.forEach((sourceEvent) => {
+        target.addEventListener(sourceEvent, function (targetEvent) {
+            if(targetEvent.preventDefault) targetEvent.preventDefault();
+            if(targetEvent.stopPropagation) targetEvent.stopPropagation();
+
+            source.dispatchEvent(new Event(sourceEvent, {detail: targetEvent.detail}));
+            console.log(targetEvent.detail);
+        });
+    });
+}
+
+
+/* NOTE: These reload functions are not used in the current version of the code.
+ *       From stable-diffusion-webui
+ */
+function restart_reload() {
+    document.body.innerHTML = '<h1 style="font-family:ui-monospace,monospace;margin-top:20%;color:lightgray;text-align:center;">Reloading...</h1>';
+
+    var requestPing = function () {
+        requestGet("./internal/ping", {}, function (data) {
+            location.reload();
+        }, function () {
+            setTimeout(requestPing, 500);
+        });
+    };
+
+    setTimeout(requestPing, 2000);
+
+    return [];
+}
+
+function requestGet(url, data, handler, errorHandler) {
+    var xhr = new XMLHttpRequest();
+    var args = Object.keys(data).map(function (k) {
+        return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]);
+    }).join('&');
+    xhr.open("GET", url + "?" + args, true);
+
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) {
+            if (xhr.status === 200) {
+                try {
+                    var js = JSON.parse(xhr.responseText);
+                    handler(js);
+                } catch (error) {
+                    console.error(error);
+                    errorHandler();
+                }
+            } else {
+                errorHandler();
+            }
+        }
+    };
+    var js = JSON.stringify(data);
+    xhr.send(js);
+}