Thundercats es5 class creation

Thundercats and es5.md

Thundercats and es5

Actions.js

// current es6/7 method
import { Actions } from 'thundercats';

export default class CatActions extends Actions {
  constructor() {
    super([
      'clickThread'
     ]);
  }
  static displayName = 'CatActions'
  doSomething(meow) {
    return { meow };
  }
}

// useing es5 prototype
var Actions = require('thundercats').Actions;
var _ = require('lodash');

function CatActions() {
  Actions.call(this, ['clickThread']);
}

CatActions.displayName = 'CatActions';
CatActions.prototype.constructor = Actions;
CatActions.prototype = new Actions();

_.assign(CatActions.prototype, {
  doActions: function(meow) {
    return { meow: meow };
  }
});

Store.js

// es6/7
import { Store } from 'thundercats';

export default class TodoStore extends Store {

  constructor(cat) { // We are passing an instance of the Cat into the constructor
    super();
    const todoActions = cat.getActions('todoActions');

    const { create } = todoActions;

     // set the initial value of the store
    this.value = {
      todosMap: {}
    };

    // create is an RxJS observable, so you can use any observable operation available to you in RxJS. 
    const createTodoObs = create.map(({ todo, promise }) => {

      // The store expects observables to return objects with specific keys. `replace`, `set`, `transform`, `optimistic`
      // Here is an example using `transform` and `optimistic` 
      return {
        transform: function (state) {
          const todos = Object.assign({}, state.todosMap);
          todos[todo.id] = todo;
          state.todosMap = todos;
          return state;
        },
        optimistic: promise
      };
    });

    // You register observables for the store to listen too. Any observable can be registered.
    this.register(createTodoObs);
  }

  static displayName = 'TodoStore'
}

// es5
var Store = require('thundercats').Store;
var _ = require('lodash');

Function TodoStore(cat) {
  Store.call(this);
  var todoActions = cat.getActions('todoActions');
  var create = todoActions.create;

  // set the initial value of the store
  this.value = {
    todosMap: {}
  };

  // create is an RxJS observable, so you can use any observable operation available to you in RxJS. 
 var createTodoObs = create.map(function(dats) {
    var todo = dats.todo, promise = dats.promise;

    // The store expects observables to return objects with specific keys. `replace`, `set`, `transform`, `optimistic`
    // Here is an example using `transform` and `optimistic` 
    return {
      transform: function (state) {
        var todos = {};
        _.assign(todos, state.todosMap);
        todos[todo.id] = todo;
        state.todosMap = todos;
        return state;
      },
      optimistic: promise
    };
  });

  // You register observables for the store to listen too. Any observable can be registered.
  this.register(createTodoObs);
}
TodoStore.displayName = 'TodoStore';
TodoStore.prototype = new Store();
TodoStore.constructor = Store;