create-next-app prompts don't work on Windows

[dsherret]

It's not possibe to change the selection from yes to no:

$ deno run -A npm:create-next-app@latest next-app
√ Would you like to use TypeScript? ... No / Yes
? Would you like to use ESLint? » No / Yes^[[D
√ Would you like to use ESLint? ... No / Yes
? Would you like to use Tailwind CSS? » No / Yes^[[D^[[B^[[A^[[C
√ Would you like to use Tailwind CSS? ... No / Yes
? Would you like to use `src/` directory? » No / Yes^[[C
√ Would you like to use `src/` directory? ... No / Yes
? Would you like to use App Router? (recommended) » No / Yes
√ Would you like to use App Router? (recommended) ... No / Yes
? Would you like to customize the default import alias (@/*)? » No / Yes
√ Would you like to customize the default import alias (@/*)? ... No / Yes
Creating a new Next.js app in V:\next-app.

[littledivy]

@dsherret I can't reproduce on Windows, does it still happen?

[dsherret]

@littledivy yes. It happens after accepting the first prompt:

[dsherret]

Maybe try in vscode terminal with powershell.

[littledivy]

Can reproduce. The selection is actually happening but not displayed until you hit Enter.

Recording.2024-03-29.094257.mp4

[littledivy]

Simpler repro:

import EventEmitter from "node:events";
import readline from "node:readline";
import process from "node:process";

function prompt() {
  const rl = readline.createInterface({
    input: process.stdin,
  });
  readline.emitKeypressEvents(process.stdin, rl);

  process.stdin.setRawMode(true);

  const { promise, resolve } = Promise.withResolvers();
  const keypress = (str, key) => {
    process.stdin.setRawMode(false);
    rl.close();
    process.stdin.removeListener('keypress', keypress)
    console.log({ str, key })
    resolve()
  };

  process.stdin.on('keypress', keypress);
  return promise;
}

await prompt();
await prompt();

[littledivy]

Repro using only process.stdin.

import process from "node:process";

function prompt() {
  process.stdin.setRawMode(true);

  const { promise, resolve } = Promise.withResolvers();

  const onData = (buf) => {
    process.stdin.setRawMode(false);
    process.stdin.removeListener('data', onData);
    console.log(buf);
    resolve();
  };

  process.stdin.on("data", onData);
  return promise;
}

await prompt();
await prompt();

[littledivy]

Ok, I think this is the same issue as described in this old libuv PR: libuv/libuv#866

We need to unblock the stdin read thread when the stream is cancelled.

libuv sends a Enter key to the input buffer to unblock the read and restores it back, we can do something similar. We could also try using cancel handle.