Refactor chatbot message submission functions to accept a parameters object instead of positional arguments, and update the Copilot content script to correctly implement

Author: robertpiosik

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/ai-studio.ts

@@ -367,10 +367,7 @@ export const ai_studio: Chatbot = {
     top_p_element.value = top_p.toString()
     top_p_element.dispatchEvent(new Event('change', { bubbles: true }))
   },
-  enter_message_and_send: async (
-    message: string,
-    without_submission?: boolean
-  ) => {
+  enter_message_and_send: async (params) => {
     const input_element = document.querySelector(
       'textarea'
     ) as HTMLTextAreaElement
@@ -382,7 +379,7 @@ export const ai_studio: Chatbot = {
       })
       return
     }
-    input_element.value = message
+    input_element.value = params.message
     input_element.dispatchEvent(new Event('input', { bubbles: true }))
     input_element.dispatchEvent(new Event('change', { bubbles: true }))
     await new Promise((r) => requestAnimationFrame(r))
@@ -403,7 +400,7 @@ export const ai_studio: Chatbot = {
 
     await close_panel()
 
-    if (without_submission) return
+    if (params.without_submission) return
 
     const send_button = document.querySelector(
       'ms-run-button > button'

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/claude.ts

@@ -111,10 +111,7 @@ export const claude: Chatbot = {
       }
     }
   },
-  enter_message_and_send: async (
-    message: string,
-    without_submission?: boolean
-  ) => {
+  enter_message_and_send: async (params) => {
     const input_element = document.querySelector(
       'div[contenteditable=true]'
     ) as HTMLElement
@@ -128,12 +125,12 @@ export const claude: Chatbot = {
       return
     }
 
-    input_element.innerText = message
+    input_element.innerText = params.message
     input_element.dispatchEvent(new Event('input', { bubbles: true }))
     input_element.dispatchEvent(new Event('change', { bubbles: true }))
     await new Promise((r) => setTimeout(r, 500))
 
-    if (without_submission) return
+    if (params.without_submission) return
 
     const submit_button = Array.from(
       document.querySelectorAll('fieldset button')

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/copilot.ts

@@ -11,7 +11,16 @@ import {
 
 export const copilot: Chatbot = {
   wait_until_ready: async () => {
-    await new Promise((resolve) => setTimeout(resolve, 1000))
+    await new Promise((resolve) => {
+      const check_for_element = () => {
+        if (document.querySelector('textarea')) {
+          resolve(null)
+        } else {
+          setTimeout(check_for_element, 100)
+        }
+      }
+      check_for_element()
+    })
   },
   set_model: async (model?: string) => {
     if (!model) return
@@ -77,10 +86,7 @@ export const copilot: Chatbot = {
 
     await new Promise((r) => requestAnimationFrame(r))
   },
-  enter_message_and_send: async (
-    message: string,
-    without_submission?: boolean
-  ) => {
+  enter_message_and_send: async (params) => {
     const input_element = document.querySelector(
       'textarea'
     ) as HTMLTextAreaElement
@@ -92,12 +98,12 @@ export const copilot: Chatbot = {
       })
       return
     }
-    input_element.value = message
+    input_element.value = params.message
     input_element.dispatchEvent(new Event('input', { bubbles: true }))
     input_element.dispatchEvent(new Event('change', { bubbles: true }))
     await new Promise((r) => requestAnimationFrame(r))
 
-    if (without_submission) return
+    if (params.without_submission) return
 
     const send_button = document.querySelector(
       'button[data-testid="submit-button"]'

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/kimi.ts

@@ -21,10 +21,7 @@ export const kimi: Chatbot = {
       check_for_element()
     })
   },
-  enter_message_and_send: async (
-    message: string,
-    without_submission?: boolean
-  ) => {
+  enter_message_and_send: async (params) => {
     const input_element = document.querySelector(
       'div[contenteditable=true]'
     ) as HTMLElement
@@ -42,11 +39,11 @@ export const kimi: Chatbot = {
         bubbles: true,
         cancelable: true,
         inputType: 'insertText',
-        data: message
+        data: params.message
       })
     )
 
-    if (without_submission) return
+    if (params.without_submission) return
 
     await new Promise<void>((resolve) => {
       const check_button_state = () => {

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/meta.ts

@@ -28,10 +28,7 @@ export const meta: Chatbot = {
       check_for_element()
     })
   },
-  enter_message_and_send: async (
-    message: string,
-    without_submission?: boolean
-  ) => {
+  enter_message_and_send: async (params) => {
     const input_element = document.querySelector(
       'div[contenteditable=true]'
     ) as HTMLElement
@@ -50,11 +47,11 @@ export const meta: Chatbot = {
         bubbles: true,
         cancelable: true,
         inputType: 'insertText',
-        data: message
+        data: params.message
       })
     )
 
-    if (without_submission) return
+    if (params.without_submission) return
 
     try {
       await new Promise<void>((resolve, reject) => {

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/perplexity.ts

@@ -25,14 +25,14 @@ export const perplexity: Chatbot = {
       check_for_element()
     })
   },
-  enter_message_and_send: async (
-    message: string,
-    without_submission?: boolean
-  ) => {
-    let instructions = message
-    if (message.includes('<files>')) {
-      instructions = message.split('<files>')[0].trim()
-      const context = message.split('<files>')[1].split('</files>')[0].trim()
+  enter_message_and_send: async (params) => {
+    let instructions = params.message
+    if (params.message.includes('<files>')) {
+      instructions = params.message.split('<files>')[0].trim()
+      const context = params.message
+        .split('<files>')[1]
+        .split('</files>')[0]
+        .trim()
 
       // Upload file
       const file_input = document.querySelector(
@@ -88,7 +88,7 @@ export const perplexity: Chatbot = {
 
     await new Promise((r) => requestAnimationFrame(r))
 
-    if (without_submission) return
+    if (params.without_submission) return
 
     const submit_button = document.querySelector(
       'button[data-testid="submit-button"]'

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/qwen.ts

@@ -144,14 +144,14 @@ export const qwen: Chatbot = {
       }
     }
   },
-  enter_message_and_send: async (
-    message: string,
-    without_submission?: boolean
-  ) => {
-    let instructions = message
-    if (message.includes('<files>')) {
-      instructions = message.split('<files>')[0].trim()
-      const context = message.split('<files>')[1].split('</files>')[0].trim()
+  enter_message_and_send: async (params) => {
+    let instructions = params.message
+    if (params.message.includes('<files>')) {
+      instructions = params.message.split('<files>')[0].trim()
+      const context = params.message
+        .split('<files>')[1]
+        .split('</files>')[0]
+        .trim()
 
       // Upload file
       const file_input = document.querySelector(
@@ -201,7 +201,7 @@ export const qwen: Chatbot = {
     input_element.dispatchEvent(new Event('change', { bubbles: true }))
     await new Promise((r) => requestAnimationFrame(r))
 
-    if (without_submission) return
+    if (params.without_submission) return
 
     // Submit
     const submit_button = document.querySelector(

packages/browser/src/content-scripts/send-prompt-content-script/send-prompt-content-script.ts

@@ -130,7 +130,6 @@ export const get_textarea_element = () => {
     [ai_studio_url]: 'textarea',
     [gemini_url]: 'div[contenteditable="true"]',
     [openrouter_url]: 'textarea',
-    [meta_url]: 'div[contenteditable="true"]',
     [chatgpt_url]: 'div#prompt-textarea',
     [copilot_url]: 'textarea',
     [grok_url]: 'textarea',
@@ -237,10 +236,10 @@ const initialize_chat = async (params: {
     await chatbot.set_options(params.chat.options || [])
   }
   if (chatbot?.enter_message_and_send) {
-    await chatbot.enter_message_and_send(
-      params.message,
-      params.without_submission
-    )
+    await chatbot.enter_message_and_send({
+      message: params.message,
+      without_submission: params.without_submission
+    })
   } else {
     await enter_message_and_send({
       input_element: get_textarea_element(),

packages/browser/src/content-scripts/send-prompt-content-script/types/chatbot.ts

@@ -11,8 +11,8 @@ export type Chatbot = {
     client_id: number,
     raw_instructions?: string
   ) => void
-  enter_message_and_send?: (
-    message: string,
+  enter_message_and_send?: (params: {
+    message: string
     without_submission?: boolean
-  ) => Promise<void>
+  }) => Promise<void>
 }

packages/browser/src/manifest.json

@@ -25,25 +25,24 @@
     {
       "matches": [
         "https://aistudio.google.com/prompts/new_chat",
-        "https://gemini.google.com/app",
-        "https://gemini.google.com/u/*/app",
-        "https://openrouter.ai/chat*",
         "https://chatgpt.com/",
-        "https://copilot.microsoft.com/",
         "https://claude.ai/new",
-        "https://grok.com/",
+        "https://copilot.microsoft.com/",
         "https://chat.deepseek.com/",
+        "https://www.doubao.com/chat/",
+        "https://gemini.google.com/app",
+        "https://gemini.google.com/u/*/app",
+        "https://grok.com/",
+        "https://www.kimi.com/",
         "https://chat.mistral.ai/chat",
-        "https://www.meta.ai/",
+        "http://openwebui/",
+        "https://openrouter.ai/chat*",
+        "https://www.perplexity.ai/",
         "https://chat.qwen.ai/",
+        "https://chat.together.ai/",
         "https://yuanbao.tencent.com/chat*",
-        "https://www.doubao.com/chat/",
-        "https://www.perplexity.ai/",
-        "https://www.kimi.com/",
         "https://chat.z.ai/",
-        "https://chat.together.ai/",
-        "http://localhost/",
-        "http://openwebui/"
+        "http://localhost/"
       ],
       "js": ["send-prompt-content-script.js"]
     }