// identity-extras.jsx — member card, recovery phrase, steward invite, relays sheet
const { useState: useIx, useEffect: useIxE } = React;
// faux QR (visual only) — reused look from giving
function MiniQR({ seed = 'npub', size = 150 }) {
const n = 19;
let h = 0; for (let i = 0; i < seed.length; i++) h = (h * 31 + seed.charCodeAt(i)) >>> 0;
const rnd = (i) => { const x = Math.sin(h + i * 12.9898) * 43758.5453; return x - Math.floor(x); };
const cells = [];
for (let r = 0; r < n; r++) for (let c = 0; c < n; c++) {
const finder = (rr, cc) => rr < 6 && cc < 6;
const isF = finder(r, c) || finder(r, n - 1 - c) || finder(n - 1 - r, c);
const on = isF ? (() => { const br = r < 6 ? r : n - 1 - r, bc = (c < 6 ? c : n - 1 - c); return (br === 0 || br === 5 || bc === 0 || bc === 5 || (br >= 2 && br <= 3 && bc >= 2 && bc <= 3)); })() : rnd(r * n + c) > 0.56;
if (on) cells.push();
}
return ;
}
// ════════ View a member ════════
function MemberCard({ member, open, onClose, ctx }) {
if (!member) return null;
return (
{member.name}
Anonymous · TrinityOne member
{member.bio ? (
“{member.bio}”
) : (
No bio shared yet.
)}
{member.verses && member.verses.length ? (
RECENTLY SHARED
{member.verses.map((v, i) => (
))}
) : null}
);
}
window.MemberCard = MemberCard;
// ════════ Recovery phrase ════════
function RecoverySheet({ open, onClose, ctx }) {
const [words, setWords] = useIx([]); // REAL 12 words from the OS secure store / identity layer
const [shown, setShown] = useIx(false);
const [bk, setBk] = useIx(null); // null | 'export' | 'restore'
const [pass, setPass] = useIx('');
const [busy, setBusy] = useIx('');
const [bkErr, setBkErr] = useIx('');
const [file, setFile] = useIx(null);
useIxE(() => { if (!open) { setBk(null); setPass(''); setBkErr(''); setFile(null); } }, [open]);
const doExport = async () => {
if (pass.length < 6) { setBkErr('Use a passphrase of at least 6 characters.'); return; }
setBusy('export'); setBkErr('');
try {
const obj = await window.TrinityBackup.collectMember();
const text = await window.TrinityBackup.encryptObj(obj, pass);
await window.TrinityBackup.saveFile('trinityone-backup-' + new Date().toISOString().slice(0, 10) + '.json', text);
ctx.toast('Backup created — save it somewhere safe'); setBk(null); setPass('');
} catch (e) { setBkErr(e.message || 'Backup failed.'); } finally { setBusy(''); }
};
const doRestore = async () => {
if (!file) { setBkErr('Choose your backup file first.'); return; }
setBusy('restore'); setBkErr('');
try {
const text = await window.TrinityBackup.readFile(file);
const obj = await window.TrinityBackup.decryptStr(text, pass);
await window.TrinityBackup.applyMember(obj);
ctx.toast('Restored — reloading…'); setTimeout(() => window.location.reload(), 800);
} catch (e) { setBkErr(e.message || 'Restore failed.'); setBusy(''); }
};
useIxE(() => {
if (!open) return;
setShown(false);
const ID = window.TrinityIdentity;
if (ID && ID.exportMnemonic) ID.exportMnemonic().then(m => setWords(m ? m.split(' ') : [])).catch(() => setWords([]));
else setWords(window.TrinityData.RECOVERY_PHRASE || []);
}, [open]);
const copyPhrase = () => { if (navigator.clipboard) navigator.clipboard.writeText(words.join(' ')).catch(() => {}); ctx.toast('Phrase copied — paste somewhere safe'); };
return (
Recovery phrase
These 12 words are the only way to restore your identity if you lose this device. Write them down and keep them somewhere safe — never share them.
{words.map((w, i) => (
{i + 1}{w}
))}
{!shown ? (
) : null}
{/* full encrypted backup file (key + your highlights, notes, journal, plans) */}
Encrypted backup file
One file with your identity and your highlights, notes, journal and plans — protected by a passphrase. Save it to Drive, OneDrive or Files; restore it on a new phone.
);
}
window.RecoverySheet = RecoverySheet;
// ════════ Steward invite ════════
// Builds a real, scannable invite: /?invite=&follow=&relay=.
// Scanning it (any camera or the in-app scanner) opens TrinityOne, adopts the ready-made anonymous
// identity, and joins the church — one scan, no email/phone.
function inviteUrlFor(mnemonic, ctx) {
const o = (typeof location !== 'undefined' && location.origin) || '';
const base = o.startsWith('https://') ? o : 'https://trinityone.tailbeaac0.ts.net';
const relay = base.replace(/^https:/i, 'wss:').replace(/^http:/i, 'ws:') + '/relay';
const np = (ctx.church && /^npub1[0-9a-z]+$/.test(ctx.church.npub || '')) ? ctx.church.npub : '';
return base + '/?invite=' + encodeURIComponent(mnemonic) + (np ? '&follow=' + np : '') + '&relay=' + encodeURIComponent(relay);
}
function InviteSheet({ open, onClose, identity, ctx }) {
// generate a REAL invite (a fresh anonymous key for someone to import) when the sheet opens
const [invite, setInvite] = useIx(null);
useIxE(() => {
const ID = window.TrinityIdentity;
if (open && ID && ID.makeInvite) setInvite(ID.makeInvite()); else if (open) setInvite(null);
}, [open]);
const url = invite ? inviteUrlFor(invite.mnemonic, ctx) : '';
const qrSvg = (invite && window.TrinityIdentity && window.TrinityIdentity.qrSVG) ? window.TrinityIdentity.qrSVG(url) : '';
const shareInvite = async () => {
if (!url) return;
const Cap = window.Capacitor, P = Cap && Cap.Plugins;
try {
if (P && P.Share && Cap.isNativePlatform && Cap.isNativePlatform()) { await P.Share.share({ title: 'Join ' + ((ctx.church && ctx.church.name) || 'our church') + ' on TrinityOne', text: 'Tap to join — no email or phone needed:', url }); return; }
if (navigator.share) { await navigator.share({ title: 'TrinityOne invite', text: 'Tap to join our church:', url }); return; }
} catch (e) {}
try { if (navigator.clipboard) await navigator.clipboard.writeText(url); } catch (e) {}
ctx.toast('Invite link copied');
};
return (
Steward invite
Have a new member scan this to join {(ctx.church && ctx.church.name) || 'your church'} — no email or phone needed.
{invite ? (
They’ll join as {invite.profile.handle}
) : null}
);
}
window.InviteSheet = InviteSheet;
// ════════ Relays sheet (network only) ════════
const SUGGESTED_RELAYS = [
'relay.trinityone.app',
'relay.damus.io',
'nos.lol',
'relay.snort.social',
'nostr.wine',
'relay.primal.net',
];
function normalizeRelay(raw) {
let v = (raw || '').trim().toLowerCase();
if (!v) return null;
v = v.replace(/^wss?:\/\//, '').replace(/\/+$/, '');
// must look like a domain (has a dot, no spaces)
if (/\s/.test(v) || !/^[a-z0-9.-]+\.[a-z]{2,}(:\d+)?(\/.*)?$/.test(v)) return null;
return v;
}
function RelaysSheet({ open, onClose, ctx }) {
const FS = window.Fellowship;
// REAL source of truth: the live transport's configured relays (full ws/wss URLs)
const fromReal = () => FS && FS.relays ? FS.relays.map(u => ({ url: u, status: 'on' })) : (window.TrinityData.RELAYS || []);
const [list, setList] = useIx(null);
const [adding, setAdding] = useIx(false);
const [url, setUrl] = useIx('');
const [err, setErr] = useIx('');
// (re)seed each time the sheet opens, and follow live relay changes
useIxE(() => {
if (!open) return;
setList(fromReal()); setAdding(false); setUrl(''); setErr('');
const refresh = () => setList(fromReal());
window.addEventListener('trinity-relays', refresh);
return () => window.removeEventListener('trinity-relays', refresh);
}, [open]);
const rows = list || fromReal();
const bare = (u) => (u || '').replace(/^wss?:\/\//, '');
const toggle = (u) => setList(rows.map(r => r.url === u ? { ...r, status: r.status === 'on' ? 'off' : 'on' } : r)); // visual only
const remove = (u) => { if (FS && FS.removeRelay) { FS.removeRelay(u); setList(fromReal()); } else setList(rows.filter(r => r.url !== u)); };
const commitAdd = (raw) => {
const v = normalizeRelay(raw);
if (!v) { setErr('Enter a valid relay address, e.g. relay.example.com'); return; }
if (rows.some(r => bare(r.url) === v)) { setErr('That relay is already in your list.'); return; }
const full = 'wss://' + v;
if (FS && FS.addRelay) FS.addRelay(full); else setList([...rows, { url: full, status: 'on' }]);
setList(fromReal()); setUrl(''); setErr(''); setAdding(false);
ctx.toast('Connected to ' + v);
};
const remaining = SUGGESTED_RELAYS.filter(s => !rows.some(r => bare(r.url) === s));
return (
Relays
Relays carry your church’s messages across Nostr. They’re set up by the churches you join — you connect to a church’s relay automatically when you scan its invite.
{!rows.length ? (
No relay yet. Join a church — scan its invite QR — and you’ll connect to its relay here automatically.