https://to-corona-ex.com/_next/static/chunks/176-13f246cf58c238c1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[176],{715:(e,t,s)=>{s.d(t,{O:()=>n});var a=s(5517);class i extends a.X{constructor(){super("reading_history",1,{version:1,comicRecords:[]}),this.MAX_COMIC_RECORDS=20,this.MAX_EPISODE_RECORDS=100,this.createComicRecord=e=>({id:e,episodeRecords:[]}),this.createEpisodeRecord=(e,t)=>({id:e,title:t}),this.loadReadingHistory=async()=>this.loadData(),this.addReadingHistory=async(e,t,s)=>{var a;let i=await this.loadReadingHistory(),l=null!=(a=i.comicRecords.find(t=>t.id===e))?a:this.createComicRecord(e),r={...l,episodeRecords:[this.createEpisodeRecord(t,s),...l.episodeRecords.filter(e=>e.id!==t)].slice(0,this.MAX_EPISODE_RECORDS)},n={version:i.version,comicRecords:[r,...i.comicRecords.filter(t=>t.id!==e)].slice(0,this.MAX_COMIC_RECORDS)};return this.setData(n)},this.clearReadingHistory=async()=>this.clearData()}}let l=new i;var r=s(3239);let n=()=>{let[e,t]=(0,r.useState)(void 0),s=(0,r.useCallback)(async()=>{t(await l.clearReadingHistory())},[]);return(0,r.useEffect)(()=>{(async()=>{t(await l.loadReadingHistory())})()},[]),{history:e,clear:s,add:l.addReadingHistory}}},1227:(e,t,s)=>{s.d(t,{U:()=>i});var a=s(263);s(3239);let i=e=>{let{children:t}=e;return(0,a.jsx)("div",{className:"max-w-screen-xl px-4 py-6 tablet:mx-auto tablet:px-10 tablet:py-12",children:t})}},1539:(e,t,s)=>{s.d(t,{u:()=>n});var a=s(263),i=s(3947),l=s(9090),r=s(2020);s(3239);let n=e=>{let{items:t,error:s,errorMessage:n,emptyMessage:o,children:c,onRequestRetry:d}=e;return null!=s?(0,a.jsx)(l.J,{onRequestRetry:d,children:n}):null==t?(0,a.jsx)(r.n,{}):0===t.length?(0,a.jsx)(i.E,{children:o}):c(t)}},1990:(e,t,s)=>{s.d(t,{C:()=>n,Q:()=>r});var a=s(263),i=s(3239);let l=i.createContext(null),r=()=>(0,i.useContext)(l),n=e=>{let{value:t,children:s}=e;return(0,a.jsx)(l.Provider,{value:t,children:s})}},2020:(e,t,s)=>{s.d(t,{n:()=>r});var a=s(263),i=s(8232),l=s(3947);s(3239);let r=()=>(0,a.jsx)(l.E,{children:(0,a.jsx)(i.t,{})})},2352:(e,t,s)=>{s.d(t,{$Q:()=>l,N_:()=>o,Rc:()=>r,Yq:()=>c,r:()=>n});var a=s(3434),i=s.n(a);let l=(e,t)=>{let s=null!=t?i()(t):i()();return i()(e).isAfter(s.subtract(1,"week"))},r=60,n=3600,o=86400,c=(e,t)=>{let s=i()(e),a=Math.floor((t.getTime()-s.valueOf())/1e3);return a<n?{dateTime:s,type:"relativeTimeInMinutes"}:a<o?{dateTime:s,type:"relativeTimeInHours"}:a<604800?{dateTime:s,type:"relativeTimeInDays"}:s.format("YYYY")<t.getFullYear().toString()?{dateTime:s,type:"absoluteDateOfDifferentYear"}:{dateTime:s,type:"absoluteDateOfSameYear"}}},2922:(e,t,s)=>{s.d(t,{AF:()=>l,Fc:()=>a,Wl:()=>i});let a=9/16,i=1.414213562,l=1.414213562},3755:(e,t,s)=>{s.d(t,{w:()=>n});var a=s(263),i=s(1230),l=s.n(i),r=s(3239);let n=e=>{let{icon:t,helperText:s,className:i,children:n}=e,o=(0,r.useMemo)(()=>l()("relative w-full",{"pt-4":null!=s},i),[s,i]);return(0,a.jsxs)("div",{className:o,children:[null!=s&&(0,a.jsx)("div",{className:"absolute left-0 top-0 text-xs font-light tablet:text-sm",children:s}),(0,a.jsxs)("div",{className:"relative inline-flex items-end pb-3 tablet:pb-4",children:[null!=t&&(0,a.jsx)("div",{className:"mr-2 w-8 tablet:mr-3 tablet:w-10",children:t}),(0,a.jsx)("h2",{className:"text-base font-semibold tablet:text-2xl",children:n}),(0,a.jsx)("span",{className:"absolute bottom-0 left-0 z-10 h-1 w-full rounded-lg bg-primary-main","aria-hidden":!0})]}),(0,a.jsx)("span",{className:"absolute bottom-0 left-0 z-0 h-1 w-full rounded-lg bg-gray-300","aria-hidden":!0})]})}},3947:(e,t,s)=>{s.d(t,{E:()=>n});var a=s(263),i=s(1230),l=s.n(i),r=s(3239);let n=e=>{let{className:t,children:s}=e,i=(0,r.useMemo)(()=>l()("justify-center h-40 flex flex-col items-center text-lg text-gray-500 font-semibold",t),[t]);return(0,a.jsx)("div",{className:i,children:s})}},5517:(e,t,s)=>{s.d(t,{X:()=>i});var a=s(7120);class i{constructor(e,t,s){this.key=e,this.currentVersion=t,this.initialData=s,this.storage=(0,a.createInstance)({name:"tobooks"}),this.isValidData=e=>(null==e?void 0:e.version)===this.currentVersion,this.loadData=async()=>{try{let e=await this.storage.getItem(this.key);return this.isValidData(e)?e:this.initialData}catch(e){return console.log(e),this.initialData}},this.setData=async e=>this.storage.setItem(this.key,e),this.clearData=async()=>(await this.storage.removeItem(this.key),this.initialData)}}},5525:(e,t,s)=>{s.d(t,{W:()=>c});var a=s(263),i=s(1370),l=s(2528),r=s.n(l),n=s(3239);let o={noIndex:!1}

1,c=e=>{let{noIndex:t=o.noIndex,title:s,description:l,ogImageUrl:c}=e,d=(0,n.useMemo)(()=>null==s?"コロナEX｜TOブックスの公式Web漫画サイト":"".concat(s,"｜コロナEX"),[s]),m=(0,n.useMemo)(()=>null!=l?l:"TOブックスの公式Web漫画（マンガ）サイト、コロナEX。「本好きの下剋上」「ティアムーン帝国物語 ～断頭台から始まる、姫の転生逆転ストーリー～」など、人気作や話題作、新作が読める！",[l]),u=(0,n.useMemo)(()=>null!=c?c:i.X.defaultOgp,[c]);return(0,a.jsxs)(r(),{children:[(0,a.jsx)("title",{children:d},"title"),(0,a.jsx)("meta",{property:"og:title",content:d},"ogTitle"),(0,a.jsx)("meta",{name:"description",content:m},"description"),(0,a.jsx)("meta",{property:"og:description",content:m},"ogDescription"),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"og:image",content:u},"ogImage"),t&&(0,a.jsx)("meta",{name:"robots",content:"noindex"})]})}},5808:(e,t,s)=>{s.d(t,{j:()=>o});var a=s(263),i=s(2723),l=s(1230),r=s.n(l),n=s(3239);let o=e=>{let{ratio:t,src:s,alt:l="",className:o,...c}=e,d=(0,n.useMemo)(()=>r()("relative w-full",o),[o]),m=(0,n.useMemo)(()=>({paddingTop:"".concat(100*t,"%")}),[t]);return(0,a.jsx)("div",{className:d,style:m,children:null!=s?(0,a.jsx)(i._,{className:"absolute left-1/2 top-1/2 max-h-full max-w-full -translate-x-1/2 -translate-y-1/2",src:s,alt:l,...c}):(0,a.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-textGray-300","aria-hidden":!0,children:(0,a.jsx)("div",{className:"text-sm font-semibold text-white",children:"NO IMAGE"})})})}},6223:(e,t,s)=>{s.d(t,{C:()=>c});var a=s(263),i=s(4601),l=s(1990),r=s(1230),n=s.n(r),o=s(3239);let c=e=>{let{isDisabled:t,className:s}=e,{clearReadingHistory:r}=(0,l.Q)(),c=(0,o.useMemo)(()=>n()("text-sm py-1 px-2 rounded bg-transparent transition-colors",t?"text-gray-300":"text-primary-main hover:bg-gray-200",s),[t,s]),d=(0,o.useCallback)(()=>{window.confirm("履歴を削除すると元に戻せません。本当に削除しますか？")&&r()},[r]);return(0,a.jsx)(i.u,{className:c,isDisabled:t,onClick:d,children:"履歴を削除"})}},6268:(e,t,s)=>{s.d(t,{j:()=>i});var a=s(263);s(3239);let i=e=>{let{items:t,render:s}=e;return(0,a.jsx)("div",{className:"flex flex-col flex-wrap mobile:-mx-5 mobile:flex-row",role:"list",children:t.map(e=>(0,a.jsx)("div",{className:"w-full pb-4 mobile:w-1/2 mobile:px-5 mobile:pb-10 desktop:w-4/12",role:"listitem",children:s(e)},e.id))})}},7458:(e,t,s)=>{s.d(t,{f:()=>x});var a=s(263),i=s(1539),l=s(6268),r=s(3239),n=s(8333),o=s(8455),c=s(2352);let d=e=>{let{latestEpisode:t}=e,s=(0,r.useMemo)(()=>{let e=null==t?void 0:t.published_at;return null!=e&&(0,c.$Q)(e)?(0,a.jsx)(o.g,{dateStr:e}):null},[t]);return(0,a.jsxs)("div",{className:"flex items-center justify-between rounded-full bg-secondary-light px-3 py-1 text-xs",children:[(0,a.jsx)("span",{children:"続きの未読あり"}),null!=s&&(0,a.jsx)("span",{className:"text-new-main",children:s})]})},m=e=>{let{item:t}=e;return(0,a.jsxs)(n.i,{item:t.comic,children:[(0,a.jsx)("h3",{className:"mb-[2px] line-clamp-2 text-sm font-semibold",children:t.comic.title}),(0,a.jsx)("div",{className:"mb-2 truncate text-xs text-textGray-600",children:t.latestReadEpisodeTitle}),t.hasUnread&&(0,a.jsx)(d,{latestEpisode:t.comic.latest_episode})]})},u=e=>{let{items:t}=e;return(0,a.jsx)(l.j,{items:t,render:e=>(0,a.jsx)(m,{item:e})})};var h=s(1990);let x=e=>{let{items:t}=e,{error:s,retry:l}=(0,h.Q)();return(0,a.jsx)(i.u,{items:t,error:s,errorMessage:"閲覧履歴の取得に失敗しました",emptyMessage:"閲覧履歴はまだありません",onRequestRetry:l,children:e=>(0,a.jsx)(u,{items:e})})}},8232:(e,t,s)=>{s.d(t,{t:()=>o});var a=s(263),i=s(1230),l=s.n(i);s(3239);let r="h-1/4 w-1/4 rounded-full bg-primary-main",n=[l()(r,"animate-[flowLoading_1.4s_cubic-bezier(0.455,0.03,0.515,0.955)_-0.3s_infinite_both]"),l()(r,"animate-[flowLoading_1.4s_cubic-bezier(0.455,0.03,0.515,0.955)_-0.15s_infinite_both]"),l()(r,"animate-[flowLoading_1.4s_cubic-bezier(0.455,0.03,0.515,0.955)_0s_infinite_both]")],o=()=>(0,a.jsx)("div",{className:"m-auto flex h-12 w-12 items-center justify-between",children:n.map(e=>(0,a.jsx)("div",{className:e},e))})},8333:(e,t,s)=>{s.d(t,{i:()=>n});var a=s(263),i=s(2922),l=s(8533);s(3239);var r=s(5808);let n=e=>{let{item:t,children:s}=e;return(0,a.jsxs)(l.S,{href:"/comics/".concat(t.id),className:"flex items-center bg-transparent transition-colors hover:bg-gray-200",children:[(0,a.jsx)("div",{className:"w-1/3",children:(0,a.jsx)(r.j,{src:t.cover_image_url,alt:t.title,ratio:i.Wl})}),(0,a.jsx)("div",{className:"w-2/3 px-3",children:s})]})}},8455:(e,t,s)=>{s.d(t,{g:()=>r});var a=s(263),i=s(3239),l=s(2352);let r=e=>{let{dateStr:t,currentDate:s=new Date}=e,r=(0,i.useMemo)(()=>{let{type:e,dateTime:a}=(0,l.Yq)(t,s),i=Math.floor((s.getTime()-a.valueOf())/1e3);if(Number.isNaN(i))return"----/-/-";switch(e){case"relativeTimeInMinutes":return"".concat(Math.floor(i/l.Rc),"分前");case"relativeTimeInHours":return"".concat(Math.floor(i/l.r),"時間前");case"relativeTimeInDays":return"".concat(Math.floor(i/l.N_),"日前");default:return"".concat(a.format("YYYY"),"/").concat(a.format("M"),"/").concat(a.format("D"))}},[t,s]);return(0,a.jsx)(a.Fragment,{children:r})}},9090:(e,t,s)=>{s.d(t,{J:()=>r});var a=s(263),i=s(1987),l=s(3947);s(3239);let r=e=>{let{children:t,onRequestRetry:s}=e;return(0,a.jsxs)(l.E,{children:[(0,a.jsx)("div",{className:"mb-4",children:t}),(0,a.jsx)(i.W,{className:"w-40",variant:"primary",onClick:s,children:"リトライ"})]})}},9263:(e,t,s)=>{s.d(t,{O:()=>o});var a=s(715),i=s(1289),l=s(3239),r=s(8433),n=s(2890);let o=()=>{let{history:e,clear:t}=(0,a.O)(),{data:s,error:o,mutate:c}=(0,r.Ay)((e=>null==e||0===e.comicRecords.length?null:(0,i.fI)({url:"".concat(n.xE,"/comics/bulk_get"),query:{"comic_id[]":e.comicRecords.map(e=>e.id)}}))(e));return{comicRecords:(0,l.useMemo)(()=>null!=e&&0===e.comicRecords.length?[]:null!=e&&null!=s?e.comicRecords.reduce((e,t)=>

1{let a=s.resources.find(e=>e.id===t.id);if(null!=a){var i,l;e.push({comic:a,id:a.id,latestReadEpisodeTitle:null!=(l=null==(i=t.episodeRecords[0])?void 0:i.title)?l:"",hasUnread:t.episodeRecords.every(e=>{var t;return e.id!==(null==(t=a.latest_episode)?void 0:t.id)})})}return e},[]):void 0,[s,e]),error:o,retry:(0,l.useCallback)(()=>{c()},[c]),clearReadingHistory:t}}}}]);