A powerful and lightweight inversion of control container for JavaScript & Node.js apps powered by TypeScript.
Hello here, I’m using 4.13 and trying to use tagged bindings. I have something like
container.bind<IClient>(“IClient").to(FooClient).whenAnyAncestorIsNamed(“useFoo”);
Container.bind<IClient>(“IClient”).to(BarClient).whenAnyAncestorIsNamed(“useBar”);Then I use the IClient in a parent class (`BooParent’) via
@injectable()
class BooParent {
constructor (@inject(“IClient”) private client: IClient) {}Then I to use that parent later via,
@inject(“BooParent”) @named(“useFoo”) parent: BooParent;However, when I do something like that, I get no matching binding errors. Am I misunderstanding the named/tagged bindings, or is it probably just something in my setup somewhere?
need your kind help. I have my implementation like this
interface IUserRepository<TModel>
abstract class GenericRepository<TModel> implements IUserRepository<TModel>
interface IUserRepository implements IRepository<UserModel>
class UserRepository implements IUserRepository extends GenericRepository<UserModel>
Where should I inject @injectible() and how should I bind in containers? kindly help
Hey! I try to create a instance using Inversify, constructor contains a parameters like this @inject(IconsStore) private readonly store$: IconsStore,. In construtor, the store$ is avaiable, but if goes out the constructor, the class does not contain that and throws an error that is undefined. Does anyone know why?
babelrc:
"babel-plugin-transform-typescript-metadata",
["@babel/plugin-proposal-decorators", {
"legacy": true
}],
["@babel/plugin-proposal-class-properties", {
"loose": true
}],packages:
"@babel/core": "^7.5.5",
"@babel/plugin-proposal-class-properties": "^7.5.5",
"@babel/plugin-proposal-decorators": "^7.4.4",
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/plugin-transform-modules-commonjs": "^7.5.0",
"@babel/plugin-transform-react-constant-elements": "^7.5.0",
"@babel/preset-env": "^7.5.5",
"@babel/preset-react": "^7.0.0",
"@babel/preset-typescript": "^7.3.3",
"reflect-metadata": "^0.1.13",
"inversify": "^5.0.1",
"inversify-inject-decorators": "^3.1.0",this is also empty
@injectable()
export class GetSetService<T, S extends Store<T>, Q extends Query<T>> {
public constructor(
@unmanaged()
protected readonly store$: S,
@unmanaged()
protected readonly query$: Q,
) {}
public get<K extends keyof T>(prop: K): Observable<T[K]> {
return this.query$.select(prop);
}
public set<K extends keyof T>(prop: K, value: T[K]): void {
this.store$.update(({ [prop]: value } as unknown) as Partial<T>);
}
}
@injectable()
export class SettingsService extends GetSetService<SettingsModel, SettingsStore, SettingsQuery> {
public constructor(
@inject(SettingsStore)
store: SettingsStore,
@inject(SettingsQuery)
query: SettingsQuery,
) {
super(store, query);
}
}SettingsService has @inject, which then SHOULD pass them to base class.
GetSetService
@injectable()
export class LaunchersService {
public constructor(
@inject(LaunchersStore)
private readonly store: LaunchersStore,
@inject(LaunchersQuery)
private readonly query: LaunchersQuery,
) {}
}
Hey everyone! :)
i have a short question:
As you can see here I added the @injectable decorator to the plugin.
I'm trying to write a server application which loads plugins (as you can see here).
These plugins are transpiled seperatly.
Inversify is throwing the error, that it cant find the @injectable annotation on my TestPlugin which definitely exists there.
Error: Missing required @injectable annotation in: TestPlugin.When you define it twice, it says that the decorator is defined twice.
Does someone has a hint for me? :)
Got the source files packed (without node_modules)
Install them in / and /plugins/TestPlugin
Run the "build" script
Then you have the transpiled files in the dist directory
Maybe I found a hint finally:
https://github.com/MedjaiBot/Framework/blob/develop/src/plugin/PluginManager.ts#L201
But investigating it later. 3:30 am here :D
At first I thought that ES5 is the issue (because the plugin was transpiled to that version) but i had another idea.
Refactored the Plugin to be an interface (was an abstract class before).
Then it worked.
I dont even have to import
reflect-metadata in the plugin - which is really nice :)
Hey guys, im using inversify-express-utils and im looking for a way to set an order for how my endpoints are matched.
eg... using express.Router i could have
router.get('users/me')
router.get('users/:userId')and the users/me endpoint would resolve successfully.
But using inversify, it seems like the users/me controller is being registered later, and so it's calling users/:userId with the userId param set to me instead.
Is there a way to sort this? I can't see anything in the docs or on SO.
Thanks!
I'm also really curious on how to solve the issue @mattwills8 is having for a project I'm working on now. I'm also wondering how to nest controllers. Using Express, I regularly have endpoints such as
// routes/users/index.ts
router.use("/:userId", (req, res, next) => {
let user = getUserById(req.params.userId);
req.vars.user = user;
next();
});
router.use("/:someId/posts", postsRouter);
// routes/users/posts.ts
router.get("/", (req, res) => {
// access req.vars.user here
});Is it possible to nest controllers so that I can use the request chain to store context? If not, how should I achieve this
https://stackoverflow.com/questions/51913893/how-to-achieve-component-scanning-auto-discovery-of-controllers-using-inversify
@injectable, is being rendered on and off in an external react app. The first time the component appears in DOM everything works just fine, but after that, every attempt to render the component throws an error: Cannot apply @injectable decorator multiple times.. Is there a way to prevent inversify from re-decorating already decorated classes? I'm not really experienced with IoC in general and I quite ran out of ideas on how to solve this issue.
Hello, I'm trying to use Inversify for adding DI to express application. I want to create singleton of express app, so I came up with wrapper class
import * as express from 'express'
@injectable()
export default class ExpressAppFactory {
private _express: express.Application
public constructor() {
this._express = express()
return this._express
}
}and then I add it to container like this:
container.bind(types.ExpressAppFactory).to(ExpressAppFactory).inSingletonScope()This works but I'm getting type errors:
[0] lib/services/express-app-factory.ts(10,5): error TS2409: Return type of constructor signature must be assignable to the instance type of the class.
[0] lib/services/express-app-factory.ts(10,5): error TS2741: Property '_express' is missing in type 'Application' but required in type 'ExpressAppFactory'.Not sure if this is a way to go, I'm also pretty new to Typescript.
inversify-binding-decorators and having a blast, thanks for the awesome work!Although, I am having an issue. Is it possible to eager load a service?
My services are annotated with
@provide(Service) annotation. And then loaded using container.load(buildProviderModule())Now, it all works fine, but I have a service, that is not injected anywhere, and is used to subscribe to and handle events, emitted by another service that extends
EventEmitter.The service is never loaded. Hence does not react to the emitted events.
When I inject it somewhere, it gets loaded and starts reacting to the events.
I have also tried providing the service in singleton scope, that has not worked neither.
I am trying to avoid manually loading similar services that just handle events, and do not expose any public API.
I searched but could not find anything about eager loading services. Is that possible?
Thanks for the help in advance.
import { Container } from 'inversify';
// Services, that do not expose any public API, hence are not used anywhere, have to be imported to get noticed by the provider module
import { ProvisionService } from '../services/ProvisionService';
{
ProvisionService;
}
export function eagerLoadAllServices(container: Container) {
Array.from((container as any)._bindingDictionary._map.keys()).forEach(
(identifier: any) => container.get(identifier),
);
}