Files
meshstream/web
Daniel Pupius 7e173c1b63 Fix NodeLocationMap height and always show center dot
- Pass fullHeight to NodeLocationMap in NodeDetail so it fills the
  h-[400px] wrapper rather than rendering its own h-[300px] and
  leaving dead space below
- Always show the center dot in NodeLocationMap: the previous threshold
  (accuracyMeters < 100) suppressed the dot for typical Meshtastic
  precision values (10-13 bits → 2-10km accuracy), making the map
  appear empty even when a location was known

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-15 23:43:03 +00:00
..
2025-04-29 12:12:41 -07:00
2025-04-22 16:42:22 -07:00
2025-04-22 13:26:35 -07:00

Meshstream Web Interface

This is the web interface for the Meshstream application, which provides a real-time view of Meshtastic network traffic.

Technologies Used

  • Vite
  • React
  • TypeScript
  • Redux Toolkit
  • Tailwind CSS
  • Tanstack Router

Development

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

Structure

  • src/components/ - React components
  • src/routes/ - Tanstack Router route components
  • src/store/ - Redux store and slices
  • src/hooks/ - Custom React hooks
  • src/lib/ - Utility functions and API clients
  • src/styles/ - CSS styles
  • src/assets/ - Static assets like images

API

The application communicates with the Meshstream server via:

  • REST API endpoints at /api/...
  • Server-Sent Events (SSE) connection at /api/stream

See src/lib/api.ts for more details on the API client implementation.