polish: accept Enter as a valid key in confirm dialogs (#887)

Instead of logging "Unrecognised input" when hitting return/enter in a confirm dialog, we should accept it as a confirmation. This patch also makes the default choice "y" bold in the dialog.

Author: threepointone

.changeset/tasty-pets-divide.md

@@ -0,0 +1,7 @@
+---
+"wrangler": patch
+---
+
+polish: accept Enter as a valid key in confirm dialogs
+
+Instead of logging "Unrecognised input" when hitting return/enter in a confirm dialog, we should accept it as a confirmation. This patch also makes the default choice "y" bold in the dialog.

packages/wrangler/src/dialogs.tsx

@@ -1,3 +1,4 @@
+import chalk from "chalk";
 import { Box, Text, useInput, render } from "ink";
 import TextInput from "ink-text-input";
 import * as React from "react";
@@ -8,8 +9,8 @@ type ConfirmProps = {
   onConfirm: (answer: boolean) => void;
 };
 function Confirm(props: ConfirmProps) {
-  useInput((input: string) => {
-    if (input === "y") {
+  useInput((input: string, key) => {
+    if (input === "y" || key.return === true) {
       props.onConfirm(true);
     } else if (input === "n") {
       props.onConfirm(false);
@@ -19,7 +20,9 @@ function Confirm(props: ConfirmProps) {
   });
   return (
     <Box>
-      <Text>{props.text} (y/n) </Text>
+      <Text>
+        {props.text} ({chalk.bold("y")}/n)
+      </Text>
     </Box>
   );
 }