From 4750cd01096a4b28d8dae1d3ccb3549d974796d8 Mon Sep 17 00:00:00 2001
From: thatcomputerguy0101 <thatcomputerguy0101@gmail.com>
Date: Sun, 10 May 2026 07:04:08 -0400
Subject: [PATCH 1/4] Convert backend to use mm for calibration

---
 .../cameras/CameraCalibrationCard.vue         | 50 +++++++++++--------
 .../stores/settings/CameraSettingsStore.ts    |  4 +-
 photon-client/src/types/WebsocketDataTypes.ts |  4 +-
 .../vision/pipeline/UICalibrationData.java    | 20 ++++----
 .../vision/processes/VisionModule.java        |  5 +-
 5 files changed, 44 insertions(+), 39 deletions(-)

diff --git a/photon-client/src/components/cameras/CameraCalibrationCard.vue b/photon-client/src/components/cameras/CameraCalibrationCard.vue
index 1bd01bc8d3..511f1a794c 100644
--- a/photon-client/src/components/cameras/CameraCalibrationCard.vue
+++ b/photon-client/src/components/cameras/CameraCalibrationCard.vue
@@ -110,8 +110,8 @@ watchEffect(() => {
   uniqueVideoResolutionIndex.value = currentIndex;
 });
 const dimensionUnit = ref<"in" | "mm">("in");
-const squareSizeIn = ref(1);
-const markerSizeIn = ref(0.75);
+const squareSizeMm = ref(30);
+const markerSizeMm = ref(22);
 const patternWidth = ref(8);
 const patternHeight = ref(8);
 const boardType = ref<CalibrationBoardTypes>(CalibrationBoardTypes.Charuco);
@@ -119,23 +119,23 @@ const useOldPattern = ref(false);
 const tagFamily = ref<CalibrationTagFamilies>(CalibrationTagFamilies.Dict_4X4_1000);
 const requestedVideoFormatIndex = ref(0);
 
-const convertInchesToDisplay = (valueInInches: number) =>
-  dimensionUnit.value === "mm" ? valueInInches * MM_PER_INCH : valueInInches;
+const convertMetricToDisplay = (valueInMm: number) =>
+  dimensionUnit.value === "in" ? valueInMm / MM_PER_INCH : valueInMm;
 
-const convertDisplayToInches = (displayValue: number) =>
-  dimensionUnit.value === "mm" ? displayValue / MM_PER_INCH : displayValue;
+const convertDisplayToMetric = (displayValue: number) =>
+  dimensionUnit.value === "in" ? displayValue * MM_PER_INCH : displayValue;
 
 const squareSize = computed({
-  get: () => convertInchesToDisplay(squareSizeIn.value),
+  get: () => convertMetricToDisplay(squareSizeMm.value),
   set(value) {
-    squareSizeIn.value = convertDisplayToInches(value);
+    squareSizeMm.value = convertDisplayToMetric(value);
   }
 });
 
 const markerSize = computed({
-  get: () => convertInchesToDisplay(markerSizeIn.value),
+  get: () => convertMetricToDisplay(markerSizeMm.value),
   set(value) {
-    markerSizeIn.value = convertDisplayToInches(value);
+    markerSizeMm.value = convertDisplayToMetric(value);
   }
 });
 
@@ -149,7 +149,7 @@ const tooManyPoints = computed(
 const downloadCalibBoard = async () => {
   const { jsPDF } = await jspdf;
   const { font } = await PromptRegular;
-  const doc = new jsPDF({ unit: "in", format: "letter" });
+  const doc = new jsPDF({ unit: "mm", format: "letter" });
 
   doc.addFileToVFS("Prompt-Regular.tff", font);
   doc.addFont("Prompt-Regular.tff", "Prompt-Regular", "normal");
@@ -161,28 +161,34 @@ const downloadCalibBoard = async () => {
 
   switch (boardType.value) {
     case CalibrationBoardTypes.Chessboard:
-      const chessboardStartX = (paperWidth - patternWidth.value * squareSizeIn.value) / 2;
+      const chessboardStartX = (paperWidth - patternWidth.value * squareSizeMm.value) / 2;
 
-      const chessboardStartY = (paperHeight - patternWidth.value * squareSizeIn.value) / 2;
+      const chessboardStartY = (paperHeight - patternWidth.value * squareSizeMm.value) / 2;
 
       for (let squareY = 0; squareY < patternHeight.value; squareY++) {
         for (let squareX = 0; squareX < patternWidth.value; squareX++) {
-          const xPos = chessboardStartX + squareX * squareSizeIn.value;
-          const yPos = chessboardStartY + squareY * squareSizeIn.value;
+          const xPos = chessboardStartX + squareX * squareSizeMm.value;
+          const yPos = chessboardStartY + squareY * squareSizeMm.value;
 
           // Only draw the odd squares to create the chessboard pattern
           if (squareY % 2 !== squareX % 2) {
-            doc.rect(xPos, yPos, squareSizeIn.value, squareSizeIn.value, "F");
+            doc.rect(xPos, yPos, squareSizeMm.value, squareSizeMm.value, "F");
           }
         }
       }
-      doc.text(`${patternWidth.value} x ${patternHeight.value} | ${squareSizeIn.value}in`, paperWidth - 1, 1.0, {
-        maxWidth: (paperWidth - 2.0) / 2,
-        align: "right"
-      });
+      doc.text(
+        `${patternWidth.value} x ${patternHeight.value} | ${squareSize.value}${dimensionUnit.value}`,
+        paperWidth - 1,
+        1.0,
+        {
+          maxWidth: (paperWidth - 2.0) / 2,
+          align: "right"
+        }
+      );
       break;
 
     case CalibrationBoardTypes.Charuco:
+      // TODO: Dynamically generate ChArUco using opencv
       // Add pregenerated ChArUco
       const charucoImage = new Image();
       charucoImage.src = CharucoImage;
@@ -220,8 +226,8 @@ const isCalibrating = computed(
 
 const startCalibration = () => {
   useCameraSettingsStore().startPnPCalibration({
-    squareSizeIn: squareSizeIn.value,
-    markerSizeIn: markerSizeIn.value,
+    squareSizeMm: squareSizeMm.value,
+    markerSizeMm: markerSizeMm.value,
     patternHeight: patternHeight.value,
     patternWidth: patternWidth.value,
     boardType: boardType.value,
diff --git a/photon-client/src/stores/settings/CameraSettingsStore.ts b/photon-client/src/stores/settings/CameraSettingsStore.ts
index 703cf3d9fc..ffa8bca9e0 100644
--- a/photon-client/src/stores/settings/CameraSettingsStore.ts
+++ b/photon-client/src/stores/settings/CameraSettingsStore.ts
@@ -368,8 +368,8 @@ export const useCameraSettingsStore = defineStore("cameraSettings", {
      */
     startPnPCalibration(
       calibrationInitData: {
-        squareSizeIn: number;
-        markerSizeIn: number;
+        squareSizeMm: number;
+        markerSizeMm: number;
         patternWidth: number;
         patternHeight: number;
         boardType: CalibrationBoardTypes;
diff --git a/photon-client/src/types/WebsocketDataTypes.ts b/photon-client/src/types/WebsocketDataTypes.ts
index 3116f4667b..3a3e179a2f 100644
--- a/photon-client/src/types/WebsocketDataTypes.ts
+++ b/photon-client/src/types/WebsocketDataTypes.ts
@@ -87,8 +87,8 @@ export interface WebsocketCalibrationData {
   minCount: number;
   videoModeIndex: number;
   patternHeight: number;
-  squareSizeIn: number;
-  markerSizeIn: number;
+  squareSizeMm: number;
+  markerSizeMm: number;
 }
 
 export interface IncomingWebsocketData {
diff --git a/photon-core/src/main/java/org/photonvision/vision/pipeline/UICalibrationData.java b/photon-core/src/main/java/org/photonvision/vision/pipeline/UICalibrationData.java
index 21a049ca66..e748f9a9e1 100644
--- a/photon-core/src/main/java/org/photonvision/vision/pipeline/UICalibrationData.java
+++ b/photon-core/src/main/java/org/photonvision/vision/pipeline/UICalibrationData.java
@@ -24,11 +24,11 @@
 public class UICalibrationData {
     public int videoModeIndex;
     public int count;
-    public double squareSizeIn;
+    public double squareSizeMm;
     public int patternWidth;
     public int patternHeight;
     public BoardType boardType;
-    public double markerSizeIn;
+    public double markerSizeMm;
     public boolean useOldPattern;
     public TagFamily tagFamily;
 
@@ -37,8 +37,8 @@ public UICalibrationData() {}
     public UICalibrationData(
             int count,
             int videoModeIndex,
-            double squareSizeIn,
-            double markerSizeIn,
+            double squareSizeMm,
+            double markerSizeMm,
             int patternWidth,
             int patternHeight,
             BoardType boardType,
@@ -46,8 +46,8 @@ public UICalibrationData(
             TagFamily tagFamily) {
         this.count = count;
         this.videoModeIndex = videoModeIndex;
-        this.squareSizeIn = squareSizeIn;
-        this.markerSizeIn = markerSizeIn;
+        this.squareSizeMm = squareSizeMm;
+        this.markerSizeMm = markerSizeMm;
         this.patternWidth = patternWidth;
         this.patternHeight = patternHeight;
         this.boardType = boardType;
@@ -98,10 +98,10 @@ public String toString() {
                 + videoModeIndex
                 + ", count="
                 + count
-                + ", squareSizeIn="
-                + squareSizeIn
-                + ", markerSizeIn="
-                + markerSizeIn
+                + ", squareSizeMm="
+                + squareSizeMm
+                + ", markerSizeMm="
+                + markerSizeMm
                 + ", patternWidth="
                 + patternWidth
                 + ", patternHeight="
diff --git a/photon-core/src/main/java/org/photonvision/vision/processes/VisionModule.java b/photon-core/src/main/java/org/photonvision/vision/processes/VisionModule.java
index 6ae1b8a9fa..16dbaf0e10 100644
--- a/photon-core/src/main/java/org/photonvision/vision/processes/VisionModule.java
+++ b/photon-core/src/main/java/org/photonvision/vision/processes/VisionModule.java
@@ -55,7 +55,6 @@
 import org.photonvision.vision.pipeline.result.CVPipelineResult;
 import org.photonvision.vision.target.TargetModel;
 import org.photonvision.vision.target.TrackedTarget;
-import org.wpilib.math.util.Units;
 import org.wpilib.vision.camera.CameraServerJNI;
 import org.wpilib.vision.camera.VideoException;
 
@@ -391,8 +390,8 @@ public void startCalibration(UICalibrationData data) {
                         + data.videoModeIndex
                         + " and settings "
                         + data);
-        settings.gridSize = Units.inchesToMeters(data.squareSizeIn);
-        settings.markerSize = Units.inchesToMeters(data.markerSizeIn);
+        settings.gridSize = data.squareSizeMm / 1000;
+        settings.markerSize = data.markerSizeMm / 1000;
         settings.boardHeight = data.patternHeight;
         settings.boardWidth = data.patternWidth;
         settings.boardType = data.boardType;

From d7e7a74c6d1654bb9ae5f466e4b825588f7ff5dd Mon Sep 17 00:00:00 2001
From: thatcomputerguy0101 <thatcomputerguy0101@gmail.com>
Date: Sat, 16 May 2026 11:34:22 -0400
Subject: [PATCH 2/4] Convert backend to meters, but store frontend in dynamic
 units

---
 .../cameras/CameraCalibrationCard.vue         | 47 +++++++++----------
 .../vision/pipeline/UICalibrationData.java    | 20 ++++----
 .../vision/processes/VisionModule.java        |  4 +-
 3 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/photon-client/src/components/cameras/CameraCalibrationCard.vue b/photon-client/src/components/cameras/CameraCalibrationCard.vue
index 511f1a794c..9afb094595 100644
--- a/photon-client/src/components/cameras/CameraCalibrationCard.vue
+++ b/photon-client/src/components/cameras/CameraCalibrationCard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, watchEffect } from "vue";
+import { computed, ref, watch, watchEffect } from "vue";
 import { useCameraSettingsStore } from "@/stores/settings/CameraSettingsStore";
 import { CalibrationBoardTypes, CalibrationTagFamilies, type VideoFormat } from "@/types/SettingTypes";
 import MonoLogo from "@/assets/images/logoMono.png";
@@ -15,12 +15,12 @@ import CameraCalibrationInfoCard from "@/components/cameras/CameraCalibrationInf
 import { useSettingsStore } from "@/stores/settings/GeneralSettingsStore";
 import { useTheme } from "vuetify";
 import TooltippedLabel from "@/components/common/pv-tooltipped-label.vue";
+import { unit } from "mathjs";
 
 const PromptRegular = import("@/assets/fonts/PromptRegular");
 const jspdf = import("jspdf");
 
 const theme = useTheme();
-const MM_PER_INCH = 25.4;
 
 const settingsValid = ref(true);
 
@@ -110,8 +110,8 @@ watchEffect(() => {
   uniqueVideoResolutionIndex.value = currentIndex;
 });
 const dimensionUnit = ref<"in" | "mm">("in");
-const squareSizeMm = ref(30);
-const markerSizeMm = ref(22);
+const squareSize = ref(30);
+const markerSize = ref(22);
 const patternWidth = ref(8);
 const patternHeight = ref(8);
 const boardType = ref<CalibrationBoardTypes>(CalibrationBoardTypes.Charuco);
@@ -119,26 +119,25 @@ const useOldPattern = ref(false);
 const tagFamily = ref<CalibrationTagFamilies>(CalibrationTagFamilies.Dict_4X4_1000);
 const requestedVideoFormatIndex = ref(0);
 
-const convertMetricToDisplay = (valueInMm: number) =>
-  dimensionUnit.value === "in" ? valueInMm / MM_PER_INCH : valueInMm;
-
-const convertDisplayToMetric = (displayValue: number) =>
-  dimensionUnit.value === "in" ? displayValue * MM_PER_INCH : displayValue;
-
-const squareSize = computed({
-  get: () => convertMetricToDisplay(squareSizeMm.value),
+const squareSizeMeters = computed({
+  get: () => unit(squareSize.value, dimensionUnit.value).to("m").value,
   set(value) {
-    squareSizeMm.value = convertDisplayToMetric(value);
+    squareSize.value = unit(value, "m").to(dimensionUnit.value).value;
   }
 });
 
-const markerSize = computed({
-  get: () => convertMetricToDisplay(markerSizeMm.value),
+const markerSizeMeters = computed({
+  get: () => unit(markerSize.value, dimensionUnit.value).to("m").value,
   set(value) {
-    markerSizeMm.value = convertDisplayToMetric(value);
+    markerSize.value = unit(value, "m").to(dimensionUnit.value).value;
   }
 });
 
+watch(dimensionUnit, (value, oldValue) => {
+  squareSize.value = unit(squareSize.value, oldValue).to(value).value;
+  markerSize.value = unit(markerSize.value, oldValue).to(value).value;
+});
+
 const dimensionStep = computed(() => (dimensionUnit.value === "mm" ? 0.1 : 0.01));
 
 // Emperical testing - with stack size limit of 1MB, we can handle at -least- 700k points
@@ -150,6 +149,7 @@ const downloadCalibBoard = async () => {
   const { jsPDF } = await jspdf;
   const { font } = await PromptRegular;
   const doc = new jsPDF({ unit: "mm", format: "letter" });
+  // TODO: Convert dimensioned constants
 
   doc.addFileToVFS("Prompt-Regular.tff", font);
   doc.addFont("Prompt-Regular.tff", "Prompt-Regular", "normal");
@@ -161,18 +161,18 @@ const downloadCalibBoard = async () => {
 
   switch (boardType.value) {
     case CalibrationBoardTypes.Chessboard:
-      const chessboardStartX = (paperWidth - patternWidth.value * squareSizeMm.value) / 2;
+      const chessboardStartX = (paperWidth - (patternWidth.value * squareSizeMeters.value) / 1000) / 2;
 
-      const chessboardStartY = (paperHeight - patternWidth.value * squareSizeMm.value) / 2;
+      const chessboardStartY = (paperHeight - (patternWidth.value * squareSizeMeters.value) / 1000) / 2;
 
       for (let squareY = 0; squareY < patternHeight.value; squareY++) {
         for (let squareX = 0; squareX < patternWidth.value; squareX++) {
-          const xPos = chessboardStartX + squareX * squareSizeMm.value;
-          const yPos = chessboardStartY + squareY * squareSizeMm.value;
+          const xPos = chessboardStartX + (squareX * squareSizeMeters.value) / 1000;
+          const yPos = chessboardStartY + (squareY * squareSizeMeters.value) / 1000;
 
           // Only draw the odd squares to create the chessboard pattern
           if (squareY % 2 !== squareX % 2) {
-            doc.rect(xPos, yPos, squareSizeMm.value, squareSizeMm.value, "F");
+            doc.rect(xPos, yPos, squareSizeMeters.value / 1000, squareSizeMeters.value / 1000, "F");
           }
         }
       }
@@ -188,7 +188,6 @@ const downloadCalibBoard = async () => {
       break;
 
     case CalibrationBoardTypes.Charuco:
-      // TODO: Dynamically generate ChArUco using opencv
       // Add pregenerated ChArUco
       const charucoImage = new Image();
       charucoImage.src = CharucoImage;
@@ -226,8 +225,8 @@ const isCalibrating = computed(
 
 const startCalibration = () => {
   useCameraSettingsStore().startPnPCalibration({
-    squareSizeMm: squareSizeMm.value,
-    markerSizeMm: markerSizeMm.value,
+    squareSizeMm: squareSizeMeters.value,
+    markerSizeMm: markerSizeMeters.value,
     patternHeight: patternHeight.value,
     patternWidth: patternWidth.value,
     boardType: boardType.value,
diff --git a/photon-core/src/main/java/org/photonvision/vision/pipeline/UICalibrationData.java b/photon-core/src/main/java/org/photonvision/vision/pipeline/UICalibrationData.java
index e748f9a9e1..0db4da964e 100644
--- a/photon-core/src/main/java/org/photonvision/vision/pipeline/UICalibrationData.java
+++ b/photon-core/src/main/java/org/photonvision/vision/pipeline/UICalibrationData.java
@@ -24,11 +24,11 @@
 public class UICalibrationData {
     public int videoModeIndex;
     public int count;
-    public double squareSizeMm;
+    public double squareSizeMeters;
     public int patternWidth;
     public int patternHeight;
     public BoardType boardType;
-    public double markerSizeMm;
+    public double markerSizeMeters;
     public boolean useOldPattern;
     public TagFamily tagFamily;
 
@@ -37,8 +37,8 @@ public UICalibrationData() {}
     public UICalibrationData(
             int count,
             int videoModeIndex,
-            double squareSizeMm,
-            double markerSizeMm,
+            double squareSizeMeters,
+            double markerSizeMeters,
             int patternWidth,
             int patternHeight,
             BoardType boardType,
@@ -46,8 +46,8 @@ public UICalibrationData(
             TagFamily tagFamily) {
         this.count = count;
         this.videoModeIndex = videoModeIndex;
-        this.squareSizeMm = squareSizeMm;
-        this.markerSizeMm = markerSizeMm;
+        this.squareSizeMeters = squareSizeMeters;
+        this.markerSizeMeters = markerSizeMeters;
         this.patternWidth = patternWidth;
         this.patternHeight = patternHeight;
         this.boardType = boardType;
@@ -98,10 +98,10 @@ public String toString() {
                 + videoModeIndex
                 + ", count="
                 + count
-                + ", squareSizeMm="
-                + squareSizeMm
-                + ", markerSizeMm="
-                + markerSizeMm
+                + ", squareSizeMeters="
+                + squareSizeMeters
+                + ", markerSizeMeters="
+                + markerSizeMeters
                 + ", patternWidth="
                 + patternWidth
                 + ", patternHeight="
diff --git a/photon-core/src/main/java/org/photonvision/vision/processes/VisionModule.java b/photon-core/src/main/java/org/photonvision/vision/processes/VisionModule.java
index 16dbaf0e10..6af1222112 100644
--- a/photon-core/src/main/java/org/photonvision/vision/processes/VisionModule.java
+++ b/photon-core/src/main/java/org/photonvision/vision/processes/VisionModule.java
@@ -390,8 +390,8 @@ public void startCalibration(UICalibrationData data) {
                         + data.videoModeIndex
                         + " and settings "
                         + data);
-        settings.gridSize = data.squareSizeMm / 1000;
-        settings.markerSize = data.markerSizeMm / 1000;
+        settings.gridSize = data.squareSizeMeters;
+        settings.markerSize = data.markerSizeMeters;
         settings.boardHeight = data.patternHeight;
         settings.boardWidth = data.patternWidth;
         settings.boardType = data.boardType;

From 49c2eff628bb58a438a5f39f7ded08c9a2c3e14f Mon Sep 17 00:00:00 2001
From: thatcomputerguy0101 <thatcomputerguy0101@gmail.com>
Date: Sat, 23 May 2026 15:32:41 -0400
Subject: [PATCH 3/4] Switch to units-and-measurement

---
 photon-client/package.json                    |  1 +
 photon-client/pnpm-lock.yaml                  | 25 +++++++------------
 .../cameras/CameraCalibrationCard.vue         | 14 +++++------
 3 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/photon-client/package.json b/photon-client/package.json
index 9859aef8e6..29844e701f 100644
--- a/photon-client/package.json
+++ b/photon-client/package.json
@@ -21,6 +21,7 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "@adam-rocska/units-and-measurement": "^1.2.0",
     "@fontsource/prompt": "^5.2.6",
     "@mdi/font": "^7.4.47",
     "@msgpack/msgpack": "^3.1.2",
diff --git a/photon-client/pnpm-lock.yaml b/photon-client/pnpm-lock.yaml
index 1ac335e64c..010e739ec1 100644
--- a/photon-client/pnpm-lock.yaml
+++ b/photon-client/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@adam-rocska/units-and-measurement':
+        specifier: ^1.2.0
+        version: 1.2.0
       '@fontsource/prompt':
         specifier: ^5.2.6
         version: 5.2.6
@@ -96,6 +99,10 @@ importers:
 
 packages:
 
+  '@adam-rocska/units-and-measurement@1.2.0':
+    resolution: {integrity: sha512-mBnZ8/STbztVec+Mz9DH932z0gny52SebtSJ/y3n+IVtuF7KqbtQ3t1u1lpFSkLFU1msaNGzFgqsW7Emj0lrXA==}
+    engines: {node: '>=20.0.0'}
+
   '@babel/helper-string-parser@7.27.1':
     resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
@@ -250,42 +257,36 @@ packages:
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.5.1':
     resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.5.1':
     resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.5.1':
     resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.5.1':
     resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.5.1':
     resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.5.1':
     resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
@@ -353,42 +354,36 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@rolldown/binding-linux-arm64-musl@1.0.0-rc.17':
     resolution: {integrity: sha512-b/CgbwAJpmrRLp02RPfhbudf5tZnN9nsPWK82znefso832etkem8H7FSZwxrOI9djcdTP7U6YfNhbRnh7djErg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.17':
     resolution: {integrity: sha512-4EII1iNGRUN5WwGbF/kOh/EIkoDN9HsupgLQoXfY+D1oyJm7/F4t5PYU5n8SWZgG0FEwakyM8pGgwcBYruGTlA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
-    libc: [glibc]
 
   '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.17':
     resolution: {integrity: sha512-AH8oq3XqQo4IibpVXvPeLDI5pzkpYn0WiZAfT05kFzoJ6tQNzwRdDYQ45M8I/gslbodRZwW8uxLhbSBbkv96rA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
-    libc: [glibc]
 
   '@rolldown/binding-linux-x64-gnu@1.0.0-rc.17':
     resolution: {integrity: sha512-cLnjV3xfo7KslbU41Z7z8BH/E1y5mzUYzAqih1d1MDaIGZRCMqTijqLv76/P7fyHuvUcfGsIpqCdddbxLLK9rA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@rolldown/binding-linux-x64-musl@1.0.0-rc.17':
     resolution: {integrity: sha512-0phclDw1spsL7dUB37sIARuis2tAgomCJXAHZlpt8PXZ4Ba0dRP1e+66lsRqrfhISeN9bEGNjQs+T/Fbd7oYGw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@rolldown/binding-openharmony-arm64@1.0.0-rc.17':
     resolution: {integrity: sha512-0ag/hEgXOwgw4t8QyQvUCxvEg+V0KBcA6YuOx9g0r02MprutRF5dyljgm3EmR02O292UX7UeS6HzWHAl6KgyhA==}
@@ -1084,28 +1079,24 @@ packages:
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   lightningcss-linux-arm64-musl@1.32.0:
     resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   lightningcss-linux-x64-gnu@1.32.0:
     resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   lightningcss-linux-x64-musl@1.32.0:
     resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   lightningcss-win32-arm64-msvc@1.32.0:
     resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
@@ -1550,6 +1541,8 @@ packages:
 
 snapshots:
 
+  '@adam-rocska/units-and-measurement@1.2.0': {}
+
   '@babel/helper-string-parser@7.27.1': {}
 
   '@babel/helper-validator-identifier@7.27.1': {}
diff --git a/photon-client/src/components/cameras/CameraCalibrationCard.vue b/photon-client/src/components/cameras/CameraCalibrationCard.vue
index 9afb094595..b43e40c380 100644
--- a/photon-client/src/components/cameras/CameraCalibrationCard.vue
+++ b/photon-client/src/components/cameras/CameraCalibrationCard.vue
@@ -15,7 +15,7 @@ import CameraCalibrationInfoCard from "@/components/cameras/CameraCalibrationInf
 import { useSettingsStore } from "@/stores/settings/GeneralSettingsStore";
 import { useTheme } from "vuetify";
 import TooltippedLabel from "@/components/common/pv-tooltipped-label.vue";
-import { unit } from "mathjs";
+import { length } from "@adam-rocska/units-and-measurement/length";
 
 const PromptRegular = import("@/assets/fonts/PromptRegular");
 const jspdf = import("jspdf");
@@ -120,22 +120,22 @@ const tagFamily = ref<CalibrationTagFamilies>(CalibrationTagFamilies.Dict_4X4_10
 const requestedVideoFormatIndex = ref(0);
 
 const squareSizeMeters = computed({
-  get: () => unit(squareSize.value, dimensionUnit.value).to("m").value,
+  get: () => length[dimensionUnit.value](squareSize.value).m.value,
   set(value) {
-    squareSize.value = unit(value, "m").to(dimensionUnit.value).value;
+    squareSize.value = length.m(value)[dimensionUnit.value].value;
   }
 });
 
 const markerSizeMeters = computed({
-  get: () => unit(markerSize.value, dimensionUnit.value).to("m").value,
+  get: () => length[dimensionUnit.value](markerSize.value).m.value,
   set(value) {
-    markerSize.value = unit(value, "m").to(dimensionUnit.value).value;
+    markerSize.value = length.m(value)[dimensionUnit.value].value;
   }
 });
 
 watch(dimensionUnit, (value, oldValue) => {
-  squareSize.value = unit(squareSize.value, oldValue).to(value).value;
-  markerSize.value = unit(markerSize.value, oldValue).to(value).value;
+  squareSize.value = length[oldValue](squareSize.value)[value].value;
+  markerSize.value = length[oldValue](markerSize.value)[value].value;
 });
 
 const dimensionStep = computed(() => (dimensionUnit.value === "mm" ? 0.1 : 0.01));

From 89637e962999bef7a6938a2ac90d6a1f7c45a052 Mon Sep 17 00:00:00 2001
From: thatcomputerguy0101 <thatcomputerguy0101@gmail.com>
Date: Sun, 24 May 2026 11:24:02 -0400
Subject: [PATCH 4/4] Fix up bad unit conversions

---
 .../cameras/CameraCalibrationCard.vue         | 32 ++++++-------------
 .../stores/settings/CameraSettingsStore.ts    |  4 +--
 2 files changed, 11 insertions(+), 25 deletions(-)

diff --git a/photon-client/src/components/cameras/CameraCalibrationCard.vue b/photon-client/src/components/cameras/CameraCalibrationCard.vue
index b43e40c380..0185a58afd 100644
--- a/photon-client/src/components/cameras/CameraCalibrationCard.vue
+++ b/photon-client/src/components/cameras/CameraCalibrationCard.vue
@@ -119,20 +119,6 @@ const useOldPattern = ref(false);
 const tagFamily = ref<CalibrationTagFamilies>(CalibrationTagFamilies.Dict_4X4_1000);
 const requestedVideoFormatIndex = ref(0);
 
-const squareSizeMeters = computed({
-  get: () => length[dimensionUnit.value](squareSize.value).m.value,
-  set(value) {
-    squareSize.value = length.m(value)[dimensionUnit.value].value;
-  }
-});
-
-const markerSizeMeters = computed({
-  get: () => length[dimensionUnit.value](markerSize.value).m.value,
-  set(value) {
-    markerSize.value = length.m(value)[dimensionUnit.value].value;
-  }
-});
-
 watch(dimensionUnit, (value, oldValue) => {
   squareSize.value = length[oldValue](squareSize.value)[value].value;
   markerSize.value = length[oldValue](markerSize.value)[value].value;
@@ -148,8 +134,7 @@ const tooManyPoints = computed(
 const downloadCalibBoard = async () => {
   const { jsPDF } = await jspdf;
   const { font } = await PromptRegular;
-  const doc = new jsPDF({ unit: "mm", format: "letter" });
-  // TODO: Convert dimensioned constants
+  const doc = new jsPDF({ unit: "in", format: "letter" });
 
   doc.addFileToVFS("Prompt-Regular.tff", font);
   doc.addFont("Prompt-Regular.tff", "Prompt-Regular", "normal");
@@ -161,18 +146,19 @@ const downloadCalibBoard = async () => {
 
   switch (boardType.value) {
     case CalibrationBoardTypes.Chessboard:
-      const chessboardStartX = (paperWidth - (patternWidth.value * squareSizeMeters.value) / 1000) / 2;
+      const squareSizeIn = length[dimensionUnit.value](squareSize.value).in.value;
+      const chessboardStartX = (paperWidth - patternWidth.value * squareSizeIn) / 2;
 
-      const chessboardStartY = (paperHeight - (patternWidth.value * squareSizeMeters.value) / 1000) / 2;
+      const chessboardStartY = (paperHeight - patternHeight.value * squareSizeIn) / 2;
 
       for (let squareY = 0; squareY < patternHeight.value; squareY++) {
         for (let squareX = 0; squareX < patternWidth.value; squareX++) {
-          const xPos = chessboardStartX + (squareX * squareSizeMeters.value) / 1000;
-          const yPos = chessboardStartY + (squareY * squareSizeMeters.value) / 1000;
+          const xPos = chessboardStartX + squareX * squareSizeIn;
+          const yPos = chessboardStartY + squareY * squareSizeIn;
 
           // Only draw the odd squares to create the chessboard pattern
           if (squareY % 2 !== squareX % 2) {
-            doc.rect(xPos, yPos, squareSizeMeters.value / 1000, squareSizeMeters.value / 1000, "F");
+            doc.rect(xPos, yPos, squareSizeIn, squareSizeIn, "F");
           }
         }
       }
@@ -225,8 +211,8 @@ const isCalibrating = computed(
 
 const startCalibration = () => {
   useCameraSettingsStore().startPnPCalibration({
-    squareSizeMm: squareSizeMeters.value,
-    markerSizeMm: markerSizeMeters.value,
+    squareSizeMeters: length[dimensionUnit.value](squareSize.value).m.value,
+    markerSizeMeters: length[dimensionUnit.value](markerSize.value).m.value,
     patternHeight: patternHeight.value,
     patternWidth: patternWidth.value,
     boardType: boardType.value,
diff --git a/photon-client/src/stores/settings/CameraSettingsStore.ts b/photon-client/src/stores/settings/CameraSettingsStore.ts
index ffa8bca9e0..6b649e6e21 100644
--- a/photon-client/src/stores/settings/CameraSettingsStore.ts
+++ b/photon-client/src/stores/settings/CameraSettingsStore.ts
@@ -368,8 +368,8 @@ export const useCameraSettingsStore = defineStore("cameraSettings", {
      */
     startPnPCalibration(
       calibrationInitData: {
-        squareSizeMm: number;
-        markerSizeMm: number;
+        squareSizeMeters: number;
+        markerSizeMeters: number;
         patternWidth: number;
         patternHeight: number;
         boardType: CalibrationBoardTypes;