feat: create rpc method to link to swap/bridge

src/background/messaging/messaging-utils.ts

@@ -1,6 +1,9 @@
+import type { To } from 'react-router-dom';
+
 import { InternalMethods } from '@shared/message-types';
 import { sendMessage } from '@shared/messages';
 import { RouteUrls } from '@shared/route-urls';
+import type { SwapRequestParams } from '@shared/rpc/methods/swap';
 
 import { popup } from '@background/popup';
 
@@ -16,7 +19,7 @@
 //
 // Playwright does not currently support Chrome extension popup testing:
 // https://github.com/microsoft/playwright/issues/5593
-async function openRequestInFullPage(path: string, urlParams: URLSearchParams) {
+async function openRequestInFullPage(path: string | To, urlParams: URLSearchParams) {
   return chrome.tabs.create({
     url: chrome.runtime.getURL(`index.html#${path}?${urlParams.toString()}`),
   });
@@ -69,3 +72,10 @@
   if (IS_TEST_ENV) return openRequestInFullPage(path, urlParams);
   return popup({ url: `/popup.html#${path}?${urlParams.toString()}` });
 }
+
+export async function triggerSwapWindowOpen(path: To, urlParams: URLSearchParams) {
+  console.log('triggerSwapWindowOpen', path, urlParams);
+
+  if (IS_TEST_ENV) return openRequestInFullPage(path, urlParams);
+  return popup({ url: `/index.html#${path}?${urlParams.toString()}` });
+}

src/background/messaging/rpc-message-handler.ts

@@ -4,6 +4,7 @@ import { WalletRequests, makeRpcErrorResponse } from '@shared/rpc/rpc-methods';
 
 import { queueAnalyticsRequest } from '@background/background-analytics';
 import { rpcSignStacksTransaction } from '@background/messaging/rpc-methods/sign-stacks-transaction';
+import { rpcSwap } from '@background/messaging/rpc-methods/swap';
 
 import { getTabIdFromPort, listenForOriginTabClose } from './messaging-utils';
 import { rpcGetAddresses } from './rpc-methods/get-addresses';
@@ -22,6 +23,10 @@ export async function rpcMessageHandler(message: WalletRequests, port: chrome.ru
       await rpcOpen(message, port);
       break;
     }
+    case 'swap': {
+      await rpcSwap(message, port);
+      break;
+    }
     case 'getAddresses': {
       await rpcGetAddresses(message, port);
       break;

src/background/messaging/rpc-methods/swap.ts

@@ -0,0 +1,26 @@
+import { RouteUrls } from '@shared/route-urls';
+import type { SwapRequest } from '@shared/rpc/methods/swap';
+import { makeRpcSuccessResponse } from '@shared/rpc/rpc-methods';
+
+import { makeSearchParamsWithDefaults, triggerSwapWindowOpen } from '../messaging-utils';
+import { trackRpcRequestSuccess } from '../rpc-message-handler';
+
+export async function rpcSwap(message: SwapRequest, port: chrome.runtime.Port) {
+  const { urlParams, tabId } = makeSearchParamsWithDefaults(port, [['requestId', message.id]]);
+  const { from = 'STX', to } = message?.params || {};
+
+  await triggerSwapWindowOpen(
+    RouteUrls.Swap.replace(':base', from).replace(':quote', to ?? ''),
+    urlParams
+  );
+
+  void trackRpcRequestSuccess({ endpoint: message.method });
+
+  chrome.tabs.sendMessage(
+    tabId,
+    makeRpcSuccessResponse('swap', {
+      id: message.id,
+      result: { message: 'Success' },
+    })
+  );
+}

src/shared/rpc/methods/swap.ts

@@ -0,0 +1,12 @@
+import { DefineRpcMethod, RpcRequest, RpcResponse } from '@btckit/types';
+
+export interface SwapRequestParams {
+  from?: string;
+  to?: string;
+}
+
+export type SwapRequest = RpcRequest<'swap', SwapRequestParams>;
+
+type SwapResponse = RpcResponse<{ message: string }>;
+
+export type Swap = DefineRpcMethod<SwapRequest, SwapResponse>;

src/shared/rpc/rpc-methods.ts

@@ -8,10 +8,12 @@ import { Open } from './methods/open';
 import { SignPsbt } from './methods/sign-psbt';
 import { SignStacksMessage } from './methods/sign-stacks-message';
 import { SupportedMethods } from './methods/supported-methods';
+import { Swap } from './methods/swap';
 
 // Supports BtcKit methods, as well as custom Leather methods
 export type WalletMethodMap = BtcKitMethodMap &
   Open &
+  Swap &
   SupportedMethods &
   SignPsbt &
   SignStacksTransaction &