interval times are now configurable through settings in FitBit mobile app

Author: thecouchcoder

app/index.js

@@ -2,8 +2,9 @@
  * Entry point for the watch app
  */
 import document from "document";
-import clock from "clock";
-clock.granularity = "seconds";
+import * as messaging from "messaging";
+import * as fs from "fs";
+import { vibration } from "haptics";
 import { style } from "./style.js"
 
 //grab screen elements
@@ -27,26 +28,39 @@ const breakText = "Break";
 let formattedHours = 0;
 let formattedMinutes = 0;
 let formattedSeconds = 0;
-let seconds = flowInSeconds;
 let counting = false;
+let countdownSeconds = flowInSeconds;
 
 //used to toggle between flow sessions and breaks
 let flow = true;
 let sessionTime = flowInSeconds;
 let currentSprint = 1;
 
-console.log(style);
+readFile();
 style();
-clock.ontick = () => progress();
+//clock.tick does not run in background so use setInterval instead
+setInterval(() => progress(), 1000)
 playPauseButton.onactivate = (evt) => {
-  //countingdown
-  if (counting){
-    pause();
-  } //paused
-  else{
-    play();
-  }
-  
+  counting ? pause() : play();
+}
+
+messaging.peerSocket.onmessage = (evt)=>{
+  //persist
+  writeToFile(evt);
+  readFile();
+}
+
+function writeToFile(evt){
+  fs.writeFileSync("flowSettings.txt", evt.data, "cbor");
+}
+
+function readFile(){
+  let settings = fs.readFileSync("flowSettings.txt", "cbor");
+  flowInSeconds = parseInt(settings.flowTime)*60;
+  shortBreakInSeconds = parseInt(settings.shortBreakTime)*60;
+  longBreakInSeconds = parseInt(settings.longBreakTime)*60;
+  countdownSeconds = flowInSeconds;
+  sessionTime = flowInSeconds;
 }
 
 function secondsToAngle(seconds){
@@ -56,14 +70,18 @@ function secondsToAngle(seconds){
 
 function progress(){
   if (counting){
-    if( !isSprintOver(seconds) ) {
-      seconds--;
+    if( !isSprintOver(countdownSeconds) ) {
+      countdownSeconds--;
       //calculate and update angle
-      progressArc.sweepAngle = secondsToAngle(sessionTime - seconds);
+      const sweepAnimation = progressArc.getElementById("sweepAnimation");
+      sweepAnimation.final = secondsToAngle(sessionTime - countdownSeconds);
+      sweepAnimation.easing = "ease-in";
+      sweepAnimation.dur = "1";
+      progressArc.sweepAngle = secondsToAngle(sessionTime - countdownSeconds);
     }
   }
 
-  formatCountdown(seconds);
+  formatCountdown(countdownSeconds);
 }
 
 function isSprintOver(seconds){
@@ -81,7 +99,8 @@ function nextSprint(){
 
   if (flow){ 
     setupSession(flowInSeconds, flowText);
-    currentSprint++;
+    currentSprint < sprints ? currentSprint++ : currentSprint = 1;
+    
     sprintCounter.text = `${currentSprint} of ${sprints}`
   }
   else { 
@@ -92,6 +111,8 @@ function nextSprint(){
       setupSession(longBreakInSeconds, breakText);
     }
   }
+  
+  vibration.start("nudge");
 }
 
 function setupSession(nextSessionSeconds, text){
@@ -100,7 +121,7 @@ function setupSession(nextSessionSeconds, text){
   //update session text
   sessionText.text = text;
   //set the correct seconds for progress
-  sessionTime = seconds = nextSessionSeconds;
+  sessionTime = countdownSeconds = nextSessionSeconds;
 
 }
 

companion/index.js

@@ -1,5 +1,32 @@
 /*
  * Entry point for the companion app
  */
+import { settingsStorage } from "settings";
+import { me } from "companion";
+import * as messaging from "messaging";
 
-console.log("Companion code started");
+// Event fires when a setting is changed
+settingsStorage.onchange = (evt) => { sendSettings(); }
+
+// Settings were changed while the companion was not running
+if (me.launchReasons.settingsChanged) {
+  sendSettings();
+}
+
+function sendSettings(){
+  let flowTime = settingsStorage.getItem("flowTimeSlider");
+  let shortTime = settingsStorage.getItem("shortBreakTimeSlider")
+  let longTime = settingsStorage.getItem("longBreakTimeSlider")
+  let data = {
+      flowTime : flowTime.substring(1, flowTime.length-1),
+      shortBreakTime : shortTime.substring(1, shortTime.length-1),
+      longBreakTimeSlider : longTime.substring(1, longTime.length-1)
+  }
+  
+  // If we have a MessageSocket, send the data to the device
+  if (messaging.peerSocket.readyState === messaging.peerSocket.OPEN) {
+    messaging.peerSocket.send(data);
+  } else {
+    console.log("No peerSocket connection");
+  }
+}

package.json

@@ -7,7 +7,6 @@
     "wipeColor": "#8bc34a",
     "requestedPermissions": [],
     "buildTargets": [
-      "higgs",
       "meson"
     ],
     "i18n": {

settings/index.jsx

@@ -0,0 +1,41 @@
+function Settings(props){
+  //setup because first time through will crash otherwise
+  props.settings.flowTimeSlider = !props.settings.flowTimeSlider ? "0" : props.settings.flowTimeSlider;
+  props.settings.shortBreakTimeSlider = !props.settings.shortBreakTimeSlider ? "0" : props.settings.shortBreakTimeSlider;
+  props.settings.longBreakTimeSlider = !props.settings.longBreakTimeSlider ? "0" : props.settings.longBreakTimeSlider;
+  
+  return(
+    <Page>
+      <Section
+        title={<Text bold align="center">WorkFlow Settings</Text>}>
+        <Text>Flow Time in minutes</Text>
+        <Slider
+            label= {props.settings.flowTimeSlider.substring(1,props.settings.flowTimeSlider.length-1)}
+            settingsKey="flowTimeSlider"
+            min="0"
+            max="240"
+          />
+          <Text>Short Break Time in minutes</Text>
+      
+        <Slider
+            label= {props.settings.shortBreakTimeSlider.substring(1,props.settings.shortBreakTimeSlider.length-1)}
+            settingsKey="shortBreakTimeSlider"
+            min="0"
+            max="60"
+          />
+        
+        <Text>Long Break Time in minutes</Text>
+        
+        <Slider
+            label= {props.settings.longBreakTimeSlider.substring(1,props.settings.longBreakTimeSlider.length-1)}
+            settingsKey="longBreakTimeSlider"
+            min="0"
+            max="60"
+          />
+      </Section>
+    </Page>
+  );
+}
+
+
+registerSettingsPage(Settings);