Feature request: middleware

[TigersWay]

I have been using - quite a lot - the middleware feature of browsersync.

Despite being "minimal", could this new server propose the same feature?
Of course it's still possible to use browsersync.

[zachleat]

This exists, though it hasn’t been added to the docs yet. Here’s the 2.0 canary serverless plugin using it: https://github.com/11ty/eleventy/blob/85b8a916245f0343dce9cda4ee268d41df2c6bf1/src/Plugins/ServerlessBundlerPlugin.js#L321

[TigersWay]

I'm going to try it today then!! 👍

[TigersWay]

Sorry I haven't had so much time to check.... but my own middleware gives

[11ty] Unhandled rejection in promise: (more in DEBUG output)
[11ty] ware.bind is not a function (via TypeError)
[11ty]
[11ty] Original error stack trace: TypeError: ware.bind is not a function
[11ty]     at EleventyDevServer.onRequestHandler......

it may be on my side, but I have no trouble with browser-sync in Eleventy - old or new versions.

[zachleat]

Ahhhh, yeah I don’t think we support object for middleware. Only functions right now!

 middleware: [{
      route: '/img',
      handle: require('browsersync-images-middleware')('public')
    }],

That said I believe you can refactor it to use a function instead:

function(req, res, next) {
  if(!req.url.startsWith("/img")) {
    next();
  }
  // do the thing
}

[TigersWay]

You're right I could refactor... But I believe I'm the only one using my own middleware 😬 and as browser-sync went back to an ok status, I won't bother.
Thanks anyway for your checking!