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

statefulobject

v0.0.4

Published

A simple object that has states and can switch between them (fully async)

Downloads

2

Readme

statefulObject

Build Status Test Coverage Maintainability

A simple object that has states and can switch between them (fully async)

Usage

Poke at online demo here

const StatefulObject = require('statefulobject');
const cat = new StatefulObject(['bored', 'eating', 'sleeping', 'playing']);

Constructor supports up to 3 params: list of states, initial state (states[0] by default) and options argument.

Getting and setting state:

cat.state(); // 'bored';
cat.state('playing').then(() => {
  console.log('The cat is playing indeed');
});

Handlers can be attached to both leaving the state and entering the new one. Former are getting called ahead of the latter.

cat.onEnter('bored', () => console.log(`I'm bored. What should I do now?`)); // (A)
cat.onLeave('playing', () => console.log('that was fun')); // (B)
cat.state(); // 'playing'
cat.state('bored'); // (B) gets called before (A)

Note that when you set a new state, a promise is returned. That promise resolves once all handlers are done with their business. So, if the state switch isn't going to be complete without some async operation, one should just return a promise that resolves when the operation ends.

Arbitrary number of arguments can be supplied to handlers. Both onEnter and onLeave handlers recieve these.

cat.onEnter('sleeping', (location) => console.log(`The cat is sleeping on the ${location}`));
cat.state('sleeping', 'sofa'); // The cat is sleeping on the sofa

Switching the state in the handler

cat.onEnter('eating', () => delay().then(() => {
  cat.state('bored');
}));

You can change the state from handlers. However, ambiguous state changes result in an error so don't do this:

cat.onEnter('sleeping', () => delay().then(() => {
  cat.state('bored');
}));
cat.onEnter('sleeping', () => delay().then(() => {
  cat.state('playing');
}));
cat.state('sleeping'); // This will cause an arror

You can remove this problem altogether, by setting passiveMode = true in the options argument. This forbids setting state during a state switch.

const stuffedCat = new StatefulObject(['on the shelf', 'on the windowsill', undefined, {passiveMode:true});

stuffedCat.onEnter('on the windowsill', () => stuffedCat.state('on the shelf')); // Causes an error
stuffedCat.state('on the windowsill');

stuffedCat.state('on the windowsill').then(() => stuffedCat.state('on the shelf')); // Works