Sample code to login and logout with accounts.topcoder.com

.tavis.yml → .travis.yml

@@ -27,16 +27,16 @@ deploy:
   local_dir: dist
   on:
     branch: qa
-- provider: s3
-  cache_control: private, no-store, no-cache, must-revalidate, max-age=0
-  detect_encoding: true
-  access_key_id: $MASTER_AWS_KEY
-  secret_access_key: $MASTER_AWS_SECRET
-  bucket: sample.topcoder.com
-  skip_cleanup: true
-  local_dir: dist
-  on:
-    branch: master
+#- provider: s3
+#  cache_control: private, no-store, no-cache, must-revalidate, max-age=0
+#  detect_encoding: true
+#  access_key_id: $MASTER_AWS_KEY
+#  secret_access_key: $MASTER_AWS_SECRET
+#  bucket: sample.topcoder.com
+#  skip_cleanup: true
+#  local_dir: dist
+#  on:
+#    branch: master
 env:
   matrix:
   - CXX=g++-4.8
@@ -45,7 +45,10 @@ env:
   - secure: "vmS6JnYZ9210zdnr/gtobE6VnxQuVWAASNMrhIXyzZfU26gELBN18tgWczESAPLex/gkUKDrmv7IhUvxIIeCH1IznwPmlZXsgCm4IGfMYy7+Fxe+UxbHuJ5oyM4rfxAdp5lYdNMbcopY4F3e7H95SleC+2PdFuuTrWuvHIm8CzaqPV/NndTtdiO+iVkO9usgiOywZuV6Be13PKP4K06JwiNrKbiGRxkVZyVJLlqMPaLUaA/gO7+U3pm/xpRZxxlzVHdAq/QzHzQFdZhijfzjPvcX7qwP2PYfjTxpm47okICldtEZ7v1yWQvlfoQYWGnBZEPgUez0nvk7T3QmQ7dlkH1bw+oiosrLT4cmHd2N3B0n/N33pSu5600DULSK011p+wLna9dDRGoDrLsxqK/Sm5EUySu+6V82QN9z5mqVAXb6fhUmQkC6dN6+qo575U3oumDrlidtR0t0yN7EkVSP3YrDlb90ciNK289oeyNX1SqlZ2Q7IACgWAdb6C7wKDAHG5hML6EKo2vOhvwPyX9YIYowpe5Ej98QSersRhEbutMZZpDsOO1xVWKW6SQjm0eZjThpkUbKpbI3J35BkDZ/tNug42gAMkH3dAdqDp+BE3HRN+L8dKG3zDaJ9TqOjdk82sl7tijozbAcfvTdLXwA/HGi7XMxy9/TjG12j1MS3qE="
   # DEV_AWS_SECRET
   - secure: "mjs2tfPcqbKTbPki3MwfIQKh91PVyukBMaqmjOnbuSF0BgUb8gTw6GEjiBDgqNr1udvNzAmHXT1fj9jgpIMmO12hX3xtpsrRfesO1kxRzAE/13MinriOuqQ6jpgNK3vXmvuIss+/tMgcl6yTTpJeNBHntaRVXICl//6cw1ZsQF0epZcWf6Sc0/GzSDVI9zbotvMsAFU6qH70JvqP87eWzvIEX+2JmMQIrfqoBnUFGuOWIaH0fh3eFOBYhvIh4HFqKAhhMqi2mT7TBT/i6HyKF5s5NJ6F5mGGg6RS7aTzARDmUpp0l0yQvP+kpDAQRtGR1KOW/Jg8EMIM5+D/3gxErolLDfXxnwhHk1J6Pz3y2YZKX5EZOQfw17PTJX4A7IUMLvYaLK/D4sayVM89rE/qOC70ciIL2Jg6nQWGz807sBr0y9bnUJZ8kOIrtfngE5D2n19U+5gpBxBzZyIPV4DOWANA5hHK5urVph5UCslv8L8xF2Ymg0TRBPBLPwIfy57H52Wik0iOIpM5JMdkz7g8sme3Ab1ypnPqNvuOywvhP4Motuo3Tb+jAG9r8ryB7YQPIXP1+n+BS2N4rso1XQDyagIgQ6mxVU4Y3kqi97DooRFMjThLsXvKQUU4vvTi3nQ8n+JnsjMNLJvxlJJJGocoOhr7GncTky+7uPgaQ50DBw4="
-
+  # QA_AWS_KEY
+  - secure: "sLC8iyyxNgSz84aO/1biTp2KM1SGmdHndi78fAy1oc0wIDBhIe8pJMXgflBQSf0UosmWmM1KOQoOACAZukZinFOqVzx04Rcm4u2nZl3QSsDOIPPdzp0/1/n0Vov9hEIId5cnbQj+FghYJJ4xPDkNqmKvCEw+k0Yc23WgU1QycX5dyq8A/wYmq0Wo6EelMr4umt7U0hqXBhQOOYDJejNG6yp0/xJ8r69C6tyFIaU+odgG8kPmYnlapn25Gb3VpsJMNy7t7zuZL2OxVUBN2mqUqB9tsT6NXrnQVxhJ/ff5IGUKLf2Vm9aA7hzRMvRF7FLgD04a0nN2H49TN5mD15oiIAIhBH7Wjs26knTGsdIHSroOtFIYB6duPy8Bkm7gHTO8Z00a6hS4SoRzdJXgHbNXSRUNjevffstcc9jZUQl7GR8pR29ApIZ7RuVYJrktRZfaJh9tvMOCDea5lMAdJX90KTyyZX+YyY2G3WHi3NJ22jAleCPSTzJVBF2LEZbFIuBxAwpfepKdJ1e13lcq/FGiA+nt9G+IBQoNsiPzi8mH0WlWGszOF9RYeo+Ly6Ssu1+MRjfUk2tM+La3l2vz+8siMjBEWLlVxmsUgvRnbMo2G8jfatiwGjVnsmu/kMyd3PFUTVoPGoDAWeF/wscqblAII/ORja/DVt26mFcGCnjlGes="
+  # QA_AWS_SECRET
+  - secure: "KvdQCv5kWRJnCu+UT31m/nz6kmgUxOjuZn9oRmFKmZ/K9l4h5Rgxe05cF19d8Z/t8+RN+om5t0fV5Qx17Kj+1CulVwczusyJqvfSyfHt3psXY4sl0o318Zt3qjg1Erj9XkKlWMA05RneatIRhMuE+BAo4Auf04NGVGTCjuMgmzCWhYIu60u0Ez0yjkPY6jwTc6p2yf8mbscSX5DVei/Y19t5BHQAZoTc1uQck3yewIsAJDJwKUm0H6DAmKuSLkMlats9Wx/wL+vqNdbpFTG3ge0bqHSXz8T4nY/UABt8NK9epQv4pqt9EtUGK/OXwoAKXyDDiqb8cL0te/u96BNV4C8DGsA/9b5YnL5SGBAXQT2TCmBISZ0o+iG5HoNFIgtMTOXvP8gCp+XNlSdeoB19pC8DMcc9kRAP9aTDMrk29Nnt9CUh8zNVQjjZhVGeZP0KBw8pwkcxLccrpBr4XbjJQB3O+KIHbSahZHFuQpTbNV1YGLjOfazEW6icUenLS2+4HVsEwTI2I9Ns+Zzr6OXt13K4Zz0MgVFdn2zqYgRR4RzAgMk8sMcgUt5oQqfwHFjv/XVX6dg/44GBW4XLOX1VZblgZfcUCeo0UwA9PE7DOeyaWJrdzNoH/BtW4UMyKkHsBWDA2ck/7EQCgkgoBJ46/tirCoj6CzVG9QxTqJPj2Mo="
 addons:
   apt:
     sources:

README.md

@@ -1 +1,28 @@
-# sample-app
+# sample-app
+
+## build & run
+```
+nvm use
+npm install
+npm run dev
+```
+
+## sample: login & logout
+**local**
+```
+http://localhost:3100/
+```
+**dev**
+```
+https://sample.topcoder-dev.com/
+```
+
+## sample: reset-password
+**local**
+```
+http://localhost:3100/reset-password?token=xxxxxx&handle=xxxxxx
+```
+**dev**
+```
+https://sample.topcoder-dev.com/reset-password?token=xxxxxx&handle=xxxxxx
+```

app/auth/auth.module.js

@@ -0,0 +1,26 @@
+'use strict'
+
+require('angular-jwt')
+
+import { configureConnector, getFreshToken } from 'tc-accounts'
+
+configureConnector({
+  connectorUrl: process.env.CONNECTOR_URL,
+  frameId: 'tc-accounts-iframe'
+})
+
+const dependencies = ['angular-jwt']
+
+const config = function($httpProvider, jwtInterceptorProvider) {
+  function jwtInterceptor() {
+    return getFreshToken()
+  }
+
+  jwtInterceptorProvider.tokenGetter = jwtInterceptor
+
+  $httpProvider.interceptors.push('jwtInterceptor')
+}
+
+config.$inject = ['$httpProvider', 'jwtInterceptorProvider']
+
+angular.module('appirio-tech-ng-auth', dependencies).config(config)

app/index.coffee

@@ -6,10 +6,10 @@ __webpack_public_path__ = publicPath
 
 require 'angular'
 require 'angular-ui-router'
+require 'angular-cookies'
 
 require './sample.module'
 
-require 'appirio-tech-ng-api-services'
 require 'appirio-tech-ng-auth'
 
 requireContextFiles = (files) ->

app/logout.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
+  </head>
+  <body>
+    Logging out..
+    <script type="text/javascript">
+      function deleteCookie(cookie) {
+        console.log('Deleting '+cookie+' from Cookie.');
+        var domain = location.hostname.substring(location.hostname.indexOf('.'));
+        document.cookie = cookie + "=; path=/; domain=" + domain + "; expires=" + (new Date()).toGMTString()+"; ";
+      }
+      function deleteItem(key) {
+        if(localStorage) {
+          console.log('Deleting '+key+' from Storage.');
+          localStorage.removeItem(key);
+        }    
+      }
+      if(localStorage) {
+        // tc
+        deleteItem('appiriojwt');
+        deleteCookie('tcjwt');
+        deleteCookie('tcsso');
+        // connect
+        deleteItem('auth0Jwt');
+        deleteItem('userJWTToken');
+        deleteItem('userRefreshJWTToken');
+        deleteItem('v2SSOToken');
+      }
+    </script>
+  </body>
+</html>

app/sample.module.coffee

@@ -1,29 +1,38 @@
 'use strict'
 
+# Module
 dependencies = [
   'ui.router'
+  'ngCookies'
   'appirio-tech-ng-auth'
 ]
 
 angular.module 'sample', dependencies
 
 
+# Configuration
 config = ($locationProvider, $stateProvider) ->
   states = {}
 
   $locationProvider.html5Mode true
 
   # customer routes
-
+  # Root
   states['home'] =
     url         : '/'
     title       : 'Home'
     controller  : 'HomeController as vm'
     template    : require('./views/home')()
 
+  # Logout (TODO: This does not work with the accounts site)
   states['logout'] =
     url         : '/logout'
-    controller  : 'LogoutController'
+    controller  : 'LogoutController as vm'
+
+  states['resetPassword'] =
+    url         : '/reset-password?handle&token'
+    controller  : 'ResetPasswordController as vm'
+    template    : require('./views/reset-password')()
 
   for key, state of states
     $stateProvider.state key, state
@@ -33,11 +42,18 @@ config.$inject = ['$locationProvider', '$stateProvider']
 angular.module('sample').config config
 
 
+# Constants
+# see webpack.config.js
 constants =
-  LOGIN_RETURN_URL:   process.env.LOGIN_RETURN_URL
-  LOGOUT_RETURN_URL:  process.env.LOGOUT_RETURN_URL
-  ACCOUNTS_LOGIN_URL: process.env.ACCOUNTS_LOGIN_URL
-  ACCOUNTS_LOGOUT_URL:process.env.ACCOUNTS_LOGOUT_URL
+  LOGIN_RETURN_URL    : process.env.LOGIN_RETURN_URL
+  LOGOUT_RETURN_URL   : process.env.LOGOUT_RETURN_URL
+  ACCOUNTS_LOGIN_URL  : process.env.ACCOUNTS_LOGIN_URL
+  ACCOUNTS_LOGOUT_URL : process.env.ACCOUNTS_LOGOUT_URL
+  COOKIE_SPEC :
+    create: () ->
+      path   : '/'
+      domain : process.env.COOKIE_DOAMIN
+      expires: new Date((new Date()).getTime() + (7776000 * 1000))
 
 angular.module('sample').constant 'constants', constants
 

app/scripts/home.controller.coffee

@@ -0,0 +1,76 @@
+'use strict'
+
+require('../auth/auth.module.js')
+
+{ decodeToken, getFreshToken, logout  } = require 'tc-accounts'
+
+
+HomeController = (
+  $scope
+  $log
+  $window
+  $location
+  $stateParams
+  constants) ->
+
+  vm = this
+
+  # cehck if user is logged in  
+  vm.isLoggedIn = false
+
+  # redirect to accounts.topcoder.com to log in to the system.
+  # with specifying the callback url on 'retUrl' and 'app' parameters.
+  # e.g. https://accounts.topcoder-dev.com/login?retUrl=https%3A%2F%2Fsample.topcoder-dev.com%2F
+  vm.login = (app) ->
+    accountsUrl = constants.ACCOUNTS_LOGIN_URL + '?app=' + app  + '&retUrl=' + encodeURIComponent(constants.LOGIN_RETURN_URL) 
+    $log.info 'redirect to '　+ accountsUrl
+    $window.location = accountsUrl
+
+  # redirect to accounts.topcoder.com to log out from the system.
+  # with specifying the callback url on 'retUrl' parameter.
+  # e.g. https://accounts.topcoder-dev.com/logout?retUrl=https%3A%2F%2Fsample.topcoder-dev.com%2F
+  vm.logout = ->
+    logout().then () ->
+      $scope.$apply ->
+        vm.isLoggedIn = false
+        vm.username = ''
+    ###
+    AuthService.logout()
+    accountsUrl = constants.ACCOUNTS_LOGOUT_URL + '?retUrl=' + encodeURIComponent(constants.LOGOUT_RETURN_URL) 
+    $log.info 'redirect to '　+ accountsUrl
+    $window.location = accountsUrl
+    ###
+
+  # handle callback
+  # https://sample.topcoder-dev.com/?jwt=.....
+  # - jwt  : v3 jwt
+  # - tcjwt: v2 jwt
+  # - tcsso: sso token
+  init = ->
+    getFreshToken().then (token) ->
+      if token
+        $scope.$apply ->
+          vm.isLoggedIn = true
+          vm.username = decodeToken(token).handle
+
+    # if $stateParams.jwt
+    #   TokenService.setAppirioJWT $stateParams.jwt
+    # # username in jwt
+    # if AuthService.isLoggedIn()
+    #   vm.username = TokenService.decodeToken().handle
+
+    vm
+
+  init()
+
+
+HomeController.$inject = [
+  '$scope'
+  '$log'
+  '$window'
+  '$location'
+  '$stateParams'
+  'constants'
+]
+
+angular.module('sample').controller 'HomeController', HomeController

app/scripts/logout.controller.coffee

@@ -5,13 +5,16 @@ LogoutController = (
     $rootScope
     $location
     $state
+    $cookies
+    constants
     AuthService) ->
 
   vm = this
 
   init = ->
     $log.info "****** LOGGED OUT ******"
-    AuthService.logout()
+    $cookies.remove 'tcjwt', constants.COOKIE_SPEC.create()
+    $cookies.remove 'tcsso', constants.COOKIE_SPEC.create()
     $state.go 'home'
     vm
 
@@ -22,6 +25,8 @@ LogoutController.$inject = [
   '$rootScope'
   '$location'
   '$state'
+  '$cookies'
+  'constants'
   'AuthService'
 ]