feat(documentation): fix autolink headings

swisspost · Jul 17, 2024 · c032144 · c032144
1 parent 38a9af3
commit c032144
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 88 deletions.
diff --git a/packages/documentation/.storybook/main.ts b/packages/documentation/.storybook/main.ts
@@ -1,6 +1,7 @@
 import type { StorybookConfig } from '@storybook/web-components-vite';
 import pkg from '@/../package.json';
 import { mergeConfig } from 'vite';
+import rehypeSlug from 'rehype-slug';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 
 const config: StorybookConfig = {
@@ -30,6 +31,7 @@ const config: StorybookConfig = {
         mdxPluginOptions: {
           mdxCompileOptions: {
             rehypePlugins: [
+              rehypeSlug,
               [
                 rehypeAutolinkHeadings,
                 {

diff --git a/packages/documentation/package.json b/packages/documentation/package.json
@@ -74,8 +74,8 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-syntax-highlighter": "15.5.0",
-    "rehype-autolink-headings": "^7.1.0",
-    "remark-autolink-headings": "7.0.1",
+    "rehype-autolink-headings": "7.1.0",
+    "rehype-slug": "6.0.0",
     "rimraf": "6.0.1",
     "sass": "1.77.6",
     "storybook": "8.1.11",

diff --git a/packages/documentation/public/assets/scripts/autolink.js b/packages/documentation/public/assets/scripts/autolink.js
@@ -5,7 +5,7 @@ window.addEventListener('storybook:contentReady', function () {
   links.forEach(link => {
     const anchor = link.getAttribute('href');
     if (anchor.startsWith('#')) {
-      link.setAttribute('href', `${window.parent.location.href}${anchor}`);
+      link.setAttribute('href', `${window.parent.location.href.replace(/#.*/, '')}${anchor}`);
     }
   });
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml