@openstack_dev/gatsby-theme-marketing-oif-core 1.0.33-beta.1 → 1.0.33-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
-  "version": "1.0.33-beta.1",
+  "version": "1.0.33-beta.3",
   "description": "Base theme for Marketing Sites",
   "author": "smarcet",
   "keywords": [

package/src/components/Link.js

@@ -1,45 +1,112 @@
 import React from "react";
 import { Link as GatsbyLink } from "gatsby";
-// Since DOM elements <a> cannot receive activeClassName
-// and partiallyActive, destructure the prop here and
-// pass it only to GatsbyLink
+
+/* global __PATH_PREFIX__ */
+
+const normalizePrefix = (p) => {
+  if (!p) return "";
+  const trimmed = String(p).replace(/\/+$/, ""); // remove trailing slash
+  return trimmed === "/" ? "" : trimmed; // Gatsby uses "" for root
+};
+
+const isAbsoluteUrl = (url = "") => /^(https?:)?\/\//i.test(url);
+const isSingleSlashPath = (url = "") => /^\/(?!\/)/.test(url);
+
+const stripPrefix = (path, prefix) => {
+  if (!prefix) return path;
+  if (path === prefix) return "/";
+  if (path.startsWith(`${prefix  }/`)) return path.slice(prefix.length) || "/";
+  return path;
+};
+
 function Link({
-  children, to, activeClassName, partiallyActive, ...other
+  children,
+  to = "",
+  activeClassName,
+  partiallyActive,
+  ...other
 }) {
-  // Tailor the following test to your environment.
-  // This example assumes that any internal link (intended for Gatsby)
-  // will start with exactly one slash, and that anything else is external.
-  const internal = /^\/(?!\/)/.test(to);
-  // Use Gatsby Link for internal links, and <a> for others
   const email = /\S+@\S+\.\S+/.test(to);
+  const hash = to.startsWith("#");
 
-  if (internal) {
+  const rawPrefix =
+    typeof __PATH_PREFIX__ !== "undefined" ? __PATH_PREFIX__ : "";
+  const prefix = normalizePrefix(rawPrefix);
+
+  // Email
+  if (email) {
+    const href = /^mailto:/.test(to) ? to : `mailto:${to}`;
     return (
-      <GatsbyLink
-        to={to}
-        activeClassName={activeClassName}
-        partiallyActive={partiallyActive}
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...other}
-      >
+      <a href={href} {...other}>
         {children}
-      </GatsbyLink>
+      </a>
     );
   }
-  if (email) {
-    const href = /^mailto:/.test(to) ? to : `mailto:${to}`;
+
+  // Absolute URL -> new tab
+  if (isAbsoluteUrl(to)) {
     return (
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      <a href={href} {...other}>
+      <a href={to} target="_blank" rel="noreferrer" {...other}>
+        {children}
+      </a>
+    );
+  }
+
+  // Hash -> same tab
+  if (hash) {
+    return (
+      <a href={to} {...other}>
+        {children}
+      </a>
+    );
+  }
+
+  // Not a normal "/path" -> default anchor same tab
+  if (!isSingleSlashPath(to)) {
+    return (
+      <a href={to} {...other}>
         {children}
       </a>
     );
   }
+
+  // If we are running with a prefix (/__PATH_PREFIX__):
+  // - Links already under /__PATH_PREFIX__ are INTERNAL, but must be de-prefixed for GatsbyLink
+  // - Links outside /__PATH_PREFIX__ (e.g. /software) should be plain <a> to avoid prefixing
+  if (prefix) {
+    const isPrefixed = to === prefix || to.startsWith(`${prefix}/`);
+    if (isPrefixed) {
+      const normalizedTo = stripPrefix(to, prefix); // "/marketplace/distros" -> "/distros"
+      return (
+        <GatsbyLink
+          to={normalizedTo}
+          activeClassName={activeClassName}
+          partiallyActive={partiallyActive}
+          {...other}
+        >
+          {children}
+        </GatsbyLink>
+      );
+    }
+
+    // base site path
+    return (
+      <a href={to} {...other}>
+        {children}
+      </a>
+    );
+  }
+
+  // No prefix site: normal Gatsby internal
   return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    <a href={to} target="_blank" rel="noreferrer" {...other}>
+    <GatsbyLink
+      to={to}
+      activeClassName={activeClassName}
+      partiallyActive={partiallyActive}
+      {...other}
+    >
       {children}
-    </a>
+    </GatsbyLink>
   );
 }