diff --git a/docker-entrypoint.sh b/docker-entrypoint.sh
index 86ce5a04..587f6ec3 100644
--- a/docker-entrypoint.sh
+++ b/docker-entrypoint.sh
@@ -2,7 +2,7 @@
# Runtime config for the SPA. NIP-66 monitor runs in a separate cron container; nsec is never sent to the client.
# Optional: NIP66_MONITOR_NPUB (npub of the monitor) can be exposed so the relay info page shows who runs the monitor.
if [ -n "$NIP66_MONITOR_NPUB" ]; then
- echo "$NIP66_MONITOR_NPUB" | jq -n -R '{NIP66_MONITOR_NPUB: .}' > /usr/share/nginx/html/config.json
+ jq -n --arg npub "$NIP66_MONITOR_NPUB" '{NIP66_MONITOR_NPUB: $npub}' > /usr/share/nginx/html/config.json
else
echo '{}' > /usr/share/nginx/html/config.json
fi
diff --git a/public/payto_logos/apple_pay.svg b/public/payto_logos/apple_pay.svg
new file mode 100644
index 00000000..82b0cddc
--- /dev/null
+++ b/public/payto_logos/apple_pay.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/public/payto_logos/google_pay.jpeg b/public/payto_logos/google_pay.jpeg
new file mode 100644
index 00000000..348e6839
Binary files /dev/null and b/public/payto_logos/google_pay.jpeg differ
diff --git a/src/components/PaytoLink/index.tsx b/src/components/PaytoLink/index.tsx
index 9fa960ac..622bac2b 100644
--- a/src/components/PaytoLink/index.tsx
+++ b/src/components/PaytoLink/index.tsx
@@ -4,6 +4,7 @@ import { toast } from 'sonner'
import {
parsePaytoUri,
buildPaytoUri,
+ getCanonicalPaytoType,
getPaytoTypeInfo,
getPaytoIconChar,
getPaytoLogoPath,
@@ -39,7 +40,11 @@ export default function PaytoLink({
const parsed = paytoUri
? parsePaytoUri(paytoUri)
: typeProp && authorityProp
- ? { type: typeProp.toLowerCase(), authority: authorityProp, raw: buildPaytoUri(typeProp, authorityProp) }
+ ? {
+ type: getCanonicalPaytoType(typeProp),
+ authority: authorityProp,
+ raw: buildPaytoUri(typeProp, authorityProp)
+ }
: null
if (!parsed) {
@@ -68,6 +73,7 @@ export default function PaytoLink({
}
const displayLabel = info?.label ?? type
+ const categoryLabel = info?.category ? info.category.charAt(0).toUpperCase() + info.category.slice(1) : ''
const logoPath = getPaytoLogoPath(type)
const iconChar = getPaytoIconChar(type)
const profileUrl = getPaytoProfileUrl(type, authority)
@@ -100,7 +106,7 @@ export default function PaytoLink({
'text-primary hover:underline cursor-pointer text-left break-words inline-flex items-center gap-1.5',
className
)}
- title={`${displayLabel}: ${t('Open on website')}`}
+ title={categoryLabel ? `${displayLabel} (${categoryLabel}): ${t('Open on website')}` : `${displayLabel}: ${t('Open on website')}`}
onClick={(e) => e.stopPropagation()}
>
{iconEl}
@@ -118,7 +124,7 @@ export default function PaytoLink({
'text-primary hover:underline cursor-pointer text-left break-words inline-flex items-center gap-1.5',
className
)}
- title={known ? `${displayLabel}: ${t('Click to open payment options')}` : t('Click to copy address')}
+ title={known && categoryLabel ? `${displayLabel} (${categoryLabel}): ${t('Click to open payment options')}` : known ? `${displayLabel}: ${t('Click to open payment options')}` : t('Click to copy address')}
>
{iconEl}
{content}
diff --git a/src/lib/payto.ts b/src/lib/payto.ts
index a1400b72..2ba751f4 100644
--- a/src/lib/payto.ts
+++ b/src/lib/payto.ts
@@ -18,9 +18,10 @@ export function parsePaytoUri(uri: string): ParsedPayto | null {
const trimmed = uri.trim()
const m = /^payto:\/\/([a-z0-9-]+)\/(.+)$/i.exec(trimmed)
if (!m) return null
- const type = m[1].toLowerCase()
+ const typeRaw = m[1].toLowerCase()
const authority = decodeURIComponent(m[2].replace(/\+/g, ' '))
- if (!type || !authority) return null
+ if (!typeRaw || !authority) return null
+ const type = getCanonicalPaytoType(typeRaw)
return { type, authority, raw: trimmed }
}
@@ -36,42 +37,65 @@ export function buildPaytoUri(type: string, authority: string): string {
/** Known payment types: NIP-A3 recommended + common extras (crypto, fiat, tipping) */
export const PAYTO_KNOWN_TYPES: Record<
string,
- { label: string; shortLabel?: string; symbol?: string; category: 'crypto' | 'fiat' | 'lightning' | 'tip' }
+ { label: string; symbol?: string; category: 'bitcoin' | 'crypto' | 'stablecoin' | 'fiat' | 'lightning' | 'tip' }
> = {
- bitcoin: { label: 'Bitcoin', shortLabel: 'BTC', symbol: '₿', category: 'crypto' },
- lightning: { label: 'Lightning Network', shortLabel: 'LBTC', symbol: '⚡', category: 'lightning' },
- ethereum: { label: 'Ethereum', shortLabel: 'ETH', symbol: 'Ξ', category: 'crypto' },
- monero: { label: 'Monero', shortLabel: 'XMR', symbol: 'ɱ', category: 'crypto' },
- nano: { label: 'Nano', shortLabel: 'XNO', symbol: 'Ӿ', category: 'crypto' },
- cashme: { label: 'Cash App', shortLabel: 'Cash App', symbol: '$', category: 'fiat' },
- revolut: { label: 'Revolut', shortLabel: 'Revolut', symbol: '💳', category: 'fiat' },
- venmo: { label: 'Venmo', shortLabel: 'Venmo', symbol: '$', category: 'fiat' },
+ bitcoin: { label: 'Bitcoin', symbol: '₿', category: 'bitcoin' },
+ sats: { label: 'Satoshis', symbol: '丰', category: 'bitcoin' },
+ lightning: { label: 'Lightning Network', symbol: '⚡', category: 'lightning' },
+ ethereum: { label: 'Ethereum', symbol: 'Ξ', category: 'crypto' },
+ monero: { label: 'Monero', symbol: 'ɱ', category: 'crypto' },
+ nano: { label: 'Nano', symbol: 'Ӿ', category: 'crypto' },
+ cashme: { label: 'Cash App', symbol: '$', category: 'fiat' },
+ revolut: { label: 'Revolut', symbol: '💳', category: 'fiat' },
+ venmo: { label: 'Venmo', symbol: '$', category: 'fiat' },
// Common crypto
- dogecoin: { label: 'Dogecoin', shortLabel: 'DOGE', symbol: 'Ð', category: 'crypto' },
- litecoin: { label: 'Litecoin', shortLabel: 'LTC', symbol: 'Ł', category: 'crypto' },
- usdt: { label: 'Tether', shortLabel: 'USDT', symbol: '₮', category: 'crypto' },
- usdc: { label: 'USD Coin', shortLabel: 'USDC', symbol: '◎', category: 'crypto' },
- dai: { label: 'Dai', shortLabel: 'DAI', symbol: '◈', category: 'crypto' },
- euroc: { label: 'Euro Coin', shortLabel: 'EUROC', symbol: '€', category: 'crypto' },
- solana: { label: 'Solana', shortLabel: 'SOL', symbol: '◎', category: 'crypto' },
+ 'bitcoin-cash': { label: 'Bitcoin Cash', symbol: '₿', category: 'crypto' },
+ dogecoin: { label: 'Dogecoin', symbol: 'Ð', category: 'crypto' },
+ litecoin: { label: 'Litecoin', symbol: 'Ł', category: 'crypto' },
+ usdt: { label: 'Tether', symbol: '₮', category: 'stablecoin' },
+ usdc: { label: 'USD Coin', symbol: '◎', category: 'stablecoin' },
+ dai: { label: 'Dai', symbol: '◈', category: 'crypto' },
+ euroc: { label: 'Euro Coin', symbol: '€', category: 'stablecoin' },
+ solana: { label: 'Solana', symbol: '◎', category: 'crypto' },
// Tipping / donation
- paypal: { label: 'PayPal', shortLabel: 'PayPal', symbol: '💙', category: 'fiat' },
- buymeacoffee: { label: 'Buy Me a Coffee', shortLabel: 'Buy Me a Coffee', symbol: '☕', category: 'tip' },
- 'ko-fi': { label: 'Ko-fi', shortLabel: 'Ko-fi', symbol: '☕', category: 'tip' },
- kofi: { label: 'Ko-fi', shortLabel: 'Ko-fi', symbol: '☕', category: 'tip' },
- patreon: { label: 'Patreon', shortLabel: 'Patreon', symbol: '🎭', category: 'tip' },
- github: { label: 'GitHub Sponsors', shortLabel: 'GitHub', symbol: '🐙', category: 'tip' },
+ paypal: { label: 'PayPal', symbol: '💙', category: 'fiat' },
+ buymeacoffee: { label: 'Buy Me a Coffee', symbol: '☕', category: 'tip' },
+ 'ko-fi': { label: 'Ko-fi', symbol: '☕', category: 'tip' },
+ kofi: { label: 'Ko-fi', symbol: '☕', category: 'tip' },
+ patreon: { label: 'Patreon', symbol: '🎭', category: 'tip' },
+ github: { label: 'GitHub Sponsors', symbol: '🐙', category: 'tip' },
// Fiat / wallets
- 'apple-pay': { label: 'Apple Pay', shortLabel: 'Apple Pay', symbol: '🍎', category: 'fiat' },
- 'google-pay': { label: 'Google Pay', shortLabel: 'Google Pay', symbol: 'G', category: 'fiat' },
+ 'apple-pay': { label: 'Apple Pay', symbol: '🍎', category: 'fiat' },
+ 'google-pay': { label: 'Google Pay', symbol: 'G', category: 'fiat' },
// Crowdfunding / fundraising
- geyser: { label: 'Geyser Fund', shortLabel: 'Geyser', symbol: '⛲', category: 'tip' },
- gofundme: { label: 'GoFundMe', shortLabel: 'GoFundMe', symbol: '🎯', category: 'tip' },
- kickstarter: { label: 'Kickstarter', shortLabel: 'Kickstarter', symbol: '🚀', category: 'tip' }
+ geyser: { label: 'Geyser Fund', symbol: '⛲', category: 'tip' },
+ gofundme: { label: 'GoFundMe', symbol: '🎯', category: 'tip' },
+ kickstarter: { label: 'Kickstarter', symbol: '🚀', category: 'tip' }
+}
+
+/**
+ * Short labels accepted after payto:// that map to a canonical type.
+ * e.g. payto://BTC/..., payto://LBTC/..., payto://DOGE/... are recognized as bitcoin, lightning, dogecoin.
+ */
+export const PAYTO_TYPE_ALIASES: Record = {
+ btc: 'bitcoin',
+ lbtc: 'lightning',
+ doge: 'dogecoin',
+ eth: 'ethereum',
+ xmr: 'monero',
+ ltc: 'litecoin',
+ xno: 'nano',
+ sol: 'solana',
+ bch: 'bitcoin-cash'
+}
+
+export function getCanonicalPaytoType(type: string): string {
+ const key = type.toLowerCase().trim()
+ return PAYTO_TYPE_ALIASES[key] ?? key
}
/** Icon character/symbol for known types; null for unknown (render HelpCircle or ?) */
@@ -104,8 +128,8 @@ export const PAYTO_LOGO_FILES: Record = {
kofi: 'ko-fi.png',
patreon: 'patreon.png',
github: 'github_sponsors.png',
- 'apple-pay': 'apple_pay.webp',
- 'google-pay': 'google_pay.png',
+ 'apple-pay': 'apple_pay.svg',
+ 'google-pay': 'google_pay.jpeg',
geyser: 'geyser_fund.webp',
gofundme: 'gofundme.jpeg',
kickstarter: 'kickstarter.webp'
@@ -142,14 +166,14 @@ export function getPaytoLogoPath(type: string): string | null {
}
export function getPaytoTypeInfo(type: string): (typeof PAYTO_KNOWN_TYPES)[string] | undefined {
- return PAYTO_KNOWN_TYPES[type.toLowerCase()]
+ return PAYTO_KNOWN_TYPES[getCanonicalPaytoType(type)]
}
export function isKnownPaytoType(type: string): boolean {
- return type.toLowerCase() in PAYTO_KNOWN_TYPES
+ return getCanonicalPaytoType(type) in PAYTO_KNOWN_TYPES
}
/** Check if type is lightning (opens Zap flow when pubkey available) */
export function isLightningPaytoType(type: string): boolean {
- return type.toLowerCase() === 'lightning'
+ return getCanonicalPaytoType(type) === 'lightning'
}