- serves as plain or pre-processed on-the-fly: less, sass/scss, stylus, markdown, jade, slim
- livereload
- multiple and aliased server roots
- path based proxy (useful to proxy to api server, or assets from live site)
- request logging (customizable, uses morgan)
- beautified pre-processed file output
- execute shell command on request
- save cache of requested files (useful for pre-processed output)
- CORS
- literate style js, jade, slim, stylus, etc... even md :-) all à la litrate coffee script (via npm/illiterate)
$ npm install -g monsieur
Usage: monsieur [options] <dir>
Options:
-V, --version output the version number
-p, --port <port> specify the port [8080]
--npm proxy /npm/<library> to npmcdn.com/<library>
--jsdelivr proxy /jsdelivr/<library> to cdn.jsdelivr.net/<library>
-h, --hidden enable hidden file serving
--backup <backup-folder> store copy of each served file in `backup` folder
--no-livereload disable livereload watching served directory (add `lr` to querystring of requested resource to inject client script)
--no-logs disable request logging
-f, --format <fmt> specify the log format string (npmjs.com/package/morgan)
--minify minify code before serving
--compress gzip or deflate the response
--exec <cmd> execute command on each request
--no-cors disable cross origin access serving
--babel pass all js through babel to convert to more js :)
Assuming server runnung with something like... monsieur .
$ curl http://localhost:8080/Readme.md
# Monsieur
## Bigger, but equally polite brother of Sir - the polite development server
...
Make the same request as if the file had already been compiled, and was being served, and it will be processed on-the-fly...
$ curl http://localhost:8080/Readme.html
<h1 id="monsieur">Monsieur</h1>
<h2 id="bigger-but-equally-polite-brother-of-sir-the-polite-development-server">Bigger, but equally polite brother of Sir - the polite development server</h2>
...
This also works for sass, coffeescript, jade, etc...
Add a format parameter to querystring, or add an Accept paramater header. Valid types are json, text and html.
$ curl http://localhost:8080/?format=json
... or ...
$ curl http://localhost:8080/ -H "Accept: application/json"
[
"bin",
"History.md",
"node_modules"
...
]
Ar for plain text list
$ curl http://localhost:8080/?format=text
... or ...
$ curl http://localhost:8080/ -H "Accept: text/plain"
bin
History.md
node_modules
...
By default, livereload is enabled on the same port as the main server. This should work with the browser's livereload plugin, or adding the /livereload.js?snipver=1 script to your html (which is served up by the monsieur). For convenience, adding lr to the querystring will inject <script src="/livereload.js?snipver=1"></script> into your served file.
... without livereload ...
$ curl http://localhost:8080/Readme.html
<h1 id="monsieur">Monsieur</h1>
<h2 id="bigger-but-equally-polite-brother-of-sir-the-polite-development-server">Bigger, but equally polite brother of Sir - the polite development server</h2>
... with livereload ...
$ curl http://localhost:8080/Readme.html?lr
<script src="/livereload.js?snipver=1"></script>
<h1 id="monsieur">Monsieur</h1>
<h2 id="bigger-but-equally-polite-brother-of-sir-the-polite-development-server">Bigger, but equally polite brother of Sir - the polite development server</h2>
If you don't want the livereload feature enabled at all, then there is a --no-livereload flag
You can serve up from multiple locations, for example:
$ monsieur . vendor:~/lib/vendor
This will serve from the current directory, except requests for /vendor/myfile.txt will be served from ~/lib/vendor.
You can also layer multiple sources into one directory...
$ monsieur . vendor:~/lib/vendor:~/other/vendor
This will serve current directory, except paths starting /vendor/ which will try to serve from ~/lib/vendor and if the file is not found there, will be served from ~/other/vendor, ultimately returning 404 if file is not found.
By default, requests to /npm/<library> are proxied to https://npmcdn.com/<library> making it easy to load dependencies via the local server so for example http://localhost:8080/npm/moment will load moment js from npm-cdn. This can be switched off with the no-npm flag.
You can proxy requests based on url, for example...
$ monsieur . github:https://api.github.com/repos/billymoon/monsieur
This will serve current directory, except for paths starting /github/ which will be proxied to https://api.github.com/repos/billymoon/monsieur so that accessing...
http://localhost:8080/github/issues?state=closed
... will proxy through the response from ...
https://api.github.com/repos/billymoon/monsieur/issues?state=closed
Useful for saving processed version of source files, for example, if you have index.jade, and style.less and want to save the html and css, add a --cache backup flag, and then visit http://localhost:8080/index.html in your browser. There should be a index.html and a style.css in the backup folder.
Add gzip compression to served assets with the --compress flag.
(The MIT License)
Copyright (c) 2013 Billy Moon <[email protected]>
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
![greenkeeper[bot] avatar](https://avatars.githubusercontent.com/in/505?v=4 "greenkeeper[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent