https://oshinoko-community.com/_next/static/chunks/87755-3e95cdf3ec43a5a1.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="41875be0-eecb-4928-9fa3-63dce0cd3c58",e._sentryDebugIdIdentifier="sentry-dbid-41875be0-eecb-4928-9fa3-63dce0cd3c58")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87755],{16442:e=>{e.exports={content:"SpoilerItem_content__u4bJr"}},24931:(e,s,t)=>{"use strict";function a(e){if(!e)return!1;if(e.startsWith("data:"))return"image/gif"===e.slice(5,e.includes(";")?e.indexOf(";"):e.length).toLowerCase();let s=e.split("?")[0].split("#")[0];try{return new URL(s).pathname.toLowerCase().endsWith(".gif")}catch{return s.toLowerCase().endsWith(".gif")}}t.d(s,{y:()=>a})},25445:(e,s,t)=>{"use strict";t.d(s,{LG:()=>p,iO:()=>m,xF:()=>u});var a=t(65696),l=t(66419),i=t(45054),r=t(74764);let n="",o=null,d=null,c=null,u=()=>n,m=(e,s)=>{d=e,c=s},p=()=>{let e=(0,l.useRouter)(),s=(0,a.useRef)(!0);return(0,a.useEffect)(()=>{let t=()=>{o=n,n=(0,i.A)(),(0,r.Z)("page_view",{page_view_id:n,prev_page_view_id:o,prev_click_module_id:d,prev_click_content_position_index:c}),d=null,c=null};return s.current&&(s.current=!1,n=(0,i.A)(),(0,r.Z)("page_view",{page_view_id:n,prev_page_view_id:null,prev_click_module_id:null,prev_click_content_position_index:null})),e.events.on("routeChangeComplete",t),()=>{e.events.off("routeChangeComplete",t)}},[e.events]),n}},40976:(e,s,t)=>{"use strict";t.d(s,{E:()=>m});var a=t(79532),l=t(93570),i=t(79282),r=t(69387),n=t(70532),o=t(65696),d=t(79817),c=t(16442),u=t.n(c);let m=({isSpoiler:e,message:s,posterUserId:t,children:c,type:m="fixed",disableFlag:p,rounded:x})=>{let{t:h}=(0,n.A)("features/post"),[g,f]=(0,o.useState)(!1),v=(0,d.wS)(),_=(0,o.useCallback)(e=>{e.preventDefault(),f(!0)},[]),y=(0,o.useMemo)(()=>!!v&&!!t&&v===t,[v,t]),j=(0,o.useMemo)(()=>null==s?"":h("「{{message}}」の",{message:s}),[s,h]);return!e||g||y?(0,a.jsxs)("div",{children:[!p&&e&&(0,a.jsxs)("div",{className:"mb-16 flex items-center",children:[(0,a.jsx)(i.F,{size:"xsmall",color:"textSecondary"}),(0,a.jsx)(l.o,{variant:"bodyLg",className:" ml-8",color:"secondary",children:h("ネタバレを含む")})]}),c]}):"text"===m?(0,a.jsx)(l.o,{variant:"bodyMd",color:"secondary",className:x?"rounded-md":"",children:h("ネタバレを含む投稿です")}):"responsive"===m?(0,a.jsxs)("div",{className:"relative h-auto",children:[(0,a.jsx)("div",{className:"opacity-0",children:c}),(0,a.jsx)("div",{className:(0,r.A)("absolute inset-0 flex items-center justify-center bg-object-neutral px-16 sm:px-32",x?"rounded-md":""),children:(0,a.jsxs)("p",{className:"text-variant-subtitleMd text-secondary",children:[j,h("ネタバレ注意")]})})]}):(0,a.jsx)("div",{className:(0,r.A)("relative aspect-horizontal-image w-full",u().content),children:(0,a.jsxs)("div",{className:(0,r.A)("absolute inset-0  flex flex-col items-center justify-center bg-object-neutral px-16 sm:px-32",x?"rounded-md":""),children:[(0,a.jsxs)("p",{className:"text-variant-subtitleMd text-secondary",children:[j,h("ネタバレを含む")]}),(0,a.jsx)("button",{type:"button",className:"text-variant-bodyMd ml-4 text-interactive underline",onClick:_,children:h("表示する")})]})})}},45632:(e,s,t)=>{"use strict";t.d(s,{J:()=>r});var a=t(79532),l=t(65696),i=t(33248);let r=({src:e,...s})=>{let[t,r]=(0,l.useState)(null);return(0,l.useEffect)(()=>{if(!e)return;let s=!1,t=new Image;return t.crossOrigin="Anonymous",t.decoding="sync",t.addEventListener("load",()=>{if(s)return;let e=document.createElement("canvas");e.width=t.naturalWidth,e.height=t.naturalHeight;let a=e.getContext("2d");a?.drawImage(t,0,0,e.width,e.height),r(e.toDataURL("image/png"))}),t.src=e,()=>{s=!0}},[e]),t?(0,a.jsx)(i._,{src:t,...s}):null}},61623:(e,s,t)=>{"use strict";t.d(s,{b:()=>y,t:()=>_});var a=t(79532),l=t(93570),i=t(75115),r=t(85005),n=t(38736),o=t(37484),d=t(65696),c=t(70532),u=t(40976),m=t(18892),p=t(33248),x=t(49215),h=t(67843),g=t(22059),f=t(24931),v=t(45632);let _=(0,g.UG)(`
2  fragment PostMediaCardV2Fragment on Post {
3    id
4    title
5    images
6    likesTotalCount
7    commentsTotalCount
8    posterId
9    poster {
10      id
11      photoURL
12      displayName
13      role
14    }
15    defaultImage
16    isSpoiler
17    spoilerReason
18  }
19`),y=({data:e,onClick:s})=>{let{t}=(0,c.A)("features/post"),y=(0,g.Bk)(_,e),j=(0,d.useCallback)(()=>{s?.(y.id)},[y.id,s]),b=y.images.length-1,N=y.images[0]??y.defaultImage;return(0,a.jsxs)("div",{className:"w-full overflow-hidden transition-colors",children:[(0,a.jsxs)(x.N,{className:"group flex w-full flex-col justify-start gap-8",onClick:j,href:h.y.posts._post_id(y.id).$url(),children:[(0,a.jsx)("div",{className:"overflow-hidden rounded-lg",children:(0,a.jsx)(u.E,{isSpoiler:y.isSpoiler,message:y.spoilerReason??void 0,posterUserId:y.poster?.id,type:"responsive",disableFlag:!0,children:(0,a.jsxs)("div",{className:"relative aspect-square",children:[(0,f.y)(N)?(0,a.jsx)(v.J,{src:N,alt:t("投稿のサムネイル画像"),fill:!0,className:"rounded-lg transition-transform group-hover:scale-110 group-hover:rounded-lg"}):(0,a.jsx)(p._,{src:N,alt:t("投稿のサムネイル画像"),fill:!0,className:"rounded-lg transition-transform group-hover:scale-110 group-hover:rounded-lg"}),b>0&&(0,a.jsxs)("span",{className:"absolute right-8 top-8 inline-flex items-center gap-4 roun

19ded-lg bg-overlay px-4 py-2 text-primary-white","aria-label":t("他{{count}}枚の画像",{count:b}),children:[(0,a.jsx)(i.M,{size:"xxsmall","aria-hidden":"true"}),(0,a.jsx)(l.o,{variant:"captionXs",color:"primary-white","aria-hidden":"true",children:b})]})]})})}),(0,a.jsx)(l.o,{variant:"subtitleMd",className:"mb-auto line-clamp-2 min-h-40 group-hover:text-accent",color:"primary",children:y.title})]}),(0,a.jsxs)("div",{className:"mt-8 flex",children:[(0,a.jsx)("div",{className:"w-full overflow-hidden",children:(0,a.jsx)(x.N,{href:h.y.profile._user_id(y.poster?.id??"").$url(),children:(0,a.jsxs)("div",{className:"flex w-full grow items-center gap-4",children:[(0,a.jsx)(m.e,{src:y.poster?.photoURL??"",size:"mini",alt:t("{{displayName}}のアバター",{displayName:y.poster?.displayName??""})}),(0,a.jsx)(l.o,{variant:"bodySm",color:"secondary",className:"truncate hover:text-accent",children:y.poster?.displayName}),y.poster?.role==="ADMIN"&&(0,a.jsx)(r.B,{size:"xxsmall",className:"text-info"})]})})}),(0,a.jsxs)(x.N,{className:"flex items-center justify-end gap-8 pl-8",onClick:j,href:h.y.posts._post_id(y.id).$url(),children:[(0,a.jsxs)("span",{className:"flex items-center","aria-label":t("{{count}}件のコメント",{count:y.commentsTotalCount}),children:[(0,a.jsx)(n.f,{size:"xsmall",className:"mr-2 text-object-secondary","aria-hidden":"true"}),(0,a.jsx)(l.o,{variant:"captionXs",color:"secondary",align:"center","aria-hidden":"true",children:y.commentsTotalCount})]}),(0,a.jsxs)("span",{className:"flex items-center","aria-label":t("{{count}}件のいいね",{count:y.likesTotalCount}),children:[(0,a.jsx)(o.z,{size:"xsmall",className:"mr-2 text-object-secondary","aria-hidden":"true"}),(0,a.jsx)(l.o,{variant:"captionXs",color:"secondary",align:"center","aria-hidden":"true",children:y.likesTotalCount})]})]})]})]})}},67707:(e,s,t)=>{"use strict";t.d(s,{j:()=>r});var a=t(65696),l=t(74764),i=t(25445);let r=()=>({handleContentViewLogger:(0,a.useCallback)(({sectionId:e,sectionName:s,itemIndex:t,sectionIndex:a,sectionItemId:r,link:n,sectionDescription:o})=>{(0,l.Z)("content_view",{page_view_id:(0,i.xF)(),area_id:"main_layout",module_id:e,content_position_index:t,module_position_index:a,linking_id:r,linking_url:n,module_display_name:s,module_description:o,content_display_name:null})},[]),handleContentClickLogger:(0,a.useCallback)(({sectionId:e,sectionName:s,itemIndex:t,sectionIndex:a,sectionItemId:r,link:n,sectionDescription:o})=>{(0,i.iO)(e,t),(0,l.Z)("content_click",{page_view_id:(0,i.xF)(),area_id:"main_layout",module_id:e,content_position_index:t,module_position_index:a,linking_id:r,linking_url:n,module_display_name:s,module_description:o,content_display_name:null})},[])})},81715:(e,s,t)=>{"use strict";t.d(s,{Rz:()=>w,X:()=>N,bA:()=>C.b});var a=t(79532),l=t(93570),i=t(75115),r=t(85005),n=t(38736),o=t(37484),d=t(94063),c=t(69387),u=t(66419),m=t(65696),p=t(40976),x=t(71904),h=t(18892),g=t(33248),f=t(49215),v=t(67843),_=t(22059),y=t(64364),j=t(24931),b=t(45632);let N=(0,_.UG)(`
20  fragment PostMediaCardFragment on Post {
21    id
22    title
23    images
24    likesTotalCount
25    commentsTotalCount
26    posterId
27    poster {
28      id
29      photoURL
30      displayName
31      role
32    }
33    defaultImage
34    isSpoiler
35    spoilerReason
36  }
37`),w=({data:e,onClick:s,type:t,priority:w})=>{let C=(0,_.Bk)(N,e),{asPath:k,query:I}=(0,u.useRouter)(),z=(0,m.useCallback)(()=>{(0,y.g)(x.f.postItemClick,{url:k,postId:C.id,...I}),s?.(C.id)},[k,C.id,I,s]),R="square"===t?150:210,A="square"===t?R:R/(16/9),L=C.images.length-1,M=C.images[0]??C.defaultImage;return(0,a.jsx)(f.N,{className:"grow",onClick:z,href:v.y.posts._post_id(C.id).$url(),children:(0,a.jsxs)("div",{className:"group overflow-hidden transition-colors",style:{width:R},children:[(0,a.jsx)("div",{className:"overflow-hidden rounded-lg",children:(0,a.jsx)(p.E,{isSpoiler:C.isSpoiler,message:C.spoilerReason??void 0,posterUserId:C.poster?.id,type:"responsive",disableFlag:!0,children:(0,a.jsxs)("div",{className:"relative",children:[(0,j.y)(M)?(0,a.jsx)(b.J,{src:M,alt:C.title,height:A,width:R,className:(0,c.A)("roun

37ded-lg transition-transform group-hover:scale-110 group-hover:rounded-lg","square"===t?"aspect-square":"aspect-horizontal-image")}):(0,a.jsx)(g._,{src:M,height:A,width:R,alt:C.title,className:(0,c.A)("rounded-lg transition-transform group-hover:scale-110 group-hover:rounded-lg","square"===t?"aspect-square":"aspect-horizontal-image"),priority:w}),L>0&&(0,a.jsxs)("span",{className:(0,c.A)("absolute right-8 top-8 inline-flex items-center gap-4 rounded-lg bg-overlay px-4 py-2 text-primary-white"),children:[(0,a.jsx)(i.M,{size:"xxsmall"}),(0,a.jsx)(l.o,{variant:"captionXs",color:"primary-white",children:L})]})]})})}),(0,a.jsxs)("div",{className:"flex flex-col justify-start gap-8 py-8",children:[(0,a.jsx)(l.o,{variant:"subtitleMd",component:"div",className:"mb-auto line-clamp-2 min-h-40 group-hover:text-accent",color:"primary",children:C.title}),(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsxs)("div",{className:"flex w-full grow items-center gap-4 overflow-hidden pr-8",children:[(0,a.jsx)(h.e,{src:C.poster?.photoURL??"",size:"mini",alt:C.poster?.displayName??""}),(0,a.jsx)(l.o,{variant:"bodySm",color:"secondary",className:"truncate",children:C.poster?.displayName}),C.poster?.role==="ADMIN"&&(0,a.jsx)(r.B,{size:"xxsmall",className:"text-info"})]}),(0,a.jsxs)(d.R,{children:[(0,a.jsx)(n.f,{size:"xsmall",className:"mr-2 text-object-secondary"}),(0,a.jsx)(l.o,{variant:"captionXs",color:"secondary",align:"center",children:C.commentsTotalCount}),(0,a.jsx)(o.z,{size:"xsmall",className:"ml-8 mr-2 text-object-secondary"}),(0,a.jsx)(l.o,{variant:"captionXs",color:"secondary",align:"center",children:C.likesTotalCount})]})]})]})]})})};var C=t(61623)},97315:(e,s,t)=>{"use strict";t.d(s,{F:()=>n});var a=t(79532),l=t(69387),i=t(65696),r=t(83636);let n=(0,i.forwardRef)(({children:e,className:s,"aria-label":t,"aria-labelledby":n},o)=>{let{setIsSwiping:d}=(0,r.k)(),c=(0,i.useCallback)(()=>{d(!0)},[d]),u=(0,i.useCallback)(()=>{d(!1)},[d]);return(0,a.jsx)("div",{ref:o,className:(0,l.A)("overflow-y-hidden overflow-x-scroll hide-scrollbar",s),onTouchStart:c,onTouchEnd:u,tabIndex:0,role:"region","aria-label":t,"aria-labelledby":n,children:(0,a.jsx)("ul",{className:"flex w-fit flex-row",children:e})})});n.displayName="Carousel"}}]);