https://www.diabrowser.com/_next/static/chunks/pages/changelog/[[...params]]-fa0d229f88ca20e1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4291],{46494:(e,a,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/changelog/[[...params]]",function(){return t(84721)}])},84721:(e,a,t)=>{"use strict";t.r(a),t.d(a,{__N_SSP:()=>M,default:()=>B});var i=t(53108),s=t(64312),l=t(48569),n=t(34296),r=t.n(n),o=t(11521),c=t(76692),d=t(37078),p=t(62426),u=t(94947),m=t(93548),h=t(16600);let x=e=>{let{updated:a,label:t="Release Log"}=e,n=(0,s.useRef)(null),r=(0,m.P)(e=>e.setIsHeaderDark),o=(0,u.I)(),c=(e,a,t)=>({initial:{opacity:0,y:o?0:t},animate:{opacity:1,y:0},transition:{delay:e,duration:a,ease:h.Le.outExpo}});return(0,s.useEffect)(()=>{let e=n.current;if(!e)return;let a=()=>r(e.getBoundingClientRect().bottom>80);return a(),window.addEventListener("scroll",a,{passive:!0}),()=>{r(!1),window.removeEventListener("scroll",a)}},[r]),(0,i.jsxs)("header",{ref:n,className:"relative flex min-h-[420px] w-full items-end overflow-hidden bg-[#1c2a22] 800:min-h-[32vw] 800:max-h-[554px]",children:[(0,i.jsx)(l.cq,{initial:{scale:o?1:1.04},animate:{scale:1},transition:{duration:1.8,ease:h.Le.outExpo},src:"/images/changelog/header-painting.webp",srcSet:"/images/changelog/header-painting-1200.webp 1200w, /images/changelog/header-painting.webp 2400w",sizes:"(min-width: 800px) 122vw, 100vw",alt:"",fetchPriority:"high",className:"absolute inset-0 h-full w-full object-cover object-[50%_40%] will-change-transform 800:bottom-auto 800:h-auto 800:w-[121.6%] 800:max-w-none"}),(0,i.jsx)("div",{className:"site-grid relative z-1 mx-auto w-full max-w-1200 pb-60 pt-160 800:pb-[8.3vw] 800:pt-[11vw]",children:(0,i.jsxs)("div",{className:"relative isolate col-span-12 text-white 1000:col-span-8",children:[(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute -inset-x-60 -inset-y-40 -z-1 origin-[35%_50%] scale-150 bg-[radial-gradient(ellipse_closest-side_at_35%_50%,black_0%,transparent_100%)] opacity-20"}),(0,i.jsxs)(l.rL,{...c(.15,1,5),className:"mb-20 flex items-center gap-12 font-triple text-16 leading-18 -tracking-2 800:mb-24 800:text-18 800:leading-20",children:[(0,i.jsx)("span",{children:t}),a&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{"aria-hidden":"true",className:"h-4 w-4 rounded-full bg-white"}),(0,i.jsx)("span",{suppressHydrationWarning:!0,children:a})]})]}),(0,i.jsx)(l.$h,{id:"page-title",...c(.35,1.2,5),className:"max-w-[6em] font-serif font-400 text-52 leading-56 -tracking-5 [font-variation-settings:'EXPO'_-10] 800:text-82 800:leading-87",children:"What’s new in Dia"})]})})]})};var f=t(77468),g=t(9270),b=t(70981),v=t(72394),y=t(75629),w=t(85905);let j=e=>e.split(" ")[1]||"",N=e=>{let{id:a,displayName:t,isActive:s,scrollProgress:n}=e,{scrollTo:r}=(0,y.Q)();return(0,i.jsxs)(d.N,{url:"#".concat(a),onClick:e=>{e.preventDefault(),r(a,{offset:-50})},className:"group flex w-max items-center gap-14","aria-current":s?"page":void 0,title:"Jump to ".concat(t," section"),children:[(0,i.jsx)(l.hJ,{"aria-hidden":"true",initial:!1,animate:{height:s?28:8},transition:h.RD,className:"relative block w-8 overflow-hidden rounded-100 bg-[#dfdfdf]",children:(0,i.jsx)(l.hJ,{initial:!1,animate:{opacity:+!!s},transition:h.RD,style:{y:18*n},className:"absolute left-[0.5px] top-0 block h-10 w-7 rounded-100 bg-black"})}),(0,i.jsx)("span",{className:(0,w.$)("font-[350] text-16 leading-18 -tracking-1 transition-colors duration-200 ease-out group-hover:text-black",s?"text-black":"text-black/40"),children:t.split(" ")[0]||""})]})},k=e=>{let{displayName:a,isActive:t,scrollProgress:n}=e,r=a.split(" ")[0].substring(0,3),o=(0,s.useRef)(null),c=(0,g.d)(-100),d=(0,g.d)(t?32:8),p=(0,b.G)(c,e=>"translateY(".concat(e,"%)")),u=(0,s.useRef)(!1);return(0,s.useEffect)(()=>{(u.current||(u.current=!0,(!t||32!==d.get())&&(t||8!==d.get())))&&(0,v.i)(d,t?32:8,{duration:.3,ease:[.77,0,.175,1]})},[t,d]),(0,s.useEffect)(()=>{c.set(-100+100*n)},[n,c]),(0,i.jsx)("div",{className:"w-25 1000:hidden sticky top-100 h-max",children:(0,i.jsxs)("div",{className:"flex flex-col items-center gap-8",children:[(0,i.jsx)("span",{className:(0,w.$)("transition-colors duration-200 ease-out p2",t?"text-black":"text-black/60"),

1children:r}),(0,i.jsx)(l.Uu,{className:"relative bg-black/10 rounded-30 overflow-hidden",style:{width:8,height:d,willChange:"transform"},children:(0,i.jsx)(l.Uu,{ref:o,style:{transform:p},className:(0,w.$)("absolute inset-0 h-full w-full rounded-30 transition-colors duration-200 ease-out",t?"bg-black":"bg-black/60")})})]})})},_=e=>{let{year:a,sections:t,activeSection:n,sectionProgress:r,isOpen:o}=e,[c,d]=(0,s.useState)(o);return(0,s.useEffect)(()=>{d(o)},[o]),(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsxs)("button",{type:"button",onClick:()=>{d(e=>!e)},className:"flex items-center gap-7 text-left group w-max","aria-expanded":c,"aria-controls":"year-".concat(a,"-months"),children:[(0,i.jsx)("span",{className:"font-sans font-400 text-19 leading-21 -tracking-1 text-black",children:a}),(0,i.jsx)(l.bi,{animate:{rotate:180*!!c},className:"h-7 w-13",transition:h.RD,width:"13",height:"7",viewBox:"0 0 13 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M6.68359 6.70801C6.51042 6.70801 6.35547 6.64193 6.21875 6.50977L0.927734 1.0957C0.86849 1.03646 0.822917 0.970378 0.791016 0.897461C0.759115 0.819987 0.743164 0.737956 0.743164 0.651367C0.743164 0.532878 0.770508 0.425781 0.825195 0.330078C0.879883 0.234375 0.952799 0.15918 1.04395 0.104492C1.13965 0.0498047 1.24674 0.0224609 1.36523 0.0224609C1.53841 0.0224609 1.68652 0.0817057 1.80957 0.200195L7.0459 5.55273H6.31445L11.5508 0.200195C11.6784 0.0817057 11.8265 0.0224609 11.9951 0.0224609C12.1136 0.0224609 12.2184 0.0498047 12.3096 0.104492C12.4053 0.15918 12.4805 0.234375 12.5352 0.330078C12.5898 0.425781 12.6172 0.532878 12.6172 0.651367C12.6172 0.819987 12.5557 0.96582 12.4326 1.08887L7.1416 6.50977C7.08236 6.57357 7.01172 6.6237 6.92969 6.66016C6.85221 6.69206 6.77018 6.70801 6.68359 6.70801Z",fill:"black"})})]}),(0,i.jsx)(l.Uu,{initial:!1,animate:{height:c?"auto":0},transition:{...h.RD,delay:.1*!c},children:(0,i.jsx)(l.wJ,{id:"year-".concat(a,"-months"),className:(0,w.$)("flex flex-col gap-15 pt-24",!c&&"pointer-events-none"),initial:!1,animate:{opacity:+!!c,scale:c?1:.975},transition:{...h.RD,delay:.1*!!c},children:t.map(e=>(0,i.jsx)(N,{id:e.id,displayName:e.displayName,isActive:n===e.id,scrollProgress:r[e.id]||0},e.id))})})]})},C=e=>{let{sections:a,activeSection:t,sectionProgress:n,isInAppUpdate:r=!1}=e,o=new Date().getFullYear().toString(),u=(0,s.useMemo)(()=>{let e={};return a.forEach(a=>{let t=j(a.displayName);e[t]||(e[t]={year:t,sections:[]}),e[t].sections.push(a)}),Object.values(e).sort((e,a)=>parseInt(a.year)-parseInt(e.year))},[a]),m=(0,s.useMemo)(()=>{let e=a.find(e=>e.id===t);return e?j(e.displayName):null},[a,t]),[x,f]=(0,s.useState)(()=>Object.fromEntries(u.map(e=>[e.year,e.year===o])));return(0,s.useEffect)(()=>{m&&f(e=>e[m]&&Object.keys(e).every(a=>e[a]===(a===m))?e:Object.fromEntries(u.map(e=>[e.year,e.year===m])))},[m,u]),(0,i.jsxs)("aside",{"aria-label":"Changelog navigation",className:"hidden col-span-2 1000:block ",children:[r&&(0,i.jsx)(d.N,{url:"/",className:"w-max mb-12 inline-block link--opacity",title:"Dia Browser",children:(0,i.jsx)(p.gu,{className:"w-78 h-auto"})}),(0,i.jsx)("nav",{"aria-label":"Release notes by month",className:"flex flex-col gap-46 sticky top-150 h-max",children:(0,i.jsx)(c.N,{mode:"popLayout",initial:!1,children:(0,i.jsx)(l.Uu,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:h.RD,className:"flex flex-col gap-46",children:u.map(e=>(0,i.jsx)(_,{year:e.year,sections:e.sections,activeSection:t,sectionProgress:n,isActiveYear:e.year===(null!=m?m:o),isOpen:x[e.year]||!1},e.year))},a.map(e=>e.id).join())})})]})};var D=t(42816),E=t(23932),S=t(39523);let P=e=>{let{id:a,children:t,onScrollProgress:n}=e,r=(0,s.useRef)(null),o=(0,D.W)(r,{once:!0,amount:"some"}),c=(0,D.W)(r,{once:!1,amount:"some",margin:"0px 0px 0px 0px"}),{scrollYProgress:d}=(0,E.L)({target:r,offset:["start 50%","end 50%"]});return(0,s.useEffect)(()=>{let e=d.on("change",e=>{n&&n(a,e,c)});return()=>e()},[d,a,n,c]),(0,s.useEffect)(()=>{n&&c&&n(a,d.get(),!0)},[c,a,n,d]),(0,i.jsx)(l.Io,{ref:r,id:a,variants:h.Rl,initial:"initial",animate:o?"animate":"initial",transition:h.mF,"aria-labelledby":"".concat(a,"-heading"),children:t})},R=e=>{let{id:a,displayName:t,releases:s,platform:l,onScrollProgress:n}=e,r=s.flatMap(e=>S.P4.filter(e=>"all"===l||e===l).map(a=>e.platforms[a]).filter(e=>void 0!==e).map(a=>({release:e,entry:a})));return(0,i.jsxs)(P,{id:a,onScrollProgress:n,children:[(0,i.jsx)("h2",{id:"".concat(a,"-heading"),className:"sr-only",children:t}),(0,i.jsx)("div",{className:"flex flex-col gap-80 800:gap-120",children:r.map(e=>{let{release:a,entry:t}=e;return(0,i.jsx)(f.d,{release:a,entry:t,headingLevel:"h2",link:!0},"".concat(a.id,"-").concat(t.platform))})})]})};var L=t(67487),O=t(58925);let U=[{value:"all",label:"All"},{value:"mac",label:"Mac"},{value:"windows",label:"Windows"}],F=e=>{let{releases:a,platform:t}=e,{query:n,isReady:u}=(0,o.useRouter)(),m="in-app-update"===n.source,g=Array.isArray(n.params)?n.params[0]:void 0,b=u?(0,S.aH)(g)?g:"all":t,[v,y]=(0,s.useState)(null),[j,N]=(0,s.useState)({}),_="all"===b?a:a.filter(e=>e.platforms[b]),D=_[0]?(0,O.UK)(_[0].date):null,E=_.reduce((e,a)=>{let t=(e=>{let[a,t]=e.split("-");return"".concat(t,"-").concat(a)})(a.date),i=e[e.length-1];return(null==i?void 0:i.id)===t?i.releases.push(a):e.push({id:t,displayName:(e=>{let[a,t]=e.split("-"),i=parseInt(t)-1;return"".concat(["January","February","March","April","May","June","July","August","September","October","November","December"][i]," ").concat(a)})(a.date),releases:[a]}),e},[]),P=(0,s.useCallback)((e,a,t)=>{N(t=>({...t,[e]:a})),t?y(e):y(a=>a===e?null:a)},[]);return(0,s.useEffect)(()=>{var e;let a=null==(e=E[0])?void 0:e.id;a&&!v&&y(a)},[E,v]),(0,i.jsxs)(s.Fragment,{children:[(0,i.jsx)(x,{updated:D}),(0,i.jsxs)(l.Io,{variants:h.aJ,initial:"initial",animate:"animate",transition:h.mF,className:"site-grid relative z-1 mx-auto mb-80 mt-50 max-w-1200 800:mt-70 1000:mb-100","aria-labelledby":"page-title",children:[(0,i.jsx)(C,{sections:E.map(e=>{let{id:a,displayName:t}=e;return{id:a,displayName:t}}),activeSection:v,sectionProgress:j,isInAppUpdate:m}),(0,i.jsxs)("div",{className:"relative col-span-12 1000:col-span-10 1000:col-start-3",children:[m&&(0,i.jsx)(d.N,{url:"/",className:"link--opacity mb-24 inline-block 1000:hidden",children:(0,i.jsx)(p.gu,{className:"h-auto w-78"})}),(0,i.jsx)(l.wJ,{variants:h.Rl,transition:h.mF,"aria-label":"Filter by platform",className:"mb-60 flex gap-6 800:mb-90",children:U.map(e=>{let{value:a,label:t}=e,s=a===b;return(0,i.jsxs)(r(),{href:(0,L.q5)(a),shallow:!0,scroll:!1,"aria-current":s?"page":void 0,className:(0,w.$)("site-ease inline-flex h-30 items-center gap-7 rounded-100 border border-solid border-black px-11 font-triple text-16 leading-18 -tracking-2 text-black transition-opacity duration-200",{"opacity-20 hover:opacity-100 focus-visible:opacity-100":!s}),children:["all"!==a&&(0,i.jsx)(f.q,{platform:a}),t]},a)})}),(0,i.jsx)(c.N,{mode:"popLayout",initial:!1,children:(0,i.jsxs)(l.Uu,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:h.mF,className:"flex flex-col gap-80 800:gap-120",children:[0===E.length&&(0,i.jsxs)("p",{className:"p2 text-black/50",children:["No releases yet for"," ","all"===b?"Dia":S.YN[b],"."]}),E.map(e=>(0,i.jsxs)("div",{className:"flex gap-20",children:[(0,i.jsx)(k,{id:e.id,displayName:e.displayName,isActive:v===e.id,scrollProgress:j[e.id]||0}),(0,i.jsx)(R,{id:e.id,displayName:e.displayName,releases:e.releases,platform:b,onScrollProgress:P})]},e.id))]},b)})]})]})]})};var A=t(61805),I=t(77074);let J={metaTitle:"Dia Browser | Product Updates",openGraphTitle:"Dia Browser | Product Updates",twitterTitle:"Dia Browser | Product Updates",metaDescription:"Stay up to date with the latest features and improvements to Dia",openGraphDescription:"Stay up to date with the latest features and improvements to Dia",twitterDescription:"Stay up to date with the latest features and improvements to Dia"};var M=!0;let B=e=>{let{config:a,...t}=e,l=(0,I.C)([(null==a?void 0:a.seo)||{},J]);return(0,i.jsxs)(s.Fragment,{children:[(0,i.jsx)(A.G,{...l}),(0,i.jsx)(F,{...t})]})}},94947:(e,a,t)=>{"use strict";t.d(a,{I:()=>n});var i=t(23616),s=t(21699),l=t(64312);function n(){i.r.current||(0,s.Uu)();let[e]=(0,l.useState)(i.O.current);return e}}},e=>{e.O(0,[1191,3795,6461,2394,7234,813,636,6593,8792],()=>e(e.s=46494)),_N_E=e.O()}]);