add frontend visual serial port selector and remove unnecessary prints

Author: MCLiii

Backend/.gitignore

@@ -7,4 +7,7 @@ recordedData/sessions/*.bin
 recordedData/processedData/*.csv
 
 # Python
-*.egg-info
+*.egg-info
+
+# File sync
+Downloaded*/

Backend/core/comms.py

@@ -4,6 +4,7 @@
 import aiohttp
 import asyncio
 import config
+import serial
 
 import signal
 import sys
@@ -17,10 +18,11 @@
 byte_length = 0
 properties = []
 frontend_data = {}
-solar_car_connection = {'lte': False, 'udp': False}
+solar_car_connection = {'lte': False, 'udp': False, 'serial': False}
 # Convert dataformat to format string for struct conversion
 # Docs: https://docs.python.org/3/library/struct.html
 types = {'bool': '?', 'float': 'f', 'char': 'c', 'uint8': 'B', 'uint16': 'H', 'uint64': 'Q'}
+serial_port = {"device": "", 'baud': 115200}    # shared object with core_api for setting serial device from frontend
 
 def set_format(file_path: str):
     global format_string, byte_length, properties
@@ -45,7 +47,7 @@ def unpack_data(data):
 
 
 class Telemetry:
-    __tmp_data = {'tcp': b'', 'lte': b'', 'udp': b'', 'file_sync': b''}
+    __tmp_data = {'tcp': b'', 'lte': b'', 'udp': b'', 'file_sync': b'', 'serial': b''}
     latest_tstamp = 0
 
     def listen_udp(self, port: int):
@@ -140,6 +142,56 @@ def listen_tcp(self, server_addr: str, port: int):
                     solar_car_connection['tcp'] = False
                     break
 
+    def serial_read(self):
+        global frontend_data, serial_port
+        latest_tstamp = 0
+        while True:
+            curr_device = serial_port['device']
+            curr_baud = serial_port['baud']
+            print('serial', curr_device)
+            if(curr_device):
+                # Establish a serial connection)
+                ser = serial.Serial(curr_device, curr_baud)
+                # if device has been updated then exit loop and connect to new device
+                while curr_device == serial_port['device']:
+                    print('read serial')
+                    # Read data from serial port
+                    try:
+                        data = b''
+                        if(ser.in_waiting > 0):
+                            data = ser.read(ser.in_waiting)
+                        else:
+                            time.sleep(0.1)
+                        if not data:
+                            # No data received, continue listening
+                            continue
+                        print('read data')
+                        print('data:', data)
+                        packets = self.parse_packets(data, 'serial')
+                        for packet in packets:
+                            if len(packet) == byte_length:
+                                d = unpack_data(packet)
+                                latest_tstamp = time.time()
+                                try:
+                                    frontend_data = d.copy()
+                                    db.insert_data(d)
+                                except Exception as e:
+                                    print(traceback.format_exc())
+                                    continue
+                                solar_car_connection['serial'] = True
+                        if time.time() - latest_tstamp / 1000 > 5:
+                            solar_car_connection['lte'] = False
+                            break
+                    except Exception:
+                        print(traceback.format_exc())
+                        solar_car_connection['serial'] = False
+                        serial_port['device'] = ""
+                        break
+            else:
+                solar_car_connection['serial'] = False
+                # wait before retry
+                time.sleep(1)
+
     async def fetch(self, session, url):
         try:
             async with session.get(url, timeout=2) as response:
@@ -257,11 +309,12 @@ def sigint_handler(signal, frame):
 def start_comms():
     # start file sync
     p.start()
-
-
+    
     # Start two live comm channels
     vps_thread = threading.Thread(target=lambda : asyncio.run(telemetry.remote_db_fetch(config.VPS_URL)))
     vps_thread.start()
-    socket_thread = threading.Thread(target=lambda: telemetry.listen_udp(config.UDP_PORT))
+    #socket_thread = threading.Thread(target=lambda: telemetry.listen_udp(config.UDP_PORT))
+    #socket_thread.start()
+    socket_thread = threading.Thread(target=lambda: telemetry.serial_read())
     socket_thread.start()
 

Backend/core/core_api.py

@@ -1,14 +1,18 @@
 from fastapi import APIRouter
+import serial.tools.list_ports
 from . import comms
+from pydantic import BaseModel
+
 router = APIRouter()
 
 @router.get("/single-values")
 async def single_values():
-    if comms.solar_car_connection['udp'] or comms.solar_car_connection['lte']:
+    if comms.solar_car_connection['udp'] or comms.solar_car_connection['lte'] or comms.solar_car_connection['serial']:
         latest_data = comms.frontend_data
         latest_data['solar_car_connection'] = True
         latest_data['udp_status'] = comms.solar_car_connection['udp']
         latest_data['lte_status'] = comms.solar_car_connection['lte']
+        latest_data['serial_status'] = comms.solar_car_connection['serial']
         latest_data['timestamps'] = f'{latest_data["tstamp_hr"]:02d}:{latest_data["tstamp_mn"]:02d}:' \
                                     f'{latest_data["tstamp_sc"]:02d}.{latest_data["tstamp_ms"]}'
         format_data = {}
@@ -17,3 +21,23 @@ async def single_values():
         json_data = {'response': format_data}
         return json_data
     return {'response': None}
+
+
+@router.get("/serial-info")
+async def list_serial_ports():
+    """return currently connected device and all available serial device"""
+    ports = serial.tools.list_ports.comports()
+    # Extract the device name from each port object
+    return {'connected_device': {'device': comms.serial_port['device'], 'baud': comms.serial_port['baud']},
+            'all_devices': [port.device for port in sorted(ports, key=lambda port: port.device)]
+            }
+
+class SerialDevice(BaseModel):
+    device: str
+    baud: int
+
+@router.post("/connect-device")
+async def dev_conn(serial_device: SerialDevice):
+    """Connect to serial port, pass in empty device name for disconnect"""
+    comms.serial_port['device'] = serial_device.device
+    comms.serial_port['baud'] = serial_device.baud

Backend/file_sync

@@ -11,6 +11,6 @@ async def startup():
     process.start_processes()
 
 if __name__ == '__main__':
-    uvicorn.run(app='main:app', host="0.0.0.0", port=config.HOST_PORT)
+    uvicorn.run(app='main:app', host="0.0.0.0", port=config.HOST_PORT, log_level='critical')
 
 

Backend/main.py

@@ -9,5 +9,5 @@
     author='Badger Solar Racing Software Team',
     author_email='',
     description='',
-    install_requires=['uvicorn','fastapi','redis', 'numpy', 'XlsxWriter', 'pandas', 'aiohttp']
+    install_requires=['uvicorn','fastapi','redis', 'numpy', 'XlsxWriter', 'pandas', 'aiohttp', 'pyserial']
 )

Backend/setup.py

@@ -38,12 +38,8 @@ export default function Communication(props) {
         <Flex flex='auto' direction='column'>
             <HeadingCell fontSize='2.2vh' label='Communication'/>
             <Flex flex='inherit' direction='column' pl='2' pt='2' >
-                <CommsLabel
-                    boolean={props.data?.solar_car_connection[0]}
-                    label='Solar Car Connection'
-                />
                 <HStack>
-                    <Text fontSize='2vh' style={{ textIndent: 30 }}>&#160;Packet Delay: </Text>
+                    <Text fontSize='2vh'>&#160;Packet Delay: </Text>
                     <Text fontSize='2vh' backgroundColor={bgColor}>{_getFormattedPacketDelay()}</Text>
                 </HStack>
                 <CommsLabel
@@ -56,6 +52,11 @@ export default function Communication(props) {
                         boolean={props.data?.lte_status[0]}
                         label='LTE'
                 />
+                <CommsLabel
+                        indent={true}
+                        boolean={props.data?.serial_status[0]}
+                        label='Serial'
+                />
                 <CommsLabel
                     boolean={props.data?.mainIO_heartbeat[0]}
                     label='Main IO Heartbeat'

Frontend/src/Components/Communication/Communication.js

@@ -19,6 +19,7 @@ import DataRecordingControl from "./DataRecordingControl";
 import Temperature from "../Temperature/Temperature";
 import dvOptions from "./dataViewOptions";
 import getColor from "../Shared/colors";
+import SerialSelector from "../SerialSelector/SerialSelector";
 import { ROUTES } from "../Shared/misc-constants";
 import fauxQueue from "../Graph/faux-queue.json";
 
@@ -371,6 +372,18 @@ export default function Dashboard(props) {
           </Select>
           {switchDataView(dataView4)}
         </GridItem>
+        <GridItem
+          minH="min-content"
+          rowStart={4}
+          rowSpan={1}
+          colStart={1}
+          colSpan={2}
+          borderColor={borderCol}
+          borderWidth={1}
+          p={1}
+        >
+          <SerialSelector/>
+        </GridItem>
       </Grid>
       <GraphContainer
         flex="2 2 0"

Frontend/src/Components/Dashboard/Dashboard.js

@@ -0,0 +1,81 @@
+import { useEffect, useState } from "react";
+import { Select, Flex, useInterval } from "@chakra-ui/react";
+
+export default function SerialSelector() {
+    const [allDevices, setAllDevices] = useState([]);
+    const [selectedDevice, setSelectedDevice] = useState(""); // State to hold the selected device name
+    const [selectedBaud, setSelectedBaud] = useState(115200);
+
+    const refresh = () => {
+        fetch('/serial-info')
+        .then((response) => {
+            if (response.ok) {
+                return response.json();
+            } else {
+                throw new Error(`Error fetching serial port with code ${response.status}`);
+            }
+        })
+        .then((body) => {
+            setSelectedDevice(body['connected_device']['device']); // Set default device
+            setSelectedBaud(body['connected_device']['baud']);
+            setAllDevices(body['all_devices']);
+        }).catch(error => console.error('Fetch error:', error));
+    };
+
+    useInterval(refresh, 3000);
+
+    useEffect(()=> {
+        fetch("/connect-device", {
+            method: "POST",
+            body: JSON.stringify({
+                device: selectedDevice,
+                baud: selectedBaud
+            }),
+            headers: {
+                "Content-type": "application/json"
+            }
+        });
+
+    }, [selectedBaud, selectedDevice])
+
+    const getSerialPort = () => {
+        return (
+            <Select
+                placeholder='Select option'
+                width={'30%'}
+                padding={2}
+                value={selectedDevice} // Controlled component with selectedDevice as the current value
+                onChange={e => setSelectedDevice(e.target.value)} // Handler to update state on user selection
+            >
+                {allDevices.map(device => (
+                    <option key={device} value={device}>{device}</option>
+                ))}
+            </Select>
+        );
+    };
+
+    const getBaud = () => {
+        const defaultBaud = [4800, 9600, 14400, 19200, 38400, 57600, 115200, 128000, 256000];
+        return (
+            <Select
+                width={'30%'}
+                padding={2}
+                value={selectedBaud}
+                onChange={e => setSelectedBaud(e.target.value)}
+            >
+                {defaultBaud.map(baud => (
+                    <option key={baud} value={baud}>{baud}</option>
+                ))}
+            </Select>
+        )
+    }
+
+    return (
+        <Flex flex="auto" direction="row" alignItems="center" justifyContent="center">
+            <p>Serial Device:</p>
+            {getSerialPort()}
+            <p>Baud:</p>
+            {getBaud()}
+        </Flex>
+    );
+}