Mirrors/cloudcmd
1
0
Fork 0
mirror of https://github.com/coderaiser/cloudcmd.git synced 2026-01-23 10:45:47 +00:00
Code Issues Projects Releases Wiki Activity

chore(console) add jqconsole files

Browse source
This commit is contained in:
coderaiser 2013-07-10 07:43:43 +00:00
parent 08a34b846a
commit 8aa477706e
5 changed files with 2139 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
lib/client/console/Cakefile Normal file
View file

@ -0,0 +1,16 @@
{spawn, exec} = require 'child_process'
task 'watch', 'Build and watch the CoffeeScript source files', ->
coffee = spawn 'coffee', ['-cw', '-o', 'lib', 'src']
test = spawn 'coffee', ['-cw', 'test']
log = (d)-> console.log d.toString()
coffee.stdout.on 'data', log
test.stdout.on 'data', log
task 'build', 'Build minified file with uglify', ->
console.log 'building...'
exec 'uglifyjs -o jqconsole.min.js lib/jqconsole.js', (err, res)->
if err
console.error 'failed with', err
else
console.log 'build complete'

68
lib/client/console/ChangeLog Normal file
View file

@ -0,0 +1,68 @@
2011.08.28, Version 2.4.2
* Fix for issue #13 .
* Add optional parameter "escape" to the Write method, see README for more
info.
20011.10.9, Version 2.5
* Added mobile support.
* Follow the cursor's position when the window is scrolled away.
* Add async_multiline option in prompt, see README for more info.
* Add Dump method that would dump the console's text content.
* Add GetState method that gets the current state of the console.
* Publicize MoveToStart and MoveToEnd methods.
2011.11.1, Version 2.5.1
* Added Disable/Enable functionality and methods.
* Added IsDisabled method.
2011.11.3, Version 2.5.2
* Added multibyte character input support, issue #19.
2011.11.4, Version 2.6
* Fix safari paste. Issue #15.
* Created constants and minifier friendliness. Issue #14.
2011.11.19, Version 2.6.1
* Fix issues #20, #21
* Implement feature #22
* Add built-in css for ease of use.
2011.12.6, Version 2.6.2
* Fix issue #23.
2011.12.16 Version 2.6.3
* Fix issue #24.
2011.12.28 Version 2.7
* Implement ANSI graphics, Issue #12
* Fix issue #25
2012.3.7 Version 2.7.1
* Fix issue #26
* Complete issue #12 by adding stacking graphics support.
2012.10.28 Version 2.7.2
* Add set / get History methods.
* Add Append method.
2012.11.10 Version 2.7.3
* Allow empty string in prompt.
2012.12.13 Version 2.7.4
* Fix issue #36
* Fix issue #35
2013.1.21 Version 2.7.5
* Add SetPromptLabel method.
2013.1.22 Version 2.7.6
* Continue label argument in SetPromptLabel method.
2013.1.26 Version 2.7.7
* Support for middle click paste on linux. #47.

723
lib/client/console/README.md Normal file
View file

@ -0,0 +1,723 @@
#jq-console
A jQuery terminal plugin written in CoffeeScript.
This project was spawned because of our need for a simple web terminal plugin
for the <a href="http://repl.it">repl.it</a> project. It tries to simulate a low level terminal by providing (almost)
raw input/output streams as well as input and output states.
Version 2.0 adds baked-in support for rich multi-line prompting and operation
queueing.
##Tested Browsers
The plugin has been tested on the following browsers:
* IE 9+
* Chrome 10+
* Firefox 4+
* Opera 11+
* iOS 4+
##Getting Started
###Echo example
```css
/* The console container element */
#console {
position: absolute;
width: 400px;
height: 500px;
background-color:black;
}
/* The inner console element. */
.jqconsole {
padding: 10px;
}
/* The cursor. */
.jqconsole-cursor {
background-color: gray;
}
/* The cursor color when the console looses focus. */
.jqconsole-blurred .jqconsole-cursor {
background-color: #666;
}
/* The current prompt text color */
.jqconsole-prompt {
color: #0d0;
}
/* The command history */
.jqconsole-old-prompt {
color: #0b0;
font-weight: normal;
}
/* The text color when in input mode. */
.jqconsole-input {
color: #dd0;
}
/* Previously entered input. */
.jqconsole-old-input {
color: #bb0;
font-weight: normal;
}
/* The text color of the output. */
.jqconsole-output {
color: white;
}
```
```html
<div id="console"></div>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="jqconsole.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function () {
var jqconsole = $('#console').jqconsole('Hi\n', '>>>');
var startPrompt = function () {
// Start the prompt with history enabled.
jqconsole.Prompt(true, function (input) {
// Output input with the class jqconsole-output.
jqconsole.Write(input + '\n', 'jqconsole-output');
// Restart the prompt.
startPrompt();
});
};
startPrompt();
});
</script>
```
<iframe src="demo/echo.html" style="width:400px;height:500px">
</iframe>
###Instantiating
```javascript
$(div).jqconsole(welcomeString, promptLabel, continueLabel);
```
* `div` is the div element or selector. Note that this element must be
explicity sized and positioned `absolute` or `relative`.
* `welcomeString` is the string to be shown when the terminal is first rendered.
* `promptLabel` is the label to be shown before the input when using Prompt().
* `continueLabel` is the label to be shown before the continued lines of the
input when using Prompt().
##Configuration
There isn't much initial configuration needed, because the user must supply
options and callbacks with each state change. There are a few config methods
provided to create custom shortcuts and change indentation width:
###jqconsole.RegisterShortcut
Registers a callback for a keyboard shortcut.
Takes two arguments:
* __(int|string)__ *keyCode*: The code of the key pressing which (when Ctrl is
held) will trigger this shortcut. If a string is provided, the ASCII code
of the first character is taken.
* __function__ *callback*: A function called when the shortcut is pressed;
"this" will point to the JQConsole object.
Example:
// Ctrl+R: resets the console.
jqconsole.RegisterShortcut('R', function() {
this.Reset();
});
###jqconsole.SetIndentWidth
Sets the number of spaces inserted when indenting and removed when unindenting.
Takes one argument:
* __int__ *width*: The code of the key pressing which (when Ctrl is held) will
trigger this shortcut.
Example:
// Sets the indent width to 4 spaces.
jqconsole.SetIndentWidth(4);
###jqconsole.RegisterMatching
Registers an opening and closing characters to match and wraps each of the
opening and closing characters with a span with the specified class.
Takes one parameters:
* __char__ *open*: The opening character of a "block".
* __char__ *close*: The closing character of a "block".
* __string__ *class*: The css class that is applied to the matched characters.
Example:
jqconsole.RegisterMatching('{', '}', 'brackets');
##Usage
Unlike most terminal plugins, jq-console gives you complete low-level control
over the execution; you have to call the appropriate methods to start input
or output:
###jqconsole.Input:
Asks user for input. If another input or prompt operation is currently underway,
the new input operation is enqueued and will be called when the current
operation and all previously enqueued operations finish. Takes one argument:
* __function__ *input_callback*: A function called with the user's input when
the user presses Enter and the input operation is complete.
Example:
// Echo the input.
jqconsole.Input(function(input) {
jqconsole.Write(input);
});
###jqconsole.Prompt
Asks user for input. If another input or prompt operation is currently underway
the new prompt operation is enqueued and will be called when the current
peration and all previously enqueued operations finish. Takes three arguments:
* __bool__ *history_enabled*: Whether this input should use history. If true,
the user can select the input from history, and their input will also be
added as a new history item.
* __function__ *result_callback*: A function called with the user's input when
the user presses Enter and the prompt operation is complete.
* __function__ *multiline_callback*: If specified, this function is called when
the user presses Enter to check whether the input should continue to the
next line. The function must return one of the following values:
* `false`: the input operation is completed.
* `0`: the input continues to the next line with the current indent.
* `N` (int): the input continues to the next line, and the current
indent is adjusted by `N`, e.g. `-2` to unindent two levels.
* __bool__ *async_multiline*: Whether the multiline callback function should
be treated as an asynchronous operation and be passed a continuation
function that should be called with one of the return values mentioned
above: `false`/`0`/`N`.
Example:
jqconsole.Prompt(true, function(input) {
// Alert the user with the command.
alert(input);
}, function (input) {
// Continue if the last character is a backslash.
return /\\$/.test(input);
});
###jqconsole.AbortPrompt
Aborts the current prompt operation and returns to output mode or the next
queued input/prompt operation. Takes no arguments.
Example:
jqconsole.Prompt(true, function(input) {
alert(input);
});
// Give the user 2 seconds to enter the command.
setTimeout(function() {
jqconsole.AbortPrompt();
}, 2000);
###jqconsole.Write
Writes the given text to the console in a `<span>`, with an
optional class. If a prompt is currently being shown, the text is inserted
before it. Takes two arguments:
* __string__ *text*: The text to write.
* __string__ *cls*: The class to give the span containing the text. Optional.
* __bool__ *escape*: Whether the text to write should be html escaped.
Optional, defaults to true.
Examples:
jqconsole.Write(output, 'my-output-class')
jqconsole.Write(err.message, 'my-error-class')
###jqconsole.Append
Append the given node to the DOM. If a prompt is currently being shown, the
text is inserted before it. Takes a single argument:
* __(string|Element)__ *node*: The DOM Element or html string to append to
the console just before the prompt.
Example:
// Add a div with the text 'hello' on a red background using jquery
jqconsole.Append($('<div>hello</div>').css('background-color', 'red'));
// We can also use document.createElement
node = document.createElement("div");
content = document.createTextNode("hello");
node.appendChild(content);
jqconsole.Append(node);
###jqconsole.SetPromptText
Sets the text currently in the input prompt. Takes one parameter:
* __string__ *text*: The text to put in the prompt.
Examples:
jqconsole.SetPromptText('ls')
jqconsole.SetPromptText('print [i ** 2 for i in range(10)]')
###jqconsole.SetPromptLabel
Replaces the main prompt label. Takes two parameters:
* __string__ *main_label*: String to replace the main prompt label.
* __string__ *continuation_label*: String to replace the continuation prompt label. Optional.
Examples:
jqconsole.SetPromptLabel('$')
jqconsole.SetPromptLabel(' $','..')
###jqconsole.ClearPromptText
Clears all the text currently in the input prompt. Takes one parameter:
* __bool__ *clear_label*: If specified and true, also clears the main prompt
label (e.g. ">>>").
Example:
jqconsole.ClearPromptText()
###jqconsole.GetPromptText
Returns the contents of the prompt. Takes one parameter:
* __bool__ *full*: If specified and true, also includes the prompt labels
(e.g. ">>>").
Examples:
var currentCommand = jqconsole.GetPromptText()
var logEntry = jqconsole.GetPromptText(true)
###jqconsole.Reset
Resets the console to its initial state, cancelling all current and pending
operations. Takes no parameters.
Example:
jqconsole.Reset()
###jqconsole.GetColumn
Returns the 0-based number of the column on which the cursor currently is.
Takes no parameters.
Example:
// Show the current line and column in a status area.
$('#status').text(jqconsole.GetLine() + ', ' + jqconsole.GetColumn())
###jqconsole.GetLine
Returns the 0-based number of the line on which the cursor currently is.
Takes no parameters.
Example:
// Show the current line and column in a status area.
$('#status').text(jqconsole.GetLine() + ', ' + jqconsole.GetColumn())
###jqconsole.Focus
Forces the focus onto the console so events can be captured.
Takes no parameters.
Example:
// Redirect focus to the console whenever the user clicks anywhere.
$(window).click(function() {
jqconsole.Focus();
})
###jqconsole.GetIndentWidth
Returns the number of spaces inserted when indenting. Takes no parameters.
Example:
jqconsole.SetIndentWidth(4);
console.assert(jqconsole.GetIndentWidth() == 4);
###jqconsole.UnRegisterMatching
Deletes a certain matching settings set by `jqconsole.RegisterMatching`.
Takes two paramaters:
* __char__ *open*: The opening character of a "block".
* __char__ *close*: The closing character of a "block".
Example:
jqconsole.UnRegisterMatching('{', '}');
###jqconsole.Dump
Returns the text content of the console.
###jqconsole.GetState
Returns the current state of the console. Could be one of the following:
* Input: `"input"`
* Output: `"output"`
* Prompt: `"prompt"`
Example:
jqconsole.GetState(); //output
###jqconsole.MoveToStart
Moves the cursor to the start of the current line.
Takes one parameter:
* __bool__ *all_lines*: If true moves the cursor to the beginning of the first
line in the current prompt. Defaults to false.
Example:
// Move to line start Ctrl+A.
jqconsole.RegisterShortcut('A', function() {
jqconsole.MoveToStart();
handler();
});
###jqconsole.MoveToEnd
Moves the cursor to the end of the current line.
Takes one parameter:
* __bool__ *all_lines*: If true moves the cursor to the end of the first
line in the current prompt. Defaults to false.
Example:
// Move to line end Ctrl+E.
jqconsole.RegisterShortcut('E', function() {
jqconsole.MoveToEnd();
handler();
});
###jqconsole.Disable
Disables input and focus on the console.
###jqconsole.Enable
Enables input and focus on the console.
###jqconsole.IsDisabled
Returns true if the console is disabled.
###jqconsole.GetHistory
Returns the contents of the history buffer.
###jqconsole.SetHistory
Set the history buffer to the given array.
Takes one parameter:
* __array__ *history*: The history buffer to use.
Example:
jqconsole.SetHistory(['a = 3', 'a + 3']);
###jqconsole.ResetHistory
Resets the console history.
###jqconsole.ResetMatchings
Resets the character matching configuration.
###jqconsole.ResetShortcuts
Resets the shortcut configuration.
##Default Key Config
The console responds to the followind keys and key combinations by default:
* `Delete`: Delete the following character.
* `Ctrl+Delete`: Delete the following word.
* `Backspace`: Delete the preceding character.
* `Ctrl+Backspace`: Delete the preceding word.
* `Ctrl+Left`: Move one word to the left.
* `Ctrl+Right`: Move one word to the right.
* `Home`: Move to the beginning of the current line.
* `Ctrl+Home`: Move to the beginnig of the first line.
* `End`: Move to the end of the current line.
* `Ctrl+End`: Move to the end of the last line.
* `Shift+Up`, `Ctrl+Up`: Move cursor to the line above the current one.
* `Shift+Down`, `Ctrl+Down`: Move cursor to the line below the current one.
* `Tab`: Indent.
* `Shift+Tab`: Unindent.
* `Up`: Previous history item.
* `Down`: Next history item.
* `Enter`: Finish input/prompt operation. See Input() and Prompt() for details.
* `Shift+Enter`: New line.
* `Page Up`: Scroll console one page up.
* `Page Down`: Scroll console one page down.
##ANSI escape code SGR support
jq-console implements a large subset of the ANSI escape code graphics.
Using the `.Write` method you could add style to the console using
the following syntax:
`ASCII 27 (decimal) or 0x1b (hex)` `[` `SGR code` `m`
Example:
jqconsole.Write('\033[31mRed Text');
Note that the third parameter `escape` must be true which defaults to it.
You'll need to include the `ansi.css` file for default effects or create your
own using the css classes from the table below.
###SGR
[Reference](http://en.wikipedia.org/wiki/ANSI_escape_code#graphics).
<table>
<tr>
<th>Code</th>
<th>Effect</th>
<th>Class</th>
</tr>
<tr>
<td>0</td>
<td>Reset / Normal</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>Bold</td>
<td>`jqconsole-ansi-bold`</td>
</tr>
<tr>
<td>2</td>
<td>Faint</td>
<td>`jqconsole-ansi-lighter`</td>
</tr>
<tr>
<td>3</td>
<td>Italic</td>
<td>`jqconsole-ansi-italic`</td>
</tr>
<tr>
<td>4</td>
<td>Line below text</td>
<td>`jqconsole-ansi-underline`</td>
</tr>
<tr>
<td>5</td>
<td>Blink: 1s delay</td>
<td>`jqconsole-ansi-blink`</td>
</tr>
<tr>
<td>6</td>
<td>Blink: 0.5s delay</td>
<td>`jqconsole-ansi-blink-rapid`</td>
</tr>
<tr>
<td>8</td>
<td>Hide text</td>
<td>`jqconsole-ansi-hidden`</td>
</tr>
<tr>
<td>9</td>
<td>Line through text</td>
<td>`jqconsole-ansi-line-through`</td>
</tr>
<tr>
<td>10</td>
<td>Remove all fonts</td>
<td></td>
</tr>
<tr>
<td>11-19</td>
<td>Add custom font</td>
<td>`jqconsole-ansi-fonts-{N}` where N is code - 10</td>
</tr>
<tr>
<td>20</td>
<td>Add Fraktur font (not implemented in ansi.css)</td>
<td>`jqconsole-ansi-fraktur`</td>
</tr>
<tr>
<td>21</td>
<td>Remove Bold and Faint effects</td>
<td></td>
</tr>
<tr>
<td>22</td>
<td>Same as 21</td>
<td></td>
</tr>
<tr>
<td>23</td>
<td>Remove italic and fraktur effects</td>
<td></td>
</tr>
<tr>
<td>24</td>
<td>Remove underline effect</td>
<td></td>
</tr>
<tr>
<td>25</td>
<td>Remove blinking effect(s).</td>
<td></td>
</tr>
<tr>
<td>28</td>
<td>Reveal text</td>
<td></td>
</tr>
<tr>
<td>29</td>
<td>Remove line-through effect</td>
<td></td>
</tr>
<tr>
<td>30-37</td>
<td>Set foreground color to color from the color table below</td>
<td>jqconsole-ansi-color-{COLOR} where {COLOR} is the color name</td>
</tr>
<tr>
<td>39</td>
<td>Restore default foreground color</td>
<td></td>
</tr>
<tr>
<td>40-47</td>
<td>Set background color to color from the color table below</td>
<td>`jqconsole-ansi-background-color-{COLOR}` where {COLOR} is the color name</td>
</tr>
<tr>
<td>49</td>
<td>Restore default background color</td>
<td></td>
</tr>
<tr>
<td>51</td>
<td>Adds a frame around the text</td>
<td>`jqconsole-ansi-framed`</td>
</tr>
<tr>
<td>53</td>
<td>Line above text</td>
<td>jqconsole-ansi-overline</td>
</tr>
<tr>
<td>54</td>
<td>Remove frame effect</td>
<td></td>
</tr>
<tr>
<td>55</td>
<td>Remove over-line effect</td>
<td></td>
</tr>
</table>
###Colors
[Reference](http://en.wikipedia.org/wiki/ANSI_escape_code#Colors).
<table>
<tr>
<th>Code offset</th>
<th>Color</th>
</tr>
<tr>
<td>0</td>
<td>Black</td>
</tr>
<tr>
<td>1</td>
<td>Red</td>
</tr>
<tr>
<td>2</td>
<td>Green</td>
</tr>
<tr>
<td>3</td>
<td>Yellow</td>
</tr>
<tr>
<td>4</td>
<td>Blue</td>
</tr>
<tr>
<td>5</td>
<td>Magenta</td>
</tr>
<tr>
<td>6</td>
<td>Cyan</td>
</tr>
<tr>
<td>7</td>
<td>White</td>
</tr>
</table>
##CSS Classes
Several CSS classes are provided to help stylize the console:
* `jqconsole`: The main console container.
* `jqconsole, jqconsole-blurred`: The main console container, when not in focus.
* `jqconsole-cursor`: The cursor.
* `jqconsole-header`: The welcome message at the top of the console.
* `jqconsole-input`: The prompt area during input. May have multiple lines.
* `jqconsole-old-input`: Previously-entered inputs.
* `jqconsole-prompt`: The prompt area during prompting. May have multiple lines.
* `jqconsole-old-prompt`: Previously-entered prompts.
* `jqconsole-composition`: The div encapsulating the composition of multi-byte
characters.
Of course, custom classes may be specified when using `jqconsole.Write()` for
further customization.
##Contributors
[Max Shawabkeh](http://max99x.com/)
[Amjad Masad](http://twitter.com/amjad_masad)

1310
lib/client/console/jqconsole.coffee Normal file
View file

File diff suppressed because it is too large Load diff

22
lib/client/console/jqconsole.jquery.json Normal file
View file

@ -0,0 +1,22 @@
{
"name": "jqconsole",
"version": "2.7.7",
"title": "Feature complete web terminal.",
"author": {
"name": "Amjad Masad",
"email": "amjad.masad@gmail.com",
"url": "http://amasad.me"
},
"licenses": [
{
"type": "MIT",
"url": "http://opensource.org/licenses/MIT"
}
],
"description": "A jQuery terminal plugin with raw input/output streams as well as input and output states and support for rich multi-line prompting and operation queueing.",
"keywords": ["terminal", "console", "emulator", "REPL", "repl.it"],
"demo": "http://repl.it/",
"dependencies": {
"jquery": ">=1.5"
}
}