🎨 Renames topics

app/src/routes/peripherals/i2c/i2c.svelte

@@ -2,7 +2,7 @@
   import SettingsCard from '$lib/components/SettingsCard.svelte'
   import { onMount } from 'svelte'
   import { socket } from '$lib/stores'
-  import { Topics, type I2CDevice } from '$lib/types/models'
+  import { MessageTopic, type I2CDevice } from '$lib/types/models'
   import { Connection } from '$lib/components/icons'
   import I2CSetting from './i2cSetting.svelte'
 
@@ -24,9 +24,9 @@
   let isLoading = $state(false)
 
   onMount(() => {
-    socket.on(Topics.i2cScan, handleScan)
+    socket.on(MessageTopic.i2cScan, handleScan)
     triggerScan()
-    return () => socket.off(Topics.i2cScan, handleScan)
+    return () => socket.off(MessageTopic.i2cScan, handleScan)
   })
 
   const handleScan = (data: any) => {
@@ -43,7 +43,7 @@
 
   const triggerScan = () => {
     isLoading = true
-    socket.sendEvent(Topics.i2cScan, '')
+    socket.sendEvent(MessageTopic.i2cScan, '')
   }
 </script>
 

app/src/routes/peripherals/i2c/i2cSetting.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Cancel, Edit, EditOff, Power } from '$lib/components/icons'
   import { socket } from '$lib/stores'
-  import { Topics, type PeripheralsConfiguration } from '$lib/types/models'
+  import { MessageTopic, type PeripheralsConfiguration } from '$lib/types/models'
   import { onMount } from 'svelte'
   import { modals } from 'svelte-modals'
   import ConfirmDialog from '$lib/components/ConfirmDialog.svelte'
@@ -10,9 +10,9 @@
   let isEditing = $state(false)
 
   onMount(() => {
-    socket.on(Topics.peripheralSettings, handleSettings)
-    socket.sendEvent(Topics.peripheralSettings, '')
-    return () => socket.off(Topics.peripheralSettings, handleSettings)
+    socket.on(MessageTopic.peripheralSettings, handleSettings)
+    socket.sendEvent(MessageTopic.peripheralSettings, '')
+    return () => socket.off(MessageTopic.peripheralSettings, handleSettings)
   })
 
   const handleSettings = (data: any) => {
@@ -30,7 +30,7 @@
       },
       onConfirm: () => {
         modals.close()
-        socket.sendEvent(Topics.peripheralSettings, settings)
+        socket.sendEvent(MessageTopic.peripheralSettings, settings)
       }
     })
   }

app/src/routes/peripherals/imu/imu.svelte

@@ -6,7 +6,7 @@
   import { slide } from 'svelte/transition'
   import { onDestroy, onMount } from 'svelte'
   import { socket } from '$lib/stores'
-  import { Topics, type IMU } from '$lib/types/models'
+  import { MessageTopic, type IMU } from '$lib/types/models'
   import { useFeatureFlags } from '$lib/stores/featureFlags'
   import { Rotate3d } from '$lib/components/icons'
 
@@ -201,7 +201,7 @@
   }
 
   onMount(() => {
-    socket.on(Topics.imu, (data: IMU) => {
+    socket.on(MessageTopic.imu, (data: IMU) => {
       console.log(data)
       imu.addData(data)
     })
@@ -211,7 +211,7 @@
   })
 
   onDestroy(() => {
-    socket.off(Topics.imu)
+    socket.off(MessageTopic.imu)
     clearInterval(intervalId)
   })
 </script>

app/src/routes/peripherals/servo/servos.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { socket } from '$lib/stores'
-  import { Topics } from '$lib/types/models'
+  import { MessageTopic } from '$lib/types/models'
   import { throttler as Throttler } from '$lib/utilities'
 
   let { servoId = $bindable(0), pwm = $bindable(306) } = $props()
@@ -12,16 +12,16 @@
   const throttler = new Throttler()
 
   const activateServo = () => {
-    socket.sendEvent(Topics.servoState, { active: 1 })
+    socket.sendEvent(MessageTopic.servoState, { active: 1 })
   }
 
   const deactivateServo = () => {
-    socket.sendEvent(Topics.servoState, { active: 0 })
+    socket.sendEvent(MessageTopic.servoState, { active: 0 })
   }
 
   const updatePWM = () => {
     throttler.throttle(() => {
-      socket.sendEvent(Topics.servoPWM, { servo_id: servoId, pwm })
+      socket.sendEvent(MessageTopic.servoPWM, { servo_id: servoId, pwm })
     }, 10)
   }