Spaces:

Akjava
/

godot-web-gradio-inapint

Running

App Files Files Community

Akjava commited on Aug 11, 2024

Commit

94053fa

1 Parent(s): 71e7b10

back to oauth

Browse files

Files changed (2) hide show

index.html +163 -13
index.pck +0 -0

index.html CHANGED Viewed

@@ -14,22 +14,172 @@
 		</script>
     </head>
     <body>
         <canvas id="canvas"></canvas>
-        <script  src = "ghugging.js"></script>
         <script type="module">
-        window.oauthLoginUrl = oauthLoginUrl;
-        window.oauthHandleRedirectIfPresent = oauthHandleRedirectIfPresent;
-        import { oauthLoginUrl, oauthHandleRedirectIfPresent } from "@huggingface/hub";
-        import { Client,handle_file } from "@gradio/client";
-        window.Client = Client;
-        window.Buffer = ArrayBuffer
-        //console.log(Buffer)
-        //console.log(window.Buffer)
-        console.log(window.GHugging)
-        console.log(Client)
-        console.log(window.Buffer)
         </script>
         <script src="index.js"></script>

 		</script>
     </head>
     <body>
         <canvas id="canvas"></canvas>
+        <script src="ghugging.js"></script>
         <script type="module">
+         //console.log(window.Buffer)
+         //console.log(Buffer)
+         import { oauthLoginUrl, oauthHandleRedirectIfPresent } from "@huggingface/hub";
+         window.oauthLoginUrl = oauthLoginUrl;
+         window.oauthHandleRedirectIfPresent = oauthHandleRedirectIfPresent;
+         import { Client,handle_file } from "@gradio/client";
+         window.Client = Client;
+         //if has buffer huggingface signin-use that,I try to set real Buffer but faild
+         //window.Buffer = ArrayBuffer
+         // passing array seems ok others arraybuffer,unit8array faild
+         Client.send_image_dict = async function(hf_token,prompt,dict,_js_callback){
+            window.Buffer = ArrayBuffer
+            console.log("send_dict1")
+            console.log(dict)
+            //Error: Invalid input: must be a URL, File, Blob, or Buffer object.
+            //File Path not working in godot
+            //URL become Gradio FileData,must be start with "http"
+            //const file_ref = handle_file("http://localhost:8000/gradio/gradio/index.png");
+            //console.log(file_ref)
+            //Buffer is Node object
+            //var array = new ArrayBuffer(test);
+            var array1 = new Uint8Array(dict["image"]); //gradle faild
+            const blob1 = new Blob([array1.buffer],{type:"image/jpeg"});
+            const file_ref1 = handle_file(blob1)
+            console.log(file_ref1)
+            var array2 = new Uint8Array(dict["mask"]); //gradle faild
+            const blob2 = new Blob([array2.buffer],{type:"image/jpeg"});
+            const file_ref2 = handle_file(blob2)
+            console.log(file_ref2)
+            //const url = " Akjava/SimpleStableDiffusionInpaint" //"https://d798497a30149f6f35.gradio.live/" // //"http://localhost:7861"
+            //const url = "Kwai-Kolors/Kolors-Inpainting"
+            const url = "Akjava/Kolors-Inpainting"
+            const app =  await Client.connect(url,{hf_token:hf_token,events: ["data","status"]});
+            const app_info =  app.view_api();
+            console.log(app_info)
+            /*
+            const app =  await Client.connect(url)
+            var result = await app.predict(
+                "/predict",{"prompt":"beautiful girl nude","image1":file_ref1,"image2":file_ref2}  //send as tmp file?
+            )
+            console.log("result")
+            console.log(result)
+            _js_callback(result["data"][0].url.toString())
+            */
+            //akjava
+            //const submission = app.submit("/predict", {"prompt":prompt,"image1":file_ref1,"image2":file_ref2})
+            const submission = app.submit("/infer", {"prompt":prompt,"image":{"background":file_ref1,"layers":[file_ref2]}
+            })
+            var result_url
+            for await (const msg of submission) {
+            if (msg.type === "data") {
+                console.log(msg);
+                console.log(msg.data);
+                console.log(msg["data"][0].url)
+                result_url = msg["data"][0].url
+                //_js_callback(msg["data"][0].url)
+            }
+            //
+            if (msg.type === "status") {
+                console.log(msg);
+                if (msg.stage == "complete"){
+                    console.log("complete")
+                    _js_callback(result_url)
+                }else if (msg.stage =="error"){
+                    console.log("error")
+                    _js_callback(msg.message)
+                }
+            }
+        }
+            return submission
+         };
+         Client.test1 = async function(hf_token,test,_js_callback){
+            console.log("array value")
+            //Error: Invalid input: must be a URL, File, Blob, or Buffer object.
+            //File Path not working in godot
+            //URL become Gradio FileData,must be start with "http"
+            //const file_ref = handle_file("http://localhost:8000/gradio/gradio/index.png");
+            //console.log(file_ref)
+            //Buffer is Node object
+            //var array = new ArrayBuffer(test);
+            var array = new Uint8Array(test); //gradle faild
+            const blob = new Blob([array.buffer],{type:"image/jpeg"});
+            //console.log(blob)
+            const file_ref = handle_file(blob)
+            console.log(file_ref)
+            const url = "https://b0463e8c3c0ca3103e.gradio.live" //"http://localhost:7861"
+            const app =  await Client.connect(url)
+            var result = await app.predict(
+                "/predict",{"image1":file_ref}  //send as tmp file?
+            )
+            console.log("result")
+            console.log(result)
+            console.log(result["data"][0].url)
+            _js_callback(result["data"][0].url.toString())
+         };
+         Client.connect2 = async function(client,url,input,_callback) {
+            const app =  await client.connect(url,{hf_token:hf_token,events: ["data","status"]});
+            console.log(app.config);
+            const app_info =  app.view_api();
+            console.log(app_info)
+            // <PREDICT VERSION>
+            /*
+            var result = await app.predict(
+            //    "/predict", {"input_text":"input"}
+            "/chat",{"message":input}
+        )*/
+        // </PREDICT VERSION>
+        const submission =      app.submit("/chat", { message: input })
+for await (const msg of submission) {
+    if (msg.type === "data") {
+        console.log(msg.data);
+        console.log(msg);
+        _callback(msg)
+    }
+    if (msg.type === "status") {
+        console.log(msg);
+    }
+}
+return submission
+            //console.log(result)
+            //console.log("done in script")
+            //console.log(result)
+            //_callback((result))
+            //_callback(JSON.stringify(result))
+            //return result
+            //return app_info
+           //return "hello"
+        };
         </script>
         <script src="index.js"></script>

index.pck CHANGED Viewed

Binary files a/index.pck and b/index.pck differ