add Finder & update main.js & cleanup some old files

browser/finder/Components/FinderDetail.jsx

@@ -0,0 +1,43 @@
+var React = require('react/addons')
+
+var CodeViewer = require('../../main/Components/CodeViewer')
+
+var Markdown = require('../../main/Mixins/Markdown')
+
+module.exports = React.createClass({
+  mixins: [Markdown],
+  propTypes: {
+    currentArticle: React.PropTypes.object
+  },
+  render: function () {
+    var article = this.props.currentArticle
+
+    if (article != null) {
+      if (article.type === 'snippet') {
+        return (
+          <div className='FinderDetail'>
+            <div className='header'>{article.callSign}</div>
+            <div className='content'>
+              <CodeViewer code={article.content} mode={article.mode}/>
+            </div>
+          </div>
+        )
+      } else if (article.type === 'blueprint') {
+
+        return (
+          <div className='FinderDetail'>
+            <div className='header'>{article.title}</div>
+            <div className='content'>
+              <div className='marked' dangerouslySetInnerHTML={{__html: ' ' + this.markdown(article.content)}}></div>
+            </div>
+          </div>
+        )
+      }
+    }
+    return (
+      <div className='FinderDetail'>
+        <div className='nothing'>Nothing selected</div>
+      </div>
+    )
+  }
+})

browser/finder/Components/FinderInput.jsx

@@ -0,0 +1,15 @@
+var React = require('react/addons')
+
+module.exports = React.createClass({
+  propTypes: {
+    onChange: React.PropTypes.func,
+    search: React.PropTypes.string
+  },
+  render: function () {
+    return (
+      <div className='FinderInput'>
+        <input value={this.props.search} onChange={this.props.onChange} type='text'/>
+      </div>
+    )
+  }
+})

browser/finder/Components/FinderList.jsx

@@ -0,0 +1,69 @@
+var React = require('react/addons')
+
+module.exports = React.createClass({
+  propTypes: {
+    articles: React.PropTypes.arrayOf,
+    currentArticle: React.PropTypes.shape({
+      id: React.PropTypes.number,
+      type: React.PropTypes.string
+    })
+  },
+  componentDidUpdate: function () {
+    var index = this.props.articles.indexOf(this.props.currentArticle)
+    var el = React.findDOMNode(this)
+    var li = el.querySelectorAll('li')[index]
+
+    var overflowBelow = el.clientHeight + el.scrollTop < li.offsetTop + li.clientHeight
+    if (overflowBelow) {
+      el.scrollTop = li.offsetTop + li.clientHeight - el.clientHeight
+    }
+    var overflowAbove = el.scrollTop > li.offsetTop
+    if (overflowAbove) {
+      el.scrollTop = li.offsetTop
+    }
+  },
+  render: function () {
+    var list = this.props.articles.map(function (article) {
+      if (article == null) {
+        return (
+          <li className={isActive ? 'active' : ''}>
+            <div className='articleItem'>Undefined</div>
+            <div className='divider'/>
+          </li>
+        )
+      }
+
+      var isActive = this.props.currentArticle != null && (article.type === this.props.currentArticle.type && article.id === this.props.currentArticle.id)
+      if (article.type === 'snippet') {
+        return (
+          <li className={isActive ? 'active' : ''}>
+            <div className='articleItem'><i className='fa fa-code fa-fw'/> {article.callSign} / {article.description.substring(0, 10)}</div>
+            <div className='divider'/>
+          </li>
+        )
+      }
+      if (article.type === 'blueprint') {
+        return (
+          <li className={isActive ? 'active' : ''}>
+            <div className='articleItem'><i className='fa fa-file-text-o fa-fw'/> {article.title}</div>
+            <div className='divider'/>
+          </li>
+        )
+      }
+      return (
+        <li className={isActive ? 'active' : ''}>
+          <div className='articleItem'>Undefined</div>
+          <div className='divider'/>
+        </li>
+      )
+    }.bind(this))
+
+    return (
+      <div className='FinderList'>
+        <ul>
+          {list}
+        </ul>
+      </div>
+    )
+  }
+})