[docs-infra] Improve support for absolute locale URL

Author: oliviertassinari

docs/pages/blog.tsx

@@ -81,7 +81,7 @@ function PostPreview(props: BlogPost) {
       >
         <Link
           aria-describedby={`describe-${props.slug}`}
-          href={`/blog/${props.slug}`}
+          href={`/blog/${props.slug}/`}
           sx={{
             color: 'text.primary',
             '&:hover': {

docs/src/modules/components/AppNavDrawerItem.js

@@ -273,7 +273,7 @@ export default function AppNavDrawerItem(props) {
   } = props;
   const [open, setOpen] = React.useState(initiallyExpanded);
   const handleClick = (event) => {
-    // Ignore the action if opening the link in a new tab
+    // Ignore click events meant for native link handling, e.g. open in new tab
     if (samePageLinkNavigation(event)) {
       return;
     }

docs/src/modules/components/AppTableOfContents.js

@@ -204,7 +204,7 @@ export default function AppTableOfContents(props) {
   useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);
 
   const handleClick = (hash) => (event) => {
-    // Ignore click for new tab/new window behavior
+    // Ignore click events meant for native link handling, e.g. open in new tab
     if (samePageLinkNavigation(event)) {
       return;
     }

docs/src/modules/components/Link.tsx

@@ -96,18 +96,8 @@ const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props,
     [activeClassName]: shouldBeActive && activeClassName,
   });
 
-  const isExternal =
-    typeof href === 'string' && (href.indexOf('http') === 0 || href.indexOf('mailto:') === 0);
   const userLanguage = useUserLanguage();
 
-  if (isExternal) {
-    if (noLinkStyle) {
-      return <Anchor className={className} href={href} ref={ref} {...other} />;
-    }
-
-    return <MuiLink className={className} href={href} ref={ref} {...other} />;
-  }
-
   let linkAs = linkAsProp || as || (href as string);
   if (
     userLanguage !== 'en' &&

docs/src/modules/components/MarkdownLinks.js

@@ -22,13 +22,13 @@ function isLink(event) {
     activeElement = activeElement.parentElement;
   }
 
-  // Ignore non internal link clicks
+  // Ignore non internal link clicks.
+  // Absolute URLs can be internal, we delegate this to Next.js's router
   if (
     activeElement === null ||
     activeElement.nodeName !== 'A' ||
     activeElement.getAttribute('target') === '_blank' ||
-    activeElement.getAttribute('data-no-markdown-link') === 'true' ||
-    activeElement.getAttribute('href').indexOf('/') !== 0
+    activeElement.getAttribute('data-no-markdown-link') === 'true'
   ) {
     return null;
   }
@@ -40,13 +40,13 @@ function isLink(event) {
  * @param {MouseEvent} event
  */
 function handleClick(event) {
-  const activeElement = isLink(event);
-  if (activeElement === null) {
+  // Ignore click events meant for native link handling, e.g. open in new tab
+  if (samePageLinkNavigation(event)) {
     return;
   }
 
-  // Ignore click meant for native link handling, e.g. open in new tab
-  if (samePageLinkNavigation(event)) {
+  const activeElement = isLink(event);
+  if (activeElement === null) {
     return;
   }
 

examples/material-ui-nextjs-pages-router-ts/src/Link.tsx

@@ -82,17 +82,6 @@ const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props,
     [activeClassName]: router.pathname === pathname && activeClassName,
   });
 
-  const isExternal =
-    typeof href === 'string' && (href.indexOf('http') === 0 || href.indexOf('mailto:') === 0);
-
-  if (isExternal) {
-    if (noLinkStyle) {
-      return <Anchor className={className} href={href} ref={ref} {...other} />;
-    }
-
-    return <MuiLink className={className} href={href} ref={ref} {...other} />;
-  }
-
   const linkAs = linkAsProp || as;
   const nextjsProps = {
     to: href,

examples/material-ui-nextjs-pages-router/src/Link.js

@@ -78,17 +78,6 @@ const Link = React.forwardRef(function Link(props, ref) {
     [activeClassName]: router.pathname === pathname && activeClassName,
   });
 
-  const isExternal =
-    typeof href === 'string' && (href.indexOf('http') === 0 || href.indexOf('mailto:') === 0);
-
-  if (isExternal) {
-    if (noLinkStyle) {
-      return <Anchor className={className} href={href} ref={ref} {...other} />;
-    }
-
-    return <MuiLink className={className} href={href} ref={ref} {...other} />;
-  }
-
   const linkAs = linkAsProp || as;
   const nextjsProps = {
     to: href,