GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-02-04 06:25:41 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: Improving copy. Tries the current clipboardAPI & then does textarea/execCommand method for mobile.

Browse Source
This commit is contained in:
ajspig 2025-12-12 10:54:56 -05:00
parent a415cc6b51
commit 36421119b7
1 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
quartz/components/scripts/copypage.inline.ts
View File

@ -3,20 +3,31 @@ const svgCopy =
const svgCheck = const svgCheck =
'<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16"><path fill-rule="evenodd" fill="rgb(63, 185, 80)" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>' '<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16"><path fill-rule="evenodd" fill="rgb(63, 185, 80)" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>'
async function copyToClipboard(text: string): Promise<boolean> {
try {
await navigator.clipboard.writeText(text)
return true
} catch {
// Fallback for mobile browsers
const textarea = Object.assign(document.createElement("textarea"), {
value: text,
style: "position:fixed;left:-9999px",
})
document.body.appendChild(textarea)
textarea.select()
const ok = document.execCommand("copy")
document.body.removeChild(textarea)
return ok
}
}
async function copyPageMarkdown(slug: string): Promise<boolean> { async function copyPageMarkdown(slug: string): Promise<boolean> {
try { try {
// Use full blog content for home page, individual page content otherwise
const llmsUrl = slug === "index" ? `/llms-full.txt` : `/${slug}/llms.txt` const llmsUrl = slug === "index" ? `/llms-full.txt` : `/${slug}/llms.txt`
const response = await fetch(llmsUrl) const response = await fetch(llmsUrl)
if (!response.ok) { if (!response.ok) return false
console.error("Failed to fetch markdown:", response.statusText) return copyToClipboard(await response.text())
return false } catch {
}
const markdown = await response.text()
await navigator.clipboard.writeText(markdown)
return true
} catch (error) {
console.error("Failed to copy page markdown:", error)
return false return false
} }
} }
@ -112,3 +123,4 @@ document.addEventListener("nav", () => {
}) })