* Messy, but semi working concept for render vs real gap text buffer

core/multi_line_edit_text_view.js

@@ -101,7 +101,7 @@ function MultiLineEditTextView(options) {
 
 	this.lines			= [];				//	a given line is text...until EOL
 	this.topLineIndex	= 0;
-	this.cursorPos		= { x : 0, y : 0 };	//	relative to view window
+	this.cursorPos		= { row : 0, col : 0 };	//	relative to view window
 	this.renderStartIndex	= 0;
 
 	/*
@@ -161,7 +161,7 @@ function MultiLineEditTextView(options) {
 
 		while(i < self.renderBuffer.length && row < bottom) {
 			self.client.term.write(ansi.goto(row, this.position.col));
-			self.client.term.write(self.renderBuffer[i]);
+			self.client.term.write(self.getRenderLine(self.renderBuffer[i]));
 			++row; 
 			++i;
 		}
@@ -180,22 +180,22 @@ function MultiLineEditTextView(options) {
 		return line.match(re) || [];
 	};
 
-	this.wordWrap2 = function(line) {
+	this.wordWrap3 = function(line, width) {
-		var tabString = self.getTabString();
+		var re = new RegExp('.{1,' + width + '}(\\s+|$)|\\S+?(\\s+|$)', 'g');  
-		var re = new RegExp(
+	    return line.replace(/\t/g, new Array(self.tabWidth).join('\t')).match(re) || [];
-			'.{1,' + self.dimens.width + '}(\\s+|$)|\\S+?(\\s+|$)', 'g');
-		var checkLine = line.replace(/\t/g, tabString);
 	};
 
-	this.regenerateRenderBuffer = function() {
+	this.getRenderLine = function(line) {
+		var replaceTabsRe	= new RegExp('\\t{' + (self.tabWidth - 1) + '}', 'g');
+		var tabSpaces		= new Array(self.tabWidth).join(' ');
+		return line.replace(replaceTabsRe, tabSpaces).replace(/\n/g, '');
+	};
+
+	this.updateRenderBuffer = function() {
 		self.renderBuffer = [];
-
+		//	:TODO: optimize this with asArray() taking the slice information
-		//	:TODO: optimize this by only rending what is visible -- or at least near there, e.g. topindex -> maxchars that can fit at most
+		var lines = self.textBuffer.asArray().slice(self.renderStartIndex, self.renderStartIndex + self.dimens.width * self.dimens.height)
-
-		//	:TODO: asArray() should take a optional scope, e.g. asArray(beg, end)
-		var lines = self.textBuffer.asArray().slice(self.renderStartIndex)
 			.join('')
-			//.replace(/\t/g, self.tabString)
 			.split(/\r\n|\n|\r/g);
 
 		var maxLines = self.dimens.height - self.position.row;
@@ -204,13 +204,28 @@ function MultiLineEditTextView(options) {
 			if(0 === lines[i].length) {
 				self.renderBuffer.push('');
 			} else {
-				Array.prototype.push.apply(self.renderBuffer, self.wordWrap(lines[i]));
+				Array.prototype.push.apply(self.renderBuffer, self.wordWrap3(lines[i] + '\n', self.dimens.width));
+				
 			}
 		}
 	};
 
 	this.getTextBufferPosition = function(row, col) {
-		
+		var line = self.renderBuffer[row];
+		var replaceTabsRe	= new RegExp('\\t{' + (self.tabWidth - 1) + '}', 'g');
+		var pos = 0;
+		for(var r = 0; r < row; ++r) {
+			if(self.renderBuffer[r].length > 0) {
+				pos += self.renderBuffer[r].replace(replaceTabsRe, '\t').length;
+			} else {
+				pos += 1;
+			}
+		}
+		pos += self.renderBuffer[row]
+			.replace(replaceTabsRe, '\t')
+			.slice(0, Math.min(col, self.dimens.width))
+			.length;
+		return pos;
 	};
 	
 	this.scrollUp = function(count) {
@@ -224,7 +239,7 @@ function MultiLineEditTextView(options) {
 	this.cursorUp = function() {
 		if(self.cursorPos.row > 0) {
 			self.cursorPos.row--;
-			console.log(self.lines[self.getLineIndex()])
+			console.log(self.textBuffer.asArray().join('').slice(self.getTextBufferPosition(self.cursorPos.row, 0), 1));
 		} else if(self.topLineIndex > 0) {
 			//	:TODO: scroll 
 		}
@@ -275,22 +290,15 @@ MultiLineEditTextView.prototype.setText = function(text) {
 
 	this.textBuffer.insertAll(0, text);
 
-	/*
+	this.updateRenderBuffer();
-	var c;
-	for(var i = 0; i < text.length; ++i) {
-		c = text[i];
-
-		//	:TODO: what should really be removed here??? Any non-printable besides \t and \r\n?
-		if('\b' === c) {
-			continue;
-		}
-
-		this.textBuffer.insert(i, c);
-	}*/
-
-	this.regenerateRenderBuffer();
 
 	console.log(this.renderBuffer)
+
+	var idx = this.getTextBufferPosition(4, 0);
+	for(var i = idx; i < idx + 4; ++i) {
+		console.log(i + ' = "' + this.textBuffer.asArray()[i] + '"');
+	}
+	this.cursorPos.row = 3;
 }
 
 MultiLineEditTextView.prototype.onSpecialKeyPress = function(keyName) {

mods/menu.json

@@ -371,7 +371,7 @@
 							"MT1" : {
 								"width"		: 67,
 								"height"	: 17,
-								"text"		: "Hints:\n  * Press CTRL-Y to clear a line\n  * Arrow keys to move around\n\nTry editing the text below:\nThis\tis\ttabbbed!\nLet me be sick... I want to get up. Get me something to be sick in... Stop the film... Please stop it... I can't stand it any more. Stop it please... please.\n\nWell, that was a very promising start. By my calculations, you should be starting to feel alright again. Yes? Dr. Brodsky's pleased with you. Now tomorrow there'll be two sessions, of course, morning and afternoon.\n\nYou mean, I have to viddy two sessions in one day?\n\nI imagine you'll be feeling a little bit limp by the end of the day. But we have to be hard on you. You have to be cured.\n",
+								"text"		: "Hints:\n  * Press CTRL-Y to clear a line\n  * Arrow keys to move around\n\nTry editing the text below:\nThis\tis\ttabbbed!\nLet me be sick... I want to get up. Get me something to be sick in... Stop the film... Please stop it... I can't stand it any more. Stop it please... please.\n\nWell, that was a very promising start. By my calculations, you should be starting to feel alright again. Yes? Dr. Brodsky's pleased with you. Now \ttomorrow \tthere'll \tbe \ttwo \tsessions, \tof\t course, morning and afternoon.\n\nYou mean, I have to viddy two sessions in one day?\n\nI imagine you'll be feeling a little bit limp by the end of the day. But we have to be hard on you. You have to be cured.\n",
 								"focus"		: true
 							},
 							"BT5" : {