const hamburgerIcon = ` ` const innersOfCopyDiv = `

Copy

` function formDiv(id) { return `

${innersOfCopyDiv}

` } // Extract the snippet text from a code-block container while excluding the // injected .copyDiv button. On viewports below the breakpoint the visible // "Copy" label otherwise leaks into the clipboard via innerText. function extractSnippetText(container) { if (!container) { return '' } const preElement = container.querySelector('pre') if (preElement) { return preElement.innerText } // Fallback for any structure without a

: clone the container,
  // remove every .copyDiv, then read innerText off the clone.
  const clone = container.cloneNode(true)
  clone.querySelectorAll('.copyDiv').forEach((node) => node.remove())
  return clone.innerText
}

$(document).ready(async function () {
  const codeSnippets = $(
    '.rst-content div[class^=highlight] div[class^=highlight], .rst-content pre.literal-block div[class^=highlight], .rst-content pre.literal-block div[class^=highlight]'
  )

  codeSnippets.each((index, el) => {
    el.insertAdjacentHTML('beforeend', formDiv(index))
  })

  const copyButton = $('.copyDiv')

  copyButton.click(async ({
    currentTarget
  }) => {
    const id = currentTarget.dataset.identifier
    const divWithNeededId = $(`div[data-identifier='${id}']`)
    // Read from the .copyDiv's parentElement (the inner .highlight div it was
    // injected into via insertAdjacentHTML('beforeend', ...)) rather than
    // currentTarget.offsetParent — offsetParent depends on CSS positioning
    // and would walk past .highlight if its `position: relative` is ever
    // dropped, picking up the wrong snippet.
    const textToCopy = extractSnippetText(currentTarget.parentElement)

    // Clear any state class left over from a previous click so a rapid
    // success-after-failure (or vice versa) doesn't end up with both
    // classes applied at once.
    divWithNeededId.removeClass('copiedNotifier copyFailedNotifier')

    // Cancel a pending revert timeout from a previous click so the new
    // click's 2-second window starts clean instead of being ended early.
    const previousTimeout = divWithNeededId.data('revertTimeout')
    if (previousTimeout) {
      clearTimeout(previousTimeout)
    }

    try {
      await navigator.clipboard.writeText(textToCopy)
      // Only flip the button into the success state when the write actually
      // resolves — earlier versions showed "Copied!" even on failure.
      divWithNeededId.addClass('copiedNotifier')
      divWithNeededId.html('Copied!')
    } catch (error) {
      console.error('Copying text failed, please try again', error)
      divWithNeededId.addClass('copyFailedNotifier')
      divWithNeededId.html('Failed')
    }

    const revertTimeout = setTimeout(() => {
      divWithNeededId.html(innersOfCopyDiv)
      divWithNeededId.removeClass('copiedNotifier copyFailedNotifier')
      divWithNeededId.removeData('revertTimeout')
    }, 2000)
    divWithNeededId.data('revertTimeout', revertTimeout)
  })

  // we edit the button that is added by readthedocs portal
  const readTheDocsButton = $('div.rst-versions')
  const navbar = $('nav[data-toggle=wy-nav-shift]')

  navbar.append(readTheDocsButton)

});