claude now works, no deprecated.

Author: MaxITService

buttons-clicking-claude.js

@@ -1,6 +1,7 @@
 // buttons-clicking-claude.js
 // This file is a dependency for buttons.js. It provides functions to handle the send button clicking process for Claude.
 
+'use strict';
 
 /**
  * Handles text insertion and sending for Claude site
@@ -28,18 +29,14 @@ function processClaudeCustomSendButtonClick(event, customText, autoSend) {
 
 /**
  * Handles the send button clicking process for Claude
+ * Uses a promise-based approach to wait for the send button, reducing duplicate code.
  */
 function handleClaudeSend() {
-    // Add timeout and attempt counter for finding send button
-    let attempts = 0;
-    const MAX_ATTEMPTS = 50;
-    const TIMEOUT_DURATION = 5000;
-    let timeoutId;
-
-    function findClaudeSendButton() {
-        // Common selectors for Claude send buttons
-        const sendButtonSelectors = window.InjectionTargetsOnWebsite.selectors.sendButtons;
+    const TIMEOUT_DURATION = 5000; // 5 seconds
 
+    // Helper to find a send button using the selectors provided
+    const findClaudeSendButton = () => {
+        const sendButtonSelectors = window.InjectionTargetsOnWebsite.selectors.sendButtons;
         for (const selector of sendButtonSelectors) {
             const button = document.querySelector(selector);
             if (button) {
@@ -48,55 +45,55 @@ function handleClaudeSend() {
             }
         }
         return null;
-    }
+    };
 
-    // First immediate attempt
-    const sendButton = findClaudeSendButton();
-    if (sendButton) {
-        logConCgp('[Claude] Send button found immediately, delaying click by 200ms');
-        setTimeout(() => {
-            MaxExtensionUtils.simulateClick(sendButton);
-            logConCgp('[Claude] Send button clicked after 200ms delay');
-        }, 200);
-        return;
-    }
+    // Promise-based helper to wait for a send button
+    const waitForClaudeSendButton = (timeout = TIMEOUT_DURATION) => {
+        return new Promise((resolve, reject) => {
+            // Try immediately
+            const button = findClaudeSendButton();
+            if (button) {
+                return resolve(button);
+            }
 
-    // If not found, set up observer
-    logConCgp('[Claude] Send button not found immediately, setting up observer');
+            let attempts = 0;
+            const observer = new MutationObserver(() => {
+                attempts++;
+                const btn = findClaudeSendButton();
+                if (btn) {
+                    observer.disconnect();
+                    logConCgp(`[Claude] Send button found after ${attempts} mutation callbacks`);
+                    resolve(btn);
+                } else {
+                    logConCgp(`[Claude] Attempt ${attempts}: Send button not found yet`);
+                }
+            });
 
-    const observer = new MutationObserver((mutations, obs) => {
-        attempts++;
-        const sendButton = findClaudeSendButton();
+            observer.observe(document.body, { childList: true, subtree: true });
 
-        if (sendButton) {
-            clearTimeout(timeoutId);
-            obs.disconnect();
-            logConCgp('[Claude] Send button found after observation, delaying click by 200ms');
+            // Timeout to reject the promise if the button is not found
+            setTimeout(() => {
+                observer.disconnect();
+                reject(new Error('Timeout reached without finding send button'));
+            }, timeout);
+        });
+    };
+
+    // Use an async IIFE to wait for the send button and then click it
+    (async () => {
+        try {
+            const sendButton = await waitForClaudeSendButton();
+            logConCgp('[Claude] Send button found, delaying click by 200ms');
             setTimeout(() => {
                 MaxExtensionUtils.simulateClick(sendButton);
                 logConCgp('[Claude] Send button clicked after 200ms delay');
             }, 200);
-        } else if (attempts >= MAX_ATTEMPTS) {
-            clearTimeout(timeoutId);
-            obs.disconnect();
-            logConCgp('[Claude] Maximum attempts reached without finding send button');
-        } else {
-            logConCgp(`[Claude] Attempt ${attempts}/${MAX_ATTEMPTS}: Send button not found yet`);
+        } catch (error) {
+            logConCgp('[Claude] ' + error.message);
         }
-    });
-
-    observer.observe(document.body, {
-        childList: true,
-        subtree: true
-    });
-
-    timeoutId = setTimeout(() => {
-        observer.disconnect();
-        logConCgp('[Claude] Timeout reached without finding send button');
-    }, TIMEOUT_DURATION);
+    })();
 }
 
-
 /**
  * Utility functions for handling text insertion in Claude's editor
  * Handles different editor states and element structures
@@ -241,7 +238,7 @@ const ClaudeEditorUtils = {
             // Focus the editor
             editorElement.focus();
 
-            // If editor has placeholder, clear it
+            // If editor has placeholder or is empty, initialize content
             if (editorState.hasPlaceholder || editorState.isEmpty) {
                 logConCgp('[ClaudeEditor] Editor is empty or has placeholder, initializing content');
                 editorElement.innerHTML = '<p><br></p>';
@@ -288,6 +285,7 @@ const ClaudeEditorUtils = {
 
     /**
      * Inserts text into the editor, handling both empty and non-empty cases
+     * Uses modern Range and Selection APIs.
      * @param {Element} editorElement - The editor element
      * @param {string} textToInsert - The text to insert
      * @returns {boolean} - Whether the insertion was successful
@@ -298,6 +296,9 @@ const ClaudeEditorUtils = {
             editorElement.focus();
 
             const selection = window.getSelection();
+            if (!selection) {
+                throw new Error('Selection API not available');
+            }
             selection.removeAllRanges();
             const range = document.createRange();
 
@@ -308,9 +309,7 @@ const ClaudeEditorUtils = {
                 editorElement.appendChild(newParagraph);
                 range.setStart(newParagraph, 0);
             } else {
-                // Editor has content, append text to last paragraph
-
-                // Find the last paragraph element
+                // Editor has content, append text to the last paragraph
                 const paragraphs = editorElement.querySelectorAll('p');
                 let lastParagraph;
                 if (paragraphs.length > 0) {
@@ -320,8 +319,6 @@ const ClaudeEditorUtils = {
                     lastParagraph = document.createElement('p');
                     editorElement.appendChild(lastParagraph);
                 }
-
-                // Set the selection to the end of the last paragraph
                 range.selectNodeContents(lastParagraph);
                 range.collapse(false);
             }