Auto fix: Prettier & ESLint

Author: autofix-ci[bot]

eslint.config.js

@@ -19,7 +19,10 @@ export default tseslint.config(
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
       "@typescript-eslint/no-unused-vars": [
         "error",
         {
@@ -33,5 +36,5 @@ export default tseslint.config(
         },
       ],
     },
-  }
+  },
 );

src/blueapi/blueapi.ts

@@ -30,20 +30,20 @@ export function useBlueApiCall(
   method?: string,
   body?: object,
   pollRateMillis?: number,
-  queryKey?: string
+  queryKey?: string,
 ) {
   return useQuery(
     queryKey ?? "BlueApiCall",
     async () => await blueApiCall(endpoint, method, body),
     {
       refetchInterval: pollRateMillis ?? 500,
-    }
+    },
   );
 }
 
 export function processUseBlueApiCall(
   request: UseQueryResult<Response, unknown>,
-  onSuccess: (data: Response) => string
+  onSuccess: (data: Response) => string,
 ) {
   if (request.status === "error") {
     return "Error fetching query!";
@@ -62,7 +62,7 @@ export function getWorkerStatus(): Promise<BlueApiWorkerState> {
 
 export function submitPlan(
   planName: string,
-  planParams: object
+  planParams: object,
 ): Promise<string> {
   return blueApiCall("/tasks", "POST", {
     name: planName,
@@ -72,14 +72,14 @@ export function submitPlan(
 
 export function submitAndRunPlanImmediately(
   planName: string,
-  planParams: object
+  planParams: object,
 ): Promise<string> {
   return submitPlan(planName, planParams).then((res) =>
     // TODO make sure submitPlan was succesful before then putting it to the worker
     // See https://github.com/DiamondLightSource/mx-daq-ui/issues/17
     blueApiCall("/worker/task", "PUT", { task_id: res }).then((res) =>
-      res.json().then((res) => res["task_id"])
-    )
+      res.json().then((res) => res["task_id"]),
+    ),
   );
 }
 

src/components/CollectionComponents.tsx

@@ -234,7 +234,7 @@ function OxfordMapSelection({
 
   const handleBlocks = (
     _event: React.MouseEvent<HTMLElement>,
-    newBlocks: number[]
+    newBlocks: number[],
   ) => {
     setChipMap(newBlocks);
   };

src/components/CoordNumberInput.tsx

@@ -8,7 +8,7 @@ import React from "react";
 
 export const CoordNumberInput = React.forwardRef(function CustomNumberInput(
   props: NumberInputProps,
-  ref: React.ForwardedRef<HTMLDivElement>
+  ref: React.ForwardedRef<HTMLDivElement>,
 ) {
   return (
     <NumberInput
@@ -87,7 +87,7 @@ const StyledInputRoot = styled("div")(
   &:focus-visible {
     outline: 0;
   }
-`
+`,
 );
 
 const StyledInputElement = styled("input")(
@@ -104,7 +104,7 @@ const StyledInputElement = styled("input")(
   border-radius: inherit;
   padding: 8px 12px;
   outline: 0;
-`
+`,
 );
 
 const StyledButton = styled("button")(
@@ -178,5 +178,5 @@ const StyledButton = styled("button")(
   & .arrow {
     transform: translateY(-1px);
   }
-`
+`,
 );

src/components/OavVideoStream.tsx

@@ -1,9 +1,16 @@
 import { Box } from "@mui/material";
-import { PvComponent, PvItem, PvDescription, useParsedPvConnection } from "../pv/PvComponent";
+import {
+  PvComponent,
+  PvItem,
+  PvDescription,
+  useParsedPvConnection,
+} from "../pv/PvComponent";
 import { parseNumericPv, pvIntArrayToString } from "../pv/util";
 import React from "react";
 
-export const useContainerDimensions = (ref: React.MutableRefObject<HTMLHeadingElement | null>) => {
+export const useContainerDimensions = (
+  ref: React.MutableRefObject<HTMLHeadingElement | null>,
+) => {
   const [dimensions, setDimensions] = React.useState({ width: 0, height: 0 });
   React.useEffect(() => {
     const getDimensions = () => ({
@@ -34,7 +41,7 @@ export function OavVideoStream(
     crosshairX: number;
     crosshairY: number;
     onCoordClick: (x: number, y: number) => void; // handler for clicking on the OAV: x and y are the pixels on the original OAV stream
-  }
+  },
 ) {
   const [crosshairX, crosshairY] = [props.crosshairX, props.crosshairY];
   const onCoordClick = props.onCoordClick;
@@ -45,14 +52,14 @@ export function OavVideoStream(
       pv: props.pv + "MJPG:ArraySize1_RBV",
       label: "OAV MJPG stream x size",
       transformValue: parseNumericPv,
-    })
+    }),
   );
   const yDim = Number(
     useParsedPvConnection({
       pv: props.pv + "MJPG:ArraySize2_RBV",
       label: "OAV MJPG stream x size",
       transformValue: parseNumericPv,
-    })
+    }),
   );
   console.log(`original stream size ${[xDim, yDim]}`);
   const [streamUrl, setStreamUrl] = React.useState<string>("not connected");
@@ -62,7 +69,10 @@ export function OavVideoStream(
     label: props.label,
     render: (props: PvItem) => {
       const value = props.value ? props.value : "undefined";
-      if (!streamUrl.startsWith("http") && value.toString().startsWith("http")) {
+      if (
+        !streamUrl.startsWith("http") &&
+        value.toString().startsWith("http")
+      ) {
         setStreamUrl(value.toString());
       }
       return (
@@ -85,15 +95,15 @@ export function OavVideoStream(
 function drawCanvas(
   canvasRef: React.MutableRefObject<HTMLCanvasElement | null>,
   crosshairX: number,
-  crosshairY: number
+  crosshairY: number,
 ) {
   const context = canvasRef.current?.getContext("2d");
   if (context) {
     context.clearRect(
       0,
       0,
       canvasRef.current?.width as number,
-      canvasRef.current?.height as number
+      canvasRef.current?.height as number,
     );
     context.strokeStyle = "red";
     context.font = "50px sans-serif";
@@ -148,8 +158,12 @@ function VideoBoxWithOverlay(props: {
               // x and y relative to the crosshair
               const [relX, relY] = [x - props.crosshairX, y - props.crosshairY];
               // fraction of the image in x/y * original dimension in pixels
-              const scaledX = props.originalDims ? (relX / width) * props.originalDims.width : x;
-              const scaledY = props.originalDims ? (relY / height) * props.originalDims.height : y;
+              const scaledX = props.originalDims
+                ? (relX / width) * props.originalDims.width
+                : x;
+              const scaledY = props.originalDims
+                ? (relY / height) * props.originalDims.height
+                : y;
               props.onCoordClick(scaledX, scaledY);
             }
           }

src/components/SelectionControl.tsx

@@ -19,7 +19,7 @@ export function SelectionWithPlanRunner(props: SelectionProps) {
       pv: props.pv,
       label: props.label,
       transformValue: forceString,
-    })
+    }),
   );
   console.log(`${props.id} current value: ${currentValue}`);
   const [_, updateVal] = React.useState<string>(currentValue.toString());

src/components/params.ts

@@ -32,7 +32,7 @@ export type EavaRequest = {
 export function calculateEAVA(
   laserDwell: number,
   expTime: number,
-  factor: number
+  factor: number,
 ): number {
   const movetime: number = 0.008;
   const windowsPerRow: number = 20;

src/main.tsx

@@ -23,5 +23,5 @@ createRoot(document.getElementById("root")!).render(
         </QueryClientProvider>
       </Provider>
     </ThemeProvider>
-  </StrictMode>
+  </StrictMode>,
 );

src/pv/PvComponent.tsx

@@ -18,18 +18,18 @@ export type PvComponentProps = PvDescription & {
 };
 
 export function useParsedPvConnection(
-  props: PvDescription & { transformValue?: Transformer }
+  props: PvDescription & { transformValue?: Transformer },
 ) {
   const [_effectivePvName, connected, _readonly, latestValue] = useConnection(
     props.label,
-    props.pv
+    props.pv,
   );
   const rawValue: RawValue = connected ? latestValue : "not connected";
   const returnValue = props.transformValue
     ? props.transformValue(rawValue)
     : rawValue;
   console.log(
-    `fetched parsed value ${returnValue} for PV: ${props.pv} labeled ${props.label}`
+    `fetched parsed value ${returnValue} for PV: ${props.pv} labeled ${props.label}`,
   );
   return returnValue;
 }

src/pv/util.ts

@@ -20,7 +20,7 @@ export function forceString(value: RawValue | string | number): string {
 export function parseNumericPv(
   value: string | number | DType | undefined,
   decimals?: number,
-  scaleFactor?: number
+  scaleFactor?: number,
 ) {
   const decimalsToUse = decimals ? decimals : 2;
   const scaleFactorToUse = scaleFactor ? scaleFactor : 1;