Feature/blockstack

[billxinli]

Summary

This PR added the following features

• Blockstack Login
• Test Coverage

This PR modified the following features

• Ejected the create-react-app magic, and we have control over all the config files, this is because blockstack needs cors enabled to fetch the manifest file for auth flow.

Screenshot

How to test it

yarn test to see the test failing because of coverage

Click the login button to see your information being pulled from blockstack

Other Information

I will split PRs into seperate things in the future.

[coveralls]

Pull Request Test Coverage Report for Build 68

• 25 of 27 (92.59%) changed or added relevant lines in 3 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+13.0%) to 79.116%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
src/common/AuthenticationButton/index.jsx	12	14	85.71%

Totals
Change from base Build 59:	13.0%
Covered Lines:	158
Relevant Lines:	178

---

💛 - Coveralls

[JackNeto]

@billxinli do you want me to review it now or should I wait until you're done?

[billxinli]

@JackNeto Could you please review the above? Thanks!

[JackNeto]

This file seem unnecessary

[JackNeto]

Instead of having a BlockstackService it seems simpler to just import the methods from blockstack js

import {
  redirectToSignIn, 
  handlePendingSignIn, 
  signUserOut, 
  isUserSignedIn, 
  loadUserData, 
  Person
} from 'blockstack';

[billxinli]

This is a weird issue, I am not sure what is causing it, I will have to take a look to see how ES6 imports and module.exports works together.

If I do:
import BlockstackService from 'blockstack'; I see the following:

However, it works if I do import {isUserSignedIn,...} from 'blockstack'; But this means I have to use isUserSignedIn() directly, rather than BlockstackService.isUserSignedIn()

Where as if I do:

const blockstack = require('blockstack')

And I inspect the blockstack variable, I can see all the functions that the module blockstack defines, and I can use blockstack.isUserSignedIn() rather than importing them individually.

https://nodejs.org/api/esm.html#esm_interop_with_existing_modules

I am not sure if there is something wonky going on with Webpack + Babel

[JackNeto]

It works well for me. I was seeing the problem you mentioned. Make sure you run yarn install and then restart the server.