import{S as fe,i as me,s as he,k as f,a as V,q as ae,H as ge,l as m,m as _,h as c,c as z,r as ne,n as o,I as se,p as we,F as s,b as le,J as ce,K as Q,L as be,M as ve,A as de,N as _e,o as ye,z as Ie,O as Ee,P as re}from"../../chunks/index-c0a82f06.js";const{document:X,window:pe}=Ee;function De(p){let k,n,A,y,H,j,b,l,I,E,R,S,a,u,q,r,v,d,O,D,W,U,J,M,K,L,N,P,x,Y,F,G,Z;return{c(){k=f("link"),n=f("script"),y=f("script"),j=f("script"),l=V(),I=f("div"),E=f("canvas"),S=V(),a=f("div"),u=f("div"),q=V(),r=f("div"),v=f("div"),d=f("input"),O=V(),D=f("button"),W=ae("diffuse the f rest"),J=V(),M=f("p"),K=ae("pro tip: upload img by pasting OR dropping on the canvas"),L=V(),N=f("div"),P=f("label"),x=f("input"),Y=ae(`
					upload img`),this.h()},l(e){const t=ge('[data-svelte="svelte-bw39ln"]',X.head);k=m(t,"LINK",{href:!0,rel:!0}),n=m(t,"SCRIPT",{src:!0});var i=_(n);i.forEach(c),y=m(t,"SCRIPT",{src:!0});var g=_(y);g.forEach(c),j=m(t,"SCRIPT",{src:!0});var w=_(j);w.forEach(c),t.forEach(c),l=z(e),I=m(e,"DIV",{class:!0});var C=_(I);E=m(C,"CANVAS",{class:!0}),_(E).forEach(c),S=z(C),a=m(C,"DIV",{class:!0});var h=_(a);u=m(h,"DIV",{id:!0}),_(u).forEach(c),q=z(h),r=m(h,"DIV",{});var B=_(r);v=m(B,"DIV",{class:!0});var T=_(v);d=m(T,"INPUT",{type:!0,class:!0,placeholder:!0}),O=z(T),D=m(T,"BUTTON",{class:!0});var $=_(D);W=ne($,"diffuse the f rest"),$.forEach(c),T.forEach(c),J=z(B),M=m(B,"P",{class:!0});var ee=_(M);K=ne(ee,"pro tip: upload img by pasting OR dropping on the canvas"),ee.forEach(c),L=z(B),N=m(B,"DIV",{class:!0});var ie=_(N);P=m(ie,"LABEL",{class:!0});var te=_(P);x=m(te,"INPUT",{accept:!0,style:!0,type:!0}),Y=ne(te,`
					upload img`),te.forEach(c),ie.forEach(c),B.forEach(c),h.forEach(c),C.forEach(c),this.h()},h(){o(k,"href","https://cdnjs.cloudflare.com/ajax/libs/drawingboard.js/0.4.2/drawingboard.css"),o(k,"rel","stylesheet"),se(n.src,A="https://code.jquery.com/jquery-1.12.4.min.js")||o(n,"src",A),se(y.src,H="https://cdnjs.cloudflare.com/ajax/libs/drawingboard.js/0.4.2/drawingboard.min.js")||o(y,"src",H),se(j.src,b="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js")||o(j,"src",b),o(E,"class",R="border-[1.2px] desktop:mt-[34px] "+(p[5]?"":"hidden")),o(u,"id","board-container"),o(d,"type","text"),o(d,"class","border-2 py-1"),o(d,"placeholder","Add prompt"),o(D,"class","bg-blue-500 hover:bg-blue-700 text-white font-bold py-1.5 px-4"),o(v,"class",U="flex gap-x-2 mt-3 items-center justify-center "+(p[1]?"animate-pulse":"")),o(M,"class","no-hover:hidden mt-2 opacity-50"),o(x,"accept","image/*"),we(x,"display","none"),o(x,"type","file"),o(P,"class","with-hover:hidden border py-1 px-1.5 bg-slate-200 cursor-pointer"),o(N,"class","mt-1"),o(a,"class",F="flex flex-col items-center "+(p[1]?"pointer-events-none":"")),o(I,"class","flex flex-wrap gap-x-4 gap-y-2 justify-center my-8")},m(e,t){s(X.head,k),s(X.head,n),s(X.head,y),s(X.head,j),le(e,l,t),le(e,I,t),s(I,E),p[10](E),s(I,S),s(I,a),s(a,u),p[11](u),s(a,q),s(a,r),s(r,v),s(v,d),ce(d,p[0]),s(v,O),s(v,D),s(D,W),s(r,J),s(r,M),s(M,K),s(r,L),s(r,N),s(N,P),s(P,x),p[13](x),s(P,Y),G||(Z=[Q(pe,"drop",be(ve(p[8]))),Q(pe,"paste",p[9]),Q(d,"input",p[12]),Q(D,"click",p[6]),Q(x,"change",p[7])],G=!0)},p(e,[t]){t&32&&R!==(R="border-[1.2px] desktop:mt-[34px] "+(e[5]?"":"hidden"))&&o(E,"class",R),t&1&&d.value!==e[0]&&ce(d,e[0]),t&2&&U!==(U="flex gap-x-2 mt-3 items-center justify-center "+(e[1]?"animate-pulse":""))&&o(v,"class",U),t&2&&F!==(F="flex flex-col items-center "+(e[1]?"pointer-events-none":""))&&o(a,"class",F)},i:de,o:de,d(e){c(k),c(n),c(y),c(j),e&&c(l),e&&c(I),p[10](null),p[11](null),p[13](null),G=!1,_e(Z)}}}const oe=500,ue=3e3;function Ce(p,k,n){let A="",y=!1,H=!1,j,b,l,I,E,R,S,a=400,u,q,r,v=!1,d=[];async function O(){if(!l)return;const e=l.createImageData(b.width,b.height),t=e.data;for(let w=0,C=t.length;w<C;w+=4)t[w]=40*Math.random()*7,t[w+1]=40*Math.random()*7,t[w+2]=40*Math.random()*7,t[w+3]=255;const i=await createImageBitmap(e),g=performance.now()-I;l.globalAlpha=Math.min(g,ue)/ue,l.drawImage(i,0,0,a,a),y&&window.requestAnimationFrame(O)}function D(e){if(!l)return;const t=performance.now()-E;l.globalAlpha=Math.min(t,oe)/oe,l.drawImage(e,0,0,a,a),t<oe&&window.requestAnimationFrame(()=>D(e))}async function W(e){const t=e.toDataURL("png"),g=await(await fetch(t)).blob(),w=new File([g],"canvas shot.png",{type:"image/png"}),C=e.getContext("2d").getImageData(0,0,a,a),h=await createImageBitmap(C);return{imgFile:w,imgBitmap:h}}async function U(){if(!A)return alert("Please add prompt");if(!b||!l)return;n(1,y=!0),n(5,v=!1),K(),I=performance.now(),O();const{imgFile:e,imgBitmap:t}=await W(b),i=new FormData;i.append("prompt",A),i.append("strength","0.85"),i.append("image",e);try{const g=await fetch("https://sdb.pcuenca.net/i2i",{method:"POST",body:i}),w=JSON.parse(await g.text()),{images:C}=w;if(!C.length)return alert("All the results were flagged. Please try again with diffeerent sketch + prompt");d=await Promise.all(C.map(async B=>{const T=new Image;return T.src=`data:image/png;base64, ${B}`,await new Promise(($,ee)=>{T.onload=()=>$(T)}),T})),n(1,y=!1),S&&clearInterval(S),n(5,v=!0);let h=0;E=performance.now(),D(d[h%d.length]),R=()=>{S&&clearInterval(S),E=performance.now(),h=h+1,D(d[h%d.length])},S=setInterval(()=>{h=h+1,E=performance.now(),D(d[h%d.length])},2500),!H&&d.length>1&&J()}catch(g){console.error(g),alert("Error happened, queue might be full. Please try again in a bit :)")}}function J(){const e=document.createElement("div");e.className="drawing-board-control";const t=document.createElement("button");t.innerHTML="\u23EF",t.onclick=R,e.append(t);const i=document.querySelector(".drawing-board-controls");i&&(i.appendChild(e),H=!0,n(2,u.onclick=()=>{S&&clearInterval(S)},u))}function M(){const e=document.createElement("div");e.className="drawing-board-control";const t=document.createElement("button");t.innerHTML="\u{1F9F9}",t.onclick=()=>{l==null||l.clearRect(0,0,a,a)},e.append(t);const i=document.querySelector(".drawing-board-controls");i&&i.appendChild(e)}function K(){const e=r.getContext("2d");n(4,r.width=b.width,r),n(4,r.height=b.height,r),e.drawImage(b,0,0)}async function L(e){const t=new Image;t.src=URL.createObjectURL(e),await new Promise((w,C)=>{t.onload=()=>w(t)});const{width:i,height:g}=t;l==null||l.drawImage(t,0,0,i,g,0,0,a,a)}function N(){var t;const e=(t=q.files)==null?void 0:t[0];e&&L(e)}function P(e){var g;if(!((g=e.dataTransfer)!=null&&g.files))return;e.preventDefault();const i=Array.from(e.dataTransfer.files)[0];L(i)}function x(e){if(!e.clipboardData)return;const t=Array.from(e.clipboardData.files);if(t.length===0)return;e.preventDefault();const i=t[0];L(i)}ye(async()=>{const{innerWidth:e}=window;a=Math.min(a,Math.floor(e*.75)),n(2,u.style.width=`${a}px`,u),n(2,u.style.height=`${a}px`,u),n(4,r.style.width=`${a}px`,r),n(4,r.style.height=`${a}px`,r),await Ie(),j=new window.DrawingBoard.Board("board-container",{size:10,controls:["Color",{Size:{type:"dropdown"}},{DrawingMode:{filler:!1}}],webStorage:!1,enlargeYourContainer:!0}),b=j.canvas,l=b.getContext("2d"),b.ondragover=function(t){return t.preventDefault(),!1},M()});function Y(e){re[e?"unshift":"push"](()=>{r=e,n(4,r)})}function F(e){re[e?"unshift":"push"](()=>{u=e,n(2,u)})}function G(){A=this.value,n(0,A)}function Z(e){re[e?"unshift":"push"](()=>{q=e,n(3,q)})}return[A,y,u,q,r,v,U,N,P,x,Y,F,G,Z]}class je extends fe{constructor(k){super(),me(this,k,Ce,De,he,{})}}export{je as default};