5c5e2d59cb
BREAKING CHANGE: We have replaced `gulp` with `webpack` and `npm scripts` to build this theme. If you build it on your own or use build commands during the deployment, you may have to adjust your setup. BREAKING CHANGE: The `GeekblogIcons` font is using the icon name as Unicode now. As a consequence, you have to replace all references to Icons from this font if you have customized the theme. BREAKING CHANGE: We have refactored the search integration to split Hugo templates from JavaScript code. To get it working again, you need to adjust the `outputFormats` and `outputs` in your Hugo configuration file, as [documented](https://geekdocs.de/usage/configuration/#site-configuration).
24 lines
923 B
JavaScript
24 lines
923 B
JavaScript
export function createCopyButton(highlightDiv) {
|
|
const button = document.createElement("span")
|
|
let selector = "pre > code"
|
|
|
|
if (highlightDiv.querySelector(".lntable")) {
|
|
selector = ".lntable .lntd:last-child pre > code"
|
|
}
|
|
|
|
const codeToCopy = highlightDiv.querySelector(selector).innerText.trim()
|
|
|
|
button.classList.add("flex", "align-center", "justify-center", "clip", "gdoc-post__codecopy")
|
|
button.type = "button"
|
|
button.innerHTML =
|
|
'<svg class="icon copy"><use xlink:href="#gdoc_copy"></use></svg>' +
|
|
'<svg class="icon check hidden"><use xlink:href="#gdoc_check"></use></svg>'
|
|
button.setAttribute("data-clipboard-text", codeToCopy)
|
|
button.setAttribute("data-copy-feedback", "Copied!")
|
|
button.setAttribute("role", "button")
|
|
button.setAttribute("aria-label", "Copy")
|
|
|
|
highlightDiv.classList.add("gdoc-post__codecontainer")
|
|
highlightDiv.insertBefore(button, highlightDiv.firstChild)
|
|
}
|