1.0.8 • Published 3 years ago

decopress v1.0.8

Weekly downloads
4
License
MIT
Repository
github
Last release
3 years ago

Decopress

Decopress is a tool to help you write cleaner Express.js code using typescript decorators.

Please if you need a feature that is not supported by decopress and its related to decorators and express open an issue in github and ask for this feature.

Quick Access

Installation

  • Using npm: \ npm install decopress
  • Using yarn: \ yarn add decopress

Quick Start

creating a controller

import {NextFunction, Request, Response} from 'express';
import {Controller, Get, Middleware} from 'decopress';

const middleware1 = (req: Request, res: Response, next: NextFunction) => {
    console.log('in middleware1');
    next();
};

const middleware2 = (req: Request, res: Response, next: NextFunction) => {
    console.log('in middleware2');
    next();
};

@Controller('/')
class ExampleController {
    @Middleware(middleware1, middleware2)
    @Get('/')
    hello(req: Request, res: Response) {
        res.json({
            message: 'hello'
        });
    }
}

connect controller with app

import express from 'express';
import {setRoutes} from 'decopress';

const app = express();

// controller we made in the top code example
const controller = new ExampleController();

setRoutes(controller, app);

Controller Class

Controller Decorator

You can use Controller decorator to create decorator classes.

Note: if you don't apply Controller decorator to controller class while you are trying to convert your controllers into routes you will face errors.

Controller accepts one argument and that the url(path) and url is required.

import {Controller} from 'decopress';

const url = '/path'

@Controller(url)
class ExampleController {
    ...
}

CMiddleware Decorator

You can use CMiddleware decorator to add middleware to your controller class.

Note: You should use CMiddleware decorator before Controller decorator and you can use CMiddleware as much as you like and it will run in order.

CMiddleware decorator accepts spread middleware of type RequestHandler from express package.

import {RequestHandler} from 'express';
import {Controller, CMiddleware} from 'decopress';

const middleware1: RequestHandler = (req, res, next) => {
    console.log('in middleware1');

    next();
};

const middleware1: RequestHandler = (req, res, next) => {
    console.log('in middleware1');

    next();
};

@CMiddleware(middleware1, middleware2)
@Controller('/')
class ExampleController {
    ...
}

Method Decorators

There is Get, Post, Put, Patch, Delete, and All method decorators they all accept only url(path) and the method of type Request handler in the class and represent the method of the name.

Note: by my convention the method name is the path(it's not required)

import {Controller, Get} from 'decopress';

@Controller('/') class ExampleController { @Get('/hello') hello(req: Request, res: Response) { res.json({ message: "hello" }); } }

#### _Middleware Decorator_
**Middleware** decorator is used to add middleware to request stack. it works the same way as **CMiddleware** decorator. and it accept arguments of type RequestHandler from express package.

> Note: it is required to use it before **Method** Decorators.

import {RequestHandler} from 'express'; import {Controller, Get, Middleware} from 'decopress';

const middleware1: RequestHandler = (req, res, next) => { console.log('in middleware1');

next();

};

const middleware1: RequestHandler = (req, res, next) => { console.log('in middleware1');

next();

};

@Controller('/') class ExampleController { @Middleware(middleware1, middleware2) @Get('/hello') hello(req: Request, res: Response) { res.json({ message: "hello" }); } }

#### _Use Method Decorator_
**Use** method decorator is an special method decorator that can help you handle sub controllers all you have to do is in the method return instance of your controller.

> Note: by my convention the method name for **Use** method decorator is as same as class name

import {Controller, Use} from 'decopress';

@Controller('/2') class ExampleController2 { }

@Controller('/') class ExampleController { @Use('/') ExampleController2() { return new ExampleControler2(); } }

### _Get Result_
getting results is easy in decopress just you have to import **setRoutes** and then **setRoutes** accept to arguments the first one is instance of your controller class and the second one is either instance of Router from express package or your app.

import express from 'express'; import {setRoutes, RoutesConfigClass} from 'decopress';

const app = express();

...

// I'm using ExampleController from top examples setRoutes(new ExampleController(), app);

### _Types_
#### _Method Type_
**Method** type is the available types you can use in the **Route** type.

type Method = 'get' | 'post' | 'put' | 'patch' | 'delete' | 'all';

#### _Route Type_
**Route** type is the return type of **method** decorators. it contains a url of type string witch is provided url. it also contains a method witch is the selected rest method for the route and it contains stack witch represents middleware and the filnal method.

interface Route { url: string; method: Method; stack: RequestHandler[]; }

#### _RouteConfig Type_
**RouteConfig** Type is a type that represents the data of Controller. it contains the provided url in url property. it contains provided route configs in RouteConfigProperty. it contains the route object. it also contains the controller middleware and sub controllers.

import {RouterOptions} from 'express';

interface RoutesConfig { url: string; routerOptions?: RouterOptions; routes: {

    [key: string]: Route;
};
middleware: RequestHandler[];
subControllers: RoutesConfigClass[];

}