release: build b6abd69a367b9dd438e263663f2d063ca62635f7

assets/{index-Cc0sf25S.js → index-CSeWt1Bu.js}

@@ -14,4 +14,4 @@
 * @vue/runtime-dom v3.5.13
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/let Gn;const Ns=typeof window<"u"&&window.trustedTypes;if(Ns)try{Gn=Ns.createPolicy("vue",{createHTML:e=>e})}catch{}const fi=Gn?e=>Gn.createHTML(e):e=>e,hl="http://www.w3.org/2000/svg",pl="http://www.w3.org/1998/Math/MathML",ke=typeof document<"u"?document:null,Ls=ke&&ke.createElement("template"),gl={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?ke.createElementNS(hl,e):t==="mathml"?ke.createElementNS(pl,e):n?ke.createElement(e,{is:n}):ke.createElement(e);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>ke.createTextNode(e),createComment:e=>ke.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>ke.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,i){const o=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{Ls.innerHTML=fi(s==="svg"?`<svg>${e}</svg>`:s==="mathml"?`<math>${e}</math>`:e);const l=Ls.content;if(s==="svg"||s==="mathml"){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},ml=Symbol("_vtc");function vl(e,t,n){const s=e[ml];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Vs=Symbol("_vod"),bl=Symbol("_vsh"),_l=Symbol(""),yl=/(^|;)\s*display\s*:/;function xl(e,t,n){const s=e.style,r=Z(n);let i=!1;if(n&&!r){if(t)if(Z(t))for(const o of t.split(";")){const l=o.slice(0,o.indexOf(":")).trim();n[l]==null&&Xt(s,l,"")}else for(const o in t)n[o]==null&&Xt(s,o,"");for(const o in n)o==="display"&&(i=!0),Xt(s,o,n[o])}else if(r){if(t!==n){const o=s[_l];o&&(n+=";"+o),s.cssText=n,i=yl.test(n)}}else t&&e.removeAttribute("style");Vs in e&&(e[Vs]=i?s.display:"",e[bl]&&(s.display="none"))}const $s=/\s*!important$/;function Xt(e,t,n){if(M(n))n.forEach(s=>Xt(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=wl(e,t);$s.test(n)?e.setProperty(Xe(s),n.replace($s,""),"important"):e[s]=n}}const Hs=["Webkit","Moz","ms"],Dn={};function wl(e,t){const n=Dn[t];if(n)return n;let s=Ge(t);if(s!=="filter"&&s in e)return Dn[t]=s;s=ir(s);for(let r=0;r<Hs.length;r++){const i=Hs[r]+s;if(i in e)return Dn[t]=i}return t}const Us="http://www.w3.org/1999/xlink";function ks(e,t,n,s,r,i=Ti(t)){s&&t.startsWith("xlink:")?n==null?e.removeAttributeNS(Us,t.slice(6,t.length)):e.setAttributeNS(Us,t,n):n==null||i&&!cr(n)?e.removeAttribute(t):e.setAttribute(t,i?"":$e(n)?String(n):n)}function Bs(e,t,n,s,r){if(t==="innerHTML"||t==="textContent"){n!=null&&(e[t]=t==="innerHTML"?fi(n):n);return}const i=e.tagName;if(t==="value"&&i!=="PROGRESS"&&!i.includes("-")){const l=i==="OPTION"?e.getAttribute("value")||"":e.value,c=n==null?e.type==="checkbox"?"on":"":String(n);(l!==c||!("_value"in e))&&(e.value=c),n==null&&e.removeAttribute(t),e._value=n;return}let o=!1;if(n===""||n==null){const l=typeof e[t];l==="boolean"?n=cr(n):n==null&&l==="string"?(n="",o=!0):l==="number"&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(r||t)}function ai(e,t,n,s){e.addEventListener(t,n,s)}function Sl(e,t,n,s){e.removeEventListener(t,n,s)}const Ws=Symbol("_vei");function Cl(e,t,n,s,r=null){const i=e[Ws]||(e[Ws]={}),o=i[t];if(s&&o)o.value=s;else{const[l,c]=Tl(t);if(s){const d=i[t]=Ol(s,r);ai(e,l,d,c)}else o&&(Sl(e,l,o,c),i[t]=void 0)}}const Ks=/(?:Once|Passive|Capture)$/;function Tl(e){let t;if(Ks.test(e)){t={};let s;for(;s=e.match(Ks);)e=e.slice(0,e.length-s[0].length),t[s[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):Xe(e.slice(2)),t]}let Fn=0;const Al=Promise.resolve(),El=()=>Fn||(Al.then(()=>Fn=0),Fn=Date.now());function Ol(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;He(Pl(s,n.value),t,5,[s])};return n.value=e,n.attached=El(),n}function Pl(e,t){if(M(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const qs=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Ml=(e,t,n,s,r,i)=>{const o=r==="svg";t==="class"?vl(e,s,o):t==="style"?xl(e,n,s):ln(t)?Jn(t)||Cl(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Rl(e,t,s,o))?(Bs(e,t,s),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&ks(e,t,s,o,i,t!=="value")):e._isVueCE&&(/[A-Z]/.test(t)||!Z(s))?Bs(e,Ge(t),s,i,t):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),ks(e,t,s,o))};function Rl(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&qs(t)&&I(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return qs(t)&&Z(n)?!1:t in e}const Gs=e=>{const t=e.props["onUpdate:modelValue"]||!1;return M(t)?n=>zt(t,n):t},jn=Symbol("_assign"),di={deep:!0,created(e,{value:t,modifiers:{number:n}},s){const r=cn(t);ai(e,"change",()=>{const i=Array.prototype.filter.call(e.options,o=>o.selected).map(o=>n?lr(on(o)):on(o));e[jn](e.multiple?r?new Set(i):i:i[0]),e._assigning=!0,Mr(()=>{e._assigning=!1})}),e[jn]=Gs(s)},mounted(e,{value:t}){zs(e,t)},beforeUpdate(e,t,n){e[jn]=Gs(n)},updated(e,{value:t}){e._assigning||zs(e,t)}};function zs(e,t){const n=e.multiple,s=M(t);if(!(n&&!s&&!cn(t))){for(let r=0,i=e.options.length;r<i;r++){const o=e.options[r],l=on(o);if(n)if(s){const c=typeof l;c==="string"||c==="number"?o.selected=t.some(d=>String(d)===String(l)):o.selected=Ei(t,l)>-1}else o.selected=t.has(l);else if(an(on(o),t)){e.selectedIndex!==r&&(e.selectedIndex=r);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function on(e){return"_value"in e?e._value:e.value}const Il=le({patchProp:Ml},gl);let Js;function Dl(){return Js||(Js=Vo(Il))}const Fl=(...e)=>{const t=Dl().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=Nl(s);if(!r)return;const i=t._component;!I(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent="");const o=n(r,!1,jl(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),o},t};function jl(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function Nl(e){return Z(e)?document.querySelector(e):e}const Ll="/logo.png";function xn(e){return ar()?(Pi(e),!0):!1}const ds=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Vl=e=>e!=null,$l=Object.prototype.toString,Hl=e=>$l.call(e)==="[object Object]",Ys=()=>{};function Ul(e,t){function n(...s){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,s),{fn:t,thisArg:this,args:s})).then(r).catch(i)})}return n}function kl(e,t={}){let n,s,r=Ys;const i=c=>{clearTimeout(c),r(),r=Ys};let o;return c=>{const d=Ae(e),f=Ae(t.maxWait);return n&&i(n),d<=0||f!==void 0&&f<=0?(s&&(i(s),s=null),Promise.resolve(c())):new Promise((h,b)=>{r=t.rejectOnCancel?b:h,o=c,f&&!s&&(s=setTimeout(()=>{n&&i(n),s=null,h(o())},f)),n=setTimeout(()=>{s&&i(s),s=null,h(c())},d)})}}function Bl(e){let t;function n(){return t||(t=e()),t}return n.reset=async()=>{const s=t;t=void 0,s&&await s},n}function Zt(e){return Array.isArray(e)?e:[e]}function Wl(e,t=200,n={}){return Ul(kl(t,n),e)}function Kl(e,t,n){return xe(e,t,{...n,immediate:!0})}const wn=ds?window:void 0,hs=ds?window.navigator:void 0;function ps(e){var t;const n=Ae(e);return(t=n==null?void 0:n.$el)!=null?t:n}function gs(...e){const t=[],n=()=>{t.forEach(l=>l()),t.length=0},s=(l,c,d,f)=>(l.addEventListener(c,d,f),()=>l.removeEventListener(c,d,f)),r=qe(()=>{const l=Zt(Ae(e[0])).filter(c=>c!=null);return l.every(c=>typeof c!="string")?l:void 0}),i=Kl(()=>{var l,c;return[(c=(l=r.value)==null?void 0:l.map(d=>ps(d)))!=null?c:[wn].filter(d=>d!=null),Zt(Ae(r.value?e[1]:e[0])),Zt(Ce(r.value?e[2]:e[1])),Ae(r.value?e[3]:e[2])]},([l,c,d,f])=>{if(n(),!(l!=null&&l.length)||!(c!=null&&c.length)||!(d!=null&&d.length))return;const h=Hl(f)?{...f}:f;t.push(...l.flatMap(b=>c.flatMap(g=>d.map(T=>s(b,g,T,h)))))},{flush:"post"}),o=()=>{i(),n()};return xn(n),o}function ql(){const e=Te(!1),t=li();return t&&cs(()=>{e.value=!0},t),e}function Sn(e){const t=ql();return qe(()=>(t.value,!!e()))}function Gl(e,t,n={}){const{window:s=wn,...r}=n;let i;const o=Sn(()=>s&&"MutationObserver"in s),l=()=>{i&&(i.disconnect(),i=void 0)},c=qe(()=>{const b=Ae(e),g=Zt(b).map(ps).filter(Vl);return new Set(g)}),d=xe(()=>c.value,b=>{l(),o.value&&b.size&&(i=new MutationObserver(t),b.forEach(g=>i.observe(g,r)))},{immediate:!0,flush:"post"}),f=()=>i==null?void 0:i.takeRecords(),h=()=>{d(),l()};return xn(h),{isSupported:o,stop:h,takeRecords:f}}function zl(e,t={}){const{controls:n=!1,navigator:s=hs}=t,r=Sn(()=>s&&"permissions"in s),i=Te(),o={name:e},l=Te(),c=()=>{var f,h;l.value=(h=(f=i.value)==null?void 0:f.state)!=null?h:"prompt"};gs(i,"change",c,{passive:!0});const d=Bl(async()=>{if(r.value){if(!i.value)try{i.value=await s.permissions.query(o)}catch{i.value=void 0}finally{c()}if(n)return L(i.value)}});return d(),n?{state:l,isSupported:r,query:d}:l}function qt(e,t,n={}){const{window:s=wn,initialValue:r,observe:i=!1}=n,o=Te(r),l=qe(()=>{var d;return ps(t)||((d=s==null?void 0:s.document)==null?void 0:d.documentElement)});function c(){var d;const f=Ae(e),h=Ae(l);if(h&&s&&f){const b=(d=s.getComputedStyle(h).getPropertyValue(f))==null?void 0:d.trim();o.value=b||o.value||r}}return i&&Gl(l,c,{attributeFilter:["style","class"],window:s}),xe([l,()=>Ae(e)],(d,f)=>{f[0]&&f[1]&&f[0].style.removeProperty(f[1]),c()}),xe([o,l],([d,f])=>{const h=Ae(e);f!=null&&f.style&&h&&(d==null?f.style.removeProperty(h):f.style.setProperty(h,d))},{immediate:!0}),o}function Jl(e={}){const{navigator:t=hs,requestPermissions:n=!1,constraints:s={audio:!0,video:!0},onUpdated:r}=e,i=ee([]),o=qe(()=>i.value.filter(T=>T.kind==="videoinput")),l=qe(()=>i.value.filter(T=>T.kind==="audioinput")),c=qe(()=>i.value.filter(T=>T.kind==="audiooutput")),d=Sn(()=>t&&t.mediaDevices&&t.mediaDevices.enumerateDevices),f=Te(!1);let h;async function b(){d.value&&(i.value=await t.mediaDevices.enumerateDevices(),r==null||r(i.value),h&&(h.getTracks().forEach(T=>T.stop()),h=null))}async function g(){if(!d.value)return!1;if(f.value)return!0;const{state:T,query:A}=zl("camera",{controls:!0});if(await A(),T.value!=="granted"){let H=!0;try{h=await t.mediaDevices.getUserMedia(s)}catch{h=null,H=!1}b(),f.value=H}else f.value=!0;return f.value}return d.value&&(n&&g(),gs(t.mediaDevices,"devicechange",b,{passive:!0}),b()),{devices:i,ensurePermissions:g,permissionGranted:f,videoInputs:o,audioInputs:l,audioOutputs:c,isSupported:d}}const Xs="--vueuse-safe-area-top",Zs="--vueuse-safe-area-right",Qs="--vueuse-safe-area-bottom",er="--vueuse-safe-area-left";function Yl(){const e=Te(""),t=Te(""),n=Te(""),s=Te("");if(ds){const i=qt(Xs),o=qt(Zs),l=qt(Qs),c=qt(er);i.value="env(safe-area-inset-top, 0px)",o.value="env(safe-area-inset-right, 0px)",l.value="env(safe-area-inset-bottom, 0px)",c.value="env(safe-area-inset-left, 0px)",r(),gs("resize",Wl(r),{passive:!0})}function r(){e.value=Gt(Xs),t.value=Gt(Zs),n.value=Gt(Qs),s.value=Gt(er)}return{top:e,right:t,bottom:n,left:s,update:r}}function Gt(e){return getComputedStyle(document.documentElement).getPropertyValue(e)}function Xl(e={}){var t,n;const s=ee((t=e.enabled)!=null?t:!1),r=ee((n=e.autoSwitch)!=null?n:!0),i=ee(e.constraints),{navigator:o=hs}=e,l=Sn(()=>{var A;return(A=o==null?void 0:o.mediaDevices)==null?void 0:A.getUserMedia}),c=Te();function d(A){switch(A){case"video":{if(i.value)return i.value.video||!1;break}case"audio":{if(i.value)return i.value.audio||!1;break}}}async function f(){if(!(!l.value||c.value))return c.value=await o.mediaDevices.getUserMedia({video:d("video"),audio:d("audio")}),c.value}function h(){var A;(A=c.value)==null||A.getTracks().forEach(H=>H.stop()),c.value=void 0}function b(){h(),s.value=!1}async function g(){return await f(),c.value&&(s.value=!0),c.value}async function T(){return h(),await g()}return xe(s,A=>{A?f():h()},{immediate:!0}),xe(i,()=>{r.value&&c.value&&T()},{immediate:!0}),xn(()=>{b()}),{isSupported:l,stream:c,start:g,stop:b,restart:T,constraints:i,enabled:s,autoSwitch:r}}function Zl(e,t,n){const{window:s=wn}={},r=ee(null),i=Te(),o=(...c)=>{i.value&&i.value.postMessage(...c)},l=function(){i.value&&i.value.terminate()};return s&&(i.value=new Worker(e,t),i.value.onmessage=c=>{r.value=c.data},xn(()=>{i.value&&i.value.terminate()})),{data:r,post:o,terminate:l,worker:i}}const Ql=gn({__name:"AudioVisualizer",props:{stream:{}},setup(e){const t=e,n=ee(!1),s=ee();cs(()=>{r()}),xe(()=>t.stream,()=>{r()});function r(){if(n.value||!s.value||!t.stream)return;n.value=!0;const i=new(window.AudioContext||window.webkitAudioContext),o=i.createMediaStreamSource(t.stream),l=i.createAnalyser();l.fftSize=2048,o.connect(l);const c=l.frequencyBinCount,d=new Uint8Array(c),f=()=>{try{if(!s.value)return;requestAnimationFrame(f),l.getByteTimeDomainData(d);const h=s.value.getContext("2d");if(!h)return;h.fillStyle="rgb(255, 255, 255)",h.fillRect(0,0,s.value.width,s.value.height),h.lineWidth=2,h.strokeStyle="rgb(0, 0, 0)",h.beginPath();const b=s.value.width*1/c;let g=0;for(let T=0;T<c;++T){const H=d[T]/128*s.value.height/2;T===0?h.moveTo(g,H):h.lineTo(g,H),g+=b}h.lineTo(s.value.width,s.value.height/2),h.stroke()}catch(h){console.error(h)}};f()}return(i,o)=>(Q(),ne("canvas",{ref_key:"canvasRef",ref:s,width:"720",height:"240"},null,512))}}),ec={className:"w-full bg-gray-100 dark:bg-gray-700 text-left rounded-lg overflow-hidden mb-0.5"},tc=gn({__name:"Progress",props:{text:{},percentage:{default:0},total:{}},setup(e){function t(n){n||(n=0);const s=n===0?0:Math.floor(Math.log(n)/Math.log(1024));return+(n/1024**s).toFixed(2)*1+["B","kB","MB","GB","TB"][s]}return(n,s)=>(Q(),ne("div",ec,[k("div",{className:"bg-blue-400 whitespace-nowrap px-1 text-sm",style:Vt({width:`${n.percentage}%`})},Ke(n.text)+" ("+Ke(n.percentage.toFixed(2))+"%"+Ke(Number.isNaN(n.total)?"":` of ${t(n.total)}`)+") ",5)]))}}),nc=["value"],sc=gn({__name:"WhisperLanguageSelect",props:{modelValue:{type:String},modelModifiers:{}},emits:["update:modelValue"],setup(e){const t=Go(e,"modelValue"),n={en:"english",zh:"chinese",de:"german",es:"spanish/castilian",ru:"russian",ko:"korean",fr:"french",ja:"japanese",pt:"portuguese",tr:"turkish",pl:"polish",ca:"catalan/valencian",nl:"dutch/flemish",ar:"arabic",sv:"swedish",it:"italian",id:"indonesian",hi:"hindi",fi:"finnish",vi:"vietnamese",he:"hebrew",uk:"ukrainian",el:"greek",ms:"malay",cs:"czech",ro:"romanian/moldavian/moldovan",da:"danish",hu:"hungarian",ta:"tamil",no:"norwegian",th:"thai",ur:"urdu",hr:"croatian",bg:"bulgarian",lt:"lithuanian",la:"latin",mi:"maori",ml:"malayalam",cy:"welsh",sk:"slovak",te:"telugu",fa:"persian",lv:"latvian",bn:"bengali",sr:"serbian",az:"azerbaijani",sl:"slovenian",kn:"kannada",et:"estonian",mk:"macedonian",br:"breton",eu:"basque",is:"icelandic",hy:"armenian",ne:"nepali",mn:"mongolian",bs:"bosnian",kk:"kazakh",sq:"albanian",sw:"swahili",gl:"galician",mr:"marathi",pa:"punjabi/panjabi",si:"sinhala/sinhalese",km:"khmer",sn:"shona",yo:"yoruba",so:"somali",af:"afrikaans",oc:"occitan",ka:"georgian",be:"belarusian",tg:"tajik",sd:"sindhi",gu:"gujarati",am:"amharic",yi:"yiddish",lo:"lao",uz:"uzbek",fo:"faroese",ht:"haitian creole/haitian",ps:"pashto/pushto",tk:"turkmen",nn:"nynorsk",mt:"maltese",sa:"sanskrit",lb:"luxembourgish/letzeburgesch",my:"myanmar/burmese",bo:"tibetan",tl:"tagalog",mg:"malagasy",as:"assamese",tt:"tatar",haw:"hawaiian",ln:"lingala",ha:"hausa",ba:"bashkir",jw:"javanese",su:"sundanese"};function s(i){return i=i.toLowerCase(),(i.match(/\w+.?/g)||[]).map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("")}const r=Object.values(n).map(s);return(i,o)=>(Q(),ne("div",null,[jr(k("select",{"onUpdate:modelValue":o[0]||(o[0]=l=>t.value=l),className:"border rounded-lg p-2 max-w-[100px]"},[(Q(!0),ne(be,null,Un(Object.keys(n),(l,c)=>(Q(),ne("option",{key:c,value:l},Ke(Ce(r)[c]),9,nc))),128))],512),[[di,t.value]])]))}}),rc="/assets/worker-Dc8BUX6A.js",ic={"h-full":"","w-full":""},oc={key:0,class:"mx-auto h-screen flex flex-col justify-end bg-white text-gray-800 dark:bg-gray-900 dark:text-gray-200"},lc={class:"scrollbar-thin relative h-full flex flex-col items-center justify-center overflow-auto"},cc={class:"flex flex-col items-center px-4"},uc=["disabled"],fc={class:"w-[500px] p-2"},ac={key:0,class:"relative"},dc={class:"overflow-wrap-anywhere white h-[80px] w-full overflow-y-auto border rounded-lg p-2"},hc={key:0,class:"absolute bottom-0 right-0 px-1"},pc={key:1,class:"relative w-full flex justify-center"},gc={key:2,class:"relative w-full flex flex-col justify-center"},mc=["value"],vc={key:3,class:"mx-auto max-w-[500px] w-full p-4 text-left"},bc={class:"text-center"},_c={key:1,class:"fixed z-10 h-screen w-screen flex items-center justify-center bg-black bg-opacity-[92%] text-center text-2xl text-white font-semibold"},tr=16e3,yc=30,xc=gn({__name:"App",setup(e){const t="gpu"in navigator&&navigator.gpu,n=tr*yc,{top:s,right:r,bottom:i,left:o}=Yl(),l=ee(null),c=ee(""),d=ee([]),f=ee(""),h=ee(),b=ee("en"),g=ee(),T=ee(!1),A=ee(!1),H=ee([]),N=ee(null),{post:q,data:z}=Zl(rc,{type:"module"}),{audioInputs:P}=Jl({constraints:{audio:!0},requestPermissions:!0}),J=ee(),Pe=qe(()=>({audio:{deviceId:J.value}})),{stream:ce}=Xl({constraints:Pe,enabled:!0,autoSwitch:!0});xe(z,j=>{var D,Y;switch(j.status){case"loading":l.value="loading",c.value=j.data;break;case"initiate":d.value.push(j);break;case"progress":d.value=d.value.map(de=>de.file===j.file?{...de,...j}:de);break;case"done":d.value=d.value.filter(de=>de.file!==j.file);break;case"ready":l.value="ready",(D=g.value)==null||D.start();break;case"start":A.value=!0,(Y=g.value)==null||Y.requestData();break;case"update":h.value=j.tps;break;case"complete":A.value=!1,f.value=j.output[0]||"";break}}),xe(ce,()=>{ce.value&&(g.value=new MediaRecorder(ce.value),N.value=new AudioContext({sampleRate:tr}),g.value.onstart=()=>{T.value=!0,H.value=[]},g.value.ondataavailable=j=>{j.data.size>0?H.value.push(j.data):setTimeout(()=>{var D;(D=g.value)==null||D.requestData()},25)},g.value.onstop=()=>{T.value=!1})}),Wo(()=>{var j;if(g.value&&T.value&&!A.value&&l.value==="ready")if(H.value.length>0){const D=new Blob(H.value,{type:g.value.mimeType}),Y=new FileReader;Y.onloadend=async()=>{var te;const de=Y.result,et=await((te=N.value)==null?void 0:te.decodeAudioData(de));let Se=et==null?void 0:et.getChannelData(0);((Se==null?void 0:Se.length)||0)>n&&(Se=Se==null?void 0:Se.slice(-48e4)),q({type:"generate",data:{audio:Se,language:b.value}})},Y.readAsArrayBuffer(D)}else(j=g.value)==null||j.requestData()}),xe([b],()=>{var j,D;(j=g.value)==null||j.stop(),(D=g.value)==null||D.start()});function Me(){q({type:"load"}),l.value="loading"}function ft(){var j,D;(j=g.value)==null||j.stop(),(D=g.value)==null||D.start()}return us(()=>{var j;(j=g.value)==null||j.stop(),g.value=void 0}),(j,D)=>(Q(),ne("main",{text:"gray-700 dark:gray-200","h-full":"","font-sans":"",style:Vt({paddingTop:`${Ce(s)}px`,paddingRight:`${Ce(r)}px`,paddingBottom:`${Ce(i)}px`,paddingLeft:`${Ce(o)}px`})},[k("div",ic,[Ce(t)?(Q(),ne("div",oc,[k("div",lc,[D[6]||(D[6]=k("div",{class:"mb-1 max-w-[400px] flex flex-col items-center text-center"},[k("img",{src:Ll,width:"50%",height:"auto",class:"block"}),k("h1",{class:"mb-1 text-4xl font-bold"}," Whisper WebGPU "),k("h2",{class:"text-xl font-semibold"}," Real-time in-browser speech recognition ")],-1)),k("div",cc,[l.value===null?(Q(),ne(be,{key:0},[D[3]||(D[3]=k("p",{class:"mb-4 max-w-[480px]"},[k("br"),ot(" You are about to load "),k("a",{href:"https://huggingface.co/onnx-community/whisper-base",target:"_blank",rel:"noreferrer",class:"font-medium underline"},"whisper-base"),ot(", a 73 million parameter speech recognition model that is optimized for inference on the web. Once downloaded, the model (~200 MB) will be cached and reused when you revisit the page."),k("br"),k("br"),ot(" Everything runs directly in your browser using "),k("a",{href:"https://huggingface.co/docs/transformers.js",target:"_blank",rel:"noreferrer",class:"underline"},"🤗 Transformers.js"),ot(" and ONNX Runtime Web, meaning no data is sent to a server. You can even disconnect from the internet after the model has loaded! ")],-1)),k("button",{class:"select-none border rounded-lg bg-blue-400 px-4 py-2 text-white disabled:cursor-not-allowed disabled:bg-blue-100 hover:bg-blue-500",disabled:l.value!==null,onClick:Me},D[2]||(D[2]=[k("span",null,"Load model",-1)]),8,uc)],64)):dt("",!0),k("div",fc,[Oe(Ql,{class:"w-full rounded-lg",stream:Ce(ce)},null,8,["stream"]),l.value==="ready"?(Q(),ne("div",ac,[k("p",dc,Ke(f.value),1),h.value?(Q(),ne("span",hc,Ke(h.value.toFixed(2))+" tok/s",1)):dt("",!0)])):dt("",!0)]),l.value==="ready"?(Q(),ne("div",pc,[Oe(sc,{modelValue:b.value,"onUpdate:modelValue":D[0]||(D[0]=Y=>b.value=Y)},null,8,["modelValue"]),k("button",{class:"absolute right-2 border rounded-lg px-2",onClick:ft},D[4]||(D[4]=[k("span",null,"Reset",-1)]))])):dt("",!0),l.value==="ready"?(Q(),ne("div",gc,[jr(k("select",{"onUpdate:modelValue":D[1]||(D[1]=Y=>J.value=Y),className:"border rounded-lg p-2 max-w-[100px]"},[D[5]||(D[5]=k("option",{disabled:""}," Select a Audio Input ",-1)),(Q(!0),ne(be,null,Un(Ce(P),Y=>(Q(),ne("option",{key:Y.deviceId,value:Y.deviceId},Ke(Y.label),9,mc))),128))],512),[[di,J.value]])])):dt("",!0),l.value==="loading"?(Q(),ne("div",vc,[k("p",bc,Ke(c.value),1),(Q(!0),ne(be,null,Un(d.value,(Y,de)=>(Q(),ri(tc,{key:de,text:Y.file,percentage:Y.progress||0,total:Y.total||0},null,8,["text","percentage","total"]))),128))])):dt("",!0)])])])):(Q(),ne("div",_c,D[7]||(D[7]=[ot(" WebGPU is not supported"),k("br",null,null,-1),ot("by this browser :( ")])))])],4))}});Fl(xc).mount("#app");
+**/let Gn;const Ns=typeof window<"u"&&window.trustedTypes;if(Ns)try{Gn=Ns.createPolicy("vue",{createHTML:e=>e})}catch{}const fi=Gn?e=>Gn.createHTML(e):e=>e,hl="http://www.w3.org/2000/svg",pl="http://www.w3.org/1998/Math/MathML",ke=typeof document<"u"?document:null,Ls=ke&&ke.createElement("template"),gl={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?ke.createElementNS(hl,e):t==="mathml"?ke.createElementNS(pl,e):n?ke.createElement(e,{is:n}):ke.createElement(e);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>ke.createTextNode(e),createComment:e=>ke.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>ke.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,i){const o=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{Ls.innerHTML=fi(s==="svg"?`<svg>${e}</svg>`:s==="mathml"?`<math>${e}</math>`:e);const l=Ls.content;if(s==="svg"||s==="mathml"){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},ml=Symbol("_vtc");function vl(e,t,n){const s=e[ml];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Vs=Symbol("_vod"),bl=Symbol("_vsh"),_l=Symbol(""),yl=/(^|;)\s*display\s*:/;function xl(e,t,n){const s=e.style,r=Z(n);let i=!1;if(n&&!r){if(t)if(Z(t))for(const o of t.split(";")){const l=o.slice(0,o.indexOf(":")).trim();n[l]==null&&Xt(s,l,"")}else for(const o in t)n[o]==null&&Xt(s,o,"");for(const o in n)o==="display"&&(i=!0),Xt(s,o,n[o])}else if(r){if(t!==n){const o=s[_l];o&&(n+=";"+o),s.cssText=n,i=yl.test(n)}}else t&&e.removeAttribute("style");Vs in e&&(e[Vs]=i?s.display:"",e[bl]&&(s.display="none"))}const $s=/\s*!important$/;function Xt(e,t,n){if(M(n))n.forEach(s=>Xt(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=wl(e,t);$s.test(n)?e.setProperty(Xe(s),n.replace($s,""),"important"):e[s]=n}}const Hs=["Webkit","Moz","ms"],Dn={};function wl(e,t){const n=Dn[t];if(n)return n;let s=Ge(t);if(s!=="filter"&&s in e)return Dn[t]=s;s=ir(s);for(let r=0;r<Hs.length;r++){const i=Hs[r]+s;if(i in e)return Dn[t]=i}return t}const Us="http://www.w3.org/1999/xlink";function ks(e,t,n,s,r,i=Ti(t)){s&&t.startsWith("xlink:")?n==null?e.removeAttributeNS(Us,t.slice(6,t.length)):e.setAttributeNS(Us,t,n):n==null||i&&!cr(n)?e.removeAttribute(t):e.setAttribute(t,i?"":$e(n)?String(n):n)}function Bs(e,t,n,s,r){if(t==="innerHTML"||t==="textContent"){n!=null&&(e[t]=t==="innerHTML"?fi(n):n);return}const i=e.tagName;if(t==="value"&&i!=="PROGRESS"&&!i.includes("-")){const l=i==="OPTION"?e.getAttribute("value")||"":e.value,c=n==null?e.type==="checkbox"?"on":"":String(n);(l!==c||!("_value"in e))&&(e.value=c),n==null&&e.removeAttribute(t),e._value=n;return}let o=!1;if(n===""||n==null){const l=typeof e[t];l==="boolean"?n=cr(n):n==null&&l==="string"?(n="",o=!0):l==="number"&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(r||t)}function ai(e,t,n,s){e.addEventListener(t,n,s)}function Sl(e,t,n,s){e.removeEventListener(t,n,s)}const Ws=Symbol("_vei");function Cl(e,t,n,s,r=null){const i=e[Ws]||(e[Ws]={}),o=i[t];if(s&&o)o.value=s;else{const[l,c]=Tl(t);if(s){const d=i[t]=Ol(s,r);ai(e,l,d,c)}else o&&(Sl(e,l,o,c),i[t]=void 0)}}const Ks=/(?:Once|Passive|Capture)$/;function Tl(e){let t;if(Ks.test(e)){t={};let s;for(;s=e.match(Ks);)e=e.slice(0,e.length-s[0].length),t[s[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):Xe(e.slice(2)),t]}let Fn=0;const Al=Promise.resolve(),El=()=>Fn||(Al.then(()=>Fn=0),Fn=Date.now());function Ol(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;He(Pl(s,n.value),t,5,[s])};return n.value=e,n.attached=El(),n}function Pl(e,t){if(M(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const qs=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Ml=(e,t,n,s,r,i)=>{const o=r==="svg";t==="class"?vl(e,s,o):t==="style"?xl(e,n,s):ln(t)?Jn(t)||Cl(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Rl(e,t,s,o))?(Bs(e,t,s),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&ks(e,t,s,o,i,t!=="value")):e._isVueCE&&(/[A-Z]/.test(t)||!Z(s))?Bs(e,Ge(t),s,i,t):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),ks(e,t,s,o))};function Rl(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&qs(t)&&I(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return qs(t)&&Z(n)?!1:t in e}const Gs=e=>{const t=e.props["onUpdate:modelValue"]||!1;return M(t)?n=>zt(t,n):t},jn=Symbol("_assign"),di={deep:!0,created(e,{value:t,modifiers:{number:n}},s){const r=cn(t);ai(e,"change",()=>{const i=Array.prototype.filter.call(e.options,o=>o.selected).map(o=>n?lr(on(o)):on(o));e[jn](e.multiple?r?new Set(i):i:i[0]),e._assigning=!0,Mr(()=>{e._assigning=!1})}),e[jn]=Gs(s)},mounted(e,{value:t}){zs(e,t)},beforeUpdate(e,t,n){e[jn]=Gs(n)},updated(e,{value:t}){e._assigning||zs(e,t)}};function zs(e,t){const n=e.multiple,s=M(t);if(!(n&&!s&&!cn(t))){for(let r=0,i=e.options.length;r<i;r++){const o=e.options[r],l=on(o);if(n)if(s){const c=typeof l;c==="string"||c==="number"?o.selected=t.some(d=>String(d)===String(l)):o.selected=Ei(t,l)>-1}else o.selected=t.has(l);else if(an(on(o),t)){e.selectedIndex!==r&&(e.selectedIndex=r);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function on(e){return"_value"in e?e._value:e.value}const Il=le({patchProp:Ml},gl);let Js;function Dl(){return Js||(Js=Vo(Il))}const Fl=(...e)=>{const t=Dl().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=Nl(s);if(!r)return;const i=t._component;!I(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent="");const o=n(r,!1,jl(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),o},t};function jl(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function Nl(e){return Z(e)?document.querySelector(e):e}const Ll="/logo.png";function xn(e){return ar()?(Pi(e),!0):!1}const ds=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Vl=e=>e!=null,$l=Object.prototype.toString,Hl=e=>$l.call(e)==="[object Object]",Ys=()=>{};function Ul(e,t){function n(...s){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,s),{fn:t,thisArg:this,args:s})).then(r).catch(i)})}return n}function kl(e,t={}){let n,s,r=Ys;const i=c=>{clearTimeout(c),r(),r=Ys};let o;return c=>{const d=Ae(e),f=Ae(t.maxWait);return n&&i(n),d<=0||f!==void 0&&f<=0?(s&&(i(s),s=null),Promise.resolve(c())):new Promise((h,b)=>{r=t.rejectOnCancel?b:h,o=c,f&&!s&&(s=setTimeout(()=>{n&&i(n),s=null,h(o())},f)),n=setTimeout(()=>{s&&i(s),s=null,h(c())},d)})}}function Bl(e){let t;function n(){return t||(t=e()),t}return n.reset=async()=>{const s=t;t=void 0,s&&await s},n}function Zt(e){return Array.isArray(e)?e:[e]}function Wl(e,t=200,n={}){return Ul(kl(t,n),e)}function Kl(e,t,n){return xe(e,t,{...n,immediate:!0})}const wn=ds?window:void 0,hs=ds?window.navigator:void 0;function ps(e){var t;const n=Ae(e);return(t=n==null?void 0:n.$el)!=null?t:n}function gs(...e){const t=[],n=()=>{t.forEach(l=>l()),t.length=0},s=(l,c,d,f)=>(l.addEventListener(c,d,f),()=>l.removeEventListener(c,d,f)),r=qe(()=>{const l=Zt(Ae(e[0])).filter(c=>c!=null);return l.every(c=>typeof c!="string")?l:void 0}),i=Kl(()=>{var l,c;return[(c=(l=r.value)==null?void 0:l.map(d=>ps(d)))!=null?c:[wn].filter(d=>d!=null),Zt(Ae(r.value?e[1]:e[0])),Zt(Ce(r.value?e[2]:e[1])),Ae(r.value?e[3]:e[2])]},([l,c,d,f])=>{if(n(),!(l!=null&&l.length)||!(c!=null&&c.length)||!(d!=null&&d.length))return;const h=Hl(f)?{...f}:f;t.push(...l.flatMap(b=>c.flatMap(g=>d.map(T=>s(b,g,T,h)))))},{flush:"post"}),o=()=>{i(),n()};return xn(n),o}function ql(){const e=Te(!1),t=li();return t&&cs(()=>{e.value=!0},t),e}function Sn(e){const t=ql();return qe(()=>(t.value,!!e()))}function Gl(e,t,n={}){const{window:s=wn,...r}=n;let i;const o=Sn(()=>s&&"MutationObserver"in s),l=()=>{i&&(i.disconnect(),i=void 0)},c=qe(()=>{const b=Ae(e),g=Zt(b).map(ps).filter(Vl);return new Set(g)}),d=xe(()=>c.value,b=>{l(),o.value&&b.size&&(i=new MutationObserver(t),b.forEach(g=>i.observe(g,r)))},{immediate:!0,flush:"post"}),f=()=>i==null?void 0:i.takeRecords(),h=()=>{d(),l()};return xn(h),{isSupported:o,stop:h,takeRecords:f}}function zl(e,t={}){const{controls:n=!1,navigator:s=hs}=t,r=Sn(()=>s&&"permissions"in s),i=Te(),o={name:e},l=Te(),c=()=>{var f,h;l.value=(h=(f=i.value)==null?void 0:f.state)!=null?h:"prompt"};gs(i,"change",c,{passive:!0});const d=Bl(async()=>{if(r.value){if(!i.value)try{i.value=await s.permissions.query(o)}catch{i.value=void 0}finally{c()}if(n)return L(i.value)}});return d(),n?{state:l,isSupported:r,query:d}:l}function qt(e,t,n={}){const{window:s=wn,initialValue:r,observe:i=!1}=n,o=Te(r),l=qe(()=>{var d;return ps(t)||((d=s==null?void 0:s.document)==null?void 0:d.documentElement)});function c(){var d;const f=Ae(e),h=Ae(l);if(h&&s&&f){const b=(d=s.getComputedStyle(h).getPropertyValue(f))==null?void 0:d.trim();o.value=b||o.value||r}}return i&&Gl(l,c,{attributeFilter:["style","class"],window:s}),xe([l,()=>Ae(e)],(d,f)=>{f[0]&&f[1]&&f[0].style.removeProperty(f[1]),c()}),xe([o,l],([d,f])=>{const h=Ae(e);f!=null&&f.style&&h&&(d==null?f.style.removeProperty(h):f.style.setProperty(h,d))},{immediate:!0}),o}function Jl(e={}){const{navigator:t=hs,requestPermissions:n=!1,constraints:s={audio:!0,video:!0},onUpdated:r}=e,i=ee([]),o=qe(()=>i.value.filter(T=>T.kind==="videoinput")),l=qe(()=>i.value.filter(T=>T.kind==="audioinput")),c=qe(()=>i.value.filter(T=>T.kind==="audiooutput")),d=Sn(()=>t&&t.mediaDevices&&t.mediaDevices.enumerateDevices),f=Te(!1);let h;async function b(){d.value&&(i.value=await t.mediaDevices.enumerateDevices(),r==null||r(i.value),h&&(h.getTracks().forEach(T=>T.stop()),h=null))}async function g(){if(!d.value)return!1;if(f.value)return!0;const{state:T,query:A}=zl("camera",{controls:!0});if(await A(),T.value!=="granted"){let H=!0;try{h=await t.mediaDevices.getUserMedia(s)}catch{h=null,H=!1}b(),f.value=H}else f.value=!0;return f.value}return d.value&&(n&&g(),gs(t.mediaDevices,"devicechange",b,{passive:!0}),b()),{devices:i,ensurePermissions:g,permissionGranted:f,videoInputs:o,audioInputs:l,audioOutputs:c,isSupported:d}}const Xs="--vueuse-safe-area-top",Zs="--vueuse-safe-area-right",Qs="--vueuse-safe-area-bottom",er="--vueuse-safe-area-left";function Yl(){const e=Te(""),t=Te(""),n=Te(""),s=Te("");if(ds){const i=qt(Xs),o=qt(Zs),l=qt(Qs),c=qt(er);i.value="env(safe-area-inset-top, 0px)",o.value="env(safe-area-inset-right, 0px)",l.value="env(safe-area-inset-bottom, 0px)",c.value="env(safe-area-inset-left, 0px)",r(),gs("resize",Wl(r),{passive:!0})}function r(){e.value=Gt(Xs),t.value=Gt(Zs),n.value=Gt(Qs),s.value=Gt(er)}return{top:e,right:t,bottom:n,left:s,update:r}}function Gt(e){return getComputedStyle(document.documentElement).getPropertyValue(e)}function Xl(e={}){var t,n;const s=ee((t=e.enabled)!=null?t:!1),r=ee((n=e.autoSwitch)!=null?n:!0),i=ee(e.constraints),{navigator:o=hs}=e,l=Sn(()=>{var A;return(A=o==null?void 0:o.mediaDevices)==null?void 0:A.getUserMedia}),c=Te();function d(A){switch(A){case"video":{if(i.value)return i.value.video||!1;break}case"audio":{if(i.value)return i.value.audio||!1;break}}}async function f(){if(!(!l.value||c.value))return c.value=await o.mediaDevices.getUserMedia({video:d("video"),audio:d("audio")}),c.value}function h(){var A;(A=c.value)==null||A.getTracks().forEach(H=>H.stop()),c.value=void 0}function b(){h(),s.value=!1}async function g(){return await f(),c.value&&(s.value=!0),c.value}async function T(){return h(),await g()}return xe(s,A=>{A?f():h()},{immediate:!0}),xe(i,()=>{r.value&&c.value&&T()},{immediate:!0}),xn(()=>{b()}),{isSupported:l,stream:c,start:g,stop:b,restart:T,constraints:i,enabled:s,autoSwitch:r}}function Zl(e,t,n){const{window:s=wn}={},r=ee(null),i=Te(),o=(...c)=>{i.value&&i.value.postMessage(...c)},l=function(){i.value&&i.value.terminate()};return s&&(i.value=new Worker(e,t),i.value.onmessage=c=>{r.value=c.data},xn(()=>{i.value&&i.value.terminate()})),{data:r,post:o,terminate:l,worker:i}}const Ql=gn({__name:"AudioVisualizer",props:{stream:{}},setup(e){const t=e,n=ee(!1),s=ee();cs(()=>{r()}),xe(()=>t.stream,()=>{r()});function r(){if(n.value||!s.value||!t.stream)return;n.value=!0;const i=new(window.AudioContext||window.webkitAudioContext),o=i.createMediaStreamSource(t.stream),l=i.createAnalyser();l.fftSize=2048,o.connect(l);const c=l.frequencyBinCount,d=new Uint8Array(c),f=()=>{try{if(!s.value)return;requestAnimationFrame(f),l.getByteTimeDomainData(d);const h=s.value.getContext("2d");if(!h)return;h.fillStyle="rgb(255, 255, 255)",h.fillRect(0,0,s.value.width,s.value.height),h.lineWidth=2,h.strokeStyle="rgb(0, 0, 0)",h.beginPath();const b=s.value.width*1/c;let g=0;for(let T=0;T<c;++T){const H=d[T]/128*s.value.height/2;T===0?h.moveTo(g,H):h.lineTo(g,H),g+=b}h.lineTo(s.value.width,s.value.height/2),h.stroke()}catch(h){console.error(h)}};f()}return(i,o)=>(Q(),ne("canvas",{ref_key:"canvasRef",ref:s,width:"720",height:"240"},null,512))}}),ec={className:"w-full bg-gray-100 dark:bg-gray-700 text-left rounded-lg overflow-hidden mb-0.5"},tc=gn({__name:"Progress",props:{text:{},percentage:{default:0},total:{}},setup(e){function t(n){n||(n=0);const s=n===0?0:Math.floor(Math.log(n)/Math.log(1024));return+(n/1024**s).toFixed(2)*1+["B","kB","MB","GB","TB"][s]}return(n,s)=>(Q(),ne("div",ec,[k("div",{className:"bg-blue-400 whitespace-nowrap px-1 text-sm",style:Vt({width:`${n.percentage}%`})},Ke(n.text)+" ("+Ke(n.percentage.toFixed(2))+"%"+Ke(Number.isNaN(n.total)?"":` of ${t(n.total)}`)+") ",5)]))}}),nc=["value"],sc=gn({__name:"WhisperLanguageSelect",props:{modelValue:{type:String,required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(e){const t=Go(e,"modelValue"),n={en:"english",zh:"chinese",de:"german",es:"spanish/castilian",ru:"russian",ko:"korean",fr:"french",ja:"japanese",pt:"portuguese",tr:"turkish",pl:"polish",ca:"catalan/valencian",nl:"dutch/flemish",ar:"arabic",sv:"swedish",it:"italian",id:"indonesian",hi:"hindi",fi:"finnish",vi:"vietnamese",he:"hebrew",uk:"ukrainian",el:"greek",ms:"malay",cs:"czech",ro:"romanian/moldavian/moldovan",da:"danish",hu:"hungarian",ta:"tamil",no:"norwegian",th:"thai",ur:"urdu",hr:"croatian",bg:"bulgarian",lt:"lithuanian",la:"latin",mi:"maori",ml:"malayalam",cy:"welsh",sk:"slovak",te:"telugu",fa:"persian",lv:"latvian",bn:"bengali",sr:"serbian",az:"azerbaijani",sl:"slovenian",kn:"kannada",et:"estonian",mk:"macedonian",br:"breton",eu:"basque",is:"icelandic",hy:"armenian",ne:"nepali",mn:"mongolian",bs:"bosnian",kk:"kazakh",sq:"albanian",sw:"swahili",gl:"galician",mr:"marathi",pa:"punjabi/panjabi",si:"sinhala/sinhalese",km:"khmer",sn:"shona",yo:"yoruba",so:"somali",af:"afrikaans",oc:"occitan",ka:"georgian",be:"belarusian",tg:"tajik",sd:"sindhi",gu:"gujarati",am:"amharic",yi:"yiddish",lo:"lao",uz:"uzbek",fo:"faroese",ht:"haitian creole/haitian",ps:"pashto/pushto",tk:"turkmen",nn:"nynorsk",mt:"maltese",sa:"sanskrit",lb:"luxembourgish/letzeburgesch",my:"myanmar/burmese",bo:"tibetan",tl:"tagalog",mg:"malagasy",as:"assamese",tt:"tatar",haw:"hawaiian",ln:"lingala",ha:"hausa",ba:"bashkir",jw:"javanese",su:"sundanese"};function s(i){return i=i.toLowerCase(),(i.match(/\w+.?/g)||[]).map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("")}const r=Object.values(n).map(s);return(i,o)=>(Q(),ne("div",null,[jr(k("select",{"onUpdate:modelValue":o[0]||(o[0]=l=>t.value=l),className:"border rounded-lg p-2 max-w-[100px]"},[(Q(!0),ne(be,null,Un(Object.keys(n),(l,c)=>(Q(),ne("option",{key:c,value:l},Ke(Ce(r)[c]),9,nc))),128))],512),[[di,t.value]])]))}}),rc="/assets/worker-Dc8BUX6A.js",ic={"h-full":"","w-full":""},oc={key:0,class:"mx-auto h-screen flex flex-col justify-end bg-white text-gray-800 dark:bg-gray-900 dark:text-gray-200"},lc={class:"scrollbar-thin relative h-full flex flex-col items-center justify-center overflow-auto"},cc={class:"flex flex-col items-center px-4"},uc=["disabled"],fc={class:"w-[500px] p-2"},ac={key:0,class:"relative"},dc={class:"overflow-wrap-anywhere white h-[80px] w-full overflow-y-auto border rounded-lg p-2"},hc={key:0,class:"absolute bottom-0 right-0 px-1"},pc={key:1,class:"relative w-full flex justify-center"},gc={key:2,class:"relative w-full flex flex-col justify-center"},mc=["value"],vc={key:3,class:"mx-auto max-w-[500px] w-full p-4 text-left"},bc={class:"text-center"},_c={key:1,class:"fixed z-10 h-screen w-screen flex items-center justify-center bg-black bg-opacity-[92%] text-center text-2xl text-white font-semibold"},tr=16e3,yc=30,xc=gn({__name:"App",setup(e){const t="gpu"in navigator&&navigator.gpu,n=tr*yc,{top:s,right:r,bottom:i,left:o}=Yl(),l=ee(null),c=ee(""),d=ee([]),f=ee(""),h=ee(),b=ee("en"),g=ee(),T=ee(!1),A=ee(!1),H=ee([]),N=ee(null),{post:q,data:z}=Zl(rc,{type:"module"}),{audioInputs:P}=Jl({constraints:{audio:!0},requestPermissions:!0}),J=ee(),Pe=qe(()=>({audio:{deviceId:J.value}})),{stream:ce}=Xl({constraints:Pe,enabled:!0,autoSwitch:!0});xe(z,j=>{var D,Y;switch(j.status){case"loading":l.value="loading",c.value=j.data;break;case"initiate":d.value.push(j);break;case"progress":d.value=d.value.map(de=>de.file===j.file?{...de,...j}:de);break;case"done":d.value=d.value.filter(de=>de.file!==j.file);break;case"ready":l.value="ready",(D=g.value)==null||D.start();break;case"start":A.value=!0,(Y=g.value)==null||Y.requestData();break;case"update":h.value=j.tps;break;case"complete":A.value=!1,f.value=j.output[0]||"";break}}),xe(ce,()=>{ce.value&&(g.value=new MediaRecorder(ce.value),N.value=new AudioContext({sampleRate:tr}),g.value.onstart=()=>{T.value=!0,H.value=[]},g.value.ondataavailable=j=>{j.data.size>0?H.value.push(j.data):setTimeout(()=>{var D;(D=g.value)==null||D.requestData()},25)},g.value.onstop=()=>{T.value=!1})}),Wo(()=>{var j;if(g.value&&T.value&&!A.value&&l.value==="ready")if(H.value.length>0){const D=new Blob(H.value,{type:g.value.mimeType}),Y=new FileReader;Y.onloadend=async()=>{var te;const de=Y.result,et=await((te=N.value)==null?void 0:te.decodeAudioData(de));let Se=et==null?void 0:et.getChannelData(0);((Se==null?void 0:Se.length)||0)>n&&(Se=Se==null?void 0:Se.slice(-48e4)),q({type:"generate",data:{audio:Se,language:b.value}})},Y.readAsArrayBuffer(D)}else(j=g.value)==null||j.requestData()}),xe([b],()=>{var j,D;(j=g.value)==null||j.stop(),(D=g.value)==null||D.start()});function Me(){q({type:"load"}),l.value="loading"}function ft(){var j,D;(j=g.value)==null||j.stop(),(D=g.value)==null||D.start()}return us(()=>{var j;(j=g.value)==null||j.stop(),g.value=void 0}),(j,D)=>(Q(),ne("main",{text:"gray-700 dark:gray-200","h-full":"","font-sans":"",style:Vt({paddingTop:`${Ce(s)}px`,paddingRight:`${Ce(r)}px`,paddingBottom:`${Ce(i)}px`,paddingLeft:`${Ce(o)}px`})},[k("div",ic,[Ce(t)?(Q(),ne("div",oc,[k("div",lc,[D[6]||(D[6]=k("div",{class:"mb-1 max-w-[400px] flex flex-col items-center text-center"},[k("img",{src:Ll,width:"50%",height:"auto",class:"block"}),k("h1",{class:"mb-1 text-4xl font-bold"}," Whisper WebGPU "),k("h2",{class:"text-xl font-semibold"}," Real-time in-browser speech recognition ")],-1)),k("div",cc,[l.value===null?(Q(),ne(be,{key:0},[D[3]||(D[3]=k("p",{class:"mb-4 max-w-[480px]"},[k("br"),ot(" You are about to load "),k("a",{href:"https://huggingface.co/onnx-community/whisper-base",target:"_blank",rel:"noreferrer",class:"font-medium underline"},"whisper-base"),ot(", a 73 million parameter speech recognition model that is optimized for inference on the web. Once downloaded, the model (~200 MB) will be cached and reused when you revisit the page."),k("br"),k("br"),ot(" Everything runs directly in your browser using "),k("a",{href:"https://huggingface.co/docs/transformers.js",target:"_blank",rel:"noreferrer",class:"underline"},"🤗 Transformers.js"),ot(" and ONNX Runtime Web, meaning no data is sent to a server. You can even disconnect from the internet after the model has loaded! ")],-1)),k("button",{class:"select-none border rounded-lg bg-blue-400 px-4 py-2 text-white disabled:cursor-not-allowed disabled:bg-blue-100 hover:bg-blue-500",disabled:l.value!==null,onClick:Me},D[2]||(D[2]=[k("span",null,"Load model",-1)]),8,uc)],64)):dt("",!0),k("div",fc,[Oe(Ql,{class:"w-full rounded-lg",stream:Ce(ce)},null,8,["stream"]),l.value==="ready"?(Q(),ne("div",ac,[k("p",dc,Ke(f.value),1),h.value?(Q(),ne("span",hc,Ke(h.value.toFixed(2))+" tok/s",1)):dt("",!0)])):dt("",!0)]),l.value==="ready"?(Q(),ne("div",pc,[Oe(sc,{modelValue:b.value,"onUpdate:modelValue":D[0]||(D[0]=Y=>b.value=Y)},null,8,["modelValue"]),k("button",{class:"absolute right-2 border rounded-lg px-2",onClick:ft},D[4]||(D[4]=[k("span",null,"Reset",-1)]))])):dt("",!0),l.value==="ready"?(Q(),ne("div",gc,[jr(k("select",{"onUpdate:modelValue":D[1]||(D[1]=Y=>J.value=Y),className:"border rounded-lg p-2 max-w-[100px]"},[D[5]||(D[5]=k("option",{disabled:""}," Select a Audio Input ",-1)),(Q(!0),ne(be,null,Un(Ce(P),Y=>(Q(),ne("option",{key:Y.deviceId,value:Y.deviceId},Ke(Y.label),9,mc))),128))],512),[[di,J.value]])])):dt("",!0),l.value==="loading"?(Q(),ne("div",vc,[k("p",bc,Ke(c.value),1),(Q(!0),ne(be,null,Un(d.value,(Y,de)=>(Q(),ri(tc,{key:de,text:Y.file,percentage:Y.progress||0,total:Y.total||0},null,8,["text","percentage","total"]))),128))])):dt("",!0)])])])):(Q(),ne("div",_c,D[7]||(D[7]=[ot(" WebGPU is not supported"),k("br",null,null,-1),ot("by this browser :( ")])))])],4))}});Fl(xc).mount("#app");

index.html

@@ -13,7 +13,7 @@
           document.documentElement.classList.toggle('dark', true)
       })()
     </script>
-    <script type="module" crossorigin src="/assets/index-Cc0sf25S.js"></script>
+    <script type="module" crossorigin src="/assets/index-CSeWt1Bu.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-BfoF9A_u.css">
   </head>
   <body class="font-sans">