Add astro-broken-links-checker to detect and fix broken internal links

package.json

@@ -129,10 +129,10 @@
     "@types/prismjs": "^1.26.5",
     "astro": "^5.16.6",
     "astro-auto-import": "^0.4.5",
+    "astro-broken-links-checker": "^1.0.6",
     "autoprefixer": "^10.4.23",
     "bootstrap-vscode-theme": "^0.0.9",
     "bundlewatch": "^0.4.1",
-    "lightningcss": "^1.30.2",
     "clipboard": "^2.0.11",
     "cross-env": "^10.1.0",
     "eslint": "8.57.1",
@@ -160,6 +160,7 @@
     "karma-jasmine": "^5.1.0",
     "karma-jasmine-html-reporter": "^2.1.0",
     "karma-rollup-preprocessor": "7.0.7",
+    "lightningcss": "^1.30.2",
     "lockfile-lint": "^4.14.1",
     "markdownlint-cli": "^0.45.0",
     "mime": "^4.1.0",

site/astro.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from 'astro/config'
+import astroBrokenLinksChecker from 'astro-broken-links-checker'
 import bootstrapLight from 'bootstrap-vscode-theme/themes/bootstrap-light.json'
 import bootstrapDark from 'bootstrap-vscode-theme/themes/bootstrap-dark.json'
 import { transformerNotationDiff } from '@shikijs/transformers'
@@ -24,7 +25,15 @@ export default defineConfig({
   build: {
     assets: `docs/${getConfig().docs_version}/assets`
   },
-  integrations: [bootstrap()],
+  integrations: [
+    bootstrap(),
+    astroBrokenLinksChecker({
+      checkExternalLinks: false,
+      cacheExternalLinks: false,
+      throwError: true,
+      linkCheckerDir: '.link-checker'
+    })
+  ],
   markdown: {
     smartypants: false,
     syntaxHighlight: 'shiki',

site/data/plugins.yml

@@ -14,14 +14,14 @@
   description: Expand and collapse areas of content, or create accordions.
   link: components/collapse/
 
+- name: Dialog
+  description: Add flexible and responsive dialogs to your project.
+  link: components/dialog/
+
 - name: Dropdown
   description: Create menus of links, actions, forms, and more.
   link: components/dropdowns/
 
-- name: Modal
-  description: Add flexible and responsive dialogs to your project.
-  link: components/modal/
-
 - name: Offcanvas
   description: Build and toggle hidden sidebars into any page.
   link: components/offcanvas/

site/src/content/docs/content/typography.mdx

@@ -98,10 +98,10 @@ Utility classes are available for most common text-related CSS properties.
 - [Font style]([[docsref:/utilities/font-style]])
 - [Font weight]([[docsref:/utilities/font-weight]])
 - [Line height]([[docsref:/utilities/line-height]])
-- [Text alignment]([[docsref:/utilities/text-alignment])
-- [Text transform]([[docsref:/utilities/text-transform])
-- [Text decoration]([[docsref:/utilities/text-decoration])
-- [Text wrapping]([[docsref:/utilities/text-wrapping])
+- [Text alignment]([[docsref:/utilities/text-alignment]])
+- [Text transform]([[docsref:/utilities/text-transform]])
+- [Text decoration]([[docsref:/utilities/text-decoration]])
+- [Text wrapping]([[docsref:/utilities/text-wrapping]])
 - [Vertical alignment]([[docsref:/utilities/vertical-align]])
 
 Change text alignment, transform, style, weight, line-height, decoration and color with our text and [color utilities]([[docsref:/utilities/colors]]).

site/src/content/docs/forms/datepicker.mdx

@@ -26,7 +26,7 @@ Note that we're using a width utility of `.w-12` to ensure the input is wide eno
 
 ### With icon
 
-Use the [form adorn component](/docs/forms/form-adorn) to add a calendar icon alongside the datepicker input. When the input is inside a `.form-adorn` wrapper, the calendar automatically positions relative to the wrapper instead of the input.
+Use the [form adorn component]([[docsref:/forms/form-adorn]]) to add a calendar icon alongside the datepicker input. When the input is inside a `.form-adorn` wrapper, the calendar automatically positions relative to the wrapper instead of the input.
 
 <Example code={`<label for="datepickerIconStart" class="form-label">Select date</label>
   <div class="form-adorn w-12">

site/src/content/docs/forms/otp-input.mdx

@@ -31,7 +31,7 @@ Wrap your inputs in a container with `.otp` and add `data-bs-otp` to enable the
 
 ## Connected inputs
 
-Add `.input-group` to visually connect the inputs into a single cohesive field, leveraging Bootstrap's [input group](/docs/forms/input-group/) styles.
+Add `.input-group` to visually connect the inputs into a single cohesive field, leveraging Bootstrap's [input group]([[docsref:/forms/input-group]]) styles.
 
 <Example code={`<div class="otp input-group" data-bs-otp>
     <input type="text" class="form-control" aria-label="Digit 1">

site/src/content/docs/forms/overview.mdx

@@ -6,10 +6,10 @@ aliases: "/docs/[[config:docs_version]]/forms/"
 sections:
   - title: Form control
     description: Style textual inputs and textareas with support for multiple states.
-  - title: Select
-    description: Improve browser default select elements with a custom initial appearance.
-  - title: Checks & radios
-    description: Use our custom radio buttons and checkboxes in forms for selecting input options.
+  - title: Checkbox
+    description: Use our custom checkboxes in forms for selecting input options.
+  - title: Radio
+    description: Use our custom radio buttons in forms for selecting input options.
   - title: Range
     description: Replace browser default range inputs with our custom version.
   - title: Input group

site/src/content/docs/getting-started/install.mdx

@@ -130,8 +130,8 @@ You can also do the old fashioned thing and download Bootstrap manually. Choose
 <BsTable>
 | Type | Description | Link |
 | --- | --- | --- |
-| <strong class="text-nowrap">Distribution files</strong> | Ready-to-use compiled and minified CSS and JavaScript files. Doesn't include documentation, source files, or dependencies like Floating UI. | <a href="[[config:download.dist]]" class="btn btn-subtle theme-accent">Download</a> |
-| <strong class="text-nowrap">Source files</strong> | Sass, JavaScript, and documentation files for compiling with your own asset pipeline. Requires [Sass compiler]([[docsref:/guides/contribute#sass]]), [Autoprefixer](https://github.com/postcss/autoprefixer), and a JavaScript bundler like [Rollup](https://rollupjs.org/) or [Webpack](https://webpack.js.org/). | <a href="[[config:download.source]]" class="btn btn-subtle theme-accent">Download</a> |
+| <strong class="text-nowrap">Distribution files</strong> | Ready-to-use compiled and minified CSS and JavaScript files. Doesn't include documentation, source files, or dependencies like Floating UI. | {/*<a href="[[config:download.dist]]" class="btn btn-subtle theme-accent">Download</a>*/} |
+| <strong class="text-nowrap">Source files</strong> | Sass, JavaScript, and documentation files for compiling with your own asset pipeline. Requires [Sass compiler]([[docsref:/guides/contribute#sass]]), [Autoprefixer](https://github.com/postcss/autoprefixer), and a JavaScript bundler like [Rollup](https://rollupjs.org/) or [Webpack](https://webpack.js.org/). | {/*<a href="[[config:download.source]]" class="btn btn-subtle theme-accent">Download</a>*/} |
 </BsTable>
 
 Should you require our full set of [build tools]([[docsref:/guides/contribute#tooling-setup]]), they are included for developing Bootstrap and its docs, but they’re likely unsuitable for your own purposes.