Add support for anchors to links and clean up local links in transforms

chromeos · May 3, 2024 · 61082cf · 61082cf
1 parent aa9549e
commit 61082cf
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/site/lib/transforms/link-icons.ts b/site/lib/transforms/link-icons.ts
@@ -41,7 +41,14 @@ function icon(id, modifier = false) {
 export async function postHTMLLinkIcons(tree) {
   tree.match({ tag: 'a' }, (node) => {
     const classes = node?.attrs?.class?.split(' ') || [];
-    const href = node?.attrs?.href || '';
+    let href = node?.attrs?.href || '';
+
+    // Do a check for ChromeOS.dev links
+    if (RegExp('^https?://chromeos.dev').test(href)) {
+      href = href.replace(/^https?:\/\/chromeos\.dev/, '');
+      node.attrs.href = href;
+    }
+
     const external = RegExp('^https?://').test(href);
 
     const types = {

diff --git a/site/src/components/portable-text/Link.svelte b/site/src/components/portable-text/Link.svelte
@@ -23,6 +23,7 @@
   type Mark = {
     _type: string;
     _key: string;
+    anchor?: string;
   };
 
   interface SourceMark extends SourceRef, Mark {}
@@ -45,6 +46,21 @@
   } else if (mark?.href) {
     link = mark.href;
   }
+
+  let url;
+
+  // Build full URLs with anchors
+  try {
+    url = new URL(link);
+  } catch (e) {
+    url = new URL(`https://chromeos.dev${link}`);
+  }
+
+  if (mark.anchor && !url.hash) {
+    url.hash = mark.anchor;
+  }
+
+  link = url.toString();
 </script>
 
 {#if link === ''}