feat: add directory listing for serve-static mode

Author: shakyShane

lib/browser-sync.js

@@ -366,15 +366,16 @@ BrowserSync.prototype.serveFile = function(path, props) {
 
 /**
  * Add middlewares on the fly
- * @param {{route: string, handle: function, id?: string}}
  */
 BrowserSync.prototype._addMiddlewareToStack = function(entry) {
     var bs = this;
-    if (bs.options.get("mode") === "proxy") {
-        bs.app.stack.splice(bs.app.stack.length - 1, 0, entry);
-    } else {
-        bs.app.stack.push(entry);
-    }
+
+    /**
+     * additional middlewares are always appended -1,
+     * this is to allow the proxy middlewares to remain,
+     * and the directory index to remain in serveStatic/snippet modes
+     */
+    bs.app.stack.splice(bs.app.stack.length - 1, 0, entry);
 };
 
 var _addMiddlewareCount = 0;

lib/server/static-server.js

@@ -9,7 +9,6 @@ var serveIndex = require("serve-index");
 
 /**
  * @param {BrowserSync} bs
- * @param scripts
  * @returns {*}
  */
 module.exports = function createServer(bs) {
@@ -31,7 +30,10 @@ module.exports = function createServer(bs) {
 
             return mw.concat({
                 route: "",
-                handle: serveIndex(resolve(basedirs[0]), { icons: true }),
+                handle: serveIndex(resolve(basedirs[0]), {
+                    icons: true,
+                    view: "details"
+                }),
                 id: "Browsersync Server Directory Middleware"
             });
         })

lib/server/utils.js

@@ -13,6 +13,7 @@ var List = require("immutable").List;
 var snippet = require("./../snippet").utils;
 var _ = require("../lodash.custom");
 var serveStatic = require("serve-static");
+var serveIndex = require("serve-index");
 var logger = require("../logger");
 var snippetUtils = require("../snippet").utils;
 var lrSnippet = require("resp-modifier");
@@ -224,15 +225,24 @@ var serverUtils = {
         var beforeMiddlewares = userMiddlewares.filter(function(x) {
             return x.override;
         });
-        var afterMiddlewares = userMiddlewares.filter(function(x) {
-            return !x.override;
-        });
+        var afterMiddlewares = userMiddlewares
+            .filter(function(x) {
+                return !x.override;
+            })
+            .concat(
+                bs.options.get("mode") !== "proxy" && {
+                    id: "Browsersync 404/index support",
+                    route: "",
+                    handle: serveIndex(bs.options.get("cwd"), {
+                        icons: true,
+                        view: "details"
+                    })
+                }
+            );
 
-        return [].concat(
-            beforeMiddlewares,
-            defaultMiddlewares,
-            afterMiddlewares
-        );
+        return []
+            .concat(beforeMiddlewares, defaultMiddlewares, afterMiddlewares)
+            .filter(Boolean);
 
         function normaliseMiddleware(item) {
             /**

test/specs/e2e/server/e2e.server.dirs.js

@@ -133,29 +133,3 @@ describe("E2E server test with base dir array option + directory", function() {
             });
     });
 });
-
-describe("E2E server test with base dir array = false", function() {
-    it("should ignore the directory option if a falsey value was given", function(done) {
-        browserSync.reset();
-
-        var config = {
-            server: {
-                baseDir: ["test", "app"],
-                directory: false
-            },
-            logLevel: "silent",
-            open: false
-        };
-
-        browserSync.init(config, function(err, bs) {
-            request(bs.server)
-                .get("/")
-                .set("accept", "text/html")
-                .expect(200)
-                .end(function(err, res) {
-                    assert.notInclude(res.text, "listing directory /");
-                    done();
-                });
-        });
-    });
-});