Skip to content

Developing plugins

Chris Jones edited this page May 9, 2014 · 38 revisions

Overview

The Adapt output framework has been designed to use a modular system of plugins. These plugins perform various functions and allow you to pick and choose what components, extensions, themes and menus are used in your course.

The Adapt ecosystem of plugins is growing and allows developers to produce their own custom interactions and make them available to others. The plugin system is built on top of Bower and uses standard Bower packages alongside Git to create a searchable, shareable and distributed dependency model. Each plugin must define itself as an AMD module.

Configuration

The Adapt output framework is pre-configured to search for plugins in our own registry, http://adapt-bower-repository.herokuapp.com.

Creating a new plugin

Plugin naming policy

In order to publish a plugin it is required that a plugin name must:-

  1. Be Unique, plugin names are available on a first come, first serve basis.
  2. Start with adapt-
  3. Not start with adapt-contrib-, this is reserved for plugins that have been acknowledged by the Adapt Community as "offically" supported. To achieve contrib status a plugin must conform to the projects standard for code convention and test coverage.
Implementing a plugin

The plugins javascript file must define itself as an AMD module (this is the file specified by the main property in your package).

define(["coreViews/componentView", "coreJS/adapt"], function(ComponentView, Adapt) {

    var MyPlugin = {
       // implement your component
    };        
    return MyPlugin;
   
});

If your plugin has a user interface then you can include LESS stylesheets (.less) and Handlebars templates (.hbs). These files will be compiled and included in the course output.

Defining a package

All plugins are Bower packages; to create your plugin you will need to define your package and then register it with our plugin registry. If you need to install Bower first, you can do so with the following command:

npm install -g bower

You must create a bower.json in your plugin's root, and specify all of its dependencies. This is similar to Node's package.json, or Ruby's Gemfile, and is useful for locking down a project's dependencies.

You can interactively create a bower.json with the following command:

bower init

The bower.json defines several options:

  • name [string, required]: The name of your package.
  • version: A semantic version number (see semver).
  • main [string, required]: The main javascript AMD module for your package.
  • repository [string]: The git repository where the package is available.
  • keywords [array]: An array containing one of the following values, adapt-component, adapt-extension, adapt-menu or adapt-theme
  • ignore [array]: An array of paths not needed in production that you want Bower to ignore when installing your package.
  • dependencies [hash]: Packages your package depends upon in production.
  • devDependencies [hash]: Development dependencies.
  • private [boolean]: Set to true if you want to keep the package private and do not want to register the package in future.
{
  "name": "adapt-hello-world",
  "version": "0.0.4",
  "repository": "git://github.com/cajones/adapt-hello-world.git",
  "homepage": "https://github.com/cajones/adapt-hello-world",
  "authors": [
    "Chris Jones <[email protected]>"
  ],
  "description": "a really simple adapt plugin",
  "main": "/js/helloWorld.js",
  "keywords": [
    "adapt-component"
  ],
  "license": "GPLv3"
}
Registering a plugin

To register a new package:

  • There must be a valid manifest bower.json in the current working directory.
  • Your plugin version should use server Git tags.
  • Your package must be available at a Git endpoint (e.g. git://GitHub.com/....git)
  • There must be a valid .bowerrc file in the current git repository - this can be taken from the adapt_framework repository.

Example:

{
    "registry"  : "http://adapt-bower-repository.herokuapp.com/"
}

Once you are ready to publish, run the adapt command line interface and provide the required information.

$ adapt register

Your plugin will be published into the registry, you can confirm this by doing adapt search <plugin-name>.

Plugin versions

It is possible to maintain multiple version of your plugin, this give you the freedom to change you plugin at any time but still allow existing users migrate to newer versions at their leisure. We strongly recommend that you follow Semantic version numbers for your releases.

To create a new version of a registered plugin, simple tag your git repository with the version number.

To install a specific version of a plugin using the Adapt Command Line Interface run the install command followed by the name of the plugin, # symbol and then the version number.

adapt install hello-world#0.0.2

Would for example, install the adapt-hello-world plugin version 0.0.2.

Next -

Clone this wiki locally