@gomani/adaptive@1.2.0
npm size budget2.0 KB / 4.0 KB ✓
@gomani/adaptive
Components declare tiered variants against a network-quality signal; the framework picks server-side, so only the chosen variant reaches the HTML (zero JavaScript). The user keeps an overriding data-saver posture.
<Adaptive full={<Artwork />} lite={<Caption />} />
API
Adaptive
function
Adaptive(props: { full: GomaniNode; lite: GomaniNode }): VNode
Render the full variant on capable connections, the lite variant on constrained/data-saver links — decided server-side, zero client JavaScript.
networkQuality
const
const networkQuality: ReadonlySignal<'full' | 'lite'>
The fused network-quality signal (Network Information API + Save-Data + measured sampling).
setDataSaver
function
setDataSaver(on: boolean): void
User-controlled data-saver override; writes the cookie the server reads and reloads.