on Refactoring...

browser/main/Mixins/ArticleFilter.js

@@ -0,0 +1,67 @@
+function basicFilter (keyword, articles) {
+  if (keyword === '' || keyword == null) return articles
+  var firstFiltered = articles.filter(function (article) {
+
+    var first = article.type === 'code' ? article.description : article.title
+    if (first.match(new RegExp(keyword, 'i'))) return true
+
+    return false
+  })
+
+  var secondFiltered = articles.filter(function (article) {
+    var second = article.type === 'code' ? article.content : article.content
+    if (second.match(new RegExp(keyword, 'i'))) return true
+
+    return false
+  })
+
+  return firstFiltered.concat(secondFiltered).filter(function (value, index, self) {
+    return self.indexOf(value) === index
+  })
+}
+
+function codeFilter (articles) {
+  return articles.filter(function (article) {
+    return article.type === 'code'
+  })
+}
+
+function noteFilter (articles) {
+  return articles.filter(function (article) {
+    return article.type === 'note'
+  })
+}
+
+function tagFilter (keyword, articles) {
+  return articles.filter(function (article) {
+    return article.Tags.some(function (tag) {
+      return tag.name.match(new RegExp('^' + keyword, 'i'))
+    })
+  })
+}
+
+function searchArticle (search, articles) {
+  var keywords = search.split(' ')
+
+  for (var keyword of keywords) {
+    if (keyword.match(/^\$c/, 'i')) {
+      articles = codeFilter(articles)
+      continue
+    } else if (keyword.match(/^\$n/, 'i')) {
+      articles = noteFilter(articles)
+      continue
+    } else if (keyword.match(/^#[A-Za-z0-9]+/)) {
+      articles = tagFilter(keyword.substring(1, keyword.length), articles)
+      continue
+    }
+    articles = basicFilter(keyword, articles)
+  }
+
+  return articles.sort(function (a, b) {
+    return new Date(b.updatedAt) - new Date(a.updatedAt)
+  })
+}
+
+module.exports = {
+  searchArticle: searchArticle
+}

browser/main/Mixins/AuthFilter.js

@@ -0,0 +1,27 @@
+/* global localStorage*/
+
+var mixin = {}
+
+mixin.OnlyGuest = {
+  componentDidMount: function () {
+    var currentUser = localStorage.getItem('currentUser')
+
+    if (currentUser == null) {
+      return
+    }
+    this.transitionTo('userHome', {userName: currentUser.name})
+  }
+}
+
+mixin.OnlyUser = {
+  componentDidMount: function () {
+    var currentUser = localStorage.getItem('currentUser')
+
+    if (currentUser == null) {
+      this.transitionTo('login')
+      return
+    }
+  }
+}
+
+module.exports = mixin

browser/main/Mixins/Catalyst.js

@@ -1,38 +0,0 @@
-(function (root, factory) {
-  module.exports = factory()
-}(this, function () {
-  function getIn (object, path) {
-    var stack = path.split('.')
-    while (stack.length > 1) {
-      object = object[stack.shift()]
-    }
-    return object[stack.shift()]
-  }
-
-  function updateIn (object, path, value) {
-    var current = object
-    var stack = path.split('.')
-    while (stack.length > 1) {
-      current = current[stack.shift()]
-    }
-    current[stack.shift()] = value
-    return object
-  }
-
-  function setPartialState (component, path, value) {
-    component.setState(
-      updateIn(component.state, path, value))
-  }
-
-  return {
-    LinkedStateMixin: {
-      linkState: function (path) {
-        return {
-          value: getIn(this.state, path),
-          requestChange: setPartialState.bind(null, this, path)
-        }
-      }
-    }
-  }
-
-}))

browser/main/Mixins/LinkedState.js

@@ -0,0 +1,31 @@
+function getIn (object, path) {
+  var stack = path.split('.')
+  while (stack.length > 1) {
+    object = object[stack.shift()]
+  }
+  return object[stack.shift()]
+}
+
+function updateIn (object, path, value) {
+  var current = object
+  var stack = path.split('.')
+  while (stack.length > 1) {
+    current = current[stack.shift()]
+  }
+  current[stack.shift()] = value
+  return object
+}
+
+function setPartialState (component, path, value) {
+  component.setState(
+    updateIn(component.state, path, value))
+}
+
+module.exports = {
+  linkState: function (path) {
+    return {
+      value: getIn(this.state, path),
+      requestChange: setPartialState.bind(null, this, path)
+    }
+  }
+}

browser/main/Mixins/Modal.jsx

@@ -0,0 +1,42 @@
+var React = require('react/addons')
+var ModalBase = React.createClass({
+  getInitialState: function () {
+    return {
+      component: null,
+      componentProps: {},
+      isHidden: true
+    }
+  },
+  close: function () {
+    this.setState({component: null, componentProps: null, isHidden: true})
+  },
+  render: function () {
+    var componentProps = this.state.componentProps
+    return (
+      <div className={'ModalBase' + (this.state.isHidden ? ' hide' : '')}>
+        <div onClick={this.close} className='modalBack'/>
+        {this.state.component == null ? null : (
+          <this.state.component {...componentProps} close={this.close}/>
+        )}
+      </div>
+    )
+  }
+})
+
+var modalBase = null
+
+module.exports = {
+  componentDidMount: function () {
+    if (modalBase == null) {
+      var el = document.createElement('div')
+      document.body.appendChild(el)
+      modalBase = React.render(<ModalBase/>, el)
+    }
+  },
+  openModal: function (component, props) {
+    modalBase.setState({component: component, componentProps: props, isHidden: false})
+  },
+  closeModal: function () {
+    modalBase.setState({isHidden: true})
+  }
+}

browser/main/Mixins/OnlyGuest.js

@@ -1,20 +0,0 @@
-var AuthStore = require('../Stores/AuthStore')
-
-var OnlyGuest = {
-  componentDidMount: function () {
-    if (AuthStore.check()) {
-      var user = AuthStore.getUser()
-      if (user == null) {
-        return
-      }
-      var planet = user.Planets.length > 0 ? user.Planets[0] : null
-      if (planet == null) {
-        this.transitionTo('user', {userName: user.name})
-        return
-      }
-      this.transitionTo('planetHome', {userName: user.name, planetName: planet.name})
-    }
-  }
-}
-
-module.exports = OnlyGuest