(function () { // Unique ID to ensure we don't inject the callout multiple times const CALLOUT_ID = 'custom-sop-deadline-callout'; // The HTML component you provided const CALLOUT_HTML = `

สำคัญ : กรุณาส่งเปิดโครงการก่อนวันจัดอย่างน้อย 2 เดือน

`; // Function to check if the current URL matches your conditions function shouldShowCallout(pathname) { // Remove trailing slash to ensure exact matches work regardless of how the URL is typed const path = pathname.replace(/\/$/, ''); return ( path === '/sop' || path === '/sop/quicklinks' || path.startsWith('/sop/project') ); } // Core logic to inject or remove the callout function manageCalloutVisibility() { const isTargetPage = shouldShowCallout(window.location.pathname); const existingCallout = document.getElementById(CALLOUT_ID); if (isTargetPage) { // If we are on a target page and the callout isn't there yet, inject it if (!existingCallout) { // Mintlify pages reliably use

for the page title. // We inject the callout right after the main title. const h1Element = document.querySelector('#header'); if (h1Element) { const calloutWrapper = document.createElement('div'); calloutWrapper.id = CALLOUT_ID; calloutWrapper.innerHTML = CALLOUT_HTML; // Insert it right after the H1 element h1Element.parentNode.insertBefore(calloutWrapper, h1Element.nextSibling); } } } else { // If we navigate away to a non-matching page, remove the callout if (existingCallout) { existingCallout.remove(); } } } // 1. Attempt to run when the document initially loads document.addEventListener('DOMContentLoaded', manageCalloutVisibility); // 2. Set up a MutationObserver to handle SPA (Single Page Application) navigations // This watches the body for DOM updates and ensures the callout persists across React route changes const observer = new MutationObserver(() => { manageCalloutVisibility(); }); observer.observe(document.body, { childList: true, subtree: true }); })();