Odi - server-side framework

dantsk

Dan T.

Posted on December 27, 2018

Odi - server-side framework

Introduction

Hi guys!

I am currently working on the server-side TypeScript framework. My team already widely use this framework in various e-commerce and ERP projects. Structure and semantic were inspired by other popular frameworks like Spring and ASP.NET.

List of main goals:

  1. Testable, supportable, scalable
  2. Minimalistic, idiomatic, clear
  3. Intuitive, readable, understandable
  4. Powerful


Currently, there are a lot of possibilities:

  1. Describing routing using controllers and decorators
  2. Powerful, full-typed Dependency Injection
  3. Incoming data validation (using AJV) with various set of decorators
  4. TypeORM integration (Repositories injection, Transactional support using CLS)
  5. Extendable JWT-based authentication

All parts of the framework are fully typed and integrated with the whole infrastructure.

For the best performance, under the hood, Fastify is used. The framework is declarative, but also avoids using decorators were it's possible. So, it's keep everything simple, clean and minimalistic.

Overview

Controller

Controllers serve as a simple yet powerful routing mechanism in a minimalistic style.

    @Controller('foo') 
    export class FooController extends IController {      

        @RoutePatch('{id}')     
        bar(id: string, payload: FooDTO) {         
            ...some updates..          
            return Ok();     
        } 

        @Get index() {
            return 'Foo';
        }
    } 
Enter fullscreen mode Exit fullscreen mode

So, as you see, there no need to provide any additional param decorators for injection data from the HTTP request. It's just a small controller overview, there are a lot of other possibilities.You can read more in docs.

Dependency Injection

Odi has powerful dependency injection mechanism out of the box.
(Let's imagine that we already have FooRepository)

    //foo.service.ts
    @Service()
    export class FooService {

        @Autowired()
        repository: FooRepository;

        public getFoo(id: string) {
            return this.repository.findOne(id);
        }
    }


    //foo.controller.ts
    @Controller('foo')
    export class OrderController extends IController {

        @Autowired()
        fooService: OrderService;

        @Get async '{id}' (id: string) {
            const foo = this.fooService.getFoo(id);

            if(!foo)
                return NotFound();

            return foo;
        }
    } 
Enter fullscreen mode Exit fullscreen mode

As you can see, all dependencies will be automatically provided to all application components.

Currently, Odi support 3 ways of injection:

  • By constructor
  • By property
  • By method

Classes that are not Odi components can participate in DI. You can simply define behaviour with preset properties and constructor args.


    class Pet {
        ...
    }


    define(Pet)
        .set('default', {
            constructorArgs: [...],        
            props: {...},
            type: 'singleton'
        })
        .set('special', {
            constructorArgs: [...],        
            props: {...},
            type: 'scoped'
        });

Enter fullscreen mode Exit fullscreen mode

DTO

It's a common scenario when web server should validate data before processing. DTO can optimize and automate this process.

    @Data()
    export class TodoDTO {

        @MaxLength(80)
        title: string;

        @IsOptional()
        @MaxLength(255)
        desctiption: string;

}
Enter fullscreen mode Exit fullscreen mode

Then, DTO class should be added as an argument for the controller method

    @Controller('todo')
    export class TodoController extends IController {

        @Autowired()
        todoService: TodoService;   

        @Post async index(payload: TodoDTO) {
            ...
        }
    }
Enter fullscreen mode Exit fullscreen mode

And it's all! Odi will automatically inject the validated request body in this argument. If there are some errors during validation, 400 status code will be sent with errors description.

Odi provides a wide set for DTO description, supporting nested DTOs, arrays, enums and etc.

To Sum up

It was a small overview of some features. If you interested in more, check the Docs.

Coming Soon

  1. AOP
  2. GRPC integration
  3. GraphQL
  4. CLI
  5. OpenAPI
  6. and more...

Links

GitHub logo Odi-ts / odi

🌪🌌 Opinionated, Declarative, Idiomatic framework for building scalable, supportable and reliable enterprise applications.

TypeScript framework for creating enterprise-grade (web) applications with simple and minimalistic API, that allows you to focus on business logic. Based on declarative and imperative programming, inspiried by ASP.NET / Spring.

Check Docs for more details.

Odi provides feature set for creation of easy supportable and scalable web applications.

Features Overview:

  • MVC
  • Full-typed DI / IoT
  • Authentication
  • WebSockets
  • TypeORM integration
  • GraphQL
  • AOP
  • SSR

For future updates check Roadmap
Got an idea, proposal or feature request? Feel free to Submit it!

Edit Odi

🚀 Getting Started

  1. Install npm package
    npm install odi --save

  2. Install reflect-metadata
    npm install reflect-metadata --save

  3. Import reflect-metadata (for example in index.ts):
    import "reflect-metadata";

  4. Enabled the following settings in tsconfig.json

    "emitDecoratorMetadata":  true, 
    "experimentalDecorators":  true
    Enter fullscreen mode Exit fullscreen mode

🌪 Overview

Controller

Controllers serve as a simple yet powerful routing mechanism in a minimalistic style.

@Controller('foo')
export class FooController extends IController {      
        
    @RoutePatch('{id}'
Enter fullscreen mode Exit fullscreen mode

Docs

Also, we aim to support Deno in the future.

Difference between Nestjs

Basically, there only a few common things with Nestjs: MVC Pattern and declarative style. But there are a lot of differences, like the whole infrastructure, decorators use, dependency injection and many others. To sum up differences:

  • Nestjs is heavily using decorators, Odi reduces this usage to the minimum (To keep code clean and readable).
  • Odi provides built-in validation out of the box for HTTP data via AJV.
  • DI/IoT behavior is very different. There is much more magic in Odi, in few words :)
  • Authentication out of the box, that fully integrated with other framework modules.
  • Controller and WebSockets processing

In the future, it will be the big difference between all integrations and technologies, as Odi was designed from the beginning in another way than Nest.

In my sight, Nestjs is more about Spring, but our framework is more ASP :)

P.S

From the beginning, the framework was designed as opensource. I really need your feedback, it's very important for me!

P.P.S

My small kitten Nancy asking for stars on github 😄😄

💖 💪 🙅 🚩
dantsk
Dan T.

Posted on December 27, 2018

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related