Installation
Install with npm, or check CDN Usage for other options:
sh
npm install @wroud/dish
yarn add @wroud/dish
pnpm add @wroud/dish
bun add @wroud/diUsage
Shorthands
The @wroud/di package includes handy shorthand methods. For example, addSingleton makes it easy to register a singleton service. Here's a quick example:
ts
import { ServiceContainerBuilder } from '@wroud/di'
const builder = new ServiceContainerBuilder();
class Logger {
log(message: string) {
console.log(message);
}
}
builder.addSingleton(Logger);
const serviceProvider = builder.build();
const logger = serviceProvider.getService(Logger);
logger.log('Hello world!');
// -> Hello world!CJS Usage
@wroud/di is an ESM-only package, which keeps it small. But you can still use it in CJS by dynamically importing the ESM module in Node.js.
ts
async function main() {
const { ServiceContainerBuilder } = await import('@wroud/di')
const builder = new ServiceContainerBuilder();
class Logger {
log(message: string) {
console.log(message);
}
}
builder.addSingleton(Logger);
const serviceProvider = builder.build();
const logger = serviceProvider.getService(Logger);
logger.log('Hello world!');
// -> Hello world!
}CDN Usage
To use @wroud/di in the browser through a CDN, use esm.run or esm.sh.
html
<body>
<script type="module">
// Specify the exact version
import { ServiceContainerBuilder } from 'https://esm.sh/@wroud/di@1.0.0'
// or
// import { ServiceContainerBuilder } from 'https://esm.run/@wroud/di@1.0.0'
const builder = new ServiceContainerBuilder();
class Logger {
log(message: string) {
console.log(message);
}
}
builder.addSingleton(Logger);
const serviceProvider = builder.build();
const logger = serviceProvider.getService(Logger);
logger.log('Hello world!');
// -> Hello world!
</script>
</body>