Merge pull request #49 from Crossbell-Box/feat/integrate-connect-kit

feat: update `@crossbell/connect-kit` to `1.4.8`

next.config.js

@@ -22,6 +22,29 @@ const nextConfig = {
   async generateBuildId() {
     return execSync(lastCommitCommand).toString().trim()
   },
+
+  webpack: (config) => {
+    // https://github.com/WalletConnect/walletconnect-monorepo/blob/7716e164281c2f531145d682c3658f761fa0a823/providers/universal-provider/src/utils/deepLinks.ts#L39
+    // @walletconnect/universal-provider imports react-native conditionally.
+    // Since this is a NextJS app, simply mark it as external to avoid the webpack bundling warning.
+    config.externals.push("react-native")
+
+    // https://github.com/WalletConnect/walletconnect-monorepo/issues/1908#issuecomment-1487801131
+    config.externals.push("pino-pretty", "lokijs", "encoding")
+
+    // https://github.com/WalletConnect/walletconnect-legacy/blob/main/packages/client/src/socket.ts#L19
+    // @walletconnect/legacy-client imports 'ws' for the NodeJS environment, which causes bundle errors.
+    // Since we use 'walletconnect' only in the browser, mark it as external to avoid webpack bundling warnings.
+    config.externals.push("ws")
+
+    // https://github.com/WalletConnect/walletconnect-utils/blob/b7d7dc003c25dd33ef74c2fac483140f71a51d86/jsonrpc/http-connection/src/http.ts#L2
+    // `@walletconnect/jsonrpc-http-connection` imports `cross-fetch` to support fetch in Node.js. It's unnecessary for Next.JS app.
+    config.resolve.alias["cross-fetch"] = require.resolve(
+      "next/dist/build/polyfills/fetch/index.js",
+    )
+
+    return config
+  },
 }
 
 module.exports = nextConfig

package.json

@@ -13,82 +13,83 @@
     "**/*": "prettier --write --ignore-unknown"
   },
   "dependencies": {
-    "@crossbell/connect-kit": "0.0.55",
-    "@crossbell/contract": "0.0.55",
-    "@crossbell/indexer": "0.0.55",
-    "@crossbell/notification": "^0.0.55",
-    "@crossbell/ui": "0.0.55",
-    "@crossbell/util-ethers": "0.0.55",
-    "@crossbell/util-hooks": "0.0.55",
-    "@crossbell/util-metadata": "0.0.55",
-    "@ctrl/tinycolor": "^3.5.0",
-    "@emotion/react": "^11.10.5",
-    "@floating-ui/react": "^0.19.1",
+    "@crossbell/connect-kit": "1.4.8",
+    "@crossbell/contract": "1.4.8",
+    "@crossbell/indexer": "1.4.8",
+    "@crossbell/notification": "^1.4.8",
+    "@crossbell/ui": "1.4.8",
+    "@crossbell/util-ethers": "1.4.0",
+    "@crossbell/util-hooks": "1.4.4",
+    "@crossbell/util-metadata": "1.4.0",
+    "@ctrl/tinycolor": "^3.6.0",
+    "@emotion/react": "^11.11.1",
+    "@floating-ui/react": "^0.24.3",
     "@floating-ui/react-dom-interactions": "^0.13.3",
-    "@heroicons/react": "^2.0.15",
-    "@mantine/core": "^5.10.3",
-    "@mantine/hooks": "^5.10.3",
-    "@tanstack/react-query": "^4.24.4",
-    "@tanstack/react-query-persist-client": "^4.24.4",
-    "axios": "^1.3.2",
+    "@heroicons/react": "^2.0.18",
+    "@mantine/core": "^6.0.14",
+    "@mantine/hooks": "^6.0.14",
+    "@tanstack/react-query": "^4.29.17",
+    "@tanstack/react-query-persist-client": "^4.29.17",
+    "axios": "^1.4.0",
     "clsx": "^1.2.1",
-    "crossbell.js": "^0.19.5",
-    "dayjs": "^1.11.7",
-    "downshift": "^7.2.0",
+    "crossbell": "^1.4.0",
+    "dayjs": "^1.11.8",
+    "downshift": "^7.6.0",
     "hast": "^1.0.0",
-    "idb-keyval": "^6.2.0",
-    "immer": "^9.0.19",
-    "ioredis": "^5.3.0",
+    "idb-keyval": "^6.2.1",
+    "immer": "^10.0.2",
+    "ioredis": "^5.3.2",
     "js-yaml": "^4.1.0",
-    "mdast-util-to-string": "^3.1.1",
-    "next": "13.1.6",
+    "mdast-util-to-string": "^3.2.0",
+    "next": "13.4.7",
     "nextjs-progressbar": "^0.0.16",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-hook-form": "^7.43.1",
-    "react-hot-toast": "^2.4.0",
+    "react-hook-form": "^7.45.0",
+    "react-hot-toast": "^2.4.1",
     "react-infinite-scroller": "^1.2.6",
-    "react-parallax-tilt": "^1.7.100",
+    "react-parallax-tilt": "^1.7.150",
     "react-scroll": "^1.8.9",
-    "refractor": "^4.8.0",
+    "refractor": "^4.8.1",
     "rehype-infer-description-meta": "^1.1.0",
-    "rehype-prism-plus": "^1.5.1",
+    "rehype-prism-plus": "^1.6.1",
     "rehype-raw": "^6.1.1",
-    "rehype-react": "^7.1.2",
+    "rehype-react": "^7.2.0",
     "rehype-sanitize": "^5.0.1",
     "rehype-stringify": "^9.0.3",
     "remark-directive": "^2.0.1",
     "remark-directive-rehype": "^0.4.2",
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1",
-    "remark-parse": "^10.0.1",
+    "remark-parse": "^10.0.2",
     "remark-rehype": "^10.1.0",
-    "sharp": "^0.31.3",
+    "sharp": "^0.32.1",
     "underscore": "^1.13.6",
     "unified": "^10.1.2",
     "unist-builder": "^3.0.1",
     "unist-util-visit": "^4.1.2",
-    "wagmi": "0.12.7",
-    "zustand": "^4.3.2"
+    "viem": "^1.1.7",
+    "wagmi": "1.3.0",
+    "zustand": "^4.3.8"
   },
   "devDependencies": {
-    "@tailwindcss/line-clamp": "^0.4.2",
+    "@tailwindcss/line-clamp": "^0.4.4",
     "@types/hast": "^2.3.4",
     "@types/js-yaml": "^4.0.5",
-    "@types/node": "18.13.0",
-    "@types/react": "18.0.27",
-    "@types/react-dom": "18.0.10",
+    "@types/node": "20.3.2",
+    "@types/react": "18.2.14",
+    "@types/react-dom": "18.2.6",
     "@types/react-infinite-scroller": "^1.2.3",
-    "@types/react-scroll": "^1.8.6",
-    "@types/underscore": "^1.11.4",
-    "autoprefixer": "^10.4.13",
-    "eslint": "8.33.0",
-    "eslint-config-next": "13.1.6",
+    "@types/react-scroll": "^1.8.7",
+    "@types/underscore": "^1.11.5",
+    "autoprefixer": "^10.4.14",
+    "eslint": "8.43.0",
+    "eslint-config-next": "13.4.7",
     "husky": "^8.0.3",
-    "lint-staged": "^13.1.1",
-    "postcss": "^8.4.21",
-    "prettier": "^2.8.4",
-    "tailwindcss": "^3.2.6",
-    "typescript": "4.9.5"
+    "lint-staged": "^13.2.2",
+    "postcss": "^8.4.24",
+    "prettier": "^2.8.8",
+    "tailwindcss": "^3.3.2",
+    "typescript": "5.1.3"
   }
 }