Some horrible mishmash of GTM and local and I've got signin working.

Author: mathie

gulp/lib/component.coffee

@@ -68,9 +68,17 @@ vendorComponent = (pkg, kind, file = 'default') ->
         default: 'js/cbpAnimatedHeader.js'
     amazon:
       js:
-        default: 'javascripts/amazon-cognito.min.js'
+        default: [
+          'javascripts/aws-cognito-sdk.min.js'
+          'javascripts/amazon-cognito.min.js'
+          'javascripts/amazon-cognito-identity.min.js'
+        ]
 
   if !pkgs[pkg] || !pkgs[pkg][kind] || !pkgs[pkg][kind][file]
     throw "couldnt find #{kind} for package named '#{pkg}'."
 
-  "#{config.vendorDir}/#{pkg}/#{pkgs[pkg][kind][file]}"
+  files = pkgs[pkg][kind][file]
+  files = [files] if typeof files is 'string'
+
+  files.map (file) ->
+    "#{config.vendorDir}/#{pkg}/#{file}"

gulp/tasks/javascripts.coffee

@@ -31,3 +31,4 @@ Object.keys(config.assets.javascripts).map jsTasks
 gulp.task 'watch:javascripts', ->
   for task in config.assets.javascripts
     gulp.watch javascriptFilesFor(task), [ "build:javascripts:#{task}:development" ]
+    gulp.watch ["#{config.sourceDir}/javascripts/#{task}.js"], [ "build:javascripts:#{task}:development" ]

source/_metadata.html.erb

@@ -28,3 +28,5 @@
 <%= partial 'metadata/facebook' %>
 <%= partial 'metadata/twitter' %>
 <%= partial 'metadata/schema' %>
+
+<meta name="google-signin-client_id" content="923050889968-4o4u5a34mbnptfsv8aqa20m6gb7qjhr7.apps.googleusercontent.com">

source/javascripts/all.js

@@ -1,21 +1,22 @@
 // This is where it all goes :)
 
 $(function() {
+  sjcl.random.startCollectors();
+
   AWS.config.region = 'us-east-1';
   AWS.config.credentials = new AWS.CognitoIdentityCredentials({
     IdentityPoolId: 'us-east-1:04bf3f30-8ea2-44d5-961f-1b7f61450363',
+    Logins: {}
   });
 
   AWS.config.logger = console;
 
   console.log("Hello world.");
 
-  var identityId = AWS.config.credentials.identityId;
-
-  console.log(identityId);
-
   AWS.config.credentials.get(function() {
-    console.log("Got into credentials.get");
+    var identityId = AWS.config.credentials.identityId;
+    console.log(identityId);
+
     var syncClient = new AWS.CognitoSyncManager();
     syncClient.openOrCreateDataset('rubyonrails.co.uk', function(err, dataset) {
       dataset.put('hello', 'World', function(err, record) {
@@ -28,5 +29,78 @@ $(function() {
         });
       });
     });
+
+    var poolData = {
+      UserPoolId: 'us-east-1_XRvr3oTui',
+      ClientId: '7bqasb3pgsgt5cduktgqqugrgd',
+      Paranoia: 7
+    };
+
+    var userPool = new AWSCognito.CognitoIdentityServiceProvider.CognitoUserPool(poolData);
+
+    var cognitoUser = userPool.getCurrentUser();
+    if(cognitoUser != null) {
+      cognitoUser.getSession(function(err, result) {
+        if(result) {
+          console.log('You are now logged in.');
+        }
+      });
+    }
+
   });
 });
+
+function statusChangeCallback(response) {
+  console.log('statusChangeCallback');
+  console.log(response);
+
+  if(response.status === 'connected') {
+    testAPI();
+  } else if(response.status === 'not_authorized') {
+    document.getElementById('status').innerHTML = 'Please log into this app';
+  } else {
+    document.getElementById('status').innerHTML = 'Please log into Facebook';
+  }
+}
+
+function checkLoginState() {
+  FB.getLoginStatus(function(response) {
+    statusChangeCallback(response);
+  });
+}
+
+function testAPI() {
+  console.log('Welcome! Fetching your information...');
+  FB.api('/me', function(response) {
+    console.log('Successful login for: ' + response.name);
+    document.getElementById('status').innerHTML = 'Thanks for logging in, ' + response.name + '!';
+  });
+}
+
+function onSignIn(googleUser) {
+  var profile = googleUser.getBasicProfile();
+  console.log("Google user information");
+  console.log(profile);
+
+  AWS.config.credentials.params.Logins['accounts.google.com'] = googleUser.getAuthResponse().id_token;
+  AWS.config.credentials.expired = true;
+
+  AWS.config.credentials.get(function() {
+    console.log("Credentials gotten for Google. identityId = " + AWS.config.credentials.identityId);
+
+    var syncClient = new AWS.CognitoSyncManager();
+    syncClient.openOrCreateDataset('rubyonrails.co.uk', function(err, dataset) {
+      dataset.put('currentLogin', 'Google', function(err, record) {
+        dataset.put('name', profile.getName(), function(err, record) {
+          dataset.put('email', profile.getEmail(), function(err, record) {
+            dataset.synchronize({
+              onSuccess: function(data, newRecords) {
+                console.log('Google profile synchronised.');
+              }
+            });
+          });
+        });
+      });
+    });
+  });
+}

source/sign-in.html.erb

@@ -0,0 +1,30 @@
+---
+title: Sign in
+layout: landing_page
+---
+<% content_for :navbar do %>
+  <li><%= link_to 'Home', '', fragment: 'page-top', class: 'page-scroll' %></li>
+<% end %>
+
+<section id="sign-in" class="features white-section">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <div class="navy-line"></div>
+        <h1>Sign in</h1>
+
+        <p class="lead">
+          Let's see if we can figure out some way of doing login...
+        </p>
+
+        <fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
+        </fb:login-button>
+
+        <div class="g-signin2" data-onsuccess="onSignIn"></div>
+
+        <p id="status">
+        </p>
+      </div>
+    </div>
+  </div>
+</section>