@writedocs/generator 0.9.3 → 0.10.0

package/astro.config.mjs

@@ -38,6 +38,7 @@ import { writedocsTempDir, writedocsBuildStagingDir } from './src/lib/writedocs-
 import { stylesAssetFallback } from './src/lib/styles-asset-integration.js';
 import { mcpDevServer } from './src/lib/mcp-dev-integration.js';
 import { canonicalPath } from './src/lib/canonical-path.js';
+import { folderAddresses } from './src/lib/folder-redirects.js';
 import { report } from './src/lib/cli-report.js';
 import {
   loadDocsConfig,
@@ -152,12 +153,14 @@ function collectNoindexIds(rootContentDir) {
   // redirect-only route [...slug].astro synthesizes (noindex, pointing at
   // the first page) - which doesn't belong in the sitemap either.
   let rootIsPage = false;
+  const pageIds = [];
 
   for (const relativeId of findAllPages(rootContentDir)) {
     const file = path.join(rootContentDir, relativeId);
     const { data } = matter(fs.readFileSync(file, 'utf-8'));
     const pageId = normalizeEntryId(data?.slug ?? relativeId.replace(/\.mdx?$/i, '').replace(/\/index$/, ''));
     if (pageId === 'index') rootIsPage = true;
+    pageIds.push(pageId);
     // Top-level `noindex` is Mintlify's spelling, and a Mintlify `hidden`
     // page is noindexed too - content.config.ts folds both into
     // `seo.noindex` the same way (an explicit value wins).
@@ -172,9 +175,13 @@ function collectNoindexIds(rootContentDir) {
   for (const file of walkMdFiles(generatedDocsDir)) {
     const { data } = matter(fs.readFileSync(file, 'utf-8'));
     if (data?.slug && normalizeEntryId(data.slug) === 'index') rootIsPage = true;
+    if (data?.slug) pageIds.push(normalizeEntryId(data.slug));
     if ((data?.seo?.noindex ?? data?.noindex ?? data?.hidden === true) && data.slug) ids.add(normalizeEntryId(data.slug));
   }
   if (!rootIsPage) ids.add('index');
+  // Folder addresses with no page of their own redirect to one under them
+  // (lib/folder-redirects.js) - redirects, so not in the sitemap either.
+  for (const folder of folderAddresses(pageIds)) ids.add(folder);
   return ids;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@writedocs/generator",
-  "version": "0.9.3",
+  "version": "0.10.0",
   "description": "Static site generator for docs — a writedocs.json + MDX folder in, a static site out.",
   "type": "module",
   "bin": {

package/src/cli/run-pagefind.js

@@ -1,6 +1,7 @@
 import path from 'node:path';
 import fs from 'node:fs';
 import { spawn } from 'node:child_process';
+import { pathToFileURL } from 'node:url';
 
 /**
  * Locates the installed pagefind package by walking up node_modules
@@ -53,7 +54,77 @@ function resolvePagefindBin(packageRoot) {
  * Pagefind's output is captured, not printed: the CLI prints its own step
  * line, and Pagefind's text only when it fails (in the rejected Error).
  */
-export function runPagefind(siteDir, { packageRoot }) {
+export async function runPagefind(siteDir, { packageRoot }) {
+  const groups = searchSpaces(siteDir);
+  if (groups) return indexBySpace(siteDir, packageRoot, groups);
+  return indexWholeSite(siteDir, packageRoot);
+}
+
+// Pages under a hidden navigation item name their search space in their
+// markup ([...slug].astro, lib/hidden-sections.js).
+const SPACE = /data-wd-search-space="([^"]+)"/;
+const SEARCH_PUBLIC = /data-wd-search-public="true"/;
+
+/** The site's pages by search space - `{ public, spaces }` - or null when
+ *  no page is in a hidden space (the whole site is one index, as ever).
+ *  Only pages Pagefind would index: those with a data-pagefind-body. */
+function searchSpaces(siteDir) {
+  const publicPages = [];
+  const spaces = new Map();
+  const walk = (dir) => {
+    for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+      const full = path.join(dir, entry.name);
+      if (entry.isDirectory()) {
+        if (!['_astro', 'pagefind', 'pagefind-spaces'].includes(entry.name)) walk(full);
+        continue;
+      }
+      if (!entry.name.endsWith('.html')) continue;
+      const content = fs.readFileSync(full, 'utf8');
+      if (!content.includes('data-pagefind-body')) continue;
+      const page = { rel: path.relative(siteDir, full).split(path.sep).join('/'), content };
+      const space = SPACE.exec(content)?.[1];
+      if (!space) {
+        publicPages.push(page);
+        continue;
+      }
+      const group = spaces.get(space) ?? { searchPublic: false, pages: [] };
+      group.searchPublic ||= SEARCH_PUBLIC.test(content);
+      group.pages.push(page);
+      spaces.set(space, group);
+    }
+  };
+  walk(siteDir);
+  return spaces.size ? { public: publicPages, spaces } : null;
+}
+
+/** One index for the public pages (dist/pagefind/) and one per hidden
+ *  space (dist/pagefind-spaces/<id>/) - so the public search never finds a
+ *  hidden page, and a hidden space's search finds only its own pages, plus
+ *  the public ones when it sets `searchPublic`. src/scripts/search.ts loads
+ *  the index of the page's space. */
+async function indexBySpace(siteDir, packageRoot, groups) {
+  const pagefind = await import(pathToFileURL(path.join(findPagefindDir(packageRoot), 'lib', 'index.js')).href);
+  const check = (result, what) => {
+    if (result.errors?.length) throw new Error(`pagefind (${what}): ${result.errors.join('; ')}`);
+    return result;
+  };
+  const write = async (pages, outputPath, what) => {
+    const { index } = check(await pagefind.createIndex({}), what);
+    for (const page of pages) check(await index.addHTMLFile({ sourcePath: page.rel, content: page.content }), `${what}: ${page.rel}`);
+    check(await index.writeFiles({ outputPath }), what);
+  };
+  try {
+    await write(groups.public, path.join(siteDir, 'pagefind'), 'public pages');
+    for (const [id, space] of groups.spaces) {
+      const pages = space.searchPublic ? [...space.pages, ...groups.public] : space.pages;
+      await write(pages, path.join(siteDir, 'pagefind-spaces', id), `hidden space ${id}`);
+    }
+  } finally {
+    await pagefind.close();
+  }
+}
+
+function indexWholeSite(siteDir, packageRoot) {
   const bin = resolvePagefindBin(packageRoot);
   return new Promise((resolve, reject) => {
     const child = spawn(process.execPath, [bin, '--site', siteDir, '--quiet'], {

package/src/cli/write-redirects-file.js

@@ -63,6 +63,17 @@ export function writeRedirectsFile(distDir, contentDir) {
     if (match) lines.push(`/ ${match[1]} 302`);
   }
 
+  // Folder addresses redirecting to the first page under them
+  // (lib/folder-redirects.js). Read back from the built pages like "/"
+  // above: Astro writes a temporary (302) redirect's page with a 2-second
+  // refresh and a permanent one's with 0 - writedocs.json's own redirects
+  // and `url` pages are permanent, so the 2-second ones are exactly the
+  // automatic folder redirects. (Read before rewrite-redirect-pages.js makes
+  // every redirect page go at once.)
+  for (const { url, target } of temporaryRedirectPages(distDir)) {
+    lines.push(`${url} ${target} 302`, `${url.replace(/\/$/, '')} ${target} 302`);
+  }
+
   if (lines.length === 0) return;
 
   const generated = [
@@ -81,3 +92,25 @@ export function writeRedirectsFile(distDir, contentDir) {
   const existing = fs.existsSync(redirectsPath) ? fs.readFileSync(redirectsPath, 'utf8').replace(/\s*$/, '\n\n') : '';
   fs.writeFileSync(redirectsPath, existing + generated);
 }
+
+/** Astro's pages for temporary redirects below the site's root, as
+ *  `{ url: "/docs/creator/", target }`. */
+function temporaryRedirectPages(distDir) {
+  const found = [];
+  const walk = (dir) => {
+    for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+      const full = path.join(dir, entry.name);
+      if (entry.isDirectory()) {
+        if (!['_astro', 'pagefind', 'pagefind-spaces'].includes(entry.name)) walk(full);
+        continue;
+      }
+      if (entry.name !== 'index.html' || dir === distDir) continue;
+      const html = fs.readFileSync(full, 'utf8');
+      if (!html.includes('<title>Redirecting to:')) continue;
+      const match = html.match(/<meta http-equiv="refresh" content="2;\s*url=([^"]+)"/i);
+      if (match) found.push({ url: `/${path.relative(distDir, dir).split(path.sep).join('/')}/`, target: match[1] });
+    }
+  };
+  walk(distDir);
+  return found.sort((a, b) => a.url.localeCompare(b.url));
+}

package/src/components/ApiPlayground.astro

@@ -13,6 +13,7 @@ import {
   type OpenApiOperation,
 } from '../lib/openapi-render';
 import { parseOpenApiRef } from '../lib/openapi-ref.js';
+import { descriptionHtml } from '../lib/openapi-markdown';
 
 interface Props {
   operation: string; // "METHOD /path", matching a page's `openapi` frontmatter
@@ -37,6 +38,12 @@ const requestRows = requestSchema ? schemaRows(requestSchema) : [];
 
 const responseEntries = op ? Object.entries(op.responses) : [];
 const segments = op ? pathSegments(op.path) : [];
+
+// Descriptions are Markdown in the spec - rendered here, once each
+// (lib/openapi-markdown.ts), and set as HTML below.
+const operationHtml = await descriptionHtml(op?.description);
+const paramHtml = new Map(await Promise.all((op?.parameters ?? []).map(async (p) => [p, await descriptionHtml(p.description)] as const)));
+const responseHtml = new Map(await Promise.all(responseEntries.map(async ([status, r]) => [status, await descriptionHtml(r.description)] as const)));
 ---
 
 {!op && (
@@ -57,7 +64,7 @@ const segments = op ? pathSegments(op.path) : [];
         )}
       </code>
     </div>
-    {op.description && <p class="wd-api-description">{op.description}</p>}
+    {operationHtml && <div class="wd-api-description wd-api-md" set:html={operationHtml} />}
 
     {headerParams.length > 0 && (
       <section class="wd-api-section">
@@ -70,7 +77,7 @@ const segments = op ? pathSegments(op.path) : [];
                 <span class="wd-api-pill wd-api-pill-type">{p.schema?.type ?? 'string'}</span>
                 {p.required && <span class="wd-api-pill wd-api-pill-required">required</span>}
               </div>
-              {p.description && <p class="wd-api-param-desc">{p.description}</p>}
+              {paramHtml.get(p) && <div class="wd-api-param-desc wd-api-md" set:html={paramHtml.get(p)} />}
             </div>
           ))}
         </div>
@@ -88,7 +95,7 @@ const segments = op ? pathSegments(op.path) : [];
                 <span class="wd-api-pill wd-api-pill-type">{p.schema?.type ?? 'string'}</span>
                 {p.required && <span class="wd-api-pill wd-api-pill-required">required</span>}
               </div>
-              {p.description && <p class="wd-api-param-desc">{p.description}</p>}
+              {paramHtml.get(p) && <div class="wd-api-param-desc wd-api-md" set:html={paramHtml.get(p)} />}
             </div>
           ))}
         </div>
@@ -106,7 +113,7 @@ const segments = op ? pathSegments(op.path) : [];
                 <span class="wd-api-pill wd-api-pill-type">{p.schema?.type ?? 'string'}</span>
                 {p.required && <span class="wd-api-pill wd-api-pill-required">required</span>}
               </div>
-              {p.description && <p class="wd-api-param-desc">{p.description}</p>}
+              {paramHtml.get(p) && <div class="wd-api-param-desc wd-api-md" set:html={paramHtml.get(p)} />}
             </div>
           ))}
         </div>
@@ -132,8 +139,8 @@ const segments = op ? pathSegments(op.path) : [];
             const rows = schema ? schemaRows(schema) : [];
             return (
               <Tab title={status}>
-                {resp.description && (
-                  <p class="wd-api-param-desc-inline wd-api-response-desc">{resp.description}</p>
+                {responseHtml.get(status) && (
+                  <div class="wd-api-param-desc-inline wd-api-response-desc wd-api-md" set:html={responseHtml.get(status)} />
                 )}
                 {rows.length > 0 && (
                   <div class="wd-api-param-list wd-api-param-list-nested">
@@ -282,4 +289,38 @@ const segments = op ? pathSegments(op.path) : [];
   .wd-api-response-desc {
     margin: 0 0 0.75rem;
   }
+  /* A description from the spec, rendered from its Markdown
+     (lib/openapi-markdown.ts) - paragraphs, lists, code and tables sized
+     to sit under a field. A wide table scrolls sideways inside its own box
+     rather than widening the page. */
+  .wd-api-md > :first-child {
+    margin-top: 0;
+  }
+  .wd-api-md > :last-child {
+    margin-bottom: 0;
+  }
+  .wd-api-md p,
+  .wd-api-md ul,
+  .wd-api-md ol {
+    margin: 0 0 0.6em;
+  }
+  .wd-api-md ul,
+  .wd-api-md ol {
+    padding-left: 1.25rem;
+  }
+  .wd-api-md table {
+    display: block;
+    max-width: 100%;
+    overflow-x: auto;
+    border-collapse: collapse;
+    margin: 0.6rem 0;
+    font-size: 0.85rem;
+  }
+  .wd-api-md th,
+  .wd-api-md td {
+    padding: 0.4rem 0.75rem;
+  }
+  .wd-api-md a {
+    color: var(--wd-primary);
+  }
 </style>

package/src/components/ApiSchemaField.astro

@@ -20,6 +20,7 @@
 // component handles every level."
 import Expandable from './Expandable.astro';
 import type { SchemaRow } from '../lib/openapi-render';
+import { descriptionHtml } from '../lib/openapi-markdown';
 
 interface Props {
   rows: SchemaRow[];
@@ -33,17 +34,19 @@ interface Props {
   showRequired?: boolean;
 }
 const { rows, showRequired = true } = Astro.props as Props;
+// Descriptions are Markdown in the spec (lib/openapi-markdown.ts).
+const html = await Promise.all(rows.map((row) => descriptionHtml(row.description)));
 ---
 
 {
-  rows.map((row) => (
+  rows.map((row, i) => (
     <div class="wd-api-param">
       <div class="wd-api-param-head">
         <span class="wd-api-param-name">{row.name}</span>
         <span class="wd-api-pill wd-api-pill-type">{row.type}</span>
         {showRequired && row.required && <span class="wd-api-pill wd-api-pill-required">required</span>}
       </div>
-      {row.description && <p class="wd-api-param-desc">{row.description}</p>}
+      {html[i] && <div class="wd-api-param-desc wd-api-md" set:html={html[i]} />}
       {row.children.length > 0 && (
         <Expandable title={`${row.name} properties`} defaultOpen={false}>
           <Astro.self rows={row.children} showRequired={showRequired} />

package/src/components/Hint.astro

@@ -4,8 +4,10 @@ import { extraClasses } from './class-names';
 // (Callout, Card, Accordion, ...), which are all block-level and get
 // their own line, a Hint sits mid-sentence: `word <Hint tip="...">this
 // bit</Hint> continues`. That's why this renders a <span>, not a <div>,
-// and why its own trigger area is exactly its slotted text - no icon,
-// no padding box drawing attention to itself the way a Callout does.
+// and why its own trigger area is its slotted text plus, by default, a
+// small info icon after it - a dotted underline and that icon are the
+// whole cue, no padding box drawing attention to itself the way a Callout
+// does. `icon={false}` leaves just the underlined text.
 //
 // tip is a plain string prop (not a slot) deliberately - the tooltip
 // bubble itself needs to be one line of plain text CSS can center/
@@ -24,13 +26,20 @@ interface Props {
   headline?: string;
   cta?: string;
   href?: string;
+  /** The small info icon after the text. On unless set to false. */
+  icon?: boolean;
 }
-const { tip, headline, cta, href } = Astro.props as Props;
+const { tip, headline, cta, href, icon = true } = Astro.props as Props;
 const hasLink = Boolean(cta && href);
 ---
 
 <span class:list={["wd-hint", { "wd-hint-rich": Boolean(headline) || hasLink }, extraClasses(Astro.props)]} tabindex="0">
-  <span class="wd-hint-trigger"><slot /></span>
+  <span class="wd-hint-trigger"><slot /></span>{icon && (
+    <svg class="wd-hint-icon" viewBox="0 0 24 24" aria-hidden="true">
+      <circle cx="12" cy="12" r="9.5" />
+      <path d="M12 16.5v-5M12 8h.01" />
+    </svg>
+  )}
   <span class="wd-hint-tooltip" role="tooltip">
     {headline && <span class="wd-hint-headline">{headline}</span>}
     <span class="wd-hint-tip">{tip}</span>
@@ -52,7 +61,39 @@ const hasLink = Boolean(cta && href);
        hint here at all, since nothing about plain underlined text
        otherwise signals "hover me" the way an icon or button would. */
     cursor: help;
-    border-bottom: 1px solid var(--wd-text);
+  }
+  /* A dotted underline under the text, drawn by the font's own underline
+     rather than a border, so it follows the text across a line break and
+     sits clear of descenders. */
+  .wd-hint-trigger {
+    text-decoration-line: underline;
+    text-decoration-style: dotted;
+    text-decoration-thickness: 2px;
+    text-decoration-color: color-mix(in srgb, currentColor 55%, transparent);
+    text-underline-offset: 0.22em;
+  }
+  .wd-hint:hover .wd-hint-trigger,
+  .wd-hint:focus-visible .wd-hint-trigger {
+    text-decoration-color: currentColor;
+  }
+  /* Smaller than the text, a little clear of it, in the muted color. */
+  .wd-hint-icon {
+    display: inline-block;
+    width: 0.72em;
+    height: 0.72em;
+    margin-left: 0.22em;
+    vertical-align: -0.04em;
+    fill: none;
+    stroke: currentColor;
+    stroke-width: 2.2;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    color: var(--wd-text-muted);
+    transition: color 0.15s ease;
+  }
+  .wd-hint:hover .wd-hint-icon,
+  .wd-hint:focus-visible .wd-hint-icon {
+    color: var(--wd-text);
   }
   .wd-hint-tooltip {
     position: absolute;

package/src/components/Tooltip.astro

@@ -7,6 +7,7 @@ interface Props {
   headline?: string;
   cta?: string;
   href?: string;
+  icon?: boolean;
 }
 const props = Astro.props as Props;
 ---

package/src/layout/components/MobileMenu.astro

@@ -98,9 +98,9 @@ const showMenu = hasMobileMenu({ sidebar: showSidebarCol, selectors, globalDropd
         </button>
       </div>
       <div class="wd-mobile-menu-scroll">
-        {(selectors.length > 0 || globalDropdowns.length > 0) && (
+        {(selectors.some((sel) => !sel.hidden) || globalDropdowns.length > 0) && (
           <div class="wd-mobile-menu-selectors">
-            {selectors.map((sel) => {
+            {selectors.filter((sel) => !sel.hidden).map((sel) => {
               const current = sel.options.find((o) => o.active) ?? sel.options[0];
               return (
                 <details class="wd-mobile-accordion" name="wd-mobile-accordion">

package/src/layout/components/TopBar.astro

@@ -59,7 +59,7 @@ const { config, selectors, globalDropdowns, showSidebarCol, logoLight, logoDark,
 const placements = selectorPlacements(selectors, { sidebar: showSidebarCol });
 const showMenuButton = hasMobileMenu({ sidebar: showSidebarCol, selectors, globalDropdowns });
 const switcherSelectors = selectors.filter((_, i) => placements[i] === 'topbar');
-const tabSelectors = selectors.filter((sel) => sel.kind === 'tab');
+const tabSelectors = selectors.filter((_, i) => placements[i] === 'tabs');
 // One row per level of tabs: a tab holding its own tabs gets a second row
 // underneath, with that tab's tabs. The global dropdowns stay in the first
 // row, which renders on its own when there are only those.

package/src/lib/config-schema.js

@@ -32,7 +32,8 @@ const navLinkSchema = z.object({ label: z.string(), href: z.string() }).strict()
 const navItemSchema = z.lazy(
   () => z.union([navPageSchema, navGroupSchema, navLinkSchema])
 );
-function withChildren(base) {
+function withChildren(ownFields) {
+  const base = { ...ownFields, hidden: z.boolean().optional(), searchPublic: z.boolean().optional() };
   return z.union([
     z.object({ ...base, pages: z.array(navItemSchema) }).strict(),
     z.object({ ...base, tabs: z.array(tabSchema).min(1) }).strict(),
@@ -97,6 +98,14 @@ const navigationSchema = z.union([
         continue;
       }
       items.forEach((item, i) => {
+        const own2 = item;
+        if (own2?.searchPublic === true && own2.hidden !== true) {
+          ctx.addIssue({
+            code: "custom",
+            path: [...path, key, i, "searchPublic"],
+            message: '`searchPublic` only applies to a hidden item - add "hidden": true, or remove `searchPublic`.'
+          });
+        }
         const inner = key === "languages" ? String(item?.language ?? "") : language;
         const tab = item?.tab;
         walk(item, [...path, key, i], inner, key === "tabs" ? [...tabs, String(tab ?? "")] : tabs);

package/src/lib/config-schema.ts

@@ -129,11 +129,17 @@ export type NavChildren =
   | { products: ProductItem[] }
   | { href: string };
 
-export type TabItem = { tab: string; icon?: string } & NavChildren;
-export type VersionItem = { version: string; label?: string; tag?: string; default?: boolean } & NavChildren;
-export type LanguageItem = { language: string; label?: string } & NavChildren;
-export type DropdownItem = { dropdown: string; icon?: string } & NavChildren;
-export type ProductItem = { product: string; icon?: string; description?: string } & NavChildren;
+/** Any navigation item can be hidden: reachable only by its address - no
+ *  switcher, tab or menu lists it, and its pages search only among
+ *  themselves (plus the public ones, with `searchPublic`). See
+ *  lib/hidden-sections.js. */
+export type Hideable = { hidden?: boolean; searchPublic?: boolean };
+
+export type TabItem = { tab: string; icon?: string } & Hideable & NavChildren;
+export type VersionItem = { version: string; label?: string; tag?: string; default?: boolean } & Hideable & NavChildren;
+export type LanguageItem = { language: string; label?: string } & Hideable & NavChildren;
+export type DropdownItem = { dropdown: string; icon?: string } & Hideable & NavChildren;
+export type ProductItem = { product: string; icon?: string; description?: string } & Hideable & NavChildren;
 
 // `.strict()` on every variant is load-bearing, not decoration: Zod
 // objects silently strip unrecognized keys by default, so without it a
@@ -142,7 +148,8 @@ export type ProductItem = { product: string; icon?: string; description?: string
 // rejected - defeating the entire "exactly one child kind per level"
 // rule this schema exists to enforce (mirroring Mintlify's own "a tab
 // cannot contain both anchors and groups at the same level").
-function withChildren<Base extends z.ZodRawShape>(base: Base) {
+function withChildren<Base extends z.ZodRawShape>(ownFields: Base) {
+  const base = { ...ownFields, hidden: z.boolean().optional(), searchPublic: z.boolean().optional() };
   return z.union([
     z.object({ ...base, pages: z.array(navItemSchema) }).strict(),
     z.object({ ...base, tabs: z.array(tabSchema).min(1) }).strict(),
@@ -247,6 +254,14 @@ const navigationSchema = z.union([
         continue;
       }
       items.forEach((item, i) => {
+        const own = item as { hidden?: unknown; searchPublic?: unknown };
+        if (own?.searchPublic === true && own.hidden !== true) {
+          ctx.addIssue({
+            code: 'custom',
+            path: [...path, key, i, 'searchPublic'],
+            message: '`searchPublic` only applies to a hidden item - add "hidden": true, or remove `searchPublic`.',
+          });
+        }
         const inner = key === 'languages' ? String((item as { language?: unknown })?.language ?? '') : language;
         const tab = (item as { tab?: unknown })?.tab;
         walk(item, [...path, key, i], inner, key === 'tabs' ? [...tabs, String(tab ?? '')] : tabs);

package/src/lib/config.ts

@@ -1,6 +1,7 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import { EXCLUDED_TOP_LEVEL_DIRS, navPageId } from './pages.js';
+import { isHidden } from './hidden-sections.js';
 import matter from 'gray-matter';
 import { writedocsTempDir } from './writedocs-temp-dir.js';
 import { readableTextOn } from './color.js';
@@ -787,6 +788,8 @@ export function resolveGlobalDropdowns(navigation: NavigationConfig): DropdownIt
  *  `{ tab: "Status", href: "..." }`). */
 function firstSlugAmong(items: Container[]): string | null {
   for (const item of items) {
+    // A hidden item is reached only by its address - never by default.
+    if (isHidden(item)) continue;
     const slug = firstSlugOf(item);
     if (slug !== null) return slug;
   }
@@ -944,6 +947,11 @@ export interface SelectorOption {
 export interface Selector {
   kind: PathSegment['kind'];
   options: SelectorOption[];
+  // The page sits inside a hidden item on this level: the level isn't
+  // shown (its switcher would list the other items). Kept in the list,
+  // not dropped, so the levels after it are placed by their real parent
+  // (lib/selector-placement.js).
+  hidden?: boolean;
 }
 
 /** An option's own `dropdowns` menu, if it has one (see SelectorOption.dropdown
@@ -958,12 +966,16 @@ function dropdownMenuOf(
   activeSegment: PathSegment | undefined
 ): SelectorOption[] | undefined {
   if (!('dropdowns' in node)) return undefined;
-  return node.dropdowns.map((d, i) => ({
-    label: d.dropdown,
-    icon: iconOf(d),
-    href: 'href' in d ? d.href : hrefForSlug(firstSlugOf(d) ?? 'index'),
-    active: activeSegment?.kind === 'dropdown' && activeSegment.index === i,
-  }));
+  return node.dropdowns
+    .map((d, i) => ({
+      label: d.dropdown,
+      icon: iconOf(d),
+      href: 'href' in d ? d.href : hrefForSlug(firstSlugOf(d) ?? 'index'),
+      active: activeSegment?.kind === 'dropdown' && activeSegment.index === i,
+      hidden: isHidden(d),
+    }))
+    .filter((d) => !d.hidden)
+    .map(({ hidden: _hidden, ...option }) => option);
 }
 
 /** `activePagePosition` is the reader's current page's own index within
@@ -986,7 +998,10 @@ export function buildSelectors(
     const remainingPath = path.slice(segIndex + 1);
     return {
       kind: segment.kind,
-      options: (segment.items as NamedContainer[]).map((item, i) => {
+      hidden: isHidden(segment.items[segment.index]),
+      options: (segment.items as NamedContainer[]).flatMap((item, i) => {
+        // A hidden item is never offered - not even to its own pages.
+        if (isHidden(item)) return [];
         const isActive = i === segment.index;
         const equivalentSlug = preservesPosition
           ? equivalentPageIn(item as Container, remainingPath, activePagePosition)

package/src/lib/content-check.js

@@ -411,6 +411,20 @@ export async function checkContent(contentDir, configText) {
         )
       );
     }
+    // Every top-level item hidden, and no home page: `/` never redirects into a
+    // hidden item (lib/hidden-sections.js), so the site's address has nothing.
+    const nav = config.navigation;
+    const topKey = nav && !Array.isArray(nav) ? ['tabs', 'versions', 'languages', 'dropdowns', 'products'].find((k) => Array.isArray(nav[k])) : null;
+    if (topKey && nav[topKey].length && nav[topKey].every((item) => item?.hidden === true || 'href' in (item ?? {})) && !ids.has('index')) {
+      warnings.push(
+        issue(
+          'writedocs.json',
+          locate(['navigation', topKey])?.line,
+          `Every item in navigation.${topKey} is hidden and there's no home page - the site's own address (/) shows "not found".`,
+          'Add an index.mdx at the project root for a home page, or leave one item not hidden.'
+        )
+      );
+    }
     // A redirect is one exact path - a Mintlify-style pattern (`/old/:slug`,
     // `/old/*`) becomes a literal page path, and the build fails on it.
     (Array.isArray(config.redirects) ? config.redirects : []).forEach((r, i) => {

package/src/lib/folder-redirects.js

@@ -0,0 +1,47 @@
+// Folder addresses - `/docs/creator/` when pages live at `/docs/creator/...`
+// but none at `/docs/creator/` itself - redirect to the first page under
+// them, as Mintlify does, instead of showing "not found". The same idea as
+// the automatic `/` redirect, one level down.
+//
+// "First" is the reader's order: [...slug].astro passes the pages in
+// navigation order, the public ones before those under a hidden item
+// (lib/hidden-sections.js) and pages outside the navigation last - so a
+// folder with both public and hidden pages under it goes to a public one.
+// A real page or a writedocs.json redirect at the address always wins.
+//
+// Temporary (302), like `/`: a browser doesn't keep it, so a page added at
+// that address later is seen. Also used by `writedocs broken-links` (a link
+// to a folder address leads somewhere) and the sitemap (which leaves them
+// out, like every redirect).
+//
+// Slugs are page addresses without their slashes: "docs/creator/home".
+
+/** First path segments writedocs itself serves - never a folder redirect. */
+export const RESERVED_FOLDERS = new Set(['_astro', 'pagefind', 'pagefind-spaces', 'llms', 'mcp']);
+
+/** Every folder above a page: "a/b/c" -> ["a", "a/b"]. */
+export function foldersOf(slug) {
+  const parts = slug.split('/').filter(Boolean);
+  return parts.slice(0, -1).map((_, i) => parts.slice(0, i + 1).join('/'));
+}
+
+/** The folder redirects for a site: folder -> the page it goes to.
+ *  `targets` - the pages, in the order to prefer them; `taken` - every
+ *  address already served (pages, redirects, `url` pages). */
+export function folderRedirects(targets, taken = new Set()) {
+  const redirects = new Map();
+  for (const slug of targets) {
+    if (slug === 'index') continue;
+    for (const folder of foldersOf(slug)) {
+      if (redirects.has(folder) || taken.has(folder) || RESERVED_FOLDERS.has(folder.split('/')[0])) continue;
+      redirects.set(folder, slug);
+    }
+  }
+  return redirects;
+}
+
+/** Just the folder addresses, for checks that don't need the targets. */
+export function folderAddresses(pageSlugs) {
+  const pages = new Set(pageSlugs);
+  return new Set([...folderRedirects(pageSlugs, pages).keys()]);
+}