express-otter
TypeScript icon, indicating that this package has built-in type declarations

1.2.0 • Public • Published

Express Otter

A picture of an otter.

A lightning fast ⚡ automatic router-registration solution for express applications.

(Built with extensibility in mind)

👋 Introduction

Automatically crawls your project in order to register routers to your express application. You can use this on older express projects or newer ones. Create static routes if you prefer managing your routes with code or create dynamic routes if you prefer a more modern approach.

Dynamic routing has become more and more popular lately --- and with so many benefits, why wouldn't it be?

It has:

  • A single source of truth for defining your routes
  • A visual representation of your routes
  • An easy way to change your routes when refactoring

📥 Installation

npm install express-otter

🔭 Usage

Given a project structure like so....

Dynamic Routing (Recommended)

Dynamic routing uses the project structure to define router URLs.

root
├──dist
├──src
│  ├──middleware
│  ├──models
│  ├──routes <-------------- base path
│  │  └──pets
│  │     └──[pet].js <------ router
│  └──utils
└──tests
/** ./app.js */

import express from 'express'
import { registerRouters } from 'express-otter'

const app = express()

/** Register routers after initializing the app */
await registerRouters({
    app,
    paths: ['./src/routes'] // Points to the routes directory
})

app.listen(3000, () => {
    console.log('Server running at http://localhost:3000')
})
/** ./src/routes/pets/[pets].js */

import express from 'express'
import { generateURL } from 'express-otter'

/** Used to generate the URL when registering routes */
const url = generateURL()
// '/pets/:pets'

const router = express.Router()

/** Router will automatically be registered */
router.get(url, (req, res) => {
    res.send('You have reached this endpoint!')
})

export default router
const response = await fetch('http://localhost:3000/pets/dog')
    .then(response => response.text())

console.log(response)
// 'You have reached this endpoint!'

Static Routing

Static routing uses the code to defined router URLs.

root
├──dist
├──src
│  ├──middleware
│  ├──models
│  ├──routes <-------------- base path
│  │  └──cars.js <---------- router
│  └──utils
└──tests
/** ./app.js */

import express from 'express'
import { registerRouters } from 'express-otter'

const app = express()

/** Register routers after initializing the app */
await registerRouters({
    app,
    paths: ['./src/routes'] // Points to the routes directory
})

app.listen(3000, () => {
    console.log('Server running at http://localhost:3000')
})
/** ./src/routes/cars.js */

import express from 'express'

const router = express.Router()

/** Router will automatically be registered */
router.get('/cars/toyota/:model', (req, res) => {
    res.send('You have reached this endpoint!')
})

export default router
const response = await fetch('http://localhost:3000/pets/dog')
    .then(response => response.text())

console.log(response)
// 'You have reached this endpoint!'

📖 Documentation

registerRouters (options: RegisterRoutersOptions): void

Recursively registers routes given the options below as a guideline.

RegisterRoutersOptions
Property Type Default Description
app Express An express app.
paths string[] Defines the base path(s) when looking for routers.
slugPattern RegExp /\[(.+)\]/g A global pattern for capturing slugs in files/folders.
ignorePattern RegExp /^_/ A pattern for ignoring files/folders.
beforeRegister function A callback that is invoked right before registering a router.
afterRegister function A callback that is invoked right after registering a router.
dry boolean false Specifies whether to perform a dry run.

generateURL (): string

Generates a URL for assigning it to a router (dynamic routing only).

Debugging

Flags

EXPRESS_OTTER_DEBUG

Useful for checking what could be going on under the water 🌊 (hehe). Sometimes assumptions on the paths can be incorrect so this can give some insights on what might need to change. Below is an example of how to use it.

EXPRESS_OTTER_DEBUG=true node index.js

🧪 Developement

Roadmap

  • [x] Routing for static & dynamic strategies
  • [x] Support CommonJS and ESM
  • [x] Flexible slug & ignore patterns
  • [x] Hooks for beforeRegister & afterRegister
  • [x] Debug mode
  • [x] Add WebSocket support
  • [ ] Create plugin capabilities

Package Sidebar

Install

npm i express-otter

Weekly Downloads

7

Version

1.2.0

License

MIT

Unpacked Size

60.9 kB

Total Files

20

Last publish

Collaborators

  • schinwald