fcrun/x
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix retry loop on clipboard permission denied

Browse Source
This commit is contained in:
Ian Gulliver
2024-12-02 20:22:00 -08:00
parent 236e6ad8c4
commit bdd7593203
1 changed files with 45 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
static/index.html
View File

@@ -105,10 +105,10 @@ async function setFromInputs() {
document.getElementById('short-icon').setAttribute('name', 'check-square-fill'); document.getElementById('short-icon').setAttribute('name', 'check-square-fill');
document.getElementById('long-icon').setAttribute('name', 'check-square-fill'); document.getElementById('long-icon').setAttribute('name', 'check-square-fill');
set(short, long); await set(short, long);
} }
function set(short, long) { async function set(short, long) {
if (short != '') { if (short != '') {
setShortItem(short, 'check-square-fill'); setShortItem(short, 'check-square-fill');
} }
@@ -120,9 +120,18 @@ function set(short, long) {
const oldShort = document.getElementById('short').value; const oldShort = document.getElementById('short').value;
const oldLong = document.getElementById('long').value; const oldLong = document.getElementById('long').value;
fetch(`./?${params.toString()}`, { let resp;
try {
resp = await fetch(`./?${params.toString()}`, {
method: 'POST', method: 'POST',
}).then(async (resp) => { });
} catch (err) {
console.log(err);
setTimeout(async () => await set(short, long), 5000);
return;
}
if (resp.status !== 200) { if (resp.status !== 200) {
error('Failed to set', (await resp.json()).message); error('Failed to set', (await resp.json()).message);
return; return;
@@ -141,13 +150,12 @@ function set(short, long) {
// Only set the clipboard if the user didn't change the inputs // Only set the clipboard if the user didn't change the inputs
if (document.getElementById('short').value == oldShort && document.getElementById('long').value == oldLong) { if (document.getElementById('short').value == oldShort && document.getElementById('long').value == oldLong) {
try {
await navigator.clipboard.writeText(`${window.location.origin}/${newShort}`); await navigator.clipboard.writeText(`${window.location.origin}/${newShort}`);
} catch (err) {
console.log(err);
}
} }
}).catch((err) => {
setTimeout(() => {
set(short, long);
}, 5000);
});
const suggestParams = new URLSearchParams(); const suggestParams = new URLSearchParams();
for (const elem of document.getElementById('tree').children) { for (const elem of document.getElementById('tree').children) {
@@ -221,20 +229,20 @@ document.addEventListener('DOMContentLoaded', async () => {
setInputIcons(); setInputIcons();
}); });
document.getElementById('short').addEventListener('keydown', (e) => { document.getElementById('short').addEventListener('keydown', async (e) => {
if (e.key === 'Enter') { if (e.key === 'Enter') {
setFromInputs(); await setFromInputs();
} }
}); });
document.getElementById('short').addEventListener('paste', () => { document.getElementById('short').addEventListener('paste', async () => {
if (document.getElementById('long').value != '') { if (document.getElementById('long').value != '') {
setTimeout(() => setFromInputs(), 0); setTimeout(async () => await setFromInputs(), 0);
} }
}); });
document.getElementById('short-icon').addEventListener('click', () => { document.getElementById('short-icon').addEventListener('click', async () => {
setFromInputs(); await setFromInputs();
}); });
@@ -243,9 +251,9 @@ document.addEventListener('DOMContentLoaded', async () => {
setInputIcons(); setInputIcons();
}); });
document.getElementById('long').addEventListener('keydown', (e) => { document.getElementById('long').addEventListener('keydown', async (e) => {
if (e.key === 'Enter') { if (e.key === 'Enter') {
setFromInputs(); await setFromInputs();
} else { } else {
document.getElementById('tree').replaceChildren(); document.getElementById('tree').replaceChildren();
} }
@@ -253,17 +261,17 @@ document.addEventListener('DOMContentLoaded', async () => {
document.getElementById('long').addEventListener('paste', () => { document.getElementById('long').addEventListener('paste', () => {
if (document.getElementById('short').value != '') { if (document.getElementById('short').value != '') {
setTimeout(() => setFromInputs(), 0); setTimeout(async () => await setFromInputs(), 0);
} }
}); });
document.getElementById('long-icon').addEventListener('click', () => { document.getElementById('long-icon').addEventListener('click', async () => {
setFromInputs(); await setFromInputs();
}); });
document.getElementById('set').addEventListener('click', () => { document.getElementById('set').addEventListener('click', async () => {
setFromInputs(); await setFromInputs();
}); });