javascript - current - readline nodejs

Readline en NodeJS dibuja líneas no deseadas

Question

Tengo el siguiente problema, donde dibujo un carácter ASCII en la ventana del terminal, muevo el cursor a otra posición y repito el proceso con el siguiente código.

const readline = require(''readline'');
//
// Set the direction of the cursor
//
let dirrection_y = true;
let dirrection_x = true;
//
// Set the initial position of the cursor
//
let position_x = 0;
let position_y = 0;
//
// Get the terminal window size
//
let window_x = process.stdout.columns;
let window_y = process.stdout.rows;
//
// Set the cursor to the top left corner of the terminal window so we can clear
// the terminal screen
//
readline.cursorTo(process.stdout, position_x, position_y)
//
// Clear everything on the screen so we have a clean template to draw on.
//
readline.clearScreenDown(process.stdout)
//
// Create the interface so we can use it to for example write on the console.
//
let rl = readline.createInterface({
input: process.stdin,
output: process.stdout,
});
//
// React to CTR+C so we can close the app, and potentially do something before
// closing the app.
//
rl.on(''close'', function() {
process.exit(0);
});
//
// Start the main loop
//
draw();
//
// The main loop that moves the cursor around the screen.
//
function draw()
{
setTimeout(function() {
//
// 1. Move the cursor up or down
//
dirrection_y ? position_y++ : position_y--
//
// 2. When we reach the bottom of the terminal window, we switch
// direction from down, to up.
//
if(position_y == window_y)
{
//
// 1. Switch the direction to go up
//
dirrection_y = false
//
// 2. Move the next column or previous one depending on the
// direction.
//
dirrection_x ? position_x++ : position_x--
}
//
// 3. When we reach the top of the terminal screen, switch direction
// again
//
if(position_y < 0)
{
//
// 1. Switch the direction to go down
//
dirrection_y = true
//
// 2. Move the next column or previous one depending on the
// direction.
//
dirrection_x ? position_x++ : position_x--
}
//
// 4. When we reach the far right of the terminal screen we switch
// direction from ''to right'', to ''to left''
//
if(position_x == window_x) { dirrection_x = false }
//
// 5. When we reach the far left (beginning) of the terminal window
// we switch direction again.
//
if(position_x == 0) { dirrection_x = true }
//
// 6. Write on char on the terminal screen.
//
rl.write(''█'');
//
// 7. Move the cursor to the next position
//
readline.cursorTo(process.stdout, position_x, position_y)
//
// 8. Restart the loop.
//
draw();
}, 100)
}

Todo va bien hasta que llego a un punto donde habrá una línea completa que muestra en la pantalla que no dibujé como muestra la imagen de abajo

Si mantengo la aplicación en funcionamiento, la pantalla completa se llenará con líneas que cubren lo que estoy dibujando.

Preguntas

No creo que estoy dibujando esas líneas, si esto es cierto, ¿qué está pasando con la ventana de la terminal?

Tech Sec

• Mac OS
• Terminal e iTerm tienen el mismo problema
• NodeJS v6.40

Answer 1

Al mirar el código fuente de readline, creo que un viejo hack que agregaron para corregir el comportamiento de las pestañas todavía está causando problemas para esta línea actual . Cada vez que la posición del cursor cols se detecta en 0 (probablemente otro error en la fuente), emite una línea de actualización --- que arroja un mensaje. Los documentos dicen que "El método rl.write () escribirá los datos en la entrada de readline Interface como si los hubiera proporcionado el usuario", por lo que el prompt devuelve todas tus entradas.

No pude encontrar una solución en la fuente, pero puede modificar el código fuente de la interfaz. Agregue este fragmento después de su const readline = require(''readline''); para arreglar el problema

readline.Interface.prototype._insertString = function(c) {
if (this.cursor < this.line.length) {
var beg = this.line.slice(0, this.cursor);
var end = this.line.slice(this.cursor, this.line.length);
this.line = beg + c + end;
this.cursor += c.length;
this._refreshLine();
} else {
this.line += c;
this.cursor += c.length;
this.output.write(c);
this._moveCursor(0);
}
};