2019-03-01 05:21:18 +00:00
|
|
|
/* Copyright 2010-2019 Will Scullin <scullin@scullinsteel.com>
|
|
|
|
*
|
|
|
|
* Permission to use, copy, modify, distribute, and sell this software and its
|
|
|
|
* documentation for any purpose is hereby granted without fee, provided that
|
|
|
|
* the above copyright notice appear in all copies and that both that
|
|
|
|
* copyright notice and this permission notice appear in supporting
|
|
|
|
* documentation. No representations are made about the suitability of this
|
|
|
|
* software for any purpose. It is provided "as is" without express or
|
|
|
|
* implied warranty.
|
|
|
|
*/
|
2013-10-10 18:03:07 +00:00
|
|
|
|
2020-10-11 15:48:16 +00:00
|
|
|
/**
|
|
|
|
* Printer UI. The "paper" is bound to the element selected by the input.
|
|
|
|
*
|
|
|
|
* Every line that is output to the printer is added as a <div> to the paper.
|
|
|
|
* The high bit of all characters is stripped and only visible characters are
|
|
|
|
* added to the output. The following characters receive special treatment:
|
|
|
|
*
|
|
|
|
* * `EOT` (ASCII 4): deletes last character
|
|
|
|
* * `HT` (ASCII 9): replaced with 8 spaces
|
|
|
|
* * `LF` (ASCII 10): silently removed
|
|
|
|
* * `CR` (ASCII 13): a newline and carriage return
|
|
|
|
*
|
|
|
|
* @param {string} el The selector of the element on which to bind the "paper".
|
|
|
|
*/
|
2019-03-13 04:11:00 +00:00
|
|
|
export default function Printer(el) {
|
|
|
|
var paper = document.querySelector(el);
|
|
|
|
var _lineBuffer = '';
|
2019-02-19 04:42:50 +00:00
|
|
|
var _line;
|
|
|
|
|
|
|
|
function newLine() {
|
2019-03-13 04:11:00 +00:00
|
|
|
_line = document.createElement('div');
|
|
|
|
_line.classList.add('line');
|
|
|
|
_line.innerText = _lineBuffer;
|
2019-02-19 04:42:50 +00:00
|
|
|
paper.append(_line);
|
|
|
|
_lineBuffer = '';
|
|
|
|
}
|
|
|
|
|
|
|
|
newLine();
|
2017-12-03 04:45:02 +00:00
|
|
|
|
2013-10-10 18:03:07 +00:00
|
|
|
return {
|
|
|
|
putChar: function(val) {
|
2019-02-19 04:42:50 +00:00
|
|
|
var ascii = val & 0x7f;
|
|
|
|
var visible = val >= 0x20;
|
|
|
|
var c = String.fromCharCode(ascii);
|
|
|
|
|
2019-12-27 23:04:07 +00:00
|
|
|
if (c === '\r') {
|
2019-02-19 04:42:50 +00:00
|
|
|
newLine();
|
2019-12-27 23:04:07 +00:00
|
|
|
} else if (c === '\n') {
|
2019-03-14 02:27:55 +00:00
|
|
|
// eat for now
|
2019-12-27 23:04:07 +00:00
|
|
|
} else if (c === '\t') {
|
2019-02-19 04:42:50 +00:00
|
|
|
_lineBuffer += ' ';
|
2019-12-27 23:04:07 +00:00
|
|
|
} else if (ascii === 0x04) {
|
2019-02-19 04:42:50 +00:00
|
|
|
_lineBuffer = _lineBuffer.slice(0, -1);
|
2019-12-27 23:04:07 +00:00
|
|
|
} else if (visible) {
|
|
|
|
_lineBuffer += c;
|
2013-10-10 18:03:07 +00:00
|
|
|
}
|
2019-03-13 04:11:00 +00:00
|
|
|
_line.innerText = _lineBuffer;
|
2019-02-19 04:42:50 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
clear: function() {
|
|
|
|
_lineBuffer = '';
|
2020-10-11 15:48:16 +00:00
|
|
|
paper.innerHTML = "";
|
2019-02-19 04:42:50 +00:00
|
|
|
newLine();
|
|
|
|
},
|
|
|
|
|
|
|
|
hasPrintout: function() {
|
2019-03-13 04:11:00 +00:00
|
|
|
return paper.text.length;
|
2013-10-10 18:03:07 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|