`; } function extractJSONFromDOM(container) { const blacklistExampleKeys = ["id", "type", "data"]; const rawText = container.innerText; 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 (pathSegments.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