47 lines
938 B
Markdown
47 lines
938 B
Markdown
# MeshMap Frontend
|
|
|
|
Vue 3 + TypeScript + Vite frontend for the Meshtastic MQTT server.
|
|
|
|
## Features
|
|
|
|
- Left panel: recent chat messages
|
|
- Right panel: Leaflet/OpenStreetMap node map
|
|
- Bottom panel: selected node details, recent messages, and recent positions
|
|
|
|
The app uses relative `/api` URLs. In development, Vite proxies `/api` to the Go backend.
|
|
|
|
## Development
|
|
|
|
Start the Go backend:
|
|
|
|
```bash
|
|
go run . --web-host 127.0.0.1 --web-port 8080
|
|
```
|
|
|
|
Start the frontend dev server:
|
|
|
|
```bash
|
|
cd meshmap_frontend
|
|
npm install
|
|
npm run dev
|
|
```
|
|
|
|
## Production build
|
|
|
|
```bash
|
|
cd meshmap_frontend
|
|
npm run build
|
|
```
|
|
|
|
The build output is written to the repository root `dist/` directory, which is served by the Gin backend.
|
|
|
|
## Map tiles
|
|
|
|
The map uses Leaflet with OpenStreetMap tiles:
|
|
|
|
```text
|
|
https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png
|
|
```
|
|
|
|
Network access to the tile server is required unless this is changed to a local tile source later.
|