Skip to content

feat(webkit): add NetworkMap, a decorative dotted world map with lit PoPs - #1033

Merged
isaque-bock-azion merged 8 commits into
mainfrom
feat/network-map
Oct 6, 2026
Merged

isaque-bock-azion merged 8 commits into
mainfrom
feat/network-map

Conversation

@gabriel-lisboa-azion

Copy link
Copy Markdown
Contributor

Summary

  • Adds NetworkMap (@aziontech/webkit/network-map, content category): a decorative, aria-hidden, full-bleed layer that paints a dotted world map and lights Azion's PoPs in --primary.
  • Props: region, density (none/low/medium/high), opacity, position, scale, offsetX/offsetY, fade, and an animated three-wave pulse with a motion-reduce fallback.
  • Ships with its spec, story, browser suite with axe, a 6.5 KB size budget and a catalog entry.

How to test

  1. pnpm --filter @aziontech/webkit exec vitest run src/components/content/network-map/network-map.test.ts → 55 tests pass.
  2. Storybook → Components/Content/NetworkMap → Default shows the dotted world with lit PoPs; changing region lights only that area.
  3. Densities → none is landmass only; low/medium/high light progressively more PoPs. Fades → each fade value softens toward its edge.
  4. Animated → PoPs pulse in three staggered waves; they stop under reduced motion.
  5. cd packages/webkit && node scripts/check-size.mjs → network-map ≈ 5.8 KB of 6.5 KB.

Notes

  • Decorative: needs a positioned, clipping ancestor (relative overflow-hidden).

@gabriel-lisboa-azion

Copy link
Copy Markdown
Contributor Author

Updated (5669a59): regenerated the dot grid, so the world field now draws 309 dots (was 275) and the Europe inset 48 (was 52); the test counts follow.

gabriel-lisboa-azion added a commit that referenced this pull request Oct 6, 2026
Storybook on demo/vue-sample had grown a second documentation surface:
the webkit-docs "Documentation" section beside main's
Components/Documentation, plus marketing, template and foundations
stories that live in their own PRs (#1055, #1053, the feat/marketing-*
stack, #1033) and the platform templates branch.

apps/storybook now matches origin/main byte for byte, and the storybook
importer drops @aziontech/webkit-docs from the lockfile. webkit-docs
itself stays: the sample's docs site still renders through it.

Verified: Storybook builds with 0 errors and 536 entries, and the only
documentation section left is Components/Documentation.
@isaque-bock-azion
isaque-bock-azion merged commit 9d94010 into main Oct 6, 2026
20 checks passed
@isaque-bock-azion
isaque-bock-azion deleted the feat/network-map branch October 6, 2026 22:34
@github-actions github-actions Bot mentioned this pull request Oct 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

3 participants