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

feat(ext/vault): Import panel — LastPass CSV

Browse Source 
New vault.html#import panel with a file picker, parse-preview
("N logins, M notes, K skipped — proceed?"), confirm/cancel
buttons, inline progress, and a post-import warnings list. The
popup's settings-vault view links to it via a new
"LastPass CSV →" button next to "Backup & restore →".

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
2026-04-30 18:43:35 -04:00
parent da6f08fa35
commit 66981588e7
3 changed files with 197 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,6 +17,7 @@ import { renderSettings } from '../popup/components/settings';
import { renderVaultSettings as renderVaultSettingsView } from '../popup/components/settings-vault';
import { renderFieldHistory, teardown as teardownFieldHistory } from '../popup/components/field-history';
import { renderBackupPanel, teardown as teardownBackup } from './components/backup-panel';
import { renderImportPanel, teardown as teardownImport } from './components/import-panel';
// ---------------------------------------------------------------------------
// Helpers
@@ -67,7 +68,7 @@ function typeLabel(t: ItemType): string {
// Hash routing
// ---------------------------------------------------------------------------
type VaultView = 'list' | 'detail' | 'add' | 'edit' | 'trash' | 'devices' | 'settings' | 'settings-vault' | 'field-history' | 'backup';
type VaultView = 'list' | 'detail' | 'add' | 'edit' | 'trash' | 'devices' | 'settings' | 'settings-vault' | 'field-history' | 'backup' | 'import';
interface HashRoute {
view: VaultView;
@@ -94,6 +95,7 @@ function parseHash(): HashRoute {
case 'settings-vault':
case 'field-history':
case 'backup':
case 'import':
return { view };
default:
return { view: 'list' };
@@ -421,6 +423,7 @@ function teardownPaneComponents(): void {
teardownDevices();
teardownFieldHistory();
teardownBackup();
teardownImport();
}
function renderPane(): void {
@@ -470,6 +473,9 @@ function renderPane(): void {
case 'backup':
renderBackupPanel(pane);
break;
case 'import':
renderImportPanel(pane);
break;
default:
pane.className = 'vault-pane vault-pane--empty';
pane.innerHTML = 'select an item';