How xvistasss/netspeed works
Net Speed Test is a browser-based network diagnostics app. Users start a test in the dashboard; its React state hook runs measurement work in a Web Worker and presents speed, latency, jitter, packet-loss, and quality details. The README documents Cloudflare edge testing and additional diagnostic views. The sampled code confirms worker calculations, location lookup, and dashboard rendering; some API and content wiring is inferred only from documented capabilities and the file tree, so uncertain connections are omitted.
Main entry points: useSpeedTest.ts Test state · SpeedTest.tsx Test dashboard · speedtest.worker.ts Test worker · index.astro Test page
Components 22
Test experience
- Test page
src/pages/index.astro - Test dashboard
src/speed-test/components/SpeedTest.tsx - Test state
src/speed-test/hooks/useSpeedTest.ts - Detailed metrics
src/speed-test/components/DetailedMeasurements.tsx - Quality scores
src/speed-test/components/QualityScores.tsx - Technical logs
src/speed-test/components/TechnicalLogs.tsx - Terminal view
src/speed-test/components/TerminalSimulator.tsx
Measurement engine
- Test worker
src/speed-test/worker/speedtest.worker.ts - Measurement utilities
src/speed-test/utils/speedTestUtils.ts - Test configuration
src/speed-test/utils/speedTestConfig.ts - Edge selection
src/speed-test/utils/serverSelection.ts
Location services
- IP geolocation API
src/pages/api/ip-geo.ts
Site content
- Blog index
src/pages/blog/index.astro - Blog posts
src/pages/blog/[...slug].astro - Blog content
src/content/blog - Info pages
src/pages/how-it-works.astro - Contact page
src/pages/contact.astro - Contact endpoint
src/pages/api/contact.ts
Other components
- Visitor
- Cloudflare test edge
- IP lookup providers
- Reverse geocoder
Connections 22
- Visitor → Test page: opens
- Test page → Test dashboard: renders
- Test dashboard → Test state: starts test
- Test state → Test worker: dispatches test
- Test worker → Cloudflare test edge: measures traffic
- Test worker → Measurement utilities: uses calculations
- Test state → Measurement utilities: calculates summaries
- Test state → Edge selection: selects edge
- Test state → IP geolocation API: requests location
- IP geolocation API → IP lookup providers: looks up IP
- Test state → Reverse geocoder: reverse geocodes
- Test state → Test dashboard: updates results
- Test dashboard → Detailed metrics: shows metrics
- Test dashboard → Quality scores: shows grades
- Test dashboard → Technical logs: shows logs
- Test dashboard → Terminal view: shows terminal
- Visitor → Blog index: browses
- Blog index → Blog posts: opens post
- Blog posts → Blog content: reads posts
- Visitor → Info pages: reads guidance
- Visitor → Contact page: opens
- Contact page → Contact endpoint: submits message