85 lines
2.7 KiB
JavaScript
85 lines
2.7 KiB
JavaScript
// Extract copyable text from the code block ignoring the
|
|
// prompts and output.
|
|
function getCopyableText(rootElement) {
|
|
rootElement = rootElement.cloneNode(true)
|
|
// tracebacks (.gt) contain bare text elements that
|
|
// need to be removed
|
|
const tracebacks = rootElement.querySelectorAll(".gt")
|
|
for (const el of tracebacks) {
|
|
while (
|
|
el.nextSibling &&
|
|
(el.nextSibling.nodeType !== Node.ELEMENT_NODE ||
|
|
!el.nextSibling.matches(".gp, .go"))
|
|
) {
|
|
el.nextSibling.remove()
|
|
}
|
|
}
|
|
// Remove all elements with the "go" (Generic.Output),
|
|
// "gp" (Generic.Prompt), or "gt" (Generic.Traceback) CSS class
|
|
const elements = rootElement.querySelectorAll(".gp, .go, .gt")
|
|
for (const el of elements) {
|
|
el.remove()
|
|
}
|
|
return rootElement.innerText.trim()
|
|
}
|
|
|
|
const loadCopyButton = () => {
|
|
const button = document.createElement("button")
|
|
button.classList.add("copybutton")
|
|
button.type = "button"
|
|
button.innerText = _("Copy")
|
|
button.title = _("Copy to clipboard")
|
|
|
|
const makeOnButtonClick = () => {
|
|
let timeout = null
|
|
// define the behavior of the button when it's clicked
|
|
return async event => {
|
|
// check if the clipboard is available
|
|
if (!navigator.clipboard || !navigator.clipboard.writeText) {
|
|
return;
|
|
}
|
|
|
|
clearTimeout(timeout)
|
|
const buttonEl = event.currentTarget
|
|
const codeEl = buttonEl.nextElementSibling
|
|
|
|
try {
|
|
await navigator.clipboard.writeText(getCopyableText(codeEl))
|
|
} catch (e) {
|
|
console.error(e.message)
|
|
return
|
|
}
|
|
|
|
buttonEl.innerText = _("Copied!")
|
|
timeout = setTimeout(() => {
|
|
buttonEl.innerText = _("Copy")
|
|
}, 1500)
|
|
}
|
|
}
|
|
|
|
const highlightedElements = document.querySelectorAll(
|
|
".highlight-python .highlight,"
|
|
+ ".highlight-python3 .highlight,"
|
|
+ ".highlight-pycon .highlight,"
|
|
+ ".highlight-pycon3 .highlight,"
|
|
+ ".highlight-default .highlight"
|
|
)
|
|
|
|
// create and add the button to all the code blocks that contain >>>
|
|
highlightedElements.forEach(el => {
|
|
el.style.position = "relative"
|
|
|
|
// if we find a console prompt (.gp), prepend the (deeply cloned) button
|
|
const clonedButton = button.cloneNode(true)
|
|
// the onclick attribute is not cloned, set it on the new element
|
|
clonedButton.onclick = makeOnButtonClick()
|
|
el.prepend(clonedButton)
|
|
})
|
|
}
|
|
|
|
if (document.readyState !== "loading") {
|
|
loadCopyButton()
|
|
} else {
|
|
document.addEventListener("DOMContentLoaded", loadCopyButton)
|
|
}
|