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

installable

v0.2.8

Published

A framework for installable plugin based applications

Downloads

37

Readme

Installable

Build status Installable provides a base for Javascript apps with a npm based plugin manager. It provides the conventions (and templates) for the apps and plugins and manages the installation process of the plugins via a HTTP API.

Installable enforces some conventions. It requires express for the back end and webpack for the front end. It uses gulp as a task runner and focuses on Single Page Apps.

Installation

npm install -g installable

Usage

$ installable -h

Usage: installable [options] [command]

  Commands:

    plugin <plugin-name> <application-name>
       Create new plugin

    app <application-name>
       Create new application


  Options:

    -h, --help      output usage information
    -V, --version   output the version number
    -s, --skip-npm  Skip npm check for name

Create a new Installable application

$ installable app <application-name>
// creates a skeleton for your app
$ cd <application-name>
$ npm install
$ npm install -g gulp
$ gulp // or gulp tdd

Create a plugin for an Installable application

$ installable plugin <plugin-name> <application-name>
// creates a skeleton for your plugin
$ cd <application-name>-plugin-<plugin-name>
$ npm install
$ npm install -g gulp
$ gulp // or gulp tdd

Plugins

Plugins are npm modules and can add functionality to both ends (front/back).

The API that the plugins interact with the front end application is left to the author to define.

In the backend the plugins can register scoped routes based on the plugin name and share properties of the express app.

Visit /installable path on your app to use the default plugin manager. This is just an example implementation.

Notes

  • This is still a work in progress (pre alpha) and currently lacks many must-have features for a complete plugin manager.
  • Use npm link for plugins that are not yet published on npm.
  • It can be used as a boiler template app generator for express, webpack, less, gulp, mocha, karma and istanbul. Just remove the installable dependency from the app template and start the express server yourself.
  • It has nothing to do with Installable Web Apps