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

matter-plugin-boilerplate

v0.1.2

Published

A plugin boilerplate for matter.js

Downloads

2

Readme

matter-plugin-boilerplate

A plugin boilerplate for matter.js

Build Status

This project helps you quickly start a production ready plugin. If you just want to build something quickly, check out the minimal plugin example first.

The wiki articles on Using plugins and Creating plugins contain information on the plugin format and provide some best practices. It can also be useful to study the implementation of existing plugins.

Features

  • a simple plugin example (matter-js)
  • build, develop and release scripts (npm run <x>)
  • a bundler and dev server (webpack)
  • an ES6 transpiler (babel)
  • a linter (eslint)
  • a test suite (mocha and chai)
  • a documentation generator (markdox)
  • a demo runner (matter-tools)
  • continuous integration (travis)

Usage

  1. Import or manually clone this repository
  2. Update package.json
  3. Run npm install && npm run build
  4. Implement your plugin code
  5. Create a examples
  6. Write tests
  7. Document the code
  8. Release your plugin (see commands)
  9. Enable Github Pages to serve the demo
  10. Setup Travis CI (optional)
  11. Update the readme

Notes

Running a build will automatically replace strings commented with PLUGIN_NAME, PLUGIN_VERSION and PLUGIN_REPO_URL with constants pulled directly from package.json. Leave these intact unless you wish to manually keep them up to date.

The included plugin is a very basic example that just sets the friction of all bodies to 0 after creation.

If you add more source files, you will need to update the lint, doc and version scripts in package.json.

Commands

All commands are implemented as npm scripts:

  • npm run build - builds the plugin
  • npm run dev - runs development server
  • npm run test - runs tests
  • npm run lint - runs linter
  • npm run doc - outputs docs to API.md
  • npm run release - lint, test, bump minor, build, doc, commit, tag, push, publish (any will stop all on failure)
  • npm run release-patch - same as above but patch bump