1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
|
// "Log in with Nostr" — open (or create) a wallet from a nostr identity, and
// link an existing wallet to one after the fact.
//
// The mechanics and their tradeoffs live in ../nostr-login.js. In short: a
// pasted key DERIVES its wallet deterministically; an extension or remote
// signer ASSOCIATES one via a seed published encrypted to the user's own key.
// The second is what makes "log in on a new device" work without the key
// ever reaching us, and it is spelled out in the UI before anything is
// published, because it means the nostr key can recover the money.
import { newMnemonic } from '../wallet.js';
import { npubOf } from '../nostr.js';
import { t } from '../i18n.js';
import {
extensionSigner, bunkerSigner, keySigner, parseNostrSecret,
walletForSigner, publishWalletBackup,
} from '../nostr-login.js';
// The nostr ostrich, in the brand's monochrome.
const OSTRICH = '<svg width="22" height="22" viewBox="-140 -140 2280 2280" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="ng" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#B84FE8"/><stop offset="100%" stop-color="#6D28D9"/></linearGradient></defs> <path d="M1000 0C447.755 0 0 447.755 0 1000C0 1552.24 447.755 2000 1000 2000C1552.24 2000 2000 1552.24 2000 1000C2000 447.755 1552.24 0 1000 0ZM1574.29 770.408C1532.04 840.612 1445.92 888.367 1437.96 892.449C1421.84 901.02 1415.92 913.469 1416.94 932.041C1417.96 950.612 1413.47 1042.65 1357.35 1083.27C1328.57 1104.08 1212.45 1131.02 1159.18 1140C1131.84 1144.69 1125.51 1153.06 1110.41 1162.04C1090 1174.69 1017.55 1275.1 1005.31 1297.35C1006.94 1297.14 1233.67 1226.73 1243.88 1225.1C1270.82 1221.02 1291.22 1228.78 1304.49 1248.37C1317.14 1267.14 1329.59 1286.12 1342.04 1305.1C1346.53 1311.84 1350.82 1318.78 1355.1 1325.71L1359.59 1332.86C1361.22 1335.51 1363.47 1338.57 1364.49 1342.65C1365.31 1345.51 1367.14 1355.1 1361.63 1360.82C1356.53 1366.12 1347.76 1366.12 1343.06 1364.9C1338.57 1363.67 1331.84 1361.02 1326.33 1356.53L1318.78 1350.2C1312.86 1345.1 1301.63 1342.65 1292.86 1343.06C1282.65 1343.47 1269.18 1340.2 1262.65 1336.12C1250 1327.96 1246.73 1307.55 1246.73 1307.35C1245.1 1300.61 1240.2 1298.78 1235.71 1298.78C1227.55 1298.57 1221.22 1301.02 1214.69 1302.86C1184.9 1311.84 1155.31 1321.02 1125.51 1330.41L1082.86 1343.67C1061.84 1350.2 1040.82 1356.73 1020 1363.67C1014.29 1365.51 1008.78 1368.37 1002.86 1371.43C1000.41 1372.65 997.959 1373.88 995.51 1375.1C993.061 1376.33 990.408 1377.76 987.959 1379.18C982.449 1382.24 976.531 1385.51 970 1387.35C948.776 1393.67 930.204 1384.49 921.429 1363.27C915.714 1349.59 920.816 1322.45 923.878 1314.49C943.061 1264.69 1005.51 1170.82 1005.51 1170.2C1004.49 1169.8 936.327 1197.14 925.102 1205.71C894.286 1229.18 822.041 1284.69 821.02 1290C816.327 1314.69 801.02 1333.27 777.551 1342.45C760.612 1348.98 750.408 1362.45 740.408 1375.51C740.408 1375.51 559.388 1624.9 547.143 1638.37C543.469 1642.45 509.592 1677.96 500.612 1694.49C498.571 1698.57 490.816 1714.9 488.776 1718.98C487.143 1722.24 483.469 1731.02 469.592 1730.41C455.714 1729.8 455.306 1710.41 454.694 1702.04C453.265 1681.43 457.755 1661.22 468.571 1640C469.592 1637.96 481.837 1619.39 477.347 1604.49C473.265 1591.43 469.388 1571.22 475.51 1561.02C485.102 1544.9 502.041 1544.29 524.694 1540.61C540.408 1537.96 551.837 1530.2 562.857 1514.08C586.122 1480.2 673.674 1355.92 693.469 1327.14C698.776 1319.59 702.857 1309.8 704.694 1300.2C710.408 1271.22 727.959 1251.02 758.571 1238.57C765.102 1235.92 886.939 1134.08 886.939 1121.02C886.939 1111.63 873.674 1106.53 863.469 1103.67C862.041 1103.27 785.51 1083.47 750.612 1067.55C731.633 1058.98 717.347 1051.43 700.408 1039.18C677.347 1022.24 631.225 1030.41 624.49 1031.43C591.837 1036.12 567.551 1050.82 540 1069.39C535.102 1072.86 510 1081.84 497.347 1074.69C472.653 1060.61 418.367 1035.31 398.367 1004.9C389.184 990.816 390.408 967.959 396.939 942.653C417.959 883.878 448.98 857.551 506.327 841.633C547.143 827.551 629.388 824.49 668.98 821.429C671.633 820.612 759.388 818.571 821.02 786.939C862.041 765.918 983.878 684.898 1159.18 690.408C1230 692.653 1363.88 761.837 1415.51 763.878C1468.16 766.122 1494.49 760.204 1524.9 728.776C1533.47 719.796 1570 641.02 1535.51 597.959C1522.65 582.041 1509.39 567.755 1494.08 554.694C1473.47 537.143 1452.04 520.408 1433.47 500.612C1392.45 457.143 1379.8 397.755 1399.18 351.429C1411.63 318.98 1437.76 304.898 1475.51 312.245C1502.04 317.347 1521.43 341.225 1540.41 353.878C1551.02 361.02 1568.78 365.102 1580.41 367.959C1595.1 371.429 1606.12 382.653 1605.51 390.204C1604.9 397.755 1585.51 404.286 1566.94 402.857C1544.9 401.429 1507.14 401.225 1484.49 408.776C1469.39 414.286 1462.65 431.02 1467.14 447.551C1470.82 461.02 1499.59 485.102 1510.41 494.082C1532.04 511.837 1555.1 527.959 1573.06 550.204C1593.27 575.51 1603.88 604.286 1607.14 636.122C1612.04 684.898 1599.18 728.776 1574.29 770.408Z" fill="url(#ng)"/> </svg>';
export function nostrLoginFeature(ctx) {
const { h, ui, render, wallet, toast } = ctx;
const load = () => wallet.loadFeatureState('nostrlogin', {});
const save = (st) => wallet.saveFeatureState('nostrlogin', st);
// The signer that opened this session, kept so the names feature can claim
// the user's real npub as their payment address (and nominate the wallet
// key as manager, so later updates work without the signer).
let live = null;
const busy = (v) => { ui.nostrLoginBusy = v; render(); };
const fail = (e) => { ui.nostrLoginError = e.message || String(e); busy(false); };
// Open the wallet a signer identifies. New accounts confirm first, because
// publishing an encrypted seed to relays deserves an explicit yes.
async function loginWith(makeSigner) {
ui.nostrLoginError = '';
busy(true);
let signer;
try {
signer = await makeSigner();
const res = await walletForSigner(signer);
if (res.mode === 'new') {
// no wallet on this identity yet — ask before publishing one
ui.nostrLoginNew = { signer, npub: npubOf(signer.pubkey) };
busy(false);
return;
}
// Same wallet however you log in: a key-derived seed is published too,
// so an extension login later finds this wallet instead of making a new
// one. Costs nothing — anyone with the key could derive it anyway.
if (res.publish) await publishWalletBackup(signer, { mnemonic: res.mnemonic }).catch(() => {});
live = signer;
await ctx.openMnemonic(res.mnemonic, res.passphrase || '', { nostrPubkey: signer.pubkey });
save({ ...load(), pubkey: signer.pubkey, linked: Date.now() });
// claim the real npub as the payment address while this signer is live
ctx.hook('namesAdoptIdentity', signer, npubOf(signer.pubkey))?.catch?.(() => {});
toast(res.mode === 'derived' ? t('nlOpenedDerived') : t('nlOpenedRestored'));
busy(false);
} catch (e) { fail(e); }
}
async function createForSigner() {
const st = ui.nostrLoginNew;
if (!st) return;
busy(true);
try {
const mnemonic = newMnemonic();
await publishWalletBackup(st.signer, { mnemonic });
ui.nostrLoginNew = null;
live = st.signer;
await ctx.openMnemonic(mnemonic, '', { nostrPubkey: st.signer.pubkey });
save({ ...load(), pubkey: st.signer.pubkey, linked: Date.now() });
ctx.hook('namesAdoptIdentity', st.signer, npubOf(st.signer.pubkey))?.catch?.(() => {});
toast(t('nlCreated'));
busy(false);
} catch (e) { fail(e); }
}
// Link the wallet that's already open to a nostr identity, so logging in
// with it on another device opens this same wallet.
async function linkOpenWallet(makeSigner) {
ui.nostrLoginError = '';
busy(true);
let signer;
try {
signer = await makeSigner();
if (!wallet.mnemonic) throw new Error(t('nlNeedSeed'));
const existing = await walletForSigner(signer);
if (existing.mnemonic && existing.mnemonic !== wallet.mnemonic) {
throw new Error(t('nlAlreadyLinked'));
}
await publishWalletBackup(signer, { mnemonic: wallet.mnemonic, passphrase: wallet.passphrase || '' });
live = signer;
save({ ...load(), pubkey: signer.pubkey, linked: Date.now() });
ctx.hook('namesAdoptIdentity', signer, npubOf(signer.pubkey))?.catch?.(() => {});
toast(t('nlLinked'));
busy(false);
} catch (e) { fail(e); }
}
// ---- UI ---------------------------------------------------------------
// The three ways in, as buttons. `run` receives a signer factory.
function signerButtons(run) {
const hasExt = typeof window !== 'undefined' && !!window.nostr;
return h('div', { class: 'col', style: 'gap:8px' },
hasExt
? h('button', { class: 'btn-block', disabled: ui.nostrLoginBusy,
onClick: () => run(() => extensionSigner()) }, t('nlExtension'))
: null,
h('div', { class: 'row gap6' },
h('input', {
type: 'password', placeholder: t('nlKeyOrBunker'), style: 'flex:1',
autocapitalize: 'none', autocomplete: 'off', spellcheck: 'false',
value: ui.nostrLoginInput || '',
onInput: (e) => { ui.nostrLoginInput = e.target.value.trim(); },
}),
h('button', { class: 'btn-sm', disabled: ui.nostrLoginBusy, onClick: () => {
const v = (ui.nostrLoginInput || '').trim();
const sk = parseNostrSecret(v);
if (sk) return run(() => keySigner(sk));
if (/^bunker:\/\//i.test(v)) {
return run(() => bunkerSigner(v, { onAuth: (url) => { ui.nostrLoginAuthUrl = url; render(); } }));
}
ui.nostrLoginError = t('nlUnrecognized');
render();
} }, ui.nostrLoginBusy ? h('span', { class: 'spinner' }) : t('nlGo'))),
h('div', { class: 'small faint' }, t('nlHint')),
ui.nostrLoginAuthUrl
? h('a', { href: ui.nostrLoginAuthUrl, target: '_blank', class: 'small' }, t('nlApprove'))
: null,
ui.nostrLoginError ? h('div', { class: 'notice err' }, ui.nostrLoginError) : null);
}
// Shown under the create/import tabs on the unlock screen.
function unlockExtra() {
if (ui.nostrLoginNew) {
return h('div', { class: 'card col', style: 'gap:10px' },
h('h3', { style: 'margin:0' }, t('nlNewTitle')),
h('div', { class: 'small muted' }, ui.nostrLoginNew.npub || ''),
h('p', { class: 'small muted', style: 'margin:0' }, t('nlNewDesc')),
h('div', { class: 'notice info small' }, t('nlBackupWarning')),
ui.nostrLoginError ? h('div', { class: 'notice err' }, ui.nostrLoginError) : null,
h('div', { class: 'row gap6' },
h('button', { class: 'btn-ghost', onClick: () => {
if (ui.nostrLoginNew.signer.close) ui.nostrLoginNew.signer.close();
ui.nostrLoginNew = null; render();
} }, t('cancel')),
h('button', { class: 'btn-primary grow', disabled: ui.nostrLoginBusy, onClick: createForSigner },
ui.nostrLoginBusy ? h('span', { class: 'spinner' }) : t('nlCreateBtn'))));
}
// Collapsed by default: one button, expanded only when asked for.
if (!ui.nostrLoginOpen) {
return h('button', {
class: 'btn-block row gap6', style: 'align-items:center;justify-content:center',
onClick: () => { ui.nostrLoginOpen = true; ui.nostrLoginError = ''; render(); },
}, h('span', { style: 'display:inline-flex;align-items:center;margin-right:8px', html: OSTRICH }), t('nlSignIn'));
}
return h('div', { class: 'card col', style: 'gap:10px' },
h('div', { class: 'row between' },
h('h3', { style: 'margin:0' }, t('nlTitle')),
h('span', { class: 'linklike small', onClick: () => { ui.nostrLoginOpen = false; render(); } }, t('cancel'))),
h('p', { class: 'small muted', style: 'margin:0' }, t('nlDesc')),
signerButtons(loginWith));
}
function settingsCard() {
if (wallet.watchOnly || !wallet.mnemonic) return null;
const st = load();
if (st.pubkey) {
return h('div', { class: 'card col' },
h('h3', {}, t('nlLinkTitle')),
h('div', { class: 'small muted break' }, npubOf(st.pubkey) || st.pubkey),
h('p', { class: 'small faint', style: 'margin:0' }, t('nlLinkedDesc')));
}
return h('div', { class: 'card col' },
h('h3', {}, t('nlLinkTitle')),
h('p', { class: 'small muted', style: 'margin:0' }, t('nlLinkDesc')),
h('div', { class: 'notice info small' }, t('nlBackupWarning')),
signerButtons(linkOpenWallet));
}
return {
id: 'nostrlogin',
// The nostr identity this session is logged in as, for features that
// should speak as the user (the payment address defaults to this npub).
nostrLoginIdentity() {
const st = load();
if (!st.pubkey) return null;
return { pubkey: st.pubkey, npub: npubOf(st.pubkey), signer: live };
},
// A page reload loses the signer. An installed extension can usually be
// re-attached without prompting, which is what lets the payment address
// stay tied to the user's real identity across reloads. Returns null for
// signers we cannot silently reattach (pasted keys, bunkers).
async nostrLoginResume() {
if (live) return live;
const st = load();
if (!st.pubkey || typeof window === 'undefined' || !window.nostr) return null;
try {
const s = await extensionSigner();
if (s.pubkey !== st.pubkey) return null;
live = s;
return s;
} catch { return null; }
},
unlockExtra() { return unlockExtra(); },
nostrSettingsCards() { return [settingsCard()]; },
};
}
|
