josh/electric-cherry
1
0
Fork 0
Code Issues 18 Pull Requests Actions Packages Projects Releases Wiki Activity

Add Prettier and ESLint tooling (Refs #77)

Browse Source
This commit is contained in:
josh
2026-10-09 15:56:13 -04:00
parent 8ed059b8d3
commit 16469e2d43
711 changed files with 99737 additions and 28286 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/ui/components/CopyValue.svelte
+34 -5
View File
@@ -2,12 +2,41 @@
import Button from './primitives/Button.svelte';
let { value, label = 'ID' }: { value: string; label?: string } = $props();
let copyStatus = $state('');
$effect(() => { value; copyStatus = ''; });
$effect(() => {
void value;
copyStatus = '';
});
async function copy() {
copyStatus = '';
try { await navigator.clipboard.writeText(value); copyStatus = `${label} copied.`; }
catch { copyStatus = 'Copy unavailable. Select and copy the text directly.'; }
try {
await navigator.clipboard.writeText(value);
copyStatus = `${label} copied.`;
} catch {
copyStatus = 'Copy unavailable. Select and copy the text directly.';
}
}
</script>
<div class="copy"><code>{value}</code><Button variant="ghost" size="sm" ariaLabel={`Copy ${label}`} onclick={copy}>Copy</Button>{#if copyStatus}<span class="copy-status" role="status">{copyStatus}</span>{/if}</div>
<style>.copy-status { font-size: var(--text-xs); } .copy { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); color: var(--text-secondary); } code { font: var(--text-xs) var(--font-mono); user-select: all; overflow-wrap: anywhere; }</style>
<div class="copy">
<code>{value}</code><Button variant="ghost" size="sm" ariaLabel={`Copy ${label}`} onclick={copy}
>Copy</Button
>{#if copyStatus}<span class="copy-status" role="status">{copyStatus}</span>{/if}
</div>
<style>
.copy-status {
font-size: var(--text-xs);
}
.copy {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--space-2);
color: var(--text-secondary);
}
code {
font: var(--text-xs) var(--font-mono);
user-select: all;
overflow-wrap: anywhere;
}
</style>