Darkages/SpotMicroESP32-Leika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ Moves analytics subscription handling to store

Browse Source
This commit is contained in:
Rune Harlyk
2026-01-03 17:41:42 +01:00
committed by nikguin04
parent 39f9e47e59
commit a31e001eb5
6 changed files with 128 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/lib/stores/analytics.ts
+22 -7
View File
@@ -1,19 +1,34 @@
import { AnalyticsData } from '$lib/platform_shared/message'
import { writable } from 'svelte/store'
const analytics_data: AnalyticsData[] = []
import { socket } from './socket'
const maxAnalyticsData = 100
function createAnalytics() {
const { subscribe, update } = writable(analytics_data)
const { subscribe, update } = writable<AnalyticsData[]>([])
let unsubscribe: (() => void) | null = null
let listenerCount = 0
const addData = (content: AnalyticsData) => {
update(data => [...data, content].slice(-maxAnalyticsData))
}
return {
subscribe,
addData: (content: AnalyticsData) => {
update(analytics_data => {
return [...analytics_data, content].slice(-maxAnalyticsData)
})
addData,
listen: () => {
listenerCount++
if (!unsubscribe) {
unsubscribe = socket.on(AnalyticsData, addData)
}
},
stop: () => {
listenerCount = Math.max(0, listenerCount - 1)
if (listenerCount === 0 && unsubscribe) {
unsubscribe()
unsubscribe = null
}
}
}
}
app/src/lib/types/models.ts
+50
View File
@@ -1,3 +1,53 @@
export enum MessageTopic {
imu = 'imu',
imuCalibrate = 'imuCalibrate',
mode = 'mode',
input = 'input',
analytics = 'analytics',
position = 'position',
angles = 'angles',
i2cScan = 'i2cScan',
peripheralSettings = 'peripheralSettings',
otastatus = 'otastatus',
gait = 'walk_gait',
servoState = 'servoState',
servoPWM = 'servoPWM',
WiFiSettings = 'WiFiSettings',
sonar = 'sonar',
rssi = 'rssi'
}
export type WifiStatus = {
status: number
local_ip: string
mac_address: string
rssi: number
ssid: string
bssid: string
channel: number
subnet_mask: string
gateway_ip: string
dns_ip_1: string
dns_ip_2?: string
}
export type KnownNetworkItem = {
ssid: string
password: string
static_ip_config: boolean
local_ip?: string
subnet_mask?: string
gateway_ip?: string
dns_ip_1?: string
dns_ip_2?: string
}
export type WifiSettings = {
hostname: string
priority_RSSI: boolean
wifi_networks: KnownNetworkItem[]
}
export type vector = { x: number; y: number }
export type GithubRelease = {
app/src/routes/+layout.svelte
+10 -26
View File
@@ -10,7 +10,6 @@
import Statusbar from '../lib/components/statusbar/statusbar.svelte'
import {
telemetry,
analytics,
kinematicData,
mode,
input,
@@ -22,13 +21,11 @@
walkGait
} from '$lib/stores'
import {
AnalyticsData,
AnglesData,
DownloadOTAData,
HumanInputData,
KinematicData,
ModeData,
PingMsg,
RSSIData,
SonarData,
WalkGaitData
@@ -68,23 +65,14 @@
const eventListeners: (() => void)[] = []
const addEventListeners = () => {
eventListeners.push(
...[
socket.onEvent('open', handleOpen),
socket.onEvent('close', handleClose),
socket.onEvent('error', handleError),
socket.on(RSSIData, data => telemetry.setRSSI(data)),
socket.on(ModeData, data => mode.set(data)),
socket.on(AnalyticsData, data => {
// console.log(data);
analytics.addData(data)
}),
socket.on(AnglesData, data => {
servoAngles.set(data)
}),
socket.on(PingMsg, data => {
console.log('Ping received!')
})
]
socket.onEvent('open', handleOpen),
socket.onEvent('close', handleClose),
socket.onEvent('error', handleError),
socket.on(RSSIData, data => telemetry.setRSSI(data)),
socket.on(ModeData, data => mode.set(data)),
socket.on(AnglesData, data => {
servoAngles.set(data)
})
)
features.subscribe(data => {
if (data?.download_firmware)
@@ -96,14 +84,10 @@
}
const removeEventListeners = () => {
for (let offFunction of eventListeners) {
offFunction()
}
eventListeners.forEach(offFunction => offFunction())
}
const handleOpen = () => {
notifications.success('Connection to device established', 5000)
}
const handleOpen = () => notifications.success('Connection to device established', 5000)
const handleClose = () => {
notifications.error('Connection to device lost', 5000)
app/src/routes/system/metrics/SystemMetrics.svelte
+7 -2
View File
@@ -1,5 +1,5 @@
<script lang="ts">
import { onMount } from 'svelte'
import { onMount, onDestroy } from 'svelte'
import SettingsCard from '$lib/components/SettingsCard.svelte'
import { slide } from 'svelte/transition'
import { cubicOut } from 'svelte/easing'
@@ -21,6 +21,7 @@
let temperatureChart: Chart
onMount(() => {
analytics.listen()
heapChart = new Chart(heapChartElement, {
type: 'line',
data: {
@@ -221,9 +222,13 @@
setInterval(updateData, 500)
})
onDestroy(() => analytics.stop())
function updateData() {
heapChart.data.labels = $analytics.map(datapoint => datapoint.uptime)
heapChart.data.datasets[0].data = $analytics.map(datapoint => datapoint.totalHeap - datapoint.freeHeap)
heapChart.data.datasets[0].data = $analytics.map(
datapoint => datapoint.totalHeap - datapoint.freeHeap
)
heapChart.options.scales!.y!.max = Math.ceil($analytics[0]?.totalHeap ?? 0)
heapChart.update('none')
app/src/routes/wifi/sta/Wifi.svelte
+38 -44
View File
@@ -1,5 +1,4 @@
<script lang="ts">
import { onMount, onDestroy } from 'svelte'
import { modals } from 'svelte-modals'
import { slide } from 'svelte/transition'
import { cubicOut } from 'svelte/easing'
@@ -11,7 +10,7 @@
import ScanNetworks from './Scan.svelte'
import Spinner from '$lib/components/Spinner.svelte'
import InfoDialog from '$lib/components/InfoDialog.svelte'
import { socket } from '$lib/stores'
import { type KnownNetworkItem, type WifiSettings, type WifiStatus } from '$lib/types/models'
import { api } from '$lib/api'
import {
Cancel,
@@ -33,10 +32,17 @@
Edit
} from '$lib/components/icons'
import StatusItem from '$lib/components/StatusItem.svelte'
import { KnownNetworkItem } from '$lib/platform_shared/message'
import { WifiSettings, type WifiStatus } from '$lib/platform_shared/rest_message'
let networkEditable: KnownNetworkItem = $state(KnownNetworkItem.create())
let networkEditable: KnownNetworkItem = $state({
ssid: '',
password: '',
static_ip_config: false,
local_ip: undefined,
subnet_mask: undefined,
gateway_ip: undefined,
dns_ip_1: undefined,
dns_ip_2: undefined
})
let static_ip_config = $state(false)
@@ -50,7 +56,7 @@
let showWifiDetails = $state(false)
let formField: HTMLFormElement = $state()!
let formField: Record<string, unknown> = $state({})
let formErrors = $state({
ssid: false,
@@ -80,21 +86,10 @@
return
}
wifiSettings = result.inner
dndNetworkList = wifiSettings.wifiNetworks
dndNetworkList = wifiSettings.wifi_networks
return wifiSettings
}
let unsub_obj: (() => void) | undefined = undefined
onMount(() => {
unsub_obj = socket.on<WifiSettings>(WifiSettings, data => {
wifiSettings = data
dndNetworkList = wifiSettings.wifiNetworks
})
})
onDestroy(() => {
if (unsub_obj) unsub_obj()
})
async function postWiFiSettings(data: WifiSettings) {
const result = await api.post<WifiSettings>('/api/wifi/sta/settings', data)
if (result.isErr()) {
@@ -113,7 +108,7 @@
} else {
formErrorhostname = false
// Update global wifiSettings object
wifiSettings.wifiNetworks = dndNetworkList
wifiSettings.wifi_networks = dndNetworkList
// Post to REST API
postWiFiSettings(wifiSettings)
console.log(wifiSettings)
@@ -132,15 +127,15 @@
formErrors.ssid = false
}
networkEditable.staticIp = static_ip_config
networkEditable.static_ip_config = static_ip_config
if (networkEditable.staticIp) {
if (networkEditable.static_ip_config) {
// RegEx for IPv4
const regexExp =
/\b(?:(?:2(?:[0-4][0-9]|5[0-5])|[0-1]?[0-9]?[0-9])\.){3}(?:(?:2([0-4][0-9]|5[0-5])|[0-1]?[0-9]?[0-9]))\b/
// Validate gateway IP
if (!regexExp.test(networkEditable.gatewayIp!)) {
if (!regexExp.test(networkEditable.gateway_ip!)) {
valid = false
formErrors.gateway_ip = true
} else {
@@ -148,7 +143,7 @@
}
// Validate Subnet Mask
if (!regexExp.test(networkEditable.subnetMask!)) {
if (!regexExp.test(networkEditable.subnet_mask!)) {
valid = false
formErrors.subnet_mask = true
} else {
@@ -156,7 +151,7 @@
}
// Validate local IP
if (!regexExp.test(networkEditable.localIp!)) {
if (!regexExp.test(networkEditable.local_ip!)) {
valid = false
formErrors.local_ip = true
} else {
@@ -164,7 +159,7 @@
}
// Validate DNS 1
if (!regexExp.test(networkEditable.dnsIp1!)) {
if (!regexExp.test(networkEditable.dns_ip_1!)) {
valid = false
formErrors.dns_1 = true
} else {
@@ -172,8 +167,7 @@
}
// Validate DNS 2
// TODO: This is optional, make sure to handle correctly?
if (!regexExp.test(networkEditable.dnsIp2!)) {
if (!regexExp.test(networkEditable.dns_ip_2!)) {
valid = false
formErrors.dns_2 = true
} else {
@@ -215,12 +209,12 @@
networkEditable = {
ssid: '',
password: '',
staticIp: false,
localIp: undefined,
subnetMask: undefined,
gatewayIp: undefined,
dnsIp1: undefined,
dnsIp2: undefined
static_ip_config: false,
local_ip: undefined,
subnet_mask: undefined,
gateway_ip: undefined,
dns_ip_1: undefined,
dns_ip_2: undefined
}
}
@@ -306,7 +300,7 @@
<StatusItem
icon={Home}
title="IP Address"
description={wifiStatus.localIp}
description={wifiStatus.local_ip}
/>
<StatusItem icon={WiFi} title="RSSI" description={`${wifiStatus.rssi} dBm`}>
@@ -337,7 +331,7 @@
<StatusItem
icon={MAC}
title="MAC Address"
description={wifiStatus.macAddress}
description={wifiStatus.mac_address}
/>
<StatusItem
@@ -349,16 +343,16 @@
<StatusItem
icon={Gateway}
title="Gateway IP"
description={wifiStatus.gatewayIp}
description={wifiStatus.gateway_ip}
/>
<StatusItem
icon={Subnet}
title="Subnet Mask"
description={wifiStatus.subnetMask}
description={wifiStatus.subnet_mask}
/>
<StatusItem icon={DNS} title="DNS" description={wifiStatus.dnsIp1} />
<StatusItem icon={DNS} title="DNS" description={wifiStatus.dns_ip_1} />
</div>
{/if}
{/if}
@@ -475,7 +469,7 @@
>
<input
type="checkbox"
bind:checked={wifiSettings.priorityRssi}
bind:checked={wifiSettings.priority_RSSI}
class="checkbox checkbox-primary sm:-mb-5"
/>
<span class="sm:-mb-5">Connect to strongest WiFi</span>
@@ -549,7 +543,7 @@
minlength="7"
maxlength="15"
size="15"
bind:value={networkEditable.localIp}
bind:value={networkEditable.local_ip}
id="localIP"
required
/>
@@ -578,7 +572,7 @@
minlength="7"
maxlength="15"
size="15"
bind:value={networkEditable.gatewayIp}
bind:value={networkEditable.gateway_ip}
required
/>
<label class="label" for="gateway">
@@ -605,7 +599,7 @@
minlength="7"
maxlength="15"
size="15"
bind:value={networkEditable.subnetMask}
bind:value={networkEditable.subnet_mask}
required
/>
<label class="label" for="subnet">
@@ -632,7 +626,7 @@
minlength="7"
maxlength="15"
size="15"
bind:value={networkEditable.dnsIp1}
bind:value={networkEditable.dns_ip_1}
required
/>
<label class="label" for="gateway">
@@ -657,7 +651,7 @@
minlength="7"
maxlength="15"
size="15"
bind:value={networkEditable.dnsIp2}
bind:value={networkEditable.dns_ip_2}
required
/>
<label class="label" for="subnet">