clay / claycli / 29491418940

87%

master: 87%

push

github

🍕 vite: preload the view-mode startup graph + on-page component chunks

The Vite view bootstrap mounts components by scanning the DOM and import()-ing
each component's client.js at runtime. Those dynamic chunks aren't referenced by
any tag in the server-rendered HTML, so the browser can't start fetching a
component's client (nav, header, …) or its deps (auth, gtm, shared chunks) until
the deferred bootstrap has downloaded, executed, and called import() — a load
waterfall that visibly delays JS-gated UI like the global nav.

- buildManifest now keys dynamic entries (components/<name>/client,
  layouts/<name>/client), not just the bootstrap/kiln entries, so the server can
  look up a page's component chunks.
- getViteModulePreloads now returns the bootstrap PLUS its static import chunks
  (globals-init, env-init, shared chunks) so the whole synchronous startup graph
  is preloaded during HTML parse.
- new getComponentPreloads(names, assetPath) returns each component's client
  chunk + static imports (de-duped) for the server to merge into
  media.modulePreloads.

Consumed by nymag/sites resolve-media.js (stacked PR). Docs: CLAY-VITE.md §4d.
Tests: lib/cmd/vite/index.test.js, lib/cmd/vite/scripts.test.js.

Co-authored-by: Cursor <cursoragent@cursor.com>

760 of 942 branches covered (80.68%)

Branch coverage included in aggregate %.

2 of 2 new or added lines in 1 file covered. (100.0%)

1623 of 1793 relevant lines covered (90.52%)

10.84 hits per line