Detent web components
By Shane Logsdon

Architecture

How the site is built from the catalog, the route table and the component library, and the checks that run.

How this site is built

  1. catalog/components.json is the only component list: 136 rows (131 upstream + 5 native-only) with tag, class, phase, API surface and status.
  2. catalog/routes.json is the only route table: 203 entries, including 44 redirect aliases recorded on the page they resolve to.
  3. scripts/build-site.ts renders this page set; scripts/build-library.ts emits each component as an independently importable ES module with a measured size.
  4. Search, panel switching and copy feedback are enhancements layered on readable HTML: with JavaScript unavailable every page still carries its headings, API tables, source and usage text.

Checks that run

node scripts/audit-catalog.ts
node --test tests/unit
npm run check

Documentation pages

Component reference

Every catalogued component has a page at /components/<slug>/; start from the component directory.

Routes

A static host also serves this file at these recorded paths.

Docs

Components

Project