From 9a112c476ebd58e40301f1dc9b33b837641089f7 Mon Sep 17 00:00:00 2001
From: Alexander Yakovlev <keloero@oreolek.ru>
Date: Fri, 28 Jan 2022 20:45:21 +0700
Subject: [PATCH 1/2] random guess button

not dictionary-based, sadly - performance problems
---
 src/App.css         |  3 ++-
 src/Game.tsx        |  2 ++
 src/RandomGuess.tsx | 28 ++++++++++++++++++++++++++++
 3 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 src/RandomGuess.tsx

diff --git a/src/App.css b/src/App.css
index 325af74ba..11723eae4 100644
--- a/src/App.css
+++ b/src/App.css
@@ -95,7 +95,8 @@ table.Game-rows > tbody {
   justify-content: stretch;
 }
 
-.Game-keyboard-button {
+.Game-keyboard-button,
+.Game-random-guess {
   margin: 2px;
   background-color: #cdcdcd;
   padding: 2px;
diff --git a/src/Game.tsx b/src/Game.tsx
index 89a63b8b7..9cbac9684 100644
--- a/src/Game.tsx
+++ b/src/Game.tsx
@@ -3,6 +3,7 @@ import { Row, RowState } from "./Row";
 import dictionary from "./dictionary.json";
 import { Clue, clue, describeClue, violation } from "./clue";
 import { Keyboard } from "./Keyboard";
+import { RandomGuess } from "./RandomGuess";
 import targetList from "./targets.json";
 import {
   dictionarySet,
@@ -287,6 +288,7 @@ function Game(props: GameProps) {
         letterInfo={letterInfo}
         onKey={onKey}
       />
+      <RandomGuess onKey={onKey} wordLength={wordLength} />
       {gameState !== GameState.Playing && (
         <p>
           <button
diff --git a/src/RandomGuess.tsx b/src/RandomGuess.tsx
new file mode 100644
index 000000000..ede930f75
--- /dev/null
+++ b/src/RandomGuess.tsx
@@ -0,0 +1,28 @@
+interface GuessProps {
+  onKey: (key: string) => void;
+  wordLength: number;
+}
+
+export function RandomGuess(props: GuessProps) {
+  return (
+    <div className="Game-random" aria-hidden="true">
+      <div className="Game-random-guess"
+        tabIndex={-1}
+        role="button"
+        onClick={() => {
+          let guess = "";
+          for (let i = 0; i < props.wordLength; i++) {
+            props.onKey("Backspace")
+          }
+          const chars = "abcdefghijklmnopqrstuvwxyz";
+          for (let i = 0; i < props.wordLength; i++) {
+            let letter = chars.charAt(Math.random() * chars.length)
+            props.onKey(letter);
+          }
+        }}
+      >
+        Random Guess
+      </div>
+    </div>
+  );
+}

From 4bba216080c6310a331dc53cad2ae12071b0bed9 Mon Sep 17 00:00:00 2001
From: Zorn <tim@zornco.com>
Date: Tue, 1 Feb 2022 07:29:23 -0500
Subject: [PATCH 2/2] feat: use randomTarget instead (#1)

use onKey and randomTarget for random word
---
 src/Game.tsx        | 2 +-
 src/RandomGuess.tsx | 8 +++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Game.tsx b/src/Game.tsx
index 9cbac9684..889a6130d 100644
--- a/src/Game.tsx
+++ b/src/Game.tsx
@@ -288,7 +288,7 @@ function Game(props: GameProps) {
         letterInfo={letterInfo}
         onKey={onKey}
       />
-      <RandomGuess onKey={onKey} wordLength={wordLength} />
+      <RandomGuess randomTarget={randomTarget} onKey={onKey} wordLength={wordLength} />
       {gameState !== GameState.Playing && (
         <p>
           <button
diff --git a/src/RandomGuess.tsx b/src/RandomGuess.tsx
index ede930f75..16b6f54b2 100644
--- a/src/RandomGuess.tsx
+++ b/src/RandomGuess.tsx
@@ -10,13 +10,11 @@ export function RandomGuess(props: GuessProps) {
         tabIndex={-1}
         role="button"
         onClick={() => {
-          let guess = "";
           for (let i = 0; i < props.wordLength; i++) {
-            props.onKey("Backspace")
+            props.onKey("Backspace");
           }
-          const chars = "abcdefghijklmnopqrstuvwxyz";
-          for (let i = 0; i < props.wordLength; i++) {
-            let letter = chars.charAt(Math.random() * chars.length)
+          const guess = props.randomTarget(props.wordLength);
+          for (const letter of guess) {
             props.onKey(letter);
           }
         }}