Function injectDocxButton

scripts/injectDocxButton.js:6–296

* DeepShare DOCX Button Injector * Injects a DOCX conversion button into the DeepSeek interface

()

 */

function injectDocxButton() {
    console.debug('Initializing DOCX button injection');
    let floatingContainer = null;

    // Function to observe and inject the button
    function observeAndInjectButton() {
        // Create a mutation observer to watch for the copy button
        const observer = new MutationObserver((mutations) => {
            for (const mutation of mutations) {
                if (mutation.type === 'childList') {
                    // More robust selector targeting button containers and groups
                    const buttonContainers = document.querySelectorAll('.ds-flex[style*="align-items"][style*="gap"], div[class*="ds-flex"][style*="align-items: center"]');

                    buttonContainers.forEach(container => {
                        // Find button groups more flexibly - look for containers with gap and align-items
                        const buttonGroup = container.querySelector('.ds-flex[style*="align-items"][style*="gap"], div[class*="ds-flex"][style*="align-items"]') || container;

                        // Look for copy buttons using multiple strategies
                        let copyButtons = buttonGroup.querySelectorAll('[role="button"][tabindex]');

                        // Fallback: look for clickable divs that might be buttons
                        if (copyButtons.length === 0) {
                            copyButtons = buttonGroup.querySelectorAll('div[tabindex][role], div[style*="cursor"][role]');
                        }

                        // Further fallback: look for elements with button-like characteristics
                        if (copyButtons.length === 0) {
                            copyButtons = buttonGroup.querySelectorAll('div[class*="button"], div[class*="btn"], div[style*="cursor: pointer"]');
                        }

                        copyButtons.forEach(copyBtn => {
                            // More flexible check for copy button with prioritized strategies
                            // Strategy 1: .ds-icon-button class with role attribute and SVG path starting with M6.149
                            const isStrategy1 = copyBtn.classList.contains('ds-icon-button') &&
                                copyBtn.hasAttribute('role') &&
                                copyBtn.querySelector('svg path[d^="M6.149"]');

                            // Strategy 2 (most stable): First button with role="button"
                            const isStrategy2 = copyBtn === buttonGroup.querySelector('[role="button"]') ||
                                copyBtn === Array.from(buttonGroup.children).find(child =>
                                    child.hasAttribute('role') && child.getAttribute('role') === 'button');

                            const isCopyButton = isStrategy1 || isStrategy2;

                            if (!isCopyButton) return;

                            // Check if this is an AI response (not a user message)
                            // Strategy: Look for distinctive patterns between user messages and AI responses

                            // 1. User messages have the "d29f3d7d" class in their ds-message container
                            const isUserMessage = copyBtn.closest('.d29f3d7d, [class*="d29f3d7d"]');

                            // 2. AI responses are in containers with "_4f9bf79" class
                            const isAIContainer = copyBtn.closest('._4f9bf79, [class*="_4f9bf79"]');

                            // 3. AI responses typically have markdown content nearby
                            const nearbyMarkdown = copyBtn.closest('div').querySelector('.ds-markdown') ||
                                copyBtn.parentElement?.parentElement?.querySelector('.ds-markdown');