burnchart/public/js/app.js

// Concat modules and export them as an app.
(function(root) {

  // All our modules will use global require.
  (function() {
    
    // app.coffee
    root.require.register('burnchart/src/app.js', function(exports, require, module) {
    
      var App, Header, Notify, key, router, _i, _len, _ref;
      
      _ref = ['utils/mixins', 'models/projects'];
      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
        key = _ref[_i];
        require("./" + key);
      }
      
      Header = require('./views/header');
      
      Notify = require('./views/notify');
      
      router = require('./modules/router');
      
      App = Ractive.extend({
        'template': require('./templates/layout'),
        'components': {
          Header: Header,
          Notify: Notify
        },
        onrender: function() {
          return router.init('/');
        }
      });
      
      module.exports = new App();
      
    });

    // config.coffee
    root.require.register('burnchart/src/models/config.js', function(exports, require, module) {
    
      var Model;
      
      Model = require('../utils/model');
      
      module.exports = new Model({
        "data": {
          "firebase": "burnchart",
          "provider": "github",
          "fields": {
            "milestone": ["closed_issues", "created_at", "description", "due_on", "number", "open_issues", "title", "updated_at"]
          },
          "chart": {
            "off_days": [],
            "datetime": /^(\d{4}-\d{2}-\d{2})T(.*)/,
            "size_label": /^size (\d+)$/,
            "location": /^#!((\/[^\/]+){2,3})$/,
            "points": 'ONE_SIZE'
          }
        }
      });
      
    });

    // projects.coffee
    root.require.register('burnchart/src/models/projects.js', function(exports, require, module) {
    
      var Model, config, date, mediator, request, user;
      
      config = require('../models/config');
      
      mediator = require('../modules/mediator');
      
      request = require('../modules/request');
      
      Model = require('../utils/model');
      
      date = require('../utils/date');
      
      user = require('./user');
      
      module.exports = new Model({
        'data': {
          'list': []
        },
        load: function(projects) {
          if (projects == null) {
            projects = [];
          }
          return async.each(projects, function(project, cb) {
            return mediator.fire('!projects/add', project);
          }, function(err) {
            if (err) {
              throw err;
            }
          });
        },
        add: function(repo, done) {
          var _this = this;
          return request.allMilestones(repo, function(err, res) {
            var milestones;
            if (err) {
              return done(err);
            }
            milestones = _.pluckMany(res, config.get('fields.milestone'));
            _this.push('list', _.merge(repo, {
              milestones: milestones
            }));
            return done();
          });
        },
        clear: function() {
          return this.set('list', []);
        },
        onconstruct: function() {
          localforage.getItem('projects', _.bind(this.load, this));
          mediator.on('!projects/add', _.bind(this.add, this));
          return mediator.on('!projects/clear', _.bind(this.clear, this));
        },
        onrender: function() {
          return this.observe('list', function(projects) {
            return localforage.setItem('projects', projects);
          });
        }
      });
      
    });

    // system.coffee
    root.require.register('burnchart/src/models/system.js', function(exports, require, module) {
    
      var Model, async, counter, mediator, system;
      
      mediator = require('../modules/mediator');
      
      Model = require('../utils/model');
      
      system = new Model({
        'data': {
          'loading': false
        }
      });
      
      counter = 0;
      
      async = function() {
        counter += 1;
        system.set('loading', true);
        return function() {
          counter -= 1;
          return system.set('loading', +counter);
        };
      };
      
      module.exports = {
        system: system,
        async: async
      };
      
    });

    // user.coffee
    root.require.register('burnchart/src/models/user.js', function(exports, require, module) {
    
      var Model, mediator;
      
      mediator = require('../modules/mediator');
      
      Model = require('../utils/model');
      
      module.exports = new Model({
        'data': {
          'provider': "local",
          'id': "0",
          'uid': "local:0",
          'token': null
        }
      });
      
    });

    // chart.coffee
    root.require.register('burnchart/src/modules/chart.js', function(exports, require, module) {
    
      var config,
        __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
      
      config = require('../models/config');
      
      module.exports = {
        'actual': function(collection, created_at, total, cb) {
          var head, max, min, range, rest;
          head = [
            {
              'date': new Date(created_at),
              'points': total
            }
          ];
          min = +Infinity;
          max = -Infinity;
          rest = _.map(collection, function(issue) {
            var closed_at, size;
            size = issue.size, closed_at = issue.closed_at;
            if (size < min) {
              min = size;
            }
            if (size > max) {
              max = size;
            }
            issue.date = new Date(closed_at);
            issue.points = total -= size;
            return issue;
          });
          range = d3.scale.linear().domain([min, max]).range([5, 8]);
          rest = _.map(rest, function(issue) {
            issue.radius = range(issue.size);
            return issue;
          });
          return cb(null, [].concat(head, rest));
        },
        'ideal': function(a, b, total, cb) {
          var cutoff, d, days, length, m, now, once, velocity, y, _ref, _ref1;
          if (b < a) {
            _ref = [a, b], b = _ref[0], a = _ref[1];
          }
          _ref1 = _.map(a.match(config.get('chart.datetime'))[1].split('-'), function(v) {
            return parseInt(v);
          }), y = _ref1[0], m = _ref1[1], d = _ref1[2];
          cutoff = new Date(b);
          days = [];
          length = 0;
          (once = function(inc) {
            var day, day_of;
            day = new Date(y, m - 1, d + inc);
            if (!(day_of = day.getDay())) {
              day_of = 7;
            }
            if (__indexOf.call(config.get('chart.off_days'), day_of) >= 0) {
              days.push({
                date: day,
                off_day: true
              });
            } else {
              length += 1;
              days.push({
                date: day
              });
            }
            if (!(day > cutoff)) {
              return once(inc + 1);
            }
          })(0);
          velocity = total / (length - 1);
          days = _.map(days, function(day, i) {
            day.points = total;
            if (days[i] && !days[i].off_day) {
              total -= velocity;
            }
            return day;
          });
          if ((now = new Date()) > cutoff) {
            days.push({
              date: now,
              points: 0
            });
          }
          return cb(null, days);
        },
        'trendline': function(actual, created_at, due_on) {
          var a, b, b1, c1, e, fn, intercept, l, last, slope, start, values;
          start = +actual[0].date;
          values = _.map(actual, function(_arg) {
            var date, points;
            date = _arg.date, points = _arg.points;
            return [+date - start, points];
          });
          last = actual[actual.length - 1];
          values.push([+new Date() - start, last.points]);
          b1 = 0;
          e = 0;
          c1 = 0;
          a = (l = values.length) * _.reduce(values, function(sum, _arg) {
            var a, b;
            a = _arg[0], b = _arg[1];
            b1 += a;
            e += b;
            c1 += Math.pow(a, 2);
            return sum + (a * b);
          }, 0);
          slope = (a - (b1 * e)) / ((l * c1) - (Math.pow(b1, 2)));
          intercept = (e - (slope * b1)) / l;
          fn = function(x) {
            return slope * x + intercept;
          };
          created_at = new Date(created_at);
          due_on = due_on ? new Date(due_on) : new Date();
          a = created_at - start;
          b = due_on - start;
          return [
            {
              date: created_at,
              points: fn(a)
            }, {
              date: due_on,
              points: fn(b)
            }
          ];
        },
        'render': function(_arg, cb) {
          var actual, height, ideal, line, m, mAxis, margin, svg, tooltip, trendline, width, x, xAxis, y, yAxis, _ref;
          actual = _arg[0], ideal = _arg[1], trendline = _arg[2];
          document.querySelector('#svg').innerHTML = '';
          _ref = document.querySelector('#chart').getBoundingClientRect(), height = _ref.height, width = _ref.width;
          margin = {
            'top': 30,
            'right': 30,
            'bottom': 40,
            'left': 50
          };
          width -= margin.left + margin.right;
          height -= margin.top + margin.bottom;
          x = d3.time.scale().range([0, width]);
          y = d3.scale.linear().range([height, 0]);
          xAxis = d3.svg.axis().scale(x).orient("bottom").tickSize(-height).tickFormat(function(d) {
            return d.getDate();
          }).tickPadding(10);
          yAxis = d3.svg.axis().scale(y).orient("left").tickSize(-width).ticks(5).tickPadding(10);
          line = d3.svg.line().interpolate("linear").x(function(d) {
            return x(d.date);
          }).y(function(d) {
            return y(d.points);
          });
          x.domain([ideal[0].date, ideal[ideal.length - 1].date]);
          y.domain([0, ideal[0].points]).nice();
          svg = d3.select("#svg").append("svg").attr("width", width + margin.left + margin.right).attr("height", height + margin.top + margin.bottom).append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");
          svg.append("g").attr("class", "x axis day").attr("transform", "translate(0," + height + ")").call(xAxis);
          m = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
          mAxis = xAxis.orient("top").tickSize(height).tickFormat(function(d) {
            return m[d.getMonth()];
          }).ticks(2);
          svg.append("g").attr("class", "x axis month").attr("transform", "translate(0," + height + ")").call(mAxis);
          svg.append("g").attr("class", "y axis").call(yAxis);
          svg.append("svg:line").attr("class", "today").attr("x1", x(new Date())).attr("y1", 0).attr("x2", x(new Date())).attr("y2", height);
          svg.append("path").attr("class", "ideal line").attr("d", line.interpolate("basis")(ideal));
          svg.append("path").attr("class", "trendline line").attr("d", line.interpolate("linear")(trendline));
          svg.append("path").attr("class", "actual line").attr("d", line.interpolate("linear").y(function(d) {
            return y(d.points);
          })(actual));
          tooltip = d3.tip().attr('class', 'd3-tip').html(function(_arg1) {
            var number, title;
            number = _arg1.number, title = _arg1.title;
            return "#" + number + ": " + title;
          });
          svg.call(tooltip);
          svg.selectAll("a.issue").data(actual.slice(1)).enter().append('svg:a').attr("xlink:href", function(_arg1) {
            var html_url;
            html_url = _arg1.html_url;
            return html_url;
          }).attr("xlink:show", 'new').append('svg:circle').attr("cx", function(_arg1) {
            var date;
            date = _arg1.date;
            return x(date);
          }).attr("cy", function(_arg1) {
            var points;
            points = _arg1.points;
            return y(points);
          }).attr("r", function(_arg1) {
            var radius;
            radius = _arg1.radius;
            return 5;
          }).on('mouseover', tooltip.show).on('mouseout', tooltip.hide);
          return cb(null);
        }
      };
      
    });

    // firebase.coffee
    root.require.register('burnchart/src/modules/firebase.js', function(exports, require, module) {
    
      var Class, config, user;
      
      user = require('../models/user');
      
      config = require('../models/config');
      
      Class = (function() {
        function Class() {
          var _this = this;
          this.client = new Firebase("https://" + (config.get('firebase')) + ".firebaseio.com");
          this.auth = new FirebaseSimpleLogin(this.client, function(err, obj) {
            user.set('loaded', true);
            if (err || !obj) {
              return _this.authCb(err);
            }
            return user.set(obj);
          });
        }
      
        Class.prototype.authCb = function() {};
      
        Class.prototype.login = function(cb) {
          if (!this.client) {
            return cb('Client is not setup');
          }
          this.authCb = cb;
          return this.auth.login(config.get('provider'), {
            'rememberMe': true,
            'scope': 'public_repo'
          });
        };
      
        Class.prototype.logout = function() {
          var _ref;
          if ((_ref = this.auth) != null) {
            _ref.logout;
          }
          return user.reset();
        };
      
        return Class;
      
      })();
      
      module.exports = new Class();
      
    });

    // issues.coffee
    root.require.register('burnchart/src/modules/issues.js', function(exports, require, module) {
    
      var config, request;
      
      config = require('../models/config');
      
      request = require('./request');
      
      module.exports = {
        'get_all': function(opts, cb) {
          var one_status;
          one_status = function(state, cb) {
            var fetch_page, results;
            results = [];
            return (fetch_page = function(page) {
              return request.allIssues(opts, {
                'milestone': opts.milestone.number,
                state: state,
                page: page
              }, function(err, data) {
                if (err) {
                  return cb(err);
                }
                if (!data.length) {
                  return cb(null, results);
                }
                results = results.concat(_.sortBy(data, 'closed_at'));
                if (data.length < 100) {
                  return cb(null, results);
                }
                return fetch_page(page + 1);
              });
            })(1);
          };
          return async.parallel([_.partial(one_status, 'open'), _.partial(one_status, 'closed')], cb);
        },
        'filter': function(collection, cb) {
          var filtered, total;
          total = 0;
          switch (config.get('chart.points')) {
            case 'ONE_SIZE':
              total = collection.length;
              filtered = _.map(collection, function(issue) {
                issue.size = 1;
                return issue;
              });
              break;
            case 'LABELS':
              filtered = _.filter(collection, function(issue) {
                var labels;
                if (!(labels = issue.labels)) {
                  return false;
                }
                issue.size = _.reduce(labels, function(sum, label) {
                  var matches;
                  if (!(matches = label.name.match(config.get('chart.size_label')))) {
                    return sum;
                  }
                  return sum += parseInt(matches[1]);
                }, 0);
                total += issue.size;
                return !!issue.size;
              });
          }
          return cb(null, filtered, total);
        }
      };
      
    });

    // mediator.coffee
    root.require.register('burnchart/src/modules/mediator.js', function(exports, require, module) {
    
      module.exports = new Ractive();
      
    });

    // milestone.coffee
    root.require.register('burnchart/src/modules/milestone.js', function(exports, require, module) {
    
      var request;
      
      request = require('./request');
      
      module.exports = {
        get: function(repo, cb) {
          if (repo.milestone) {
            return request.oneMilestone(repo, repo.milestone, function(err, m) {
              if (err) {
                return cb(err);
              }
              if (m.open_issues + m.closed_issues === 0) {
                return cb(null, "No issues for milestone `" + m.title + "`");
              }
              return cb(null, null, m);
            });
          } else {
            return request.allMilestones(repo, function(err, data) {
              var m;
              if (err) {
                return cb(err);
              }
              if (!data.length) {
                return cb(null, "No open milestones for repo " + repo.path);
              }
              m = data[0];
              m = _.rest(data, {
                'due_on': null
              });
              m = m[0] ? m[0] : data[0];
              if (m.open_issues + m.closed_issues === 0) {
                return cb(null, "No issues for milestone `" + m.title + "`");
              }
              return cb(null, null, m);
            });
          }
        }
      };
      
    });

    // project.coffee
    root.require.register('burnchart/src/modules/project.js', function(exports, require, module) {
    
      var chart, issues;
      
      issues = require('./issues');
      
      chart = require('./chart');
      
      module.exports = function(opts, cb) {
        return async.waterfall([
          function(cb) {
            return issues.get_all(opts, cb);
          }, function(all, cb) {
            return async.map(all, function(array, cb) {
              return issues.filter(array, function(err, filtered, total) {
                return cb(err, [filtered, total]);
              });
            }, function(err, _arg) {
              var closed, open, start;
              open = _arg[0], closed = _arg[1];
              if (err) {
                return cb(err);
              }
              if (open[1] + closed[1] === 0) {
                return cb('No matching issues found');
              }
              opts.issues = {
                'closed': {
                  'points': closed[1],
                  'data': closed[0]
                },
                'open': {
                  'points': open[1],
                  'data': open[0]
                }
              };
              if ((start = closed[0][0].closed_at) < opts.milestone.created_at) {
                opts.milestone.created_at = start;
              }
              return cb(null);
            });
          }, function(cb) {
            var total;
            total = opts.issues.open.points + opts.issues.closed.points;
            return async.parallel([_.partial(chart.actual, opts.issues.closed.data, opts.milestone.created_at, total), _.partial(chart.ideal, opts.milestone.created_at, opts.milestone.due_on, total)], function(err, values) {
              if (values[0].length) {
                values.push(chart.trendline(values[0], opts.milestone.created_at, opts.milestone.due_on));
              }
              return chart.render(values, cb);
            });
          }
        ], cb);
      };
      
    });

    // request.coffee
    root.require.register('burnchart/src/modules/request.js', function(exports, require, module) {
    
      var defaults, error, headers, request, response, user;
      
      user = require('../models/user');
      
      superagent.parse = {
        'application/json': function(res) {
          var e;
          try {
            return JSON.parse(res);
          } catch (_error) {
            e = _error;
            return {};
          }
        }
      };
      
      defaults = {
        'github': {
          'host': 'api.github.com',
          'protocol': 'https'
        }
      };
      
      module.exports = {
        'repo': function(repo, cb) {
          var data;
          data = _.defaults({
            'path': "/repos/" + repo.owner + "/" + repo.name,
            'headers': headers(user.get('token'))
          }, defaults.github);
          return request(data, cb);
        },
        'allMilestones': function(repo, cb) {
          var data;
          data = _.defaults({
            'path': "/repos/" + repo.owner + "/" + repo.name + "/milestones",
            'query': {
              'state': 'open',
              'sort': 'due_date',
              'direction': 'asc'
            },
            'headers': headers(user.get('token'))
          }, defaults.github);
          return request(data, cb);
        },
        'oneMilestone': function(repo, number, cb) {
          var data;
          data = _.defaults({
            'path': "/repos/" + repo.owner + "/" + repo.name + "/milestones/" + number,
            'query': {
              'state': 'open',
              'sort': 'due_date',
              'direction': 'asc'
            },
            'headers': headers(user.get('token'))
          }, defaults.github);
          return request(data, cb);
        },
        'allIssues': function(repo, query, cb) {
          var data;
          data = _.defaults({
            'path': "/repos/" + repo.owner + "/" + repo.name + "/issues",
            'query': _.extend(query, {
              'per_page': '100'
            }),
            'headers': headers(user.get('token'))
          }, defaults.github);
          return request(data, cb);
        }
      };
      
      request = function(_arg, cb) {
        var exited, headers, host, k, path, protocol, q, query, req, timeout, v;
        protocol = _arg.protocol, host = _arg.host, path = _arg.path, query = _arg.query, headers = _arg.headers;
        exited = false;
        q = query ? '?' + ((function() {
          var _results;
          _results = [];
          for (k in query) {
            v = query[k];
            _results.push("" + k + "=" + v);
          }
          return _results;
        })()).join('&') : '';
        req = superagent.get("" + protocol + "://" + host + path + q);
        for (k in headers) {
          v = headers[k];
          req.set(k, v);
        }
        timeout = setTimeout(function() {
          exited = true;
          return cb('Request has timed out');
        }, 1e4);
        return req.end(function(err, data) {
          if (exited) {
            return;
          }
          exited = true;
          clearTimeout(timeout);
          return response(err, data, cb);
        });
      };
      
      response = function(err, data, cb) {
        var _ref;
        if (err) {
          return cb(error(err));
        }
        if (data.statusType !== 2) {
          if ((data != null ? (_ref = data.body) != null ? _ref.message : void 0 : void 0) != null) {
            return cb(data.body.message);
          }
          return cb(data.error.message);
        }
        return cb(null, data.body);
      };
      
      headers = function(token) {
        var h;
        h = _.extend({}, {
          'Content-Type': 'application/json',
          'Accept': 'application/vnd.github.v3'
        });
        if (token != null) {
          h.Authorization = "token " + token;
        }
        return h;
      };
      
      error = function(err) {
        var message;
        switch (false) {
          case !_.isString(err):
            message = err;
            break;
          case !_.isArray(err):
            message = err[1];
            break;
          case !(_.isObject(err) && _.isString(err.message)):
            message = err.message;
        }
        if (!message) {
          try {
            message = JSON.stringify(err);
          } catch (_error) {
            message = err.toString();
          }
        }
        return message;
      };
      
    });

    // router.coffee
    root.require.register('burnchart/src/modules/router.js', function(exports, require, module) {
    
      var el, mediator, route, routes, system,
        __slice = [].slice;
      
      mediator = require('./mediator');
      
      system = require('../models/system');
      
      el = '#page';
      
      route = function() {
        var Page, args, page;
        page = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
        Page = require("../views/pages/" + page);
        return new Page({
          el: el,
          'data': {
            'route': args
          }
        });
      };
      
      routes = {
        '/': _.partial(route, 'index'),
        '/new/project': _.partial(route, 'new'),
        '/:owner/:name': _.partial(route, 'project'),
        '/:owner/:name/:milestone': _.partial(route, 'chart'),
        '/reset': function() {
          mediator.fire('!projects/clear');
          return window.location.hash = '#';
        },
        '/notify': function() {
          var done;
          done = system.async();
          mediator.fire('!app/notify', {
            'text': 'You have some interesting news in your inbox. Go check it out now.',
            'type': 'warn'
          });
          window.location.hash = '#';
          return _.delay(done, 3e3);
        }
      };
      
      module.exports = Router(routes).configure({
        'strict': false
      });
      
    });

    // header.mustache
    root.require.register('burnchart/src/templates/header.js', function(exports, require, module) {
    
      module.exports = ["<div id=\"head\">","  {{#with user}}","    {{#loaded}}","      <div class=\"right\" intro=\"fade\">","        {{#displayName}}","          {{displayName}} logged in","        {{else}}","          <a class=\"github\" on-click=\"!login\"><Icons icon=\"github\"/> Sign In</a>","        {{/displayName}}","      </div>","    {{/loaded}}","  {{/with}}","","  <a id=\"icon\" href=\"#\">","    <Icons icon=\"{{icon}}\"/>","  </a>","","  <div class=\"q\">","    <Icons icon=\"search\"/>","    <Icons icon=\"down-open\"/>","    <input type=\"text\" placeholder=\"Jump to...\">","  </div>","","  <ul>","    <li><a href=\"#new/project\" class=\"add\"><Icons icon=\"plus-circled\"/> Add a Project</a></li>","    <li><a href=\"#\" class=\"faq\">FAQ</a></li>","    <li><a href=\"#reset\">DB Reset</a></li>","    <li><a href=\"#notify\">Notify</a></li>","  </ul>","</div>"].join("\n");
    });

    // hero.mustache
    root.require.register('burnchart/src/templates/hero.js', function(exports, require, module) {
    
      module.exports = ["{{^projects.list}}","  <div id=\"hero\">","    <div class=\"content\">","      <Icons icon=\"address\"/>","      <h2>See your project progress</h2>","      <p>Not sure where to start? Just add a demo repo to see a chart. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>","      <div class=\"cta\">","        <a href=\"#new/project\" class=\"primary\"><Icons icon=\"plus-circled\"/> Add your project</a>","        <a href=\"#\" class=\"secondary\">Read the Guide</a>","      </div>","    </div>","  </div>","{{/projects.list}}"].join("\n");
    });

    // icons.mustache
    root.require.register('burnchart/src/templates/icons.js', function(exports, require, module) {
    
      module.exports = ["{{#code}}","  <span class=\"icon {{icon}}\">{{{ '&#' + code + ';' }}}</span>","{{/code}}"].join("\n");
    });

    // layout.mustache
    root.require.register('burnchart/src/templates/layout.js', function(exports, require, module) {
    
      module.exports = ["<Notify/>","<Header/>","","<div id=\"page\">","  <!-- content loaded from a router -->","</div>","","<div id=\"footer\">","  <div class=\"wrap\">","    &copy; 2012-2014 <a href=\"http://cloudfi.re\">Cloudfire Systems</a>","  </div>","</div>"].join("\n");
    });

    // milestones.mustache
    root.require.register('burnchart/src/templates/milestones.js', function(exports, require, module) {
    
      module.exports = ["{{#milestones.length}}","  <div id=\"projects\">","    <div class=\"header\">","      <a href=\"#\" class=\"sort\"><Icons icon=\"sort-alphabet\"/> Sorted by priority</a>","      <h2>Milestones</h2>","    </div>","","    <table>","      {{#milestones}}","        <tr>","          <td>","            <a class=\"milestone\" href=\"#{{owner}}/{{name}}/{{number}}\">{{ title }}</a>","          </td>","          <td style=\"width:1%\">","            <div class=\"progress\">","              <span class=\"percent\">{{Math.floor(format.progress(closed_issues, open_issues))}}%</span>","              <span class=\"due\">{{{ format.due(due_on) }}}</span>","              <div class=\"outer bar\">","                <div class=\"inner bar {{format.onTime(this)}}\" style=\"width:{{format.progress(closed_issues, open_issues)}}%\"></div>","              </div>","            </div>","          </td>","        </tr>","      {{/milestones}}","    </table>","","    <div class=\"footer\">","      <a href=\"#\"><Icons icon=\"cog\"/> Edit</a>","    </div>","  </div>","{{/milestones.length}}"].join("\n");
    });

    // notify.mustache
    root.require.register('burnchart/src/templates/notify.js', function(exports, require, module) {
    
      module.exports = ["{{#text}}","  {{#system}}","    <div id=\"notify\" class=\"{{type}} system\" style=\"top:{{top}}%\">","      <Icons icon=\"{{icon}}\"/>","      <p>{{text}}</p>","    </div>","  {{else}}","    <div id=\"notify\" class=\"{{type}}\" style=\"top:{{-top}}px\">","      <span class=\"close\" on-click=\"close\" />","      <Icons icon=\"{{icon}}\"/>","      <p>{{text}}</p>","    </div>","  {{/system}}","{{/text}}"].join("\n");
    });

    // chart.mustache
    root.require.register('burnchart/src/templates/pages/chart.js', function(exports, require, module) {
    
      module.exports = ["<div id=\"title\">","  <div class=\"wrap\">","    <h2 class=\"title\">{{ format.title(milestone.title) }}</h2>","    <span class=\"sub\">{{{ format.due(milestone.due_on) }}}</span>","    <p class=\"description\">{{{ format.markdown(milestone.description) }}}</p>","  </div>","</div>","","<div id=\"content\" class=\"wrap\">","  <div id=\"chart\">","    <div id=\"svg\"></div>","  </div>","</div>"].join("\n");
    });

    // index.mustache
    root.require.register('burnchart/src/templates/pages/index.js', function(exports, require, module) {
    
      module.exports = ["<div id=\"content\" class=\"wrap\">","  <Hero/>","  <Projects/>","</div>"].join("\n");
    });

    // new.mustache
    root.require.register('burnchart/src/templates/pages/new.js', function(exports, require, module) {
    
      module.exports = ["<div id=\"content\" class=\"wrap\">","  <div id=\"add\">","    <div class=\"header\">","      <h2>Add a Project</h2>","      <p>Type in the name of the repository as you would normally. If you'd like to add a private GitHub project, <a href=\"#\">Sign In</a> first.</p>","    </div>","","    <div class=\"form\">","      <table>","        <tr>","          <td>","            <input type=\"text\" placeholder=\"user/repo\" autocomplete=\"off\" value=\"{{value}}\" on-keyup=\"submit:{{value}}\">","          </td>","          <td>","            <a on-click=\"submit:{{value}}\">Add</a>","          </td>","        </tr>","      </table>","    </div>","  </div>","</div>"].join("\n");
    });

    // project.mustache
    root.require.register('burnchart/src/templates/pages/project.js', function(exports, require, module) {
    
      module.exports = ["<div id=\"title\">","  <div class=\"wrap\">","    <h2 class=\"title\">{{route.join('/')}}</h2>","  </div>","</div>","","<div id=\"content\" class=\"wrap\">","  <Milestones owner=\"{{route[0]}}\" name=\"{{route[1]}}\"/>","</div>"].join("\n");
    });

    // projects.mustache
    root.require.register('burnchart/src/templates/projects.js', function(exports, require, module) {
    
      module.exports = ["{{#projects.list.length}}","  <div id=\"projects\">","    <div class=\"header\">","      <a href=\"#\" class=\"sort\"><Icons icon=\"sort-alphabet\"/> Sorted by priority</a>","      <h2>Projects</h2>","    </div>","","    <table>","      {{#projects.list}}","        {{#milestones}}","          <tr>","            <td class=\"repo\">","              <a class=\"project\" href=\"#{{owner}}/{{name}}\">{{owner}}/{{name}}</a>","            </td>","            <td>","              <a class=\"milestone\" href=\"#{{owner}}/{{name}}/{{number}}\">{{ title }}</a>","            </td>","            <td style=\"width:1%\">","              <div class=\"progress\">","                <span class=\"percent\">{{Math.floor(format.progress(closed_issues, open_issues))}}%</span>","                <span class=\"due\">{{{ format.due(due_on) }}}</span>","                <div class=\"outer bar\">","                  <div class=\"inner bar {{format.onTime(this)}}\" style=\"width:{{format.progress(closed_issues, open_issues)}}%\"></div>","                </div>","              </div>","            </td>","          </tr>","        {{/milestones}}","      {{/projects.list}}","    </table>","","    <div class=\"footer\">","      <a href=\"#\"><Icons icon=\"cog\"/> Edit</a>","    </div>","  </div>","{{/projects.list.length}}","","<!--","  <tr>","    <td><a class=\"repo\" href=\"#\">radekstepan/disposable</a></td>","    <td><span class=\"milestone\">Milestone 1.0 <span class=\"icon down-open\"></span></td>","    <td>","      <div class=\"progress\">","        <span class=\"percent\">40%</span>","        <span class=\"due\">due on Friday</span>","        <div class=\"outer bar\">","          <div class=\"inner bar red\" style=\"width:40%\"></div>","        </div>","      </div>","    </td>","  </tr>","  <tr class=\"done\">","    <td><a class=\"repo\" href=\"#\">radekstepan/burnchart</a></td>","    <td><span class=\"milestone\">Beta Milestone <span class=\"icon down-open\"></span></a></td>","    <td>","      <div class=\"progress\">","        <span class=\"percent\">100%</span>","        <span class=\"due\">due tomorrow</span>","        <div class=\"outer bar\">","          <div class=\"inner bar green\" style=\"width:100%\"></div>","        </div>","      </div>","    </td>","  </tr>","  <tr>","    <td><a class=\"repo\" href=\"#\">intermine/intermine</a></td>","    <td><span class=\"milestone\">Emma Release 96 <span class=\"icon down-open\"></span></a></td>","    <td>","      <div class=\"progress\">","        <span class=\"percent\">27%</span>","        <span class=\"due\">due in 2 weeks</span>","        <div class=\"outer bar\">","          <div class=\"inner bar red\" style=\"width:27%\"></div>","        </div>","      </div>","    </td>","  </tr>","  <tr>","    <td><a class=\"repo\" href=\"#\">microsoft/windows</a></td>","    <td><span class=\"milestone\">RC 9 <span class=\"icon down-open\"></span></a></td>","    <td>","      <div class=\"progress\">","        <span class=\"percent\">90%</span>","        <span class=\"due red\">overdue by a month</span>","        <div class=\"outer bar\">","          <div class=\"inner bar red\" style=\"width:90%\"></div>","        </div>","      </div>","    </td>","  </tr>","-->"].join("\n");
    });

    // date.coffee
    root.require.register('burnchart/src/utils/date.js', function(exports, require, module) {
    
      module.exports = {
        now: function() {
          return new Date().toJSON();
        }
      };
      
    });

    // format.coffee
    root.require.register('burnchart/src/utils/format.js', function(exports, require, module) {
    
      var config;
      
      config = require('../models/config');
      
      module.exports = {
        'progress': _.memoize(function(a, b) {
          return 100 * (a / (b + a));
        }),
        'onTime': _.memoize(function(milestone) {
          var a, b, c, points, time;
          if (!milestone.due_on) {
            return 'green';
          }
          points = this.progress(milestone.closed_issues, milestone.open_issues);
          a = +new Date(milestone.created_at);
          b = +(new Date);
          c = +new Date(milestone.due_on);
          time = this.progress(b - a, c - b);
          return ['red', 'green'][+(points > time)];
        }, function(m) {
          return [m.created_at, m.number].join('/');
        }),
        'fromNow': _.memoize(function(jsonDate) {
          return moment(new Date(jsonDate)).fromNow();
        }),
        'due': function(jsonDate) {
          if (!jsonDate) {
            return '&nbsp;';
          }
          return ['due', this.fromNow(jsonDate)].join(' ');
        },
        'markdown': function(markup) {
          return marked(markup);
        },
        'title': function(text) {
          if (text.toLowerCase().indexOf('milestone') > -1) {
            return text;
          } else {
            return ['Milestone', text].join(' ');
          }
        },
        hexToDecimal: function(hex) {
          return parseInt(hex, 16);
        }
      };
      
    });

    // key.coffee
    root.require.register('burnchart/src/utils/key.js', function(exports, require, module) {
    
      module.exports = {
        is: function(evt) {
          var _ref;
          return (_ref = evt.original.type) === 'keyup' || _ref === 'keydown';
        },
        isEnter: function(evt) {
          return evt.original.which === 13;
        }
      };
      
    });

    // mixins.coffee
    root.require.register('burnchart/src/utils/mixins.js', function(exports, require, module) {
    
      _.mixin({
        'pluckMany': function(source, keys) {
          if (!_.isArray(keys)) {
            throw '`keys` needs to be an Array';
          }
          return _.map(source, function(item) {
            var obj;
            obj = {};
            _.each(keys, function(key) {
              return obj[key] = item[key];
            });
            return obj;
          });
        }
      });
      
    });

    // model.coffee
    root.require.register('burnchart/src/utils/model.js', function(exports, require, module) {
    
      module.exports = function(opts) {
        var Model, model;
        Model = Ractive.extend(opts);
        model = new Model();
        model.render();
        return model;
      };
      
    });

    // header.coffee
    root.require.register('burnchart/src/views/header.js', function(exports, require, module) {
    
      var Icons, firebase, system, user;
      
      system = require('../models/system').system;
      
      firebase = require('../modules/firebase');
      
      user = require('../models/user');
      
      Icons = require('./icons');
      
      module.exports = Ractive.extend({
        'template': require('../templates/header'),
        'data': {
          'user': user,
          'icon': 'fire-station'
        },
        onconstruct: function() {
          return this.on('!login', function() {
            return firebase.login(function(err) {
              if (err) {
                throw err;
              }
            });
          });
        },
        onrender: function() {
          var _this = this;
          return system.observe('loading', function(ya) {
            return _this.set('icon', ya ? 'spinner1' : 'fire-station');
          });
        },
        'components': {
          Icons: Icons
        },
        'adapt': [Ractive.adaptors.Ractive]
      });
      
    });

    // hero.coffee
    root.require.register('burnchart/src/views/hero.js', function(exports, require, module) {
    
      var Icons, mediator, projects;
      
      mediator = require('../modules/mediator');
      
      projects = require('../models/projects');
      
      Icons = require('./icons');
      
      module.exports = Ractive.extend({
        'template': require('../templates/hero'),
        'data': {
          projects: projects
        },
        'components': {
          Icons: Icons
        },
        'adapt': [Ractive.adaptors.Ractive]
      });
      
    });

    // icons.coffee
    root.require.register('burnchart/src/views/icons.js', function(exports, require, module) {
    
      var codes, utils;
      
      utils = require('../utils/format');
      
      codes = {
        'cog': '\e800',
        'search': '\e801',
        'github': '\e802',
        'address': '\e803',
        'plus-circled': '\e804',
        'fire-station': '\e805',
        'sort-alphabet': '\e806',
        'down-open': '\e807',
        'spin6': '\e808',
        'megaphone': '\e809',
        'spin4': '\e80a',
        'spinner1': '\e80b'
      };
      
      module.exports = Ractive.extend({
        'template': require('../templates/icons'),
        'isolated': true,
        onrender: function() {
          return this.observe('icon', function(icon) {
            var hex;
            if (icon && (hex = codes[icon])) {
              return this.set('code', utils.hexToDecimal(hex));
            } else {
              return this.set('code', null);
            }
          });
        }
      });
      
    });

    // milestones.coffee
    root.require.register('burnchart/src/views/milestones.js', function(exports, require, module) {
    
      var Icons, mediator, projects;
      
      mediator = require('../modules/mediator');
      
      projects = require('../models/projects');
      
      Icons = require('./icons');
      
      module.exports = Ractive.extend({
        'template': require('../templates/milestones'),
        'components': {
          Icons: Icons
        },
        'adapt': [Ractive.adaptors.Ractive],
        onconstruct: function() {
          return this.set('milestones', _.filter(projects.get('list'), {
            'owner': this.get('owner'),
            'name': this.get('name')
          }));
        }
      });
      
    });

    // notify.coffee
    root.require.register('burnchart/src/views/notify.js', function(exports, require, module) {
    
      var HEIGHT, Icons, mediator;
      
      mediator = require('../modules/mediator');
      
      Icons = require('./icons');
      
      HEIGHT = 68;
      
      module.exports = Ractive.extend({
        'template': require('../templates/notify'),
        'data': {
          'top': HEIGHT,
          'hidden': true,
          'defaults': {
            'text': '',
            'type': '',
            'system': false,
            'icon': 'megaphone',
            'ttl': 5e3
          }
        },
        show: function(opts) {
          var pos;
          this.set('hidden', false);
          this.set(opts = _.defaults(opts, this.data.defaults));
          pos = [0, 50][+opts.system];
          this.animate('top', pos, {
            'easing': d3.ease('bounce'),
            'duration': 800
          });
          if (!opts.ttl) {
            return;
          }
          return _.delay(_.bind(this.hide, this), opts.ttl);
        },
        hide: function() {
          var _this = this;
          if (this.data.hidden) {
            return;
          }
          this.set('hidden', true);
          return this.animate('top', HEIGHT, {
            'easing': d3.ease('back'),
            'complete': function() {
              return _this.set('text', null);
            }
          });
        },
        onconstruct: function() {
          mediator.on('!app/notify', _.bind(this.show, this));
          mediator.on('!app/notify/hide', _.bind(this.hide, this));
          return this.on('close', this.hide);
        },
        'components': {
          Icons: Icons
        },
        'adapt': [Ractive.adaptors.Ractive]
      });
      
    });

    // chart.coffee
    root.require.register('burnchart/src/views/pages/chart.js', function(exports, require, module) {
    
      var format, milestone, project, system;
      
      system = require('../../models/system');
      
      milestone = require('../../modules/milestone');
      
      project = require('../../modules/project');
      
      format = require('../../utils/format');
      
      module.exports = Ractive.extend({
        'template': require('../../templates/pages/chart'),
        'adapt': [Ractive.adaptors.Ractive],
        'data': {
          format: format
        },
        onrender: function() {
          var name, owner, route, _ref,
            _this = this;
          _ref = this.get('route'), owner = _ref[0], name = _ref[1], milestone = _ref[2];
          route = {
            owner: owner,
            name: name,
            milestone: milestone
          };
          document.title = "" + owner + "/" + name + "/" + milestone;
          return milestone.get(route, function(err, warn, obj) {
            if (err) {
              throw err;
            }
            if (warn) {
              throw warn;
            }
            _this.set('milestone', obj);
            route.milestone = obj;
            return project(route, function(err) {
              if (err) {
                throw err;
              }
            });
          });
        }
      });
      
    });

    // index.coffee
    root.require.register('burnchart/src/views/pages/index.js', function(exports, require, module) {
    
      var Hero, Projects, format;
      
      Hero = require('../hero');
      
      Projects = require('../projects');
      
      format = require('../../utils/format');
      
      module.exports = Ractive.extend({
        'template': require('../../templates/pages/index'),
        'components': {
          Hero: Hero,
          Projects: Projects
        },
        'data': {
          format: format
        },
        onrender: function() {
          return document.title = 'Burnchart: GitHub Burndown Chart as a Service';
        }
      });
      
    });

    // new.coffee
    root.require.register('burnchart/src/views/pages/new.js', function(exports, require, module) {
    
      var key, mediator, system, user;
      
      mediator = require('../../modules/mediator');
      
      system = require('../../models/system');
      
      user = require('../../models/user');
      
      key = require('../../utils/key');
      
      module.exports = Ractive.extend({
        'template': require('../../templates/pages/new'),
        'data': {
          'value': 'radekstepan/disposable',
          user: user
        },
        'adapt': [Ractive.adaptors.Ractive],
        submit: function(evt, value) {
          var done, name, owner, _ref;
          if (key.is(evt) && !key.isEnter(evt)) {
            return;
          }
          _ref = value.split('/'), owner = _ref[0], name = _ref[1];
          done = system.async();
          return mediator.fire('!projects/add', {
            owner: owner,
            name: name
          }, function(err) {
            done();
            mediator.fire('!app/notify', {
              'text': err || ("Project " + value + " saved."),
              'type': err ? 'error' : 'success'
            });
            return window.location.hash = '#';
          });
        },
        onrender: function() {
          var autocomplete;
          document.title = 'Add a new project';
          autocomplete = function(value) {};
          this.observe('value', _.debounce(autocomplete, 200), {
            'init': false
          });
          this.el.querySelector('input').focus();
          return this.on('submit', this.submit);
        }
      });
      
    });

    // project.coffee
    root.require.register('burnchart/src/views/pages/project.js', function(exports, require, module) {
    
      var Milestones;
      
      Milestones = require('../milestones');
      
      module.exports = Ractive.extend({
        'template': require('../../templates/pages/project'),
        'components': {
          Milestones: Milestones
        },
        onrender: function() {
          var name, owner, _ref;
          _ref = this.get('route'), owner = _ref[0], name = _ref[1];
          return document.title = "" + owner + "/" + name;
        }
      });
      
    });

    // projects.coffee
    root.require.register('burnchart/src/views/projects.js', function(exports, require, module) {
    
      var Icons, mediator, projects;
      
      mediator = require('../modules/mediator');
      
      projects = require('../models/projects');
      
      Icons = require('./icons');
      
      module.exports = Ractive.extend({
        'template': require('../templates/projects'),
        'data': {
          projects: projects
        },
        'components': {
          Icons: Icons
        },
        'adapt': [Ractive.adaptors.Ractive]
      });
      
    });
  })();

  // Return the main app.
  var main = root.require("burnchart/src/app.js");

  // AMD/RequireJS.
  if (typeof define !== 'undefined' && define.amd) {
  
    define("burnchart", [ /* load deps ahead of time */ ], function () {
      return main;
    });
  
  }

  // CommonJS.
  else if (typeof module !== 'undefined' && module.exports) {
    module.exports = main;
  }

  // Globally exported.
  else {
  
    root["burnchart"] = main;
  
  }

  // Alias our app.
  
  root.require.alias("burnchart/src/app.js", "burnchart/index.js");
  

})(this);