portosaurus 4.0.0 → 4.0.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "portosaurus",
   "description": "Complete portfolio cum personal website solution for your digital personality.",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "private": false,
   "homepage": "https://soymadip.github.io/portosaurus",
   "repository": {

package/src/core/buildDocuConfig.mjs

@@ -429,7 +429,7 @@ export function buildDocuConfig(UserConfigRaw, UserRoot) {
               label: "Contact",
               to: "/#contact",
               position: "right",
-              activeBaseRegex: "^/$contact",
+              activeBaseRegex: "^/#contact",
             },
           },
           {

package/src/theme/components/AboutSection/index.js

@@ -2,10 +2,17 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import useScrollReveal from "../../hooks/useScrollReveal";
 import { FaDownload } from "react-icons/fa";
 import { Pv } from "../Preview/index.js";
+import useBrokenLinks from "@docusaurus/useBrokenLinks";
 import styles from "./styles.module.css";
 
 export default function AboutSection({ id, className }) {
   const { siteConfig } = useDocusaurusContext();
+  const brokenLinks = useBrokenLinks();
+
+  if (id) {
+    brokenLinks.collectAnchor(id);
+  }
+
   const { customFields } = siteConfig;
   const aboutMe = customFields.aboutMe || {};
 

package/src/theme/components/ContactSection/index.js

@@ -1,8 +1,8 @@
-import React from "react";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import { iconMap } from "../../config/iconMappings";
 import { FaQuestionCircle } from "react-icons/fa";
 import useScrollReveal from "../../hooks/useScrollReveal";
+import useBrokenLinks from "@docusaurus/useBrokenLinks";
 import styles from "./styles.module.css";
 
 const sortEmail = (links) => {
@@ -26,6 +26,12 @@ const sortEmail = (links) => {
 
 export default function ContactSection({ id, className }) {
   const { siteConfig } = useDocusaurusContext();
+  const brokenLinks = useBrokenLinks();
+
+  if (id) {
+    brokenLinks.collectAnchor(id);
+  }
+
   const { customFields } = siteConfig;
   const socialLinksConfig = customFields.socialLinks || {};
 

package/src/theme/components/ExperienceSection/index.js

@@ -1,8 +1,15 @@
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import useBrokenLinks from "@docusaurus/useBrokenLinks";
 import styles from "./styles.module.css";
 
 export default function ExperienceSection({ id, className }) {
   const { siteConfig } = useDocusaurusContext();
+  const brokenLinks = useBrokenLinks();
+
+  if (id) {
+    brokenLinks.collectAnchor(id);
+  }
+
   const experience = siteConfig.customFields?.experience || {};
 
   if (experience.enable === false) return null;

package/src/theme/components/HeroSection/index.js

@@ -1,10 +1,16 @@
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import useBrokenLinks from "@docusaurus/useBrokenLinks";
 import SocialLinks from "../SocialLinks/index.js";
-import { FaChevronDown } from "react-icons/fa";
 import styles from "./styles.module.css";
 
 export default function HeroSection({ id, className }) {
   const { siteConfig } = useDocusaurusContext();
+  const brokenLinks = useBrokenLinks();
+
+  if (id) {
+    brokenLinks.collectAnchor(id);
+  }
+
   const { customFields } = siteConfig;
 
   const intro = customFields.heroSection.intro;
@@ -17,8 +23,8 @@ export default function HeroSection({ id, className }) {
 
   return (
     <div
-      className={`${styles.hero} ${className || ""}`}
       id={id}
+      className={`${styles.hero} ${className || ""}`}
       role="region"
       aria-label="Hero section"
     >

package/src/theme/components/ProjectsSection/index.js

@@ -11,6 +11,7 @@ import {
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import useScrollReveal from "../../hooks/useScrollReveal";
 import Tooltip from "../Tooltip/index.js";
+import useBrokenLinks from "@docusaurus/useBrokenLinks";
 import styles from "./styles.module.css";
 
 // Import slick carousel css
@@ -19,6 +20,12 @@ import "slick-carousel/slick/slick-theme.css";
 
 export default function ProjectsSection({ id, className }) {
   const { siteConfig } = useDocusaurusContext();
+  const brokenLinks = useBrokenLinks();
+
+  if (id) {
+    brokenLinks.collectAnchor(id);
+  }
+
   const projectShelf = siteConfig.customFields?.projects || {};
 
   if (projectShelf.enable === false) return null;