mint metadata & listing

Author: mmalmi

src-tauri/tauri.conf.json

@@ -26,7 +26,7 @@
   "plugins": {
     "deep-link": {
       "desktop": {
-        "schemes": ["nostr"]
+        "schemes": ["nostr", "lightning"]
       }
     }
   },

src/main.tsx

@@ -183,7 +183,16 @@ if (isTauri()) {
       const url = urls[0]
       console.log("Deep link opened:", url)
 
-      // Strip protocol and navigate
+      // Handle lightning: protocol
+      if (url.startsWith("lightning:")) {
+        const invoice = url.replace(/^lightning:/, "")
+        // Navigate to wallet with invoice in state
+        window.history.pushState({lightningInvoice: invoice}, "", "/wallet")
+        window.dispatchEvent(new PopStateEvent("popstate"))
+        return
+      }
+
+      // Strip protocol and navigate for nostr: links
       const path = url.replace(/^(nostr:|web\+nostr:)/, "")
       window.history.pushState({}, "", `/${path}`)
       window.dispatchEvent(new PopStateEvent("popstate"))

src/pages/wallet/CashuWallet.tsx

@@ -1,4 +1,4 @@
-import {useState, useEffect} from "react"
+import {useState, useEffect, useCallback} from "react"
 import {initCashuManager, getCashuManager} from "@/lib/cashu/manager"
 import type {Manager} from "@/lib/cashu/core/index"
 import type {HistoryEntry, SendHistoryEntry} from "@/lib/cashu/core/models/History"
@@ -48,8 +48,16 @@ const ensureMeltQuoteReposInit = async () => {
 const DEFAULT_MINT = "https://mint.coinos.io"
 
 export default function CashuWallet() {
-  const {expandHistory, activeTab, toggleExpandHistory, setActiveTab} =
-    useCashuWalletStore()
+  const {
+    expandHistory,
+    activeTab,
+    activeMint,
+    toggleExpandHistory,
+    setActiveTab,
+    setActiveMint,
+    setCachedMintInfo,
+    getCachedMintInfo,
+  } = useCashuWalletStore()
   const {activeProviderType} = useWalletProviderStore()
   const navigate = useNavigate()
   const location = useLocation()
@@ -69,6 +77,7 @@ export default function CashuWallet() {
   )
   const [sendDialogInitialInvoice, setSendDialogInitialInvoice] = useState<string>("")
   const [receiveDialogInitialToken, setReceiveDialogInitialToken] = useState<string>("")
+  const [receiveDialogInitialInvoice, setReceiveDialogInitialInvoice] = useState<string>("")
   const [refreshing, setRefreshing] = useState(false)
   const [qrError, setQrError] = useState<string>("")
   const [isOffline, setIsOffline] = useState(!navigator.onLine)
@@ -186,10 +195,18 @@ export default function CashuWallet() {
     }
   }
 
-  const handleSendEntryClick = (entry: SendHistoryEntry) => {
+  const handleSendEntryClick = useCallback((entry: SendHistoryEntry) => {
     setSendDialogInitialToken(entry.token)
     setShowSendDialog(true)
-  }
+  }, [])
+
+  const handleMintEntryClick = useCallback((entry: HistoryEntry) => {
+    if (entry.type === "mint" && entry.state === "UNPAID") {
+      // Show receive dialog with the pending invoice
+      setReceiveDialogInitialInvoice(entry.paymentRequest)
+      setShowReceiveDialog(true)
+    }
+  }, [])
 
   const handleCloseSendDialog = () => {
     setShowSendDialog(false)
@@ -200,6 +217,7 @@ export default function CashuWallet() {
   const handleCloseReceiveDialog = () => {
     setShowReceiveDialog(false)
     setReceiveDialogInitialToken("")
+    setReceiveDialogInitialInvoice("")
   }
 
   const handleRefresh = async () => {
@@ -330,11 +348,17 @@ export default function CashuWallet() {
 
   // Handle receiveToken from navigation state
   useEffect(() => {
-    const state = location.state as {receiveToken?: string} | undefined
+    const state = location.state as {receiveToken?: string; lightningInvoice?: string} | undefined
     if (state?.receiveToken && manager) {
       setReceiveDialogInitialToken(state.receiveToken)
       setShowReceiveDialog(true)
     }
+    if (state?.lightningInvoice && manager) {
+      setSendDialogInitialInvoice(state.lightningInvoice)
+      setShowSendDialog(true)
+      // Clear state after handling
+      window.history.replaceState({}, "", "/wallet")
+    }
   }, [location.state, manager])
 
   // Handle paymentRequest from URL params
@@ -392,6 +416,28 @@ export default function CashuWallet() {
         const bal = await mgr.wallet.getBalances()
         setBalance(bal)
 
+        // Load all mints and cache their info
+        const mints = await mgr.mint.getAllMints()
+        for (const {mintUrl} of mints) {
+          // Skip if already cached
+          if (getCachedMintInfo(mintUrl)) continue
+
+          // Fetch and cache mint info
+          try {
+            const {CashuMint} = await import("@cashu/cashu-ts")
+            const mint = new CashuMint(mintUrl)
+            const info = await mint.getInfo()
+            setCachedMintInfo(mintUrl, info)
+          } catch (err) {
+            console.warn(`Failed to fetch info for ${mintUrl}:`, err)
+          }
+        }
+
+        // Set active mint if not already set
+        if (!activeMint && bal && Object.keys(bal).length > 0) {
+          setActiveMint(Object.keys(bal)[0])
+        }
+
         // Load history
         const hist = await mgr.history.getPaginatedHistory(0, 1000)
         const enrichedHist = await enrichHistoryWithMetadata(hist)
@@ -552,12 +598,15 @@ export default function CashuWallet() {
               </div>
 
               {/* Mint Info */}
-              {balance && Object.keys(balance).length > 0 && (
+              {activeMint && (
                 <div className="text-sm text-base-content/60 mt-4">
                   Mint:{" "}
-                  <span className="font-medium">
-                    {Object.keys(balance)[0].replace(/^https?:\/\//, "")}
-                  </span>
+                  <button
+                    onClick={() => setActiveTab("mints")}
+                    className="font-medium hover:underline cursor-pointer"
+                  >
+                    {activeMint.replace(/^https?:\/\//, "")}
+                  </button>
                 </div>
               )}
             </div>
@@ -654,6 +703,7 @@ export default function CashuWallet() {
                         history={history}
                         usdRate={usdRate}
                         onSendEntryClick={handleSendEntryClick}
+                        onMintEntryClick={handleMintEntryClick}
                       />
                     </div>
                   )}
@@ -665,6 +715,8 @@ export default function CashuWallet() {
                         balance={balance}
                         manager={manager}
                         onBalanceUpdate={refreshData}
+                        activeMint={activeMint}
+                        onMintClick={setActiveMint}
                       />
                     </div>
                   )}
@@ -676,7 +728,7 @@ export default function CashuWallet() {
               isOpen={showSendDialog}
               onClose={handleCloseSendDialog}
               manager={manager}
-              mintUrl={balance ? Object.keys(balance)[0] : DEFAULT_MINT}
+              mintUrl={activeMint || DEFAULT_MINT}
               onSuccess={refreshData}
               initialToken={sendDialogInitialToken}
               initialInvoice={sendDialogInitialInvoice}
@@ -687,9 +739,10 @@ export default function CashuWallet() {
               isOpen={showReceiveDialog}
               onClose={handleCloseReceiveDialog}
               manager={manager}
-              mintUrl={balance ? Object.keys(balance)[0] : DEFAULT_MINT}
+              mintUrl={activeMint || DEFAULT_MINT}
               onSuccess={refreshData}
               initialToken={receiveDialogInitialToken}
+              initialInvoice={receiveDialogInitialInvoice}
               balance={totalBalance}
               onScanRequest={() => setShowQRScanner(true)}
             />

src/pages/wallet/cashu/HistoryList.tsx

@@ -1,4 +1,4 @@
-import type {SendHistoryEntry} from "@/lib/cashu/core/models/History"
+import type {SendHistoryEntry, HistoryEntry} from "@/lib/cashu/core/models/History"
 import type {EnrichedHistoryEntry} from "../CashuWallet"
 import {RiFlashlightFill, RiBitCoinFill} from "@remixicon/react"
 import {useState} from "react"
@@ -16,12 +16,14 @@ interface HistoryListProps {
   history: EnrichedHistoryEntry[]
   usdRate: number | null
   onSendEntryClick?: (entry: SendHistoryEntry) => void
+  onMintEntryClick?: (entry: HistoryEntry) => void
 }
 
 export default function HistoryList({
   history,
   usdRate,
   onSendEntryClick,
+  onMintEntryClick,
 }: HistoryListProps) {
   const [displayCount, setDisplayCount] = useState(INITIAL_DISPLAY)
   const navigate = useNavigate()
@@ -44,19 +46,26 @@ export default function HistoryList({
         const amount = getTransactionAmount(entry)
         const status = getTransactionStatus(entry)
         const isSend = entry.type === "send"
+        const isPendingMint = entry.type === "mint" && status === "pending"
         const isZapWithEvent =
           entry.paymentMetadata?.type === "zap" && entry.paymentMetadata?.eventId
         const hasRecipient = !!entry.paymentMetadata?.recipient
         const hasSender = !!entry.paymentMetadata?.sender
         const isClickable =
-          (isSend && onSendEntryClick) || isZapWithEvent || hasRecipient || hasSender
+          (isSend && onSendEntryClick) ||
+          (isPendingMint && onMintEntryClick) ||
+          isZapWithEvent ||
+          hasRecipient ||
+          hasSender
 
         // Determine if it's Lightning (mint/melt) or Ecash (send/receive)
         const label =
           entry.type === "mint" || entry.type === "melt" ? "Lightning" : "Ecash"
 
         const handleClick = () => {
-          if (isZapWithEvent && entry.paymentMetadata?.eventId) {
+          if (isPendingMint && onMintEntryClick) {
+            onMintEntryClick(entry)
+          } else if (isZapWithEvent && entry.paymentMetadata?.eventId) {
             navigate(`/${nip19.noteEncode(entry.paymentMetadata.eventId)}`)
           } else if (hasRecipient && entry.paymentMetadata?.recipient) {
             // Lightning payments (melt): Navigate to profile

src/pages/wallet/cashu/MintDetailsModal.tsx

@@ -1,8 +1,9 @@
 import {useState, useEffect} from "react"
 import Modal from "@/shared/components/ui/Modal"
 import type {Manager} from "@/lib/cashu/core/index"
-import {RiDeleteBinLine, RiFileCopyLine} from "@remixicon/react"
+import {RiDeleteBinLine, RiFileCopyLine, RiRefreshLine} from "@remixicon/react"
 import {confirm} from "@/utils/utils"
+import {useCashuWalletStore} from "@/stores/cashuWallet"
 
 interface MintInfo {
   name?: string
@@ -21,6 +22,8 @@ interface MintDetailsModalProps {
   mintUrl: string
   manager: Manager | null
   onMintDeleted: () => void
+  activeMint: string | null
+  onSetActive: (mintUrl: string) => void
 }
 
 export default function MintDetailsModal({
@@ -29,21 +32,35 @@ export default function MintDetailsModal({
   mintUrl,
   manager,
   onMintDeleted,
+  activeMint,
+  onSetActive,
 }: MintDetailsModalProps) {
+  const {getCachedMintInfo, setCachedMintInfo, clearMintInfoCache} = useCashuWalletStore()
   const [mintInfo, setMintInfo] = useState<MintInfo | null>(null)
   const [qrCodeUrl, setQrCodeUrl] = useState<string>("")
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string>("")
+  const [refreshing, setRefreshing] = useState(false)
 
   useEffect(() => {
     if (!isOpen || !mintUrl) return
 
     const fetchMintInfo = async () => {
       setLoading(true)
       try {
+        // Check cache first
+        const cached = getCachedMintInfo(mintUrl)
+        if (cached) {
+          setMintInfo(cached as unknown as MintInfo)
+          setLoading(false)
+          return
+        }
+
+        // Fetch from network
         const response = await fetch(`${mintUrl}/v1/info`)
         const data = await response.json()
         setMintInfo(data)
+        setCachedMintInfo(mintUrl, data)
       } catch (error) {
         console.error("Failed to fetch mint info:", error)
       } finally {
@@ -81,7 +98,24 @@ export default function MintDetailsModal({
       }
     }
     generateQR()
-  }, [isOpen, mintUrl])
+  }, [isOpen, mintUrl, getCachedMintInfo, setCachedMintInfo])
+
+  const handleRefreshMetadata = async () => {
+    setRefreshing(true)
+    try {
+      // Clear cache and fetch fresh data
+      clearMintInfoCache(mintUrl)
+      const response = await fetch(`${mintUrl}/v1/info`)
+      const data = await response.json()
+      setMintInfo(data)
+      setCachedMintInfo(mintUrl, data)
+    } catch (error) {
+      console.error("Failed to refresh mint info:", error)
+      setError("Failed to refresh metadata")
+    } finally {
+      setRefreshing(false)
+    }
+  }
 
   const handleCopyUrl = () => {
     navigator.clipboard.writeText(mintUrl)
@@ -242,6 +276,22 @@ export default function MintDetailsModal({
             <div>
               <h3 className="font-bold mb-2">ACTIONS</h3>
               <div className="space-y-2">
+                {activeMint !== mintUrl && (
+                  <button
+                    onClick={() => onSetActive(mintUrl)}
+                    className="btn btn-primary w-full justify-start"
+                  >
+                    Set as Active Mint
+                  </button>
+                )}
+                <button
+                  onClick={handleRefreshMetadata}
+                  className="btn btn-ghost w-full justify-start"
+                  disabled={refreshing}
+                >
+                  <RiRefreshLine className={`w-5 h-5 mr-2 ${refreshing ? "animate-spin" : ""}`} />
+                  {refreshing ? "Refreshing..." : "Refresh metadata"}
+                </button>
                 <button
                   onClick={handleCopyUrl}
                   className="btn btn-ghost w-full justify-start"