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

stativus

v1.0.2

Published

Statecharts for the Rest of Us!

Downloads

1

Readme

Stativus: Statecharts for the Rest of Us!

Stativus is a micro-framework that has full functionality of Statecharts for your application. It can work in any library such as:

Statecharts are a great way to organize your web application and make it more robust and increase code reuse.

Versions

Stativus comes in three versions:

  • Debug Mode: This is the file named stativus.debug.js and it is more readable and you get the following
    • All enterState are documented with 'ENTER: state_name'
    • All exitState are documented with 'EXIT: state_name
    • All events are documented with 'EVENT: state_name fired [event_name] with n argument(s)'
    • Any time your application is configured in such a way that it will break, you will get a console or exception
    • All Async starts and stops will be outputted to the console.
    • Will warn you if you forgot to return true when using willEnterState()
  • Full: this is the file named stativus.js and is a normal version for production use
  • Minified: this is the file named stativus.min.js and is a minified version for production use (gzipped: ~3.9k)

Demo

A list of all demos can be found at Stativus Demos

You can see a working version using only HTML5 Canvas / JQuery / Stativus called RedFlix You can see the code at stativus-demo

Readings and Tutorials on Statecharts

Here are a list of resources for learning about state charts (Thanks: Johnny Luu):

  • (http://www3.informatik.uni-erlangen.de/Lectures/UMLEmbSys/WS2001/slides/Statecharts.pdf)
  • (http://www.agilemodeling.com/artifacts/stateMachineDiagram.htm)
  • (http://santos.cis.ksu.edu/771-Distribution/Reading/uml-section3.73-94.pdf)
  • (http://www.tutorialspoint.com/uml/uml_statechart_diagram.htm)
  • (http://www.developer.com/design/article.php/2238131/State-Diagram-in-UML.htm)
  • (http://www.slideshare.net/erant/uml-statechart-diagrams)
  • (http://www.uml.org.cn/UMLApplication/pdf/bestbook.pdf)
  • (http://www.boost.org/doc/libs/1_41_0/libs/statechart/doc/tutorial.html)

Usage

Please read the complete API documentation at Stativ.us

Development

  1. Make sure that you have GruntJS installed
  2. Make sure that you have UglifyJS installed
  3. Make sure that you have Metascript installed
  4. Clone the repository: git clone git://github.com/etgryphon/stativus.git
  5. npm install
  6. grunt -v

Contributors

  • Architect: Evin Grano
  • Contributors:
    • Seth Carney :: twitter: @SethCarney :: github: @scarney81
    • Mike Atkins :: github: @apechimp
  • Beta Tester: Johnny Luu

License

Stativus is under the MIT license that can be read in license.js Just remember who brought this to you.

TypeScript declaration file

There is a TypeScript declartion file (stativus.d.ts) available for TypeScript users.