scriptoriumadmin/fabro
1
0
Fork 0
mirror of https://github.com/fabro-sh/fabro.git synced 2026-08-28 05:27:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add debug marker and delay to dot-highlight script

Browse source 
Add data attribute to confirm script execution, and delay
initialization to avoid React hydration clobbering changes.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-03-17 10:16:00 -04:00
parent 5d1482ad64
commit f6dff82852
No known key found for this signature in database
1 changed files with 18 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
docs/dot-highlight.js
View file

@ -101,16 +101,25 @@
});
}
// Run on initial load and on client-side navigation
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", highlightDotBlocks);
} else {
// Debug: mark that the script ran
document.documentElement.setAttribute("data-dot-highlight", "loaded");
// Run after a short delay to let React hydration complete
function init() {
document.documentElement.setAttribute("data-dot-highlight", "init");
highlightDotBlocks();
// Re-run on SPA navigation (Mintlify uses Next.js)
var observer = new MutationObserver(function () {
highlightDotBlocks();
});
observer.observe(document.body, { childList: true, subtree: true });
}
// Re-run on SPA navigation (Mintlify uses Next.js)
var observer = new MutationObserver(function () {
highlightDotBlocks();
});
observer.observe(document.body, { childList: true, subtree: true });
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", function () {
setTimeout(init, 100);
});
} else {
setTimeout(init, 100);
}
})();