`),Y=[`WHIP`,`WHEP`,`HLS`,`FLV`];function X(e){return e===`BACKEND_KIND_CLOUDFLARE`?E:P}function Z(e){return e.targets?.length??0}function Q(e){return(()=>{var n=F(),r=n.firstChild,a=r.firstChild,o=a.nextSibling;return t(n,u(D,{class:`size-6 text-muted-foreground/60`}),r),t(a,()=>e.authed?`暂无在线房间`:`房间列表需登录`),t(o,()=>e.authed?`创建一个房间后,分发拓扑会出现在这里。`:`登录后可查看与管理房间分发拓扑。`),t(n,u(i,{get when(){return!e.authed},get children(){return u(M,{to:`/login`,class:`btn btn-outline btn-sm mt-1`,children:`去登录`})}}),null),n})()}var $=()=>{let a=j(),[c,d]=x([]),[m,E]=x([]),[D,M]=x(``),N;s(()=>{g.getConfig().then(e=>d(e.backends||[])).catch(()=>{});let e=N;if(e&&!window.matchMedia(`(prefers-reduced-motion: reduce)`).matches){let t=Array.from(e.querySelectorAll(`[data-parallax]`)),n=0,r=0,i=0,a=0,o=0,s=t=>{let i=e.getBoundingClientRect();n=(t.clientX-i.left)/i.width-.5,r=(t.clientY-i.top)/i.height-.5,e.style.setProperty(`--mx`,`${t.clientX-i.left}px`),e.style.setProperty(`--my`,`${t.clientY-i.top}px`)},c=()=>{n=0,r=0},l=()=>{i+=(n-i)*.08,a+=(r-a)*.08;for(let e of t){let t=Number(e.dataset.parallax||0);e.style.transform=`translate3d(${(i*t).toFixed(2)}px, ${(a*t).toFixed(2)}px, 0)`}o=requestAnimationFrame(l)};e.addEventListener(`mousemove`,s),e.addEventListener(`mouseleave`,c),o=requestAnimationFrame(l),f(()=>{e.removeEventListener(`mousemove`,s),e.removeEventListener(`mouseleave`,c),cancelAnimationFrame(o)})}}),l(()=>{b.check()&&b.isAuthed()&&g.listRooms().then(e=>E(e.rooms||[])).catch(()=>{})});let P=e=>a({to:e,search:{room:D()}});return(()=>{var s=G(),l=s.firstChild,d=l.firstChild.nextSibling.nextSibling,f=l.nextSibling,g=f.firstChild,x=g.nextSibling;return o(e=>N=e,l),t(d,u(h,{get children(){return I()}}),null),t(d,u(h,{delay:1,get children(){return L()}}),null),t(d,u(h,{delay:2,get children(){return R()}}),null),t(d,u(h,{delay:3,class:`mt-10`,get children(){var e=B(),n=e.firstChild,a=n.firstChild,o=a.firstChild;return t(e,u(_,{}),n),t(a,u(O,{class:`size-4 shrink-0 text-muted-foreground`}),o),o.$$keydown=e=>{e.key===`Enter`&&P(`/room`)},o.$$input=e=>M(e.currentTarget.value),t(n,u(S,{class:`h-11 sm:w-auto`,onClick:()=>P(`/room`),get children(){return[`进入房间`,u(T,{class:`size-4`})]}}),null),t(e,u(i,{get when(){return b.isAuthed()},get children(){var e=z(),n=e.firstChild,i=n.firstChild.nextSibling,a=n.nextSibling.firstChild.nextSibling;return t(i,()=>b.role()),t(a,()=>b.can(`room:chat`)?`ON`:`OFF`),r(()=>w(a,b.can(`room:chat`)?`text-success`:`opacity-50`)),e}}),null),r(()=>o.value=D()),e}}),null),t(d,u(h,{delay:4,class:`mt-12`,get children(){var n=V(),r=n.firstChild,i=r.firstChild,a=r.nextSibling.firstChild;return t(i,()=>c().length||`–`),t(a,(()=>{var t=e(()=>!!b.isAuthed());return()=>t()?m().length:`–`})()),n}}),null),t(s,u(y,{items:[`WHIP → SFU`,`SRS FAN-OUT`,`WHEP / HLS / FLV`,`CLOUDFLARE REALTIME`,`WEBRTC LOW-LATENCY`,`一路推流 · 多端扇出`,`FAN-OUT CONSOLE`]}),f),t(g,u(h,{get children(){var e=H();return e.firstChild,t(e,u(S,{variant:`ghost`,size:`sm`,class:`hidden sm:inline-flex`,onClick:()=>a({to:`/rooms`}),get children(){return[`全部`,u(T,{class:`size-3.5`})]}}),null),e}}),null),t(g,u(i,{get when(){return m().length>0},get fallback(){return u(Q,{get authed(){return b.isAuthed()}})},get children(){var e=U();return t(e,u(n,{get each(){return m()},children:(e,n)=>u(h,{get delay(){return Math.min(n()+1,5)},get children(){var r=K(),i=r.firstChild,o=i.nextSibling,s=o.firstChild,c=s.nextSibling,l=c.firstChild,d=o.nextSibling;return t(i,()=>String(n()+1).padStart(2,`0`)),t(r,u(p,{get active(){return Z(e)>0}}),o),t(s,()=>e.name),t(c,()=>Z(e),l),t(c,()=>Z(e)>0?`live`:`idle`,null),t(d,u(S,{size:`sm`,variant:`outline`,class:`flex-1 sm:flex-none`,onClick:()=>a({to:`/room`,search:{room:e.name}}),children:`进入`})),r}})})),e}}),null),t(x,u(h,{get children(){var a=W(),o=a.firstChild,s=o.firstChild,l=s.firstChild,d=o.nextSibling,f=d.nextSibling,p=f.firstChild.nextSibling,m=f.nextSibling,h=m.firstChild;return t(a,u(_,{}),o),t(s,u(k,{class:`size-4 text-acid-lime`}),l),t(o,u(v,{variant:`muted`,get children(){return[e(()=>c().length),` 路`]}}),null),t(d,u(i,{get when(){return c().length>0},get fallback(){return q()},get children(){return u(n,{get each(){return c()},children:e=>{let n=X(e.kind);return(()=>{var i=J(),a=i.firstChild,o=a.firstChild,s=o.nextSibling.firstChild,c=s.nextSibling,l=a.nextSibling;return t(o,u(n,{class:`size-4`})),t(s,()=>e.name),t(c,()=>e.primary?`primary sfu`:`standby`),t(l,u(C,{get active(){return e.configured}}),null),t(l,u(v,{get variant(){return e.configured?`success`:`muted`},get children(){return e.configured?`在线`:`未配置`}}),null),r(()=>w(i,`flex items-center justify-between gap-3 border p-3 transition-colors ${e.configured?`border-line bg-background/50`:`border-line/60 bg-background/20 opacity-70`}`)),i})()}})}})),t(p,u(n,{each:Y,children:e=>u(v,{variant:`outline`,class:`font-mono`,children:e})})),t(m,u(A,{class:`mt-px size-4 shrink-0 text-success`}),h),a}})),s})()};c([`input`,`keydown`]);export{$ as Home};