add nextjs backend

.prettierignore

@@ -1,4 +1,5 @@
 **/build
 **/artifacts
 **/cache
-**/typechain-types
+**/typechain-types
+**/.next

package.json

@@ -14,6 +14,7 @@
         "contracts": "yarn workspace @unirep-app/contracts run",
         "frontend": "yarn workspace @unirep-app/frontend run",
         "relay": "yarn workspace @unirep-app/relay run",
+        "backend": "yarn workspace @unirep-app/backend run",
         "start": "node scripts/start.mjs",
         "linkUnirep": "sh ./scripts/linkUnirep.sh",
         "copyUnirep": "sh ./scripts/copyUnirep.sh",

packages/backend/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+    "extends": "next/core-web-vitals"
+}

packages/backend/.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

packages/backend/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+-   [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+-   [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

packages/backend/next.config.mjs

@@ -0,0 +1,22 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    async headers() {
+        return [
+            {
+                // matching all API routes
+                source: '/api/:path*',
+                headers: [
+                    { key: 'Access-Control-Allow-Credentials', value: 'true' },
+                    { key: 'Access-Control-Allow-Origin', value: '*' }, // replace this your actual origin
+                    {
+                        key: 'Access-Control-Allow-Methods',
+                        value: 'GET,DELETE,PATCH,POST,PUT,OPTIONS',
+                    },
+                    { key: 'Access-Control-Allow-Headers', value: '*' },
+                ],
+            },
+        ]
+    },
+}
+
+export default nextConfig

packages/backend/package.json

@@ -0,0 +1,32 @@
+{
+    "name": "@unirep-app/backend",
+    "version": "1.0.0",
+    "description": "Server of the Unirep Application",
+    "keywords": [],
+    "author": "Unirep Team <team@unirep.io>",
+    "license": "ISC",
+    "scripts": {
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start",
+        "lint": "next lint"
+    },
+    "dependencies": {
+        "@unirep/core": "^2.0.1",
+        "dotenv": "^16.3.1",
+        "next": "14.1.0",
+        "react": "^18",
+        "react-dom": "^18"
+    },
+    "devDependencies": {
+        "@types/node": "^20",
+        "@types/react": "^18",
+        "@types/react-dom": "^18",
+        "autoprefixer": "^10.0.1",
+        "eslint": "^8",
+        "eslint-config-next": "14.1.0",
+        "postcss": "^8",
+        "tailwindcss": "^3.3.0",
+        "typescript": "^5"
+    }
+}

packages/backend/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+}

packages/backend/src/app/api/config/route.ts

@@ -0,0 +1,14 @@
+import type { NextRequest } from 'next/server'
+import { UNIREP_ADDRESS, APP_ADDRESS, ETH_PROVIDER_URL } from '../../config'
+
+export const runtime = 'edge'
+
+export async function GET(request: NextRequest) {
+    return new Response(
+        JSON.stringify({
+            UNIREP_ADDRESS,
+            APP_ADDRESS,
+            ETH_PROVIDER_URL,
+        })
+    )
+}

packages/backend/src/app/api/request/route.ts

@@ -0,0 +1,24 @@
+import type { NextRequest } from 'next/server'
+import { UNIREP_ADDRESS, APP_ADDRESS, ETH_PROVIDER_URL } from '../../config'
+import { EpochKeyProof } from '@unirep/circuits'
+import prover from '@unirep/circuits/provers/web'
+
+export const runtime = 'edge'
+
+export async function POST(request: NextRequest) {
+    const { reqData, publicSignals, proof } = await request.json()
+    // const epochKeyProof = new EpochKeyProof(
+    //     publicSignals,
+    //     proof,
+    //     prover
+    // )
+    // const valid = await epochKeyProof.verify()
+    // console.log(valid)
+    return new Response(
+        JSON.stringify({
+            UNIREP_ADDRESS,
+            APP_ADDRESS,
+            ETH_PROVIDER_URL,
+        })
+    )
+}

packages/backend/src/app/api/signup/route.ts

@@ -0,0 +1,32 @@
+import type { NextRequest } from 'next/server'
+import { UNIREP_ADDRESS, APP_ADDRESS, ETH_PROVIDER_URL } from '../../config'
+import { SignupProof } from '@unirep/circuits'
+import { defaultProver as prover } from '@unirep/circuits/provers/defaultProver'
+
+export const runtime = 'edge'
+
+export async function POST(request: NextRequest) {
+    const { publicSignals, proof } = await request.json()
+    const signupProof = new SignupProof(publicSignals, proof, prover)
+    const valid = await signupProof.verify()
+    console.log(valid)
+    // const valid = await epochKeyProof.verify()
+    // console.log(valid)
+    return new Response(
+        JSON.stringify({
+            publicSignals,
+            proof,
+        })
+    )
+}
+
+export async function OPTIONS(request: NextRequest) {
+    return new Response(null, {
+        headers: {
+            'Access-Control-Allow-Origin': '*',
+            'Access-Control-Allow-Methods': 'POST, OPTIONS',
+            'Access-Control-Allow-Headers': 'Content-Type',
+        },
+        status: 200,
+    })
+}

packages/backend/src/app/config.ts

@@ -0,0 +1,15 @@
+import { ethers } from 'ethers'
+import _config from '../../../../config'
+
+export const UNIREP_ADDRESS =
+    process.env.UNIREP_ADDRESS ?? _config.UNIREP_ADDRESS
+export const APP_ADDRESS = process.env.APP_ADDRESS ?? _config.APP_ADDRESS
+export const ETH_PROVIDER_URL =
+    process.env.ETH_PROVIDER_URL ?? _config.ETH_PROVIDER_URL
+export const PRIVATE_KEY = process.env.PRIVATE_KEY ?? _config.PRIVATE_KEY
+
+export const DB_PATH = process.env.DB_PATH ?? ':memory:'
+
+export const provider = ETH_PROVIDER_URL.startsWith('http')
+    ? new ethers.providers.JsonRpcProvider(ETH_PROVIDER_URL)
+    : new ethers.providers.WebSocketProvider(ETH_PROVIDER_URL)

packages/backend/src/app/globals.css

@@ -0,0 +1,33 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+    --foreground-rgb: 0, 0, 0;
+    --background-start-rgb: 214, 219, 220;
+    --background-end-rgb: 255, 255, 255;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --foreground-rgb: 255, 255, 255;
+        --background-start-rgb: 0, 0, 0;
+        --background-end-rgb: 0, 0, 0;
+    }
+}
+
+body {
+    color: rgb(var(--foreground-rgb));
+    background: linear-gradient(
+            to bottom,
+            transparent,
+            rgb(var(--background-end-rgb))
+        )
+        rgb(var(--background-start-rgb));
+}
+
+@layer utilities {
+    .text-balance {
+        text-wrap: balance;
+    }
+}

packages/backend/src/app/layout.tsx

@@ -0,0 +1,22 @@
+import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+import './globals.css'
+
+const inter = Inter({ subsets: ['latin'] })
+
+export const metadata: Metadata = {
+    title: 'Create Next App',
+    description: 'Generated by create next app',
+}
+
+export default function RootLayout({
+    children,
+}: Readonly<{
+    children: React.ReactNode
+}>) {
+    return (
+        <html lang="en">
+            <body className={inter.className}>{children}</body>
+        </html>
+    )
+}