repaste hashtags when composer gets re-enabled

Fixes #560
eramdam · Apr 6, 2021 · 24825d5 · 24825d5
1 parent eaf6c31
commit 24825d5
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 2 deletions.
diff --git a/src/features/keepTweetedHashtags.ts b/src/features/keepTweetedHashtags.ts
@@ -1,5 +1,5 @@
 import {isHTMLElement} from '../helpers/domHelpers';
-import {onComposerShown} from '../helpers/tweetdeckHelpers';
+import {onComposerDisabledStateChange, onComposerShown} from '../helpers/tweetdeckHelpers';
 import {makeBTDModule} from '../types/btdCommonTypes';
 
 export const keepTweetedHashtagsInComposer = makeBTDModule(({jq, settings}) => {
@@ -10,7 +10,6 @@ export const keepTweetedHashtagsInComposer = makeBTDModule(({jq, settings}) => {
 
   function pasteHashtags() {
     const tweetTextArea = document.querySelector<HTMLTextAreaElement>('textarea.js-compose-text');
-    console.log('savedHashtags', savedHashtags);
 
     if (!tweetTextArea) {
       return;
@@ -54,5 +53,13 @@ export const keepTweetedHashtagsInComposer = makeBTDModule(({jq, settings}) => {
 
       pasteHashtags();
     });
+
+    onComposerDisabledStateChange((isDisabled) => {
+      if (isDisabled) {
+        return;
+      }
+
+      pasteHashtags();
+    });
   });
 });
diff --git a/src/helpers/tweetdeckHelpers.ts b/src/helpers/tweetdeckHelpers.ts
@@ -187,6 +187,35 @@ export function onComposerShown(callback: HandlerOf<boolean>) {
   };
 }
 
+export function onComposerDisabledStateChange(callback: HandlerOf<boolean>) {
+  const tweetComposerObserver = new MutationObserver(() => {
+    const tweetComposer = document.querySelector(
+      '.drawer[data-drawer="compose"] textarea.js-compose-text'
+    );
+    callback(tweetComposer?.getAttribute('disabled') === 'true');
+  });
+
+  onComposerShown((isVisible) => {
+    if (!isVisible) {
+      tweetComposerObserver.disconnect();
+      return;
+    }
+
+    const tweetComposer = document.querySelector(
+      '.drawer[data-drawer="compose"] textarea.js-compose-text'
+    );
+
+    if (!tweetComposer) {
+      return;
+    }
+
+    tweetComposerObserver.observe(tweetComposer, {
+      attributeFilter: ['disabled'],
+      attributes: true,
+    });
+  });
+}
+
 // From http://stackoverflow.com/questions/1064089/inserting-a-text-where-cursor-is-using-javascript-jquery
 function insertAtCursor(input: HTMLInputElement | HTMLTextAreaElement, value: string) {
   if (input.selectionStart || input.selectionStart === 0) {