@m13v/seo-components 0.8.7 → 0.8.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m13v/seo-components",
-  "version": "0.8.7",
+  "version": "0.8.9",
   "scripts": {
     "build:css": "tailwind -i src/_build.css -o dist/styles.css --minify",
     "prepublishOnly": "npm run build:css"

package/src/components/HeadingAnchors.tsx

@@ -19,7 +19,7 @@ function slugify(text: string): string {
  * This keeps the sidebar ToC clickable without requiring every page
  * author to add id attributes manually.
  */
-export function HeadingAnchors() {
+export function HeadingAnchors({ children }: { children?: React.ReactNode } = {}) {
   const pathname = usePathname();
 
   useEffect(() => {
@@ -55,5 +55,5 @@ export function HeadingAnchors() {
     }
   }, [pathname]);
 
-  return null;
+  return children ? <>{children}</> : null;
 }

package/src/lib/discover-guides.ts

@@ -25,17 +25,25 @@ export function discoverGuides(contentDir?: string): GuideEntry[] {
 
   if (cachedDir === dir && cachedGuides) return cachedGuides;
 
-  // Determine which URL prefix these pages live under by
-  // finding the path segments after src/app (skipping route groups).
-  const appDir = path.join(process.cwd(), "src/app");
+  // Determine the Next.js app directory root from contentDir.
+  // e.g. "src/app/t" -> "src/app", "app" -> "app", "src/app/(content)/t" -> "src/app"
+  const relDir = path.relative(process.cwd(), dir);
+  const relParts = relDir.split(path.sep);
+  const appIdx = relParts.indexOf("app");
+  const appDir =
+    appIdx >= 0
+      ? path.join(process.cwd(), ...relParts.slice(0, appIdx + 1))
+      : path.join(process.cwd(), "src/app");
   const allPages = walkPages({ appDir });
 
   // Figure out the href prefix from contentDir.
   // e.g. "src/app/(content)/t" -> "/t", "src/app/t" -> "/t"
   const relative = path.relative(appDir, dir);
   const segments = relative
-    .split(path.sep)
-    .filter((s) => !s.startsWith("(") || !s.endsWith(")"));
+    ? relative
+        .split(path.sep)
+        .filter((s) => !(s.startsWith("(") && s.endsWith(")")))
+    : [];
   const hrefPrefix = "/" + segments.join("/");
 
   const guides: GuideEntry[] = allPages

package/src/lib/guide-context.ts

@@ -19,7 +19,15 @@ export function getGuideContext(
   const guide = discoverGuides(dir).find((g) => g.slug === slug);
   if (!guide) return null;
 
-  const pagePath = path.join(dir, slug, "page.tsx");
+  // Derive appDir from contentDir to locate page files by their full href
+  const relDir = path.relative(process.cwd(), dir);
+  const relParts = relDir.split(path.sep);
+  const appIdx = relParts.indexOf("app");
+  const appDir =
+    appIdx >= 0
+      ? path.join(process.cwd(), ...relParts.slice(0, appIdx + 1))
+      : dir;
+  const pagePath = path.join(appDir, guide.href, "page.tsx");
   let rawSource = "";
   try {
     rawSource = fs.readFileSync(pagePath, "utf-8");