npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@electron-tools/ioc

v1.0.12

Published

DI implement of IOC

Downloads

16

Readme

@electron-tools/ioc

Introduction

A simple DI implement of IOC using typescript. inspired by vscode IOC implement.

Installation

# install by npm
$npm install @electron-tools/ioc
# install by pnpm
$pnpm add @electron-tools/ioc
# install by yarn
$yarn add @electron-tools/ioc

Usage

  1. enable experimentalDecorators option in your tsconfig.json.

  2. register your service by service decorator exported from this package.

// src/serviceA.ts
import { service } from '@electron-tools/ioc';

@service('serviceA') // register ServiceA with unique id 'serviceA' using service decorator exported by this package.
class ServiceA {
  // ....
}
  1. use inject decorator inject your service to another service.
// src/serviceB.ts
import { service, inject } from '@electron-tools/ioc';

@service('serviceB') // also register ServiceB with unique id 'serviceB'
class ServiceB {
  constructor(
    @inject('serviceA') // inject serviceA to serviceB, the only args passed to inject is the service unique id.
    readonly serviceA: ServiceA,
  ) {}
}
  1. import all your services and crate a IOC instance in your entry file.
// src/index.ts
import IOC from '@electron-tools/ioc';
import './serviceA.ts';
import './serviceB.ts';

const ioc = new IOC();
const serviceA = ioc.getService('serviceA');
const serviceB = ioc.getService('serviceB');
console.log(serviceA instanceof ServiceA); // true
console.log(serviceB instanceof ServiceB); // true
console.log(serviceA === serviceB.a); // true

Features

  1. Instance all service in one place.
    by default. service only be instanced when needed. in the case above. if you only call ioc.getService('serviceA'), serviceB will not be instance, cause serviceB is not dependencied by any service, but if you only call ioc.getService('serviceB'), serviceA will be instance, and inject into serviceB. this maybe not what you want. you can init all services in one place by call ioc.init().
const ioc = new IOC();
ioc.init(); // this statement will instance all services registered.
  1. Cycle reference. if there are some cycle reference between your services. such as serviceA dependencied by serviceB, serviceB also dependencied by serviceA, you can resolve this issue by get service later instead of constructor of service.
// src/serviceA.ts
import IOC, { service, inject, INSTANTIATION_SERVICE_ID } from '@electron-tools/ioc';

@service('serviceA') // register ServiceA with unique id 'serviceA' using service decorator exported by ioc.
class ServiceA {
  constructor(
    @inject(INSTANTIATION_SERVICE_ID) readonly ioc: IOC, // ioc itself is also a service can be injected.
  ) {}

  someMethod() {
    // dynamic get serviceB by ioc#getService API. then you can do anything what serviceB can do.
    const serviceB = this.ioc.getService('serviceB');
    serviceB.xxx;
  }
}