A simple base class for js modules.

bower install simple-module


Simple Module

Latest Version Build Status Coveralls David David Gitter

SimpleModule is a simple base class providing some necessary features to make its subclasses extendable.



SimpleModule delegate events mothods to jQuery object:

let module = new SimpleModule();

// bind namespace event
module.on('customEvent.test', function(data) {
// equivalent to
$(module).on('customEvent.test', function(data) {

// trigger a namespace event
module.trigger('customEvent.test', 'test');
// equivalent to
$(module).trigger('customEvent.test', 'test');


Add class properties and methods to SimpleModule:

var testMixins = {
  classProperty: true,
  classMethod: function() {}


Add instance properties and methods to SimpleModule:

var testMixins = {
  instanceProperty: true,
  instanceMethod: function() {}



Register a plugin on SimpleModule:

class TestPlugin extends SimpleModule {
  constructor(module) {
    this.module = module;
    this.test = true;

SimpleModule.plugin('testPlugin', TestPlugin);

Then pass the plugin name to options while creating instance:

let module = new SimpleModule({
  plugins: ['testPlugin']
console.log(module.plugins.testPlugin.test); // true


Install via npm:

npm install --save simple-module

Install via bower:

bower install --save simple-module


If you have issues about this module, please consider discussing it on Gitter channel first.

If you confirm the issue is indeed a bug, please browse the issues page for existing issues describing the same problem before creating new issue.

When you create new issue, please describe it with detailed information, for example, demo code, error stacks, screenshots etc. Issues without enough debug information will probably be closed.


Clone repository from github:

git clone

Install npm dependencies:

npm install

Run default gulp task to build project, which will compile source files, run test and watch file changes for you:


Now, you are ready to go.


If you want to publish new version to npm and bower, please make sure all tests have passed before you publish new version, and you need do these preparations:

  • Add new release information in The format of markdown contents will matter, because build scripts will get version and release content from this file by regular expression. You can follow the format of the older release information.

  • Put your personal API tokens in /.token.json, which is required by the build scripts to request Github API for creating new release:

  "github": "[your github personal access token]"

Now you can run gulp publish task, which will do these work for you:

  • Get version number from and bump it into package.json and bower.json.
  • Get release information from and request Github API to create new release.

If everything goes fine, you can see your release at At the End you can publish new version to npm with the command:

npm publish

Please be careful with the last step, because you cannot delete or republish a version on npm.