Microscopic dependency injection container
npm install @elao/container.js
Given the given class, you want to declare as a service:
// MyApiClient.js
export default class MyApiClient {
constructor(host, key) {
this.host = host;
this.key = key;
}
login() {
// ...
}
}Set up your container like that:
// my-container.js
import { Container } from '@elao/container.js';
import { createStore } from 'redux';
import MyApiClient from './MyApiClient';
import reducer from './myReducer';
const container = new Container();
// Register a parameter:
container.registerParameter('api:host', 'my.api.com');
container.registerParameter('api:key', 'xxxxxxxxxxx');
// Register a service:
container.registerService('api', MyApiClient, ['api:host', 'api:key', 'store']);
// Register a callback:
container.registerCallback('store', () => createStore(reducer));
export default container;Require the api service wherever you need it:
import container from 'my-container.js';
container.get('api').login();With ES modules:
import { Container } from '@elao/container.js';With CommonJS modules:
const { Container } = require('@elao/container.js');In the browser:
<!DOCTYPE html>
<html>
<head>
<script src="dist/container.js" async></script>
</head>
<body>
<script>
window.addEventListener('load', () => {
const { Container } = containerjs;
});
</script>
</body>
</html>