feat: add Leather to WBIP004 array, closes #5615

src/app/common/account-restoration/legacy-gaia-config-lookup.ts

@@ -7,7 +7,7 @@ import {
 
 import { gaiaUrl as gaiaHubUrl } from '@shared/constants';
 
-// This function repliactes behaviour  wrapped in the `restoreWalletAccounts`
+// This function replicates behaviour  wrapped in the `restoreWalletAccounts`
 // method of wallet-sdk. It checks for BNS names on Gaia-persisted accounts,
 // resulting in a huge number of requests when called by a wallet with many
 // accounts. Here, we only care to find the number of accounts a user has

src/inpage/add-leather-to-providers.ts

@@ -0,0 +1,41 @@
+interface WalletProvider {
+  id: string; // Path on global/window object
+  name: string; // Name shown in UI components
+  icon: string; // Data URI of an iamge to show in UI components
+
+  webUrl?: string; // URL to website
+
+  chromeWebStoreUrl?: string; // URL to Chrome Web Store Page
+  mozillaAddOnsUrl?: string; // URL to Mozilla Add-Ons Page
+  googlePlayStoreUrl?: string; // URL to Google Play Store Page
+  iOSAppStoreUrl?: string; // URL to iOS App Store Page
+
+  methods?: string[]; // List of methods supported by this provider
+}
+
+// https://wbips.netlify.app/wbips/WBIP004
+export function addLeatherToProviders() {
+  const win = window as unknown as Window & { btc_providers: WalletProvider[] };
+
+  if (!win.btc_providers) win.btc_providers = []; // SHOULD make sure the array exists
+
+  win.btc_providers.push({
+    id: 'LeatherProvider',
+    name: 'Leather',
+    icon: 'data:image/svg;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiByeD0iMjYuODM4NyIgZmlsbD0iIzEyMTAwRiIvPgo8cGF0aCBkPSJNNzQuOTE3MSA1Mi43MTE0QzgyLjQ3NjYgNTEuNTQwOCA5My40MDg3IDQzLjU4MDQgOTMuNDA4NyAzNy4zNzYxQzkzLjQwODcgMzUuNTAzMSA5MS44OTY4IDM0LjIxNTQgODkuNjg3MSAzNC4yMTU0Qzg1LjUwMDQgMzQuMjE1NCA3OC40MDYxIDQwLjUzNjggNzQuOTE3MSA1Mi43MTE0Wk0zOS45MTEgODMuNDk5MUMzMC4wMjU2IDgzLjQ5OTEgMjkuMjExNSA5My4zMzI0IDM5LjA5NjkgOTMuMzMyNEM0My41MTYzIDkzLjMzMjQgNDguODY2MSA5MS41NzY0IDUxLjY1NzMgODguNDE1N0M0Ny41ODY4IDg0LjkwMzggNDQuMjE0MSA4My40OTkxIDM5LjkxMSA4My40OTkxWk0xMDIuODI5IDc5LjI4NDhDMTAzLjQxIDk1Ljc5MDcgOTUuMDM2OSAxMDUuMDM5IDgwLjg0ODQgMTA1LjAzOUM3Mi40NzQ4IDEwNS4wMzkgNjguMjg4MSAxMDEuODc4IDU5LjMzMyA5Ni4wMjQ4QzU0LjY4MSAxMDEuMTc2IDQ1Ljg0MjMgMTA1LjAzOSAzOC41MTU0IDEwNS4wMzlDMTMuMjc4NSAxMDUuMDM5IDE0LjMyNTIgNzIuODQ2MyA0MC4wMjczIDcyLjg0NjNDNDUuMzc3MSA3Mi44NDYzIDQ5LjkxMjggNzQuMjUxMSA1NS43Mjc3IDc3Ljg4TDU5LjU2NTYgNjQuNDE3N0M0My43NDg5IDYwLjA4NjQgMzUuODQwNSA0Ny45MTE4IDQzLjYzMjYgMzAuNDY5M0g1Ni4xOTI5QzQ5LjIxNSA0Mi4wNTg2IDUzLjk4MzIgNTEuNjU3OCA2Mi44MjIgNTIuNzExNEM2Ny41OTAzIDM1LjczNzIgNzcuODI0NiAyMi41MDkgOTEuNDMxNiAyMi41MDlDOTkuMTA3NCAyMi41MDkgMTA1LjE1NSAyNy41NDI4IDEwNS4xNTUgMzYuNjczN0MxMDUuMTU1IDUxLjMwNjYgODYuMDgxOSA2My4yNDcxIDcxLjY2MDcgNjQuNDE3N0w2NS43Mjk1IDg1LjM3MjFDNzIuNDc0OCA5My4yMTUzIDkxLjE5OSAxMDAuODI0IDkxLjE5OSA3OS4yODQ4SDEwMi44MjlaIiBmaWxsPSIjRjdGNUYzIi8+Cjwvc3ZnPgo=',
+
+    webUrl: 'https://leather.io',
+
+    chromeWebStoreUrl:
+      'https://chromewebstore.google.com/detail/leather/ldinpeekobnhjjdofggfgjlcehhmanlj',
+
+    methods: [
+      'getAddresses',
+      'signMessage',
+      'sentTransfer',
+      'signPsbt',
+      'stx_signMessage',
+      'stx_signTransaction',
+    ],
+  });
+}

src/inpage/inpage.ts

@@ -22,8 +22,12 @@ import {
 } from '@shared/message-types';
 import type { WalletMethodMap, WalletMethodNames, WalletResponses } from '@shared/rpc/rpc-methods';
 
+import { addLeatherToProviders } from './add-leather-to-providers';
+
 type CallableMethods = keyof typeof ExternalMethods;
 
+addLeatherToProviders();
+
 interface ExtensionResponse {
   source: 'blockstack-extension';
   method: CallableMethods;