mleku
578f3e08ff
- Add NIP-65 relay list service to fetch kind 10002 events from relays - Replace configurable relay page with read-only NIP-65 relay display - Update identity page to show display name and username in same badge - Use reglisse heading font for titles throughout the UI - Navigate to You page after vault unlock instead of identities list - Add autofocus to vault password input field - Add profile metadata service for fetching kind 0 events - Add readonly mode to relay-rw component Files modified: - package.json (version bump to 0.0.6) - projects/common/src/lib/services/relay-list/relay-list.service.ts (new) - projects/common/src/lib/services/profile-metadata/profile-metadata.service.ts (new) - projects/common/src/lib/constants/fallback-relays.ts (new) - projects/*/src/app/components/home/identity/* (UI improvements) - projects/*/src/app/components/edit-identity/relays/* (NIP-65 display) - projects/*/src/app/components/vault-login/* (autofocus, navigation) - projects/common/src/lib/styles/* (heading fonts) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
274 lines
8.3 KiB
HTML
274 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<title>Plebeian Signer</title>
|
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
|
<script src="scripts.js"></script>
|
|
<style>
|
|
/* Prevent white flash on load */
|
|
html { background-color: #0a0a0a; }
|
|
@media (prefers-color-scheme: light) {
|
|
html { background-color: #ffffff; }
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
height: 100vh;
|
|
width: 100vw;
|
|
color: var(--foreground);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.color-primary {
|
|
color: var(--primary);
|
|
}
|
|
|
|
.page {
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-rows: 1fr 60px;
|
|
grid-template-columns: 1fr;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.card {
|
|
padding: var(--size);
|
|
background: var(--background-light);
|
|
border-radius: 8px;
|
|
color: var(--foreground);
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.json {
|
|
white-space: pre;
|
|
overflow-y: auto;
|
|
font-size: 12px;
|
|
color: gray;
|
|
}
|
|
|
|
.text {
|
|
white-space: normal;
|
|
overflow-y: auto;
|
|
font-size: 12px;
|
|
color: gray;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<div class="sam-flex-column" style="overflow-y: auto">
|
|
<div class="sam-text-header">
|
|
<span id="titleSpan" style="font-weight: 400 !important"></span>
|
|
</div>
|
|
|
|
<span
|
|
class="host-INSERT sam-align-self-center sam-text-muted"
|
|
style="font-weight: 500"
|
|
></span>
|
|
|
|
<!-- Card for getPublicKey -->
|
|
<div id="cardGetPublicKey" class="card sam-mt sam-ml sam-mr">
|
|
<span style="text-align: center">
|
|
<b><span class="host-INSERT color-primary"></span></b>
|
|
is requesting permission to<br />
|
|
<br />
|
|
<b class="color-primary">read your public key</b> <br />
|
|
<br />
|
|
<span>
|
|
for the selected identity
|
|
<span
|
|
style="font-weight: 500"
|
|
class="nick-INSERT color-primary"
|
|
></span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Card for getRelays -->
|
|
<div id="cardGetRelays" class="card sam-mt sam-ml sam-mr">
|
|
<span style="text-align: center">
|
|
<b><span class="host-INSERT color-primary"></span></b>
|
|
is requesting permission to<br />
|
|
<br />
|
|
<b class="color-primary">read your relays</b> <br />
|
|
<br />
|
|
<span>
|
|
for the selected identity
|
|
<span
|
|
style="font-weight: 500"
|
|
class="nick-INSERT color-primary"
|
|
></span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Card for signEvent -->
|
|
<div id="cardSignEvent" class="card sam-mt sam-ml sam-mr">
|
|
<span style="text-align: center">
|
|
<b><span class="host-INSERT color-primary"></span></b>
|
|
is requesting permission to<br />
|
|
<br />
|
|
<b class="color-primary">sign an event</b> (kind
|
|
<span id="kindSpan"></span>) <br />
|
|
<br />
|
|
<span>
|
|
for the selected identity
|
|
<span
|
|
style="font-weight: 500"
|
|
class="nick-INSERT color-primary"
|
|
></span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Card2 for signEvent -->
|
|
<div id="card2SignEvent" class="card sam-mt sam-ml sam-mr">
|
|
<div id="card2SignEvent_json" class="json"></div>
|
|
</div>
|
|
|
|
<!-- Card for nip04.encrypt -->
|
|
<div id="cardNip04Encrypt" class="card sam-mt sam-ml sam-mr">
|
|
<span style="text-align: center">
|
|
<b><span class="host-INSERT color-primary"></span></b>
|
|
is requesting permission to<br />
|
|
<br />
|
|
<b class="color-primary">encrypt a text</b> (NIP04) <br />
|
|
<br />
|
|
<span>
|
|
for the selected identity
|
|
<span
|
|
style="font-weight: 500"
|
|
class="nick-INSERT color-primary"
|
|
></span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Card2 for nip04.encrypt -->
|
|
<div id="card2Nip04Encrypt" class="card sam-mt sam-ml sam-mr">
|
|
<div id="card2Nip04Encrypt_text" class="text"></div>
|
|
</div>
|
|
|
|
<!-- Card for nip44.encrypt -->
|
|
<div id="cardNip44Encrypt" class="card sam-mt sam-ml sam-mr">
|
|
<span style="text-align: center">
|
|
<b><span class="host-INSERT color-primary"></span></b>
|
|
is requesting permission to<br />
|
|
<br />
|
|
<b class="color-primary">encrypt a text</b> (NIP44) <br />
|
|
<br />
|
|
<span>
|
|
for the selected identity
|
|
<span
|
|
style="font-weight: 500"
|
|
class="nick-INSERT color-primary"
|
|
></span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Card2 for nip44.encrypt -->
|
|
<div id="card2Nip44Encrypt" class="card sam-mt sam-ml sam-mr">
|
|
<div id="card2Nip44Encrypt_text" class="text"></div>
|
|
</div>
|
|
|
|
<!-- Card for nip04.decrypt -->
|
|
<div id="cardNip04Decrypt" class="card sam-mt sam-ml sam-mr">
|
|
<span style="text-align: center">
|
|
<b><span class="host-INSERT color-primary"></span></b>
|
|
is requesting permission to<br />
|
|
<br />
|
|
<b class="color-primary">decrypt a text</b> (NIP04) <br />
|
|
<br />
|
|
<span>
|
|
for the selected identity
|
|
<span
|
|
style="font-weight: 500"
|
|
class="nick-INSERT color-primary"
|
|
></span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Card2 for nip04.decrypt -->
|
|
<div id="card2Nip04Decrypt" class="card sam-mt sam-ml sam-mr">
|
|
<div id="card2Nip04Decrypt_text" class="text"></div>
|
|
</div>
|
|
|
|
<!-- Card for nip44.decrypt -->
|
|
<div id="cardNip44Decrypt" class="card sam-mt sam-ml sam-mr">
|
|
<span style="text-align: center">
|
|
<b><span class="host-INSERT color-primary"></span></b>
|
|
is requesting permission to<br />
|
|
<br />
|
|
<b class="color-primary">decrypt a text</b> (NIP44) <br />
|
|
<br />
|
|
<span>
|
|
for the selected identity
|
|
<span
|
|
style="font-weight: 500"
|
|
class="nick-INSERT color-primary"
|
|
></span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Card2 for nip44.decrypt -->
|
|
<div id="card2Nip44Decrypt" class="card sam-mt sam-ml sam-mr">
|
|
<div id="card2Nip44Decrypt_text" class="text"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!------------->
|
|
<!-- ACTIONS -->
|
|
<!------------->
|
|
<div class="sam-footer-grid-2">
|
|
<div class="btn-group">
|
|
<button id="rejectButton" type="button" class="btn btn-secondary">
|
|
Reject
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn btn-secondary dropdown-toggle dropdown-toggle-split"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
>
|
|
<span class="visually-hidden">Toggle Dropdown</span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li>
|
|
<button id="rejectJustOnceButton" class="dropdown-item">
|
|
just once
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="btn-group">
|
|
<button id="approveButton" type="button" class="btn btn-primary">
|
|
Approve
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn btn-primary dropdown-toggle dropdown-toggle-split"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
>
|
|
<span class="visually-hidden">Toggle Dropdown</span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<button id="approveJustOnceButton" class="dropdown-item" href="#">
|
|
just once
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="prompt.js"></script>
|
|
</body>
|
|
</html>
|