aboutsummaryrefslogtreecommitdiff
path: root/script.js
diff options
context:
space:
mode:
Diffstat (limited to 'script.js')
-rw-r--r--script.js87
1 files changed, 87 insertions, 0 deletions
diff --git a/script.js b/script.js
new file mode 100644
index 00000000..5d864cf3
--- /dev/null
+++ b/script.js
@@ -0,0 +1,87 @@
+function gradioApp(){
+ return document.getElementsByTagName('gradio-app')[0].shadowRoot;
+}
+
+uiUpdateCallbacks = []
+function onUiUpdate(callback){
+ uiUpdateCallbacks.push(callback)
+}
+
+function uiUpdate(root){
+ uiUpdateCallbacks.forEach(function(x){
+ x()
+ })
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+ var mutationObserver = new MutationObserver(function(m){
+ uiUpdate(gradioApp());
+ });
+ mutationObserver.observe( gradioApp(), { childList:true, subtree:true })
+});
+
+function selected_gallery_index(){
+ var gr = gradioApp()
+ var buttons = gradioApp().querySelectorAll(".gallery-item")
+ var button = gr.querySelector(".gallery-item.\\!ring-2")
+
+ var result = -1
+ buttons.forEach(function(v, i){ if(v==button) { result = i } })
+
+ return result
+}
+
+function extract_image_from_gallery(gallery){
+ if(gallery.length == 1){
+ return gallery[0]
+ }
+
+ index = selected_gallery_index()
+
+ if (index < 0 || index >= gallery.length){
+ return [null]
+ }
+
+ return gallery[index];
+}
+
+function extract_image_from_gallery_img2img(gallery){
+ gradioApp().querySelectorAll('button')[1].click();
+ return extract_image_from_gallery(gallery);
+}
+
+function extract_image_from_gallery_extras(gallery){
+ gradioApp().querySelectorAll('button')[2].click();
+ return extract_image_from_gallery(gallery);
+}
+
+function requestProgress(){
+ btn = gradioApp().getElementById("check_progress");
+ if(btn==null) return;
+
+ btn.click();
+}
+
+function submit(){
+ window.setTimeout(requestProgress, 500)
+
+ res = []
+ for(var i=0;i<arguments.length;i++){
+ res.push(arguments[i])
+ }
+
+ // As it is currently, txt2img and img2img send back the previous output args (txt2img_gallery, generation_info, html_info) whenever you generate a new image.
+ // This can lead to uploading a huge gallery of previously generated images, which leads to an unnecessary delay between submitting and beginning to generate.
+ // I don't know why gradio is seding outputs along with inputs, but we can prevent sending the image gallery here, which seems to be an issue for some.
+ // If gradio at some point stops sending outputs, this may break something
+ if(Array.isArray(res[res.length - 3])){
+ res[res.length - 3] = null
+ }
+
+ return res
+}
+
+function ask_for_style_name(_, prompt_text, negative_prompt_text) {
+ name_ = prompt('Style name:')
+ return name_ === null ? [null, null, null]: [name_, prompt_text, negative_prompt_text]
+}