add wallet connect

.changeset/famous-deers-sell.md

@@ -0,0 +1,6 @@
+---
+"@status-im/status-network": patch
+"hub": patch
+---
+
+add wallet connect

apps/api/package.json

@@ -17,22 +17,23 @@
   "dependencies": {
     "@status-im/wallet": "workspace:*",
     "@trpc/client": "10.45.2",
-    "@trpc/server": "10.45.2",
     "@trpc/next": "10.45.2",
+    "@trpc/server": "10.45.2",
+    "next": "15.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "next": "15.3.0",
     "zod": "^3.23.8"
   },
   "devDependencies": {
-    "typescript": "^5",
+    "@eslint/eslintrc": "^3.1.0",
+    "@next/eslint-plugin-next": "15.3.0",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "15.3.0",
-    "@eslint/eslintrc": "^3",
-    "globals": "^15.12.0"
+    "globals": "^15.12.0",
+    "typescript": "^5.6.2"
   },
   "engines": {
     "node": "20.x"

apps/hub/.env

@@ -0,0 +1,19 @@
+# note: next lint doesn't use .env.development
+# note: use .env.local instead for now
+#
+# – https://github.com/vercel/next.js/discussions/32354
+
+# .env, .env.development, and .env.production files should be included in your repository as they define defaults.
+# .env*.local should be added to .gitignore, as those files are intended to be ignored.
+# .env.local is where secrets can be stored.
+#
+# – https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables#default-environment-variables
+
+# The vercel env pull sub-command will export development environment variables to a local .env file or a different file of your choice.
+#
+# `vercel env pull .env[.development].local`
+#
+# – https://vercel.com/docs/cli/env#exporting-development-environment-variables
+
+
+NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID="123"

apps/hub/.gitignore

@@ -32,6 +32,7 @@ yarn-error.log*
 
 # env files (can opt-in for committing if needed)
 .env*
+!.env
 
 # vercel
 .vercel

apps/hub/eslint.config.mjs

@@ -1,5 +1,6 @@
 import nextPlugin from '@next/eslint-plugin-next'
 import configs, { tailwindcssConfigs } from '@status-im/eslint-config'
+import globals from 'globals'
 
 /** @type {import('eslint').Linter.Config[]} */
 export default [
@@ -32,6 +33,15 @@ export default [
       ],
     },
   },
+  {
+    files: ['**/*.mjs'],
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+  },
   {
     languageOptions: {
       parserOptions: {

apps/hub/package.json

@@ -15,29 +15,36 @@
   },
   "dependencies": {
     "@status-im/colors": "workspace:*",
-    "@status-im/icons": "workspace:*",
     "@status-im/components": "workspace:*",
+    "@status-im/icons": "workspace:*",
     "@status-im/status-network": "workspace:*",
+    "@status-im/wallet": "workspace:*",
+    "@tanstack/react-query": "5.66.0",
     "@vercel/analytics": "^1.5.0",
+    "connectkit": "^1.9.0",
     "cva": "1.0.0-beta.1",
     "framer-motion": "^12.0.6",
-    "next": "15.1.6",
+    "next": "15.3.0",
     "next-mdx-remote": "^5.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "pino-pretty": "^13.1.1",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "rehype-slug": "^6.0.0",
     "ts-pattern": "^5.6.2",
+    "viem": "2.x",
+    "wagmi": "2.15.2",
     "zod": "^3.24.1"
   },
   "devDependencies": {
+    "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
     "@next/eslint-plugin-next": "15.3.0",
     "@status-im/eslint-config": "workspace:*",
-    "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
     "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.0",
     "eslint-config-next": "15.1.6",
     "eslint-plugin-tailwindcss": "^3.17.4",
+    "globals": "^15.12.0",
     "lint-staged": "^15.4.3",
     "postcss": "^8.5.1",
     "prettier": "^3.4.2",

apps/hub/postcss.config.mjs

@@ -3,6 +3,6 @@ const config = {
   plugins: {
     tailwindcss: {},
   },
-};
+}
 
-export default config;
+export default config