feat: add basic telemetry

src/feedback.js

@@ -1,7 +1,12 @@
+import {td} from './telemetry';
+
 document.addEventListener('DOMContentLoaded', () => {
     // Functions to open and close a modal
     function openModal($el) {
         $el.classList.add('is-active');
+        td.signal("Modal.open", {
+            modal: $el.id
+        });
     }
 
     function closeModal($el) {

src/index.js

@@ -7,6 +7,7 @@ import '@fortawesome/fontawesome-free/js/regular';
 import '@fortawesome/fontawesome-free/js/brands';
 import './feedback.js';
 import './main.scss';
+import {td} from './telemetry';
 
 /////////////////
 // TRANSLATION //
@@ -349,13 +350,26 @@ function updateCageCheck() {
     const height = inputHeight.value
     const dimensions = new Dimensions(width / 100, depth / 100, height / 100);
     const validator = new Validator();
-    const failed_checks = validator.cageCheck(dimensions, ratSlider.value, fullFloorNum.value);
+    const numRats = ratSlider.value;
+    const numFullFloors = fullFloorNum.value;
+
+
+    const failed_checks = validator.cageCheck(dimensions, numRats,);
     let resultsDiv = document.getElementById("resultsDiv");
 
     const result = getResultFromChecks(failed_checks);
 
     resultsDiv.innerHTML = "";
     resultsDiv.appendChild(result);
+
+    // Send telemetry
+    td.signal("Update.CageCheck", {
+        width: width,
+        depth: depth,
+        height: height,
+        numRats: numRats,
+        numFullFloors: numFullFloors
+    });
 }
 
 function updateCageCalc() {
@@ -363,8 +377,11 @@ function updateCageCalc() {
     cageCalcLabelNumRats.innerHTML = i18next.t("cage-for-x-rats", {"num_rats": numRats});
     const validator = new Validator();
     let criteria = validator.STATIC_CRITERIA;
-    let minimumOverallArea = validator.overallAreaNeeded(cageCalcRatSlider.value);
-    criteria[CRITERIA_OVERALL_AREA] = i18next.t('overall-area', {"numRats": numRats, "minimumOverallArea": minimumOverallArea});
+    let minimumOverallArea = validator.overallAreaNeeded(numRats);
+    criteria[CRITERIA_OVERALL_AREA] = i18next.t('overall-area', {
+        "numRats": numRats,
+        "minimumOverallArea": minimumOverallArea
+    });
 
     let resultsDiv = document.getElementById("cageCalcResultsDiv");
 
@@ -373,18 +390,25 @@ function updateCageCalc() {
     resultsDiv.innerHTML = "";
     resultsDiv.appendChild(result);
 
+    // Send telemetry
+    td.signal("Update.CageCalc", {
+        numRats: numRats,
+    });
+
+
 }
 
 function updateNumRatsCalculator() {
 
-    const width = numRatsCalculatorInputWidth.value
-    const depth = numRatsCalculatorInputDepth.value
-    const height = numRatsCalculatorInputHeight.value
+    const width = numRatsCalculatorInputWidth.value;
+    const depth = numRatsCalculatorInputDepth.value;
+    const height = numRatsCalculatorInputHeight.value;
+    const numFullFloors = numRatsNumFullFloors.value;
     const dimensions = new Dimensions(width / 100, depth / 100, height / 100);
     const validator = new Validator();
-    const failed_checks = validator.failCageNumberIndependent(dimensions, fullFloorNum.value);
+    const failed_checks = validator.failCageNumberIndependent(dimensions, numFullFloors);
 
-    let overallArea = validator.getOverallArea(dimensions, numRatsNumFullFloors.value);
+    let overallArea = validator.getOverallArea(dimensions, );
     let allowedNumRats;
     try {
         allowedNumRats = validator.allowedNumberOfRats(overallArea);
@@ -404,6 +428,14 @@ function updateNumRatsCalculator() {
     p.textContent = i18next.t("cage-for-x-rats", {"num_rats": allowedNumRats});
     resultsDiv.appendChild(p);
     resultsDiv.appendChild(result);
-}
 
-const validator = new Validator();
+
+
+    // Send telemetry
+    td.signal("Update.NumRatsCalc", {
+        width: width,
+        depth: depth,
+        height: height,
+        numFullFloors: numFullFloors
+    });
+}

src/telemetry.js

@@ -0,0 +1,28 @@
+import TelemetryDeck from '@telemetrydeck/sdk';
+
+
+///////////////
+// TELEMETRY //
+///////////////
+
+// Telemetry Deck only collects fully anonymized data!
+
+function getOrCreateUUID() {
+    let cookie = document.cookie.split(";").some((item) => item.trim().startsWith("id="));
+    if (
+        cookie
+    ) {
+        return cookie.split("=")[1];
+    } else {
+        let uuid =crypto.randomUUID();
+        const days = 365;
+        const expires = new Date(Date.now() + days * 864e5).toUTCString();
+        document.cookie = `id=${uuid}; expires=${expires}`;
+        return uuid;
+    }
+}
+
+export const td = new TelemetryDeck({
+    appID: '4A88C6F5-2BDE-489E-9834-34D89FD5473F',
+    clientUser: getOrCreateUUID()
+});