Rename to ADS-Bit and show receiver IP

- Rename app from "SKY WATCH" to "ADS-Bit" (8-bit wordplay)
- Update page title to "ADS-Bit - Retro Flight Tracker"
- Add receiver IPs to /api/config endpoint
- Display connected receiver IP(s) in status bar
- Update screenshot

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
root
2026-01-20 13:05:57 -08:00
parent c017636660
commit 707df72def
4 changed files with 11 additions and 4 deletions

View File

@@ -6,7 +6,7 @@
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<title>Pixel ADS-B - Retro Flight View</title> <title>ADS-Bit - Retro Flight Tracker</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
@@ -372,7 +372,7 @@
</head> </head>
<body> <body>
<div id="header"> <div id="header">
SKY WATCH ADS-Bit
</div> </div>
<div id="main-content"> <div id="main-content">
<div id="canvas-container"> <div id="canvas-container">

View File

@@ -14,6 +14,7 @@ class PixelADSB {
this.receiverLat = 0; this.receiverLat = 0;
this.receiverLon = 0; this.receiverLon = 0;
this.locationName = 'Loading...'; this.locationName = 'Loading...';
this.receivers = [];
// Flight data // Flight data
this.flights = new Map(); this.flights = new Map();
@@ -543,7 +544,9 @@ class PixelADSB {
this.receiverLat = data.location?.lat || 0; this.receiverLat = data.location?.lat || 0;
this.receiverLon = data.location?.lon || 0; this.receiverLon = data.location?.lon || 0;
this.locationName = data.location?.name || 'My Location'; this.locationName = data.location?.name || 'My Location';
this.receivers = data.receivers || [];
console.log(`Config loaded - Theme: ${this.theme}, Location: ${this.locationName} (${this.receiverLat}, ${this.receiverLon})`); console.log(`Config loaded - Theme: ${this.theme}, Location: ${this.locationName} (${this.receiverLat}, ${this.receiverLon})`);
console.log(`Receivers: ${this.receivers.join(', ') || 'none'}`);
} catch (error) { } catch (error) {
console.warn('Could not fetch config, using defaults'); console.warn('Could not fetch config, using defaults');
// Fallback to receiver-location API for backwards compatibility // Fallback to receiver-location API for backwards compatibility
@@ -666,7 +669,10 @@ class PixelADSB {
this.ws.onopen = () => { this.ws.onopen = () => {
console.log('WebSocket connected'); console.log('WebSocket connected');
document.getElementById('connection-status').textContent = 'CONNECTED'; const receiverText = this.receivers && this.receivers.length > 0
? `CONNECTED: ${this.receivers.join(', ')}`
: 'CONNECTED';
document.getElementById('connection-status').textContent = receiverText;
document.getElementById('connection-status').classList.remove('blink'); document.getElementById('connection-status').classList.remove('blink');
this.reconnectDelay = 1000; this.reconnectDelay = 1000;
}; };

Binary file not shown.

Before

Width:  |  Height:  |  Size: 262 KiB

After

Width:  |  Height:  |  Size: 264 KiB

View File

@@ -308,7 +308,8 @@ async def handle_config(request):
"""Return client-relevant configuration""" """Return client-relevant configuration"""
return web.json_response({ return web.json_response({
"theme": config.get("theme", "desert"), "theme": config.get("theme", "desert"),
"location": config["location"] "location": config["location"],
"receivers": receivers
}) })
async def handle_http(request): async def handle_http(request):