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

saft

v1.0.3

Published

[Saft](https://github.com/surikaterna/saft) is a lightweight Dependency Injection (DI) Framework for TypeScript & JavaScript. It is based on ES2015/ES2017 features such as decorators.

Downloads

10,268

Readme

Saft

Saft is a lightweight Dependency Injection (DI) Framework for TypeScript & JavaScript. It is based on ES2015/ES2017 features such as decorators.

Purpose

Allow dynamic extensions to application both in server (node) code as well as client (browserify, webpack) code.

Installation

npm install --save saft

Usage Example

Create module classes that provides values to an Injectors DI context. Then access the bound values from the injector.

// DbModule.ts
import { DB } from './DB';

export class DbModule {
  @Promises('db')
  getDb() {
    return new DB();
  }
}

// UserModule.ts
import { DB } from '../db/DB';
import { User } from './User';

export interface GetUserById {
  (user: User): Promise<User>;
}

export class UserModule {
  @Provides('getUserById')
  @Inject('db')
  createGetUserById(db: DB) {
    return (id: string) => db.findById(id);
  }
}

// injector.ts
import { Injector } from 'saft';
import { DbModule } from './user/DbModule';
import { UserModule } from './user/UserModule';

class InjectorSingleton {
  static instance?: Injector;
  static isResolved = false;

  static getInjector(): Injector {
    if (InjectorSingleton.instance) {
      return InjectorSingleton.instance;
    }

    const injector = new Injector(
      new DbModule(),
      new UserModule()
    );

    InjectorSingleton.instance = injector;
    return injector;
  }
}

export default InjectorSingleton.getInjector();

// bootstrap.ts
function bootstrap() {
  /**
   * Run any services
   * Bound values will be accessible through the injector singleton
   *
   * const getUserById = injector.get<GetUserById>('getUserById');
   * const user = await getUserById('123');
   */
}

export default bootstrap;

// index.ts
import bootstrap from './bootstrap';
import injector from './modules/injector';

// Run application when all modules are ready to be consumed
injector.once('ready', bootstrap);

Decorators

@Provides

Used with Module classes to create a binding for a function that returns a value

class DbModule {
  @Provides('db')
  getDb() {
    return new DB();
  }
}

// Injector know how to create instances of DB with the key 'db'
const injector = new Injector(new MyModule());

@Promises

Used with Module classes to create a binding for a function that instead of the value returns a promise of the value. This is used when the value should be injected instead of the promise to the "consuming" function.

class DbModule {
  @Promises('db')
  getDb() {
    return Promise.resolve(new DB());
  }
}

// Injector will cache the resolved value and return the DB instance when 'db' is injected
const injector = new Injector(new DbModule());

@ProvidesToList

TODO: Write description

@ProvidesToMap

TODO: Write description

@Singleton

Used to ensure single instance of the provided value.

class DbModule {
  @Provides('db')
  @Singleton()
  getDb() {
    return new DB();
  }
}

/**
 * Injector will only initialize DB once
 * The same instance will be provided every time 'db' is injected
 */
const injector = new Injector(new DbModule());

@EagerSingleton

TODO: Write description

@Inject

Decorate a function to make the injected values into arguments.

class DbModule {
  @Promises('db')
  @Singleton
  getDb() {
    return Promise.resolve(new DB());
  }

  @Provides('validate')
  getValidator() {
    return (entity: Entity) => {
      if (!entity.id) {
        throw new Error('Data is invalid');
      }
    };
  }
}

class UserModule {
  @Provides('addUser')
  // Inject multiple values
  @Inject('db', 'validate')
  getAddUser(db: DB, validate: Validate) {
    return (user: User) => {
      try {
        this.validate(user);
        this.db.insert(user);
      } catch (error) {
        // Handle validation error
      }
    }
  }
}

type AddUserFunc = ReturnType<UserModule['getAddUser']>;

// Use injector.get to access bound values
injector.get<AddUserFunc>('addUser').then((addUser) => {
  // Will validate data and inserting into the database if valid
  addUser(userData);
});