integrate oneauth cookie login

Author: vdvibhu20

app/adapters/application.js

@@ -18,7 +18,7 @@ export default DS.JSONAPIAdapter.extend(DataAdapterMixin, {
     return this._super(url, method, hash);
   },
   authorize(xhr) {
-    const { jwt } = this.get('session.data.authenticated');
+    const jwt = this.get('session.data.token');
     if (isPresent(jwt)) {
       xhr.setRequestHeader('Authorization', `JWT ${jwt}`);
     }

app/mixins/authenticated-route-mixin.js

@@ -4,9 +4,13 @@ import Mixin from '@ember/object/mixin';
 
 export default Mixin.create(AuthenticatedRouteMixin, {
   router: service(),
+  session: service(),
 
   beforeModel () {
     localStorage.setItem('redirectionPath', window.location.pathname)
-    return this._super(...arguments)
+
+    if(!this.session.isAuthenticated) {
+      router.transitionTo('application')
+    }
   }
 })

app/pods/application/route.js

@@ -1,11 +1,10 @@
 import Route from '@ember/routing/route';
-import ApplicationRouteMixin from 'ember-simple-auth/mixins/application-route-mixin';
 import UTMCookieRouteMixin from 'hackerblocks/mixins/utm-cookie-route-mixin';
 import { inject as service } from '@ember/service';
 import { isNone } from '@ember/utils';
 import config from 'hackerblocks/config/environment'
 
-export default Route.extend(ApplicationRouteMixin, UTMCookieRouteMixin, {
+export default Route.extend(UTMCookieRouteMixin, {
     session: service(),
     currentUser: service(),
     queryParams: {
@@ -28,31 +27,11 @@ export default Route.extend(ApplicationRouteMixin, UTMCookieRouteMixin, {
 
     async beforeModel (transition) {
       this._super(...arguments)
-      if (!isNone(transition.to.queryParams.code)) {
-        if (this.get('session.isAuthenticated')) {
-          return this.transitionTo('index', { queryParams: { code: undefined } })
-        }
-        // we have ?code qp
-        const { code } = transition.to.queryParams
-        
-        try {
-          await (
-            this.session.authenticate('authenticator:jwt', { identification: code, password: code, code })
-              .then(() => this.currentUser.load())
-          )
-          return this.transitionTo('index', { queryParams: { code: undefined } })
-        } catch (error) {
-          console.log(error)
-          if (error.json.err === 'USER_EMAIL_NOT_VERIFIED') {
-            this.transitionTo('error', {
-              queryParams: {
-                errorCode: 'USER_EMAIL_NOT_VERIFIED',
-                code: undefined
-              }
-            })
-          }
-        }
+
+      if(!this.session.isAuthenticated) {
+        window.location.href = config.nuxtPublicUrl
       }
+      
     },
 
     async model () {

app/pods/components/nav-bar/component.js

@@ -7,6 +7,7 @@ import config from 'hackerblocks/config/environment'
 export default class NavBarComponent extends Component {
   @service session
   @service currentUser
+  @service router
   @alias('currentUser.user') user
 
   hideHamburgerNav = true
@@ -17,7 +18,8 @@ export default class NavBarComponent extends Component {
     this.toggleProperty('hideHamburgerNav')
   }
 
-  get logoutLink () {
-    return config.oneauthURL + '/logout?redirect=' + config.publicUrl + '/logout'
+  @action
+  logout () {
+    return this.router.transitionTo('logout')
   }
 }

app/pods/components/nav-bar/template.hbs

@@ -72,7 +72,7 @@
             </li>
             <div class="divider-h my-3"></div>
             <li>
-              <a class="dark-grey"  href={{logoutLink}} >
+              <a class="dark-grey" {{action 'logout'}} >
                 Logout
               </a>
             </li>

app/pods/logout/route.js

@@ -7,7 +7,6 @@ export default class Logout extends Route {
 
   async beforeModel(transition) { 
     try {
-      await this.api.request("/jwt/logout")
       window.localStorage.clear()
       await this.session.invalidate();
     } catch (err) {

app/services/api.js

@@ -8,9 +8,9 @@ export default AjaxService.extend({
     host: env.apiHost,
     contentType: 'application/json; charset=utf-8',
     namespace: '/api/v2',
-    headers: computed ('session.data.authenticated.jwt', function () {
+    headers: computed ('session.data.token', function () {
         let headers = {};
-        const jwt = this.get('session.data.authenticated.jwt');
+        const jwt = this.get('session.data.token');
         if (jwt) {
             headers['Authorization'] = `JWT ${jwt}`;
           }

app/services/session.js

@@ -0,0 +1,52 @@
+import Service from '@ember/service';
+import { inject as service } from '@ember/service';
+import Ember from 'ember';
+import ENV from 'hackerblocks/config/environment';
+
+export default Service.extend({
+  api: service(),
+  router: service(),
+  cookieName: 'cb_auth',
+  isAuthenticated: false,
+  data: null,
+
+  init() {
+    this._super(...arguments)
+    this.validate()
+  },
+
+  async authenticate(data) {
+    await this.api.request(`/jwt/login?grant_code=${data.code}`)
+      .catch(err => console.log(err))
+    this.validate()
+    this.router.transitionTo('application')
+  },
+
+  getCookieToken() {
+    if (!Ember.isEmpty(document.cookie)) {
+      const cookies = document.cookie.split(';')
+      const cookie = cookies.filter(c => c.includes(this.cookieName))[0]
+      if (!Ember.isEmpty(cookie)) {
+        return cookie.split('=')[1]
+      }
+    }
+  },
+
+  async invalidate() {
+    await this.api.request('/jwt/logout').catch(err => console.log(err))
+    window.location.href = `${ENV.oneauthURL}/logout?returnTo=${ENV.publicUrl}`
+  },
+
+  validate() {
+    const token = this.getCookieToken()
+
+    if (Ember.isEmpty(token)) {
+      this.set('data', null)
+      this.set('isAuthenticated', false)
+    } else {
+      this.set('data', { token })
+      this.set('isAuthenticated', true)
+    }
+  }
+
+})

config/environment.js

@@ -50,11 +50,12 @@ module.exports = function (environment) {
     // ENV.APP.LOG_TRANSITIONS = true;
     // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
     // ENV.APP.LOG_VIEW_LOOKUPS = true;
+    ENV.nuxtPublicUrl = "http://localhost:8081"
     ENV.publicUrl = 'http://test.hackerblocks/app/';
     // ENV.publicUrl = "http://localhost:4200/app/";
     ENV.apiHost = 'http://test.hackbackend';
     // ENV.apiHost = "http://localhost:3000";
-    ENV.oneauthURL = "https://account.codingblocks.com";
+    ENV.oneauthURL = "http://localhost:3838";
     ENV.clientId = 3680446660;
   }
 
@@ -73,6 +74,7 @@ module.exports = function (environment) {
   }
 
   if (environment === "staging") {
+    ENV.nuxtPublicUrl = "https://hack.codingblocks.xyz"
     ENV.publicUrl = "http://hack.codingblocks.xyz/app/";
     ENV.apiHost = "https://hack-api.codingblocks.xyz";
     ENV.oneauthURL = "https://account.codingblocks.com";
@@ -81,6 +83,7 @@ module.exports = function (environment) {
   }
 
   if (environment === "production") {
+    ENV.nuxtPublicUrl = "https://hack.codingblocks.com"
     ENV.publicUrl = "https://hack.codingblocks.com/app";
     ENV.apiHost = "https://hack-api.codingblocks.com";
     ENV.oneauthURL = "https://account.codingblocks.com";

tests/unit/services/session-test.js

@@ -0,0 +1,12 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Service | session', function(hooks) {
+  setupTest(hooks);
+
+  // Replace this with your real tests.
+  test('it exists', function(assert) {
+    let service = this.owner.lookup('service:session');
+    assert.ok(service);
+  });
+});