You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
5.0 KiB
155 lines
5.0 KiB
4 years ago
|
# serve-index
|
||
|
|
|
||
|
|
[![NPM Version][npm-image]][npm-url]
|
||
|
|
[![NPM Downloads][downloads-image]][downloads-url]
|
||
|
|
[![Linux Build][travis-image]][travis-url]
|
||
|
|
[![Windows Build][appveyor-image]][appveyor-url]
|
||
|
|
[![Test Coverage][coveralls-image]][coveralls-url]
|
||
|
|
[![Gratipay][gratipay-image]][gratipay-url]
|
||
|
|
|
||
|
|
Serves pages that contain directory listings for a given path.
|
||
|
|
|
||
|
|
## Install
|
||
|
|
|
||
|
|
This is a [Node.js](https://nodejs.org/en/) module available through the
|
||
|
|
[npm registry](https://www.npmjs.com/). Installation is done using the
|
||
|
|
[`npm install` command](https://docs.npmjs.com/getting-started/installing-npm-packages-locally):
|
||
|
|
|
||
|
|
```sh
|
||
|
|
$ npm install serve-index
|
||
|
|
```
|
||
|
|
|
||
|
|
## API
|
||
|
|
|
||
|
|
```js
|
||
|
|
var serveIndex = require('serve-index')
|
||
|
|
```
|
||
|
|
|
||
|
|
### serveIndex(path, options)
|
||
|
|
|
||
|
|
Returns middlware that serves an index of the directory in the given `path`.
|
||
|
|
|
||
|
|
The `path` is based off the `req.url` value, so a `req.url` of `'/some/dir`
|
||
|
|
with a `path` of `'public'` will look at `'public/some/dir'`. If you are using
|
||
|
|
something like `express`, you can change the URL "base" with `app.use` (see
|
||
|
|
the express example).
|
||
|
|
|
||
|
|
#### Options
|
||
|
|
|
||
|
|
Serve index accepts these properties in the options object.
|
||
|
|
|
||
|
|
##### filter
|
||
|
|
|
||
|
|
Apply this filter function to files. Defaults to `false`. The `filter` function
|
||
|
|
is called for each file, with the signature `filter(filename, index, files, dir)`
|
||
|
|
where `filename` is the name of the file, `index` is the array index, `files` is
|
||
|
|
the array of files and `dir` is the absolute path the file is located (and thus,
|
||
|
|
the directory the listing is for).
|
||
|
|
|
||
|
|
##### hidden
|
||
|
|
|
||
|
|
Display hidden (dot) files. Defaults to `false`.
|
||
|
|
|
||
|
|
##### icons
|
||
|
|
|
||
|
|
Display icons. Defaults to `false`.
|
||
|
|
|
||
|
|
##### stylesheet
|
||
|
|
|
||
|
|
Optional path to a CSS stylesheet. Defaults to a built-in stylesheet.
|
||
|
|
|
||
|
|
##### template
|
||
|
|
|
||
|
|
Optional path to an HTML template or a function that will render a HTML
|
||
|
|
string. Defaults to a built-in template.
|
||
|
|
|
||
|
|
When given a string, the string is used as a file path to load and then the
|
||
|
|
following tokens are replaced in templates:
|
||
|
|
|
||
|
|
* `{directory}` with the name of the directory.
|
||
|
|
* `{files}` with the HTML of an unordered list of file links.
|
||
|
|
* `{linked-path}` with the HTML of a link to the directory.
|
||
|
|
* `{style}` with the specified stylesheet and embedded images.
|
||
|
|
|
||
|
|
When given as a function, the function is called as `template(locals, callback)`
|
||
|
|
and it needs to invoke `callback(error, htmlString)`. The following are the
|
||
|
|
provided locals:
|
||
|
|
|
||
|
|
* `directory` is the directory being displayed (where `/` is the root).
|
||
|
|
* `displayIcons` is a Boolean for if icons should be rendered or not.
|
||
|
|
* `fileList` is a sorted array of files in the directory. The array contains
|
||
|
|
objects with the following properties:
|
||
|
|
- `name` is the relative name for the file.
|
||
|
|
- `stat` is a `fs.Stats` object for the file.
|
||
|
|
* `path` is the full filesystem path to `directory`.
|
||
|
|
* `style` is the default stylesheet or the contents of the `stylesheet` option.
|
||
|
|
* `viewName` is the view name provided by the `view` option.
|
||
|
|
|
||
|
|
##### view
|
||
|
|
|
||
|
|
Display mode. `tiles` and `details` are available. Defaults to `tiles`.
|
||
|
|
|
||
|
|
## Examples
|
||
|
|
|
||
|
|
### Serve directory indexes with vanilla node.js http server
|
||
|
|
|
||
|
|
```js
|
||
|
|
var finalhandler = require('finalhandler')
|
||
|
|
var http = require('http')
|
||
|
|
var serveIndex = require('serve-index')
|
||
|
|
var serveStatic = require('serve-static')
|
||
|
|
|
||
|
|
// Serve directory indexes for public/ftp folder (with icons)
|
||
|
|
var index = serveIndex('public/ftp', {'icons': true})
|
||
|
|
|
||
|
|
// Serve up public/ftp folder files
|
||
|
|
var serve = serveStatic('public/ftp')
|
||
|
|
|
||
|
|
// Create server
|
||
|
|
var server = http.createServer(function onRequest(req, res){
|
||
|
|
var done = finalhandler(req, res)
|
||
|
|
serve(req, res, function onNext(err) {
|
||
|
|
if (err) return done(err)
|
||
|
|
index(req, res, done)
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
// Listen
|
||
|
|
server.listen(3000)
|
||
|
|
```
|
||
|
|
|
||
|
|
### Serve directory indexes with express
|
||
|
|
|
||
|
|
```js
|
||
|
|
var express = require('express')
|
||
|
|
var serveIndex = require('serve-index')
|
||
|
|
|
||
|
|
var app = express()
|
||
|
|
|
||
|
|
// Serve URLs like /ftp/thing as public/ftp/thing
|
||
|
|
// The express.static serves the file contents
|
||
|
|
// The serveIndex is this module serving the directory
|
||
|
|
app.use('/ftp', express.static('public/ftp'), serveIndex('public/ftp', {'icons': true}))
|
||
|
|
|
||
|
|
// Listen
|
||
|
|
app.listen(3000)
|
||
|
|
```
|
||
|
|
|
||
|
|
## License
|
||
|
|
|
||
|
|
[MIT](LICENSE). The [Silk](http://www.famfamfam.com/lab/icons/silk/) icons
|
||
|
|
are created by/copyright of [FAMFAMFAM](http://www.famfamfam.com/).
|
||
|
|
|
||
|
|
[npm-image]: https://img.shields.io/npm/v/serve-index.svg
|
||
|
|
[npm-url]: https://npmjs.org/package/serve-index
|
||
|
|
[travis-image]: https://img.shields.io/travis/expressjs/serve-index/master.svg?label=linux
|
||
|
|
[travis-url]: https://travis-ci.org/expressjs/serve-index
|
||
|
|
[appveyor-image]: https://img.shields.io/appveyor/ci/dougwilson/serve-index/master.svg?label=windows
|
||
|
|
[appveyor-url]: https://ci.appveyor.com/project/dougwilson/serve-index
|
||
|
|
[coveralls-image]: https://img.shields.io/coveralls/expressjs/serve-index/master.svg
|
||
|
|
[coveralls-url]: https://coveralls.io/r/expressjs/serve-index?branch=master
|
||
|
|
[downloads-image]: https://img.shields.io/npm/dm/serve-index.svg
|
||
|
|
[downloads-url]: https://npmjs.org/package/serve-index
|
||
|
|
[gratipay-image]: https://img.shields.io/gratipay/dougwilson.svg
|
||
|
|
[gratipay-url]: https://www.gratipay.com/dougwilson/
|