`; } function extractJSONFromDOM(container) { // Join all text content of the container const blacklistExampleKeys = ["id", "type", "data"]; const rawText = Array.from(container.querySelectorAll("span")) .map((span) => span.textContent) .join(""); try { const parsedJson = JSON.parse(rawText); const hasMatchingKey = Object.keys(parsedJson).some((key) => blacklistExampleKeys.includes(key) ); if (hasMatchingKey) return null; return parsedJson; } catch (err) { console.error("Failed to parse JSON:", err); return null; } } function onRouteChange() { const pathSegments = window.location.pathname.split("/"); const lastSegment = pathSegments[pathSegments.length - 1]; if (lastSegment.includes("webhook")) { console.log("Webhook-related page detected:", lastSegment); // Generate the JSON const codeElement = document.querySelector("#content-side-layout code"); const json = extractJSONFromDOM(codeElement); if (json === null) return; // Hide the existing Code Block codeElement.setAttribute("style", "display: none"); // Inject the custom example block injectCustomExampleBlock(); // Render the example buttons renderTheExampleButtons(json); } } onRouteChange(); const observer = new MutationObserver(() => { const newPath = window.location.pathname; if (newPath !== currentPath) { currentPath = newPath; onRouteChange(); } }); observer.observe(document.body, { childList: true, subtree: true, });

Collect

Billing

Technical Guides