fix(watch): clear screen on all terminals

[AriPerkkio]

• Fixes Clear terminal in watch mode #3608

Mac's Terminal App does not reset scrollback buffer when \x1Bc (RIS) is printed. Similar report is found from here: xtermjs/xterm.js#3315.
As fix, let's explicitly print ESC 3J to erase scrollback.

Tested on

• Windows 11 21H2, virtualized on MacOS
  • Powershell
  • CMD
  • Git Bash
  • VS Code Terminal
• MacOS
  • VS Code Terminal
  • Warp
  • Terminal App

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[AriPerkkio]

@gkiely could you try these changes and verify whether the issue is fixed?

When using vitest@0.32.2 open <project>/node_modules/vitest/dist/vendor-cli-api.f9adf98c.js and patch following:

   12492 |  clearFullScreen(message) {
   12493 |    if (this.ctx.server.config.clearScreen === false) {
   12494 |      this.console.log(message);
   12495 |      return;
   12496 |    }
-  12497 |    this.console.log(`\x1Bc${message}`);
+  12497 |    this.console.log(`\x1B[2J\x1B[3J\x1B[H${message}`);
   12498 |  }

[gkiely]

It clears it but it also retains text from the last log until it is run a second time, see screenshot.

Adding \x1Bc seems to resolve this:

this.console.log(`\x1B[2J\x1B[3J\x1B[H\x1Bc${message}`);

https://stackoverflow.com/a/32899667/1845423
https://gist.github.com/19h/4990953?permalink_comment_id=1844088#gistcomment-1844088

[AriPerkkio]

but it also retains text from the last log

This is exactly what I'm seeing with Jest. It's weird that Jest is working for you, but when their solution is used in Vitest it does not work. 😕

The \x1Bc is what Vitest releases are currently using, so something else is needed with that. I'll need to do more testing with that.

[AriPerkkio]

@gkiely could you try this one:

   12492 |  clearFullScreen(message) {
   12493 |    if (this.ctx.server.config.clearScreen === false) {
   12494 |      this.console.log(message);
   12495 |      return;
   12496 |    }
-  12497 |    this.console.log(`\x1Bc${message}`);
+  12497 |    this.console.log(`\x1B[3J\x1Bc${message}`);
   12498 |  }

[sheremet-va]

Can confirm that this works for me in Terminal App and VS Code terminal

[gkiely]

Works great thanks @AriPerkkio @sheremet-va