https://ronic.ai/_next/static/chunks/app/blogs/page-f435c1084a52102f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8156],{8227:()=>{},14849:(e,l,s)=>{Promise.resolve().then(s.bind(s,17954)),Promise.resolve().then(s.bind(s,98925)),Promise.resolve().then(s.t.bind(s,8227,23)),Promise.resolve().then(s.bind(s,66616)),Promise.resolve().then(s.t.bind(s,86457,23)),Promise.resolve().then(s.bind(s,70703)),Promise.resolve().then(s.t.bind(s,40782,23)),Promise.resolve().then(s.t.bind(s,97050,23)),Promise.resolve().then(s.t.bind(s,66018,23)),Promise.resolve().then(s.t.bind(s,43612,23))},17954:(e,l,s)=>{"use strict";s.d(l,{BlogsClient:()=>m});var t=s(9341),r=s(44233);let a=["January","February","March","April","May","June","July","August","September","October","November","December"];function n(e){let l=/^(\d{4})-(\d{2})-(\d{2})/.exec(e||"");return l?new Date(+l[1],l[2]-1,+l[3]):null}function i(e){let l=n(e);return l?{key:`${l.getFullYear()}-${l.getMonth()}`,label:`${a[l.getMonth()]} ${l.getFullYear()}`}:null}var c=s(49775);function o(e,l){return(Date.parse(l.date)||0)-(Date.parse(e.date)||0)}function d(e){let l,s,{r,short:i}=e;return(0,t.jsxs)("span",{className:"blg-meta",children:[(0,t.jsx)("time",{className:"blg-date",dateTime:r.date,children:i?(l=n(r.date))?`${l.getDate()} ${a[l.getMonth()].slice(0,3)}`:"":(s=n(r.date))?`${s.getDate()} ${a[s.getMonth()]} ${s.getFullYear()}`:""}),r.topic?(0,t.jsx)("span",{className:"blg-topic",children:r.topic}):null]})}function u(e){let{r:l}=e;return(0,t.jsx)("li",{className:"blg-row",children:(0,t.jsxs)("a",{className:`blg-link${"organic"===l.source&&!l.image?" blg-link-text":""}`,href:"organic"===l.source?(0,c.YY)(l):l.url,children:[(0,t.jsx)(d,{r:l,short:!0}),(0,t.jsx)("span",{className:"blg-title",children:l.title}),l.excerpt?(0,t.jsx)("span",{className:"blg-excerpt",children:l.excerpt}):null,l.image?(0,t.jsx)("img",{className:"blg-stamp",src:l.image,alt:"",loading:"lazy"}):null]})})}function h(e){let{items:l,isOn:s,onPick:r}=e;return(0,t.jsx)("ul",{className:"blg-nav",children:l.map(e=>(0,t.jsx)("li",{children:(0,t.jsxs)("button",{type:"button","aria-pressed":s(e),onClick:()=>r(e),children:[(0,t.jsx)("span",{children:e.label}),(0,t.jsx)("span",{className:"n",children:e.n})]})},e.key))})}function m(e){let{staticNotes:l=[],feedUrl:s="",siteUrl:m="https://ronic.ai"}=e,[p,g]=(0,r.useState)([]),b=(0,r.useMemo)(()=>[...l].sort(o),[l]),x=(0,r.useMemo)(()=>(0,c.K9)(b,p,m),[b,p,m]),f=(0,r.useMemo)(()=>[...x,...b],[x,b]);(0,r.useEffect)(()=>{if(g([]),!s)return;let e=!0,l=!1,t,r=async()=>{if(!e||l||document.hidden)return;l=!0,t=new AbortController;let r=setTimeout(()=>t.abort(),15e3);try{let l=await (0,c.Jy)(s,{signal:t.signal});e&&g(l)}catch{e&&g([])}finally{clearTimeout(r),l=!1}};r();let a=setInterval(r,6e4);return window.addEventListener("focus",r),document.addEventListener("visibilitychange",r),()=>{e=!1,null==t||t.abort(),clearInterval(a),window.removeEventListener("focus",r),document.removeEventListener("visibilitychange",r)}},[s]);let k=(0,r.useMemo)(()=>{let e=new Map;for(let l of f)l.topic&&e.set(l.topic,(e.get(l.topic)||0)+1);return[...e].sort((e,l)=>l[1]-e[1]||e[0].localeCompare(l[0])).map(e=>{let[l,s]=e;return{key:l,label:l,n:s}})},[f]),j=(0,r.useMemo)(()=>{let e=new Map;for(let l of f){let s=i(l.date);s&&!e.has(s.key)&&e.set(s.key,{...s,n:0}),s&&(e.get(s.key).n+=1)}return[...e.values()].sort((e,l)=>{let[s,t]=e.key.split("-").map(Number),[r,a]=l.key.split("-").map(Number);return r-s||a-t})},[f]),[y,v]=(0,r.useState)(null),[N,w]=(0,r.useState)(null);(0,r.useEffect)(()=>{w(new Date)},[]);let M=b.find(e=>e.featured)||b[0]||null,_=b.filter(e=>e!==M).slice(0,2),C=b.filter(e=>e!==M&&!_.includes(e)),$=y?f.filter(e=>{var l;return"topic"===y.kind?e.topic===y.key:(null==(l=i(e.date))?void 0:l.key)===y.key}):C,D=function(e,l){let s,t,r=[],i=new Map,c=l?(t=((s=new Date(l.getFullYear(),l.getMonth(),l.getDate())).getDay()+6)%7,s.setDate(s.getDate()-t),s):null,o=c?new Date(c.getFullYear(),c.getMonth(),c.getDate()-7):null;for(let l of e){let e,s,t=n(l.date);if(t){if(c&&t>=c?(e="this-week",s="This week"):o&&t>=o?(e="last-week",s="Last week"):(e=`${t.getFullYear()}-${t.getMonth()}`,s=`${a[t.getMonth()]} ${t.getFullYear()}`),!i.has(e)){let l={key:e,label:s,rows:[]};i.set(e,l),r.push(l)}i.get(e).rows.push(l)}}return r}($,N),E=b.find(e=>e.quote)||null,P=b.filter(e=>e.pick>0).sort((e,l)=>e.pick-l.pick).slice(0,3),F=e=>v((null==y?void 0:y.kind)==="topic"&&y.key===e.key?null:{kind:"topic",...e}),L={key:"",label:"All",n:f.length};return(0,t.jsx)("section",{className:"blg","aria-labelledby":"blg-h",children:(0,t.jsxs)("div",{className:"blg-wrap",children:[(0,t.jsx)("div",{className:"blg-head",children:(0,t.jsx)("h1",{id:"blg-h",className:"blg-eyebrow",children:"Blogs"})}),(0,t.jsxs)("aside",{className:"blg-rail blg-rail-l","aria-label":"Browse the notes",children:[(0,t.jsx)("div",{className:"blg-eyebrow",children:"Topics"}),(0,t.jsx)(h,{items:[L,...k],isOn:e=>e.key?(null==y?void 0:y.kind)==="topic"&&y.key===e.key:!y,onPick:e=>e.key?F(e):v(null)}),(0,t.jsx)("div",{className:"blg-eyebrow",children:"Months"}),(0,t.jsx)(h,{items:j,isOn:e=>(null==y?void 0:y.kind)==="month"&&y.key===e.key,onPick:e=>v((null==y?void 0:y.kind)==="month"&&y.key===e.key?null:{kind:"month",...e})})]}),(0,t.jsxs)("div",{className:"blg-main",children:[(0,t.jsx)("div",{className:"blg-tabs",role:"group","aria-label":"Topic",children:[L,...k].map(e=>(0,t.jsx)("button",{type:"button",className:"blg-chip","aria-pressed":e.key?(null==y?void 0:y.kind)==="topic"&&y.key===e.key:!y,onClick:()=>e.key?F(e):v(null),children:e.label},e.key))}),!y&&x.length?(0,t.jsxs)("section",{className:"blg-organic","aria-label":"From Organic",children:[(0,t.jsx)("h2",{className:"blg-label",children:"From Organic"}),(0,t.jsx)("ol",{className:"blg-list",children:x.map(e=>(0,t.jsx)(u,{r:e},e.slug))})]}):null,!y&&M?(0,t.jsxs)("a",{className:"blg-hero",href:M.url,children:[M.image?(0,t.jsx)("img",{className:"blg-cover",src:M.image,alt:""}):null,(0,t.jsxs)("span",{className:"blg-hero-text",children:[(0,t.jsx)(d,{r:M}),(0,t.jsx)("span",{className:"blg-hero-title",children:M.title}),M.excerpt?(0,t.jsx)("span",{className:"blg-excerpt",children:M.excerpt}):null]})]}):null,!y&&_.length?(0,t.jsx)("ol",{className:"blg-cards",children:_.map(e=>(0,t.jsx)("li",{children:(0,t.jsxs)("a",{className:"blg-card",href:e.url,children:[e.image?(0,t.jsx)("img",{className:"blg-cover",src:e.image,alt:"",loading:"lazy"}):null,(0,t.jsx)(d,{r:e}),(0,t.jsx)("span",{className:"blg-title",children:e.title}),e.excerpt?(0,t.jsx)("span",{className:"blg-excerpt",children:e.excerpt}):null]})},e.slug))}):null,$.length?(0,t.jsxs)("div",{className:"blg-taper"+(y?" is-filtered":""),children:[y?(0,t.jsxs)("h2",{className:"blg-list-h",children:[y.label,(0,t.jsx)("span",{className:"n",children:1===$.length?"1 note":`${$.length} notes`})]}):null,D.map(e=>(0,t.jsxs)("section",{className:"blg-group","aria-label":e.label,children:[(null==y?void 0:y.kind)==="month"?null:(0,t.jsx)("h3",{className:"blg-label",children:e.label}),(0,t.jsx)("ol",{className:"blg-list",children:e.rows.map(e=>(0,t.jsx)(u,{r:e},e.slug))})]},e.key))]}):null]}),(0,t.jsxs)("aside",{className:"blg-rail blg-rail-r","aria-label":"From the notes",children:[E?(0,t.jsxs)("blockquote",{className:"blg-quote",children:[(0,t.jsx)("span",{className:"blg-mark","aria-hidden":"true"}),(0,t.jsxs)("p",{children:["“",E.quote,"”"]}),(0,t.jsx)("cite",{children:(0,t.jsx)("a",{href:E.url,children:E.title})})]}):null,P.length?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"blg-eyebrow",children:"Start here"}),(0,t.jsx)("ol",{className:"blg-picks",children:P.map(e=>(0,t.jsx)("li",{children:(0,t.jsxs)("a",{href:e.url,children:[(0,t.jsx)("span",{className:"blg-pick-title",children:e.title}),e.topic?(0,t.jsx)("span",{className:"blg-pick-meta",children:e.topic}):null]})},e.slug))})]}):null]})]})})}},40782:e=>{e.exports={style:{fontFamily:"'Inter', 'Inter Fallback'",fontStyle:"normal"},className:"__className_8b3a0b",variable:"__variable_8b3a0b"}},43612:()=>{},49775:(e,l,s)=>{"use strict";async function t(e){let{signal:l,fetcher:s=fetch}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=new URL(e);if(!["https:","http:"].includes(t.protocol)||t.username||t.password)throw Error("Invalid blog feed URL.");t.searchParams.set("limit","100"),t.searchParams.delete("cursor");let r=[],a=new Set;for(;;){let e=await s(t.href,{signal:l,credentials:"omit",cache:"no-store"});if(!e.ok)throw Error("The blog feed is unavailable.");let n=await e.json();if(!Array.isArray(null==n?void 0:n.items)||!(null===n.nextCursor||"string"==typeof n.nextCursor&&n.nextCursor))throw Error("Invalid blog feed response.");for(let e of n.items){let l;if("string"==typeof(null==e?void 0:e.id)&&e.id&&"string"==typeof e.title&&e.title.trim()&&"string"==typeof e.url&&"string"==typeof e.publishedAt&&Number.isFinite(Date.parse(e.publishedAt))){try{l=new URL(e.url)}catch{continue}l.origin!==t.origin||l.username||l.password||r.push({slug:`organic-${e.id}`,title:e.title,excerpt:"string"==typeof e.excerpt?e.excerpt:"",date:e.publishedAt,url:l.href,source:"organic"})}}if(null===n.nextCursor)return r;if(a.has(n.nextCursor))throw Error("The blog feed repeated a page.");a.add(n.nextCursor),t.searchParams.set("cursor",n.nextCursor)}}function r(e,l){try{let s=new URL(e,l);return s.hash="",s.pathname=s.pathname.replace(/\/+$/,"")||"/",s.href}catch{return e}}function a(e,l,s){let t=new Set(e.map(e=>r(e.url,s))),a=new Set;return[...l].sort((e,l)=>Date.parse(l.date)-Date.parse(e.date)||e.slug.localeCompare(l.slug)).filter(e=>{let l=r(e.url,s);return!(t.has(l)||a.has(e.slug))&&(t.add(l),a.add(e.slug),!0)})}function n(e){return`/blogs/read/?post=${encodeURIComponent(e.slug.replace(/^organic-/,""))}`}s.d(l,{Jy:()=>t,K9:()=>a,YY:()=>n})},66018:()=>{},66616:(e,l,s)=>{"use strict";s.d(l,{ScrollActionPrompt:()=>h});var t=s(9341),r=s(44233),a=s(30573);let n=(0,a.A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}

1],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),i=(0,a.A)("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);var c=s(60783),o=s(88683),d=s(79124),u=s(50367);function h(){let{advance:e,hasAnyCycle:l}=(0,u.S)(),[s,a]=(0,r.useState)(!1),[h,m]=(0,r.useState)("default"),p=(0,r.useRef)(!1);return((0,r.useEffect)(()=>{let e=0,l=0,s=window.scrollY||0,t=Math.max(window.innerHeight||0,1),r=()=>{let n=window.scrollY||0,i=Math.abs(n-s);s=n,!(i<12)&&(e+=1,l+=i,(e>=2&&l>=120||n>=.7*t)&&(p.current||(p.current=!0,m((0,d.activeQuickThemeId)()),a(!0),(0,c.u4)("cc",{k:"scroll_prompt",v:"a=show;src=scroll"}),window.removeEventListener("scroll",r))))};return window.addEventListener("scroll",r,{passive:!0}),()=>{window.removeEventListener("scroll",r)}},[]),s)?(0,t.jsxs)("aside",{className:"scroll-action-prompt",role:"dialog","aria-label":"Refresh assets or browse themes",children:[(0,t.jsx)("button",{type:"button",className:"scroll-action-close",onClick:()=>{a(!1),(0,c.u4)("cc",{k:"scroll_prompt",v:"a=dismiss;src=scroll_prompt"})},"aria-label":"Dismiss",children:(0,t.jsx)(n,{size:16,strokeWidth:2})}),(0,t.jsxs)("div",{className:"scroll-action-copy",children:[(0,t.jsx)("p",{className:"scroll-action-kicker",children:"Quick options"}),(0,t.jsx)("h2",{children:"Want a new look?"}),(0,t.jsx)("p",{children:"Try a theme now. New visuals appear when asset refresh is available."})]}),(0,t.jsx)("div",{className:"scroll-theme-grid","aria-label":"Theme options",children:o.Tu.map(e=>{let l=e.id===h,s=e.spec||{};return(0,t.jsxs)("button",{type:"button",className:"scroll-theme-option","data-active":l,onClick:()=>{e.id!==h&&(0,c.u4)("cc",{k:"theme_pick",v:`id=${e.id};src=scroll_prompt`}),(0,d.applyQuickTheme)(e),m(e.id)},"aria-pressed":l,children:[(0,t.jsxs)("span",{className:"scroll-theme-swatch","aria-hidden":"true",children:[(0,t.jsx)("span",{style:{background:s.page||"#f7f3ea"}}),(0,t.jsx)("span",{style:{background:s.surfaceA||"#ffffff"}}),(0,t.jsx)("span",{style:{background:s.accent||"var(--dieter-accent, #4548e2)"}})]}),(0,t.jsx)("span",{children:e.label})]},e.id)})}),(0,t.jsx)("div",{className:"scroll-action-buttons",children:l?(0,t.jsxs)("button",{type:"button",className:"scroll-action-button primary",onClick:()=>{e("scroll_prompt"),(0,c.u4)("cc",{k:"scroll_prompt",v:"a=refresh;src=scroll_prompt"})},children:[(0,t.jsx)("span",{className:"scroll-action-icon","aria-hidden":"true",children:(0,t.jsx)(i,{size:18,strokeWidth:2})}),(0,t.jsxs)("span",{children:[(0,t.jsx)("strong",{children:"Refresh assets"}),(0,t.jsx)("small",{children:"Load new visuals"})]})]}):null})]}):null}s(78281)},78281:()=>{}},e=>{e.O(0,[6766,3392,3166,3076,6452,3119,3767,6359,2529,4301,8925,5464,783,9638,7967,8114,7358],()=>e(e.s=14849)),_N_E=e.O()}]);