Added example

Author: Jon Barlow

README.md

@@ -1,2 +1,19 @@
 # sdk-oauth
-A sample application which uses the Settings API oAuth component, and the Fitbit Web API to query sleep data.
+
+A sample application which uses the Settings API OAuth component, and the Fitbit
+Web API to query sleep data.
+
+## Usage
+
+1. You must first register a Web Application on
+   [dev.fitbit.com](https://dev.fitbit.com/apps/new).
+
+- OAuth 2.0 Application Type: **Server**
+- Callback URL:
+  **https://app-settings.fitbitdevelopercontent.com/simple-redirect.html**
+
+2. Enter your **OAuth 2.0 Client ID** and **Client Secret** into
+   `settings/index.jsx`
+
+Read more in the [Reference
+documentation](https://dev.fitbit.com/reference/#overview).

app/index.js

@@ -0,0 +1,16 @@
+import document from "document";
+import * as messaging from "messaging";
+
+let myImage = document.getElementById("myImage");
+
+// Message is received from companion
+messaging.peerSocket.onmessage = evt => {
+  // Am I Tired?
+  if (evt.data.totalMinutesAsleep >= 300) {
+    // Had at least 5 hours sleep
+    myImage.href = "images/awake.jpg";
+  } else {
+    // Had less than 5 hours sleep
+    myImage.href = "images/sleepy.jpg";
+  }
+};

companion/index.js

@@ -0,0 +1,57 @@
+import * as messaging from "messaging";
+import { settingsStorage } from "settings";
+
+// Fetch Sleep Data from Fitbit Web API
+function fetchSleepData(accessToken)  {
+  let todayDate = new Date().toISOString().slice(0,10); //YYYY-MM-DD
+
+  fetch(`https://api.fitbit.com/1.2/user/-/sleep/date/${todayDate}.json`, {
+    method: "GET",
+    headers: {
+      "Authorization": `Bearer ${accessToken}`
+    }
+  })
+  .then(function(res) {
+    return res.json();
+  })
+  .then(function(data) {
+    let myData = {
+      totalMinutesAsleep: data.summary.totalMinutesAsleep
+    }
+    sendVal(myData);
+  })
+  .catch(err => console.log('[FETCH]: ' + err));
+}
+
+// Send data to the device
+function sendVal(data) {
+  if (messaging.peerSocket.readyState === messaging.peerSocket.OPEN) {
+    messaging.peerSocket.send(data);
+  }
+}
+
+// A user changes Settings
+settingsStorage.onchange = evt => {
+  if (evt.key === "oauth") {
+    // Settings page sent us an oAuth token
+    let data = JSON.parse(evt.newValue);
+    fetchSleepData(data.access_token) ;
+  }
+};
+
+// Restore previously saved settings and send to the device
+function restoreSettings() {
+  for (let index = 0; index < settingsStorage.length; index++) {
+    let key = settingsStorage.key(index);
+    if (key && key === "oauth") {
+      // We already have an oauth token
+      let data = JSON.parse(settingsStorage.getItem(key))
+      fetchSleepData(data.access_token);
+    }
+  }
+}
+
+// Message socket opens
+messaging.peerSocket.onopen = () => {
+  restoreSettings();
+};

package.json

@@ -0,0 +1,17 @@
+{
+  "fitbit": {
+    "appUUID": "f09e8a1b-34dd-43bb-95c9-21c351ed4ed4",
+    "appType": "app",
+    "appDisplayName": "Am I Tired?",
+    "iconFile": "resources/icon.png",
+    "wipeColor": "#ffeb3b",
+    "requestedPermissions": [
+      "access_internet"
+    ],
+    "i18n": {
+      "en": {
+        "name": "Am I Tired?"
+      }
+    }
+  }
+}

resources/icon.png

@@ -0,0 +1,3 @@
+<svg>
+  <image id="myImage" href="images/waiting.jpg" />
+</svg>

resources/images/awake.jpg

@@ -0,0 +1,6 @@
+<svg>
+  <defs>
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="import" href="/mnt/sysassets/widgets_common.gui" />
+  </defs>
+</svg>

resources/images/sleepy.jpg

@@ -0,0 +1,22 @@
+function mySettings(props) {
+  return (
+    <Page>
+      <Section
+        title={<Text bold align="center">Fitbit Account</Text>}>
+        <Oauth
+          settingsKey="oauth"
+          title="Login"
+          label="Fitbit"
+          status="Login"
+          authorizeUrl="https://www.fitbit.com/oauth2/authorize"
+          requestTokenUrl="https://api.fitbit.com/oauth2/token"
+          clientId="XXXXXXXXXX"
+          clientSecret="XXXXXXXXXX"
+          scope="profile sleep"
+        />
+      </Section>
+    </Page>
+  );
+}
+
+registerSettingsPage(mySettings);