iframe-proxy | Sunbelt Computer Software

84 lines (75 loc) · 2.73 KB

// 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")
    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()
    document.addEventListener("DOMContentLoaded", loadCopyButton)

Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Sunbelt Computer Software

PL/B Language Development and Support

Uh oh!

FilesExpand file tree

copybutton.js

Latest commit

History

copybutton.js

File metadata and controls