feat(gui): Allow discovery of sellers via connecting to rendezvous p…

…oint (#83)

We,
- add a new list_sellers Tauri IPC command
- we rename the Seller struct to AliceAddress to name clash

src-gui/src/renderer/api.ts

@@ -1,3 +1,9 @@
+// This file is responsible for making HTTP requests to the Unstoppable API and to the CoinGecko API.
+// The APIs are used to:
+// - fetch provider status from the public registry
+// - fetch alerts to be displayed to the user
+// - and to submit feedback
+// - fetch currency rates from CoinGecko
 import { Alert, ExtendedProviderStatus } from "models/apiModel";
 
 const API_BASE_URL = "https://api.unstoppableswap.net";

src-gui/src/renderer/components/modal/listSellers/ListSellersDialog.tsx

@@ -11,11 +11,15 @@ import {
   TextField,
   Theme,
 } from "@material-ui/core";
-import { Multiaddr } from "multiaddr";
+import { ListSellersResponse } from "models/tauriModel";
 import { useSnackbar } from "notistack";
 import { ChangeEvent, useState } from "react";
 import TruncatedText from "renderer/components/other/TruncatedText";
 import PromiseInvokeButton from "renderer/components/PromiseInvokeButton";
+import { listSellersAtRendezvousPoint } from "renderer/rpc";
+import { discoveredProvidersByRendezvous } from "store/features/providersSlice";
+import { useAppDispatch } from "store/hooks";
+import { isValidMultiAddressWithPeerId } from "utils/parseUtils";
 
 const PRESET_RENDEZVOUS_POINTS = [
   "/dns4/discover.unstoppableswap.net/tcp/8888/p2p/12D3KooWA6cnqJpVnreBVnoro8midDL9Lpzmg8oJPoAGi7YYaamE",
@@ -42,35 +46,31 @@ export default function ListSellersDialog({
   const classes = useStyles();
   const [rendezvousAddress, setRendezvousAddress] = useState("");
   const { enqueueSnackbar } = useSnackbar();
+  const dispatch = useAppDispatch();
 
   function handleMultiAddrChange(event: ChangeEvent<HTMLInputElement>) {
     setRendezvousAddress(event.target.value);
   }
 
   function getMultiAddressError(): string | null {
-    try {
-      const multiAddress = new Multiaddr(rendezvousAddress);
-      if (!multiAddress.protoNames().includes("p2p")) {
-        return "The multi address must contain the peer id (/p2p/)";
-      }
-      return null;
-    } catch {
-      return "Not a valid multi address";
-    }
+    return isValidMultiAddressWithPeerId(rendezvousAddress) ? null : "Address is invalid or missing peer ID";
   }
 
-  function handleSuccess(amountOfSellers: number) {
+  function handleSuccess({ sellers }: ListSellersResponse) {
+    dispatch(discoveredProvidersByRendezvous(sellers));
+
+    const discoveredSellersCount = sellers.length;
     let message: string;
 
-    switch (amountOfSellers) {
+    switch (discoveredSellersCount) {
       case 0:
         message = `No providers were discovered at the rendezvous point`;
         break;
       case 1:
         message = `Discovered one provider at the rendezvous point`;
         break;
       default:
-        message = `Discovered ${amountOfSellers} providers at the rendezvous point`;
+        message = `Discovered ${discoveredSellersCount} providers at the rendezvous point`;
     }
 
     enqueueSnackbar(message, {
@@ -119,12 +119,13 @@ export default function ListSellersDialog({
         <Button onClick={onClose}>Cancel</Button>
         <PromiseInvokeButton
           variant="contained"
-          disabled={!(rendezvousAddress && !getMultiAddressError())}
+          disabled={
+            // We disable the button if the multiaddress is invalid
+            getMultiAddressError() !== null
+          }
           color="primary"
           onSuccess={handleSuccess}
-          onInvoke={() => {
-            throw new Error("Not implemented");
-          }}
+          onInvoke={() => listSellersAtRendezvousPoint(rendezvousAddress)}
         >
           Connect
         </PromiseInvokeButton>

src-gui/src/renderer/components/modal/provider/ProviderInfo.tsx

@@ -39,7 +39,7 @@ export default function ProviderInfo({
         {provider.multiAddr}
       </Typography>
       <Typography color="textSecondary" gutterBottom>
-        <TruncatedText limit={12}>{provider.peerId}</TruncatedText>
+        <TruncatedText>{provider.peerId}</TruncatedText>
       </Typography>
       <Typography variant="caption">
         Exchange rate:{" "}

src-gui/src/renderer/components/pages/swap/SwapWidget.tsx

@@ -177,7 +177,7 @@ function HasNoProvidersSwapWidget() {
   const forceShowDialog = useAppSelector((state) => state.swap.state !== null);
   const isPublicRegistryDown = useAppSelector((state) =>
     isRegistryDown(
-      state.providers.registry.failedReconnectAttemptsSinceLastSuccess,
+      state.providers.registry.connectionFailsCount,
     ),
   );
   const classes = useStyles();
@@ -255,7 +255,7 @@ export default function SwapWidget() {
     (state) =>
       state.providers.registry.providers === null &&
       !isRegistryDown(
-        state.providers.registry.failedReconnectAttemptsSinceLastSuccess,
+        state.providers.registry.connectionFailsCount,
       ),
   );
 

src-gui/src/renderer/index.tsx

@@ -2,7 +2,10 @@ import { createRoot } from "react-dom/client";
 import { Provider } from "react-redux";
 import { PersistGate } from "redux-persist/integration/react";
 import { setAlerts } from "store/features/alertsSlice";
-import { setRegistryProviders } from "store/features/providersSlice";
+import {
+  registryConnectionFailed,
+  setRegistryProviders,
+} from "store/features/providersSlice";
 import { setBtcPrice, setXmrPrice } from "store/features/ratesSlice";
 import logger from "../utils/logger";
 import {
@@ -12,18 +15,9 @@ import {
   fetchXmrPrice,
 } from "./api";
 import App from "./components/App";
-import {
-  checkBitcoinBalance,
-  getAllSwapInfos,
-  initEventListeners,
-} from "./rpc";
+import { initEventListeners } from "./rpc";
 import { persistor, store } from "./store/storeRenderer";
 
-setInterval(() => {
-  checkBitcoinBalance();
-  getAllSwapInfos();
-}, 30 * 1000);
-
 const container = document.getElementById("root");
 const root = createRoot(container!);
 root.render(
@@ -44,6 +38,7 @@ async function fetchInitialData() {
       "Fetched providers via UnstoppableSwap HTTP API",
     );
   } catch (e) {
+    store.dispatch(registryConnectionFailed());
     logger.error(e, "Failed to fetch providers via UnstoppableSwap HTTP API");
   }
 

src-gui/src/renderer/rpc.ts

@@ -8,6 +8,7 @@ import {
   GetLogsArgs,
   GetLogsResponse,
   GetSwapInfoResponse,
+  ListSellersArgs,
   MoneroRecoveryArgs,
   ResumeSwapArgs,
   ResumeSwapResponse,
@@ -27,6 +28,7 @@ import { store } from "./store/storeRenderer";
 import { Provider } from "models/apiModel";
 import { providerToConcatenatedMultiAddr } from "utils/multiAddrUtils";
 import { MoneroRecoveryResponse } from "models/rpcModel";
+import { ListSellersResponse } from "../models/tauriModel";
 
 export async function initEventListeners() {
   // This operation is in-expensive
@@ -144,3 +146,11 @@ export async function getLogsOfSwap(
     redact,
   });
 }
+
+export async function listSellersAtRendezvousPoint(
+  rendezvousPointAddress: string,
+): Promise<ListSellersResponse> {
+  return await invoke<ListSellersArgs, ListSellersResponse>("list_sellers", {
+    rendezvous_point: rendezvousPointAddress,
+  });
+}

src-gui/src/store/features/providersSlice.ts

@@ -1,6 +1,8 @@
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 import { ExtendedProviderStatus, ProviderStatus } from "models/apiModel";
+import { Seller } from "models/tauriModel";
 import { getStubTestnetProvider } from "store/config";
+import { rendezvousSellerToProviderStatus } from "utils/conversionUtils";
 import { isProviderCompatible } from "utils/multiAddrUtils";
 import { sortProviderList } from "utils/sortUtils";
 
@@ -12,7 +14,8 @@ export interface ProvidersSlice {
   };
   registry: {
     providers: ExtendedProviderStatus[] | null;
-    failedReconnectAttemptsSinceLastSuccess: number;
+    // This counts how many failed connections attempts we have counted since the last successful connection
+    connectionFailsCount: number;
   };
   selectedProvider: ExtendedProviderStatus | null;
 }
@@ -23,7 +26,7 @@ const initialState: ProvidersSlice = {
   },
   registry: {
     providers: stubTestnetProvider ? [stubTestnetProvider] : null,
-    failedReconnectAttemptsSinceLastSuccess: 0,
+    connectionFailsCount: 0,
   },
   selectedProvider: null,
 };
@@ -47,35 +50,42 @@ export const providersSlice = createSlice({
   name: "providers",
   initialState,
   reducers: {
-    discoveredProvidersByRendezvous(
-      slice,
-      action: PayloadAction<ProviderStatus[]>,
-    ) {
-      action.payload.forEach((discoveredProvider) => {
+    discoveredProvidersByRendezvous(slice, action: PayloadAction<Seller[]>) {
+      action.payload.forEach((discoveredSeller) => {
+        const discoveredProviderStatus =
+          rendezvousSellerToProviderStatus(discoveredSeller);
+
+        // If the seller has a status of "Unreachable" the provider is not added to the list
+        if (discoveredProviderStatus === null) {
+          return;
+        }
+
+        // If the provider was already discovered via the public registry, don't add it again
         if (
           !slice.registry.providers?.some(
             (prov) =>
-              prov.peerId === discoveredProvider.peerId &&
-              prov.multiAddr === discoveredProvider.multiAddr,
+              prov.peerId === discoveredProviderStatus.peerId &&
+              prov.multiAddr === discoveredProviderStatus.multiAddr,
           )
         ) {
           const indexOfExistingProvider = slice.rendezvous.providers.findIndex(
             (prov) =>
-              prov.peerId === discoveredProvider.peerId &&
-              prov.multiAddr === discoveredProvider.multiAddr,
+              prov.peerId === discoveredProviderStatus.peerId &&
+              prov.multiAddr === discoveredProviderStatus.multiAddr,
           );
 
-          // Avoid duplicates, replace instead
+          // Avoid duplicate entries, replace them instead
           if (indexOfExistingProvider !== -1) {
             slice.rendezvous.providers[indexOfExistingProvider] =
-              discoveredProvider;
+              discoveredProviderStatus;
           } else {
-            slice.rendezvous.providers.push(discoveredProvider);
+            slice.rendezvous.providers.push(discoveredProviderStatus);
           }
         }
       });
 
       slice.rendezvous.providers = sortProviderList(slice.rendezvous.providers);
+      slice.selectedProvider = selectNewSelectedProvider(slice);
     },
     setRegistryProviders(
       slice,
@@ -90,8 +100,8 @@ export const providersSlice = createSlice({
       );
       slice.selectedProvider = selectNewSelectedProvider(slice);
     },
-    increaseFailedRegistryReconnectAttemptsSinceLastSuccess(slice) {
-      slice.registry.failedReconnectAttemptsSinceLastSuccess += 1;
+    registryConnectionFailed(slice) {
+      slice.registry.connectionFailsCount += 1;
     },
     setSelectedProvider(
       slice,
@@ -110,7 +120,7 @@ export const providersSlice = createSlice({
 export const {
   discoveredProvidersByRendezvous,
   setRegistryProviders,
-  increaseFailedRegistryReconnectAttemptsSinceLastSuccess,
+  registryConnectionFailed,
   setSelectedProvider,
 } = providersSlice.actions;
 

src-gui/src/utils/conversionUtils.ts

@@ -1,3 +1,8 @@
+import { ProviderStatus } from "models/apiModel";
+import { Seller } from "models/tauriModel";
+import { isTestnet } from "store/config";
+import { splitPeerIdFromMultiAddress } from "./parseUtils";
+
 export function satsToBtc(sats: number): number {
   return sats / 100000000;
 }
@@ -40,3 +45,25 @@ export function getMoneroTxExplorerUrl(txid: string, stagenet: boolean) {
 export function secondsToDays(seconds: number): number {
   return seconds / 86400;
 }
+
+// Convert the "Seller" object returned by the list sellers tauri endpoint to a "ProviderStatus" object
+// which we use internally to represent the status of a provider. This provides consistency between
+// the models returned by the public registry and the models used internally.
+export function rendezvousSellerToProviderStatus(
+  seller: Seller,
+): ProviderStatus | null {
+  if (seller.status.type === "Unreachable") {
+    return null;
+  }
+
+  const [multiAddr, peerId] = splitPeerIdFromMultiAddress(seller.multiaddr);
+
+  return {
+    maxSwapAmount: seller.status.content.max_quantity,
+    minSwapAmount: seller.status.content.min_quantity,
+    price: seller.status.content.price,
+    peerId,
+    multiAddr,
+    testnet: isTestnet(),
+  };
+}

src-gui/src/utils/parseUtils.ts

@@ -1,4 +1,5 @@
 import { CliLog } from "models/cliModel";
+import { Multiaddr } from "multiaddr";
 
 /*
 Extract btc amount from string
@@ -72,3 +73,38 @@ export function getLogsFromRawFileString(rawFileData: string): CliLog[] {
 export function logsToRawString(logs: (CliLog | string)[]): string {
   return logs.map((l) => JSON.stringify(l)).join("\n");
 }
+
+// This function checks if a given multi address string is a valid multi address
+// and contains a peer ID component.
+export function isValidMultiAddressWithPeerId(
+  multiAddressStr: string,
+): boolean {
+  try {
+    const multiAddress = new Multiaddr(multiAddressStr);
+    const peerId = multiAddress.getPeerId();
+
+    return peerId !== null;
+  } catch {
+    return false;
+  }
+}
+
+// This function splits a multi address string into the multi address and peer ID components.
+// It throws an error if the multi address string is invalid or does not contain a peer ID component.
+export function splitPeerIdFromMultiAddress(
+  multiAddressStr: string,
+): [multiAddress: string, peerId: string] {
+  const multiAddress = new Multiaddr(multiAddressStr);
+
+  // Extract the peer ID
+  const peerId = multiAddress.getPeerId();
+
+  if (peerId) {
+    // Remove the peer ID component
+    const p2pMultiaddr = new Multiaddr("/p2p/" + peerId);
+    const multiAddressWithoutPeerId = multiAddress.decapsulate(p2pMultiaddr);
+    return [multiAddressWithoutPeerId.toString(), peerId];
+  } else {
+    throw new Error("No peer id encapsulated in multi address");
+  }
+}

src-tauri/src/lib.rs

@@ -4,7 +4,8 @@ use swap::cli::{
     api::{
         request::{
             BalanceArgs, BuyXmrArgs, GetHistoryArgs, GetLogsArgs, GetSwapInfosAllArgs,
-            MoneroRecoveryArgs, ResumeSwapArgs, SuspendCurrentSwapArgs, WithdrawBtcArgs,
+            ListSellersArgs, MoneroRecoveryArgs, ResumeSwapArgs, SuspendCurrentSwapArgs,
+            WithdrawBtcArgs,
         },
         tauri_bindings::{TauriContextStatusEvent, TauriEmitter, TauriHandle},
         Context, ContextBuilder,
@@ -169,6 +170,7 @@ pub fn run() {
             get_history,
             monero_recovery,
             get_logs,
+            list_sellers,
             suspend_current_swap,
             is_context_available,
         ])
@@ -208,6 +210,7 @@ tauri_command!(resume_swap, ResumeSwapArgs);
 tauri_command!(withdraw_btc, WithdrawBtcArgs);
 tauri_command!(monero_recovery, MoneroRecoveryArgs);
 tauri_command!(get_logs, GetLogsArgs);
+tauri_command!(list_sellers, ListSellersArgs);
 
 // These commands require no arguments
 tauri_command!(suspend_current_swap, SuspendCurrentSwapArgs, no_args);