also quote tweets

dimdenGD · Jul 30, 2022 · d6e35ba · d6e35ba
1 parent 81bf408
commit d6e35ba
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -54,12 +54,14 @@ When you're on your home timeline there are some hotkeys supported. On bottom-ri
 `L` - (un)favorite/like tweet.  
 `T` - (un)retweet tweet.  
 `R` - open reply box.  
+`Q` - open quote box.  
 `SPACE` - open full image / pause or resume video.  
 `ENTER` - open tweet in new tab.  
 
-These hotkeys work only when reply box is opened.  
+These hotkeys work only when reply/quote box is opened.  
 `ALT+R` - close reply box.  
-`CTRL+ENTER` - send reply.  
+`ALT+Q` - close quote box.  
+`CTRL+ENTER` - send reply/quote tweet.  
 `ALT+M` - upload media.  
 `ALT+F` - remove first uploaded media.   
 

diff --git a/layouts/home/script.js b/layouts/home/script.js
@@ -1157,6 +1157,7 @@ document.addEventListener('scroll', async () => {
 // tweet hotkeys
 let tle = document.getElementById('timeline');
 document.addEventListener('keydown', async e => {
+    // reply box
     if(e.target.className === 'tweet-reply-text') {
         if(e.altKey) {
             if(e.keyCode === 82) { // ALT+R
@@ -1179,6 +1180,28 @@ document.addEventListener('keydown', async e => {
             }
         }
     }
+    if(e.target.className === 'tweet-quote-text') {
+        if(e.altKey) {
+            if(e.keyCode === 81) { // ALT+Q
+                // hide quote box
+                e.target.blur();
+                let tweetReply = activeTweet.getElementsByClassName('tweet-quote')[0];
+                tweetReply.hidden = true;
+            } else if(e.keyCode === 77) { // ALT+M
+                // upload media
+                let tweetQuoteUpload = activeTweet.getElementsByClassName('tweet-quote-upload')[0];
+                tweetQuoteUpload.click();
+            } else if(e.keyCode === 70) { // ALT+F
+                // remove first media
+                e.preventDefault();
+                e.stopImmediatePropagation();
+                let tweetQuoteMediaElement = activeTweet.getElementsByClassName('tweet-quote-media')[0].children[0];
+                if(!tweetQuoteMediaElement) return;
+                let removeBtn = tweetQuoteMediaElement.getElementsByClassName('new-tweet-media-img-remove')[0];
+                removeBtn.click();
+            }
+        }
+    }
     if(e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
     if(e.keyCode === 83) { // S
         // next tweet
@@ -1205,15 +1228,29 @@ document.addEventListener('keydown', async e => {
         let tweetRetweetButton = activeTweet.querySelector('.tweet-interact-retweet-menu-retweet');
         tweetRetweetButton.click();
     } else if(e.keyCode === 82) { // R
-        // reply to tweet
+        // open reply box
         if(!activeTweet) return;
         e.preventDefault();
         e.stopImmediatePropagation();
         let tweetReply = activeTweet.getElementsByClassName('tweet-reply')[0];
+        let tweetQuote = activeTweet.getElementsByClassName('tweet-quote')[0];
         let tweetReplyText = activeTweet.getElementsByClassName('tweet-reply-text')[0];
 
         tweetReply.hidden = false;
+        tweetQuote.hidden = true;
         tweetReplyText.focus();
+    } else if(e.keyCode === 81) { // Q
+        // open quote box
+        if(!activeTweet) return;
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        let tweetReply = activeTweet.getElementsByClassName('tweet-reply')[0];
+        let tweetQuote = activeTweet.getElementsByClassName('tweet-quote')[0];
+        let tweetQuoteText = activeTweet.getElementsByClassName('tweet-quote-text')[0];
+
+        tweetReply.hidden = true;
+        tweetQuote.hidden = false;
+        tweetQuoteText.focus();
     } else if(e.keyCode === 32) { // Space
         // toggle tweet media
         if(!activeTweet) return;