1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6331],{22939:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/wwf",function(){return n(55772)}])},77926:function(e,s,n){"use strict";n.d(s,{Z:function(){return o}});var r=n(4637),a=n(82187),t=n.n(a),i=n(59496),c=function(e){return(0,r.jsx)("span",{className:t()("w-1.5 h-1.5 bg-background-200 rounded-full inline-block",e.className)})},l=i.memo(c),o=function(e){var s=e.children,n=e.className,a=e.dotClassName,c=i.Children.count(s);return(0,r.jsx)("div",{className:t()("flex line-clamp-1 items-center space-x-2",n),children:i.Children.map(s,function(e,s){return e?s===c-1?e:(0,r.jsxs)(i.Fragment,{children:[e,(0,r.jsx)(l,{className:a})]}):null})})}},48294:function(e,s,n){"use strict";var r=n(72006),a=n(4405),t=n(77637),i=n(4637),c=n(82187),l=n.n(c),o=n(59496),d=function(e){var s=e.data,n=e.children,c=e.className,d=void 0===c?"":c,u=e.noListMessage,m=(0,t.Z)(e,["data","children","className","noListMessage"]),f=(0,o.useMemo)(function(){return d.includes("grid-cols")?d:"grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7"},[d]);return(0,i.jsx)("div",(0,a.Z)((0,r.Z)({className:l()(s&&s.length?"grid gap-4":"text-center",f)},m),{children:s&&s.length?s.filter(function(e){return e}).map(function(e,s){return(0,i.jsx)("div",{className:"col-span-1",children:n(e)},s)}):(0,i.jsx)("p",{className:"text-2xl",children:void 0===u?"No data found.":u})}))};s.Z=o.memo(d)},68527:function(e,s,n){"use strict";n.d(s,{j:function(){return d}});var r=n(72006),a=n(4405),t=n(77637),i=n(4637),c=n(82187),l=n.n(c),o=n(59496).forwardRef(function(e,s){var n=e.className,c=(0,t.Z)(e,["className"]);return(0,i.jsx)("div",(0,a.Z)((0,r.Z)({ref:s,className:l()(n)},c),{children:c.children}))});o.displayName="Skeleton";var d=function(e){var s=e.container,n=e.className,a=(0,t.Z)(e,["container","className"]);return(0,i.jsx)("div",(0,r.Z)({className:l()(!s&&"animate-pulse bg-white/20",n)},a))};s.Z=o},55800:function(e,s,n){"use strict";var r=n(4637);n(59496);var a=n(68527),t=function(){return(0,r.jsx)(a.Z,{children:(0,r.jsx)(a.j,{className:"aspect-w-9 aspect-h-16"})})};s.Z=t},161:function(e,s,n){"use strict";var r=n(4637),a=n(68527),t=n(55800),i=n(82187),c=n.n(i),l=n(59496),o=function(e){var s=e.className,n=void 0===s?"":s,i=e.children,o=(0,l.useMemo)(function(){return n.includes("grid-cols")?n:"grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7"},[n]);return(0,r.jsx)(a.Z,{className:c()("grid gap-4",o),children:Array(15).fill(null).map(function(e,s){return(0,r.jsx)(a.j,{container:!0,className:"col-span-1",children:i?i():(0,r.jsx)(t.Z,{})},s)})})};s.Z=l.memo(o)},55772:function(e,s,n){"use strict";n.r(s),n.d(s,{default:function(){return U}});var r=n(4637),a=n(5567),t=n(35944),i=n(48294),c=n(52145),l=n(2204),o=n(28708),d=n(21604),u=n.n(d),m=n(31505),f=n(59496),h=n(77129),x=n(21702),g=n(77926),p=n(65555),j=n(90883),N=function(e){var s,n,a,t,i,d=e.room,N=(0,m.useRouter)().locale,v=(0,o.$G)("wwf").t,w=(0,f.useMemo)(function(){return(0,l.YQ)(d.media,N)},[d.media,N]);return(0,r.jsx)(u(),{href:"/wwf/".concat(d.id),children:(0,r.jsx)("a",{children:(0,r.jsxs)("div",{className:"w-full h-full space-y-4",children:[(0,r.jsxs)("div",{className:"relative aspect-w-16 aspect-h-9",children:[(0,r.jsx)(p.Z,{src:d.media.bannerImage||d.media.coverImage.extraLarge,alt:w,layout:"fill",objectFit:"cover"}),(0,r.jsxs)("div",{className:"w-full h-full",children:[(0,r.jsx)(j.Z,{iconClassName:"w-4 h-4",className:"absolute left-2 top-2 px-2 py-0.5 rounded-md bg-red-500",children:(0,r.jsx)("p",{className:"font-medium",children:v("live")})}),(0,r.jsx)(j.Z,{RightIcon:h.w8I,className:"absolute right-2 top-2 px-2 py-0.5 rounded-md bg-black/80 font-medium",iconClassName:"w-4 h-4",children:(0,r.jsx)("p",{children:(null===(s=d.users)||void 0===s?void 0:s.length)||0})}),(0,r.jsx)("p",{className:"absolute right-2 bottom-2 rounded-md bg-black/80 px-2 py-0.5",children:d.episode.name})]})]}),(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(x.Z,{className:"shrink-0",src:null===(n=d.hostUser)||void 0===n?void 0:null===(a=n.user_metadata)||void 0===a?void 0:a.avatar_url}),(0,r.jsxs)("div",{children:[d.title?(0,r.jsx)("h3",{className:"font-semibold line-clamp-2",title:d.title,children:d.title}):(0,r.jsx)("h3",{className:"font-semibold line-clamp-2",title:w,children:w}),d.title&&(0,r.jsx)("h4",{className:"text-gray-300 text-sm line-clamp-1",title:w,children:w}),(0,r.jsxs)(g.Z,{className:"text-sm w-full",children:[(0,r.jsx)("span",{className:"font-medium text-gray-300",children:null===(t=d.hostUser)||void 0===t?void 0:null===(i=t.user_metadata)||void 0===i?void 0:i.name}),(0,r.jsx)("span",{className:"text-gray-400",children:(0,c.Z)(new Date(d.created_at),{locale:N}).fromNow()})]})]})]})]})})})},v=f.memo(N),w=n(49192),Z=n(68527),_=n(161),b=function(){return(0,r.jsx)(_.Z,{className:"grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 !gap-x-4 !gap-y-8",children:function(){return(0,r.jsx)(Z.j,{className:"aspect-w-16 aspect-h-9"})}})},y=f.memo(b),k=n(57135),C=n(72006),I=n(4405),E=n(15767),L=n(76717),M=n(75533),O=n(9102),R=n(68893),U=function(){var e=(0,O.useQuery)("rooms",(0,k.Z)(function(){var e,s,n,r;return(0,E.__generator)(this,function(a){switch(a.label){case 0:return[4,L.supabaseClient.from("kaguya_rooms").select("\n *,\n episode:episodeId(*),\n users:kaguya_room_users(id),\n hostUser:hostUserId(*)\n ").eq("visibility","public").order("created_at",{ascending:!1})];case 1:if(s=(e=a.sent()).data,n=e.error)throw n;return[4,(0,M.om)({id_in:s.map(function(e){return e.mediaId})})];case 2:return r=a.sent(),[2,s.map(function(e){var s=r.find(function(s){return s.id===e.mediaId});return(0,I.Z)((0,C.Z)({},e),{media:s})})]}})}),{onError:function(e){R.Am.error(e.message)},refetchOnMount:!0,refetchOnWindowFocus:!0,refetchOnReconnect:!0}),s=e.data,n=e.isLoading,c=(0,o.$G)("wwf").t;return(0,r.jsxs)(w.Z,{className:"py-20",children:[(0,r.jsx)(t.Z,{title:c("browse_page_title"),description:c("browse_page_description")}),(0,r.jsxs)("div",{className:"mb-8 flex flex-col items-center gap-4 md:flex-row md:justify-between",children:[(0,r.jsx)("h1",{className:"text-center text-4xl font-semibold md:text-left",children:c("active_rooms")}),(0,r.jsx)(u(),{href:"/wwf/create",children:(0,r.jsx)("a",{children:(0,r.jsx)(a.Z,{primary:!0,LeftIcon:h.Lfi,children:(0,r.jsx)("p",{children:c("create_room")})})})})]}),n?(0,r.jsx)(y,{}):(0,r.jsx)(i.Z,{className:"grid-cols-1 !gap-x-4 !gap-y-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",data:s,noListMessage:c("no_active_rooms"),children:function(e){return(0,r.jsx)(v,{room:e})}})]})}},32461:function(e,s,n){e.exports=n(12729)},66091:function(e,s,n){"use strict";function r(e,s){if(!(e instanceof s))throw TypeError("Cannot call a class as a function")}n.d(s,{Z:function(){return r}})}},function(e){e.O(0,[6052,9774,2888,179],function(){return e(e.s=22939)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.