* Start work on TextBuffer version of MLTEV
This commit is contained in:
parent
d7b49e73b3
commit
c8c7566fd3
|
@ -8,7 +8,9 @@ var VerticalMenuView = require('./vertical_menu_view.js').VerticalMenuView;
|
||||||
var SpinnerMenuView = require('./spinner_menu_view.js').SpinnerMenuView;
|
var SpinnerMenuView = require('./spinner_menu_view.js').SpinnerMenuView;
|
||||||
var ToggleMenuView = require('./toggle_menu_view.js').ToggleMenuView;
|
var ToggleMenuView = require('./toggle_menu_view.js').ToggleMenuView;
|
||||||
var MaskEditTextView = require('./mask_edit_text_view.js').MaskEditTextView;
|
var MaskEditTextView = require('./mask_edit_text_view.js').MaskEditTextView;
|
||||||
var MultiLineEditTextView = require('./multi_line_edit_text_view.js').MultiLineEditTextView;
|
|
||||||
|
//var MultiLineEditTextView = require('./multi_line_edit_text_view.js').MultiLineEditTextView;
|
||||||
|
var MultiLineEditTextView = require('./multi_line_edit_text_view2.js').MultiLineEditTextView2;
|
||||||
|
|
||||||
var Config = require('./config.js').config;
|
var Config = require('./config.js').config;
|
||||||
var ansi = require('./ansi_term.js');
|
var ansi = require('./ansi_term.js');
|
||||||
|
|
|
@ -88,7 +88,7 @@ function MultiLineEditTextView(options) {
|
||||||
View.call(this, options);
|
View.call(this, options);
|
||||||
|
|
||||||
//
|
//
|
||||||
// defualt tabWidth is 4
|
// defualt tabWidth is 8
|
||||||
// See the following:
|
// See the following:
|
||||||
// * http://www.ansi-bbs.org/ansi-bbs2/control_chars/
|
// * http://www.ansi-bbs.org/ansi-bbs2/control_chars/
|
||||||
// * http://www.bbsdocumentary.com/library/PROGRAMS/GRAPHICS/ANSI/bansi.txt
|
// * http://www.bbsdocumentary.com/library/PROGRAMS/GRAPHICS/ANSI/bansi.txt
|
||||||
|
@ -415,6 +415,10 @@ function MultiLineEditTextView(options) {
|
||||||
this.insertCharacterAtCurrentPosition = function(c) {
|
this.insertCharacterAtCurrentPosition = function(c) {
|
||||||
var pos = self.getTextBufferPosition(self.cursorPos.row, self.cursorPos.col);
|
var pos = self.getTextBufferPosition(self.cursorPos.row, self.cursorPos.col);
|
||||||
self.cursorPos.col++;
|
self.cursorPos.col++;
|
||||||
|
if(self.cursorPos.col >= self.dimens.width) {
|
||||||
|
self.cursorToStartOfNextLine();
|
||||||
|
|
||||||
|
}
|
||||||
self.client.term.write(c);
|
self.client.term.write(c);
|
||||||
self.textBuffer.insert(pos, c);
|
self.textBuffer.insert(pos, c);
|
||||||
};
|
};
|
||||||
|
|
|
@ -0,0 +1,57 @@
|
||||||
|
/* jslint node: true */
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var View = require('./view.js').View;
|
||||||
|
var miscUtil = require('./misc_util.js');
|
||||||
|
var strUtil = require('./string_util.js');
|
||||||
|
var ansi = require('./ansi_term.js');
|
||||||
|
var TextBuffer = require('./text_buffer.js').TextBuffer;
|
||||||
|
|
||||||
|
var assert = require('assert');
|
||||||
|
var _ = require('lodash');
|
||||||
|
|
||||||
|
exports.MultiLineEditTextView2 = MultiLineEditTextView2;
|
||||||
|
|
||||||
|
function MultiLineEditTextView2(options) {
|
||||||
|
if(!_.isBoolean(options.acceptsFocus)) {
|
||||||
|
options.acceptsFocus = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(!_.isBoolean(this.acceptsInput)) {
|
||||||
|
options.acceptsInput = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
View.call(this, options);
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
//
|
||||||
|
// defualt tabWidth is 8
|
||||||
|
// See the following:
|
||||||
|
// * http://www.ansi-bbs.org/ansi-bbs2/control_chars/
|
||||||
|
// * http://www.bbsdocumentary.com/library/PROGRAMS/GRAPHICS/ANSI/bansi.txt
|
||||||
|
//
|
||||||
|
this.tabWidth = _.isNumber(options.tabWidth) ? options.tabWidth : 8;
|
||||||
|
|
||||||
|
|
||||||
|
this.textBuffer = new TextBuffer({
|
||||||
|
gapSize : 64
|
||||||
|
});
|
||||||
|
|
||||||
|
this.redrawVisibleArea = function() {
|
||||||
|
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
require('util').inherits(MultiLineEditTextView2, View);
|
||||||
|
|
||||||
|
MultiLineEditTextView2.prototype.redraw = function() {
|
||||||
|
MultiLineEditTextView2.super_.prototype.redraw.call(this);
|
||||||
|
|
||||||
|
this.redrawVisibleArea();
|
||||||
|
};
|
||||||
|
|
||||||
|
MultiLineEditTextView2.prototype.setText = function(text) {
|
||||||
|
this.textBuffer.insertText(0, text);
|
||||||
|
console.log(this.textBuffer.getArray());
|
||||||
|
};
|
|
@ -0,0 +1,188 @@
|
||||||
|
|
||||||
|
var _ = require('lodash');
|
||||||
|
|
||||||
|
exports.TextBuffer = TextBuffer;
|
||||||
|
|
||||||
|
/*
|
||||||
|
* gap buffer of objects
|
||||||
|
* Single buffer for actual/render
|
||||||
|
* Preserve original line endings if possible
|
||||||
|
* object has text
|
||||||
|
* standard whitespace are just objects
|
||||||
|
* tabs are special objects
|
||||||
|
* hard line feeds are recorded
|
||||||
|
* cursor always at currentSpan / object
|
||||||
|
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
function TextBuferFragment(options) {
|
||||||
|
if(_.isString(options)) {
|
||||||
|
this.text = options;
|
||||||
|
} else {
|
||||||
|
this.text = options.text || '';
|
||||||
|
}
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
this.isTab = function() {
|
||||||
|
return '\t' === self.text;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.isWhitespace = function() {
|
||||||
|
return self.text.match(/\s+/g) ? true : false;
|
||||||
|
};
|
||||||
|
|
||||||
|
Object.defineProperty(this, 'length', {
|
||||||
|
enumerable : true,
|
||||||
|
get : function() {
|
||||||
|
return this.text.length;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function TextBuffer(options) {
|
||||||
|
|
||||||
|
this.gapSize = options.gapSize || 64;
|
||||||
|
this.buffer = new Array(this.gapSize);
|
||||||
|
this.gapStart = 0;
|
||||||
|
this.gapEnd = this.gapSize;
|
||||||
|
this.spliceArgs = new Array(this.gapSize + 2);
|
||||||
|
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
Object.defineProperty(this, 'length', {
|
||||||
|
enumerable : true,
|
||||||
|
get : function() {
|
||||||
|
return this.buffer.length - (this.gapEnd - this.gapSize);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
this.adjustGap = function(index) {
|
||||||
|
var gapSize = (self.gapEnd - self.gapStart);
|
||||||
|
var delta;
|
||||||
|
var i;
|
||||||
|
|
||||||
|
if(index < self.gapStart) {
|
||||||
|
delta = self.gapStart - index;
|
||||||
|
|
||||||
|
for(i = delta - 1; i >= 0; --i) {
|
||||||
|
self.buffer[self.gapEnd - delta + i] = self.buffer[index + i];
|
||||||
|
}
|
||||||
|
|
||||||
|
self.gapStart -= delta;
|
||||||
|
self.gapEnd -= delta;
|
||||||
|
} else if(index > self.gapStart) {
|
||||||
|
delta = index - self.gapStart;
|
||||||
|
|
||||||
|
for(i = 0; i < delta; ++i) {
|
||||||
|
self.buffer[self.gapStart + i] = self.buffer[self.gapEnd + i];
|
||||||
|
}
|
||||||
|
|
||||||
|
self.gapStart += delta;
|
||||||
|
self.gapEnd += delta;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
TextBuffer.prototype.get = function(index) {
|
||||||
|
if(index >= this.length) {
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(index >= this.gapStart) {
|
||||||
|
index += (this.gapEnd - this.gapStart);
|
||||||
|
}
|
||||||
|
|
||||||
|
return this.buffer[index];
|
||||||
|
};
|
||||||
|
|
||||||
|
TextBuffer.prototype.insertFragment = function(index, fragment) {
|
||||||
|
if(index < 0) {
|
||||||
|
throw new RangeError('Index must be >= 0');
|
||||||
|
}
|
||||||
|
|
||||||
|
if(index > this.length) {
|
||||||
|
throw new RangeError('Index must be <= length');
|
||||||
|
}
|
||||||
|
|
||||||
|
if(this.gapStart === this.gapEnd) {
|
||||||
|
this.spliceArgs[0] = index;
|
||||||
|
this.spliceArgs[1] = 0;
|
||||||
|
|
||||||
|
Array.prototype.splice.apply(this.buffer, this.spliceArgs);
|
||||||
|
|
||||||
|
this.gapStart = index;
|
||||||
|
this.gapEnd = index + this.gapSize;
|
||||||
|
} else {
|
||||||
|
this.adjustGap(index);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.buffer[this.gapStart++] = fragment;
|
||||||
|
};
|
||||||
|
|
||||||
|
TextBuffer.prototype.insertText = function(index, text) {
|
||||||
|
//
|
||||||
|
// Create fragments from text. Each fragment is:
|
||||||
|
// * A series of whitespace(s)
|
||||||
|
// * A tab
|
||||||
|
// * Printable characters
|
||||||
|
//
|
||||||
|
// A fragment may also have various flags set
|
||||||
|
// for eol markers. These are always normalized
|
||||||
|
// to a single *nix style \n
|
||||||
|
//
|
||||||
|
if(0 === text.length) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var re = /\s+|\r\n|\n|\r/g;
|
||||||
|
var m;
|
||||||
|
var i = index;
|
||||||
|
var from;
|
||||||
|
do {
|
||||||
|
from = re.lastIndex + (_.isObject(m) ? m[0].length - 1 : 0);
|
||||||
|
m = re.exec(text);
|
||||||
|
if(null !== m) {
|
||||||
|
|
||||||
|
this.insertFragment(i++, new TextBuferFragment({
|
||||||
|
text : text.substring(from, re.lastIndex)
|
||||||
|
}));
|
||||||
|
|
||||||
|
switch(m[0].charAt(0)) {
|
||||||
|
case '\t' :
|
||||||
|
for(var j = 0; j < m[0].length; ++j) {
|
||||||
|
this.insertFragment(i++, new TextBuffer({
|
||||||
|
text : m[0].charAt(j)
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case '\r' :
|
||||||
|
case '\n' :
|
||||||
|
var count = m[0].split(/\r\n|\n|\r/g).length;
|
||||||
|
for(var j = 0; j < count; ++j) {
|
||||||
|
this.insertFragment(i++, new TextBuffer({
|
||||||
|
text : '\n' // always normalized
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case ' ' :
|
||||||
|
this.insertFragment(i++, new TextBuffer({
|
||||||
|
text : m[0],
|
||||||
|
}));
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} while(0 !== re.lastIndex);
|
||||||
|
};
|
||||||
|
|
||||||
|
TextBuffer.prototype.getArray = function() {
|
||||||
|
return this.buffer.slice(0, this.gapStart).concat(this.buffer.slice(this.gapEnd));
|
||||||
|
};
|
||||||
|
|
||||||
|
TextBuffer.prototype.getText = function(range) {
|
||||||
|
|
||||||
|
};
|
Loading…
Reference in New Issue