Merge pull request #1 from dalgos/feature/v0.1.0

Feature/v0.1.0

Author: dalgos

.gitignore

@@ -65,4 +65,4 @@ typings/
 # End of https://www.gitignore.io/api/node
 
 # ignore dist folder
-public/js/
+# public/js/

DataComponents/Counter.js

@@ -0,0 +1,28 @@
+const BaseComponent = require('BaseComponent');
+
+class Counter extends BaseComponent {
+  static reducers(state = 0, action) {
+    let ownReducer = Counter.getReducers();
+    switch(action.type) {
+      case 'UP':
+      case 'DOWN':
+        return ownReducer[action.type](state, action);
+      default:
+        return state;
+    }
+  }
+  static getReducers() {
+    function UP(state = 0, action) {
+      return state + 1;
+    }
+    function DOWN(state = 0, action) {
+      return state - 1;
+    }
+    return {
+      UP,
+      DOWN,
+    };
+  }
+}
+
+module.exports = Counter;

components/CounterM.js ViewComponents/CounterM.jscomponents/CounterM.js renamed to ViewComponents/CounterM.js

@@ -1,25 +1,19 @@
-//hbs
-//dispatch
-
 const tmpl = require('hbs/counter.hbs');
 const Counter = require('Counter');
 const $ = require('jquery');
 
 class CounterM extends Counter {
   initialRender() {
-    
-    this.dom = $(tmpl(this.__store.getState()));
+    this.dom = $(tmpl(this.getState()));
     this.disp = this.dom.find('[data-role=disp]');
     this.dispatcher = this.dom.find('[data-role=action]');
     this.dispatcher.on('click', (evt) => {
-      this.__store.dispatch({ type: evt.target.dataset.actionType });
+      this.dispatch({ type: evt.target.dataset.actionType });
     });
-    
     $(this.__container).append(this.dom);
   }
   render() {
-    console.log(this.disp.html);
-    this.disp.html(this.__store.getState().count);
+    this.disp.html(this.getState().count);
   }
 }
 

ViewComponents/Images.js

@@ -0,0 +1,28 @@
+const BaseComponent = require('BaseComponent');
+const tmpl = require('hbs/images');
+const $ = require('jquery');
+
+class Images extends BaseComponent {
+  initialRender() {
+    $(this.__container).append(tmpl(this.getState()));
+  }
+  render() {
+    
+  }
+  /**
+   * Reducers for Self Component
+   * @return Function Reducer
+   */
+  static reducers(state = [], action) {
+    return state;
+  }
+  /**
+   * Return reducer's maps
+   * @return Object Reducer's map
+   */
+  static getReducers() {
+    
+  }
+}
+
+module.exports = Images;

core/BaseComponent.js

@@ -0,0 +1,45 @@
+const Storage = require('Storage');
+
+class BaseComponent {
+  constructor({ initialStorage = null, container = document.body } = {}) {
+    if (!(initialStorage && initialStorage instanceof Storage)) {
+      this.__storage = new Storage({ reducers: {}, initialState: {} });
+    } else {
+      this.__storage = initialStorage;
+    }
+    this.__container = container;
+    this.__storage.subscribe(() => this.render() );
+    this.initialRender();
+  }
+  /**
+   * Get store's state data.
+   * @return Object state data.
+   */
+  getState() {
+    return this.__storage.getState();
+  }
+  /**
+   * Dispatcher for store.
+   * @param {Object} action Action Object
+   * @return Undefined
+   */
+  dispatch(action) {
+    this.__storage.dispatch(action);
+  }
+  /**
+   * Initialize Render
+   * @return Undefined
+   */
+  initialRender() {
+    // InitialRender.
+  }
+  /**
+   * Render for store.
+   * @return Undefined
+   */
+  render() {
+    // Render.
+  }
+}
+
+module.exports = BaseComponent;

libs/Storage/index.js

@@ -0,0 +1,21 @@
+const { createStore, combineReducers } = require('redux');
+
+let __store;
+
+class Storage {
+  constructor({ reducers = {}, initialState = {} } = {}) {
+    __store = createStore(combineReducers(reducers), initialState);
+  }
+  subscribe(render) {
+    __store.subscribe(render);
+  }
+  getState() {
+    return __store.getState();
+  }
+  dispatch(action) {
+    console.log(action);
+    __store.dispatch(action);
+  }
+}
+
+module.exports = Storage;