docusaurus/assets/js/028951d7.10236404.js

"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5185],{94634:(e,t,r)=>{r.d(t,{A:()=>s});let s=r.p+"assets/images/social-card-e1b6e0c51be29d4ab2d4c966d220410c.png"},18764:(e,t,r)=>{r.d(t,{A:()=>o});var s=r(62540);r(63696);var n=r(70361);function o({url:e}){return(0,s.jsx)("div",{style:{padding:10},children:(0,s.jsx)(n.A,{url:e,style:{minWidth:"min(100%,45vw)",width:800,maxWidth:"100%",overflow:"hidden"},bodyStyle:{padding:0},children:(0,s.jsx)("iframe",{src:e,title:e,style:{display:"block",width:"100%",height:300}})})})}},70361:(e,t,r)=>{r.d(t,{A:()=>i});var s=r(62540);r(63696);var n=r(11750);let o="dot_giz1",a="bar_rrRL";function i({children:e,minHeight:t,url:r="http://localhost:3000",style:i,bodyStyle:c}){var l,d;return(0,s.jsxs)("div",{className:"browserWindow_my1Q",style:(l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),s.forEach(function(t){var s;s=r[t],t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s})}return e}({},i),d=d={minHeight:t},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(d)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);r.push.apply(r,s)}return r})(Object(d)).forEach(function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(d,e))}),l),children:[(0,s.jsxs)("div",{className:"browserWindowHeader_jXSR",children:[(0,s.jsxs)("div",{className:"buttons_uHc7",children:[(0,s.jsx)("span",{className:o,style:{background:"#f25f58"}}),(0,s.jsx)("span",{className:o,style:{background:"#fbbe3c"}}),(0,s.jsx)("span",{className:o,style:{background:"#58cb42"}})]}),(0,s.jsx)("div",{className:(0,n.A)("browserWindowAddressBar_Pd8y","text--truncate"),children:r}),(0,s.jsx)("div",{className:"browserWindowMenuIcon_Vhuh",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:a}),(0,s.jsx)("span",{className:a}),(0,s.jsx)("span",{className:a})]})})]}),(0,s.jsx)("div",{className:"browserWindowBody_Idgs",style:c,children:e})]})}},43730:(e,t,r)=>{r.d(t,{A:()=>o});var s=r(62540),n=r(63696);function o({children:e="Boom!",message:t="Boom!\nSomething bad happened, but you can try again!",cause:r}){let[o,a]=(0,n.useState)(!1);if(o)throw Error(t,{cause:r?Error(r):void 0});return(0,s.jsx)("button",{className:"button button--danger",type:"button",onClick:()=>a(!0),children:e})}},32600:(e,t,r)=>{r.d(t,{A:()=>s});let s=r.p+"assets/images/broken-anchor-4191e5dd94aef9e8c5e3524880670f0f.jpg"},65223:(e,t,r)=>{r.d(t,{A:()=>s});let s=r.p+"assets/images/social-card-e1b6e0c51be29d4ab2d4c966d220410c.png"},37034:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>c,contentTitle:()=>i,default:()=>u,frontMatter:()=>a,metadata:()=>s,toc:()=>l});var s=r(13980),n=r(62540),o=r(43023);r(70361),r(18764),r(43730);let a={title:"Docusaurus 3.1",authors:["slorber"],tags:["release"],image:"./img/social-card.png",date:new Date("2024-01-05T00:00:00.000Z")},i=void 0,c={image:r(94634).A,authorsImageUrls:[void 0]},l=[{value:"Highlights",id:"highlights",level:2},{value:"Broken anchors checker",id:"broken-anchors-checker",level:3},{value:"<code>parseFrontMatter</code> hook",id:"parsefrontmatter-hook",level:3},{value:"Other changes",id:"other-changes",level:2}];function d(e){let t={a:"a",admonition:"admonition",code:"code",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(t.p,{children:["We are happy to announce ",(0,n.jsx)(t.strong,{children:"Docusaurus 3.1"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["The upgrade should be easy: as explained in our ",(0,n.jsx)(t.a,{href:"/community/release-process",children:"release process documentation"}),", minor versions respect ",(0,n.jsx)(t.a,{href:"https://semver.org/",children:"Semantic Versioning"}),"."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Docusaurus blog post social card",src:r(65223).A+"",width:"1200",height:"600"})}),"\n","\n",(0,n.jsx)(t.h2,{id:"highlights",children:"Highlights"}),"\n",(0,n.jsx)(t.h3,{id:"broken-anchors-checker",children:"Broken anchors checker"}),"\n",(0,n.jsxs)(t.p,{children:["In ",(0,n.jsx)(t.a,{href:"https://github.com/facebook/docusaurus/pull/9528",children:"#9528"}),", we improved the built-in broken links checker to also detect broken anchors."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Docusaurus blog post social card",src:r(32600).A+"",width:"1920",height:"896"})}),"\n",(0,n.jsxs)(t.admonition,{title:"Make it fail fast",type:"tip",children:[(0,n.jsxs)(t.p,{children:["The new ",(0,n.jsx)(t.a,{href:"/docs/api/docusaurus-config#onBrokenAnchors",children:(0,n.jsx)(t.code,{children:"onBrokenAnchors"})})," option has value ",(0,n.jsx)(t.code,{children:"warn"})," by default, for retro-compatibility reasons."]}),(0,n.jsxs)(t.p,{children:["We recommend to turn it to ",(0,n.jsx)(t.code,{children:"throw"})," and fail your CI builds instead of deploying broken anchors to productions."]})]}),"\n",(0,n.jsxs)(t.admonition,{type:"note",children:[(0,n.jsxs)(t.p,{children:["For users and plugin authors implementing custom ",(0,n.jsx)(t.code,{children:"<Heading>"})," and ",(0,n.jsx)(t.code,{children:"<Link>"})," components, we provide a new ",(0,n.jsx)(t.a,{href:"/docs/docusaurus-core#useBrokenLinks",children:(0,n.jsx)(t.code,{children:"useBrokenLinks"})})," React hook API."]}),(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Most Docusaurus users don't need to care about it"}),", built-in components (",(0,n.jsx)(t.code,{children:"docusaurus/Link"})," and ",(0,n.jsx)(t.code,{children:"@theme/Heading"}),") already use it internally."]})]}),"\n",(0,n.jsxs)(t.h3,{id:"parsefrontmatter-hook",children:[(0,n.jsx)(t.code,{children:"parseFrontMatter"})," hook"]}),"\n",(0,n.jsxs)(t.p,{children:["In ",(0,n.jsx)(t.a,{href:"https://github.com/facebook/docusaurus/pull/9624",children:"#9624"}),", we added a new ",(0,n.jsxs)(t.a,{href:"/docs/api/docusaurus-config#markdown",children:[(0,n.jsx)(t.code,{children:"siteConfig.markdown.parseFrontMatter"})," function hook"]}),"."]}),"\n",(0,n.jsx)(t.p,{children:"This makes it possible to implement convenient front matter transformations, shortcuts, or to integrate with external systems using front matter that Docusaurus plugins do not support."}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-js",metastring:'title="docusaurus.config.js"',children:"export default {\n  markdown: {\n    // highlight-start\n    parseFrontMatter: async (params) => {\n      // Reuse the default parser\n      const result = await params.defaultParseFrontMatter(params);\n\n      // Process front matter description placeholders\n      result.frontMatter.description =\n        result.frontMatter.description?.replaceAll('{{MY_VAR}}', 'MY_VALUE');\n\n      // Create your own front matter shortcut\n      if (result.frontMatter.i_do_not_want_docs_pagination) {\n        result.frontMatter.pagination_prev = null;\n        result.frontMatter.pagination_next = null;\n      }\n\n      // Rename an unsupported front matter coming from another system\n      if (result.frontMatter.cms_seo_summary) {\n        result.frontMatter.description = result.frontMatter.cms_seo_summary;\n        delete result.frontMatter.cms_seo_summary;\n      }\n\n      return result;\n    },\n    // highlight-end\n  },\n};\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Read the ",(0,n.jsx)(t.a,{href:"/docs/markdown-features#front-matter",children:"front matter guide"})," and the ",(0,n.jsxs)(t.a,{href:"/docs/api/docusaurus-config#markdown",children:[(0,n.jsx)(t.code,{children:"parseFrontMatter"})," API ref"]})," for details."]}),"\n",(0,n.jsx)(t.h2,{id:"other-changes",children:"Other changes"}),"\n",(0,n.jsx)(t.p,{children:"Other notable changes include:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.a,{href:"https://github.com/facebook/docusaurus/pull/9674",children:"#9674"}),": add ",(0,n.jsx)(t.code,{children:"siteConfig.markdown.remarkRehypeOptions"})," to pass options to ",(0,n.jsx)(t.code,{children:"remark-rehype"}),", letting you customize things such as MDX footnote label"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.a,{href:"https://github.com/facebook/docusaurus/pull/9671",children:"#9671"}),": add code block MagicComments support for (Visual) Basic/Batch/Fortran/COBOL/ML"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.a,{href:"https://github.com/facebook/docusaurus/pull/9610",children:"#9610"}),": enable CLI port configuration via ",(0,n.jsx)(t.code,{children:"PORT"})," environment variable"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.a,{href:"https://github.com/facebook/docusaurus/pull/9477",children:"#9477"}),": complete Brazilian Portuguese (pt-BR) translations"]}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["Check the ",(0,n.jsx)(t.strong,{children:(0,n.jsx)(t.a,{href:"/changelog/3.1.0",children:"3.1.0 changelog entry"})})," for an exhaustive list of changes."]})]})}function u(e={}){let{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},43023:(e,t,r)=>{r.d(t,{R:()=>a,x:()=>i});var s=r(63696);let n={},o=s.createContext(n);function a(e){let t=s.useContext(o);return s.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),s.createElement(o.Provider,{value:t},e.children)}},13980:e=>{e.exports=JSON.parse('{"permalink":"/blog/releases/3.1","editUrl":"https://github.com/facebook/docusaurus/edit/main/website/blog/releases/3.1/index.mdx","source":"@site/blog/releases/3.1/index.mdx","title":"Docusaurus 3.1","description":"We are happy to announce Docusaurus 3.1.","date":"2024-01-05T00:00:00.000Z","tags":[{"inline":false,"label":"Release","permalink":"/blog/tags/release","description":"Blog posts about Docusaurus\' new releases"}],"readingTime":1.665,"hasTruncateMarker":true,"authors":[{"name":"S\xe9bastien Lorber","title":"Docusaurus maintainer, This Week In React editor","url":"https://thisweekinreact.com","page":{"permalink":"/blog/authors/slorber"},"description":"A freelance React and React-Native developer near Paris and Docusaurus maintainer. Also runs ThisWeekInReact.com, a newsletter to stay updated with the React ecosystem.\\n","socials":{"x":"https://x.com/sebastienlorber","linkedin":"https://www.linkedin.com/in/sebastienlorber/","github":"https://github.com/slorber","newsletter":"https://thisweekinreact.com"},"imageURL":"https://github.com/slorber.png","key":"slorber"}],"frontMatter":{"title":"Docusaurus 3.1","authors":["slorber"],"tags":["release"],"image":"./img/social-card.png","date":"2024-01-05T00:00:00.000Z"},"unlisted":false,"lastUpdatedAt":1726738176000,"lastUpdatedBy":"dependabot[bot]","prevItem":{"title":"Docusaurus 3.2","permalink":"/blog/releases/3.2"},"nextItem":{"title":"Announcing Docusaurus 3.0","permalink":"/blog/releases/3.0"}}')}}]);