@docubook/flame 1.5.2 → 1.5.4

package/.docu/components/Menu.tsx

@@ -36,13 +36,39 @@ export default function Menu({ onNavigate, className = "", pathname, routes = []
   if (!currentPath.startsWith("/docs")) return null;
 
   const mode = docuConfig.sidebar?.context || "dropdown";
+  const navProps = {
+    "aria-label": "Documentation navigation" as const,
+    className: cn("transition-all duration-200", className),
+  };
 
-  // Helper: check if a sublink under a given route matches the current path
-  const isItemActive = (itemHref: string, parentRouteHref: string) => {
-    const fullHref = `/docs${parentRouteHref}${itemHref}`;
-    return currentPath === fullHref || currentPath === `${fullHref}.html`;
+  // Shared nav item with border-left overlap wrapper
+  const renderBorderItem = (item: DocuRoute, parentRouteHref: string, key: string) => {
+    const fullHref = `/docs${parentRouteHref}${item.href}`;
+    const isActive = currentPath === fullHref || currentPath === `${fullHref}.html`;
+    return (
+      <li key={key}>
+        <div
+          className={cn(
+            "-ml-[14px] border-l-2",
+            isActive ? "border-primary" : "border-transparent"
+          )}
+        >
+          <div className="pl-3">
+            <Sublink
+              {...item}
+              href={item.href}
+              level={0}
+              onNavigate={onNavigate}
+              parentHref={`/docs${parentRouteHref}`}
+            />
+          </div>
+        </div>
+      </li>
+    );
   };
 
+  const sharedUlClasses = "border-base-300 flex flex-col gap-0.5 border-l-2 pb-0.5 pl-3 pt-0.5";
+
   // Separator mode: render all context sections as group headers + nav items
   if (mode === "separator") {
     const contextRoutes = menuRoutes.filter((r) => r.context);
@@ -50,62 +76,24 @@ export default function Menu({ onNavigate, className = "", pathname, routes = []
     // No context routes defined — fall back to flat list of all routes
     if (contextRoutes.length === 0) {
       return (
-        <nav
-          aria-label="Documentation navigation"
-          className={cn("transition-all duration-200", className)}
-        >
-          <ul className="flex flex-col gap-0.5 py-4">
-            {menuRoutes.map((route) => (
-              <li key={route.href}>
-                <Sublink
-                  {...route}
-                  href={route.href}
-                  level={0}
-                  onNavigate={onNavigate}
-                  parentHref="/docs"
-                />
-              </li>
-            ))}
+        <nav {...navProps}>
+          <ul className={sharedUlClasses}>
+            {menuRoutes.map((route) => renderBorderItem(route, "", route.href))}
           </ul>
         </nav>
       );
     }
 
     return (
-      <nav
-        aria-label="Documentation navigation"
-        className={cn("transition-all duration-200", className)}
-      >
+      <nav {...navProps}>
         {contextRoutes.map((route, i) => (
           <div key={route.href} className={i > 0 ? "mt-6 lg:mt-8" : ""}>
             <SidebarGroupHeader
               icon={route.context?.icon}
               title={route.context?.title || route.title}
             />
-            <ul className="border-base-300 flex flex-col gap-0.5 border-l-2 pb-0.5 pl-3 pt-0.5">
-              {route.items?.map((item) => {
-                const isActive = isItemActive(item.href, route.href);
-                return (
-                  <li key={item.href}>
-                    <div
-                      className={cn(
-                        "-ml-[14px] border-l-2",
-                        isActive ? "border-primary" : "border-transparent"
-                      )}
-                    >
-                      <div className="pl-3">
-                        <Sublink
-                          {...item}
-                          href={item.href}
-                          level={0}
-                          onNavigate={onNavigate}
-                          parentHref={`/docs${route.href}`}
-                        />
-                      </div>
-                    </div>
-                  </li>
-                );
-              })}
+            <ul className={sharedUlClasses}>
+              {route.items?.map((item) => renderBorderItem(item, route.href, item.href))}
             </ul>
           </div>
         ))}
@@ -131,10 +119,7 @@ export default function Menu({ onNavigate, className = "", pathname, routes = []
   if (!contextRoute) return null;
 
   return (
-    <nav
-      aria-label="Documentation navigation"
-      className={cn("transition-all duration-200", className)}
-    >
+    <nav {...navProps}>
       <ul className="flex flex-col gap-0.5 py-4">
         <li key={contextRoute.title}>
           <Sublink

package/.docu/components/Navbar.tsx

@@ -2,6 +2,7 @@ import type { ReactNode } from "react";
 import { useState } from "react";
 import Anchor from "./Anchor";
 import { cn } from "../node/utils";
+import { config as docuConfig } from "../node/client-routes";
 import {
   Navbar as BaseNavbar,
   Logo as BaseLogo,
@@ -172,7 +173,7 @@ export function NavbarBrand({
 }
 
 export function GitHubLink({ repoUrl }: { repoUrl?: string }) {
-  if (!repoUrl) return null;
+  if (!docuConfig.repo?.edit || !repoUrl) return null;
 
   return (
     <a

package/.docu/components/Sublink.tsx

@@ -5,6 +5,7 @@ import { ChevronDown } from "lucide-react";
 import Anchor from "./Anchor";
 import type { DocuRoute } from "../node/types";
 import { cn, docsHtmlHref } from "../node/utils";
+import { config as docuConfig } from "../node/client-routes";
 
 interface SublinkProps extends DocuRoute {
   level: number;
@@ -34,7 +35,7 @@ export default function Sublink({
   });
 
   // Shared padding based on nesting level
-  const levelPadding = cn(level === 1 && "pl-2", level === 2 && "pl-4", level >= 3 && "pl-6");
+  const levelPadding = cn(level === 1 && "pl-4", level === 2 && "pl-8", level >= 3 && "pl-12");
   const isActive = currentPathname === fullHref || currentPathname === `${fullHref}.html`;
   const activeRef = useRef<HTMLDivElement>(null);
 
@@ -58,16 +59,49 @@ export default function Sublink({
       </Anchor>
     );
 
+    // Level 0: border handled by Menu.tsx wrapper
+    // Level 1+: border at natural indented position, follows levelPadding
+    if (level >= 1) {
+      // Separator mode: active border overlaps at ul's edge
+      // Each parent section adds its levelPadding to the offset
+      if (docuConfig.sidebar?.context === "separator") {
+        // Calculate accumulated offset from ul's edge to this item's natural position
+        // Base: ul border(2px) + pl-3(12px) = 14px
+        // Each parent section adds: level 1→16px, level 2→32px, level 3+→48px
+        const sectionOffsets: Record<number, number> = { 1: 16, 2: 32 };
+        let overlap = 14;
+        for (let l = 1; l < level; l++) {
+          overlap += sectionOffsets[l] ?? 48;
+        }
+
+        return (
+          <div
+            ref={activeRef}
+            className={cn("border-l-2", isActive ? "border-primary" : "border-transparent")}
+            style={{ marginLeft: `-${overlap}px` }}
+          >
+            <div className={cn("py-1 pl-3", levelPadding)}>{link}</div>
+          </div>
+        );
+      }
+
+      return (
+        <div
+          ref={activeRef}
+          className={cn(
+            "py-1",
+            levelPadding,
+            "border-l-2",
+            isActive ? "border-primary" : "border-base-300"
+          )}
+        >
+          {link}
+        </div>
+      );
+    }
+
     return (
-      <div
-        ref={activeRef}
-        className={cn(
-          "py-1",
-          levelPadding,
-          level >= 2 && "border-l-2",
-          level >= 2 && (isActive ? "border-primary" : "border-base-300")
-        )}
-      >
+      <div ref={activeRef} className={cn("py-1", levelPadding)}>
         {link}
       </div>
     );

package/.docu/components/Typography.tsx

@@ -2,7 +2,7 @@ import { PropsWithChildren } from "react";
 
 export function Typography({ children }: PropsWithChildren) {
   return (
-    <div className="prose prose-zinc dark:prose-invert prose-code:font-code dark:prose-code:bg-stone-900/25 prose-code:bg-stone-50 prose-pre:bg-background max-lg:prose-headings:scroll-mt-54 prose-headings:scroll-mt-4 prose-code:text-sm prose-code:leading-6 dark:prose-code:text-white prose-code:text-stone-800 prose-code:p-1 prose-code:rounded-md prose-code:border prose-img:rounded-md prose-img:border prose-code:before:content-none prose-code:after:content-none prose-code:px-1.5 prose-code:overflow-x-auto prose-img:my-3 prose-h2:my-4 prose-h2:mt-8 w-[85vw] max-w-[500px]! min-w-full! pt-2 sm:mx-auto sm:w-full">
+    <div className="prose prose-zinc dark:prose-invert prose-code:font-code dark:prose-code:bg-stone-900/25 prose-code:bg-stone-50 prose-pre:bg-background max-lg:prose-headings:scroll-mt-54 prose-headings:scroll-mt-4 prose-code:text-sm prose-code:leading-6 dark:prose-code:text-white prose-code:text-stone-800 prose-code:p-1 prose-code:rounded-md prose-code:border prose-img:rounded-md prose-img:border prose-code:before:content-none prose-code:after:content-none prose-code:px-1.5 prose-code:overflow-x-auto prose-img:my-3 prose-h2:my-4 prose-h2:mt-8 max-w-full! w-full pt-2">
       {children}
     </div>
   );

package/.docu/lib/build.deno.js

@@ -1,9 +1,9 @@
 import {
   runBuildCli
-} from "./chunk-7J3N2MCP.js";
-import "./chunk-QGEFJH47.js";
+} from "./chunk-NYCIAZTI.js";
+import "./chunk-C67LPMQA.js";
 import "./chunk-EOK6KATZ.js";
-import "./chunk-GLOJMRT4.js";
+import "./chunk-GXQB4ETN.js";
 import "./chunk-J5NMYSBJ.js";
 
 // .docu/node/build.deno.ts

package/.docu/lib/{build.impl-FA57P3VC.js → build.impl-CPFOQ7JW.js}

@@ -1,10 +1,10 @@
 import {
   runBuild,
   runBuildCli
-} from "./chunk-7J3N2MCP.js";
-import "./chunk-QGEFJH47.js";
+} from "./chunk-NYCIAZTI.js";
+import "./chunk-C67LPMQA.js";
 import "./chunk-EOK6KATZ.js";
-import "./chunk-GLOJMRT4.js";
+import "./chunk-GXQB4ETN.js";
 import "./chunk-J5NMYSBJ.js";
 export {
   runBuild,

package/.docu/lib/build.node.js

@@ -1,9 +1,9 @@
 import {
   runBuildCli
-} from "./chunk-7J3N2MCP.js";
-import "./chunk-QGEFJH47.js";
+} from "./chunk-NYCIAZTI.js";
+import "./chunk-C67LPMQA.js";
 import "./chunk-EOK6KATZ.js";
-import "./chunk-GLOJMRT4.js";
+import "./chunk-GXQB4ETN.js";
 import "./chunk-J5NMYSBJ.js";
 
 // .docu/node/build.node.ts

package/.docu/lib/{chunk-TEXSBNMR.js → chunk-BDWN6AHQ.js}

@@ -14,7 +14,7 @@ import {
   htmlShell,
   initSentry,
   loadPlugins
-} from "./chunk-QGEFJH47.js";
+} from "./chunk-C67LPMQA.js";
 import {
   SECURITY_HEADERS,
   generateNonce,
@@ -27,7 +27,7 @@ import {
 } from "./chunk-EOK6KATZ.js";
 import {
   logger
-} from "./chunk-GLOJMRT4.js";
+} from "./chunk-GXQB4ETN.js";
 import {
   DIST_DIR,
   DOCS_DIR,