feat: vectis integration

docs/docs/hooks/useActiveWalletType.md

@@ -28,6 +28,7 @@ function App() {
   isKeplr: boolean;
   isKeplrMobile: boolean;
   isLeap: boolean;
+  isVectis: boolean;
   isLeapMobile: boolean;
   isWalletConnect: boolean;
 }

docs/docs/types/walletType.md

@@ -40,6 +40,7 @@ function App() {
 enum WalletType {
   KEPLR = "keplr",
   LEAP = "leap",
+  VECTIS = "vectis",
   COSMOSTATION = "cosmostation",
   WALLETCONNECT = "walletconnect",
   WC_KEPLR_MOBILE = "wc_keplr_mobile",

packages/graz-adapter-vectis/.eslintrc.js

@@ -0,0 +1,8 @@
+// @ts-check
+
+const { extendEslint } = require("@strangelovelabs/style-guide");
+
+module.exports = extendEslint(["browser-node", "react", "typescript", "tsup"], {
+  ignorePatterns: ["dist/**"],
+  root: true,
+});

packages/graz-adapter-vectis/.gitignore

@@ -0,0 +1,4 @@
+/chains/*
+/dist/**/*
+!/chains/*.stub
+!/dist/**/.gitkeep

packages/graz-adapter-vectis/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Strangelove Ventures
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/graz-adapter-vectis/README.md

@@ -0,0 +1,9 @@
+# graz-adapter-vectis
+
+[![npm/v](https://badgen.net/npm/v/graz-adapter-vectis)](https://www.npmjs.com/package/graz-adapter-vectis)
+[![npm/dt](https://badgen.net/npm/dt/graz-adapter-vectis)](https://www.npmjs.com/package/graz-adapter-vectis)
+[![stars](https://badgen.net/github/stars/strangelove-ventures/graz)](https://github.com/strangelove-ventures/graz)
+
+React hooks for Cosmos. Learn more about graz on the [official GitHub repository](https://github.com/strangelove-ventures/graz).
+
+[MIT License, Copyright (c) 2023 Strangelove Ventures](./LICENSE)

packages/graz-adapter-vectis/env.d.ts

@@ -0,0 +1,6 @@
+type VectisWindow = import("@vectis/extension-client").VectisWindow;
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+declare interface Window extends VectisWindow {
+  //
+}

packages/graz-adapter-vectis/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "graz-adapter-vectis",
+  "description": "Graz adapter for Vectis Wallet",
+  "version": "0.0.2",
+  "repository": "https://github.com/strangelove-ventures/graz.git",
+  "homepage": "https://github.com/strangelove-ventures/graz",
+  "bugs": "https://github.com/strangelove-ventures/graz/issues",
+  "files": [
+    "dist/*.d.ts",
+    "dist/*.js",
+    "dist/*.mjs"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint --fix \"src/**/*.{ts,tsx}\"",
+    "prepublishOnly": "pnpm build"
+  },
+  "peerDependencies": {
+    "graz": ">=0.0.37"
+  },
+  "devDependencies": {
+    "@types/node": "^20.3.1",
+    "graz": "*",
+    "typescript": "^5.1.3"
+  },
+  "keywords": [
+    "graz",
+    "graz-adapter",
+    "graz-adapter-vectis",
+    "vectis-wallet",
+    "vectis",
+    "use-vectis"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@vectis/extension-client": "^0.7.0"
+  }
+}

packages/graz-adapter-vectis/src/index.ts

@@ -0,0 +1,98 @@
+import type { ChainInfo, KeyInfo, OfflineAminoSigner, OfflineDirectSigner } from "@vectis/extension-client";
+import type { AccountData, GrazAdapter } from "graz";
+
+export class VectisAdapter implements GrazAdapter {
+  name = "vectis";
+  id = "vectis";
+  keystoreEvent = "vectis_accountChanged";
+
+  private getConnector() {
+    if (typeof window.vectis.cosmos !== "undefined") return window.vectis.cosmos;
+    throw new Error("window.vectis is not defined");
+  }
+
+  checkConnector() {
+    try {
+      this.getConnector();
+      return true;
+    } catch (error) {
+      console.error(error);
+      return false;
+    }
+  }
+
+  async enable(chainId: string) {
+    try {
+      await this.getConnector().enable(chainId);
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  async experimentalSuggestChain(chainInfo: ChainInfo) {
+    try {
+      await this.getConnector().suggestChains([chainInfo]);
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  async getKey(chainId: string): Promise<KeyInfo> {
+    try {
+      const key = await this.getConnector().getKey(chainId);
+      return key;
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  async getAccount(chainId: string, _prefix?: string): Promise<AccountData> {
+    try {
+      const [account] = await this.getConnector().getAccounts(chainId);
+      if (!account) throw new Error("Account not found");
+      return {
+        address: Uint8Array.from([]),
+        bech32Address: account.address,
+        pubKey: account.pubkey,
+        algo: account.algo,
+      };
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  getOfflineSigner(chainId: string) {
+    try {
+      const signer = this.getConnector().getOfflineSigner(chainId);
+      return signer as OfflineAminoSigner & OfflineDirectSigner;
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  getOfflineSignerOnlyAmino(chainId: string) {
+    try {
+      const signer = this.getConnector().getOfflineSignerAmino(chainId);
+      return signer;
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  async getOfflineSignerAuto(chainId: string) {
+    try {
+      const key = await this.getConnector().getKey(chainId);
+      if (key.isNanoLedger) return this.getConnector().getOfflineSignerAmino(chainId);
+      return await this.getConnector().getOfflineSignerAuto(chainId);
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+}

packages/graz-adapter-vectis/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "@strangelovelabs/style-guide/tsconfig.json",
+  "compilerOptions": {
+    "moduleResolution": "node",
+    "resolveJsonModule": true
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ]
+}

packages/graz-adapter-vectis/tsup.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig(({ watch }) => ({
+  clean: !watch,
+  dts: true,
+  entry: ["src/*.ts"],
+  format: ["cjs", "esm"],
+  minify: !watch,
+  minifyIdentifiers: !watch,
+  minifySyntax: !watch,
+  minifyWhitespace: !watch,
+}));

packages/graz/env.d.ts

@@ -1,6 +1,7 @@
 type KeplrWindow = import("@keplr-wallet/types").Window;
+type VectisWindow = import("@vectis/extension-client").VectisWindow;
 
-declare interface Window extends KeplrWindow {
+declare interface Window extends KeplrWindow, VectisWindow {
   leap: KeplrWindow["keplr"];
   cosmostation: {
     cosmos: {

packages/graz/src/actions/wallet.ts

@@ -155,6 +155,45 @@ export const getCosmostation = (): Wallet => {
   throw new Error("window.cosmostation.providers.keplr is not defined");
 };
 
+/**
+ * Function to return {@link Wallet} object and throws and error if it does not exist on `window`.
+ *
+ * @example
+ * ```ts
+ * try {
+ *   const vectis = getVectis();
+ * } catch (error: Error) {
+ *   console.error(error.message);
+ * }
+ * ```
+ *
+ *
+ */
+export const getVectis = (): Wallet => {
+  if (typeof window.vectis !== "undefined") {
+    const vectis = window.vectis.cosmos;
+    const subscription: (reconnect: () => void) => void = (reconnect) => {
+      window.addEventListener("vectis_accountChanged", () => {
+        clearSession();
+        reconnect();
+      });
+      return () => {
+        window.removeEventListener("vectis_accountChanged", () => {
+          clearSession();
+          reconnect();
+        });
+      };
+    };
+    const res = Object.assign(vectis, {
+      subscription,
+    });
+    return res;
+  }
+
+  useGrazInternalStore.getState()._notFoundFn();
+  throw new Error("window.keplr is not defined");
+};
+
 type SignDirectParams = Parameters<Wallet["signDirect"]>;
 type SignAminoParams = Parameters<Wallet["signAmino"]>;
 
@@ -719,6 +758,9 @@ export const getWallet = (type: WalletType = useGrazInternalStore.getState().wal
     case WalletType.COSMOSTATION: {
       return getCosmostation();
     }
+    case WalletType.VECTIS: {
+      return getVectis();
+    }
     case WalletType.WALLETCONNECT: {
       return getWalletConnect();
     }

packages/graz/src/hooks/wallet.ts

@@ -25,6 +25,7 @@ export const useActiveWalletType = () => {
       isKeplrMobile: x.walletType === WalletType.WC_KEPLR_MOBILE,
       isLeap: x.walletType === WalletType.LEAP,
       isLeapMobile: x.walletType === WalletType.WC_LEAP_MOBILE,
+      isVectis: x.walletType === WalletType.VECTIS,
       isWalletConnect: x.walletType === WalletType.WALLETCONNECT,
     }),
     shallow,

packages/graz/src/provider/events.tsx

@@ -2,7 +2,7 @@ import type { FC } from "react";
 import { useEffect } from "react";
 
 import { reconnect } from "../actions/account";
-import { getCosmostation, getKeplr, getLeap, getWalletConnect } from "../actions/wallet";
+import { getCosmostation, getKeplr, getLeap, getVectis, getWalletConnect } from "../actions/wallet";
 import { RECONNECT_SESSION_KEY } from "../constant";
 import { useGrazInternalStore, useGrazSessionStore } from "../store";
 import { WalletType } from "../types/wallet";
@@ -55,6 +55,11 @@ export const useGrazEvents = () => {
           void reconnect({ onError: _onReconnectFailed });
         });
       }
+      if (_reconnectConnector === WalletType.VECTIS) {
+        getVectis().subscription?.(() => {
+          void reconnect({ onError: _onReconnectFailed });
+        });
+      }
       if (_reconnectConnector === WalletType.WALLETCONNECT) {
         if (wcSignClient) {
           getWalletConnect().subscription?.(() => {

packages/graz/src/types/wallet.ts

@@ -3,6 +3,7 @@ import type { Keplr } from "@keplr-wallet/types";
 export enum WalletType {
   KEPLR = "keplr",
   LEAP = "leap",
+  VECTIS = "vectis",
   COSMOSTATION = "cosmostation",
   WALLETCONNECT = "walletconnect",
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -16,6 +17,7 @@ export enum WalletType {
 export const WALLET_TYPES = [
   WalletType.KEPLR,
   WalletType.LEAP,
+  WalletType.VECTIS,
   WalletType.COSMOSTATION,
   WalletType.WALLETCONNECT,
   WalletType.WC_KEPLR_MOBILE,