Giter Site home page Giter Site logo

hilkeheremans / nest-emitter Goto Github PK

View Code? Open in Web Editor NEW

This project forked from nestjsx/nest-emitter

0.0 1.0 0.0 973 KB

Strongly ๐Ÿ’ช๐Ÿผ Typed Eventemitter Module For Nestjs Framework ๐Ÿฆ

License: MIT License

TypeScript 89.18% Shell 10.82%

nest-emitter's Introduction

Nest Emitter

Strongly ๐Ÿ’ช๐Ÿผ Typed Eventemitter Module For Nestjs Framework ๐Ÿฆ

Quick Overview

Ever wondered if there is a way to have a strongly typed way to use event emitter names ?

Ever wondered why your event emitter is not working as intended and then realized that there was a typo on your events name? if so, then this ones for you ๐Ÿ˜„ .

How?

By Declaring events using a simple interface mapping event names to their payloads to get stricter versions of emit, on, and other common EventEmitter APIs.

and not only that, it will work with any kind of EventEmitter that implements NodeJS.Events.

Install

IMPORTANT: you will need typescript 3.0+

npm install nest-emitter

or

yarn add nest-emitter

Usage

As Normal Import NestEmitterModule into your root module (aka AppModule)

The NestEmitterModule#forRoot(emitter: NodeJS.Events) takes any event emitter that implements NodeJS.Events.

For simplicity I will use nodejs built-in eventemitter, but of course you can use whatever you need.

// app.module.ts

import { Module } from '@nestjs/common';
import { AppController } from './app.controller';
import { AppService } from './app.service';
import { NestEmitterModule } from 'nest-emitter';
import { EventEmitter } from 'events';
@Module({
  imports: [NestEmitterModule.forRoot(new EventEmitter())],
  controllers: [AppController],
  providers: [AppService],
})
export class AppModule {}

Now it's time to define our events, let's add two events one called notification and it's payload will be a string. and another one is newRequest and it's payload will be function that has one arg of type Request.

// app.events.ts
interface AppEvents {
  notification: string;
  // as a side note: that is equivalent to
  // newRequest: Express.Request;
  newRequest: (req: Express.Request) => void;
}

After that let's bring up our secret weapon; the StrictEventEmitter!

// app.events.ts
import { EventEmitter } from 'events';
import { StrictEventEmitter } from 'nest-emitter';

interface AppEvents {
  notification: string;
  newRequest: (req: Express.Request) => void;
}

export type MyEventEmitter = StrictEventEmitter<EventEmitter, AppEvents>;

good good, now let's use it.

๐Ÿ‘ TIP: Keep all of your events in a separate file like {prefix}.events.ts.

I will use it to send a notification when we receive a request

// app.controller.ts

import { Get, Controller, Req } from '@nestjs/common';
import { AppService } from './app.service';
import { InjectEventEmitter } from 'nest-emitter';
import { MyEventEmitter } from 'app.events';

@Controller()
export class AppController {
  constructor(
    private readonly appService: AppService,
    @InjectEventEmitter() private readonly emitter: MyEventEmitter,
  ) {}

  @Get()
  root(@Req() req: Express.Request): string {
    this.emitter.emit('notification', 'new req');
    // this will throw an error at compile-time
    // as `notification` event only accepts `string`
    // this.emitter.emit('notification', 1234);
    this.emitter.emit('newRequest', req);
    return this.appService.root();
  }
}

Did you notice @InjectEventEmitter()? you guessed it, it's a helper decorator to get the instance of the underlying eventemitter.

now on the other side

import { Injectable, OnModuleInit } from '@nestjs/common';
import { InjectEventEmitter } from 'nest-emitter';
import { MyEventEmitter } from 'app.events';

@Injectable()
export class AppService implements OnModuleInit {
  constructor(@InjectEventEmitter() private readonly emitter: MyEventEmitter) {}
  onModuleInit() {
    this.emitter.on('notification', async msg => await this.onNotification(msg));
    this.emitter.on('newRequest', async req => await this.onRequest(req));
  }
  root(): string {
    return 'Hello World!';
  }

  private async onNotification(msg: string) {
    console.log(`OnNotification: ${msg}`);
  }

  private async onRequest(req: Express.Request) {
    console.log(`OnRequest from: ${req['ip']}`);
  }
}

And that's it! Easy? now let's dive in.

In Depth

Event Records

Event records are interfaces or object types that map event names to the event's payload types. In the following example, three events are declared:

interface AppEvents {
  req: (request: Express.Request, response: Express.Response) => void;
  done: void;
  conn: Connection;
}

Each event shows one of three ways to type the event payloads:

  1. Function type: Parameters are the event payload. The return type is ignored.
  2. void: A shortcut for an event with no payload, i.e. () => void
  3. Anything else: A shortcut for an event with one payload, for example (p: number) => void can be written as just number.

StrictEventEmitter<TEmitterType, TEventRecord, TEmitRecord = TEventRecord>

The default export. A generic type that takes three type parameters:

  1. TEmitterType: Your EventEmitter type (e.g. node's EventEmitter or socket.io socket)
  2. TEventRecord: A type mapping event names to event payloads
  3. TEmitRecord: Optionally, a similar type mapping things you can emit.

The third parameter is handy when typing web sockets where client and server can listen to and emit different events. For example, if you are using socket.io:

// create types representing the server side and client
// side sockets
export type ServerSocket =
  StrictEventEmitter<SocketIO.Socket, EventsFromServer, EventsFromClient>;
export type ClientSocket =
  StrictEventEmitter<SocketIOClient.Socket, EventsFromClient, EventsFromServer>;

// elsewhere on server
let serverSocket: ServerSocket = new SocketIO.Socket();
serverSocket.on(/* only events that are sent from the client are allowed */, ...)
serverSocket.emit(/* only events that are emitted from the server are allowed */, ...)

// elsewhere on client
let clientSocket: ClientSocket = new SocketIOClient.Socket();
clientSocket.on(/* only events that are sent from the server are allowed */, ...)
clientSocket.emit(/* only events that are emitted from the client are allowed */, ...)

For more information about StrictEventEmitter see @bterlson 's library

CHANGELOG

See CHANGELOG for more information.

Contributing

You are welcome to contribute to this project, just open a PR.

Authors

  • Shady Khalifa (@shekohex) - Initial work
  • Brian Terlson (@bterlson) - strict event emitter types

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

nest-emitter's People

Contributors

0xflotus avatar bashleigh avatar dependabot[bot] avatar idhard avatar maricn avatar

Watchers

 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.