first version of working feed

src/js/components/feed.jsx

@@ -8,6 +8,7 @@ var transformers = require('../util');
 
 function throwError(err) {
   setTimeout(() => {
+    console.log(err.stack);
     throw err;
   });
 }
@@ -29,7 +30,7 @@ module.exports = React.createClass({
       }
 
       this.setState({
-        messages: messages
+        messages: _(messages).sortBy('timestamp').reverse().value()
       });
     }).catch(throwError);
   },
@@ -59,18 +60,3 @@ module.exports = React.createClass({
     )
   }
 });
-        // <div className="message">
-        //   <img className="message__image" src={message.image} />
-        //   <div className="message__content">
-        //     <div className="message__body">{message.body}</div>
-        //     <div className="message__icon">
-        //       <i className={`fa fa-${message.type}`}></i>
-        //     </div>
-        //     <div className="message__details">
-        //       <span className="message__timestamp">
-        //         {require('timeago')(message.timestamp)}
-        //       </span>
-        //       <span className="message__meta">{message.meta}</span>
-        //     </div>
-        //   </div>
-        // </div>

src/js/util.js

@@ -1,19 +1,35 @@
 'use strict';
 
+var _           = require('lodash');
 var githubEvent = require('parse-github-event');
 var twitterText = require('twitter-text');
 
 module.exports = {
   github(item) {
-    var message = githubEvent.parse(item);
-    console.log(item);
-    console.log(message.data);
+
+    _.templateSettings.interpolate = /{{([\s\S]+?)}}/g;
+
+    var template = _.template(githubEvent.parse(item).text);
+
+    var repository = `https://github.com/${item.repo.name}`;
+
+    var branch;
+    if(item.payload.ref) {
+      branch = item.payload.ref.replace('refs/heads/', '');
+    }
+
+    var message = template({
+      repository: `<a target="_blank" href="${repository}">${item.repo.name}</a>`,
+      branch: branch,
+      number: item.payload.number,
+      ref_type: item.payload.ref
+    });
+
     return {
       image: item.actor.avatar_url,
-      body: `${item.actor.login} ${message.text}`,
-      timestamp: item.created_at,
+      body: `${item.actor.login} ${message}`,
+      timestamp: new Date(item.created_at),
       url: message.url,
-      highlights: message.data,
       type: 'github'
     };
   },
@@ -21,7 +37,7 @@ module.exports = {
     return {
       image: item.user.profile_image_url,
       body: twitterText.autoLink(item.text),
-      timestamp: item.created_at,
+      timestamp: new Date(item.created_at),
       type: 'twitter'
     };
   }