https://cereka.app/build/assets/CerekaRecap-BIRFIZyE.js

1import{G as K,r as E,o as g,d as p,b as X,u as y,a as c,t as w,y as R,B as Z,e as $,F as k,z as A,g as Q,O as N,Z as ee}from"./app-CRiFOOTJ.js";import{b as te,d as C}from"./dayjs.min-DHMrdmSw.js";function ne(e,t){if(e.match(/^[a-z]+:\/\//i))return e;if(e.match(/^\/\//))return window.location.protocol+e;if(e.match(/^[a-z]+:/i))return e;const r=document.implementation.createHTMLDocument(),n=r.createElement("base"),a=r.createElement("a");return r.head.appendChild(n),r.body.appendChild(a),t&&(n.href=t),a.href=e,a.href}const re=(()=>{let e=0;const t=()=>`0000${(Math.random()*36**4<<0).toString(36)}`.slice(-4);return()=>(e+=1,`u${t()}${e}`)})();function f(e){const t=[];for(let r=0,n=e.length;r<n;r++)t.push(e[r]);return t}function x(e,t){const n=(e.ownerDocument.defaultView||window).getComputedStyle(e).getPropertyValue(t);return n?parseFloat(n.replace("px","")):0}function se(e){const t=x(e,"border-left-width"),r=x(e,"border-right-width");return e.clientWidth+t+r}function ae(e){const t=x(e,"border-top-width"),r=x(e,"border-bottom-width");return e.clientHeight+t+r}function U(e,t={}){const r=t.width||se(e),n=t.height||ae(e);return{width:r,height:n}}function ie(){let e,t;try{t=process}catch{}const r=t&&t.env?t.env.devicePixelRatio:null;return r&&(e=parseInt(r,10),Number.isNaN(e)&&(e=1)),e||window.devicePixelRatio||1}const h=16384;function oe(e){(e.width>h||e.height>h)&&(e.width>h&&e.height>h?e.width>e.height?(e.height*=h/e.width,e.width=h):(e.width*=h/e.height,e.height=h):e.width>h?(e.height*=h/e.width,e.width=h):(e.width*=h/e.height,e.height=h))}function ce(e,t={}){return e.toBlob?new Promise(r=>{e.toBlob(r,t.type?t.type:"image/png",t.quality?t.quality:1)}):new Promise(r=>{const n=window.atob(e.toDataURL(t.type?t.type:void 0,t.quality?t.quality:void 0).split(",")[1]),a=n.length,s=new Uint8Array(a);for(let i=0;i<a;i+=1)s[i]=n.charCodeAt(i);r(new Blob([s],{type:t.type?t.type:"image/png"}))})}function _(e){return new Promise((t,r)=>{const n=new Image;n.decode=()=>t(n),n.onload=()=>t(n),n.onerror=r,n.crossOrigin="anonymous",n.decoding="async",n.src=e})}async function le(e){return Promise.resolve().then(()=>new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then(t=>`data:image/svg+xml;charset=utf-8,${t}`)}async function ue(e,t,r){const n="http://www.w3.org/2000/svg",a=document.createElementNS(n,"svg"),s=document.createElementNS(n,"foreignObject");return a.setAttribute("width",`${t}`),a.setAttribute("height",`${r}`),a.setAttribute("viewBox",`0 0 ${t} ${r}`),s.setAttribute("width","100%"),s.setAttribute("height","100%"),s.setAttribute("x","0"),s.setAttribute("y","0"),s.setAttribute("externalResourcesRequired","true"),a.appendChild(s),s.appendChild(e),le(a)}const u=(e,t)=>{if(e instanceof t)return!0;const r=Object.getPrototypeOf(e);return r===null?!1:r.constructor.name===t.name||u(r,t)};function he(e){const t=e.getPropertyValue("content");return`${e.cssText} content: '${t.replace(/'|"/g,"")}';`}function fe(e){return f(e).map(t=>{const r=e.getPropertyValue(t),n=e.getPropertyPriority(t);return`${t}: ${r}${n?" !important":""};`}).join(" ")}function de(e,t,r){const n=`.${e}:${t}`,a=r.cssText?he(r):fe(r);return document.createTextNode(`${n}{${a}}`)}function D(e,t,r){const n=window.getComputedStyle(e,r),a=n.getPropertyValue("content");if(a===""||a==="none")return;const s=re();try{t.className=`${t.className} ${s}`}catch{return}const i=document.createElement("style");i.appendChild(de(s,r,n)),t.appendChild(i)}function me(e,t){D(e,t,":before"),D(e,t,":after")}const I="application/font-woff",F="image/jpeg",ge={woff:I,woff2:I,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:F,jpeg:F,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function pe(e){const t=/\.([^./]*?)$/g.exec(e);return t?t[1]:""}function P(e){const t=pe(e).toLowerCase();return ge[t]||""}function we(e){return e.split(/,/)[1]}function L(e){return e.search(/^(data:)/)!==-1}function ye(e,t){return`data:${t};base64,${e}`}async function V(e,t,r){const n=await fetch(e,t);if(n.status===404)throw new Error(`Resource "${n.url}" not found`);const a=await n.blob();return new Promise((s,i)=>{const o=new FileReader;o.onerror=i,o.onloadend=()=>{try{s(r({res:n,result:o.result}))}catch(l){i(l)}},o.readAsDataURL(a)})}const M={};function be(e,t,r){let n=e.replace(/\?.*/,"");return r&&(n=e),/ttf|otf|eot|woff2?/i.test(n)&&(n=n.replace(/.*\//,"")),t?`[${t}]${n}`:n}async function T(e,t,r){const n=be(e,t,r.includeQueryParams);if(M[n]!=null)return M[n];r.cacheBust&&(e+=(/\?/.test(e)?"&":"?")+new Date().getTime());let a;try{const s=await V(e,r.fetchRequestInit,({res:i,result:o})=>(t||(t=i.headers.get("Content-Type")||""),we(o)));a=ye(s,t)}catch(s){a=r.imagePlaceholder||"";let i=`Failed to fetch resource: ${e}`;s&&(i=typeof s=="string"?s:s.message),i&&console.warn(i)}return M[n]=a,a}async function xe(e){const t=e.toDataURL();return t==="data:,"?e.cloneNode(!1):_(t)}async function _e(e,t){if(e.currentSrc){const s=document.createElement("canvas"),i=s.getContext("2d");s.width=e.clientWidth,s.height=e.clientHeight,i==null||i.drawImage(e,0,0,s.width,s.height);const o=s.toDataURL();return _(o)}const r=e.poster,n=P(r),a=await T(r,n,t);return _(a)}async function Se(e){var t;try{if(!((t=e==null?void 0:e.contentDocument)===null||t===void 0)&&t.body)return await S(e.contentDocument.body,{},!0)}catch{}return e.cloneNode(!1)}async function ve(e,t){return u(e,HTMLCanvasElement)?xe(e):u(e,HTMLVideoElement)?_e(e,t):u(e,HTMLIFrameElement)?Se(e):e.cloneNode(!1)}const Ee=e=>e.tagName!=null&&e.tagName.toUpperCase()==="SLOT";async function Re(e,t,r){var n,a;let s=[];return Ee(e)&&e.assignedNodes?s=f(e.assignedNodes()):u(e,HTMLIFrameElement)&&(!((n=e.contentDocument)===null||n===void 0)&&n.body)?s=f(e.contentDocument.body.childNodes):s=f(((a=e.shadowRoot)!==null&&a!==void 0?a:e).childNodes),s.length===0||u(e,HTMLVideoElement)||await s.reduce((i,o)=>i.then(()=>S(o,r)).then(l=>{l&&t.appendChild(l)}),Promise.resolve()),t}function ke(e,t){const r=t.style;if(!r)return;const n=window.getComputedStyle(e);n.cssText?(r.cssText=n.cssText,r.transformOrigin=n.transformOrigin):f(n).forEac

1h(a=>{let s=n.getPropertyValue(a);a==="font-size"&&s.endsWith("px")&&(s=`${Math.floor(parseFloat(s.substring(0,s.length-2)))-.1}px`),u(e,HTMLIFrameElement)&&a==="display"&&s==="inline"&&(s="block"),a==="d"&&t.getAttribute("d")&&(s=`path(${t.getAttribute("d")})`),r.setProperty(a,s,n.getPropertyPriority(a))})}function Ce(e,t){u(e,HTMLTextAreaElement)&&(t.innerHTML=e.value),u(e,HTMLInputElement)&&t.setAttribute("value",e.value)}function Me(e,t){if(u(e,HTMLSelectElement)){const r=t,n=Array.from(r.children).find(a=>e.value===a.getAttribute("value"));n&&n.setAttribute("selected","")}}function Le(e,t){return u(t,Element)&&(ke(e,t),me(e,t),Ce(e,t),Me(e,t)),t}async function Pe(e,t){const r=e.querySelectorAll?e.querySelectorAll("use"):[];if(r.length===0)return e;const n={};for(let s=0;s<r.length;s++){const o=r[s].getAttribute("xlink:href");if(o){const l=e.querySelector(o),m=document.querySelector(o);!l&&m&&!n[o]&&(n[o]=await S(m,t,!0))}}const a=Object.values(n);if(a.length){const s="http://www.w3.org/1999/xhtml",i=document.createElementNS(s,"svg");i.setAttribute("xmlns",s),i.style.position="absolute",i.style.width="0",i.style.height="0",i.style.overflow="hidden",i.style.display="none";const o=document.createElementNS(s,"defs");i.appendChild(o);for(let l=0;l<a.length;l++)o.appendChild(a[l]);e.appendChild(i)}return e}async function S(e,t,r){return!r&&t.filter&&!t.filter(e)?null:Promise.resolve(e).then(n=>ve(n,t)).then(n=>Re(e,n,t)).then(n=>Le(e,n)).then(n=>Pe(n,t))}const W=/url\((['"]?)([^'"]+?)\1\)/g,Te=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,$e=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;function Ae(e){const t=e.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`,"g")}function De(e){const t=[];return e.replace(W,(r,n,a)=>(t.push(a),r)),t.filter(r=>!L(r))}async function Ie(e,t,r,n,a){try{const s=r?ne(t,r):t,i=P(t);let o;return a||(o=await T(s,i,n)),e.replace(Ae(t),`$1${o}$3`)}catch{}return e}function Fe(e,{preferredFontFormat:t}){return t?e.replace($e,r=>{for(;;){const[n,,a]=Te.exec(r)||[];if(!a)return"";if(a===t)return`src: ${n};`}}):e}function Y(e){return e.search(W)!==-1}async function q(e,t,r){if(!Y(e))return e;const n=Fe(e,r);return De(n).reduce((s,i)=>s.then(o=>Ie(o,i,t,r)),Promise.resolve(n))}async function b(e,t,r){var n;const a=(n=t.style)===null||n===void 0?void 0:n.getPropertyValue(e);if(a){const s=await q(a,null,r);return t.style.setProperty(e,s,t.style.getPropertyPriority(e)),!0}return!1}async function Oe(e,t){await b("background",e,t)||await b("background-image",e,t),await b("mask",e,t)||await b("mask-image",e,t)}async function je(e,t){const r=u(e,HTMLImageElement);if(!(r&&!L(e.src))&&!(u(e,SVGImageElement)&&!L(e.href.baseVal)))return;const n=r?e.src:e.href.baseVal,a=await T(n,P(n),t);await new Promise((s,i)=>{e.onload=s,e.onerror=i;const o=e;o.decode&&(o.decode=s),o.loading==="lazy"&&(o.loading="eager"),r?(e.srcset="",e.src=a):e.href.baseVal=a})}async function He(e,t){const n=f(e.childNodes).map(a=>G(a,t));await Promise.all(n).then(()=>e)}async function G(e,t){u(e,Element)&&(await Oe(e,t),await je(e,t),await He(e,t))}function Be(e,t){const{style:r}=e;t.backgroundColor&&(r.backgroundColor=t.backgroundColor),t.width&&(r.width=`${t.width}px`),t.height&&(r.height=`${t.height}px`);const n=t.style;return n!=null&&Object.keys(n).forEach(a=>{r[a]=n[a]}),e}const O={};async function j(e){let t=O[e];if(t!=null)return t;const n=await(await fetch(e)).text();return t={url:e,cssText:n},O[e]=t,t}async function H(e,t){let r=e.cssText;const n=/url\(["']?([^"')]+)["']?\)/g,s=(r.match(/url\([^)]+\)/g)||[]).map(async i=>{let o=i.replace(n,"$1");return o.startsWith("https://")||(o=new URL(o,e.url).href),V(o,t.fetchRequestInit,({result:l})=>(r=r.replace(i,`url(${l})`),[i,l]))});return Promise.all(s).then(()=>r)}function B(e){if(e==null)return[];const t=[],r=/(\/\*[\s\S]*?\*\/)/gi;let n=e.replace(r,"");const a=new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)}

1)","gi");for(;;){const l=a.exec(n);if(l===null)break;t.push(l[0])}n=n.replace(a,"");const s=/@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi,i="((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})",o=new RegExp(i,"gi");for(;;){let l=s.exec(n);if(l===null){if(l=o.exec(n),l===null)break;s.lastIndex=o.lastIndex}else o.lastIndex=s.lastIndex;t.push(l[0])}return t}async function Ue(e,t){const r=[],n=[];return e.forEach(a=>{if("cssRules"in a)try{f(a.cssRules||[]).forEach((s,i)=>{if(s.type===CSSRule.IMPORT_RULE){let o=i+1;const l=s.href,m=j(l).then(d=>H(d,t)).then(d=>B(d).forEach(v=>{try{a.insertRule(v,v.startsWith("@import")?o+=1:a.cssRules.length)}catch(z){console.error("Error inserting rule from remote css",{rule:v,error:z})}})).catch(d=>{console.error("Error loading remote css",d.toString())});n.push(m)}})}catch(s){const i=e.find(o=>o.href==null)||document.styleSheets[0];a.href!=null&&n.push(j(a.href).then(o=>H(o,t)).then(o=>B(o).forEach(l=>{i.insertRule(l,a.cssRules.length)})).catch(o=>{console.error("Error loading remote stylesheet",o)})),console.error("Error inlining remote css file",s)}}),Promise.all(n).then(()=>(e.forEach(a=>{if("cssRules"in a)try{f(a.cssRules||[]).forEach(s=>{r.push(s)})}catch(s){console.error(`Error while reading CSS rules from ${a.href}`,s)}}),r))}function Ve(e){return e.filter(t=>t.type===CSSRule.FONT_FACE_RULE).filter(t=>Y(t.style.getPropertyValue("src")))}async function We(e,t){if(e.ownerDocument==null)throw new Error("Provided element is not within a Document");const r=f(e.ownerDocument.styleSheets),n=await Ue(r,t);return Ve(n)}async function Ye(e,t){const r=await We(e,t);return(await Promise.all(r.map(a=>{const s=a.parentStyleSheet?a.parentStyleSheet.href:null;return q(a.cssText,s,t)}))).join(`
2`)}async function qe(e,t){const r=t.fontEmbedCSS!=null?t.fontEmbedCSS:t.skipFonts?null:await Ye(e,t);if(r){const n=document.createElement("style"),a=document.createTextNode(r);n.appendChild(a),e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n)}}async function Ge(e,t={}){const{width:r,height:n}=U(e,t),a=await S(e,t,!0);return await qe(a,t),await G(a,t),Be(a,t),await ue(a,r,n)}async function J(e,t={}){const{width:r,height:n}=U(e,t),a=await Ge(e,t),s=await _(a),i=document.createElement("canvas"),o=i.getContext("2d"),l=t.pixelRatio||ie(),m=t.canvasWidth||r,d=t.canvasHeight||n;return i.width=m*l,i.height=d*l,t.skipAutoScale||oe(i),i.style.width=`${m}`,i.style.height=`${d}`,t.backgroundColor&&(o.fillStyle=t.backgroundColor,o.fillRect(0,0,i.width,i.height)),o.drawImage(s,0,0,i.width,i.height),i}async function Je(e,t={}){return(await J(e,t)).toDataURL()}async function ze(e,t={}){const r=await J(e,t);return await ce(r)}var Ke={exports:{}};(function(e,t){(function(r,n){e.exports=n(te)})(K,function(r){function n(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}var a=n(r),s={name:"ms-my",weekdays:"Ahad_Isnin_Selasa_Rabu_Khamis_Jumaat_Sabtu".split("_"),months:"Januari_Februari_Mac_April_Mei_Jun_Julai_Ogos_September_Oktober_November_Disember".split("_"),weekStart:1,weekdaysShort:"Ahd_Isn_Sel_Rab_Kha_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mac_Apr_Mei_Jun_Jul_Ogs_Sep_Okt_Nov_Dis".split("_"),weekdaysMin:"Ah_Is_Sl_Rb_Km_Jm_Sb".split("_"),ordinal:function(i){return i},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lepas",s:"beberapa saat",m:"seminit",mm:"%d minit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"}};return a.default.locale(s,null,!0),s})})(Ke);const Xe={class:"min-h-screen flex flex-col items-center justify-center space-y-4"},Ze={class:"flex flex-col items-center space-y-2"},Qe={class:"text-white font-semibold text-2xl"},Ne={class:"flex flex-row space-x-4"},et={id:"image",class:"w-full md:w-[512px] h-[512px]"},tt={id:"capture",class:"select-none"},nt={key:0,class:"relative p-8 text-white",style:{width:"512px",height:"512px","background-image":"url('../../images/bg-cereka-kilat.svg')"}},rt=c("div",{class:"bg-cereka/[.95] absolute inset-0 w-full h-full"},null,-1),st={class:"relative flex flex-col z-10 -mt-4"},at={class:"flex flex-row"},it={class:"flex flex-col w-3/5 mt-6 pr-4"},ot={class:"font-bold italic text-[20px]"},ct={class:"font-bold text-[30px] uppercase leading-tight"},lt={class:"flex flex-col items-center w-2/5"},ut={class:"font-bold text-[80px] leading-[80px]"},ht=c("span",{class:"font-bold text-[15px] leading-[37.5px]"}

2,"Buku sedang dibaca",-1),ft={class:"flex flex-col items-center my-2"},dt=c("span",{class:"font-bold text-[16px]"},"Antara Buku Digemari",-1),mt={class:"flex flex-row space-x-2 w-full mt-2"},gt={class:"aspect-[0.65] w-1/4 bg-cereka rounded relative"},pt=["src","alt"],wt={class:"grid grid-cols-3 gap-4"},yt={class:"flex flex-col items-center justify-between bg-white/50 px-4 py-2 rounded min-h-[5rem]"},bt=c("span",null,null,-1),xt={class:"font-bold text-[20px]"},_t=c("span",{class:"font-bold text-[10px]"},"Genre Disukai",-1),St={class:"flex flex-col items-center justify-between bg-white/50 px-4 py-2 rounded min-h-[5rem]"},vt=c("span",null,null,-1),Et={class:"font-bold text-[20px] text-center"},Rt=c("span",{class:"font-bold text-[10px]"},"Penerbit Disukai",-1),kt={class:"flex flex-col items-center justify-between bg-white/50 px-4 py-2 rounded min-h-[5rem]"},Ct=c("span",null,null,-1),Mt={class:"font-bold text-[30px]"},Lt=c("span",{class:"font-bold text-[10px]"},"Minit Bacaan",-1),Pt=c("div",{class:"mt-4 flex flex-row items-center justify-between"},[c("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14.953 23.687",class:"w-3 text-white"},[c("path",{fill:"currentColor",id:"Path_187",d:"M2.289,0,0,9.857l2.583,0L1.389,14.92l4.685-.011L4.145,23.687l8.521-7.554-.005-.01h.02l2.271-9.973-2.583,0L13.795.01Z",transform:"translate(0 0)"})]),c("span",{class:"font-bold text-white"},"cereka.app")],-1),Tt={key:1,class:"relative p-8 text-white"}

2,$t=c("span",null,"Tidak cukup data untuk jana Cereka Sari.",-1),At=[$t],Ft={__name:"CerekaRecap",props:{user:Object,top_books:Object,read_time:Object,total_read:Object,top_publisher:Object,top_genre:Object,no_username:Boolean},setup(e){const t=E(!1);E(null);const r=E(null),n=()=>{N.get(route("cereka.sari"),{username:r.value})},a=()=>{Je(document.querySelector("#capture"),{width:512,height:512,canvasHeight:512,canvasWidth:512,cacheBust:!0,pixelRatio:1,style:{margin:0,padding:0}}).then(function(s){let i=new Image;i.src=s,document.querySelector("#image").appendChild(i)}).catch(function(s){console.error("oops, something went wrong!",s)}),ze(document.querySelector("#capture"),{width:512,height:512,canvasHeight:512,canvasWidth:512,cacheBust:!0,pixelRatio:1,style:{margin:0,padding:0}}).then(function(s){window.saveAs?window.saveAs(s,"cereka-sari.png"):FileSaver.saveAs(s,"cereka-sari.png"),t.value=!0}).catch(function(s){console.error("oops, something went wrong!",s)})};return(s,i)=>(g(),p(k,null,[X(y(ee),{title:"Cereka Sari "+y(C)().format("MMMM")},null,8,["title"]),c("div",Xe,[c("div",Ze,[c("span",Qe,"Cereka Sari "+w(y(C)().locale("ms-my").format("MMMM")),1),R(c("input",{"onUpdate:modelValue":i[0]||(i[0]=o=>r.value=o),type:"text",placeholder:"Username anda",class:"input input-bordered w-full max-w-xs"},null,512),[[Z,r.value]]),c("div",Ne,[c("button",{onClick:n,class:"btn btn-xs bg-cereka hover:bg-cereka-hover text-white"},"Generate"),!t.value&&!e.no_username&&s.op_genre!==null&&e.top_books!==null&&e.top_publisher!==null?(g(),p("button",{key:0,onClick:a,class:"btn btn-xs bg-cereka hover:bg-cereka-hover text-white"},"Download")):$("",!0)])]),e.no_username?$("",!0):(g(),p(k,{key:0},[R(c("div",et,null,512),[[A,t.value]]),c("div",tt,[e.top_genre!==null&&e.top_books!==null&&e.top_publisher!==null?R((g(),p("div",nt,[rt,c("div",st,[c("div",at,[c("div",it,[c("span",ot,w(e.user.name),1),c("span",ct,"Cereka Sari "+w(y(C)().locale("ms-my").format("MMMM")),1)]),c("div",lt,[c("span",ut,w(e.total_read),1),ht])]),c("div",ft,[dt,c("div",mt,[(g(!0),p(k,null,Q(e.top_books,o=>(g(),p("div",gt,[c("img",{src:o.cover_url,class:"w-full aspect-[0.65] rounded",alt:o.uuid},null,8,pt)]))),256))])]),c("div",wt,[c("div",yt,[bt,c("span",xt,w(e.top_genre.book_genre.name),1),_t]),c("div",St,[vt,c("span",Et,w(e.top_publisher.publisher.name),1),Rt]),c("div",kt,[Ct,c("span",Mt,w(e.read_time),1),Lt])]),Pt])],512)),[[A,!t.value]]):(g(),p("div",Tt,At))])],64))])],64))}};export{Ft as default};