Added configuration for probe

package.json

@@ -60,12 +60,12 @@
         "firebase": "^10.6.0",
         "js-yaml": "^4.1.0",
         "react": "^18.2.0",
-        "react-bootstrap": "^2.8.0",
+        "react-bootstrap": "^2.10.2",
         "react-dom": "^18.2.0",
         "react-error-boundary": "^4.0.10",
         "react-markdown": "^8.0.7",
         "remark-gfm": "^3.0.1",
-        "xterm": "^5.2.1",
-        "xterm-addon-fit": "^0.7.0"
+        "@xterm/xterm": "^5.5.0",
+        "@xterm/addon-fit": "^0.10.0"
     }
 }

src/components/xterm/Xterm.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import PropTypes from "prop-types";
 
-import "xterm/css/xterm.css";
+import "@xterm/xterm/css/xterm.css";
 
 // We are using these as types.
 // eslint-disable-next-line no-unused-vars
@@ -10,8 +10,8 @@ import {
     ITerminalOptions,
     ITerminalAddon,
     ITerminalInitOnlyOptions
-} from "xterm";
-import { FitAddon } from "xterm-addon-fit";
+} from "@xterm/xterm";
+import { FitAddon } from "@xterm/addon-fit";
 
 interface IProps {
     /**

src/model/Config.ts

@@ -129,6 +129,7 @@ export type SDCard = {
 
 export type Probe = {
     pin?: string;
+    toolsetter_pin?: string;
     check_mode_start?: boolean;
 };
 

src/pages/terminal/Terminal.tsx

@@ -5,7 +5,7 @@ import React, {
     useEffect,
     useState
 } from "react";
-import "xterm/css/xterm.css";
+import "@xterm/xterm/css/xterm.css";
 import Xterm from "../../components/xterm/Xterm";
 import { SerialPortState } from "../../utils/serialport/SerialPort";
 import { Button } from "react-bootstrap";

src/panels/configuration/Configuration.tsx

@@ -16,6 +16,7 @@ import I2CGroup from "./groups/I2CGroup";
 import OLEDGroup from "./groups/OLEDGroup";
 import { deepMerge } from "../../utils/utils";
 import ControlGroup from "./groups/ControlGroup";
+import ProbeGroup from "./groups/ProbeGroup";
 
 const DEFAULT_CONFIG: Config = {};
 
@@ -136,6 +137,12 @@ const Configuration = ({
                         setValue={(spi) => appendConfig({ spi })}
                     />
 
+                    <ProbeGroup
+                        board={Boards[0]}
+                        probe={config.probe}
+                        setValue={(probe) => appendConfig({ probe })}
+                    />
+
                     <SDCardGroup
                         board={Boards[0]}
                         sdcard={config.sdcard}

src/panels/configuration/groups/ProbeGroup.tsx

@@ -0,0 +1,77 @@
+import React from "react";
+import { Form } from "react-bootstrap";
+import { Pin, PinConfig, Probe } from "../../../model/Config";
+import { Board } from "../../../model/Boards";
+import PinField from "../fields/PinField";
+import BooleanField from "../fields/BooleanField";
+
+type ProbeProps = {
+    board: Board;
+    probe?: Probe;
+    setValue: (probe?: Probe) => void;
+};
+
+const ProbeGroup = ({ probe, setValue, board }: ProbeProps) => {
+    return (
+        <div style={{ marginBottom: "48px" }}>
+            <h4>Probe</h4>
+            <Form.Check
+                type="switch"
+                label="Include"
+                checked={!!probe}
+                onChange={() => {
+                    if (probe) {
+                        setValue(undefined);
+                    } else {
+                        setValue({
+                            pin: Pin.NO_PIN,
+                            toolsetter_pin: Pin.NO_PIN,
+                            check_mode_start: false
+                        });
+                    }
+                }}
+            ></Form.Check>
+
+            {probe && (
+                <>
+                    <PinField
+                        board={board}
+                        label="Probe pin"
+                        value={PinConfig.fromString(probe?.pin)}
+                        setValue={(value) => {
+                            setValue({
+                                ...probe,
+                                ...{ pin: value.toString() }
+                            });
+                        }}
+                    />
+                    <PinField
+                        board={board}
+                        label="Tool setter pin"
+                        value={PinConfig.fromString(probe?.toolsetter_pin)}
+                        setValue={(value) => {
+                            setValue({
+                                ...probe,
+                                ...{ toolsetter_pin: value.toString() }
+                            });
+                        }}
+                        helpText="This is an optional second probe"
+                    />
+                    <BooleanField
+                        label="Check mode start"
+                        value={probe?.check_mode_start}
+                        setValue={(value) => {
+                            setValue({
+                                ...probe,
+                                ...{ check_mode_start: Boolean(value) }
+                            });
+                        }}
+                        helpText="This will force a probe check before a probe is started"
+                    />
+                </>
+            )}
+        </div>
+    );
+};
+
+export default ProbeGroup;