@writedocs/generator 0.6.0 → 0.7.1

package/bin/writedocs.js

@@ -238,20 +238,27 @@ program
 program
   .command('convert')
   .description("Convert another docs tool's config into writedocs.json")
-  .argument('[dir]', 'project directory (contains docs.json)', '.')
+  .argument('[dir]', 'project directory (contains docs.json or config.json)', '.')
   .option('--mintlify', "convert a Mintlify project's docs.json")
   .option('--docs.json', 'same as --mintlify')
+  .option('--writedocs', "convert a project from the previous writedocs (its config.json)")
+  .option('--config.json', 'same as --writedocs')
   .option('--force', 'overwrite an existing writedocs.json')
   .option('--dry-run', 'print the converted writedocs.json instead of writing it')
   .action(async (dir, options) => {
-    // --mintlify is the only source today; the flag is still required so
-    // the command reads the same once other tools are added.
-    if (!options.mintlify && !options.docsJson) {
-      log.error('Say what to convert from: writedocs convert --mintlify [dir]');
+    const mintlify = options.mintlify || options.docsJson;
+    const legacy = options.writedocs || options.configJson;
+    if (mintlify === legacy) {
+      log.error(
+        mintlify
+          ? 'Pick one: --mintlify or --writedocs.'
+          : 'Say what to convert from: writedocs convert --mintlify [dir], or --writedocs for the previous writedocs.'
+      );
       throw new CliExit(1);
     }
     const { runConvert } = await import('../src/cli/convert.js');
     await runConvert({
+      source: legacy ? 'writedocs' : 'mintlify',
       contentDir: path.resolve(process.cwd(), dir),
       force: Boolean(options.force),
       dryRun: Boolean(options.dryRun),

package/package.json

@@ -1,88 +1,91 @@
-{
-  "name": "@writedocs/generator",
-  "version": "0.6.0",
-  "description": "Static site generator for docs — a writedocs.json + MDX folder in, a static site out.",
-  "type": "module",
-  "bin": {
-    "writedocs": "./bin/writedocs.js"
-  },
-  "exports": {
-    "./components": "./src/components/index.ts",
-    "./config-schema": "./src/lib/config-schema.js"
-  },
-  "files": [
-    "bin",
-    "src",
-    "astro.config.mjs"
-  ],
-  "scripts": {
-    "dev": "node bin/writedocs.js dev",
-    "build": "node bin/writedocs.js build",
-    "init": "node bin/writedocs.js init",
-    "build:schema": "esbuild src/lib/config-schema.ts --format=esm --target=node22 --outfile=src/lib/config-schema.js",
-    "prepare": "npm run build:schema",
-    "test": "node --test \"scripts/*.test.js\""
-  },
-  "keywords": [
-    "docs",
-    "documentation",
-    "static-site-generator",
-    "mdx",
-    "astro"
-  ],
-  "homepage": "https://github.com/writedocs/writedocs#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/writedocs/writedocs.git"
-  },
-  "bugs": {
-    "url": "https://github.com/writedocs/writedocs/issues"
-  },
-  "author": "Gabriel Raeder",
-  "license": "ISC",
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@apidevtools/swagger-parser": "^12.1.0",
-    "@astrojs/markdown-remark": "7.2.4",
-    "@astrojs/mdx": "^7.0.5",
-    "@astrojs/react": "^6.0.2",
-    "@astrojs/sitemap": "^3.7.3",
-    "@iconify-json/bi": "^1.2.7",
-    "@iconify-json/fa6-brands": "^1.2.6",
-    "@iconify-json/fa6-solid": "^1.2.4",
-    "@iconify-json/heroicons": "^1.2.3",
-    "@iconify-json/ion": "^1.2.7",
-    "@iconify-json/lucide": "^1.2.116",
-    "@iconify-json/mdi": "^1.2.3",
-    "@iconify-json/ri": "^1.2.10",
-    "@iconify-json/simple-icons": "^1.2.89",
-    "@iconify-json/tabler": "^1.2.35",
-    "@mdx-js/mdx": "^3.1.1",
-    "@shikijs/transformers": "^4.3.1",
-    "@tailwindcss/vite": "^4.3.2",
-    "astro": "7.2.9",
-    "astro-icon": "^1.1.5",
-    "commander": "^15.0.0",
-    "dotenv": "^17.4.2",
-    "gray-matter": "^4.0.3",
-    "jsonc-parser": "3.3.1",
-    "katex": "^0.16.47",
-    "mermaid": "^11.16.0",
-    "pagefind": "^1.5.2",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "rehype-katex": "^7.0.1",
-    "remark-math": "^6.0.0",
-    "shiki": "^4.3.1",
-    "tailwindcss": "^4.3.2",
-    "zod": "^4.4.3"
-  },
-  "engines": {
-    "node": ">=22.12.0"
-  },
-  "devDependencies": {
-    "esbuild": "0.28.2"
-  }
+{
+  "name": "@writedocs/generator",
+  "version": "0.7.1",
+  "description": "Static site generator for docs — a writedocs.json + MDX folder in, a static site out.",
+  "type": "module",
+  "bin": {
+    "writedocs": "./bin/writedocs.js"
+  },
+  "exports": {
+    "./components": "./src/components/index.ts",
+    "./config-schema": "./src/lib/config-schema.js",
+    "./writedocs.schema.json": "./writedocs.schema.json"
+  },
+  "files": [
+    "bin",
+    "src",
+    "astro.config.mjs",
+    "writedocs.schema.json"
+  ],
+  "scripts": {
+    "dev": "node bin/writedocs.js dev",
+    "build": "node bin/writedocs.js build",
+    "init": "node bin/writedocs.js init",
+    "build:schema": "esbuild src/lib/config-schema.ts --format=esm --target=node22 --outfile=src/lib/config-schema.js",
+    "prepare": "npm run build:schema && npm run build:json-schema",
+    "test": "node --test \"scripts/*.test.js\"",
+    "build:json-schema": "node scripts/build-json-schema.mjs"
+  },
+  "keywords": [
+    "docs",
+    "documentation",
+    "static-site-generator",
+    "mdx",
+    "astro"
+  ],
+  "homepage": "https://github.com/writedocs/writedocs#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/writedocs/writedocs.git"
+  },
+  "bugs": {
+    "url": "https://github.com/writedocs/writedocs/issues"
+  },
+  "author": "Gabriel Raeder",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@apidevtools/swagger-parser": "^12.1.0",
+    "@astrojs/markdown-remark": "7.2.4",
+    "@astrojs/mdx": "^7.0.5",
+    "@astrojs/react": "^6.0.2",
+    "@astrojs/sitemap": "^3.7.3",
+    "@iconify-json/bi": "^1.2.7",
+    "@iconify-json/fa6-brands": "^1.2.6",
+    "@iconify-json/fa6-solid": "^1.2.4",
+    "@iconify-json/heroicons": "^1.2.3",
+    "@iconify-json/ion": "^1.2.7",
+    "@iconify-json/lucide": "^1.2.116",
+    "@iconify-json/mdi": "^1.2.3",
+    "@iconify-json/ri": "^1.2.10",
+    "@iconify-json/simple-icons": "^1.2.89",
+    "@iconify-json/tabler": "^1.2.35",
+    "@mdx-js/mdx": "^3.1.1",
+    "@shikijs/transformers": "^4.3.1",
+    "@tailwindcss/vite": "^4.3.2",
+    "astro": "7.2.9",
+    "astro-icon": "^1.1.5",
+    "commander": "^15.0.0",
+    "dotenv": "^17.4.2",
+    "gray-matter": "^4.0.3",
+    "jsonc-parser": "3.3.1",
+    "katex": "^0.16.47",
+    "mermaid": "^11.16.0",
+    "pagefind": "^1.5.2",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "rehype-katex": "^7.0.1",
+    "remark-math": "^6.0.0",
+    "shiki": "^4.3.1",
+    "tailwindcss": "^4.3.2",
+    "zod": "^4.4.3"
+  },
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "devDependencies": {
+    "esbuild": "0.28.2"
+  }
 }

package/src/cli/convert.js

@@ -1,24 +1,48 @@
-// `writedocs convert --mintlify [dir]` - turns a Mintlify project's
-// docs.json into writedocs.json, in the same folder, then checks the pages
-// the same way `writedocs validate` does. The conversion itself is
-// lib/mintlify-convert.js; this file is the CLI around it.
+// `writedocs convert --mintlify [dir]` / `--writedocs [dir]` - turns a
+// Mintlify project's docs.json, or a config.json from the previous writedocs,
+// into writedocs.json, in the same folder, then checks the pages the same way
+// `writedocs validate` does. The conversions themselves are
+// lib/mintlify-convert.js and lib/writedocs-legacy-convert.js; this file is
+// the CLI around them.
 import fs from 'node:fs';
 import path from 'node:path';
 import { loadMintlifyConfig, convertMintlifyConfig, formatNotes } from '../lib/mintlify-convert.js';
+import { loadLegacyConfig, convertLegacyConfig } from '../lib/writedocs-legacy-convert.js';
 import { validateDocsConfig, formatValidationIssuesDetailed } from '../lib/config-schema.js';
 import { checkContent, formatContentIssues } from '../lib/content-check.js';
 import { log, step, plural, color, displayPath, CliExit } from './output.js';
 
-export async function runConvert({ contentDir, force = false, dryRun = false }) {
-  const docsJsonPath = path.join(contentDir, 'docs.json');
-  if (!fs.existsSync(docsJsonPath)) {
-    const legacy = path.join(contentDir, 'mint.json');
-    if (fs.existsSync(legacy)) {
-      log.error("Found mint.json, Mintlify's older config format.");
-      log.detail(color.dim(`Run "npx mint upgrade" in ${contentDir} to turn it into docs.json, then run this again.`));
-    } else {
-      log.error(`No docs.json found in ${contentDir}`);
-    }
+const SOURCES = {
+  mintlify: {
+    file: 'docs.json',
+    load: loadMintlifyConfig,
+    convert: async (input) => convertMintlifyConfig(input),
+    missing(contentDir) {
+      if (fs.existsSync(path.join(contentDir, 'mint.json'))) {
+        log.error("Found mint.json, Mintlify's older config format.");
+        log.detail(color.dim(`Run "npx mint upgrade" in ${contentDir} to turn it into docs.json, then run this again.`));
+      } else {
+        log.error(`No docs.json found in ${contentDir}`);
+      }
+    },
+    domainHint: '(Mintlify sets this in its dashboard, not docs.json.)',
+  },
+  writedocs: {
+    file: 'config.json',
+    load: loadLegacyConfig,
+    convert: (input, contentDir) => convertLegacyConfig(input, contentDir),
+    missing(contentDir) {
+      log.error(`No config.json found in ${contentDir}`);
+    },
+    domainHint: '(config.json had no field for it.)',
+  },
+};
+
+export async function runConvert({ source = 'mintlify', contentDir, force = false, dryRun = false }) {
+  const from = SOURCES[source];
+  const inputPath = path.join(contentDir, from.file);
+  if (!fs.existsSync(inputPath)) {
+    from.missing(contentDir);
     throw new CliExit(1);
   }
   const outPath = path.join(contentDir, 'writedocs.json');
@@ -28,15 +52,15 @@ export async function runConvert({ contentDir, force = false, dryRun = false })
     throw new CliExit(1);
   }
 
-  let docs;
+  let input;
   try {
-    docs = loadMintlifyConfig(docsJsonPath);
+    input = from.load(inputPath);
   } catch (err) {
-    log.error(`Couldn't read ${displayPath(docsJsonPath)}: ${err.message}`);
+    log.error(`Couldn't read ${displayPath(inputPath)}: ${err.message}`);
     throw new CliExit(1);
   }
 
-  const { config, notes } = convertMintlifyConfig(docs);
+  const { config, notes } = await from.convert(input, contentDir);
   const text = `${JSON.stringify(config, null, 2)}\n`;
 
   // The result must pass writedocs' own schema - if it doesn't, that's a
@@ -54,7 +78,7 @@ export async function runConvert({ contentDir, force = false, dryRun = false })
     log.line(text);
   } else {
     fs.writeFileSync(outPath, text);
-    log.success(`Converted ${path.basename(docsJsonPath)} to ${color.bold(displayPath(outPath))}`);
+    log.success(`Converted ${from.file} to ${color.bold(displayPath(outPath))}`);
   }
 
   if (notes.length) {
@@ -87,7 +111,7 @@ export async function runConvert({ contentDir, force = false, dryRun = false })
   else log.success(summary);
   if (!config.domain) {
     log.info(
-      'Next: set "domain" in writedocs.json to your site\'s URL - it turns on sitemap.xml and absolute links for social previews. (Mintlify sets this in its dashboard, not docs.json.)'
+      `Next: set "domain" in writedocs.json to your site's URL - it turns on sitemap.xml and absolute links for social previews. ${from.domainHint}`
     );
   }
 }

package/src/cli/generate-api-pages.js

@@ -168,6 +168,28 @@ function buildOperations(spec) {
   return operations;
 }
 
+/** An operation as JSON. A recursive schema - a tree whose nodes contain
+ *  nodes - dereferences into a cycle (SwaggerParser.dereference() resolves
+ *  the $ref to the very same object), which JSON can't hold and the API
+ *  pages couldn't render anyway. Where a schema would contain itself, a
+ *  short stand-in takes its place: its type and title, marked
+ *  x-circular. Shared, non-recursive schemas are written in full each time,
+ *  as before. */
+function operationJson(operation) {
+  const ancestors = [];
+  const cut = (node) => {
+    if (node === null || typeof node !== 'object') return node;
+    if (ancestors.includes(node)) {
+      return { ...(node.type ? { type: node.type } : {}), ...(node.title ? { title: node.title } : {}), 'x-circular': true };
+    }
+    ancestors.push(node);
+    const out = Array.isArray(node) ? node.map(cut) : Object.fromEntries(Object.entries(node).map(([k, v]) => [k, cut(v)]));
+    ancestors.pop();
+    return out;
+  };
+  return JSON.stringify(cut(operation), null, 2);
+}
+
 function rmrf(dir) {
   fs.rmSync(dir, { recursive: true, force: true });
 }
@@ -233,7 +255,7 @@ async function generateApiPagesForGroup({ contentDir, generatedDocsDir, group, o
     manifest.push({ slug, method: operation.method, path: operation.path, tags: operation.tags, title, generated });
 
     const opFile = path.join(openapiOutDir, 'operations', operationFileName(operation.method, operation.path));
-    fs.writeFileSync(opFile, JSON.stringify(operation, null, 2));
+    fs.writeFileSync(opFile, operationJson(operation));
   }
 
   fs.writeFileSync(path.join(openapiOutDir, 'manifest.json'), JSON.stringify(manifest, null, 2));
@@ -355,7 +377,7 @@ async function parsePageSpecs({ contentDir, openapiOutDir, groupSpecs, summary }
     const outDir = path.join(openapiOutDir, '_pages', specDirName(spec), 'operations');
     fs.mkdirSync(outDir, { recursive: true });
     for (const operation of operations) {
-      fs.writeFileSync(path.join(outDir, operationFileName(operation.method, operation.path)), JSON.stringify(operation, null, 2));
+      fs.writeFileSync(path.join(outDir, operationFileName(operation.method, operation.path)), operationJson(operation));
     }
     summary.pageSpecs.push({ spec, operations: operations.length });
   }

package/src/layout/BaseLayout.astro

@@ -220,19 +220,9 @@ const darkNavbarFgMuted = darkNavbarConfigured
 // design choice, unlike text color above), falling back to the sitewide
 // --wd-primary (today's exact behavior) when unset - a site that sets a
 // navbar background but no accent keeps its ordinary brand-colored
-// active-tab fill exactly as before.
+// active-tab underline.
 const lightNavbarAccent = navLight.accent ?? lightPrimary;
 const darkNavbarAccent = navDark.accent ?? darkPrimary;
-// --wd-navbar-accent-text: the active tab's own text color, painted on top
-// of --wd-navbar-accent above. Hardcoded to white before this feature
-// existed, which only ever looked right because every accent color in
-// practice (always --wd-primary until now) happened to be dark/saturated
-// enough for white text - contrastTextColor() (lib/config.ts) picks
-// black or white by actual luminance instead, so a light `accent` (e.g.
-// a pale one against a dark navbar) still gets legible active-tab text
-// rather than assuming white always works.
-const lightNavbarAccentText = contrastTextColor(lightNavbarAccent);
-const darkNavbarAccentText = contrastTextColor(darkNavbarAccent);
 // --wd-navbar-border: the switcher pills' (version/language/product) own
 // border. Never the flat --wd-border (a fixed neutral gray/slate tuned for
 // sitting on the page background) once navbar is configured - that reads
@@ -249,6 +239,14 @@ const lightNavbarBorder = lightNavbarConfigured
 const darkNavbarBorder = darkNavbarConfigured
   ? `color-mix(in srgb, ${darkNavbarFg} 25%, transparent)`
   : 'var(--wd-border)';
+// --wd-navbar-hover: a topbar tab's background on hover. On a navbar with
+// the page's own background, the sidebar's hover tint (NavTree.astro) -
+// the same 6% of --wd-primary. A configured navbar can *be* the primary
+// color, where that tint would vanish, so there it's a light tint of the
+// navbar's own contrast-correct text color instead, like --wd-navbar-border.
+const sidebarHover = 'color-mix(in srgb, var(--wd-primary) 6%, transparent)';
+const lightNavbarHover = lightNavbarConfigured ? `color-mix(in srgb, ${lightNavbarFg} 12%, transparent)` : sidebarHover;
+const darkNavbarHover = darkNavbarConfigured ? `color-mix(in srgb, ${darkNavbarFg} 12%, transparent)` : sidebarHover;
 // The <body> canvas's own paint - same color as --wd-background above
 // (there's only one background color to configure now), plus an optional
 // image layered on top. `images.light`/`.dark` are plain public/-relative
@@ -517,8 +515,8 @@ const fontExtraCss = [fontFaceCss, fontWeightCss].filter(Boolean).join('\n');
         wdNavbarFgLight: lightNavbarFg,
         wdNavbarFgMutedLight: lightNavbarFgMuted,
         wdNavbarAccentLight: lightNavbarAccent,
-        wdNavbarAccentTextLight: lightNavbarAccentText,
         wdNavbarBorderLight: lightNavbarBorder,
+        wdNavbarHoverLight: lightNavbarHover,
         wdPageBgColorLight: lightPageBgColor,
         wdPageBgImageLight: lightPageBgImage,
         wdFontFamily,
@@ -531,8 +529,8 @@ const fontExtraCss = [fontFaceCss, fontWeightCss].filter(Boolean).join('\n');
         wdNavbarFgDark: darkNavbarFg,
         wdNavbarFgMutedDark: darkNavbarFgMuted,
         wdNavbarAccentDark: darkNavbarAccent,
-        wdNavbarAccentTextDark: darkNavbarAccentText,
         wdNavbarBorderDark: darkNavbarBorder,
+        wdNavbarHoverDark: darkNavbarHover,
         wdPageBgColorDark: darkPageBgColor,
         wdPageBgImageDark: darkPageBgImage,
       }}
@@ -545,8 +543,8 @@ const fontExtraCss = [fontFaceCss, fontWeightCss].filter(Boolean).join('\n');
         --wd-navbar-foreground: var(--wdNavbarFgLight);
         --wd-navbar-foreground-muted: var(--wdNavbarFgMutedLight);
         --wd-navbar-accent: var(--wdNavbarAccentLight);
-        --wd-navbar-accent-text: var(--wdNavbarAccentTextLight);
         --wd-navbar-border: var(--wdNavbarBorderLight);
+        --wd-navbar-hover: var(--wdNavbarHoverLight);
         --wd-page-bg-color: var(--wdPageBgColorLight);
         --wd-page-bg-image: var(--wdPageBgImageLight);
         --wd-text-muted: #64748b;
@@ -572,8 +570,8 @@ const fontExtraCss = [fontFaceCss, fontWeightCss].filter(Boolean).join('\n');
         --wd-navbar-foreground: var(--wdNavbarFgDark);
         --wd-navbar-foreground-muted: var(--wdNavbarFgMutedDark);
         --wd-navbar-accent: var(--wdNavbarAccentDark);
-        --wd-navbar-accent-text: var(--wdNavbarAccentTextDark);
         --wd-navbar-border: var(--wdNavbarBorderDark);
+        --wd-navbar-hover: var(--wdNavbarHoverDark);
         --wd-page-bg-color: var(--wdPageBgColorDark);
         --wd-page-bg-image: var(--wdPageBgImageDark);
         --wd-text-muted: #94a3b8;

package/src/layout/styles/topbar.css

@@ -37,9 +37,8 @@
      (below) sits flush against this row's bottom edge (the outer
      .wd-topbar's own border-bottom, since this is the last row) rather
      than floating partway up inside a padded gap. That's what lets a
-     plain border-bottom color change read as a real underline on hover,
-     and what makes the active tab's own fill look like it's actually
-     attached to the row's bottom edge instead of a floating pill. */
+     plain border-bottom color change read as a real underline under the
+     active tab. */
   padding-bottom: 0;
 }
 .wd-topbar-brand {
@@ -139,47 +138,31 @@
   /* Rounded top corners, square bottom - reads as an actual "tab"
      attached to the row's bottom edge (see .wd-topbar-row-tabs
      .wd-topbar-inner's own comment) rather than a floating pill. Same
-     radius for every tab, active or not, so nothing needs to change
-     shape on top when a tab becomes active - only the fill/border-bottom
-     below do. */
+     radius for every tab, active or not - it also shapes the hover
+     background (below). */
   border-radius: 0.5rem 0.5rem 0 0;
-  /* Transparent by default - this is what a hover (below) or the active
-     state colors in, rather than a separate underline element. Sized to
-     land exactly on the row's own bottom edge now that this row's inner
-     wrapper has no bottom padding of its own. */
+  /* Transparent by default - the active state (below) colors it in,
+     rather than a separate underline element. Sized to land exactly on the
+     row's own bottom edge now that this row's inner wrapper has no bottom
+     padding of its own. */
   border-bottom: 2px solid transparent;
   text-decoration: none;
   color: var(--wd-navbar-foreground);
   font-size: 0.92rem;
   font-weight: 600;
 }
-/* The selected tab: a solid fill, not just a tinted background -
-   AppIcon's <svg> render mode already uses fill="currentColor" (astro-
-   icon's default), so its icon recolors along with the text; the
-   emoji/text <span> fallback inherits `color` the same way.
-   border-bottom-color matches the fill (rather than being reset to
-   transparent) so there's no 2px seam of the row's own background
-   showing between the fill and the row's bottom edge/border.
-   --wd-navbar-accent (falls back to --wd-primary - see BaseLayout.astro),
-   not a bare --wd-primary reference: without this, a site whose navbar
-   background *is* --wd-primary (a plausible "brand-colored navbar" choice
-   - the exact case that motivated this variable) would have its active
-   tab's own fill disappear into the row's background entirely. Text color
-   is --wd-navbar-accent-text (also BaseLayout.astro) rather than a
-   hardcoded #fff for the matching reason - a light accent color needs
-   dark text, not white, to stay legible on top of it. */
+/* The selected tab: just its border-bottom, in --wd-navbar-accent (falls
+   back to --wd-primary - see BaseLayout.astro), landing on the row's
+   bottom edge as an underline. No fill - the text keeps the navbar's own
+   color. */
 .wd-tab-link.active {
-  color: var(--wd-navbar-accent-text);
-  background: var(--wd-navbar-accent);
   border-bottom-color: var(--wd-navbar-accent);
 }
-/* Inactive tabs just get their border-bottom colored in on hover -
-   simpler than a separate underline element, and lines up naturally
-   with the active tab's own border-bottom above since both are the same
-   property. Text/icon color deliberately stays as-is on hover (only the
-   border appears), matching the reference this was built against. */
-.wd-tab-link:hover:not(.active) {
-  border-bottom-color: var(--wd-navbar-accent);
+/* Any tab on hover: a light background tint, the same as a sidebar item's
+   hover (see --wd-navbar-hover in BaseLayout.astro). The rounded top
+   corners above shape it. */
+.wd-tab-link:hover {
+  background: var(--wd-navbar-hover);
 }
 .wd-topbar-links {
   display: flex;

package/src/lib/config-schema.js

@@ -158,7 +158,7 @@ const stylesSchema = z.object({
   // Each side (`light`/`dark`) is either a bare string - just the
   // background color, exactly the original shape, kept for backwards
   // compatibility - or `{ background, accent? }`, for when a site also
-  // wants the navbar's own active-tab-fill/hover-underline color to
+  // wants the navbar's own active-tab underline color to
   // differ from the sitewide `styles.colors.primary` (`accent`'s only
   // job - see BaseLayout.astro's lightNavbarAccent). Deliberately no
   // text/icon color field here at all: BaseLayout.astro always resolves

package/src/lib/config-schema.ts

@@ -263,7 +263,7 @@ const logoSchema = z.union([
 // field's comment for what it now covers.
 // One side of `styles.navbar` (light or dark) - either a bare background
 // color (the original shape) or `{ background, accent? }` once a site
-// wants its own accent color (the active-tab fill / hover underline)
+// wants its own accent color (the active tab's underline)
 // inside the navbar specifically, independent of the sitewide
 // `styles.colors.primary`. Deliberately does NOT carry a text/icon color
 // field at all - see `navbar`'s own comment below (stylesSchema) for why
@@ -400,7 +400,7 @@ const stylesSchema = z
     // Each side (`light`/`dark`) is either a bare string - just the
     // background color, exactly the original shape, kept for backwards
     // compatibility - or `{ background, accent? }`, for when a site also
-    // wants the navbar's own active-tab-fill/hover-underline color to
+    // wants the navbar's own active-tab underline color to
     // differ from the sitewide `styles.colors.primary` (`accent`'s only
     // job - see BaseLayout.astro's lightNavbarAccent). Deliberately no
     // text/icon color field here at all: BaseLayout.astro always resolves

package/src/lib/content-check.js

@@ -10,6 +10,8 @@
 //   - writedocs.json's navigation lists a page that doesn't exist
 //   - a redirect is a pattern (`/old/:slug`) rather than one exact path
 //   - a Markdown image with a relative path names a file that doesn't exist
+//   - an import the build can't resolve: a Docusaurus path (@site/...), or a
+//     relative or /snippets/ import of a file that isn't there
 //   - an OpenAPI group's spec is missing or doesn't parse, or two groups
 //     share one `openapi.path`
 // Warnings - the build succeeds, but not as written:
@@ -129,6 +131,45 @@ async function checkPage(contentDir, rel, errors, warnings, openapiRefs) {
     );
     return;
   }
+  // Imports the build can't resolve fail it: Docusaurus' path aliases
+  // (common in pages from the previous writedocs), and a relative or
+  // /snippets/ import of a file that isn't there. Package imports aren't
+  // checked - whether they resolve depends on what's installed.
+  visit(tree, 'mdxjsEsm', (node) => {
+    const code = String(node.value ?? '');
+    for (const m of code.matchAll(/\b(?:import|export)\b[^'";]*?\bfrom\s*['"]([^'"]+)['"]|\bimport\s*['"]([^'"]+)['"]/g)) {
+      const spec = m[1] ?? m[2];
+      const at = node.position?.start?.line ? node.position.start.line + lineOffset + code.slice(0, m.index).split('\n').length - 1 : undefined;
+      if (/^@(site|theme|docusaurus|generated)(\/|$)/.test(spec)) {
+        errors.push(
+          issue(
+            rel,
+            at,
+            `Imports "${spec}", a Docusaurus path - the build fails on it.`,
+            /^@site\/src\/components\/?$/.test(spec)
+              ? "writedocs' components (Card, Callout, Tabs, Accordion, ...) need no import - remove this line."
+              : spec.startsWith('@site/src/components/')
+                ? 'A custom component of the old site - move it into a snippet (snippets/), or remove it and what uses it.'
+                : 'Remove the import, and what uses it.'
+          )
+        );
+        continue;
+      }
+      let target = null;
+      if (spec.startsWith('./') || spec.startsWith('../')) target = path.resolve(path.dirname(path.join(contentDir, rel)), spec);
+      else if (spec.startsWith('/snippets/')) target = path.join(contentDir, spec);
+      if (!target) continue;
+      const exists = ['', '.mdx', '.md', '.js', '.jsx', '.ts', '.tsx', '.json'].some((ext) => {
+        try {
+          return fs.statSync(target + ext).isFile();
+        } catch {
+          return false;
+        }
+      });
+      if (!exists) errors.push(issue(rel, at, `Imports ${spec}, which doesn't exist - the build fails on it.`));
+    }
+  });
+
   // A Markdown image with a relative path is imported by the build (Astro's
   // image pipeline), so a missing file fails the whole build.
   visit(tree, 'image', (node) => {