0.1.0 • Published 2 years ago
wc-dependency-injection v0.1.0
wc-dependency-injection
Dependency Injection Solution for Web Components 😎
Credits
This code has been taken from the web components dependency injection article, published by Manuel Rauber and Yannick Baron. You can find their github repository here and github profiles Manuel Rauber and Yannick Baron.
Usage
Considering your web component tree looks like this:
<my-root>
<my-child></my-child>
</my-root>
// my-root.component.js
import { ContainerProvider } from "wc-dependency-injection";
import { Logger } from "@services/logger.service.ts";
@ContainerProvider([{ provide: Logger, useClass: Logger }])
export class MyRoot extends HTMLElement {
// ...
}
// my-child.component.js
import { Inject } from "wc-dependency-injection";
export class MyChild extends HTMLElement {
@Inject() logger: Logger;
connectedCallback() {
this.logger.log("Hello World!");
}
}
Installation
npm install wc-dependency-injection
Development
If you want to contribute to this library - you are very welcome! Please create a pull request and describe the changes you made and which problem it solves.
License
MIT
0.1.0
2 years ago