mkozhukharenko

export const RECEIVE_MESSAGE = 'RECEIVE_MESSAGE';

mkozhukharenko

// koa-passport-authenticate.js
'use strict'

const _ = require('lodash')
const passport = require('koa-passport')

'use strict'

// Middleware wrapper for koa passport to have proper error handling on authenticate.

mkozhukharenko

// Simple Event emitter realization

class EventEmitter {
  constructor() {
    // store for handlers
    this.events = {};
  }
  // subscribe 
  on(name, fn) {
    this.events[name] = this.events[name] || [];

mkozhukharenko

// make EE singelton, add .off method

let instance = null;

class EventEmitter {
  constructor() {
    // ensure we have only one instance (singelton pattern)
    if (!instance) {
      instance = this;
    }

mkozhukharenko

// trun {fiels: {email: 'val', err:''}} to {email: 'val'}
var getValues = () => {
    let data = {};
    let form = toJS(this.form).fields;
    Object.keys(form).map(key => {
      data[key] = form[key].value
    });
    return data
}

mkozhukharenko

import { observable } from 'mobx'

export default class LoginStore {
  @observable
  form =  {
    fields: {
      email: {
        value: '', // binds to input value
        error: null // shows beneif the input
      },

mkozhukharenko

import Validator from 'validatorjs'
var data = {
  name: 'John',
  email: 'not-valid-email'
};
var rules = {
  name: 'required',
  email: 'required|email'
};
var validation = new Validator(data, rules);

mkozhukharenko

<FormInput name="name" 
           value={form.fields.name.value}
           error={form.fields.name.error}
           onChange={form.onFieldChange}
           placeholder="Enter your name"/>

mkozhukharenko

import React, { PropTypes } from 'react';
import classNames from 'classnames'

let getFormInputClasses = ({valid, error}) => classNames('form-input', {
    'form-input--error': !!error,
})

let FormInput = (props) => (
    <span className={getFormInputClasses(props)}>
      <input {...props}

mkozhukharenko

import {action, observable} from 'mobx';
import Validator from 'validatorjs';

class LoginStore {
  @observable
  form = {
    fields: {
      email: {
        value: '',
        error: null,