Merge pull request #4 from Fitbit/jonb/versa

Updated for Versa

app/index.js

@@ -1,21 +1,21 @@
 import document from "document";
 import { Barometer } from "barometer";
 
-console.log("Altimeter starting!");
-
 // Fetch UI elements we will need to change
 var altitudeLabel = document.getElementById("altitude");
 var pressureLabel = document.getElementById("pressure");
 
 // Initialize the UI with some values
-altitudeLabel.innerText = "-";
+altitudeLabel.text = "--";
+pressureLabel.text = "--";
 
 // Create a new instance of the Barometer
 var bar = new Barometer();
 
-bar.onreading = function() {
-  altitudeLabel.innerText = altitudeFromPressure(bar.pressure / 100) + " ft";
-  pressureLabel.innerText = Math.round(bar.pressure / 100) + " hPa";
+// Update the lavel with each reading from the sensor
+bar.onreading = () => {
+  altitudeLabel.text = altitudeFromPressure(bar.pressure / 100) + " ft";
+  pressureLabel.text = Math.round(bar.pressure / 100) + " hPa";
 }
 
 // Begin monitoring the sensor

package.json

@@ -2,6 +2,17 @@
   "fitbit": {
     "appType": "app",
     "appDisplayName": "Altimeter",
-    "wipeColor": "#03a9f4"
+    "iconFile": "resources/icon.png",
+    "wipeColor": "#03a9f4",
+    "requestedPermissions": [],
+    "buildTargets": [
+      "higgs",
+      "meson"
+    ],
+    "i18n": {
+      "en": {
+        "name": "Altimeter"
+      }
+    }
   }
 }

resources/index.gui

@@ -1,4 +1,4 @@
 <svg>
-  <text id="altitude" x="50%" y="180" class="large-value">altitude</text>
-  <text id="pressure" x="50%" y="230" class="small-value">pressure</text>
-</svg>
+  <text id="altitude" x="50%" y="72%" class="large-value">altitude</text>
+  <text id="pressure" x="50%" y="92%" class="small-value">pressure</text>
+</svg>

resources/widgets.gui

@@ -2,4 +2,4 @@
   <defs>
     <link rel="stylesheet" href="styles.css" />
   </defs>
-</svg>
+</svg>