powahroot/README.md

76 lines
3.0 KiB
Markdown
Raw Normal View History

# ![](https://raw.githubusercontent.com/sbrl/powahroot/master/logo-large.png)powahroot
2019-04-26 22:56:29 +00:00
> Client and server-side routing micro frameworks
2019-04-27 00:06:42 +00:00
_Powahroot_ is a pair of micro routing frameworks, presented as an ES6 module:
- The first is for client-side single-page web applications
- The other is for handling server-side Node.js requests
2019-04-27 00:06:42 +00:00
It's based on [`rill`](https://www.npmjs.com/package/rill) (see the npm package bearing the name), but stripped down and simplified.
## Getting Started
Install powahroot as a dependency with npm:
```bash
npm install --save powahroot
```
2019-04-28 17:07:58 +00:00
If your build process supports [tree-shaking](https://webpack.js.org/guides/tree-shaking/), only the router(s?) you need will be included in the final output of your build - as _powahroot_ uses ES6 modules.
## Usage
### Paths
Powahroot supports multiple syntax bells and whistles when defining routes. These are documented below:
Syntax | Meaning
--------------------------------|----------------------------------------
`/index.html` | Regular route. Matches exactly what it says on the tin.
`*` | Special key(word?) that matches _any_ route. Must be present on its own without any other characters.
`/add/vegetable/:name/:weight` | Parameters. Match values an pull them into an object automatically. Does not like forward slashes in parameter values.
`/images/::path` | Parameter values with forward slashes. If you want to use parameters, but need values to be able to contain forward slashes `/`, this is for you. Don't forget you can mix-and-match this with the previous example!
### Client
Initialise a new router like this:
2019-04-26 22:56:29 +00:00
```js
2019-04-28 20:19:30 +00:00
import ClientRouter from 'powahroot/Client.mjs';
2019-04-28 17:07:58 +00:00
// ....
const router = new ClientRouter({
// Options object. Default settings:
verbose: false, // Whether to be verbose in console.log() messages
listen_pushstate: true, // Whether to react to browser pushstate events (excluding those generated by powahroot itself, because that would cause an infinite loop :P)
});
```
2019-04-26 22:56:29 +00:00
2019-04-27 00:06:42 +00:00
### Server
2019-04-27 16:41:45 +00:00
The server router works slightly differently, to account for the different environment it's designed for. Here's how to use it:
```js
2019-04-28 20:19:30 +00:00
import ServerRouter from 'powahroot/Server.mjs';
2019-04-28 17:07:58 +00:00
// ....
2019-04-27 16:41:45 +00:00
const router = new ServerRouter();
router.on_all(async (context, next) => { console.debug(context.url); await next()})
router.get("/files/::filepath", (context, _next) => context.send.plain(200, `You requested ${context.params.filepath}`));
// .....
```
The `context` argument there is of type `RouterContext`. Check out the API reference (link below) to learn about the other useful properties it has.
2019-04-27 00:06:42 +00:00
2019-04-28 17:07:58 +00:00
## Reference
2019-04-28 16:58:22 +00:00
API docs are generated automatically. View them here:
<https://starbeamrainbowlabs.com/code/powahroot/docs/>
2019-04-27 00:06:42 +00:00
2019-04-28 17:09:00 +00:00
2019-04-26 22:56:29 +00:00
## Licence
Everything in this repository _except_ the logo is licenced under the _Mozilla Public License 2.0.
The logo itself is © Copyright Starbeamrainbowlabs 2019. All rights reserved - though you _may_ use it when linking to this project (or to advertise usage in a 'powered by' logo).