Update docusaurus to 3.1.0 for better broken anchor detection

docs/paper/dev/misc/databases.mdx

@@ -119,7 +119,7 @@ dependencies {
 :::caution
 
 The Hikari library is not bundled with Paper, so you will need to shade/relocate it. In Gradle, you will need to use the shadow task.
-Alternatively, you can use the Library loader with your paper plugin to load the library at runtime. See [here](../getting-started/paper-plugins.mdx#Loaders)
+Alternatively, you can use the Library loader with your paper plugin to load the library at runtime. See [here](../getting-started/paper-plugins.mdx#loaders)
 for more information on how to use this.
 
 :::

docusaurus.config.ts

@@ -29,6 +29,7 @@ const config: Config = {
   baseUrl: "/",
   onBrokenLinks: isCI ? "throw" : "warn",
   onBrokenMarkdownLinks: isCI ? "throw" : "warn",
+  onBrokenAnchors: isCI ? "throw" : "warn",
   onDuplicateRoutes: isCI ? "throw" : "warn",
   favicon: "img/favicon.ico",
   trailingSlash: false,

package.json

@@ -15,16 +15,16 @@
     "format": "prettier . --write"
   },
   "dependencies": {
-    "@docusaurus/core": "3.0.1",
-    "@docusaurus/plugin-content-docs": "3.0.1",
-    "@docusaurus/plugin-content-pages": "3.0.1",
-    "@docusaurus/plugin-debug": "3.0.1",
-    "@docusaurus/plugin-pwa": "3.0.1",
-    "@docusaurus/plugin-sitemap": "3.0.1",
-    "@docusaurus/theme-classic": "3.0.1",
-    "@docusaurus/theme-common": "3.0.1",
-    "@docusaurus/theme-mermaid": "3.0.1",
-    "@docusaurus/theme-search-algolia": "3.0.1",
+    "@docusaurus/core": "3.1.0",
+    "@docusaurus/plugin-content-docs": "3.1.0",
+    "@docusaurus/plugin-content-pages": "3.1.0",
+    "@docusaurus/plugin-debug": "3.1.0",
+    "@docusaurus/plugin-pwa": "3.1.0",
+    "@docusaurus/plugin-sitemap": "3.1.0",
+    "@docusaurus/theme-classic": "3.1.0",
+    "@docusaurus/theme-common": "3.1.0",
+    "@docusaurus/theme-mermaid": "3.1.0",
+    "@docusaurus/theme-search-algolia": "3.1.0",
     "@fontsource/jetbrains-mono": "4.5.12",
     "@mdx-js/react": "3.0.0",
     "axios": "1.6.3",
@@ -37,8 +37,8 @@
     "react-markdown": "8.0.7"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.0.1",
-    "@docusaurus/types": "3.0.1",
+    "@docusaurus/module-type-aliases": "3.1.0",
+    "@docusaurus/types": "3.1.0",
     "@fec/remark-a11y-emoji": "3.1.0",
     "@tsconfig/docusaurus": "1.0.7",
     "@types/is-ci": "3.0.0",
@@ -67,6 +67,6 @@
   },
   "packageManager": "yarn@3.5.0",
   "resolutions": {
-    "@docusaurus/plugin-content-docs@3.0.1": "patch:@docusaurus/plugin-content-docs@npm%3A3.0.1#./.yarn/patches/@docusaurus-plugin-content-docs-npm-3.0.1-cdc6e0ea68.patch"
+    "@docusaurus/plugin-content-docs@3.1.0": "patch:@docusaurus/plugin-content-docs@npm%3A3.1.0#./.yarn/patches/@docusaurus-plugin-content-docs-npm-3.1.0-cdc6e0ea68.patch"
   }
 }

src/components/Config.tsx

@@ -3,6 +3,8 @@ import ReactMarkdown from 'react-markdown';
 import style from '@site/src/css/markdown-styles.module.css';
 import yaml from 'js-yaml';
 import VersionFormattedCode from "./VersionFormattedCode";
+import Link from "@docusaurus/Link";
+import useBrokenLinks from "@docusaurus/core/lib/client/exports/useBrokenLinks";
 
 const INDENT_SIZE = 30;
 
@@ -39,6 +41,7 @@ const scrollIntoView = (id) => {
 const parseDefault = (value, collapse, parentKey, name, handleHashLinkClick, separator) => {
 
     const hash = createUrlHash(parentKey, name);
+    useBrokenLinks().collectAnchor(hash);
 
     if (value[0] === '[' && value[value.length - 1] === ']') {
         const items = value.replace("[", "").replace("]", "").split(",").map((item) => {
@@ -51,7 +54,7 @@ const parseDefault = (value, collapse, parentKey, name, handleHashLinkClick, sep
         return (
             <>
                 {separator.replace(/ /g, "")}
-                <a className={`config-anchor with-value-active hash-link`} href={`#${hash}`} onClick={handleHashLinkClick}></a>
+                <Link className={`config-anchor with-value-active hash-link`} href={`#${hash}`} onClick={handleHashLinkClick} />
                 <div className="indent-2">
                     <div>
                         <ul className={"yaml-list-elem"}>
@@ -67,7 +70,7 @@ const parseDefault = (value, collapse, parentKey, name, handleHashLinkClick, sep
     return (
         <>
             {separator}{value}
-            <a className={`config-anchor with-value-active hash-link`} href={`#${hash}`} onClick={handleHashLinkClick} title={hash}></a>
+            <Link className={`config-anchor with-value-active hash-link`} href={`#${hash}`} onClick={handleHashLinkClick} title={hash} />
         </>
     );
 }
@@ -183,13 +186,14 @@ const YamlTreeNode = ({ root, name, parentKey, value, separator, showAllDescript
     }, [name]);
 
     const hash = createUrlHash(parentKey, name);
+    useBrokenLinks().collectAnchor(hash);
 
     return (
         <div key={name} className={`highlight-config-node`} style={{ paddingLeft: `${root ? 0 : INDENT_SIZE}px` }} id={hash}>
             <div className={`config-auxiliary-node`} style={{display: "inline-flex"}}>
                 {parseItalics(name)}{removeTrailingSpaces(separator)}
             </div>
-            <a className={`config-anchor with-value-active hash-link`} href={`#${hash}`} onClick={handleClick} title={hash}></a>
+            <Link className={`config-anchor with-value-active hash-link`} href={`#${hash}`} onClick={handleClick} title={hash} />
             {renderYamlData(value, parentKey ? hash : parseUrlHash(name), false, separator, showAllDescriptions, defaultValue)}
         </div>
     );