add buttons

Author: ArthurFlag

layouts/partials/md-dropdown.html

@@ -57,6 +57,32 @@
           <div class="text-base">Ask questions with Docs AI</div>
         </div>
       </button>
+       <button
+        onclick="openInChatGPT()"
+        data-heap-id="search-docs-ai-button"
+        class="sub-button"
+      >
+        <span class="icon-svg mt-[2px] text-base leading-none">
+          {{ partial "icon" "search" }}
+        </span>
+        <div class="leading-tight">
+          <div class="text-base">Open in ChatGPT</div>
+        </div>
+      </button>
+
+       <button
+        onclick="openInClaude()"
+        data-heap-id="search-docs-ai-button"
+        class="sub-button"
+      >
+        <span class="icon-svg mt-[2px] text-base leading-none">
+          {{ partial "icon" "search" }}
+        </span>
+        <div class="leading-tight">
+          <div class="text-base">Open in Claude</div>
+        </div>
+      </button>
+
     </div>
   </details>
 
@@ -105,6 +131,32 @@
       }
     }
 
+    function openInChatGPT() {
+      fetch(getCurrentPlaintextUrl())
+        .then((response) => response.text())
+        .then((text) => {
+          const encodedText = encodeURIComponent(text);
+          const chatGPTUrl = `https://chat.openai.com/?q=${encodedText}`;
+          window.open(chatGPTUrl, "_blank");
+        })
+        .catch((err) => {
+          console.error("Error opening in ChatGPT:", err);
+        });
+    }
+
+    function openInClaude() {
+      fetch(getCurrentPlaintextUrl())
+        .then((response) => response.text())
+        .then((text) => {
+          const encodedText = encodeURIComponent(text);
+        const claudeUrl = `https://claude.ai/chat?contextUrl=${currentUrl}`;
+        window.open(claudeUrl, '_blank');
+        })
+        .catch((err) => {
+          console.error("Error opening in Claude:", err);
+        });
+    }
+
     document.addEventListener("click", function (event) {
       const dropdown = document.getElementById("markdownDropdown");