Allow referer to be sent to *.defined.net urls (#330)

Author: jasikpark

docusaurus.config.ts

@@ -134,14 +134,17 @@ const config: Config = {
             {
               label: 'Home',
               href: 'https://defined.net',
+              rel: 'noopener',
             },
             {
               label: 'Blog',
               href: 'https://defined.net/blog',
+              rel: 'noopener',
             },
             {
               label: 'Docs',
               href: 'https://docs.defined.net',
+              rel: 'noopener',
             },
           ],
         },

package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@docusaurus/core": "3.9.2",
     "@docusaurus/preset-classic": "3.9.2",
+    "@docusaurus/theme-common": "3.9.2",
     "@mdx-js/react": "^3.1.1",
     "clsx": "^2.1.1",
     "parse-domain": "^8.2.2",

pnpm-lock.yaml

@@ -0,0 +1,31 @@
+import Link from '@docusaurus/Link';
+import { useAnchorTargetClassName } from '@docusaurus/theme-common';
+import type { Props } from '@theme/MDXComponents/A';
+import clsx from 'clsx';
+import React, { type ReactNode } from 'react';
+
+export default function MDXA(props: Props): ReactNode {
+  // MDX Footnotes have ids such as <a id="user-content-fn-1-953011" ...>
+  const anchorTargetClassName = useAnchorTargetClassName(props.id);
+
+  // Customize rel attribute for *.defined.net links
+  let customRel = props.rel;
+  let customTarget = props.target;
+  if (props.href && typeof props.href === 'string') {
+    try {
+      const url = new URL(props.href, window.location.href);
+      // Check if it's an external link to *.defined.net
+      if (url.hostname.endsWith('.defined.net') || url.hostname === 'defined.net') {
+        // Override to only use 'noopener' (exclude 'noreferrer')
+        customRel = 'noopener';
+        customTarget = '_blank';
+      }
+    } catch {
+      // Invalid URL, let default behavior handle it
+    }
+  }
+
+  return (
+    <Link {...props} rel={customRel} target={customTarget} className={clsx(anchorTargetClassName, props.className)} />
+  );
+}