mirror of https://github.com/dpup/meshstream.git synced 2026-03-28 17:42:37 +01:00

Files

Daniel Pupius a7eb73c558 Replace react-map-gl with direct maplibre-gl imperative API

react-map-gl's Source/Layer components were silently dropping layers
even after onLoad gating — likely a compatibility issue with
maplibre-gl v5. Switch all three map components to the imperative API
(new maplibregl.Map, map.on('load', ...), source.setData()) which is
the approach shown in MapLibre's own docs and has no wrapper layer.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2026-03-15 23:50:56 +00:00

fixtures

Update visualization of Telemetry Packets

2025-04-23 13:07:26 -07:00

src

Replace react-map-gl with direct maplibre-gl imperative API

2026-03-15 23:50:56 +00:00

.env.example

refactor(web): replace Google Maps with MapLibre, clean up map components

2026-03-15 20:22:12 +00:00

.eslintrc.json

Initial skeleton for web application

2025-04-22 13:26:35 -07:00

CLAUDE.md

Fix node types

2025-04-29 12:12:41 -07:00

eslint.config.js

Initial skeleton for web application

2025-04-22 13:26:35 -07:00

index.html

Fix __publicField polyfill via index.html instead of vite define

2026-03-15 23:33:35 +00:00

package.json

refactor(web): replace Google Maps with MapLibre, clean up map components

2026-03-15 20:22:12 +00:00

pnpm-lock.yaml

refactor(web): replace Google Maps with MapLibre, clean up map components

2026-03-15 20:22:12 +00:00

postcss.config.js

Working on UI

2025-04-22 16:42:22 -07:00

README.md

Initial skeleton for web application

2025-04-22 13:26:35 -07:00

tailwind.config.js

More cleanup to the node details page

2025-04-25 14:42:30 -07:00

tsconfig.json

Initial skeleton for web application

2025-04-22 13:26:35 -07:00

tsconfig.node.json

Initial skeleton for web application

2025-04-22 13:26:35 -07:00

vite.config.ts

Fix __publicField polyfill via index.html instead of vite define

2026-03-15 23:33:35 +00:00

README.md

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.