npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

sabu

v1.0.6

Published

Static file server in Node.js

Downloads

3

Readme

Sabu

Sabu is a simple CLI HTTP server.

Motivation

For most simple tasks, there are plenty of static file servers - but each with limitations. Some examples include that http-server doesn't support basic auth, and Harp has rigid configuration. Some don't work with JavaScript frameworks like Vue and React. Others require workarounds for CORS issues.

Sabu aims to be minimal and flexible. As such, it is not (yet) recommended for production use.

Installation

It is recommended to install Sabu globally.

$ npm i -g sabu

But it can also be included locally.

$ cd path/to/your-project
$ npm i --save-dev sabu

Usage

From a CLI, you can simply run Sabu to start serving files. By default, it will look for an index.html, though this is not required.

$ sabu

By default, Saby serves on host 0.0.0.0 and port 8080, automatically incrementing the port if it's already in use.

Options

For usage, run the help command.

$ sabu --help

Usage: sabu [options]

Options:
  -V, --version     output the version number
  -h, --host <s>    Host (default: "0.0.0.0"
  -p, --port <n>    Port (default: 8080)
  -q, --quiet       Quiet startup (no console output)
  -a, --auth <s>    Basic auth (user:pass)
  -c, --config <s>  JSON config file with options
  -h, --help        output usage information

The parameter --auth for basic HTTP authorization is in the format of username:password. If one value is quoted, they both should be. If multiple colons are found, the password is assumed to be after the last instance. Some examples of how auth is parsed:

| CLI Input | Parsed Username | Parsed Password | | --------------- | ----------------- | --------------- | | user:pass | user | pass | | user:foo:pass | user:foo | pass | | "user":"pass" | user | pass | | "user":pass | "user" | pass | | user:"pass" | user | "pass" |

Config File

Sabu can also accept a JSON config file. Any filename is acceptable.

// sabu.conf.json
{
    "source": ".",
    "host": "localhost",
    "port": 8084,
    "basicAuth": {
		"user": "myuser",
		"pass": "mypass"
    },
    "cors": {
        "preflightMaxAge": 5,
        "origins": ["*"],
        "allowHeaders": [
            "X-Access-Token",
            "Access-Control-Allow-Origin",
            "Access-Control-Allow-Methods",
            "Access-Control-Allow-Headers"
        ],
        "exposeHeaders": ["API-Token-Expiry"]
    },
    "routes": {
        "/": "index.html",
        "/foo": "foo.json",
        "/bar": "bar.json"
    }
}

Common Usage

Assuming a file structure like this:

my-project
├── build
│   ├── css
│   ├── images
│   ├── index.html
│   ├── js
├── src
│   ├── ...
├── LICENSE
├── package.json
├── package-lock.json
├── README.md

A likely scenario would be:

$ cd my-project
$ sabu ./build

Roadmap

  1. An init command to generate a default config file
  2. More intentional parsing of CORS config (currently just uses Object.assign, overwriting any default configs)
  3. A watch option to monitor for file changes

Buy Me a scotch?

Bitcoin: 17sVT44EBTmnVdpikDizran89neP8RXdB8

Ethereum: 0x4f393adc830f2f480011f7507ABdf784455D1796