Add backend infrastructure for Extras

.gitignore

@@ -1,3 +1,4 @@
 .DS_Store
 node_modules/
 npm-debug.log
+config/github.json

app.js

@@ -30,7 +30,8 @@ app.locals({
         {id: 'grids',  url: '/grids/',  label: 'Grids'},
         {id: 'forms',  url: '/forms/',  label: 'Forms'},
         {id: 'tables', url: '/tables/', label: 'Tables'},
-        {id: 'lists',  url: '/lists/',  label: 'Navigation'}
+        {id: 'lists',  url: '/lists/',  label: 'Navigation'},
+        {id: 'extras',  url: '/extras/',  label: 'Extras'}
     ],
 
     yui    : config.yui,
@@ -68,6 +69,7 @@ app.get('/grids/',  routes.render('grids'));
 app.get('/forms/',  routes.render('forms'));
 app.get('/tables/', routes.render('tables'));
 app.get('/lists/',  routes.render('lists'));
+app.get('/extras/', routes.extras);
 
 // -- Exports ------------------------------------------------------------------
 

config/extras.js

@@ -0,0 +1,8 @@
+module.exports = Object.freeze({
+    modules: [
+        {
+            username: 'tilomitra',
+            repo    : 'cssextras'
+        }
+    ]
+});

config/index.js

@@ -16,5 +16,7 @@ module.exports = Object.freeze({
     }),
 
     typekit: 'ajf8ggy',
-    yui    : require('./yui')
+    yui    : require('./yui'),
+    extras : require('./extras'),
+    github : require('./github.json')
 });

lib/githubApi.js

@@ -0,0 +1,56 @@
+var request = require('request'),
+    config  = require('../config'),
+    async   = require('async');
+
+module.exports = {
+
+    data: {
+        lastFetched: undefined,
+        results: undefined
+    },
+
+    timeThreshold: 3600000, //60 minutes in milliseconds
+
+    //Get information for an individual Github repo and execute a callback
+    getRepo: function (username, repo, callback) {
+        request({
+            url: 'https://api.github.com/repos/' + username + '/' + repo,
+            qs: {
+                client_id: config.github.clientId,
+                client_secret: config.github.clientSecret
+            }
+        }, function (error, response, body) {
+            callback(error, response, JSON.parse(body));
+        });
+    },
+
+    getRepos: function (userArray, callback) {
+        var parallelTasks = [],
+            self = this,
+            now = new Date();
+
+        //If results exist and those results are less than 60 minutes old (this.timeThreshold)
+        if (this.data.results && (now.getTime() - this.data.lastFetched) < this.timeThreshold) {
+            //return with those results
+            callback(null, this.data.results);
+        }
+
+        else {
+            userArray.forEach(function (elem, i, arr) {
+                parallelTasks.push(function (callback) {
+                    self.getRepo(elem.username, elem.repo, function (error, response, body) {
+                        callback(error, body);
+                    });
+                });
+            });
+
+            async.parallel(parallelTasks, function (error, response) {
+                if (!error) {
+                    self.data.results = response;
+                    self.data.lastFetched = new Date().getTime();
+                }
+                callback(error, self.data.results);
+            });
+        }
+    }
+}

lib/routes/extras.js

@@ -0,0 +1,33 @@
+var config  = require('../../config'),
+    github  = require('../githubApi'),
+    inProgress = false;
+
+module.exports = function (req, res, next) {
+
+    //If an API call is in progress, render the last collected data.
+    if (inProgress) {
+        res.render('extras', {
+            results: github.data.results
+        });
+    }
+
+    //If an API call isn't in progress, set the inProgress flag to true and make the call to getRepos()
+    else {
+        inProgress = true;
+        github.getRepos(config.extras.modules, function (error, results) {
+            inProgress = false;
+            if (!error) {
+                res.render('extras', {
+                    results: results
+                });
+            }
+            else {
+                console.log(error);
+                //We can probably serve the older results if we get an error for the newer results.
+                res.render('extras', {
+                    results: github.data.results
+                });
+            }
+        });
+    }
+};

lib/routes/index.js

@@ -5,5 +5,6 @@ function render(viewName) {
 }
 
 module.exports = {
-    render: render
+    render: render,
+    extras: require('./extras')
 };

package.json

@@ -15,7 +15,9 @@
     "dependencies": {
         "express"            : "3.x",
         "express3-handlebars": "0.3.x",
-        "handlebars"         : "1.x"
+        "handlebars"         : "1.x",
+        "async"              : "0.2.x",
+        "request"            : "2.x"
     },
 
     "main": "server",

views/extras.handlebars

@@ -0,0 +1,20 @@
+{{setTitle     "Extras"}}
+{{setSubTitle  "Add-ons built on YUI CSS"}}
+{{setActiveNav "extras"}}
+
+{{addCdnCSS "3.9.0pr3" "cssnormalize"}}
+{{addGithubCSS "tilomitra" "csstables" "master/css/tables.css"}}
+
+{{> header}}
+
+<div class="content">
+
+<div class="yui3-g-r">
+    {{#each results}}
+        <div class="extras-module yui3-u-1-3">
+            <img src="{{this.owner.avatar_url}}"/>
+        </div>
+    {{/each}}
+</div>
+
+</div>