add option to disable emote autocomplete

Author: ebiggz

src/injected-content/mixrelixr.js

@@ -1242,8 +1242,6 @@ $(() => {
         return;
       }
 
-
-
       messageContainer.attr('elixrfied', 'true');
 
       // Give chat messages a chat message class for easier targeting.

src/injected-content/vue-apps/emote-autocomplete/emote-autocomplete-binder.js

@@ -2,14 +2,24 @@ import Vue from "vue";
 import AutocompleteApp from "./emote-autocomplete";
 import { waitForElementAvailablity, debounce } from "../../utils";
 
+
 let app = null;
 export function bindEmoteAutocompleteApp(options, globalEmotesCache, channelEmotesCache, currentStreamerId) {
 
-    //remove previous
+    //clean up any previous
     if ($("#me-emote-autocomplete").length > 0) {
         $("#me-emote-autocomplete").remove();
     }
 
+    let keyupListenerFunc = debounce(keyupListener, 100);
+
+    $("#chat-input").children("textarea").off("keyup", keyupListenerFunc);
+    $("#chat-input").children("textarea").off("keydown", keydownListenerFunc);
+
+    if (options.enableEmoteAutocomplete === false) {
+        return;
+    }
+
     let showGlobalEmotes =
         options.customEmotes !== false &&
         options.globalEmotes !== false &&
@@ -54,13 +64,9 @@ export function bindEmoteAutocompleteApp(options, globalEmotesCache, channelEmot
 
     child.currentStreamerId = currentStreamerId;
 
-    let keyupListenerFunc = debounce(keyupListener, 100);
     let keydownListenerFunc = keydownListener;
 
-    $("#chat-input").children("textarea").off("keyup", keyupListenerFunc);
     $("#chat-input").children("textarea").on("keyup", keyupListenerFunc);
-
-    $("#chat-input").children("textarea").off("keydown", keydownListenerFunc);
     $("#chat-input").children("textarea").on("keydown", keydownListenerFunc);
 
     const chatSendBtnListener = function() {

src/popup/components/streamerPageOptions.vue

@@ -23,6 +23,7 @@
             <div v-show="customEmotes" class="option-wrapper suboption">
                 <checkbox-toggle :value.sync="globalEmotes" label="Enable Global Emotes" @changed="saveSettings()" tooltip="Global emotes are a set of emotes curated by the MixrElixr team that are available in all channels."></checkbox-toggle>
                 <checkbox-toggle :value.sync="channelEmotes" label="Enable Channel Emotes" @changed="saveSettings()" tooltip="Channel emotes are set by the channel owner and reviewed by the MixrElixr team. They are only available in the given channel."></checkbox-toggle>
+				<checkbox-toggle :value.sync="enableEmoteAutocomplete" label="Enable Emote Autocomplete Menu" @changed="saveSettings()" tooltip="Enables the emote autocomplete menu when typing in the chat textbox."></checkbox-toggle>
             </div>
 
             <span class="setting-subcategory">Chat</span>

src/popup/mixins/settingsStorage.js

@@ -70,6 +70,7 @@ global.settingsStorage = {
             customEmotes: true,
             globalEmotes: true,
             channelEmotes: true,
+            enableEmoteAutocomplete: true,
             hideChatAvatars: false,
             hideChannelProgression: false,
             hideChatHeaders: false,