RLGWebD: termemu.js comparison

comparison termemu.js @ 4:ee22eb9ab009

Client: don't assume the terminal is 24x80.

author	John "Elwin" Edwards <elwin@sdf.org>
date	Mon, 07 May 2012 11:09:14 -0700
parents	bd412f63ce0d
children	826a7ced69f8

comparison

equal deleted inserted replaced

-:bfdc775a574f
+:ee22eb9ab009
 view: null,     // The div holding the terminal screen
 screen: null,   // The div representing the active screen area
 normbuf: null,  // The normal screen buffer
 altbuf: null,   // The alternate screen buffer
 histbuf: null,  // The screen history buffer
+/* Attributes */
+w: 0, // Screen width
+h: 0, // Screen height
 fgColor: "#b2b2b2", // Default color for text
 bgColor: "black", // Default background color
+scrT: 0, // top and bottom of scrolling region
+scrB: 0, // init() will set this properly
 c: null,   // Contains cursor position and text attributes
 offedge: false, // Going off the edge doesn't mean adding a new line
 clearAttrs: function () {
 /* Make sure to reset ALL attribute properties and NOTHING else. */
 this.c.bold = false;
 return "#" + colstr + colstr + colstr;
 }
 else
 return fallback;
 },
-scrT: 0, // top and bottom of scrolling region
-scrB: 23,
 // These keyboard-related things don't really belong here.
 shift: false,
 shiftp: function () {
 return this.shift;
 },
 return this.ctrl;
 },
 togglectrl: function () {
 this.ctrl = !this.ctrl;
 },
-init: function (divID) {
+init: function (divID, h, w) {
 /* Makes a div full of character cells. */
 if (this.screen != null)
 return;
 var owrap = document.getElementById(divID);
 if (!owrap)
 return;
 while (owrap.firstChild != null)
 owrap.removeChild(owrap.firstChild);
 this.c = new Cursor(null);
+/* Set up the sizes. */
+var tn;
+tn = Number(h);
+if (tn > 0 && tn < 256)
+this.h = tn;
+else
+this.h = 24;
+tn = Number(w);
+if (tn > 0 && tn < 256)
+this.w = tn;
+else
+this.w = 80;
+this.scrB = this.h - 1;
 /* Create the contents of the terminal div */
 this.inwrap = document.createElement("div");
 this.inwrap.id = "inwrap";
 owrap.appendChild(this.inwrap);
 var termdiv = document.createElement("div");
 this.histbuf.id = "histbuf";
 termdiv.appendChild(this.histbuf);
 this.normbuf = document.createElement("div");
 this.normbuf.id = "normbuf";
 termdiv.appendChild(this.normbuf);
-for (var row = 0; row < 24; row++) {
+for (var row = 0; row < this.h; row++) {
 this.normbuf.appendChild(this.makeRow());
 }
 this.altbuf = document.createElement("div");
 this.altbuf.id = "altbuf";
 termdiv.appendChild(this.altbuf);
 toAltBuf: function () {
 if (this.screen == this.altbuf)
 return;
 while (this.altbuf.firstChild != null)
 this.altbuf.removeChild(this.altbuf.firstChild);
-for (var i = 0; i < 24; i++) {
+for (var i = 0; i < this.h; i++) {
 this.altbuf.appendChild(this.makeRow());
 }
 this.normc = new Cursor(this.c);
 this.altbuf.style.display = "table-row-group";
 this.normbuf.style.display = "none";
 }
 else {
 this.offedge = false;
 if (x < 0)
 x = 0;
-else if (x > 79)
+else if (x >= this.w)
-x = 79;
+x = this.w - 1;
 }
 if (y == null) {
 if (this.c.y != null)
 y = this.c.y;
 else
 return;
 }
 else if (y < 0)
 y = 0;
-else if (y > 23)
+else if (y >= this.h)
-y = 23;
+y = this.h - 1;
 /* Un-reverse video the current location. */
 this.flipCursor();
 this.c.x = x;
 this.c.y = y;
 /* Reverse-video the new location. */
 this.flipCursor();
 while (count > 0) {
 var blankrow = this.makeRow();
 /* Careful with the order */
 if (lines > 0) {
-if (this.scrB == 23)
+if (this.scrB == this.h - 1)
 this.screen.appendChild(blankrow);
 else
 this.screen.insertBefore(blankrow, this.screen.childNodes[this.scrB
 + 1]);
 this.historize(this.scrT);
 this.flipCursor();
 return;
 },
 newline: function (doReturn) {
 if (this.c.y == this.scrB)
-this.scroll(1)
+this.scroll(1);
-else if (this.c.y < 23)
+else if (this.c.y < this.h - 1)
 this.cmove(this.c.y + 1, null);
 /* If the cursor is at the bottom but outside the scrolling region,
 * nothing can be done. */
 if (doReturn) {
 this.cmove(null, 0);
 this.scroll(-1);
 else if (this.c.y > 0)
 this.cmove(this.c.y - 1, null);
 },
 advance: function () {
-if (this.c.x < 79)
+if (this.c.x < this.w - 1)
 this.cmove(null, this.c.x + 1);
 else {
 this.offedge = true;
 }
 },
 this.c.cset = 'B';
 this.cmove(0, 0);
 this.saved = null;
 this.normc = null;
 this.scrT = 0;
-this.scrB = 23;
+this.scrB = this.h - 1;
 while (this.histbuf.firstChild != null) {
 this.histbuf.removeChild(this.histbuf.firstChild);
 }
-for (var i = 0; i < 24; i++) {
+for (var i = 0; i < this.h; i++) {
 this.screen.replaceChild(this.makeRow(), this.screen.childNodes[i]);
 }
 this.flipCursor(); // make it appear in the new row
 return;
 },
 this.cmove(null, this.c.x - 1);
 }
 else if (codes[i] == 9) {
 /* tab */
 var xnew;
-if (this.c.x < 79) {
+if (this.c.x < this.w - 1) {
 xnew = 8 * (Math.floor(this.c.x / 8) + 1);
-if (xnew > 79)
+if (xnew >= this.w)
-xnew = 79;
+xnew = this.w - 1;
 this.cmove(null, xnew);
 }
 else {
 this.offedge = true;
 }
 }
 if (params[0])
 y = params[0] - 1;
 if (params[1])
 x = params[1] - 1;
-if (y > 23)
+if (y >= this.h)
-y = 23;
+y = this.h - 1;
-if (x > 79)
+if (x >= this.w)
-x = 79;
+x = this.w - 1;
 debug(0, "Moving to row " + y + ", col " + x);
 this.cmove(y, x);
 }
 else if (c == 73) {
 /* I - move forward by tabs */
 debug(1, "Invalid CSI I sequence: " + comstr);
 return;
 }
 while (count > 0) {
 x = 8 * (Math.floor(x / 8) + 1);
-if (x > 79) {
+if (x >= this.w) {
-x = 79;
+x = this.w - 1;
 break;
 }
 count--;
 }
 this.cmove(null, x);
 return;
 }
 if (!params[0]) {
 /* Either 0 or not given */
 start = this.c.y + 1;
-end = 23;
+end = this.h - 1;
 cols = 1;
 }
 else if (params[0] == 1) {
 start = 0;
 end = this.c.y - 1;
 cols = -1;
 }
 else if (params[0] == 2) {
 start = 0;
-end = 23;
+end = this.h - 1;
 cols = 0;
 }
 else {
 debug(1, "Unimplemented parameter in CSI J sequence: " + comstr);
 return;
 }
 if (cols != 0) {
 /* Otherwise, the whole screen was erased and the active row doesn't
 * need special treatment. */
 var cursrow = this.screen.childNodes[this.c.y];
-for (var ncol = this.c.x; ncol >= 0 && ncol < 80; ncol += cols) {
+for (var ncol = this.c.x; ncol >= 0 && ncol < this.w; ncol += cols) {
 cursrow.replaceChild(this.makeCell(' '), cursrow.childNodes[ncol]);
 }
 }
 this.offedge = false;
 /* Always flip after replacing the active position. */
 start = 0;
 end = this.c.x;
 }
 else if (params[0] == 2) {
 start = 0;
-end = 79;
+end = this.w - 1;
 }
 else {
 start = this.c.x;
-end = 79;
+end = this.w - 1;
 }
 var rowdiv = this.screen.childNodes[this.c.y];
 for (var i = start; i <= end; i++) {
 rowdiv.replaceChild(this.makeCell(' '), rowdiv.childNodes[i]);
 }
 if (c == 76) {
 this.historize(this.scrB);
 this.screen.insertBefore(blankrow, this.screen.childNodes[this.c.y]);
 }
 else {
-if (this.scrB == 23)
+if (this.scrB == this.h - 1)
 this.screen.appendChild(blankrow);
 else
 this.screen.insertBefore(blankrow, this.screen.childNodes[this.scrB
 + 1]);
 this.historize(this.c.y);
 if (prefix || postfix) {
 debug(1, "Invalid CSI sequence: " + comstr);
 return;
 }
 var row = this.screen.childNodes[this.c.y];
-for (var i = 0; i < count && this.c.x + i < 80; i++) {
+for (var i = 0; i < count && this.c.x + i < this.w; i++) {
 row.replaceChild(this.makeCell(' '), row.childNodes[this.c.x + i]);
 }
 this.flipCursor();
 }
 else if (c == 90) {
 }
 }
 else if (c == 114) {
 /* r - set scrolling region */
 var t = 0;
-var b = 23;
+var b = this.h - 1;
-if (params[0] && params[0] <= 23)
+if (params[0] && params[0] <= this.h - 1)
 t = params[0] - 1;
-if (params[1] && params[1] <= 24)
+if (params[1] && params[1] <= this.h)
 b = params[1] - 1;
 if (b <= t)
 return;
 this.scrT = t;
 this.scrB = b;
 return cell;
 },
 makeRow: function() {
 var blankrow = document.createElement("div");
 blankrow.className = "termrow";
-for (var i = 0; i < 80; i++)
+for (var i = 0; i < this.w; i++)
 blankrow.appendChild(this.makeCell(' '));
 return blankrow;
 }
 };