add fb login for cognito

Author: Aleksandar Simovic

iot-mqtt-websocket-chat/package.json

@@ -4,16 +4,17 @@
   "description": "",
   "main": "index.js",
   "scripts": {
+    "start": "claudia create --region us-east-1 --api-module api --set-endpoint --set-pool-id",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
   "license": "ISC",
   "dependencies": {
     "aws-device-gateway-signed-url": "github:gojko/aws-device-gateway-signed-url",
-    "claudia-api-builder": "^1.5.1",
+    "claudia-api-builder": "^2.3.1",
     "denodeify": "^1.2.1"
   },
   "devDependencies": {
-    "claudia": "^1.6.2"
+    "claudia": "^2.5.0"
   }
 }

iot-mqtt-websocket-chat/website/index.html

@@ -4,7 +4,8 @@ <h1>Hi there</h1>
 		<form onsubmit="return false;" action="#">
 			<input id="poolId" placeholder="pool id" value="us-east-1:{{poolid}}"/> <br/>
 		<input id="channel" placeholder="channel topic" value="game/123"/> <br/>
-		<button id="go">Go</button>
+		<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
+		</fb:login-button>
 		</form>
 
 		<hr/>
@@ -16,7 +17,7 @@ <h1>Hi there</h1>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js" type="text/javascript"></script>
 <script src="https://sdk.amazonaws.com/js/aws-sdk-2.5.2.min.js"></script>
-<script   src="https://code.jquery.com/jquery-3.1.0.min.js"   integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="   crossorigin="anonymous"></script>
+<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
 
 <script>
 
@@ -38,7 +39,7 @@ <h1>Hi there</h1>
     });
   }
 
- 
+
    MQTTClient.prototype.on = function(event, handler) {
     if (!this.listeners[event]) {
       this.listeners[event] = [];
@@ -109,7 +110,7 @@ <h1>Hi there</h1>
 			url: '/dev/endpoint-url',
 			method: 'POST',
 			dataType: "json",
-			data: JSON.stringify({ 
+			data: JSON.stringify({
 				secretKey: credentials.secretAccessKey,
 				accessKey: credentials.accessKeyId,
 				sessionToken:  credentials.sessionToken
@@ -145,24 +146,78 @@ <h1>Hi there</h1>
 		});
 };
 
+function statusChangeCallback(response) {
+    if (response.status === 'connected') {
+
+      console.log('logged in');
+
+      if (response.authResponse) {
+				handleLogin(response);
+
+      } else {
+        console.log('There was a problem logging you in.');
+      }
+
+    } else if (response.status === 'not_authorized') {
+      // The person is logged into Facebook, but not your app.
+      document.getElementById('status').innerHTML = 'Please log ' +
+        'into this app.';
+    } else {
+      // The person is not logged into Facebook, so we're not sure if
+      // they are logged into this app or not.
+      document.getElementById('status').innerHTML = 'Please log ' +
+        'into Facebook.';
+    }
+  }
 
-window.go.addEventListener('click', function () {
-	AWS.config.region = window.poolId.value.split(':')[0];
+
+function checkLoginState() {
+    FB.getLoginStatus(function(response) {
+      statusChangeCallback(response);
+    });
+  }
+
+  window.fbAsyncInit = function() {
+  FB.init({
+    appId      : '104266690079319',
+    cookie     : true,  // enable cookies to allow the server to access
+                        // the session
+    xfbml      : true,  // parse social plugins on this page
+    version    : 'v2.8' // use graph api version 2.8
+  });
+
+  FB.getLoginStatus(function(response) {
+    statusChangeCallback(response);
+  });
+
+function handleLogin(response){AWS.config.region = window.poolId.value.split(':')[0];
 	var credentials = new AWS.CognitoIdentityCredentials({
-		IdentityPoolId: window.poolId.value
+		IdentityPoolId: window.poolId.value,
+		Logins: {
+			'graph.facebook.com': response.authResponse.accessToken
+		}
 	});
 	credentials.get(function(err) {
 		if(err) {
 			console.log(err);
 			return;
 		}
-		console.log('access key', 
+		console.log('access key',
 				credentials.accessKeyId);
 		console.log('secret key', credentials.secretAccessKey);
 		console.log('session token', credentials.sessionToken);
 		startClient(credentials);
 	});
-});
+}
+
+// Load the SDK asynchronously
+  (function(d, s, id) {
+    var js, fjs = d.getElementsByTagName(s)[0];
+    if (d.getElementById(id)) return;
+    js = d.createElement(s); js.id = id;
+    js.src = "https://connect.facebook.net/en_US/sdk.js";
+    fjs.parentNode.insertBefore(js, fjs);
+  }(document, 'script', 'facebook-jssdk'));
 
 </script>
 	</body>