feat(keystore_management): new app, setup wallet connection/managemen…

…t with sepolia (#114)

.github/workflows/ci.yml

@@ -22,7 +22,8 @@ jobs:
             dogfooding,
             message-monitor,
             flush-notes,
-            buddybook
+            buddybook,
+            keystore-management
           ]
     runs-on: ubuntu-latest
     steps:

examples/keystore-management/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

examples/keystore-management/README.md

@@ -0,0 +1,45 @@
+# Waku Keystore Management
+
+A simple Next.js application to manage Waku RLN keystores.
+
+## Overview
+
+This application provides an interface for managing keystores for Waku's rate-limiting nullifier (RLN) functionality. It integrates with MetaMask for wallet connectivity and demonstrates how to work with the Waku RLN library.
+
+## Features
+
+- Connect to MetaMask wallet
+- View wallet information including address, network, and balance
+- Support for Sepolia testnet
+- Keystore management functionality
+
+## Getting Started
+
+1. First, install the dependencies:
+
+```bash
+npm install
+# or
+yarn
+```
+
+2. Run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+3. Open [http://localhost:3000](http://localhost:3000) with your browser.
+
+4. Connect your MetaMask wallet (Sepolia testnet is supported).
+
+## Technologies
+
+- Next.js
+- React
+- TypeScript
+- TailwindCSS
+- Waku RLN library
+- Ethers.js

examples/keystore-management/eslint.config.mjs

@@ -0,0 +1,16 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+];
+
+export default eslintConfig;

examples/keystore-management/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;