native location hash implementation

src/app.coffee

@@ -1,28 +1,34 @@
 #!/usr/bin/env coffee
 async    = require 'async'
 { _ }    = require 'lodash'
-Router   = require 'route66'
 
 config   = require './modules/config'
 render   = require './modules/render'
 { Repo } = require './modules/repo'
 
+route = ->
+    if match = window.location.hash.match /^#!\/(.+)\/(.+)$/
+        repo = match[1..3].join('/')
+
+        # We are loading.
+        render 'body', 'loading', { repo }
+
+        # Get config/cache.
+        return async.waterfall [ config
+        # Instantiate.
+        , (conf, cb) ->
+            cb null, new Repo _.extend { repo }, conf
+        # Render.
+        , (repo, cb) ->
+            repo.render cb
+        ], (err) ->
+            render 'body', 'error', { text: err.toString() } if err
+
+    # Info notice for you.
+    render 'body', 'info'
+
 module.exports = ->
-    # Show info notice?
-    render 'body', 'info' unless location.hash
-
-    # A new router.
-    new Router().path
-        '/:user/:repo': ->
-            repo = _.toArray(arguments).join('/')
-
-            # Get config/cache.
-            async.waterfall [ config
-            # Instantiate.
-            , (conf, cb) ->
-                cb null, new Repo _.extend { repo }, conf
-            # Render.
-            , (repo, cb) ->
-                repo.render cb
-            ], (err) ->
-                render 'body', 'error', { text: err.toString() } if err
+    # Detect route changes.
+    window.addEventListener 'hashchange', route, no
+    # And route now.
+    do route

src/component.json

@@ -7,7 +7,6 @@
         "caolan/async": "*",
         "mbostock/d3": "*",
         "visionmedia/superagent": "*",
-        "pazguille/route66": "*",
         "necolas/normalize.css": "*"
     },
     "scripts": [
@@ -24,6 +23,7 @@
         "templates/graph.eco",
         "templates/info.eco",
         "templates/label.eco",
+        "templates/loading.eco",
         "templates/progress.eco"
     ],
     "styles": [

src/styles/app.styl

@@ -21,8 +21,11 @@ h2
     color: #FFF
     box-shadow: 2px 4px 6px rgba(0,0,0,0.2)
 
-    &.info, &.error, &.success
+    &.generic, &.info, &.error, &.success
         border-top: 4px solid #E2E2E2
+        padding: 20px
+        width: 50%
+        margin: 0 auto
 
     &.info
         border-top-color: #96CFFB
@@ -30,11 +33,6 @@ h2
     &.error
         border-top-color: #FE5D55
 
-    &.info, &.error
-        padding: 20px
-        width: 50%
-        margin: 0 auto
-
     &.success
         border-top-color: #4ACAB4
 

src/templates/info.eco

@@ -1,4 +1,4 @@
-<div class="box info" id="info">
+<div class="box info">
     <h2>GitHub Burndown Chart</h2>
     <p>Use your browser's location hash to specify a repo: <a href="#!/radekstepan/disposable">#!/radekstepan/disposable</a>.</p>
 </div>

src/templates/loading.eco

@@ -0,0 +1,4 @@
+<div class="box generic">
+    <h2>GitHub Burndown Chart</h2>
+    <p>Loading <a href="#!/<%- @repo %>">#!/<%- @repo %></a>.</p>
+</div>