From 8f0115e7b09edf9dc6c044277d4111cd17665849 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Wed, 17 Nov 2021 18:37:33 +0100
Subject: [PATCH] emotes sending on mouse down holding.

---
 client/src/components/emotes.vue | 21 +++++++++++++++++++--
 docs/changelog.md                |  1 +
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/client/src/components/emotes.vue b/client/src/components/emotes.vue
index f8bedec3..e1e21e12 100644
--- a/client/src/components/emotes.vue
+++ b/client/src/components/emotes.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="emotes">
+  <div class="emotes" @mouseleave="stopSendingEmotes"  @mouseup="stopSendingEmotes">
     <ul v-if="!muted">
       <li v-for="emote in recent" :key="emote">
-        <div @click.stop.prevent="sendEmote(emote)" :class="['emote', emote]" />
+        <div :class="['emote', emote]" @mousedown.stop.prevent="startSendingEmotes(emote)" />
       </li>
       <li>
         <i @click.stop.prevent="open" class="fas fa-grin-beam"></i>
@@ -171,5 +171,22 @@
       }
       this.$accessor.chat.sendEmote(emote)
     }
+
+    private interval!: number
+
+    startSendingEmotes(emote: string) {
+      this.$accessor.chat.sendEmote(emote)
+      this.stopSendingEmotes()
+
+      this.interval = window.setInterval(() => {
+        this.$accessor.chat.sendEmote(emote)
+      }, 350)
+    }
+
+    stopSendingEmotes() {
+      if (this.interval) {
+        clearInterval(this.interval)
+      }
+    }
   }
 </script>
diff --git a/docs/changelog.md b/docs/changelog.md
index dce92124..29898ab9 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -6,6 +6,7 @@
 - Lock controls for users, globally.
 - Ability to set locks from config `NEKO_LOCKS=control login`.
 - Added control protection - users can gain control only if at least one admin is in the room `NEKO_CONTROL_PROTECTION=true`.
+- Emotes sending on mouse down holding.
 
 ### Misc
 - ARM-based images not bound to Raspberry Pi only.