Integration with InversifyJS

[DimiTech]

Information

• Version: 5.21.0
• Type: Issue/Story

Description

I want to integrate Ts.ED (ts-express-decorators) with an existing project that uses InversifyJS.

I know that you don't plan to integrate any other DI system any time soon, what I only need is the @ServerSettings({ mount: ____ }) mount property to accept instances of Controllers as well as their Constructors (as it is now). That way I could get the Controllers from InversifyJS and put them in Ts.ED.

If there is a better way to integrate with InversifyJS I'm open for suggestions!

You can also take a look how I integrated Overnight with InversifyJS here: https://github.com/DusanDimitric/node-typescript-boilerplate/blob/19b41e0dd592b66c3805bd5c4778685303faf29a/src/web/server/ExpressServer.ts#L43

Example

import {} from "@tsed/common";
@ServerSettings({
  rootDir,
  mount: {
    '/rest': [
+      container.get<Controller>(TYPES.HomeController),
    ],
  },
  acceptMimes : ['application/json'],
})

Acceptance criteria

• [ ] The @ServerSettings mount option is able to receive instances of Controllers

Thanks for all the hard work!

[Romakita]

Hello @DusanDimitric, Is not possible, because declaring Controller require to use @Controller decorator which will add your controller to the DI registry and add endpoint path configuration. mount option is just here define the main endpoint for your controllers.

One possibility is to register your controller with registerController and create your custom decorator as following:

export function Controller(options: PathParamsType | IControllerProvider, ...children: Type<any>[]): Function {
  return (target: any): void => {
    const useFactory = () => {
       return container.get<any>(target)
    }

    if (typeof options === "string" || options instanceof RegExp || isArrayOrArrayClass(options)) {
      registerController({
        provide: target,
        path: options,
        deps: [],
        children
      });
    } else {
      registerController({
        provide: target,
        children: (options as IControllerProvider).dependencies || (options as IControllerProvider).children,
        ...options,
        deps: [],
        useFactory
      });
    }
  };
}

Then use it on your class:

@InversifyController('/')
class MyCtrl {

}

@ServerSettings({
  rootDir,
  mount: {
    '/rest': [
+      MyCtrl,
    ],
  },
  acceptMimes : ['application/json'],
})

You can try this example :)

[DimiTech]

Thanks @Romakita. I did indeed make this to work but Inversify DI injection does not work with my controllers now.

Anyways, thanks a lot!