CLI Plugin

This project is a simple and easy to use command-line interface (CLI) for web applications.

Inspired by minimalistic user interfaces that are rich in functionality.
Designed for simplicity and built to empower.
Very light weight.

Features:

• configurable commands
• configurable colorschemes
• keeps history of used commands

Demo

Click here for a live demo.

Install

• Install 'cli-plugin' with bower

bower install cli-plugin

• Install 'cli-plugin' with npm

npm install cli-plugin

• Or include files directly in your html:

<link rel="stylesheet" type="text/css" href="dist/cli-plugin.min.css">
<script src="dist/cli-plugin.min.js"></script>

Setup

Initialize cliPlugin using a custom colorscheme/config file.

cliPlugin.init(config);

Config accepts following properties:

|Property | Usage | Default | Required | |:------------- |:-------------|:-----:|:-----:| | textColor | text color | #111111 | no | | cursorColor | cursor color | #111111 | no | | backgroundColor | background color | whitesmoke | no |

Feel free to use hex, rgb(a) or html5 color names :)

Register commands

Register your own commands:

cliPlugin.bind('list', function () {
  cliPlugin.print('<p>items on the shopping list:</p>');
  cliPlugin.print('<ul><li>milk</li><li>bacon</li><li>eggs</li></ul>');
});

Useful functions

Use cliPlugin.print(text) command to print text on the screen, accepts html.

Use cliPlugin.clear() command to clear the screen.

Example

See index.html for an example implementation.