Copy some types from the backend

webif/src/lib/types.ts

@@ -0,0 +1,37 @@
+export enum SensorType {
+  Iotawatt = 'iotawatt',
+  Shelly = 'shelly',
+  Virtual = 'virtual',
+  Unmetered = 'unmetered',
+  Dummy = 'dummy',
+}
+
+export interface PowerSensor {
+  type: SensorType
+}
+
+export enum CircuitType {
+  Main = 'main',
+  Circuit = 'circuit',
+}
+
+export type Circuit = {
+  name: string
+  type: CircuitType // resolved during parsing
+  parent?: Circuit // resolved to the circuit in question
+  children: Circuit[] // resolved from parent
+  phase?: string // resolved from parent
+  hidden?: boolean // defaults to false
+  sensor: PowerSensor
+  group?: string
+}
+
+export type PowerSensorData = {
+  timestamp: number
+  circuit: Circuit
+  // Mandatory data. Undefined means the data was not available.
+  power?: number
+  // Optional data, not all sensor types support them
+  apparentPower?: number
+  powerFactor?: number
+}

webif/src/routes/Circuits.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
   import { formatPf } from '$lib/format'
+  import type { PowerSensorData } from '$lib/types'
 
-  export let sensorData: any[]
+  export let sensorData: PowerSensorData[]
 </script>
 
 <table class="pure-table pure-table-striped">

webif/src/routes/group/[group]/+page.svelte

@@ -3,12 +3,13 @@
   import { circuitSensorDataStore } from '$lib/stores'
   import Circuits from '../../Circuits.svelte'
   import { derived } from 'svelte/store'
+  import type { PowerSensorData } from '$lib/types'
 
   // Create a derived store containing the sensor data for just the circuits belonging
   // to the current group
   const group = $page.params?.group
   let groupSensorData = derived(circuitSensorDataStore, (data) => {
-    return data.filter((data: any) => data.circuit.group === group)
+    return data.filter((data: PowerSensorData) => data.circuit.group === group)
   })
 </script>