Merge branch 'hotfix/1.10.18' into released

Author: guanbinrui

package.json

@@ -1,6 +1,6 @@
 {
   "name": "maskbook",
-  "version": "1.10.16",
+  "version": "1.10.18",
   "private": true,
   "license": "AGPL-3.0-or-later",
   "scripts": {

src/manifest.json

@@ -1,7 +1,7 @@
 {
     "$schema": "http://json.schemastore.org/chrome-manifest",
     "name": "Maskbook",
-    "version": "1.10.16",
+    "version": "1.10.18",
     "manifest_version": 2,
     "web_accessible_resources": ["*.css", "*.js", "*.jpg", "*.png"],
     "permissions": ["storage", "downloads", "webNavigation", "activeTab"],

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

@@ -78,16 +78,17 @@ export async function pasteIntoPostBoxFacebook(
         const [element] = activated.evaluate()
         element.focus()
         await sleep(100)
-        if ('value' in document.activeElement!) dispatchCustomEvents('input', text)
-        else dispatchCustomEvents('paste', text)
-        element.dispatchEvent(new CustomEvent('input', { bubbles: true, cancelable: false, composed: true }))
+        // HACK: the is workaround
+        // https://github.com/eraeco/party.lol/blob/f63ae89b0b339b52aac12f65eb7a0865e522530a/content.js#L102
+        element.querySelector('br')?.replaceWith(document.createTextNode(text))
+        onToggleInput(element)
         await sleep(400)
         if (isMobileFacebook) {
             const e = document.querySelector<HTMLDivElement | HTMLTextAreaElement>('.mentions-placeholder')
             if (e) e.style.display = 'none'
         }
         // Prevent Custom Paste failed, this will cause service not available to user.
-        if (element.innerText.indexOf(text) === -1 && 'value' in element && element.value.indexOf(text) === -1) {
+        if (!(element.innerText.includes(text) || ('value' in element && element.value.includes(text)))) {
             copyFailed()
         }
     } catch {
@@ -99,3 +100,18 @@ export async function pasteIntoPostBoxFacebook(
         prompt(warningText, text)
     }
 }
+
+function onToggleInput(element: Element) {
+    try {
+        const init = { bubbles: true, cancelable: true }
+        for (const name of ['input', 'change']) {
+            element.dispatchEvent(new Event(name, init))
+        }
+        for (const name of ['keydown', 'keypress', 'keyup']) {
+            element.dispatchEvent(new KeyboardEvent(name, init))
+        }
+    } catch {
+        return false
+    }
+    return true
+}