feat: pasteIntoPostBox on twitter

src/social-network-provider/facebook.com/tasks/pasteIntoPostBox.ts

@@ -74,7 +74,7 @@ export async function pasteIntoPostBoxFacebook(
         console.log('Awaiting dialog')
     }
     try {
-        const [element] = activated.evaluateOnce()
+        const [element] = activated.evaluate()
         element.focus()
         await sleep(100)
         if ('value' in document.activeElement!) dispatchCustomEvents('input', text)

src/social-network-provider/twitter.com/ui/tasks.ts

@@ -1,17 +1,18 @@
 import { dispatchCustomEvents, sleep, untilDocumentReady } from '../../../utils/utils'
-import { editProfileButtonSelector, editProfileTextareaSelector, newPostEditorInnerSelector } from '../utils/selector'
+import { editProfileButtonSelector, editProfileTextareaSelector } from '../utils/selector'
 import { geti18nString } from '../../../utils/i18n'
-import { SocialNetworkUITasks } from '../../../social-network/ui'
+import { SocialNetworkUI, SocialNetworkUITasks } from '../../../social-network/ui'
 import { fetchBioCard, fetchPost } from '../utils/status'
 import { resolveInfoFromBioCard } from '../utils/fetch'
+import { getFocus, getText } from '../utils/postBox'
 
-const taskPasteIntoPostBox = async (text: string) => {
-    await untilDocumentReady()
-    const i = newPostEditorInnerSelector().evaluate()!
-    i.click()
-    dispatchCustomEvents('input', text)
-    throw new Error('Logic not complete for now, remove this before next release')
-    // TODO: detect if things successfully paste in by something like, innerText
+const taskPasteIntoPostBox: SocialNetworkUI['taskPasteIntoPostBox'] = async (text, opt) => {
+    await getFocus() // This also waits for document loaded
+    dispatchCustomEvents('paste', text)
+    if (getText() !== text) {
+        console.warn('Text pasting failed')
+        prompt(opt.warningText, text)
+    }
 }
 
 const taskPasteIntoBio = async (text: string) => {

src/social-network-provider/twitter.com/utils/postBox.ts

@@ -0,0 +1,33 @@
+import { sleep, untilDocumentReady } from '../../../utils/utils'
+import { isUndefined } from 'lodash-es'
+import { newPostEditorFocusAnchor, newPostEditorHasFocus, newPostEditorSelector } from './selector'
+import { equal } from '../../../utils/assert'
+
+export const getFocus = async () => {
+    await untilDocumentReady()
+    while (isUndefined(newPostEditorSelector().evaluate())) {
+        await sleep(1000)
+    }
+
+    if (!hasFocus()) {
+        try {
+            const i = newPostEditorFocusAnchor().evaluate()!
+            i.focus()
+        } catch {
+            await requestManualClick()
+        }
+    }
+
+    equal(hasFocus(), true, 'Failed to get focus')
+}
+
+const hasFocus = () => !isUndefined(newPostEditorHasFocus().evaluate())
+
+const requestManualClick = async () => {
+    alert('Please manually select the post box')
+    while (!hasFocus()) {
+        await sleep(1000)
+    }
+}
+
+export const getText = () => newPostEditorSelector().evaluate()!.innerText

src/social-network-provider/twitter.com/utils/selector.ts

@@ -27,8 +27,10 @@ export const postViewMain = () =>
 const newPostEditor = '[role="main"] [role="progressbar"] ~ div'
 export const newPostEditorBelow = () => querySelector<HTMLDivElement>(`${newPostEditor} > div`)
 export const newPostEditorSelector = () => querySelector<HTMLDivElement>(`${newPostEditor} .DraftEditor-root`)
-export const newPostEditorInnerSelector = () =>
-    newPostEditorSelector().querySelector<HTMLDivElement>('.DraftEditor-editorContainer > div')
+export const newPostEditorFocusAnchor = () =>
+    querySelector<HTMLDivElement>(`${newPostEditor} .public-DraftEditor-content`)
+
+export const newPostEditorHasFocus = () => querySelector(`.public-DraftEditorPlaceholder-hasFocus`)
 
 export const editProfileButtonSelector = () =>
     querySelector<HTMLAnchorElement>('[data-testid="primaryColumn"] [href="/settings/profile"]')