Giter VIP home page Giter VIP logo

hygienist-middleware's Introduction

Hygienist Middleware

npm tests coverage dependencies devDependencies

Providing clean urls for static sites since 1776

Note: This project is in early development, and versioning is a little different. Read this for more details.

Why should you care?

Let's say that you are using connect to serve a static site. You might have pages like about.html, foobar.html, etc. When using connect's default static router, you'll see the full .html extension at the end of each of these pages. But really, that's not necessary for the user to see or have to type in, it would be better to go to http://example.com/about than http://example.com/about.html. This is exactly what hygienist does -- it removes the file extensions and just uses the filename as the route. How convenient!

Installation

npm install hygienist-middleware --save

Usage

This library can be used with connect, express, and any other server stack that accepts the same middleware format. A very basic usage example:

var http = require('http');
    connect = require('connect'),
    hygienist = require('hygienist-middleware');

var app = connect()
  .use(hygienist('public'))
  .use(connect.static('public'));

var server = http.createServer(app).listen(1111)

Note that hygienist does not function as a static server on its own, it simply modifies the urls in the request or redirects if necessary. You will still need a static server to be added as middleware after hygienist. In this example, we use serve-static, connect's default static file server. Hygienist does however still need your root path to be passed as an argument. If you aren't a fan of the repetition of passing the root path to multiple middleware, you can find hygienist and several other useful pieces of middleware for serving static sites bundled together in charge.

By default, hygienist will only serve .html files as clean urls. If you would like to change this behavior, you can override via a extensions option, which is a globstar string or array of globstar strings intended to match files you want hygienist to serve as clean urls. For example, if we wanted to serve both html and json files with clean urls:

hygienist('public', { extensions: ['*.html', '*.json'] })

That's it! If you have other ideas or ways you'd like to use hygienist, we'd love to hear them, just open an issue or pull request!

License & Contributing

hygienist-middleware's People

Contributors

greenkeeperio-bot avatar jescalan avatar tmilewski avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.