john/runtimeterror
1
0
Fork 0
mirror of https://github.com/jbowdre/runtimeterror.git synced 2024-11-24 16:02:18 +00:00
Code Issues Projects Releases Packages Wiki Activity

get the code copy button working again

Browse source
This commit is contained in:
John Bowdre 2023-11-04 20:49:39 -05:00
parent 997261e4ee
commit bf40277e96
3 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/js/code-copy-button.js
View file

@ -16,10 +16,18 @@ function createCopyButton(highlightDiv) {
document.querySelectorAll(".highlight").forEach((highlightDiv) => createCopyButton(highlightDiv)); document.querySelectorAll(".highlight").forEach((highlightDiv) => createCopyButton(highlightDiv));
async function copyCodeToClipboard(button, highlightDiv) { async function copyCodeToClipboard(button, highlightDiv) {
// Need to get just the last-child of each .line element to avoid copying the line numbers // capture all code lines in the selected block which aren't classed `cmd_return`
const nodeListToCopy = highlightDiv.querySelectorAll(":last-child > .chroma > code > .line > :last-child"); let codeToCopy = highlightDiv.querySelectorAll(":last-child > .torchlight > code > .line:not(.cmd_return)");
// Reduce the nodeList to a string of text with each line separated by a newline // now remove the first-child of each line which has class `line-number`
const codeToCopy = Array.from(nodeListToCopy).reduce((accumulator, line) => accumulator + line.innerText, ""); codeToCopy = Array.from(codeToCopy).reduce((accumulator, line) => {
if (line.firstChild.className != "line-number") {
return accumulator + line.innerText + "\n"; }
else {
return accumulator + Array.from(line.children).filter(
(child) => child.className != "line-number").reduce(
(accumulator, child) => accumulator + child.innerText, "") + "\n";
}
}, "");
try { try {
var result = await navigator.permissions.query({ name: "clipboard-write" }); var result = await navigator.permissions.query({ name: "clipboard-write" });
if (result.state == "granted" || result.state == "prompt") { if (result.state == "granted" || result.state == "prompt") {

4
layouts/partials/footer.html
View file

@ -4,6 +4,6 @@
<br><a target="_blank" href="https://github.com/jbowdre/runtimeterror">View source</a>.</p> <br><a target="_blank" href="https://github.com/jbowdre/runtimeterror">View source</a>.</p>
{{ if (findRE "<pre" .Content 1) }} {{ if (findRE "<pre" .Content 1) }}
<!-- {{ $jsCopy := resources.Get "js/code-copy-button.js" | minify }} {{ $jsCopy := resources.Get "js/code-copy-button.js" | minify }}
<script src="{{ $jsCopy.RelPermalink }}"></script> --> <script src="{{ $jsCopy.RelPermalink }}"></script>
{{ end }} {{ end }}

4
layouts/partials/head.html
View file

@ -25,6 +25,6 @@
{{ if (findRE "<pre" .Content 1) }} {{ if (findRE "<pre" .Content 1) }}
{{ $syntax := resources.Get "css/torchlight.css" | minify }} {{ $syntax := resources.Get "css/torchlight.css" | minify }}
<link href="{{ $syntax.RelPermalink }}" rel="stylesheet"> <link href="{{ $syntax.RelPermalink }}" rel="stylesheet">
<!-- {{ $copyCss := resources.Get "css/code-copy-button.css" | minify }} {{ $copyCss := resources.Get "css/code-copy-button.css" | minify }}
<link href="{{ $copyCss.RelPermalink }}" rel="stylesheet"> --> <link href="{{ $copyCss.RelPermalink }}" rel="stylesheet">
{{ end }} {{ end }}