https://scrapio.dev/_next/static/chunks/app/(marketing)/blog/page-08d4def257f6ad04.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[251],{5202:(e,t,a)=>{Promise.resolve().then(a.bind(a,5819))},5819:(e,t,a)=>{"use strict";a.d(t,{BlogList:()=>p});var l=a(4568),r=a(9664),s=a.n(r),c=a(7620);let n={"how-to":{bg:"#eef2ff",accent:"#6366f1",dot:"#a5b4fc",label:"#4338ca"},"use-case":{bg:"#f0fdf4",accent:"#16a34a",dot:"#86efac",label:"#15803d"},"deep-dive":{bg:"#fff7ed",accent:"#ea580c",dot:"#fdba74",label:"#c2410c"},announcement:{bg:"#fdf4ff",accent:"#9333ea",dot:"#d8b4fe",label:"#7e22ce"}},i={"how-to":"M12 6v6m0 0v6m0-6h6m-6 0H6","use-case":"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z","deep-dive":"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z",announcement:"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"};function o(e){var t,a;let{title:r,category:s,width:c=640,height:o=360}=e,d=null!=(t=n[s])?t:n["how-to"],x=null!=(a=i[s])?a:i["how-to"],h=function(e,t){let a=e.split(" "),l=[],r="";for(let e of a)if((r+" "+e).trim().length>28?(r&&l.push(r.trim()),r=e):r=(r+" "+e).trim(),2===l.length)break;return r&&l.length<3&&l.push(r.trim()),3===l.length&&l[2].length>25&&(l[2]=l[2].slice(0,t-3)+"…"),l.slice(0,3)}(r,28),m=34*h.length,f=o/2-m/2+8;return(0,l.jsxs)("svg",{viewBox:"0 0 ".concat(c," ").concat(o),xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid slice",role:"img","aria-label":r,style:{display:"block",width:"100%",height:"100%"},children:[(0,l.jsx)("rect",{width:c,height:o,fill:d.bg}),(0,l.jsx)("defs",{children:(0,l.jsx)("pattern",{id:"dots-".concat(s),x:"0",y:"0",width:"24",height:"24",patternUnits:"userSpaceOnUse",children:(0,l.jsx)("circle",{cx:"1",cy:"1",r:"1.2",fill:d.dot,opacity:"0.5"})})}),(0,l.jsx)("rect",{width:c,height:o,fill:"url(#dots-".concat(s,")")}),(0,l.jsx)("rect",{width:c,height:4,fill:d.accent}),(0,l.jsx)("circle",{cx:c/2,cy:f-52,r:28,fill:d.accent,opacity:"0.12"}),(0,l.jsx)("svg",{x:c/2-14,y:f-66,width:28,height:28,viewBox:"0 0 24 24",fill:"none",stroke:d.accent,strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round",children:(0,l.jsx)("path",{d:x})}),h.map((e,t)=>(0,l.jsx)("text",{x:c/2,y:f+34*t,textAnchor:"middle",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",fontWeight:"700",fontSize:22,fill:"#0f172a",letterSpacing:"-0.3",children:e},t)),(0,l.jsx)("rect",{x:c/2-44,y:f+m+18,width:88,height:26,rx:13,fill:d.accent,opacity:"0.15"}),(0,l.jsx)("text",{x:c/2,y:f+m+35,textAnchor:"middle",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",fontWeight:"600",fontSize:11,fill:d.label,letterSpacing:"0.8",children:s.toUpperCase()}),(0,l.jsx)("text",{x:c-16,y:o-14,textAnchor:"end",fontFamily:"'Courier New', monospace",fontWeight:"700",fontSize:11,fill:d.accent,opacity:"0.5",letterSpacing:"1",children:"SCRAPIO"})]})}let d=[{value:"all",label:"All"},{value:"how-to",label:"How-to"},{value:"use-case",label:"Use case"},{value:"deep-dive",label:"Deep dive"},{value:"announcement",label:"Announcement"}],x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function h(e){let[t,a,l]=e.slice(0,10).split("-").map(Number);return"".concat(x[a-1]," ").concat(l,", ").concat(t)}function m(e){let{post:t}=e;return(0,l.jsxs)(s(),{href:"/blog/".concat(t.slug),className:"group flex flex-col rounded-2xl border border-[var(--border)] bg-[var(--surface)] hover:border-[var(--accent)] transition-colors overflow-hidden",children:[(0,l.jsx)("div",{className:"h-44 border-b border-[var(--border)] overflow-hidden",children:(0,l.jsx)(o,{title:t.title,category:t.category})}),(0,l.jsxs)("div",{className:"flex flex-col flex-1 p-6 gap-3",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,l.jsx)("span",{className:"text-xs font-semibold px-2 py-0.5 rounded-full bg-[var(--accent-glow)] text-[var(--accent)]",children:t.category}),t.featured&&(0,l.jsx)("span",{className:"text-xs font-semibold px-2 py-0.5 rounded-full bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400",children:"Featured"})]}),(0,l.jsx)("h2",{className:"text-base font-bold text-[var(--text)] leading-snug group-hover:text-[var(--accent)] transition-colors line-clamp-2",children:t.title}),(0,l.jsx)("p",{className:"text-sm text-[var(--muted)] leading-relaxed line-clamp-2 flex-1",children:t.description}),(0,l.jsxs)("div",{className:"flex items-center justify-between text-xs text-[var(--muted)] pt-2 border-t border-[var(--border-subtle)]",children:[(0,l.jsx)("span",{children:h(t.publishedAt)}),(0,l.jsxs)("span",{children:[t.readingTime," min read"]})]})]})]})}function f(e){let{post:t}=e;return(0,l.jsxs)(s(),{href:"/blog/".concat(t.slug),className:"group flex flex-col md:flex-row rounded-2xl border border-[var(--border)] bg-[var(--surface)] hover:border-[var(--accent)] transition-colors overflow-hidden",children:[(0,l.jsx)("div",{className:"md:w-72 h-48 md:h-auto border-b md:border-b-0 md:border-r border-[var(--border)] shrink-0 overflow-hidden",children:(0,l.jsx)(o,{title:t.title,category:t.category})}),(0,l.jsxs)("div",{className:"flex flex-col justify-center p-6 md:p-8 gap-3",children:[(0,l.jsx)("span",{className:"text-xs font-semibold px-2 py-0.5 rounded-full bg-[var(--accent-glow)] text-[var(--accent)] w-fit",children:t.category}),(0,l.jsx)("h2",{className:"text-2xl font-extrabold text-[var(--text)] leading-snug group-hover:text-[var(--accent)] transition-colors",children:t.title}),(0,l.jsx)("p",{className:"text-sm text-[var(--muted)] leading-relaxed max-w-2xl",children:t.description}),(0,l.jsxs)("div",{className:"flex items-center gap-4 text-xs text-[var(--muted)]",children:[(0,l.jsx)("span",{children:h(t.publishedAt)}),(0,l.jsxs)("span",{children:[t.readingTime," min read"]})]})]})]})}function p(e){let{posts:t}=e,[a,r]=(0,c.useState)("all"),s=t.find(e=>e.featured),n="all"===a?t:t.filter(e=>e.category===a);return(0,l.jsxs)(l.Fragment,{children:[s&&"all"===a&&(0,l.jsx)("section",{className:"pt-12 pb-6 bg-[var(--bg)]",children:(0,l.jsxs)("div",{className:"mx-auto max-w-[1180px] px-5",children:[(0,l.jsx)("p",{className:"font-mono text-xs uppercase tracking-wider text-[var(--muted)] mb-5",children:"Featured"}),(0,l.jsx)(f,{post:s})]})}),(0,l.jsx)("section",{className:"py-12 bg-[var(--bg)]",children:(0,l.jsxs)("div",{className:"mx-auto max-w-[1180px] px-5",children:[(0,l.jsx)("div",{className:"flex items-center gap-2 flex-wrap mb-8",children:d.map(e=>(0,l.jsx)("button",{onClick:()=>r(e.value),className:"px-4 py-1.5 rounded-full text-sm font-medium transition-colors ".concat(a===e.value?"bg-[var(--accent)] text-white":"bg-[var(--surface)] border border-[var(--border)] text-[var(--muted-2)] hover:border-[var(--accent)] hover:text-[var(--accent)]"),children:e.label},e.value))}),0===n.length?(0,l.jsx)("p",{className:"text-[var(--muted)] text-sm",children:"No posts in this category yet."}):(0,l.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",children:n.map(e=>(0,l.jsx)(m,{post:e},e.slug))})]})})]})}}},e=>{e.O(0,[664,732,587,18,358],()=>e(e.s=5202)),_N_E=e.O()}]);