You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
264 lines
8.0 KiB
264 lines
8.0 KiB
/* |
|
* doctools.js |
|
* ~~~~~~~~~~~ |
|
* |
|
* Base JavaScript utilities for all Sphinx HTML documentation. |
|
* |
|
* :copyright: Copyright 2007-2022 by the Sphinx team, see AUTHORS. |
|
* :license: BSD, see LICENSE for details. |
|
* |
|
*/ |
|
"use strict"; |
|
|
|
const _ready = (callback) => { |
|
if (document.readyState !== "loading") { |
|
callback(); |
|
} else { |
|
document.addEventListener("DOMContentLoaded", callback); |
|
} |
|
}; |
|
|
|
/** |
|
* highlight a given string on a node by wrapping it in |
|
* span elements with the given class name. |
|
*/ |
|
const _highlight = (node, addItems, text, className) => { |
|
if (node.nodeType === Node.TEXT_NODE) { |
|
const val = node.nodeValue; |
|
const parent = node.parentNode; |
|
const pos = val.toLowerCase().indexOf(text); |
|
if ( |
|
pos >= 0 && |
|
!parent.classList.contains(className) && |
|
!parent.classList.contains("nohighlight") |
|
) { |
|
let span; |
|
|
|
const closestNode = parent.closest("body, svg, foreignObject"); |
|
const isInSVG = closestNode && closestNode.matches("svg"); |
|
if (isInSVG) { |
|
span = document.createElementNS("http://www.w3.org/2000/svg", "tspan"); |
|
} else { |
|
span = document.createElement("span"); |
|
span.classList.add(className); |
|
} |
|
|
|
span.appendChild(document.createTextNode(val.substr(pos, text.length))); |
|
parent.insertBefore( |
|
span, |
|
parent.insertBefore( |
|
document.createTextNode(val.substr(pos + text.length)), |
|
node.nextSibling |
|
) |
|
); |
|
node.nodeValue = val.substr(0, pos); |
|
|
|
if (isInSVG) { |
|
const rect = document.createElementNS( |
|
"http://www.w3.org/2000/svg", |
|
"rect" |
|
); |
|
const bbox = parent.getBBox(); |
|
rect.x.baseVal.value = bbox.x; |
|
rect.y.baseVal.value = bbox.y; |
|
rect.width.baseVal.value = bbox.width; |
|
rect.height.baseVal.value = bbox.height; |
|
rect.setAttribute("class", className); |
|
addItems.push({ parent: parent, target: rect }); |
|
} |
|
} |
|
} else if (node.matches && !node.matches("button, select, textarea")) { |
|
node.childNodes.forEach((el) => _highlight(el, addItems, text, className)); |
|
} |
|
}; |
|
const _highlightText = (thisNode, text, className) => { |
|
let addItems = []; |
|
_highlight(thisNode, addItems, text, className); |
|
addItems.forEach((obj) => |
|
obj.parent.insertAdjacentElement("beforebegin", obj.target) |
|
); |
|
}; |
|
|
|
/** |
|
* Small JavaScript module for the documentation. |
|
*/ |
|
const Documentation = { |
|
init: () => { |
|
Documentation.highlightSearchWords(); |
|
Documentation.initDomainIndexTable(); |
|
Documentation.initOnKeyListeners(); |
|
}, |
|
|
|
/** |
|
* i18n support |
|
*/ |
|
TRANSLATIONS: {}, |
|
PLURAL_EXPR: (n) => (n === 1 ? 0 : 1), |
|
LOCALE: "unknown", |
|
|
|
// gettext and ngettext don't access this so that the functions |
|
// can safely bound to a different name (_ = Documentation.gettext) |
|
gettext: (string) => { |
|
const translated = Documentation.TRANSLATIONS[string]; |
|
switch (typeof translated) { |
|
case "undefined": |
|
return string; // no translation |
|
case "string": |
|
return translated; // translation exists |
|
default: |
|
return translated[0]; // (singular, plural) translation tuple exists |
|
} |
|
}, |
|
|
|
ngettext: (singular, plural, n) => { |
|
const translated = Documentation.TRANSLATIONS[singular]; |
|
if (typeof translated !== "undefined") |
|
return translated[Documentation.PLURAL_EXPR(n)]; |
|
return n === 1 ? singular : plural; |
|
}, |
|
|
|
addTranslations: (catalog) => { |
|
Object.assign(Documentation.TRANSLATIONS, catalog.messages); |
|
Documentation.PLURAL_EXPR = new Function( |
|
"n", |
|
`return (${catalog.plural_expr})` |
|
); |
|
Documentation.LOCALE = catalog.locale; |
|
}, |
|
|
|
/** |
|
* highlight the search words provided in the url in the text |
|
*/ |
|
highlightSearchWords: () => { |
|
const highlight = |
|
new URLSearchParams(window.location.search).get("highlight") || ""; |
|
const terms = highlight.toLowerCase().split(/\s+/).filter(x => x); |
|
if (terms.length === 0) return; // nothing to do |
|
|
|
// There should never be more than one element matching "div.body" |
|
const divBody = document.querySelectorAll("div.body"); |
|
const body = divBody.length ? divBody[0] : document.querySelector("body"); |
|
window.setTimeout(() => { |
|
terms.forEach((term) => _highlightText(body, term, "highlighted")); |
|
}, 10); |
|
|
|
const searchBox = document.getElementById("searchbox"); |
|
if (searchBox === null) return; |
|
searchBox.appendChild( |
|
document |
|
.createRange() |
|
.createContextualFragment( |
|
'<p class="highlight-link">' + |
|
'<a href="javascript:Documentation.hideSearchWords()">' + |
|
Documentation.gettext("Hide Search Matches") + |
|
"</a></p>" |
|
) |
|
); |
|
}, |
|
|
|
/** |
|
* helper function to hide the search marks again |
|
*/ |
|
hideSearchWords: () => { |
|
document |
|
.querySelectorAll("#searchbox .highlight-link") |
|
.forEach((el) => el.remove()); |
|
document |
|
.querySelectorAll("span.highlighted") |
|
.forEach((el) => el.classList.remove("highlighted")); |
|
const url = new URL(window.location); |
|
url.searchParams.delete("highlight"); |
|
window.history.replaceState({}, "", url); |
|
}, |
|
|
|
/** |
|
* helper function to focus on search bar |
|
*/ |
|
focusSearchBar: () => { |
|
document.querySelectorAll("input[name=q]")[0]?.focus(); |
|
}, |
|
|
|
/** |
|
* Initialise the domain index toggle buttons |
|
*/ |
|
initDomainIndexTable: () => { |
|
const toggler = (el) => { |
|
const idNumber = el.id.substr(7); |
|
const toggledRows = document.querySelectorAll(`tr.cg-${idNumber}`); |
|
if (el.src.substr(-9) === "minus.png") { |
|
el.src = `${el.src.substr(0, el.src.length - 9)}plus.png`; |
|
toggledRows.forEach((el) => (el.style.display = "none")); |
|
} else { |
|
el.src = `${el.src.substr(0, el.src.length - 8)}minus.png`; |
|
toggledRows.forEach((el) => (el.style.display = "")); |
|
} |
|
}; |
|
|
|
const togglerElements = document.querySelectorAll("img.toggler"); |
|
togglerElements.forEach((el) => |
|
el.addEventListener("click", (event) => toggler(event.currentTarget)) |
|
); |
|
togglerElements.forEach((el) => (el.style.display = "")); |
|
if (DOCUMENTATION_OPTIONS.COLLAPSE_INDEX) togglerElements.forEach(toggler); |
|
}, |
|
|
|
initOnKeyListeners: () => { |
|
// only install a listener if it is really needed |
|
if ( |
|
!DOCUMENTATION_OPTIONS.NAVIGATION_WITH_KEYS && |
|
!DOCUMENTATION_OPTIONS.ENABLE_SEARCH_SHORTCUTS |
|
) |
|
return; |
|
|
|
const blacklistedElements = new Set([ |
|
"TEXTAREA", |
|
"INPUT", |
|
"SELECT", |
|
"BUTTON", |
|
]); |
|
document.addEventListener("keydown", (event) => { |
|
if (blacklistedElements.has(document.activeElement.tagName)) return; // bail for input elements |
|
if (event.altKey || event.ctrlKey || event.metaKey) return; // bail with special keys |
|
|
|
if (!event.shiftKey) { |
|
switch (event.key) { |
|
case "ArrowLeft": |
|
if (!DOCUMENTATION_OPTIONS.NAVIGATION_WITH_KEYS) break; |
|
|
|
const prevLink = document.querySelector('link[rel="prev"]'); |
|
if (prevLink && prevLink.href) { |
|
window.location.href = prevLink.href; |
|
event.preventDefault(); |
|
} |
|
break; |
|
case "ArrowRight": |
|
if (!DOCUMENTATION_OPTIONS.NAVIGATION_WITH_KEYS) break; |
|
|
|
const nextLink = document.querySelector('link[rel="next"]'); |
|
if (nextLink && nextLink.href) { |
|
window.location.href = nextLink.href; |
|
event.preventDefault(); |
|
} |
|
break; |
|
case "Escape": |
|
if (!DOCUMENTATION_OPTIONS.ENABLE_SEARCH_SHORTCUTS) break; |
|
Documentation.hideSearchWords(); |
|
event.preventDefault(); |
|
} |
|
} |
|
|
|
// some keyboard layouts may need Shift to get / |
|
switch (event.key) { |
|
case "/": |
|
if (!DOCUMENTATION_OPTIONS.ENABLE_SEARCH_SHORTCUTS) break; |
|
Documentation.focusSearchBar(); |
|
event.preventDefault(); |
|
} |
|
}); |
|
}, |
|
}; |
|
|
|
// quick alias for translations |
|
const _ = Documentation.gettext; |
|
|
|
_ready(Documentation.init);
|
|
|