alee/relicario
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

refactor(ext/vault): event delegation for error-cta + CSS variable consistency

Browse Source
This commit is contained in:
adlee-was-taken
2026-05-02 16:41:39 -04:00
parent 1c641b4911
commit 575343dc19
2 changed files with 23 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
extension/src/vault/vault.css
View File

@@ -150,6 +150,7 @@ body {
align-items: center; align-items: center;
gap: 6px; gap: 6px;
padding: 12px 16px; padding: 12px 16px;
/* rgba channels derived from --danger (#ab2b20 = rgb(171, 43, 32)) */
border: 1px solid rgba(171, 43, 32, 0.4); border: 1px solid rgba(171, 43, 32, 0.4);
border-radius: 6px; border-radius: 6px;
background: rgba(171, 43, 32, 0.08); background: rgba(171, 43, 32, 0.08);

40
extension/src/vault/vault.ts
View File

@@ -220,24 +220,6 @@ function renderLockScreen(app: HTMLElement): void {
</div> </div>
`; `;
app.querySelector<HTMLButtonElement>('.error-cta')?.addEventListener('click', (e) => {
const cta = (e.currentTarget as HTMLElement).dataset.cta as ErrorCta['action'];
switch (cta) {
case 'unlock': {
document.getElementById('vault-passphrase')?.focus();
break;
}
case 'open_setup': {
void chrome.tabs.create({ url: chrome.runtime.getURL('setup.html') });
break;
}
case 'reload_extension': {
chrome.runtime.reload();
break;
}
}
});
const input = document.getElementById('vault-passphrase') as HTMLInputElement; const input = document.getElementById('vault-passphrase') as HTMLInputElement;
const btn = document.getElementById('vault-unlock-btn')!; const btn = document.getElementById('vault-unlock-btn')!;
@@ -626,6 +608,28 @@ async function loadManifest(): Promise<void> {
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
document.addEventListener('DOMContentLoaded', async () => { document.addEventListener('DOMContentLoaded', async () => {
// Delegated handler for .error-cta buttons — set up once on the stable root.
const app = document.getElementById('vault-app')!;
app.addEventListener('click', (e) => {
const btn = (e.target as HTMLElement).closest<HTMLButtonElement>('.error-cta');
if (!btn) return;
const cta = btn.dataset.cta as ErrorCta['action'];
switch (cta) {
case 'unlock': {
document.getElementById('vault-passphrase')?.focus();
break;
}
case 'open_setup': {
void chrome.tabs.create({ url: chrome.runtime.getURL('setup.html') });
break;
}
case 'reload_extension': {
chrome.runtime.reload();
break;
}
}
});
// Check if already unlocked // Check if already unlocked
const resp = await sendMessage({ type: 'is_unlocked' }); const resp = await sendMessage({ type: 'is_unlocked' });
if (resp.ok) { if (resp.ok) {