Giter Site home page Giter Site logo

express-route-grouping's Introduction

NPM version Build Status Coverage Status Conventional Commits Standard Version

Express JS Route Grouping

Although there are many express js route grouping packages, there is no grouping package with dynamic parameter holders feature. Beside Resource API Model approach has been integrated in this package basically.

Install

NPM

$ npm i express-route-grouping --save

Yarn

$ yarn add express-route-grouping

Basic Usage

import { Router } from 'express';
import RouteGroup from 'express-route-grouping';

const root = new RouteGroup('/', Router());

root.group('blogs', blogs => {
  // -> /blogs
  blogs.get('/', () => {});

  blogs.group(':blogId', blog => {
    // -> /blogs/:blogId
    blog.get('/', (req, res) => {});

    // -> /blogs/:blogId
    blog.post('/', (req, res) => {});

    // -> /blogs/:blogId/comments
    blog.get('comments', (req, res) => {});

    // -> /blogs/:blogId/likes
    blog.get('likes', (req, res) => {});
  });
});

app.use('/', root.export());

Not: You can nest all routes unlimitedly as above.

Resource API Model

Resource api modeling is a approach to standarts some generic http operations.

Let's see the examples:

import { Router } from 'express';
import RouteGroup from 'express-route-grouping';

const root = new RouteGroup('/', Router());

root.group('products', products => {
  products.resource({
    handlers: {
      // GET: /products
      index(req, res) {},

      // GET: /products/:productId
      find(req, res) {},

      // POST: /products
      create(req, res) {},

      // PUT: /products/:productId
      update(req, res) {},

      // PATCH: /products/:productId
      patch(req, res) {},

      // DELETE: /products/:productId
      delete(req, res) {},
    },
  });
});

app.use('/', root.export());

You can also set a class instance including resource methods.

class BlogController {
  // GET: /products
  index = (req, res) => {};

  // GET: /products/:productId
  find = (req, res) => {};

  // POST: /products
  create = (req, res) => {};

  // PUT: /products/:productId
  update = (req, res) => {};

  // PATCH: /products/:productId
  patch = (req, res) => {};

  // DELETE: /products/:productId
  delete = (req, res) => {};
}
root.group('products', ({ resource }) => {
  resource({
    handlers: new BlogController(),
  });
});

app.use('/', root.export());

Note: You don't have to add all methods to handlers. It will consider only the defined ones.

Resource Options

Name Type Description
handlers Function/Function[] This is main handler(s). It can pass multiple handlers.
beforeHandlers Function[] Adds handlers to before main handlers.
afterHandlers Function[] Adds handlers to after main handlers.

Nested Resource Model

import { Router } from 'express';
import RouteGroup from 'express-route-grouping';

const root = new RouteGroup('/', Router());

root.group('products', products => {
  products.resource({
    handlers: {
      // -> index: (GET: /products)
      // -> find: (GET: /products/:productId)
      // -> create: (POST: /products)
      // -> update: (PUT: /products/:productId)
      // -> patch: (PATCH: /products/:productId)
      // -> delete: (DELETE: /products/:productId)
    },
  });

  products.group('items', items => {
    items.resource({
      handlers: {
        // -> index: (GET: /products/:productId/items)
        // -> find: (GET: /products/:productId/items/:itemId)
        // -> create: (POST: /products/:productId/items)
        // -> update: (PUT: /products/:productId/items/:itemId)
        // -> patch: (PATCH: /products/:productId/items/:itemId)
        // -> delete: (DELETE: /products/:productId/items/:itemId)
      },
    });
  });
});

app.use('/', root.export());

Tests

$ npm test

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

express-route-grouping's People

Contributors

atayahmet 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.