Function injectMdButtonToMenu

scripts/injectGptButton.js:599–652

()

    }

    function injectMdButtonToMenu() {
        // Find the Radix menu content
        const menuContents = document.querySelectorAll('div[role="menu"]');

        menuContents.forEach(menuContent => {
            // Check if already injected
            if (menuContent.querySelector('.deepshare-menu-md-button')) {
                return;
            }

            console.debug('DeepShare: Injecting Markdown button into ChatGPT More menu');

            // Create menu item element matching ChatGPT's style
            const mdButton = document.createElement('div');
            mdButton.className = 'group __menu-item gap-1.5 deepshare-menu-md-button hover:bg-token-main-surface-secondary cursor-pointer px-3 py-2 rounded-xl';
            mdButton.setAttribute('role', 'menuitem');
            mdButton.setAttribute('tabindex', '0');

            // Find an existing menu item to copy styles if needed, or just use the class
            mdButton.innerHTML = `
                <div class="flex items-center justify-center group-disabled:opacity-50 group-data-disabled:opacity-50 icon">
                    <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="width: 20px; height: 20px;">
                        <path d="M20.56 18H3.44C2.65 18 2 17.37 2 16.59V7.41C2 6.63 2.65 6 3.44 6H20.56C21.35 6 22 6.63 22 7.41V16.59C22 17.37 21.35 18 20.56 18M6.81 15.19V11.53L8.73 13.88L10.65 11.53V15.19H12.58V8.81H10.65L8.73 11.16L6.81 8.81H4.89V15.19H6.81M19.69 12H17.77V8.81H15.85V12H13.92L16.81 15.28L19.69 12Z"/>
                    </svg>
                </div>
                <div class="flex min-w-0 grow items-center gap-2.5">
                    <div class="truncate">${chrome.i18n?.getMessage('saveAsMarkdown') || 'Save as Markdown'}</div>
                </div>
            `;

            // Append to the end of the menu
            menuContent.append(mdButton);

            // Click event
            mdButton.addEventListener('click', (e) => {
                e.stopPropagation();
                if (!activeMessageContainer) {
                    console.error('DeepShare: No active message container found');
                    return;
                }

                const markdown = extractContentWithFormulas(activeMessageContainer);
                if (markdown) {
                    downloadMarkdownFile(markdown);
                }

                // Close menu - GPT uses Radix, clicking outside or selecting works
                // We'll just let it be or try to find a backdrop if necessary
                // Most Radix menus close on selection automatically if handled right
                // But since we stopPropagation, we might need to manually close it if GPT doesn't
                document.body.click();
            });
        });
    }

    function downloadMarkdownFile(content) {
        const filename = generateFilename(content) + '.md';