From 6c0cab5fa5d3c42eeec99164dfb42551ea367a0d Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Fri, 6 Nov 2020 21:03:15 +0000
Subject: [PATCH] added 'hide extra letters'

---
 src/js/commandline.js |  7 +++++++
 src/js/script.js      |  5 ++++-
 src/js/userconfig.js  | 18 ++++++++++++++++++
 static/index.html     | 16 ++++++++++++++++
 4 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/src/js/commandline.js b/src/js/commandline.js
index a8ed2a322..fcb86dfda 100644
--- a/src/js/commandline.js
+++ b/src/js/commandline.js
@@ -214,6 +214,13 @@ let commands = {
         toggleIndicateTypos();
       },
     },
+    {
+      id: "toggleHideExtraLetters",
+      display: "Toggle hide extra letters",
+      exec: () => {
+        toggleHideExtraLetters();
+      },
+    },
     // {
     //   id: "toggleReadAheadMode",
     //   display: "Toggle read ahead mode",
diff --git a/src/js/script.js b/src/js/script.js
index 13dee7f15..3c626ae32 100644
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -994,7 +994,10 @@ function compareInput(showError) {
           }
         } else {
           if (currentWord[i] == undefined) {
-            ret += '<letter class="incorrect extra">' + input[i] + "</letter>";
+            if (!config.hideExtraLetters) {
+              ret +=
+                '<letter class="incorrect extra">' + input[i] + "</letter>";
+            }
           } else {
             ret +=
               '<letter class="incorrect">' +
diff --git a/src/js/userconfig.js b/src/js/userconfig.js
index 8593e221f..c9f45b392 100644
--- a/src/js/userconfig.js
+++ b/src/js/userconfig.js
@@ -70,6 +70,7 @@ let defaultConfig = {
   highlightMode: "letter",
   alwaysShowCPM: false,
   enableAds: "off",
+  hideExtraLetters: false,
 };
 
 let cookieConfig = null;
@@ -225,6 +226,7 @@ function applyConfig(configObj) {
     setPunctuation(configObj.punctuation, true);
     setHighlightMode(configObj.highlightMode, true);
     setAlwaysShowCPM(configObj.alwaysShowCPM, true);
+    setHideExtraLetters(configObj.hideExtraLetters, true);
     setMode(configObj.mode, true);
     config.startGraphsAtZero = configObj.startGraphsAtZero;
     // if (
@@ -783,6 +785,22 @@ function setHighlightMode(mode, nosave) {
   if (!nosave) saveConfigToCookie();
 }
 
+function setHideExtraLetters(val, nosave) {
+  if (val == null || val == undefined) {
+    val = false;
+  }
+  config.hideExtraLetters = val;
+  if (!nosave) saveConfigToCookie();
+}
+
+function toggleHideExtraLetters() {
+  config.hideExtraLetters = !config.hideExtraLetters;
+  // if (config.keymapMode !== "off") {
+  //   config.keymapMode = "off";
+  // }
+  saveConfigToCookie();
+}
+
 function setTimerStyle(style, nosave) {
   if (style == null || style == undefined) {
     style = "bar";
diff --git a/static/index.html b/static/index.html
index b8a67f770..73b1ed340 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1818,6 +1818,22 @@
                   </div>
                 </div>
               </div>
+              <div class="section hideExtraLetters" section="">
+                <h1>hide extra letters</h1>
+                <div class="text">
+                  Hides extra letters. This will completely avoid words jumping
+                  lines (due to changing width), but might feel a bit confusing
+                  when you press a key and nothing happens.
+                </div>
+                <div class="buttons">
+                  <div class="button off" tabindex="0" onclick="this.blur();">
+                    off
+                  </div>
+                  <div class="button on" tabindex="0" onclick="this.blur();">
+                    on
+                  </div>
+                </div>
+              </div>
               <div class="section swapEscAndTab" section="">
                 <h1>swap esc and tab</h1>
                 <div class="text">