I can't access this.app from within a Hook.

[SudoPlz]

This is my code

import Marty from 'marty';
import LoginStore from '../stores/loginStore';
import config from '../config.json';

function createAuthHeader(token) {
    let scheme = config.API.AUTH_SCHEME;
    return `${scheme} token=${token}`;
};

Marty.HttpStateSource.addHook({

    id: 'addToken',


    before(req) {

        let token = this.app.loginStore.getToken(); //error here
        //Uncaught TypeError: Cannot read property 'loginStore' of undefined 


        if (token) {
            req.headers['Authorization'] = createAuthHeader(token);
        }
    }
});

How can I use this.app from within a hook?
Thank you.

[taion]

That's really weird. Are you sure you're properly passing up options to the super constructor of HttpStateSource?

[SudoPlz]

I have no constructor on HttpStateSource thats the code:

import Marty from 'marty';
import {format} from 'util';
import config from '../config.json';

var base = config.API.ROOT;
var endpoint = base + 'users';

function handleRes(res) {
  let json = res.json();
  if (res.ok) return json;
  throw new Error("Error in response", json, res);
}

class UserHttpAPI extends Marty.HttpStateSource {
  login(email, password) {
    var url = format(endpoint + '/login');
    return this.post({
      url: url,
      body: {
        email: email,
        password: password
      }
    }).then(handleRes);
  }

  getSelf() {
    return this.get(endpoint + '/self').then(handleRes)
  }
}

export default UserHttpAPI;

[taion]

That's really weird. Can you log what this resolves as in your hook?