fix: Copy share URL over HTTP via execCommand fallback
Some checks failed
Deploy / deploy (push) Failing after 44s
Some checks failed
Deploy / deploy (push) Failing after 44s
navigator.clipboard is only available in a secure context (HTTPS or
localhost), so the Copy URL button threw over plain HTTP. Fall back to
the deprecated document.execCommand("copy") when the Clipboard API is
unavailable.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -192,6 +192,29 @@ function apiURL(path: string) {
|
|||||||
return new URL(path, window.location.href).toString();
|
return new URL(path, window.location.href).toString();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Copy text to the clipboard. navigator.clipboard is only available in a
|
||||||
|
// secure context (HTTPS or localhost); over plain HTTP it's undefined, so we
|
||||||
|
// fall back to the deprecated execCommand("copy"), which still works there.
|
||||||
|
// Must be called from within a user gesture (e.g. a click handler).
|
||||||
|
async function copyToClipboard(text: string) {
|
||||||
|
if (navigator.clipboard && window.isSecureContext) {
|
||||||
|
await navigator.clipboard.writeText(text);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const ta = document.createElement("textarea");
|
||||||
|
ta.value = text;
|
||||||
|
ta.style.position = "fixed";
|
||||||
|
ta.style.opacity = "0";
|
||||||
|
document.body.appendChild(ta);
|
||||||
|
ta.focus();
|
||||||
|
ta.select();
|
||||||
|
try {
|
||||||
|
document.execCommand("copy");
|
||||||
|
} finally {
|
||||||
|
document.body.removeChild(ta);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export default function CharacterSheet() {
|
export default function CharacterSheet() {
|
||||||
const [activeTab, setActiveTab] = useState("main");
|
const [activeTab, setActiveTab] = useState("main");
|
||||||
const [urlMode, setUrlMode] = useState(false);
|
const [urlMode, setUrlMode] = useState(false);
|
||||||
@@ -516,7 +539,7 @@ export default function CharacterSheet() {
|
|||||||
// Backend unreachable: fall back to a self-contained inline ?c= link.
|
// Backend unreachable: fall back to a self-contained inline ?c= link.
|
||||||
shareURL = base + "?c=" + (await compressToBase64(json));
|
shareURL = base + "?c=" + (await compressToBase64(json));
|
||||||
}
|
}
|
||||||
await navigator.clipboard.writeText(shareURL);
|
await copyToClipboard(shareURL);
|
||||||
setCopyStatus(true);
|
setCopyStatus(true);
|
||||||
setTimeout(() => setCopyStatus(false), 2000);
|
setTimeout(() => setCopyStatus(false), 2000);
|
||||||
}, [collectData]);
|
}, [collectData]);
|
||||||
|
|||||||
Reference in New Issue
Block a user