@dreamlake/dockit 0.2.6 → 0.2.8

package/dist/components/TabStrip.js

@@ -51,7 +51,22 @@ function TabStrip() {
       ref: containerRef,
       "aria-label": "Documentation sections",
       className: "flex items-stretch relative m-0 p-0 list-none",
-      style: { height: "100%" },
+      style: {
+        height: "100%",
+        // Labels never wrap. A second line would grow this row and push
+        // the topbar past its fixed 40px, so each tab keeps its
+        // intrinsic width (`shrink-0` on the <li>) and the strip clips
+        // whatever no longer fits rather than reflowing.
+        //
+        // `clip`, not `hidden`: the underbar below sits at bottom:-13px,
+        // deliberately outside this box. Setting `overflow-x: hidden`
+        // makes CSS compute the still-`visible` overflow-y to `auto`,
+        // which would clip that bar away (and risk a stray scrollbar).
+        // `clip` is the one overflow value that leaves the other axis
+        // genuinely visible.
+        overflowX: "clip",
+        overflowY: "visible"
+      },
       onMouseLeave: () => setHovered(null),
       children: [
         visibleTabs.map((tab) => {
@@ -59,7 +74,7 @@ function TabStrip() {
           return /* @__PURE__ */ jsx(
             "li",
             {
-              className: "flex items-stretch",
+              className: "flex items-stretch shrink-0",
               onMouseEnter: () => setHovered(tab.id),
               children: /* @__PURE__ */ jsx(
                 "a",
@@ -76,6 +91,7 @@ function TabStrip() {
                     fontWeight: 600,
                     letterSpacing: "0.12em",
                     textTransform: "uppercase",
+                    whiteSpace: "nowrap",
                     color: isActive || hovered === tab.id ? "var(--color-doc-template-ink)" : "var(--color-doc-template-muted)",
                     cursor: "pointer",
                     transition: "color 0.18s ease"

package/dist/components/Topbar.js

@@ -10,6 +10,7 @@ import { ThemeToggle } from "./ThemeToggle.js";
 import { VersionBadge } from "./VersionBadge.js";
 import { useMerge } from "../renderer/Layout.js";
 import { TabStrip } from "./TabStrip.js";
+import { TABS, tabForUrl } from "../lib/tabs.js";
 function HiddenRevealChip() {
   const [show, setShow] = useHiddenToggle();
   if (!show) return null;
@@ -37,6 +38,8 @@ const SEARCH_INSET = `max(${SEARCH_GUTTER}px, calc((100vw - ${SEARCH_MAX_W}px) /
 function Topbar({ searchOpen, onOpenSearch, onCloseSearch, query, setQuery }) {
   const { urlPathname } = usePageContext();
   const current = findPage(urlPathname);
+  const activeTab = TABS.find((t) => t.id === tabForUrl(urlPathname));
+  const versionChips = activeTab?.versionChips ?? siteConfig.versionChips ?? [];
   const inputRef = useRef(null);
   const labelRef = useRef(null);
   const focusTimerRef = useRef(null);
@@ -266,7 +269,7 @@ function Topbar({ searchOpen, onOpenSearch, onCloseSearch, query, setQuery }) {
                   children: siteConfig.subtitle
                 }
               ),
-              (siteConfig.versionChips ?? []).map((chip) => /* @__PURE__ */ jsx(
+              versionChips.map((chip) => /* @__PURE__ */ jsx(
                 VersionBadge,
                 {
                   label: chip.label,

package/dist/components/VersionBadge.js

@@ -17,8 +17,10 @@ function VersionBadge({
     if (!dropdown) return;
     let cancelled = false;
     const origin = (siteConfig.url || "").replace(/\/+$/, "");
+    const isLocal = typeof window !== "undefined" && /^(localhost|127\.|0\.0\.0\.0)/.test(window.location.hostname);
     const sameOrigin = () => fetch("/versions.json").then((r) => r.ok ? r.json() : null);
-    const load = origin ? fetch(`${origin}/versions.json`).then((r) => r.ok ? r.json() : Promise.reject(new Error(String(r.status)))).catch(sameOrigin) : sameOrigin();
+    const fromOrigin = () => fetch(`${origin}/versions.json`).then((r) => r.ok ? r.json() : Promise.reject(new Error(String(r.status))));
+    const load = !origin ? sameOrigin() : isLocal ? sameOrigin().then((m) => m ?? fromOrigin().catch(() => null)) : fromOrigin().catch(sameOrigin);
     load.then((m) => {
       if (!cancelled && m) setManifest(m);
     }).catch(() => {

package/dist/lib/tabs.d.ts

@@ -1,3 +1,4 @@
+import { VersionChip } from '../site-config';
 export interface TabDef {
     id: string;
     label: string;
@@ -8,6 +9,9 @@ export interface TabDef {
     /** URL prefix that scopes pages to this tab. A page belongs to a tab
      *  iff its path starts with this prefix (or equals `/` for the first tab). */
     urlPrefix: string;
+    /** Per-tab override of `site.versionChips`. Omit to inherit the global
+     *  chips; set to `[]` to show none on this tab. */
+    versionChips?: VersionChip[];
 }
 /** Module-level singleton, populated by `initTabs()`. Mutated in place —
  *  never reassigned — so importing components keep a live reference. */

package/dist/site-config.d.ts

@@ -47,7 +47,10 @@ export interface SiteConfig {
      *  deploys"). When unset, the generator falls back to the site's section
      *  names. */
     skillTriggers?: string[];
-    /** Version chips rendered next to the brand in the topbar. */
+    /** Version chips rendered next to the brand in the topbar. Individual
+     *  top-level tabs can override this list via `TabDef.versionChips` — a tab
+     *  omitting the field inherits these global chips, `[]` shows none on that
+     *  tab, and a non-empty array replaces them for that tab only. */
     versionChips?: VersionChip[];
     /** Short git hash chip in the topbar. Omit to hide the chip. */
     gitHash?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dreamlake/dockit",
-  "version": "0.2.6",
-  "description": "The DreamLake documentation shell — Vike + React + Tailwind v4 + MDX docs framework with sidebar, TOC, search, and theming",
+  "version": "0.2.8",
+  "description": "The DreamLake documentation shell \u2014 Vike + React + Tailwind v4 + MDX docs framework with sidebar, TOC, search, and theming",
   "license": "MIT",
   "type": "module",
   "files": [
@@ -37,6 +37,10 @@
     },
     "./styles.css": "./dist/styles.css"
   },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit"
+  },
   "peerDependencies": {
     "@mdx-js/react": ">=3.0.0",
     "react": ">=19.0.0",
@@ -75,9 +79,5 @@
     "vite": "^7.0.0",
     "vite-plugin-dts": "^4.3.0",
     "tailwindcss": "^4.0.0"
-  },
-  "scripts": {
-    "build": "vite build",
-    "typecheck": "tsc --noEmit"
   }
-}
+}