fix URLs for logos

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "imwald",
-  "version": "23.10.3",
+  "version": "23.11.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "imwald",
-      "version": "23.10.3",
+      "version": "23.11.2",
       "license": "MIT",
       "dependencies": {
         "@asciidoctor/core": "^3.0.4",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "imwald",
-  "version": "23.11.1",
+  "version": "23.11.2",
   "description": "Imwald — a user-friendly Nostr client focused on relay feed browsing, publications, and relay discovery",
   "private": true,
   "type": "module",

src/assets/payto_logos/README.md

@@ -5,3 +5,5 @@ Icons for payment types (crypto, etc.) used by payto links.
 **Supported formats:** SVG, GIF, JPG/JPEG, PNG, WebP, etc. — any format the browser can display in `<img>` is fine. SVG scales best at different sizes.
 
 Filenames are mapped in `src/lib/payto.ts` → `PAYTO_LOGO_FILES`. Use whatever extension the asset has (.svg, .gif, .jpg, .png, …).
+
+Bundled via Vite (`import.meta.glob`) so URLs live under `/assets/` and deploy with the app build.

src/lib/payto-logos.ts

@@ -0,0 +1,61 @@
+/**
+ * Explicit Vite `?url` imports so every payto logo is emitted under `/assets/` in production.
+ * Keep files in `src/assets/payto_logos/` (not `public/`).
+ */
+import applePaySvg from '../assets/payto_logos/apple_pay.svg?url'
+import bitcoinCashLogo from '../assets/payto_logos/bitcoin-cash-bch-logo.svg?url'
+import bnbPng from '../assets/payto_logos/BNB.png?url'
+import buyMeACoffeePng from '../assets/payto_logos/buymeacoffee.png?url'
+import cashappWebp from '../assets/payto_logos/cashapp.webp?url'
+import daiLogo from '../assets/payto_logos/multi-collateral-dai-dai-logo.svg?url'
+import dogecoinLogo from '../assets/payto_logos/dogecoin-doge-logo.svg?url'
+import ethLogo from '../assets/payto_logos/ethereum-eth-logo.svg?url'
+import eurocPng from '../assets/payto_logos/EurC.png?url'
+import geyserWebp from '../assets/payto_logos/geyser_fund.webp?url'
+import githubSponsorsPng from '../assets/payto_logos/github_sponsors.png?url'
+import gofundmeJpeg from '../assets/payto_logos/gofundme.jpeg?url'
+import googlePayJpeg from '../assets/payto_logos/google_pay.jpeg?url'
+import kickstarterWebp from '../assets/payto_logos/kickstarter.webp?url'
+import kofiPng from '../assets/payto_logos/ko-fi.png?url'
+import lbtcSvg from '../assets/payto_logos/LBTC.svg?url'
+import litecoinPng from '../assets/payto_logos/Litecoin.png?url'
+import moneroPng from '../assets/payto_logos/Monero.png?url'
+import patreonPng from '../assets/payto_logos/patreon.png?url'
+import paypalWebp from '../assets/payto_logos/paypal.webp?url'
+import revolutWebp from '../assets/payto_logos/revolut.webp?url'
+import solanaPng from '../assets/payto_logos/solana.png?url'
+import tetherLogo from '../assets/payto_logos/tether-usdt-logo.svg?url'
+import tronPng from '../assets/payto_logos/Tron.png?url'
+import usdcLogo from '../assets/payto_logos/usd-coin-usdc-logo.svg?url'
+import venmoPng from '../assets/payto_logos/venmo.png?url'
+import xrpGif from '../assets/payto_logos/XRP.gif?url'
+
+export const PAYTO_LOGO_URL_BY_FILENAME: Record<string, string> = {
+  'apple_pay.svg': applePaySvg,
+  'bitcoin-cash-bch-logo.svg': bitcoinCashLogo,
+  'BNB.png': bnbPng,
+  'buymeacoffee.png': buyMeACoffeePng,
+  'cashapp.webp': cashappWebp,
+  'multi-collateral-dai-dai-logo.svg': daiLogo,
+  'dogecoin-doge-logo.svg': dogecoinLogo,
+  'ethereum-eth-logo.svg': ethLogo,
+  'EurC.png': eurocPng,
+  'geyser_fund.webp': geyserWebp,
+  'github_sponsors.png': githubSponsorsPng,
+  'gofundme.jpeg': gofundmeJpeg,
+  'google_pay.jpeg': googlePayJpeg,
+  'kickstarter.webp': kickstarterWebp,
+  'ko-fi.png': kofiPng,
+  'LBTC.svg': lbtcSvg,
+  'Litecoin.png': litecoinPng,
+  'Monero.png': moneroPng,
+  'patreon.png': patreonPng,
+  'paypal.webp': paypalWebp,
+  'revolut.webp': revolutWebp,
+  'solana.png': solanaPng,
+  'tether-usdt-logo.svg': tetherLogo,
+  'Tron.png': tronPng,
+  'usd-coin-usdc-logo.svg': usdcLogo,
+  'venmo.png': venmoPng,
+  'XRP.gif': xrpGif
+}

src/lib/payto.ts

@@ -3,7 +3,7 @@
  * Parse and normalize payto://<type>/<authority> URIs; known types for UI (icons, labels, dialogs).
  */
 
-import { publicAssetUrl } from '@/constants'
+import { PAYTO_LOGO_URL_BY_FILENAME } from '@/lib/payto-logos'
 
 export const PAYTO_URI_REGEX = /payto:\/\/([a-z0-9-]+)\/([^\s\]\)\<\"']+)/gi
 
@@ -112,7 +112,7 @@ export function getPaytoIconChar(type: string): string | null {
   return info?.symbol ?? null
 }
 
-/** Logo filename in /payto_logos/ for types that have an asset. Any image format works: .svg, .gif, .jpg, .png, .webp, etc. */
+/** Logo filename in `src/assets/payto_logos/` for types that have an asset. Any image format works: .svg, .gif, .jpg, .png, .webp, etc. */
 const PAYTO_LOGO_FILES: Record<string, string> = {
   liquid: 'LBTC.svg',
   lbtc: 'LBTC.svg',
@@ -169,10 +169,10 @@ export function getPaytoProfileUrl(type: string, authority: string): string | nu
 }
 
 export function getPaytoLogoPath(type: string): string | null {
-  const key = type.toLowerCase()
+  const key = getCanonicalPaytoType(type)
   const file = PAYTO_LOGO_FILES[key]
   if (!file) return null
-  return publicAssetUrl(`payto_logos/${file}`)
+  return PAYTO_LOGO_URL_BY_FILENAME[file] ?? null
 }
 
 export function getPaytoTypeInfo(type: string): (typeof PAYTO_KNOWN_TYPES)[string] | undefined {