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

event-api

v2.0.5

Published

Provides a declarative API for wiring up evented components.

Downloads

12

Readme

event-api

Provides a declarative API for wiring up evented components.

File size: 2,474 bytes. Supported platforms: server and browser. Supported language versions: ES5 and above.

Supports dynamic component loading.

If you use this library in your software please tweet me @benastontweet.

Installation

npm install event-api

Example

Say you have two APIs acting as interfaces for two software components. api1 needs to be notified about error events raised by api2.

EventApi enables api1 to respond to events raised by api2 via a mediating object. Neither API need know about each other.

Like so:

var eventApi = require('event-api');

// First, create two APIs with an EventApi on their prototype...
function Api1() {}
Api1.prototype = Object.create(eventApi.api);
Api1.prototype.name = 'Api1'; // Used by event-api.
Api1.prototype.onErrorFromApi2 = function () {
    console.log('Api1::onErrorFromApi2 invoked!');
};

function Api2() {}
Api2.prototype = Object.create(eventApi.api);
Api2.prototype.name = 'Api2'; // Used by event-api.
Api2.prototype.events = { error: 1 };

// Now create a connect-command to encapsulate the wire-up between the two APIs...
function Api1ConnectCommand() {
    this.subjectApiName = 'Api1'; // The API this connect command is for.
    this.objectApiNames = [ 'Api2' ]; // The API(s) this connect command links the subject API together with.

    this.run = function (registry) {
      var api1 = registry[this.subjectApiName];
      var api2 = registry[this.objectApiNames[0]];
      
      if(api2) {
        api2.on(api2.events.error)
            .notify(api1)
            .byCalling('onErrorFromApi2'); // When api2 raises an error then api1.onError is called.
      }
    };
}

// Let's new everything up...
var registry = {},
    api1 = new Api1(), 
    api2 = new Api2(),
    api1ConnectCmd = new Api1ConnectCommand(api1, api2);

// ...and finally, create a connector object to help us wire-up the loaded APIs 
var connector = new eventApi.Connector([ api1ConnectCmd ], { initialApisToLoad: [ api1, api2 ] });

// Api2 now has a single subscriber to its error event...
console.log(connector.registry['Api2'].subscribers[api2.events.error].length); // Logs 1

// You can now emit an event on Api2, and Api1 will be notified
api2.emit(api2.events.error); // Logs 'Api1::onErrorFromApi2 invoked!'

// You can also unload an API at runtime...
connector.unloadApi('Api1');

// Now when you raise an event from Api2, nothing is logged...
api2.emit(api2.events.error); // Nothing is written to the console

// ..and the subscriptions for the unloaded API have been deleted...
console.log(connector.registry['Api2'].subscribers[api2.events.error].length) // Logs 0

// You can re-load Api1 at runtime to return to how you were before it was unloaded...
connector.loadApi(api1);
api2.emit(api2.events.error);  // Logs 'Api1::onErrorFromApi2 invoked!'

Main Concepts

  • api - an object to be used as the prototype for APIs that support emit/subscribe semantics.
  • registry - an object used as a store for references to the apis loaded at any given moment.
  • Connector - a constructor function containing functionality for loading and unloading apis.
  • ConnectCommands - constructor functions you write following the command pattern to encapsulate the relationship between apis.

First, for each software component in your application that you want to communicate via EventApi, create an API object with api on its prototype. These APIs act as the entry and exit points for events into and out of your software components.

Then, for each of those apis, create a single ConnectCommand to encapsulate the knowledge of who that API should listen to and how it should respond. Note: no business-logic is present in the connect commands; just pointers to functions.

Now with your apis and ConnectCommands in place, instantiate a single Connector for your application. This will enable graceful runtime loading and unloading of components.

And... you're done.

Your software components will now all be talking to one another without really knowing who they're talking to (and hence keeping coupling to a minimum), BUT the behavior will be easier to reason about and maintain because the knowledge about how everything is connected resides inside a well-defined location - the connect commands - which follow a readable configuration pattern like so:

myApi.on(myApi.events.error)
     .notify(myOtherApi)
     .byCalling('onEventFromMyApi');

Example 2

What happens when another API, Api3, is subscribed to Api4 via its connect command, but Api4 is not loaded when Api3 is loaded?

var eventApi = require('event-api');

// First, create the API constructor functions...
function Api3() {}
Api3.prototype = Object.create(eventApi.api);
Api3.prototype.name = 'Api3';
Api3.prototype.onEventFromApi4 = function () {
    console.log('Api3::onEventFromApi4 invoked!');
};
Api3.prototype.onEventFromApi5 = function () {
    console.log('Api3::onEventFromApi5 invoked!');
};

function Api4() {}
Api4.prototype = Object.create(eventApi.api);
Api4.prototype.name = 'Api4';
Api4.prototype.events = { api4Event: 1 };

function Api5() {}
Api5.prototype = Object.create(eventApi.api);
Api5.prototype.name = 'Api5';
Api5.prototype.events = { api5Event: 1 };

// Now create a connect-command to encapsulate the wire-up between the three APIs.
// Note that Api3 will be listening to events from both Api4 and Api5...
function Api3ConnectCommand() {
    this.subjectApiName = 'Api3'; 
    this.objectApiNames = [ 'Api4', 'Api5' ]; 

    this.run = function (registry) {
        var api3 = registry[this.subjectApiName];
        var api4 = registry[this.objectApiNames[0]];
        var api5 = registry[this.objectApiNames[1]];
        
        if(api4) {
            api4.on(api4.events.api4Event)
              .notify(api3)
              .byCalling('onEventFromApi4');
        }

        if(api5) {
            api5.on(api5.events.api5Event)
              .notify(api3)
              .byCalling('onEventFromApi5');
        }
    };
}

// Let's new everything up (excluding Api4)...
var api3 = new Api3(),  
    api5 = new Api5(),  
    api3ConnectCmd = new Api3ConnectCommand();

// ...and create the connector. 
// Note that Api4 is still nowhere to be seen...
var connector = new eventApi.Connector([ api3ConnectCmd ], { initialApisToLoad: [ api3, api5 ] });

// Api3 and Api5 are now wired up...
api5.emit(api5.events.api5Event);  // Logs 'Api3::onEventFromApi5 invoked!'

// Now let's load Api4 dynamically...
var api4 = new Api4();

// Simply instantiating Api4 does not wire it up...
api4.emit(api4.events.api4Event);  // Nothing is logged to the console.

connector.loadApi(api4);

// Loading Api4 causes Api3 to complete its subscriptions, and register to be notified of events from the newly loaded Api4.
api4.emit(api4.events.api4Event);  // Logs 'Api3::onEventFromApi4 invoked!'

License & Copyright

This software is released under the MIT License. It is copyright 2015, Ben Aston. I may be contacted at [email protected].

How to Contribute

Pull requests including bug fixes, new features and improved test coverage are welcomed. Please do your best, where possible, to follow the style of code found in the existing codebase.