$(function() {
var $body = $('body');
var socket = io.connect('http://localhost');
+ var color_to_css = function(i) {
+ return 'color: #' +
+ ((i & 0xe0) ? 'ff' : '00') +
+ ((i & 0x1c) ? 'ff' : '00') +
+ ((i & 0x03) ? 'ff' : '00') +
+ '; ';
+ }
+ var stylize = function (txt, style) {
+ if(txt.length == 0 || style == 0) {
+ return txt
+ }
+ css = ''
+ if(style & 0x10000) css += 'font-weight: bold; ';
+ if(style & 0x20000) css += 'text-decoration: underline; ';
+ if(style & 0x40000) css += 'text-decoration: underline; '; // blink
+ if(style & 0x80000) css += 'text-decoration: line-through; '; // invisible
+ if(style & 0x000ff) css += color_to_css(style & 0xff);
+ if(style & 0x0ff00) css += 'background-' + color_to_css((style & 0xff00) >> 8);
+ return $('<span style="'+css+'"></span>').text(txt);
+ }
socket.on('init', function (v) {
$body.children().remove();
for(i in v.text) {
- $body.append($('<div>').text(v.text[i].join('')));
+ div = $('<div>');
+ txt = ''
+ a = 0;
+ for(j in v.text[i]) {
+ if(v.attributes[i][j] != a) {
+ if(txt.length) {
+ div.append(stylize(txt, a));
+ txt = ''
+ }
+ a = v.attributes[i][j]
+ }
+ txt += v.text[i][j]
+ }
+ if(txt.length) {
+ div.append(stylize(txt, a));
+ }
+ $body.append(div);
}
});
});
sockets.splice i, 1
return
+ socket.emit 'init', width: term.width, height: term.height, x: term.x, y: term.y, a: term.a, text: term.text, attributes: term.attributes
+
process.stdin.resume()
process.stdin.setEncoding 'utf8'
process.stdin.on 'data', (data) ->
term.update data
+ # FIXME send data, and have client parse it
for s in sockets
s.emit 'init', width: term.width, height: term.height, x: term.x, y: term.y, a: term.a, text: term.text, attributes: term.attributes
csi_m: default: "0", go: ->
for i in arguments
- switch i
- when '0'
+ fixed = i
+ while fixed[0] is '0'
+ fixed = fixed.substr 1
+ switch fixed
+ when ''
@set_attribute_bits 0xffffff, 0
when '1' # bold
- @set_attribute_bits 0x100, 1
+ @set_attribute_bits 0x10000, 0x10000
when '4' # underline
- @set_attribute_bits 0x200, 1
+ @set_attribute_bits 0x20000, 0x20000
when '5' # blink
- @set_attribute_bits 0x400, 1
+ @set_attribute_bits 0x40000, 0x40000
when '8' # invisible
- @set_attribute_bits 0x800, 1
+ @set_attribute_bits 0x80000, 0x80000
when '22' # not bold... according to a page
- @set_attribute_bits 0x100, 0
+ @set_attribute_bits 0x10000, 0
when '21' # ... though this would make more sense for "not bold"
- @set_attribute_bits 0x100, 0
+ @set_attribute_bits 0x10000, 0
when '24' # not underline
- @set_attribute_bits 0x200, 0
+ @set_attribute_bits 0x20000, 0
when '25' # not blink
- @set_attribute_bits 0x400, 0
+ @set_attribute_bits 0x40000, 0
when '28' # not invisible
- @set_attribute_bits 0x800, 0
+ @set_attribute_bits 0x80000, 0
when '30' # fg black
@set_attribute_bits 0xff, 0
when '33' # fg yellow
@set_attribute_bits 0xff, 0xfc
when '34' # fg blue
- @set_attribute_bits 0xff, 0x02
+ @set_attribute_bits 0xff, 0x03
when '35' # fg magenta
@set_attribute_bits 0xff, 0xe2
when '36' # fg cyan
when '43' # bg yellow
@set_attribute_bits 0xff00, 0xfc00
when '44' # bg blue
- @set_attribute_bits 0xff00, 0x0200
+ @set_attribute_bits 0xff00, 0x0300
when '45' # bg magenta
@set_attribute_bits 0xff00, 0xe200
when '46' # bg cyan