Update index.html

index.html

@@ -199,57 +199,54 @@ function hu(inp,k){const f=inp.files&&inp.files[0];if(!f)return;const z=inp.clos
 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){
+  /* ── Phase 1: POST → event_id 획득 (URL 순서대로 시도) ── */
+  let sseUrl=null;
   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();
-      });
+      sseUrl=`${u}/${j.event_id}`;
+      break; /* POST 성공 → SSE 단계로 이동 */
     }catch{}
   }
-  throw new Error('API 연결 실패');
+  if(!sseUrl)throw new Error('API 연결 실패 (서버에 연결할 수 없습니다)');
+
+  /* ── Phase 2: SSE 수신 + 자동 재연결 (새 POST 절대 안 함) ── */
+  return new Promise((ok,no)=>{
+    let done=false,retries=0,es=null;
+    const MAX_RETRY=150; /* 150×2s=5분 재연결 허용 */
+    const TOTAL_TO=setTimeout(()=>{if(!done){done=true;if(es)es.close();no(new Error('시간 초과 (10분)'));}},600000);
+    function resolve(val){if(done)return;done=true;clearTimeout(TOTAL_TO);if(es)es.close();ok(val);}
+    function reject(err){if(done)return;done=true;clearTimeout(TOTAL_TO);if(es)es.close();no(err);}
+    function onData(e){
+      try{
+        const raw=JSON.parse(e.data);
+        if(!raw)return;
+        /* process_completed 포맷 */
+        if(raw.msg==='process_completed'&&raw.output&&raw.output.data){resolve(raw.output.data);return;}
+        /* 직접 배열 포맷 */
+        const p=Array.isArray(raw)?raw:(raw.data&&Array.isArray(raw.data)?raw.data:null);
+        if(p)resolve(p);
+      }catch{}
+    }
+    function connect(){
+      if(done)return;
+      es=new EventSource(sseUrl);
+      es.onmessage=onData;
+      es.addEventListener('complete',onData);
+      es.addEventListener('process_completed',onData);
+      es.onerror=()=>{
+        if(done)return;
+        es.close();
+        retries++;
+        if(retries>MAX_RETRY){reject(new Error('연결이 반복 끊김 (재시도 초과)'));return;}
+        setTimeout(connect,2000); /* 2초 후 같은 event_id로 재연결 */
+      };
+    }
+    connect();
+  });
 }
 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>')}