Tinyterm NPM | npm.io

Tinyterm

The tiniest in-browser terminal you've ever seen. Check it out here.

Installation

tinyterm can be installed using npm, bower, or included from jsdelivr:

npm install tinyterm

bower install tinyterm

<link rel="stylesheet" href="//cdn.jsdelivr.net/tinyterm/latest/tinyterm.min.css">
<!-- ... -->
<script src="//cdn.jsdelivr.net/tinyterm/latest/mainfile"></script>

The library uses a universal module definition, so it should work with whatever system you're using.

Usage

Creating a TinyTerm

Initialize a TinyTerm with:

var term = new TinyTerm(container);

If a DOM element is passed in as container, the TinyTerm element is appended to it. Otherwise, TinyTerm appends to document.body.

Adding commands

Add commands with the register method:

term.register('echo', {
  // required
  fn: function (arg1, arg2, arg3, /* ... */) {
    print(Array.prototype.join.call(arguments, ' '));
  },
  // required
  desc: 'Write arguments to the standard output.',
  // optional, enables tab autocomplete
  arguments: ['foo', 'bar'],
  // optional alternate names for the command
  aliases: ['print', 'log']
});

The methods autocomplete, done, flash, help, print, process, realign, run, startLoading, and stopLoading are also exposed... you probably won't need to use them.

Contributing

Pull-requests to the /app directory are welcome. Please create an issue if you plan on adding features, as it might be better suited as a plugin.

Please squash changes down to a single commit before making a pull-request.

Building the library

If you don't have gulp, you'll have to install it:

npm install -g gulp

After running

npm install

in the main directory, running

gulp

will watch the /app directory and build any changes to /dist.

Style

Pull requests must adhere to the following code style guidelines, influenced heavily by idiomatic.js:

Put a space before the parens following if (), else if (), for (), while (), try (), and function () statements. Do not add padding spaces within these parens.
Put a space between closing braces ) and opening curly braces {.
Add padding spaces to curly braces that self-close on a single line: var littleObject = { name: 'tiny' };. Empty object literals do not require a space: {}.
Function definitions go at the top of their scope, followed immediately by vars.
If multiple lines are required for variable declarations, each new line should have its own var statement.
Indent using spaces.
Indentation width of 2.
No trailing whitespace.
Line-length limit of 80 characters.
If statements have to be broken across lines, end lines with an operator:

// example
var reallyLongVariableName = [1, 2, 3];
reallyLongVariableName = reallyLongVariableName.length > 4 ?
  reallyLongVariableName.slice(-4) :
  reallyLongVariableName;