From a5cae6c4c0b09306c3125e7271b1b504a5b4c381 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Thu, 7 May 2015 12:56:57 +0200
Subject: [PATCH 01/12] added trailingSlashes option

---
 index.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/index.js b/index.js
index abf81a45..ff888c5c 100644
--- a/index.js
+++ b/index.js
@@ -89,7 +89,8 @@ exports = module.exports = function serveIndex(root, options){
     , view = options.view || 'tiles'
     , filter = options.filter
     , template = options.template || defaultTemplate
-    , stylesheet = options.stylesheet || defaultStylesheet;
+    , stylesheet = options.stylesheet || defaultStylesheet
+    , trailingSlashes = options.trailingSlashes || false;
 
   return function serveIndex(req, res, next) {
     if (req.method !== 'GET' && req.method !== 'HEAD') {
@@ -154,7 +155,7 @@ exports = module.exports = function serveIndex(root, options){
 
         // not acceptable
         if (!type) return next(createError(406));
-        exports[mediaType[type]](req, res, files, next, originalDir, showUp, icons, path, view, template, stylesheet);
+        exports[mediaType[type]](req, res, files, next, originalDir, showUp, icons, path, view, template, stylesheet, trailingSlashes);
       });
     });
   };
@@ -164,7 +165,7 @@ exports = module.exports = function serveIndex(root, options){
  * Respond with text/html.
  */
 
-exports.html = function(req, res, files, next, dir, showUp, icons, path, view, template, stylesheet){
+exports.html = function(req, res, files, next, dir, showUp, icons, path, view, template, stylesheet, trailingSlashes){
   fs.readFile(template, 'utf8', function(err, str){
     if (err) return next(err);
     fs.readFile(stylesheet, 'utf8', function(err, style){
@@ -176,7 +177,7 @@ exports.html = function(req, res, files, next, dir, showUp, icons, path, view, t
         if (showUp) files.unshift({ name: '..' });
         str = str
           .replace(/\{style\}/g, style.concat(iconStyle(files, icons)))
-          .replace(/\{files\}/g, html(files, dir, icons, view))
+          .replace(/\{files\}/g, html(files, dir, icons, view, trailingSlashes))
           .replace(/\{directory\}/g, escapeHtml(dir))
           .replace(/\{linked-path\}/g, htmlPath(dir));
 
@@ -351,7 +352,7 @@ function iconStyle (files, useIcons) {
  * Map html `files`, returning an html unordered list.
  */
 
-function html(files, dir, useIcons, view) {
+function html(files, dir, useIcons, view, trailingSlashes) {
   return '<ul id="files" class="view-' + escapeHtml(view) + '">'
     + (view == 'details' ? (
       '<li class="header">'
@@ -393,6 +394,7 @@ function html(files, dir, useIcons, view) {
 
     return '<li><a href="'
       + escapeHtml(normalizeSlashes(normalize(path.join('/'))))
+      + (trailingSlashes && isDir? '/' : '')
       + '" class="' + escapeHtml(classes.join(' ')) + '"'
       + ' title="' + escapeHtml(file.name) + '">'
       + '<span class="name">' + escapeHtml(file.name) + '</span>'

From 270e46046c3df0eaf5463b987450e4185abc858f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Al=C3=A7ada=20Padez?=
 <andrepadez@users.noreply.github.com>
Date: Thu, 7 May 2015 12:58:49 +0200
Subject: [PATCH 02/12] Update README.md

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index 80dfb0d5..663ab15a 100644
--- a/README.md
+++ b/README.md
@@ -69,6 +69,10 @@ The following tokens are replaced in templates:
 
 Display mode. `tiles` and `details` are available. Defaults to `tiles`.
 
+##### trailingSlashes
+
+If set to true, links to directories will include a trailing slash. Defaults to false.
+
 ## Examples
 
 ### Serve directory indexes with vanilla node.js http server

From 960cf4e224528de40895e2d06f24d9bf90da505c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Mon, 11 May 2015 17:15:47 +0200
Subject: [PATCH 03/12] fixed ../ linking error

---
 index.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/index.js b/index.js
index ff888c5c..4239df33 100644
--- a/index.js
+++ b/index.js
@@ -392,9 +392,10 @@ function html(files, dir, useIcons, view, trailingSlashes) {
       ? file.stat.size
       : '';
 
+    var escapedHtml = escapeHtml(normalizeSlashes(normalize(path.join('/'))));
     return '<li><a href="'
-      + escapeHtml(normalizeSlashes(normalize(path.join('/'))))
-      + (trailingSlashes && isDir? '/' : '')
+      + escapedHtml
+      + (escapedHtml !== '/' && trailingSlashes && isDir? '/' : '')
       + '" class="' + escapeHtml(classes.join(' ')) + '"'
       + ' title="' + escapeHtml(file.name) + '">'
       + '<span class="name">' + escapeHtml(file.name) + '</span>'

From 22911ee6371c07921e9d2046743043a2d5236310 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Mon, 3 Aug 2015 16:28:07 +0200
Subject: [PATCH 04/12] added run buttons

---
 public/directory.html |  6 ++++++
 public/style.css      | 15 +++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/public/directory.html b/public/directory.html
index cda16017..149cf025 100644
--- a/public/directory.html
+++ b/public/directory.html
@@ -73,9 +73,15 @@
     </script>
   </head>
   <body class="directory">
+
     <input id="search" type="text" placeholder="Search" autocomplete="off" />
     <div id="wrapper">
       <h1><a href="/">~</a>{linked-path}</h1>
+      <div class="run-buttons">
+        <a href="#">Run App...</a>
+        <a href="#">Run Tests...</a>
+        <div style="clear: both"></div>
+      </div>
       {files}
     </div>
   </body>
diff --git a/public/style.css b/public/style.css
index eb99dc9b..42dd4008 100644
--- a/public/style.css
+++ b/public/style.css
@@ -255,3 +255,18 @@ ul#files.view-details li.header {
     text-indent: 41px;
   }
 }
+
+.run-buttons {
+  width: 90%;
+}
+
+.run-buttons a {
+  font-weight: bold;
+  border-radius: 5px;
+  float: right;
+  padding: 2px 4px;
+  border: 1px solid blue;
+  background: #000;
+  color: #fff;
+  margin-left: 50px;
+}

From ed183bc08042e4f4b13c86f970ff434b6fdff0f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Tue, 4 Aug 2015 12:22:32 +0200
Subject: [PATCH 05/12] run buttons now work

---
 public/directory.html | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/public/directory.html b/public/directory.html
index 149cf025..2d47927e 100644
--- a/public/directory.html
+++ b/public/directory.html
@@ -77,12 +77,35 @@
     <input id="search" type="text" placeholder="Search" autocomplete="off" />
     <div id="wrapper">
       <h1><a href="/">~</a>{linked-path}</h1>
-      <div class="run-buttons">
-        <a href="#">Run App...</a>
-        <a href="#">Run Tests...</a>
+      <div class="run-buttons" id="run-buttons">
+        <a data-role="app" href="#">Run App...</a>
+        <a data-role="test" href="#">Run Tests...</a>
         <div style="clear: both"></div>
       </div>
       {files}
     </div>
+
+    <script>
+      var runButtons = document.getElementById('run-buttons');
+      runButtons.addEventListener('click', function(ev){
+        var role = ev.target.dataset.role;
+        if(role){
+          ev.preventDefault();
+          var xhr = new XMLHttpRequest();
+          var url = window.location.pathname?
+            window.location.pathname + 'run/' + role :
+            'run/' + role;
+           console.log('url', url) 
+          xhr.open('GET', url);
+          xhr.onload = function(){
+            if(this.status === 200){
+              window.location.reload();
+            }
+          }
+          xhr.send();
+        }
+      });
+    </script>
+
   </body>
 </html>
\ No newline at end of file

From dacf60a5471153d3fb8bca457c8b94863783fc5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Tue, 11 Aug 2015 15:32:38 +0200
Subject: [PATCH 06/12] working with new gaston

---
 public/directory.html | 23 ++++++-----------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/public/directory.html b/public/directory.html
index 2d47927e..2a55538d 100644
--- a/public/directory.html
+++ b/public/directory.html
@@ -78,31 +78,20 @@
     <div id="wrapper">
       <h1><a href="/">~</a>{linked-path}</h1>
       <div class="run-buttons" id="run-buttons">
-        <a data-role="app" href="#">Run App...</a>
-        <a data-role="test" href="#">Run Tests...</a>
+        <a data-role="dev" href="run/dev">Run Dev...</a>
+        <a data-role="test" href="run/test">Run Tests...</a>
         <div style="clear: both"></div>
       </div>
       {files}
     </div>
 
+    <script type="text/javascript" src="/gaston-compiled.js"></script>
     <script>
-      var runButtons = document.getElementById('run-buttons');
-      runButtons.addEventListener('click', function(ev){
-        var role = ev.target.dataset.role;
+      document.getElementById('run-buttons').addEventListener('click', function(ev){
+        var role = ev.target.dataset.role
         if(role){
           ev.preventDefault();
-          var xhr = new XMLHttpRequest();
-          var url = window.location.pathname?
-            window.location.pathname + 'run/' + role :
-            'run/' + role;
-           console.log('url', url) 
-          xhr.open('GET', url);
-          xhr.onload = function(){
-            if(this.status === 200){
-              window.location.reload();
-            }
-          }
-          xhr.send();
+          gaston.identify(role);
         }
       });
     </script>

From 9fcde5174011b7607af0c580f78e63fa34156008 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Wed, 12 Aug 2015 18:14:41 +0200
Subject: [PATCH 07/12] added buttons, but have to take them out of the span

---
 index.js         | 11 +++++++++--
 public/style.css | 13 +++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/index.js b/index.js
index 4239df33..93809084 100644
--- a/index.js
+++ b/index.js
@@ -385,20 +385,27 @@ function html(files, dir, useIcons, view, trailingSlashes) {
 
     path.push(encodeURIComponent(file.name));
 
+    var runButtons = '';
+    if( /\.js$/.test(file.name) ){
+      runButtons = '<div class="run-buttons"><button>run dev</button><button>run test</button></div>';
+    }
+
     var date = file.stat && file.name !== '..'
       ? file.stat.mtime.toDateString() + ' ' + file.stat.mtime.toLocaleTimeString()
       : '';
     var size = file.stat && !isDir
       ? file.stat.size
       : '';
-
+    
     var escapedHtml = escapeHtml(normalizeSlashes(normalize(path.join('/'))));
     return '<li><a href="'
       + escapedHtml
       + (escapedHtml !== '/' && trailingSlashes && isDir? '/' : '')
       + '" class="' + escapeHtml(classes.join(' ')) + '"'
       + ' title="' + escapeHtml(file.name) + '">'
-      + '<span class="name">' + escapeHtml(file.name) + '</span>'
+      + '<span class="name">' + escapeHtml(file.name) 
+      + runButtons
+      + '</span>'
       + '<span class="size">' + escapeHtml(size) + '</span>'
       + '<span class="date">' + escapeHtml(date) + '</span>'
       + '</a></li>';
diff --git a/public/style.css b/public/style.css
index 42dd4008..e4b80881 100644
--- a/public/style.css
+++ b/public/style.css
@@ -257,16 +257,9 @@ ul#files.view-details li.header {
 }
 
 .run-buttons {
-  width: 90%;
+  display: inline-block;
 }
 
-.run-buttons a {
-  font-weight: bold;
-  border-radius: 5px;
-  float: right;
-  padding: 2px 4px;
-  border: 1px solid blue;
-  background: #000;
-  color: #fff;
-  margin-left: 50px;
+.run-buttons button {
+  margin-right: 10px;  
 }

From 5af9428e00406603a4bec20b2244dbac5a40d5da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Thu, 13 Aug 2015 12:52:51 +0200
Subject: [PATCH 08/12] now we can compile the js file we want

---
 index.js              |  4 +++-
 public/directory.html | 20 +++++++++++---------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/index.js b/index.js
index 93809084..05ba2a2f 100644
--- a/index.js
+++ b/index.js
@@ -387,7 +387,9 @@ function html(files, dir, useIcons, view, trailingSlashes) {
 
     var runButtons = '';
     if( /\.js$/.test(file.name) ){
-      runButtons = '<div class="run-buttons"><button>run dev</button><button>run test</button></div>';
+      runButtons = '<div class="run-buttons" id="run-buttons">'
+        + '<button data-file="'+file.name+'" data-role="dev">run dev</button>'
+        + '<button data-file="'+file.name+'" data-role="test">run test</button></div>';
     }
 
     var date = file.stat && file.name !== '..'
diff --git a/public/directory.html b/public/directory.html
index 2a55538d..e8838c5f 100644
--- a/public/directory.html
+++ b/public/directory.html
@@ -77,23 +77,25 @@
     <input id="search" type="text" placeholder="Search" autocomplete="off" />
     <div id="wrapper">
       <h1><a href="/">~</a>{linked-path}</h1>
-      <div class="run-buttons" id="run-buttons">
-        <a data-role="dev" href="run/dev">Run Dev...</a>
-        <a data-role="test" href="run/test">Run Tests...</a>
-        <div style="clear: both"></div>
-      </div>
       {files}
     </div>
 
     <script type="text/javascript" src="/gaston-compiled.js"></script>
     <script>
-      document.getElementById('run-buttons').addEventListener('click', function(ev){
-        var role = ev.target.dataset.role
+    var handler = function(ev){
+        ev.stopPropagation();
+        var role = ev.target.dataset.role; 
         if(role){
+          var file = ev.target.dataset.file;
           ev.preventDefault();
-          gaston.identify(role);
+          gaston.identify(role, file);
+          return false;
         }
-      });
+      };
+      var runButtons = document.getElementsByClassName('run-buttons');
+      for(var i = 0, l = runButtons.length; i < l; i++){
+        runButtons[i].addEventListener('click', handler);
+      }
     </script>
 
   </body>

From 43315e4d6e19f2b96100ae3594c6e400f4ac39d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Wed, 2 Sep 2015 18:31:08 +0200
Subject: [PATCH 09/12] v1.0

---
 index.js     | 4 +++-
 package.json | 8 ++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/index.js b/index.js
index 05ba2a2f..6381c3ae 100644
--- a/index.js
+++ b/index.js
@@ -386,7 +386,9 @@ function html(files, dir, useIcons, view, trailingSlashes) {
     path.push(encodeURIComponent(file.name));
 
     var runButtons = '';
-    if( /\.js$/.test(file.name) ){
+    if( /\.js$/.test(file.name) 
+      && !~file.name.indexOf('bundle') 
+      && !~file.name.indexOf('build') ){
       runButtons = '<div class="run-buttons" id="run-buttons">'
         + '<button data-file="'+file.name+'" data-role="dev">run dev</button>'
         + '<button data-file="'+file.name+'" data-role="test">run test</button></div>';
diff --git a/package.json b/package.json
index 80110c90..2ebf7c2a 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,10 @@
 {
-  "name": "serve-index",
+  "name": "gaston-serve-index",
   "description": "Serve directory listings",
-  "version": "1.6.3",
-  "author": "Douglas Christopher Wilson <doug@somethingdoug.com>",
+  "version": "1.0.0",
+  "author": "André Alçada Padez <andre.padez@gmail.com>",
   "license": "MIT",
-  "repository": "expressjs/serve-index",
+  "repository": "vigour-io/gaston-serve-index",
   "dependencies": {
     "accepts": "~1.2.5",
     "batch": "0.5.2",

From 1da484d5fd966f086071cc89fa4c6f541587c522 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Fri, 11 Sep 2015 16:55:56 +0200
Subject: [PATCH 10/12] now asks for naked-gaston.js

---
 package.json          | 2 +-
 public/directory.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 2ebf7c2a..4c2306fc 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gaston-serve-index",
   "description": "Serve directory listings",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "author": "André Alçada Padez <andre.padez@gmail.com>",
   "license": "MIT",
   "repository": "vigour-io/gaston-serve-index",
diff --git a/public/directory.html b/public/directory.html
index e8838c5f..112c5c8b 100644
--- a/public/directory.html
+++ b/public/directory.html
@@ -80,7 +80,7 @@ <h1><a href="/">~</a>{linked-path}</h1>
       {files}
     </div>
 
-    <script type="text/javascript" src="/gaston-compiled.js"></script>
+    <script type="text/javascript" src="/naked-gaston.js"></script>
     <script>
     var handler = function(ev){
         ev.stopPropagation();

From a581f7f92025792b871d5483b2cb61172f6cb170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Fri, 25 Sep 2015 23:16:45 +0200
Subject: [PATCH 11/12] registering project

---
 index.js              | 423 +++++++++++++++++++++---------------------
 package.json          |   2 +-
 public/directory.html |   2 +-
 3 files changed, 216 insertions(+), 211 deletions(-)

diff --git a/index.js b/index.js
index 6381c3ae..caa1285d 100644
--- a/index.js
+++ b/index.js
@@ -14,38 +14,38 @@
  * @private
  */
 
-var accepts = require('accepts');
-var createError = require('http-errors');
-var debug = require('debug')('serve-index');
-var escapeHtml = require('escape-html');
-var fs = require('fs')
-  , path = require('path')
-  , normalize = path.normalize
-  , sep = path.sep
-  , extname = path.extname
-  , join = path.join;
-var Batch = require('batch');
-var mime = require('mime-types');
-var parseUrl = require('parseurl');
-var resolve = require('path').resolve;
+var accepts = require('accepts')
+var createError = require('http-errors')
+var debug = require('debug')('serve-index')
+var escapeHtml = require('escape-html')
+var fs = require('fs'),
+  path = require('path'),
+  normalize = path.normalize,
+  sep = path.sep,
+  extname = path.extname,
+  join = path.join
+var Batch = require('batch')
+var mime = require('mime-types')
+var parseUrl = require('parseurl')
+var resolve = require('path').resolve
 
 /*!
  * Icon cache.
  */
 
-var cache = {};
+var cache = {}
 
 /*!
  * Default template.
  */
 
-var defaultTemplate = join(__dirname, 'public', 'directory.html');
+var defaultTemplate = join(__dirname, 'public', 'directory.html')
 
 /*!
  * Stylesheet.
  */
 
-var defaultStylesheet = join(__dirname, 'public', 'style.css');
+var defaultStylesheet = join(__dirname, 'public', 'style.css')
 
 /**
  * Media types and the map for content negotiation.
@@ -55,13 +55,13 @@ var mediaTypes = [
   'text/html',
   'text/plain',
   'application/json'
-];
+]
 
 var mediaType = {
   'text/html': 'html',
   'text/plain': 'plain',
   'application/json': 'json'
-};
+}
 
 /**
  * Serve directory listings with the given `root` path.
@@ -74,200 +74,202 @@ var mediaType = {
  * @api public
  */
 
-exports = module.exports = function serveIndex(root, options){
-  options = options || {};
+exports = module.exports = function serveIndex (root, options) {
+  options = options || {}
 
   // root required
-  if (!root) throw new TypeError('serveIndex() root path required');
+  if (!root) throw new TypeError('serveIndex() root path required')
 
   // resolve root to absolute and normalize
-  root = resolve(root);
-  root = normalize(root + sep);
-
-  var hidden = options.hidden
-    , icons = options.icons
-    , view = options.view || 'tiles'
-    , filter = options.filter
-    , template = options.template || defaultTemplate
-    , stylesheet = options.stylesheet || defaultStylesheet
-    , trailingSlashes = options.trailingSlashes || false;
-
-  return function serveIndex(req, res, next) {
+  root = resolve(root)
+  root = normalize(root + sep)
+
+  var hidden = options.hidden,
+    icons = options.icons,
+    view = options.view || 'tiles',
+    filter = options.filter,
+    template = options.template || defaultTemplate,
+    stylesheet = options.stylesheet || defaultStylesheet,
+    trailingSlashes = options.trailingSlashes || false,
+    project = options.project
+
+  return function serveIndex (req, res, next) {
     if (req.method !== 'GET' && req.method !== 'HEAD') {
       res.statusCode = 'OPTIONS' === req.method
         ? 200
-        : 405;
-      res.setHeader('Allow', 'GET, HEAD, OPTIONS');
-      res.end();
-      return;
+        : 405
+      res.setHeader('Allow', 'GET, HEAD, OPTIONS')
+      res.end()
+      return
     }
 
     // parse URLs
-    var url = parseUrl(req);
-    var originalUrl = parseUrl.original(req);
-    var dir = decodeURIComponent(url.pathname);
-    var originalDir = decodeURIComponent(originalUrl.pathname);
+    var url = parseUrl(req)
+    var originalUrl = parseUrl.original(req)
+    var dir = decodeURIComponent(url.pathname)
+    var originalDir = decodeURIComponent(originalUrl.pathname)
 
     // join / normalize from root dir
-    var path = normalize(join(root, dir));
+    var path = normalize(join(root, dir))
 
     // null byte(s), bad request
-    if (~path.indexOf('\0')) return next(createError(400));
+    if (~path.indexOf('\0')) return next(createError(400))
 
     // malicious path
     if ((path + sep).substr(0, root.length) !== root) {
-      debug('malicious path "%s"', path);
-      return next(createError(403));
+      debug('malicious path "%s"', path)
+      return next(createError(403))
     }
 
     // determine ".." display
-    var showUp = normalize(resolve(path) + sep) !== root;
+    var showUp = normalize(resolve(path) + sep) !== root
 
     // check if we have a directory
-    debug('stat "%s"', path);
-    fs.stat(path, function(err, stat){
+    debug('stat "%s"', path)
+    fs.stat(path, function (err, stat) {
       if (err && err.code === 'ENOENT') {
-        return next();
+        return next()
       }
 
       if (err) {
         err.status = err.code === 'ENAMETOOLONG'
           ? 414
-          : 500;
-        return next(err);
+          : 500
+        return next(err)
       }
 
-      if (!stat.isDirectory()) return next();
+      if (!stat.isDirectory()) return next()
 
       // fetch files
-      debug('readdir "%s"', path);
-      fs.readdir(path, function(err, files){
-        if (err) return next(err);
-        if (!hidden) files = removeHidden(files);
-        if (filter) files = files.filter(function(filename, index, list) {
-          return filter(filename, index, list, path);
-        });
-        files.sort();
+      debug('readdir "%s"', path)
+      fs.readdir(path, function (err, files) {
+        if (err) return next(err)
+        if (!hidden) files = removeHidden(files)
+        if (filter) files = files.filter(function (filename, index, list) {
+            return filter(filename, index, list, path)
+          })
+        files.sort()
 
         // content-negotiation
-        var accept = accepts(req);
-        var type = accept.type(mediaTypes);
+        var accept = accepts(req)
+        var type = accept.type(mediaTypes)
 
         // not acceptable
-        if (!type) return next(createError(406));
-        exports[mediaType[type]](req, res, files, next, originalDir, showUp, icons, path, view, template, stylesheet, trailingSlashes);
-      });
-    });
-  };
-};
+        if (!type) return next(createError(406))
+        exports[mediaType[type]](req, res, files, next, originalDir, showUp, icons, path, view, template, stylesheet, trailingSlashes, project)
+      })
+    })
+  }
+}
 
 /**
  * Respond with text/html.
  */
 
-exports.html = function(req, res, files, next, dir, showUp, icons, path, view, template, stylesheet, trailingSlashes){
-  fs.readFile(template, 'utf8', function(err, str){
-    if (err) return next(err);
-    fs.readFile(stylesheet, 'utf8', function(err, style){
-      if (err) return next(err);
-      stat(path, files, function(err, stats){
-        if (err) return next(err);
-        files = files.map(function(file, i){ return { name: file, stat: stats[i] }; });
-        files.sort(fileSort);
-        if (showUp) files.unshift({ name: '..' });
+exports.html = function (req, res, files, next, dir, showUp, icons, path, view, template, stylesheet, trailingSlashes, project) {
+  fs.readFile(template, 'utf8', function (err, str) {
+    if (err) return next(err)
+    fs.readFile(stylesheet, 'utf8', function (err, style) {
+      if (err) return next(err)
+      stat(path, files, function (err, stats) {
+        if (err) return next(err)
+        files = files.map(function (file, i) { return { name: file, stat: stats[i]}; })
+        files.sort(fileSort)
+        if (showUp) files.unshift({ name: '..' })
         str = str
           .replace(/\{style\}/g, style.concat(iconStyle(files, icons)))
-          .replace(/\{files\}/g, html(files, dir, icons, view, trailingSlashes))
+          .replace(/\{files\}/g, html(files, dir, icons, view, trailingSlashes, project))
           .replace(/\{directory\}/g, escapeHtml(dir))
-          .replace(/\{linked-path\}/g, htmlPath(dir));
-
-        var buf = new Buffer(str, 'utf8');
-        res.setHeader('Content-Type', 'text/html; charset=utf-8');
-        res.setHeader('Content-Length', buf.length);
-        res.end(buf);
-      });
-    });
-  });
-};
+          .replace(/\{linked-path\}/g, htmlPath(dir))
+          .replace(/\{project-name\}/g, project || '~')
+
+        var buf = new Buffer(str, 'utf8')
+        res.setHeader('Content-Type', 'text/html; charset=utf-8')
+        res.setHeader('Content-Length', buf.length)
+        res.end(buf)
+      })
+    })
+  })
+}
 
 /**
  * Respond with application/json.
  */
 
-exports.json = function(req, res, files){
-  var body = JSON.stringify(files);
-  var buf = new Buffer(body, 'utf8');
+exports.json = function (req, res, files) {
+  var body = JSON.stringify(files)
+  var buf = new Buffer(body, 'utf8')
 
-  res.setHeader('Content-Type', 'application/json; charset=utf-8');
-  res.setHeader('Content-Length', buf.length);
-  res.end(buf);
-};
+  res.setHeader('Content-Type', 'application/json; charset=utf-8')
+  res.setHeader('Content-Length', buf.length)
+  res.end(buf)
+}
 
 /**
  * Respond with text/plain.
  */
 
-exports.plain = function(req, res, files){
-  var body = files.join('\n') + '\n';
-  var buf = new Buffer(body, 'utf8');
+exports.plain = function (req, res, files) {
+  var body = files.join('\n') + '\n'
+  var buf = new Buffer(body, 'utf8')
 
-  res.setHeader('Content-Type', 'text/plain; charset=utf-8');
-  res.setHeader('Content-Length', buf.length);
-  res.end(buf);
-};
+  res.setHeader('Content-Type', 'text/plain; charset=utf-8')
+  res.setHeader('Content-Length', buf.length)
+  res.end(buf)
+}
 
 /**
  * Sort function for with directories first.
  */
 
-function fileSort(a, b) {
+function fileSort (a, b) {
   return Number(b.stat && b.stat.isDirectory()) - Number(a.stat && a.stat.isDirectory()) ||
-    String(a.name).toLocaleLowerCase().localeCompare(String(b.name).toLocaleLowerCase());
+  String(a.name).toLocaleLowerCase().localeCompare(String(b.name).toLocaleLowerCase())
 }
 
 /**
  * Map html `dir`, returning a linked path.
  */
 
-function htmlPath(dir) {
-  var parts = dir.split('/');
-  var crumb = new Array(parts.length);
+function htmlPath (dir) {
+  var parts = dir.split('/')
+  var crumb = new Array(parts.length)
 
   for (var i = 0; i < parts.length; i++) {
-    var part = parts[i];
+    var part = parts[i]
 
     if (part) {
-      parts[i] = encodeURIComponent(part);
-      crumb[i] = '<a href="' + escapeHtml(parts.slice(0, i + 1).join('/')) + '">' + escapeHtml(part) + '</a>';
+      parts[i] = encodeURIComponent(part)
+      crumb[i] = '<a href="' + escapeHtml(parts.slice(0, i + 1).join('/')) + '">' + escapeHtml(part) + '</a>'
     }
   }
 
-  return crumb.join(' / ');
+  return crumb.join(' / ')
 }
 
 /**
  * Get the icon data for the file name.
  */
 
-function iconLookup(filename) {
-  var ext = extname(filename);
+function iconLookup (filename) {
+  var ext = extname(filename)
 
   // try by extension
   if (icons[ext]) {
     return {
       className: 'icon-' + ext.substring(1),
       fileName: icons[ext]
-    };
+    }
   }
 
-  var mimetype = mime.lookup(ext);
+  var mimetype = mime.lookup(ext)
 
   // default if no mime type
   if (mimetype === false) {
     return {
       className: 'icon-default',
       fileName: icons.default
-    };
+    }
   }
 
   // try by mime type
@@ -275,32 +277,32 @@ function iconLookup(filename) {
     return {
       className: 'icon-' + mimetype.replace('/', '-'),
       fileName: icons[mimetype]
-    };
+    }
   }
 
-  var suffix = mimetype.split('+')[1];
+  var suffix = mimetype.split('+')[1]
 
   if (suffix && icons['+' + suffix]) {
     return {
       className: 'icon-' + suffix,
       fileName: icons['+' + suffix]
-    };
+    }
   }
 
-  var type = mimetype.split('/')[0];
+  var type = mimetype.split('/')[0]
 
   // try by type only
   if (icons[type]) {
     return {
       className: 'icon-' + type,
       fileName: icons[type]
-    };
+    }
   }
 
   return {
     className: 'icon-default',
     fileName: icons.default
-  };
+  }
 }
 
 /**
@@ -308,113 +310,116 @@ function iconLookup(filename) {
  */
 
 function iconStyle (files, useIcons) {
-  if (!useIcons) return '';
-  var className;
-  var i;
-  var iconName;
-  var list = [];
-  var rules = {};
-  var selector;
-  var selectors = {};
-  var style = '';
+  if (!useIcons) return ''
+  var className
+  var i
+  var iconName
+  var list = []
+  var rules = {}
+  var selector
+  var selectors = {}
+  var style = ''
 
   for (i = 0; i < files.length; i++) {
-    var file = files[i];
+    var file = files[i]
 
-    var isDir = '..' == file.name || (file.stat && file.stat.isDirectory());
+    var isDir = '..' == file.name || (file.stat && file.stat.isDirectory())
     var icon = isDir
       ? { className: 'icon-directory', fileName: icons.folder }
-      : iconLookup(file.name);
-    var iconName = icon.fileName;
+      : iconLookup(file.name)
+    var iconName = icon.fileName
 
-    selector = '#files .' + icon.className + ' .name';
+    selector = '#files .' + icon.className + ' .name'
 
     if (!rules[iconName]) {
       rules[iconName] = 'background-image: url(data:image/png;base64,' + load(iconName) + ');'
-      selectors[iconName] = [];
-      list.push(iconName);
+      selectors[iconName] = []
+      list.push(iconName)
     }
 
     if (selectors[iconName].indexOf(selector) === -1) {
-      selectors[iconName].push(selector);
+      selectors[iconName].push(selector)
     }
   }
 
   for (i = 0; i < list.length; i++) {
-    iconName = list[i];
-    style += selectors[iconName].join(',\n') + ' {\n  ' + rules[iconName] + '\n}\n';
+    iconName = list[i]
+    style += selectors[iconName].join(',\n') + ' {\n  ' + rules[iconName] + '\n}\n'
   }
 
-  return style;
+  return style
 }
 
 /**
  * Map html `files`, returning an html unordered list.
  */
 
-function html(files, dir, useIcons, view, trailingSlashes) {
+function html (files, dir, useIcons, view, trailingSlashes, isProject) {
   return '<ul id="files" class="view-' + escapeHtml(view) + '">'
-    + (view == 'details' ? (
-      '<li class="header">'
-      + '<span class="name">Name</span>'
-      + '<span class="size">Size</span>'
-      + '<span class="date">Modified</span>'
-      + '</li>') : '')
-    + files.map(function(file){
-    var isDir = '..' == file.name || (file.stat && file.stat.isDirectory())
-      , classes = []
-      , path = dir.split('/').map(function (c) { return encodeURIComponent(c); });
+  + (view == 'details' ? (
+    '<li class="header">'
+    + '<span class="name">Name</span>'
+    + '<span class="size">Size</span>'
+    + '<span class="date">Modified</span>'
+    + '</li>') : '')
+  + files.map(function (file) {
+    var isDir = '..' == file.name || (file.stat && file.stat.isDirectory()),
+      classes = [],
+      path = dir.split('/').map(function (c) { return encodeURIComponent(c); })
 
     if (useIcons) {
-      classes.push('icon');
+      classes.push('icon')
 
       if (isDir) {
-        classes.push('icon-directory');
+        classes.push('icon-directory')
       } else {
-        var ext = extname(file.name);
-        var icon = iconLookup(file.name);
+        var ext = extname(file.name)
+        var icon = iconLookup(file.name)
 
-        classes.push('icon');
-        classes.push('icon-' + ext.substring(1));
+        classes.push('icon')
+        classes.push('icon-' + ext.substring(1))
 
         if (classes.indexOf(icon.className) === -1) {
-          classes.push(icon.className);
+          classes.push(icon.className)
         }
       }
     }
 
-    path.push(encodeURIComponent(file.name));
+    path.push(encodeURIComponent(file.name))
 
-    var runButtons = '';
-    if( /\.js$/.test(file.name) 
-      && !~file.name.indexOf('bundle') 
-      && !~file.name.indexOf('build') ){
-      runButtons = '<div class="run-buttons" id="run-buttons">'
-        + '<button data-file="'+file.name+'" data-role="dev">run dev</button>'
-        + '<button data-file="'+file.name+'" data-role="test">run test</button></div>';
+    var filePath = path.join('/').replace('//', '/')
+    var runButtons = '<div class="run-buttons" id="run-buttons">'
+    if (file.name === 'package.json' && !isProject) {
+      runButtons += '<button data-file="' + filePath + '" data-role="project">run project</button>'
     }
+    if (/\.js$/.test(file.name) && isProject) {
+      runButtons +=
+        '<button data-file="' + filePath + '" data-role="dev">run dev</button>' +
+        '<button data-file="' + filePath + '" data-role="test">run test</button>'
+    }
+    runButtons += '</div>'
 
     var date = file.stat && file.name !== '..'
       ? file.stat.mtime.toDateString() + ' ' + file.stat.mtime.toLocaleTimeString()
-      : '';
+      : ''
     var size = file.stat && !isDir
       ? file.stat.size
-      : '';
-    
-    var escapedHtml = escapeHtml(normalizeSlashes(normalize(path.join('/'))));
+      : ''
+
+    var escapedHtml = escapeHtml(normalizeSlashes(normalize(path.join('/'))))
     return '<li><a href="'
-      + escapedHtml
-      + (escapedHtml !== '/' && trailingSlashes && isDir? '/' : '')
-      + '" class="' + escapeHtml(classes.join(' ')) + '"'
-      + ' title="' + escapeHtml(file.name) + '">'
-      + '<span class="name">' + escapeHtml(file.name) 
-      + runButtons
-      + '</span>'
-      + '<span class="size">' + escapeHtml(size) + '</span>'
-      + '<span class="date">' + escapeHtml(date) + '</span>'
-      + '</a></li>';
-
-  }).join('\n') + '</ul>';
+    + escapedHtml
+    + (escapedHtml !== '/' && trailingSlashes && isDir ? '/' : '')
+    + '" class="' + escapeHtml(classes.join(' ')) + '"'
+    + ' title="' + escapeHtml(file.name) + '">'
+    + '<span class="name">' + escapeHtml(file.name)
+    + runButtons
+    + '</span>'
+    + '<span class="size">' + escapeHtml(size) + '</span>'
+    + '<span class="date">' + escapeHtml(date) + '</span>'
+    + '</a></li>'
+
+  }).join('\n') + '</ul>'
 }
 
 /**
@@ -425,9 +430,9 @@ function html(files, dir, useIcons, view, trailingSlashes) {
  * @api private
  */
 
-function load(icon) {
-  if (cache[icon]) return cache[icon];
-  return cache[icon] = fs.readFileSync(__dirname + '/public/icons/' + icon, 'base64');
+function load (icon) {
+  if (cache[icon]) return cache[icon]
+  return cache[icon] = fs.readFileSync(__dirname + '/public/icons/' + icon, 'base64')
 }
 
 /**
@@ -439,9 +444,9 @@ function load(icon) {
  * @api private
  */
 
-function normalizeSlashes(path) {
-  return path.split(sep).join('/');
-};
+function normalizeSlashes (path) {
+  return path.split(sep).join('/')
+}
 
 /**
  * Filter "hidden" `files`, aka files
@@ -452,10 +457,10 @@ function normalizeSlashes(path) {
  * @api private
  */
 
-function removeHidden(files) {
-  return files.filter(function(file){
-    return '.' != file[0];
-  });
+function removeHidden (files) {
+  return files.filter(function (file) {
+    return '.' != file[0]
+  })
 }
 
 /**
@@ -463,23 +468,23 @@ function removeHidden(files) {
  * in same order.
  */
 
-function stat(dir, files, cb) {
-  var batch = new Batch();
+function stat (dir, files, cb) {
+  var batch = new Batch()
 
-  batch.concurrency(10);
+  batch.concurrency(10)
 
-  files.forEach(function(file){
-    batch.push(function(done){
-      fs.stat(join(dir, file), function(err, stat){
-        if (err && err.code !== 'ENOENT') return done(err);
+  files.forEach(function (file) {
+    batch.push(function (done) {
+      fs.stat(join(dir, file), function (err, stat) {
+        if (err && err.code !== 'ENOENT') return done(err)
 
         // pass ENOENT as null stat, not error
-        done(null, stat || null);
-      });
-    });
-  });
+        done(null, stat || null)
+      })
+    })
+  })
 
-  batch.end(cb);
+  batch.end(cb)
 }
 
 /**
@@ -595,4 +600,4 @@ var icons = {
   '.xcf': 'page_white_picture.png',
   '.xlsx': 'page_white_excel.png',
   '.yaws': 'page_white_code.png'
-};
+}
diff --git a/package.json b/package.json
index 4c2306fc..e1b60735 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gaston-serve-index",
   "description": "Serve directory listings",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "author": "André Alçada Padez <andre.padez@gmail.com>",
   "license": "MIT",
   "repository": "vigour-io/gaston-serve-index",
diff --git a/public/directory.html b/public/directory.html
index 112c5c8b..82bf16a3 100644
--- a/public/directory.html
+++ b/public/directory.html
@@ -76,7 +76,7 @@
 
     <input id="search" type="text" placeholder="Search" autocomplete="off" />
     <div id="wrapper">
-      <h1><a href="/">~</a>{linked-path}</h1>
+      <h1><a href="/">{project-name}</a>{linked-path}</h1>
       {files}
     </div>
 

From fd67b9659f02bf9907c1dbbc844abc2db35b7982 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Mon, 12 Oct 2015 14:13:56 +0200
Subject: [PATCH 12/12] added run tests button

---
 index.js              |  2 ++
 package.json          |  2 +-
 public/directory.html | 10 ++++++++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/index.js b/index.js
index caa1285d..abcf06c8 100644
--- a/index.js
+++ b/index.js
@@ -181,6 +181,7 @@ exports.html = function (req, res, files, next, dir, showUp, icons, path, view,
           .replace(/\{files\}/g, html(files, dir, icons, view, trailingSlashes, project))
           .replace(/\{directory\}/g, escapeHtml(dir))
           .replace(/\{linked-path\}/g, htmlPath(dir))
+          .replace(/\{dir-path\}/g, dir)
           .replace(/\{project-name\}/g, project || '~')
 
         var buf = new Buffer(str, 'utf8')
@@ -420,6 +421,7 @@ function html (files, dir, useIcons, view, trailingSlashes, isProject) {
     + '</a></li>'
 
   }).join('\n') + '</ul>'
+  + '<script type="text/javascript">window.isProject = ' + !!isProject + '</script>'
 }
 
 /**
diff --git a/package.json b/package.json
index e1b60735..c35d7b8b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gaston-serve-index",
   "description": "Serve directory listings",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "author": "André Alçada Padez <andre.padez@gmail.com>",
   "license": "MIT",
   "repository": "vigour-io/gaston-serve-index",
diff --git a/public/directory.html b/public/directory.html
index 82bf16a3..83a791e1 100644
--- a/public/directory.html
+++ b/public/directory.html
@@ -73,15 +73,21 @@
     </script>
   </head>
   <body class="directory">
-
     <input id="search" type="text" placeholder="Search" autocomplete="off" />
     <div id="wrapper">
-      <h1><a href="/">{project-name}</a>{linked-path}</h1>
+      <h1>
+        <a href="/">{project-name}</a>{linked-path}
+        <button class="run-buttons" id="run-tests" data-file="{dir-path}" data-role="test" style="display:none">run test</button>
+      </h1>
+
       {files}
     </div>
 
     <script type="text/javascript" src="/naked-gaston.js"></script>
     <script>
+    if(window.isProject){
+      document.getElementById('run-tests').style.display = 'inline-block'
+    }
     var handler = function(ev){
         ev.stopPropagation();
         var role = ev.target.dataset.role;