Update index.html

index.html

@@ -198,7 +198,59 @@ function st(t){document.querySelectorAll('.ni').forEach(e=>e.classList.remove('a
 function hu(inp,k){const f=inp.files&&inp.files[0];if(!f)return;const z=inp.closest('.uz'),ph=z.querySelector('.ph'),im=z.querySelector('.ui');const r=new FileReader();r.onload=e=>{im.src=e.target.result;im.style.display='block';if(ph)ph.style.display='none';z.classList.add('hi')};r.readAsDataURL(f);ul(f,k)}
 async function ul(f,k){const fd=new FormData();fd.append('files',f);for(const u of[`${B}/gradio/gradio_api/upload`,`${B}/gradio/upload`,`${B}/gradio_api/upload`,`${B}/upload`]){try{const r=await fetch(u,{method:'POST',body:fd});if(r.ok){const j=await r.json();U[k]=Array.isArray(j)?j[0]:j;return}}catch{}}}
 function mf(p){return{path:p,meta:{_type:'gradio.FileData'},orig_name:'face.png',mime_type:'image/png'}}
-async function gc(api,data){for(const u of[`${B}/gradio/gradio_api/call${api}`,`${B}/gradio/call${api}`,`${B}/gradio/api${api}`,`${B}/api${api}`,`${B}/gradio_api/call${api}`]){try{const r=await fetch(u,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({data})});if(!r.ok)continue;const j=await r.json();if(!j.event_id)continue;return new Promise((ok,no)=>{const es=new EventSource(`${u}/${j.event_id}`);let d=false;const h=e=>{if(d)return;try{const raw=JSON.parse(e.data),p=Array.isArray(raw)?raw:(raw&&raw.data?raw.data:null);if(p){d=true;es.close();ok(p)}}catch{}};es.onmessage=h;es.addEventListener('complete',h);es.addEventListener('process_completed',e=>{if(d)return;try{const raw=JSON.parse(e.data),out=raw&&raw.output&&raw.output.data?raw.output.data:null;if(out){d=true;es.close();ok(out)}}catch{}});es.onerror=()=>{if(!d){d=true;es.close();no(new Error('연결 오류'))}};setTimeout(()=>{if(!d){d=true;es.close();no(new Error('시간 초과'))}},600000)})}catch{}}throw new Error('API 연결 실패')}
+async function gc(api,data){
+  for(const u of[`${B}/gradio/gradio_api/call${api}`,`${B}/gradio/call${api}`,`${B}/gradio/api${api}`,`${B}/api${api}`,`${B}/gradio_api/call${api}`]){
+    try{
+      const r=await fetch(u,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({data})});
+      if(!r.ok)continue;
+      const j=await r.json();
+      if(!j.event_id)continue;
+      const sseUrl=`${u}/${j.event_id}`;
+      return await new Promise((ok,no)=>{
+        let done=false,retries=0,MAX_RETRY=10,es=null;
+        const TOTAL_TIMEOUT=setTimeout(()=>{if(!done){done=true;if(es)es.close();no(new Error('시간 초과'));}},600000);
+        function connect(){
+          if(done)return;
+          es=new EventSource(sseUrl);
+          const onMsg=e=>{
+            if(done)return;
+            try{
+              const raw=JSON.parse(e.data);
+              // process_completed 포맷
+              if(raw&&raw.msg==='process_completed'&&raw.output&&raw.output.data){
+                done=true;clearTimeout(TOTAL_TIMEOUT);es.close();ok(raw.output.data);return;
+              }
+              // 배열 직접 반환 포맷
+              const p=Array.isArray(raw)?raw:(raw&&raw.data&&Array.isArray(raw.data)?raw.data:null);
+              if(p){done=true;clearTimeout(TOTAL_TIMEOUT);es.close();ok(p);}
+            }catch{}
+          };
+          es.onmessage=onMsg;
+          es.addEventListener('complete',onMsg);
+          es.addEventListener('process_completed',e=>{
+            if(done)return;
+            try{
+              const raw=JSON.parse(e.data);
+              const out=raw&&raw.output&&raw.output.data?raw.output.data:null;
+              if(out){done=true;clearTimeout(TOTAL_TIMEOUT);es.close();ok(out);}
+            }catch{}
+          });
+          // onerror: 즉시 포기하지 않고 재연결 시도
+          es.onerror=()=>{
+            if(done)return;
+            es.close();
+            retries++;
+            if(retries>MAX_RETRY){done=true;clearTimeout(TOTAL_TIMEOUT);no(new Error('연결 오류(재시도 초과)'));return;}
+            // 2초 후 같은 event_id로 재연결
+            setTimeout(connect,2000);
+          };
+        }
+        connect();
+      });
+    }catch{}
+  }
+  throw new Error('API 연결 실패');
+}
 function iu(d){if(!d)return null;if(typeof d==='string'){if(d.startsWith('/file='))return B+'/gradio'+d;return d}const u=d.url||d.path||(d.value&&(d.value.url||d.value.path));if(!u)return null;if(u.startsWith('/file='))return B+'/gradio'+u;if(!u.startsWith('http'))return B+'/gradio/file='+u;return u}
 function md(s){return s.replace(/^### (.*$)/gm,'<h3>$1</h3>').replace(/^## (.*$)/gm,'<h2>$1</h2>').replace(/^# (.*$)/gm,'<h1>$1</h1>').replace(/\*\*(.*?)\*\*/g,'<b>$1</b>').replace(/\*(.*?)\*/g,'<em>$1</em>').replace(/^> (.*$)/gm,'<blockquote>$1</blockquote>').replace(/^---$/gm,'<hr>').replace(/^- (.*$)/gm,'<li>$1</li>').replace(/\n\n/g,'<br><br>').replace(/\n/g,'<br>')}
 function sl(id){document.getElementById(id).classList.add('a')}function hl(id){document.getElementById(id).classList.remove('a')}