Add support for named anchors

- Useful for preserving links to prior headings
storybookjs · May 13, 2024 · 8bc8566 · 8bc8566
1 parent 077554e
commit 8bc8566
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/util/relative-to-root-links.js b/src/util/relative-to-root-links.js
@@ -19,6 +19,11 @@ function removeTrailingIndex(path) {
  * /addons remains untouched
  */
 function relativeToRootLinks(href, path = '', isIndexPage) {
+  if (!href) {
+    // Accomodating `<a id="previous-heading-id" />`
+    return href;
+  }
+
   const relativeUrlRegex = /^(?!\.\.\/\.\.\/)(\.\/)(.*)$/;
   const multiLevelRelativeUrlRegex = /^(?!\.\.\/\.\.\/)(\.\.\/)(.*)$/;
 

diff --git a/src/util/relative-to-root-links.test.ts b/src/util/relative-to-root-links.test.ts
@@ -45,3 +45,8 @@ it('does not transform non-relative links', () => {
   const rootUrl = relativeToRootLinks('/foo', '/docs/writing-stories/args');
   expect(rootUrl).toEqual('/foo');
 });
+
+it('does nothing to named anchors', () => {
+  const rootUrl = relativeToRootLinks();
+  expect(rootUrl).toBeUndefined();
+});