Merge pull request #436 from ljunb/feat/foxwallet-extension

feat: add FoxWallet extension

Author: pyramation

examples/cosmos-kit-nextjs-pages-router-example/package.json

@@ -31,6 +31,7 @@
     "@cosmos-kit/core": "^2.16.0",
     "@cosmos-kit/cosmostation": "^2.15.0",
     "@cosmos-kit/fin": "^2.14.0",
+    "@cosmos-kit/foxwallet": "^1.0.0",
     "@cosmos-kit/ins": "^2.2.4",
     "@cosmos-kit/keplr": "^2.15.0",
     "@cosmos-kit/leap": "^2.15.0",

examples/cosmos-kit-nextjs-pages-router-example/pages/_app.tsx

@@ -14,6 +14,7 @@ import { MainWalletBase } from "@cosmos-kit/core";
 import { wallets as keplrWallets } from "@cosmos-kit/keplr";
 import { wallets as leapWallets } from "@cosmos-kit/leap";
 import { wallets as owalletWallets } from "@cosmos-kit/owallet";
+import { wallets as foxWallets } from "@cosmos-kit/foxwallet";
 // Show how to custom modal views
 import { ChainProvider, defaultModalViews } from "@cosmos-kit/react";
 import { wallets as stationWallets } from "@cosmos-kit/station";
@@ -101,6 +102,7 @@ function MyApp({ Component, pageProps }: AppProps) {
           ...ctrlWallets,
           // ...frontierWallets,
           ...coin98Wallets,
+          ...foxWallets,
           // ...finWallets,
           // ...cdcwalletWallets,
         ]}

packages/cosmos-kit/package.json

@@ -79,6 +79,7 @@
     "@cosmos-kit/ctrl": "^2.14.0",
     "@cosmos-kit/exodus": "^2.13.0",
     "@cosmos-kit/fin": "^2.14.0",
+    "@cosmos-kit/foxwallet": "^1.0.0",
     "@cosmos-kit/galaxy-station": "^2.14.0",
     "@cosmos-kit/keplr": "^2.15.0",
     "@cosmos-kit/leap": "^2.15.0",

packages/cosmos-kit/src/wallets.ts

@@ -24,6 +24,7 @@ import { wallets as exodusExtension } from '@cosmos-kit/exodus-extension';
 import { wallets as tailwindWallet } from '@cosmos-kit/tailwind';
 import { wallets as cdcwalletExtension } from '@cosmos-kit/cdcwallet-extension';
 import { wallets as bitgetwalletExtension } from '@cosmos-kit/bitgetwallet-extension';
+import { wallets as foxwalletExtension } from '@cosmos-kit/foxwallet-extension';
 
 export type WalletName =
   | 'keplr'
@@ -43,7 +44,8 @@ export type WalletName =
   | 'exodus'
   | 'galaxystation'
   | 'cdcwallet'
-  | 'bitgetwallet';
+  | 'bitgetwallet'
+  | 'foxwallet';
 
 export type WalletList<
   E extends MainWalletBase | null,
@@ -104,6 +106,7 @@ export const tailwind = createWalletList(tailwindWallet[0], null);
 export const owallet = createWalletList(owalletExtension[0], owalletMobile[0]);
 export const cdcwallet = createWalletList(cdcwalletExtension[0], null);
 export const bitgetwallet = createWalletList(bitgetwalletExtension[0], null);
+export const foxwallet = createWalletList(foxwalletExtension[0], null);
 
 export type SubWalletList = MainWalletBase[] & {
   get mobile(): MainWalletBase[];
@@ -128,6 +131,7 @@ export type AllWalletList = SubWalletList & {
   cdcwallet: typeof cdcwallet;
   galaxystation: typeof galaxystation;
   bitgetwallet: typeof bitgetwallet;
+  foxwallet: typeof foxwallet;
   for: (...names: WalletName[]) => SubWalletList;
   not: (...names: WalletName[]) => SubWalletList;
 };
@@ -169,6 +173,7 @@ export function createAllWalletList(ws: MainWalletBase[]) {
   wallets.cdcwallet = cdcwallet;
   wallets.galaxystation = galaxystation;
   wallets.bitgetwallet = bitgetwallet;
+  wallets.foxwallet = foxwallet;
 
   defineGetters(wallets);
 
@@ -216,6 +221,7 @@ export const wallets = createAllWalletList([
   ...tailwind,
   ...owallet,
   ...cdcwallet,
+  ...foxwallet,
   ...galaxystation,
   ...bitgetwallet,
 ]);

packages/docs/pages/_app.tsx

@@ -62,7 +62,8 @@ function MyApp({ Component, pageProps }: AppProps) {
             "fin",
             "tailwind",
             "owallet",
-            "cdcwallet"
+            "cdcwallet",
+            "foxwallet"
           ),
           // ...web3AuthWallets,
         ]}

packages/docs/pages/integrating-wallets/foxwallet.mdx

@@ -0,0 +1,43 @@
+# How to Add FoxWallet to CosmosKit
+
+There are two packages for foxwallet
+
+- `@cosmos-kit/foxwallet`
+- `@cosmos-kit/foxwallet-extension`
+
+`@cosmos-kit/foxwallet` export all available foxwallet wallets, while if you only want to add a particular one, choose `@cosmos-kit/foxwallet-extension`
+
+> Note: all these packages export `wallets` and it's an array of `MainWalletBase`
+
+Take `@cosmos-kit/foxwallet` for example
+
+## add `@cosmos-kit/foxwallet`
+
+```
+yarn add @cosmos-kit/foxwallet
+```
+
+## import the wallets
+
+```js
+import { wallets as foxwallet } from "@cosmos-kit/foxwallet";
+```
+
+## add to your provider
+
+```js
+function MyCosmosApp({ Component, pageProps }: AppProps) {
+  return (
+      <ChainProvider
+        chains={chains}
+        assetLists={assets}
+        wallets={[...foxwallet]}
+        walletConnectOptions={...} // required if `wallets` contains mobile wallets
+      >
+        <Component {...pageProps} />
+      </ChainProvider>
+  );
+}
+
+export default MyCosmosApp;
+```

public/images/logos/wallets/foxwallet.svg

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

wallets/foxwallet-extension/.editorconfig

@@ -0,0 +1,7 @@
+node_modules/
+dist/
+main/
+module/
+types/
+coverage/
+/index.ts

wallets/foxwallet-extension/.eslintignore

@@ -0,0 +1,82 @@
+{
+  "plugins": [
+    "@typescript-eslint",
+    "simple-import-sort",
+    "unused-imports"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    // configures both eslint-plugin-prettier and eslint-config-prettier
+    "plugin:prettier/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "project": "tsconfig.json"
+  },
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true,
+    "jest": true
+  },
+  "rules": {
+    "simple-import-sort/imports": 2,
+    "simple-import-sort/exports": 2,
+    "prettier/prettier": 2,
+    "unused-imports/no-unused-imports": 2,
+    "no-console": 1,
+    "no-debugger": 2,
+    "no-alert": 2,
+    "no-await-in-loop": 0,
+    "no-prototype-builtins": 0,
+    "no-return-assign": [
+      "error",
+      "except-parens"
+    ],
+    "no-restricted-syntax": [
+      2,
+      "ForInStatement",
+      "LabeledStatement",
+      "WithStatement"
+    ],
+    "no-unused-vars": 0,
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        "argsIgnorePattern": "React|res|next|^_"
+      }
+    ],
+    "prefer-const": [
+      "error",
+      {
+        "destructuring": "all"
+      }
+    ],
+    "no-unused-expressions": [
+      2,
+      {
+        "allowTaggedTemplates": true
+      }
+    ],
+    "comma-dangle": 0,
+    "jsx-quotes": [
+      2,
+      "prefer-double"
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "quotes": [
+      2,
+      "single",
+      {
+        "avoidEscape": true,
+        "allowTemplateLiterals": true
+      }
+    ]
+  }
+}