coherent-docs-theme 1.0.1 → 1.0.3

package/internal-components/NavLinks.astro

@@ -7,12 +7,41 @@ interface Props {
 }
 
 const { type = "header" } = Astro.props;
-const { navLinks } = getThemeConfig();
-const currentPath = Astro.url.pathname;
+const { navLinks, documentationSearchTag } = getThemeConfig();
+const currentUrl = Astro.url;
+
+const isLinkActive = (href: string, label: string) => {
+    try {
+        const linkUrl = new URL(href, currentUrl.origin);
+        const isLocal =
+            currentUrl.hostname === "localhost" ||
+            currentUrl.hostname === "127.0.0.1";
+
+        const normalize = (p: string) => p.replace(/\/+$/, "") || "/";
+        const currentPath = normalize(currentUrl.pathname);
+        const linkPath = normalize(linkUrl.pathname);
+
+        if (isLocal) {
+            const isCurrentProject = label === documentationSearchTag;
+
+            if (!isCurrentProject) return false;
+
+            if (linkPath === "/") return true;
+            return (
+                currentPath === linkPath ||
+                currentPath.startsWith(linkPath + "/")
+            );
+        }
+
+        if (linkUrl.origin !== currentUrl.origin) return false;
 
-const isLinkActive = (href: string) => {
-    if (href === "/") return currentPath === "/";
-    return currentPath.startsWith(href);
+        if (linkPath === "/") return currentPath === "/";
+        return (
+            currentPath === linkPath || currentPath.startsWith(linkPath + "/")
+        );
+    } catch (e) {
+        return false;
+    }
 };
 
 const navClasses =
@@ -20,14 +49,20 @@ const navClasses =
         ? "extra-links sl-hidden md:sl-flex"
         : "extra-links mobile sidebar-mode lg:hidden";
 
-const activeLinkObj = navLinks?.find((link) => isLinkActive(link.href));
+const activeLinkObj = navLinks?.find((link) =>
+    isLinkActive(link.href, link.label),
+);
 const activeLabel = activeLinkObj ? activeLinkObj.label : "Documentations";
 ---
 
 {
     navLinks && navLinks.length > 0 && (
         <>
-            <nav class={"smart-nav " + navClasses} id="smart-nav" aria-label="Global Navigation">
+            <nav
+                class={"smart-nav " + navClasses}
+                id="smart-nav"
+                aria-label="Global Navigation"
+            >
                 {type === "header" && (
                     <div class="vertical-separator md:sl-flex" />
                 )}
@@ -37,7 +72,7 @@ const activeLabel = activeLinkObj ? activeLinkObj.label : "Documentations";
                         <li class="nav-item">
                             <a
                                 href={link.href}
-                                class={`nav-link ${isLinkActive(link.href) ? "active" : ""}`}
+                                class={`nav-link ${isLinkActive(link.href, link.label) ? "active" : ""}`}
                             >
                                 {link.label}
                             </a>
@@ -56,7 +91,7 @@ const activeLabel = activeLinkObj ? activeLinkObj.label : "Documentations";
                             <li>
                                 <a
                                     href={link.href}
-                                    class={`dropdown-link ${isLinkActive(link.href) ? "active" : ""}`}
+                                    class={`dropdown-link ${isLinkActive(link.href, link.label) ? "active" : ""}`}
                                 >
                                     {link.label}
                                 </a>
@@ -191,9 +226,15 @@ const activeLabel = activeLinkObj ? activeLinkObj.label : "Documentations";
 
         constructor(navElement: HTMLElement) {
             this.container = navElement;
-            this.verticalSeparator = navElement.querySelector(".vertical-separator") as HTMLElement;
-            this.fullList = navElement.querySelector(".full-nav-list") as HTMLElement;
-            this.collapsedMenu = navElement.querySelector(".collapsed-menu") as HTMLElement;
+            this.verticalSeparator = navElement.querySelector(
+                ".vertical-separator",
+            ) as HTMLElement;
+            this.fullList = navElement.querySelector(
+                ".full-nav-list",
+            ) as HTMLElement;
+            this.collapsedMenu = navElement.querySelector(
+                ".collapsed-menu",
+            ) as HTMLElement;
 
             this.fullListWidth = this.calculateRequiredWidth();
 
@@ -230,12 +271,14 @@ const activeLabel = activeLinkObj ? activeLinkObj.label : "Documentations";
             if (availableWidth === 0) return;
 
             if (availableWidth < this.fullListWidth) {
-                if(this.verticalSeparator) this.verticalSeparator.style.display = "none";
+                if (this.verticalSeparator)
+                    this.verticalSeparator.style.display = "none";
                 this.container.style.flexDirection = "row-reverse";
                 this.fullList.style.display = "none";
                 this.collapsedMenu.style.display = "block";
             } else {
-                if(this.verticalSeparator) this.verticalSeparator.style.display = "block";
+                if (this.verticalSeparator)
+                    this.verticalSeparator.style.display = "block";
                 this.container.style.flexDirection = "row";
                 this.fullList.style.display = "flex";
                 this.collapsedMenu.style.display = "none";
@@ -250,4 +293,4 @@ const activeLabel = activeLinkObj ? activeLinkObj.label : "Documentations";
 
     document.addEventListener("astro:page-load", init);
     document.addEventListener("DOMContentLoaded", init);
-</script>
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coherent-docs-theme",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "license": "MIT",
   "description": "Theme for all the coherent documentations",
   "author": "CoherentLabs",
@@ -16,21 +16,23 @@
     "./assets/*": "./assets/*"
   },
   "devDependencies": {
-    "@astrojs/starlight": "^0.37.6",
+    "@astrojs/starlight": "0.37.6",
+    "astro": "5.17.1",
     "@types/mdast": "^4.0.4",
-    "@types/unist": "^3.0.3",
-    "astro": "^5.17.1"
+    "@types/unist": "^3.0.3"
   },
   "dependencies": {
-    "starlight-heading-badges": "^0.6.1",
-    "starlight-links-validator": "^0.19.2",
-    "starlight-sidebar-topics": "^0.6.2",
-    "starlight-sidebar-topics-dropdown": "^0.5.2",
+    "starlight-heading-badges": "0.6.1",
+    "starlight-sidebar-topics": "0.6.2",
+    "starlight-sidebar-topics-dropdown": "0.5.2",
     "gray-matter": "^4.0.3"
   },
   "peerDependencies": {
-    "astro": "^5.0.0",
-    "@astrojs/starlight": ">=0.37.0"
+    "@astrojs/starlight": ">=0.37.6",
+    "astro": ">=5.17.1"
+  },
+  "overrides": {
+    "zod": "3.25.76"
   },
   "engines": {
     "node": "^18.17.1 || ^20.3.0 || >=21.0.0"