boltdocs 1.7.0 → 1.7.1

package/src/client/theme/ui/OnThisPage/OnThisPage.tsx

@@ -169,14 +169,7 @@ export function OnThisPage({
       e.preventDefault();
       const el = document.getElementById(id);
       if (el) {
-        const offset = 80;
-        const bodyRect = document.body.getBoundingClientRect().top;
-        const elementRect = el.getBoundingClientRect().top;
-        const elementPosition = elementRect - bodyRect;
-        const offsetPosition = elementPosition - offset;
-
-        window.scrollTo({
-          top: offsetPosition,
+        el.scrollIntoView({
           behavior: "smooth",
         });
 

package/src/client/theme/ui/ProgressBar/ProgressBar.css

@@ -0,0 +1,17 @@
+.boltdocs-progress-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  z-index: 1000;
+  pointer-events: none;
+  background: transparent;
+}
+
+.boltdocs-progress-bar {
+  height: 100%;
+  background: linear-gradient(90deg, var(--ld-color-primary), var(--ld-gradient-to, var(--ld-color-primary)));
+  box-shadow: 0 0 8px var(--ld-color-primary-glow);
+  transition: width 0.1s ease-out;
+}

package/src/client/theme/ui/ProgressBar/ProgressBar.tsx

@@ -0,0 +1,51 @@
+import React, { useEffect, useState } from "react";
+import "./ProgressBar.css";
+
+export function ProgressBar() {
+  const [progress, setProgress] = useState(0);
+
+  useEffect(() => {
+    let container: Element | null = null;
+    let timer: any;
+
+    const handleScroll = () => {
+      if (!container) return;
+      const { scrollTop, scrollHeight, clientHeight } = container;
+      if (scrollHeight <= clientHeight) {
+        setProgress(0);
+        return;
+      }
+      const scrollPercent = (scrollTop / (scrollHeight - clientHeight)) * 100;
+      setProgress(Math.min(100, Math.max(0, scrollPercent)));
+    };
+
+    const attachListener = () => {
+      container = document.querySelector(".boltdocs-content");
+      if (container) {
+        container.addEventListener("scroll", handleScroll);
+        handleScroll();
+        if (timer) clearInterval(timer);
+        return true;
+      }
+      return false;
+    };
+
+    if (!attachListener()) {
+      timer = setInterval(attachListener, 100);
+    }
+
+    return () => {
+      if (container) container.removeEventListener("scroll", handleScroll);
+      if (timer) clearInterval(timer);
+    };
+  }, []);
+
+  return (
+    <div className="boltdocs-progress-container">
+      <div 
+        className="boltdocs-progress-bar" 
+        style={{ width: `${progress}%` }} 
+      />
+    </div>
+  );
+}

package/src/client/theme/ui/ProgressBar/index.ts

@@ -0,0 +1 @@
+export * from "./ProgressBar";

package/src/client/theme/ui/SearchDialog/SearchDialog.tsx

@@ -49,7 +49,7 @@ export function SearchDialog({ routes }: { routes: ComponentRoute[] }) {
 
     const results: SearchResult[] = [];
     const lowerQuery = query.toLowerCase();
-
+    
     for (const route of routes) {
       if (route.title && route.title.toLowerCase().includes(lowerQuery)) {
         results.push({
@@ -71,6 +71,16 @@ export function SearchDialog({ routes }: { routes: ComponentRoute[] }) {
           }
         }
       }
+
+      if (route._content && route._content.toLowerCase().includes(lowerQuery)) {
+        // If it's a content match but not a title/heading match, add it
+        // We only add the page itself for now
+        results.push({
+          title: route.title,
+          path: route.path,
+          groupTitle: route.groupTitle,
+        });
+      }
     }
 
     // Deduplicate results by path

package/src/client/types.ts

@@ -37,6 +37,8 @@ export interface ComponentRoute {
   badge?: string | { text: string; expires?: string };
   /** Optional icon for the route's group */
   groupIcon?: string;
+  /** The extracted plain-text content of the page for search indexing */
+  _content?: string;
 }
 
 /**

package/src/node/routes/index.ts

@@ -29,6 +29,7 @@ export async function generateRoutes(
 ): Promise<RouteMeta[]> {
   // Load persistent cache on first call
   docCache.load();
+  docCache.invalidateAll(); // FORCE RE-PARSE to pick up new _content field
 
   const files = await fastGlob(["**/*.md", "**/*.mdx"], {
     cwd: docsDir,

package/src/node/routes/parser.ts

@@ -151,6 +151,16 @@ export function parseDocFile(
   const sanitizedBadge = data.badge ? data.badge : undefined;
   const icon = data.icon ? String(data.icon) : undefined;
 
+  // Extract full content as plain text for search indexing
+  const plainText = content
+    .replace(/^#+.*$/gm, "") // Remove headers
+    .replace(/\[([^\]]+)\]\([^\)]+\)/g, "$1") // Simplify links
+    .replace(/<[^>]+>/g, "") // Remove HTML/JSX tags
+    .replace(/\{[^\}]+\}/g, "") // Remove JS expressions/curly braces
+    .replace(/[_*`]/g, "") // Remove formatting
+    .replace(/\n+/g, " ") // Normalize whitespace
+    .trim();
+
   return {
     route: {
       path: finalPath,
@@ -165,6 +175,7 @@ export function parseDocFile(
       badge: sanitizedBadge,
       icon,
       tab: inferredTab,
+      _content: plainText,
     },
     relativeDir: cleanDirName,
     isGroupIndex,

package/src/node/routes/types.ts

@@ -35,6 +35,8 @@ export interface RouteMeta {
   icon?: string;
   /** The tab this route belongs to, if tabs are configured */
   tab?: string;
+  /** The extracted plain-text content of the page for search indexing */
+  _content?: string;
 }
 
 /**