import bcrypt from 'bcryptjs';
import genSalt from './salt';
const salt = bcrypt.genSaltSync(10);
let users;
// webpack doesn't like localStorage otherwise
let localStorage = global.window.localStorage;

/**
 * Fake remote server, using bcrypt and localStorage to persist data across page
 * reloads
 * @type {Object}
 */
var server = {
  /**
   * Populates the users var, similar to seeding a database in the real world
   */
  init() {
    // Get the previous users from localStorage if they exist, otherwise
    // populates the localStorage
    if (localStorage.users === undefined) {
      // Set default user
      const AzureDiamond = "AzureDiamond";
      const AzureDiamondSalt = genSalt(AzureDiamond);
      const AzureDiamondPass = bcrypt.hashSync("hunter2", AzureDiamondSalt);
      users = {
        [AzureDiamond]: bcrypt.hashSync(AzureDiamondPass, salt)
      };
      localStorage.users = JSON.stringify(users);
    } else {
      users = JSON.parse(localStorage.users);
    }
  },
  /**
   * Pretends to log a user in
   *
   * @param {string} username The username of the user to log in
   * @param {string} password The password of the user to register
   * @param {?callback} callback Called after a user is logged in
   */
  login(username, password, callback) {
    const userExists = this.doesUserExist(username);
    // If the user exists and the password fits log the user in
    if (userExists && bcrypt.compareSync(password, users[username])) {
      if (callback) callback({
        authenticated: true,
        token: Math.random().toString(36).substring(7)
      });
    } else {
      if (userExists) {
        // If the password is wrong, throw the password-wrong error
        var error = {
          type: "password-wrong"
        }
      } else {
        // If the user doesn't exist, throw the user-doesnt-exist
        var error = {
          type: "user-doesnt-exist"
        }
      }
      if (callback) callback({
        authenticated: false,
        error: error
      });
    }
  },
  /**
   * Pretends to register a user
   *
   * @param {string} username The username of the user to register
   * @param {string} password The password of the user to register
   * @param {?callback} callback Called after a user is registered
   */
  register(username, password, callback) {
    if (!this.doesUserExist(username)) {
      // If the username isn't used, hash the password with bcrypt to store it
      // in localStorage
      users[username] = bcrypt.hashSync(password, salt);
      localStorage.users = JSON.stringify(users);
      if (callback) callback({
        registered: true
      });
    } else {
      // If the username is already in use, throw the username-exists error
      if (callback) callback({
        registered: false,
        error: {
          type: "username-exists"
        }
      });
    }
  },
  /**
   * Pretends to log a user out
   * @param  {Function} callback Called after the user was logged out
   */
  logout(callback) {
    localStorage.removeItem('token');
    if (callback) callback();
  },
  /**
   * Checks if a username exists in the db
   * @param  {string} username The username that should be checked
   * @return {boolean}         True if the username exists, false if it doesn't
   */
  doesUserExist(username) {
    return !(users[username] === undefined);
  }
}

server.init();

module.exports = server;

@@ -578,16 +578,43 @@
 ndefined
+ %7C%7C !localStorage.encrypted
 ) %7B%0A    
@@ -944,24 +944,61 @@
 ify(users);%0A
+      localStorage.encrypted = true;%0A
     %7D else %7B

Make demo works for all users