New packet sender

.gitignore

@@ -14,3 +14,8 @@ backend/cmd/cmd
 # Claude
 CLAUDE*
 .claude
+
+packet-sender/packet_sender
+packet-sender/adj/
+
+*.exe

backend/.gitignore

@@ -23,3 +23,4 @@ downloads
 audience_static
 
 cmd/adj/
+cmd/config.toml

backend/cmd/config.toml

@@ -9,24 +9,24 @@
 
 # Control Station general configuration
 [app]
-automatic_window_opening = "both" # Leave blank to open no windows (<blank>, ethernet-view, control-station, both)
+automatic_window_opening = "" # Leave blank to open no windows (<blank>, ethernet-view, control-station, both)
 
 # Vehicle Configuration
 [vehicle]
-boards = ["HVSCU", "PCU", "BLCU"]
+boards = ["HVSCU-Cabinet", "BCU", "LCU", "OBCCU", "VCU"]
 
 # ADJ (Architecture Description JSON) Configuration
 [adj]
-branch = "main" # Leave blank when using ADJ as a submodule (like this: "")
-test = true     # Enable test mode
+branch = "software" # Leave blank when using ADJ as a submodule (like this: "")
+test = true         # Enable test mode
 
 # Network Configuration
 [network]
 manual = false # Manual network device selection
 
 # Transport Configuration
 [transport]
-propagate_fault = true
+propagate_fault = false
 
 # TCP Configuration
 # These settings control how the backend reconnects to boards when connections are lost

common-front/lib/components/Connections/useConnections.ts

@@ -1,4 +1,4 @@
-import { useConnectionsStore, useMeasurementsStore, usePodDataStore, useSubscribe } from "../..";
+import { useConnectionsStore, useMeasurementsStore, usePodDataStore, useSubscribe } from "../../";
 
 export function useConnections() {
 

control-station/package.json

@@ -33,7 +33,7 @@
         "@vitejs/plugin-react": "^3.0.0",
         "sass": "^1.57.1",
         "typescript": "^4.9.3",
-        "vite": "^4.3.9",
+        "vite": "^4.5.14",
         "vite-plugin-svgr": "^2.4.0",
         "vite-tsconfig-paths": "^4.0.3"
     }

control-station/src/components/BatteryIndicator/BatteryIndicator.module.scss

@@ -0,0 +1,73 @@
+@use 'src/styles/fonts';
+
+.battery_indicator {
+    position: relative;
+
+    height: 6rem;
+    width: 15%;
+    overflow: hidden;
+
+    padding: 8px;
+
+    display: flex;
+    flex-flow: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: 4px;
+}
+
+.range_bar {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+
+    height: 100%;
+
+    box-shadow:  linear-gradient(currentColor);
+    background-color: currentColor;
+
+    transition: width 0.1s ease-in-out;
+}
+
+.name_display,
+.value_display {
+    display: flex;
+    flex-flow: row;
+    align-items: center;
+    gap: 4px;
+}
+
+.name_display {
+    width: 100%;
+}
+
+.icon {
+    max-width: 10px;
+
+    opacity: 0.8;
+}
+
+.name {
+    width: 100%;
+
+    margin: 0;
+
+    opacity: 0.8;
+
+    font-size: 14px;
+    font-style: italic;
+    font-weight: 300;
+    text-overflow: ellipsis;
+}
+
+.value,
+.units {
+    opacity: 0.8;
+
+    margin: 0;
+
+    font-size: 20px;
+    font-weight: 400;
+}
+

control-station/src/components/BatteryIndicator/BatteryIndicator.tsx

@@ -0,0 +1,95 @@
+import { useGlobalTicker } from 'common';
+import styles from './BatteryIndicator.module.scss';
+import {
+    getPercentageFromRange,
+    getStateFromRange,
+    stateToColor,
+    stateToColorBackground,
+} from 'state';
+import { memo, useContext, useEffect, useRef, useState } from 'react';
+import { LostConnectionContext } from 'services/connections';
+
+interface Props {
+    icon?: string;
+    name: string;
+    getValue: () => number;
+    safeRangeMin: number;
+    warningRangeMin: number;
+    safeRangeMax: number;
+    warningRangeMax: number;
+    units?: string;
+    color?: string;
+    backgroundColor?: string;
+    className?: string;
+}
+
+export const BatteryIndicator = memo(
+    ({
+        icon,
+        name,
+        getValue,
+        safeRangeMin,
+        warningRangeMin,
+        safeRangeMax,
+        warningRangeMax,
+        units,
+        color,
+        backgroundColor,
+        className,
+    }: Props) => {
+        const [valueState, setValueState] = useState<number>(0);
+        const lostConnection = useContext(LostConnectionContext);
+
+        const percentage = lostConnection
+            ? 100
+            : getPercentageFromRange(
+                  valueState,
+                  warningRangeMin,
+                  warningRangeMax
+              );
+        const state = lostConnection
+            ? 'fault'
+            : getStateFromRange(
+                  valueState,
+                  safeRangeMin,
+                  safeRangeMax,
+                  warningRangeMin,
+                  warningRangeMax
+              );
+
+        useGlobalTicker(() => {
+            setValueState(getValue());
+        });
+
+        return (
+            <div
+                className={`${styles.battery_indicator} ${className}`}
+                style={{
+                    backgroundColor:
+                        backgroundColor != undefined
+                            ? backgroundColor
+                            : stateToColorBackground[state],
+                }}
+            >
+                <div
+                    className={styles.range_bar}
+                    style={{
+                        width: percentage + '%',
+                        color: color != undefined ? color : stateToColor[state],
+                    }}
+                />
+
+                <div className={styles.name_display}>
+                    <img className={styles.icon} src={icon} />
+                    <p className={styles.name}>{name}</p>
+                </div>
+                <div className={styles.value_display}>
+                    <p className={styles.value}>
+                        {lostConnection ? '-.--' : valueState?.toFixed(2)}
+                    </p>
+                    <p className={styles.units}>{units}</p>
+                </div>
+            </div>
+        );
+    }
+);

control-station/src/components/LevitationUnit/LevitationUnit.module.scss

@@ -2,9 +2,8 @@
     width: 100%;
     display: flex;
     gap: 1rem;
-
     > * {
-        flex: 1;
+        flex: 1rem;
     }
 }
 
@@ -13,7 +12,6 @@
     display: flex;
     justify-content: center;
     align-items: center;
-
     > img {
         width: 60%;
     }

control-station/src/components/LevitationUnit/LevitationUnit.tsx

@@ -15,16 +15,16 @@ export interface Props {
 }
 
 export const currentMeasurements = [
-    LcuMeasurements.coilCurrentHEMS1,
-    LcuMeasurements.coilCurrentHEMS2,
-    LcuMeasurements.coilCurrentHEMS3,
-    LcuMeasurements.coilCurrentHEMS4,
-    LcuMeasurements.coilCurrentEMS1,
-    LcuMeasurements.coilCurrentEMS2,
-    LcuMeasurements.coilCurrentEMS3,
-    LcuMeasurements.coilCurrentEMS4,
-    LcuMeasurements.coilCurrentEMS5,
-    LcuMeasurements.coilCurrentEMS6,
+    LcuMeasurements.lcu_coil_current_1,
+    LcuMeasurements.lcu_coil_current_2,
+    LcuMeasurements.lcu_coil_current_3,
+    LcuMeasurements.lcu_coil_current_4,
+    LcuMeasurements.lcu_coil_current_5,
+    LcuMeasurements.lcu_coil_current_6,
+    LcuMeasurements.lcu_coil_current_7,
+    LcuMeasurements.lcu_coil_current_8,
+    LcuMeasurements.lcu_coil_current_9,
+    LcuMeasurements.lcu_coil_current_10
 ];
 
 export const temperatureMeasurements = [
@@ -110,7 +110,7 @@ export const LevitationUnit = ({ unitIndex, kind, imageSide }: Props) => {
                     warningRangeMin={current.warningRange[0]!!}
                     warningRangeMax={current.warningRange[1]!!}
                 />
-                <BarIndicator
+                {/* <BarIndicator
                     icon={thermometerFilled}
                     name="Temperature"
                     getValue={temperature.getUpdate}
@@ -161,7 +161,7 @@ export const LevitationUnit = ({ unitIndex, kind, imageSide }: Props) => {
                             ? null!!
                             : airgap.warningRange[1]!!
                     }
-                />
+                /> */}
             </IndicatorStack>
             {imageSide === 'right' &&
                 (kind == 'ems' ? (

control-station/src/components/Window/Window2.module.scss

@@ -0,0 +1,29 @@
+@use 'src/styles/colors';
+@use 'src/styles/fonts';
+
+.window {
+    display: flex;
+    flex-flow: column;
+    border-radius: 0.8rem;
+    filter: var(--shadow);
+    overflow: hidden;
+    width: 100%;
+}
+
+.header {
+    background-color: #D1E3F1;
+    color: #5894A7;
+    font-weight: bold;
+    padding: 0.3rem 0.6rem;
+    font-size: map-get($map: fonts.$font-sizes, $key: x-small);
+}
+
+.content {
+    display: flex;
+    justify-content: center;
+    padding: 0.6rem;
+    background-color: colors.getColor('primary', 99);
+    overflow: scroll;
+    height: 100%;
+    width: 100%;
+}

control-station/src/components/Window/Window2.tsx

@@ -0,0 +1,16 @@
+import styles from 'components/Window/Window2.module.scss';
+
+type Props = {
+    title: string;
+    children?: React.ReactNode;
+    className?: string;
+};
+
+export const Window2 = ({ title, children, className }: Props) => {
+    return (
+        <article className={`${styles.window} ${className}`}>
+            <header className={styles.header}>{title}</header>
+            <div className={styles.content}>{children}</div>
+        </article>
+    );
+};