フロントエンドの資材を追加

Author: mashharuki

pkgs/circuit/package.json

@@ -12,7 +12,7 @@
     "generateInput": "node ./scripts/generateInput.js",
     "test": "node ./test/verify.test.js",
     "cp:verifier": "cp PasswordHashVerifier.sol ../backend/contracts",
-    "cp:zk": "cp PasswordHash_js/PasswordHash.wasm ../backend/zk && cp zkey/PasswordHash_final.zkey ../backend/zk && cp PasswordHash_js/PasswordHash.wasm ../frontend/src/zk && cp zkey/PasswordHash_final.zkey ../frontend/src/zk"
+    "cp:zk": "cp PasswordHash_js/PasswordHash.wasm ../backend/zk && cp zkey/PasswordHash_final.zkey ../backend/zk && cp PasswordHash_js/PasswordHash.wasm ../frontend/zk && cp zkey/PasswordHash_final.zkey ../frontend/zk"
   },
   "keywords": [],
   "author": "",

pkgs/frontend/.env.example

@@ -0,0 +1,5 @@
+# Privy Auth Settings
+NEXT_PUBLIC_PRIVY_APP_ID=your_privy_app_id_here
+
+# PASSWORD_HASH Settings
+PASSWORD_HASH=

pkgs/frontend/.eslintrc.json

@@ -0,0 +1,7 @@
+{
+  "extends": ["next/core-web-vitals"],
+  "rules": {
+    "prefer-const": "error",
+    "no-var": "error"
+  }
+}

pkgs/frontend/.gitignore

@@ -0,0 +1,41 @@
+# Dependencies
+node_modules/
+.pnpm-debug.log*
+
+# Build outputs
+.next/
+out/
+dist/
+build/
+
+# Environment variables
+.env
+.env.local
+.env.production
+.env.test
+
+# IDE and OS files
+.DS_Store
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# Logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# Cache
+.eslintcache
+.cache/
+*.tsbuildinfo
+
+# TypeScript
+typings/
+
+# Coverage
+coverage/
+.nyc_output

pkgs/frontend/app/api/generate-proof/route.ts

@@ -0,0 +1,78 @@
+import type { NextRequest } from "next/server";
+import { NextResponse } from "next/server";
+import path from "node:path";
+// @ts-ignore
+const snarkjs = require("snarkjs");
+
+/**
+ * ZK Proofを生成するAPIエンドポイント
+ */
+export async function GET() {
+  return NextResponse.json({
+    message: "ZK Proof Generation API is running",
+    endpoints: {
+      POST: "/api/generate-proof",
+      description: "Generate ZK proof from password",
+    },
+  });
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const { passwordNumber } = await request.json();
+
+    if (!passwordNumber || typeof passwordNumber !== "string") {
+      return NextResponse.json(
+        { error: "パスワードが無効です" },
+        { status: 400 },
+      );
+    }
+
+    // 回路の入力データを作成
+    const input = {
+      password: passwordNumber,
+      passwordHash: process.env.PASSWORD_HASH,
+    };
+
+    console.log("Input for proof generation:", input);
+
+    // WAsmファイルとzkeyファイルのパスを設定
+    const wasmPath = path.join(process.cwd(), "zk", "PasswordHash.wasm");
+    const zkeyPath = path.join(process.cwd(), "zk", "PasswordHash_final.zkey");
+
+    console.log("wasmPath:", wasmPath);
+
+    // プルーフを生成
+    const { proof, publicSignals } = await snarkjs.groth16.fullProve(
+      input,
+      wasmPath,
+      zkeyPath,
+    );
+
+    console.log("Proof generated successfully:", proof);
+
+    // プルーフをフォーマット（コントラクト用）
+    const solidityProof = {
+      a: [proof.pi_a[0], proof.pi_a[1]],
+      b: [
+        [proof.pi_b[0][1], proof.pi_b[0][0]],
+        [proof.pi_b[1][1], proof.pi_b[1][0]],
+      ],
+      c: [proof.pi_c[0], proof.pi_c[1]],
+    };
+
+    return NextResponse.json({
+      success: true,
+      data: {
+        proof: solidityProof,
+        publicSignals: publicSignals,
+      },
+    });
+  } catch (error) {
+    console.error("プルーフ生成エラー:", error);
+    return NextResponse.json(
+      { error: "プルーフの生成に失敗しました" },
+      { status: 500 },
+    );
+  }
+}

pkgs/frontend/app/api/hash-password/route.ts

@@ -0,0 +1,55 @@
+import type { NextRequest } from "next/server";
+import { NextResponse } from "next/server";
+// @ts-ignore
+const circomlibjs = require("circomlibjs");
+
+/**
+ * パスワードをハッシュ化するAPIエンドポイント
+ */
+export async function GET() {
+  return NextResponse.json({
+    message: "Password Hash API is running",
+    endpoints: {
+      POST: "/api/hash-password",
+      description: "Hash password using Poseidon",
+    },
+  });
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const { password } = await request.json();
+
+    if (!password || typeof password !== "string") {
+      return NextResponse.json(
+        { error: "パスワードが無効です" },
+        { status: 400 },
+      );
+    }
+
+    // Poseidonハッシュ関数をビルド
+    const poseidon = await circomlibjs.buildPoseidon();
+
+    // パスワードをバイト配列に変換してからBigIntに変換
+    const passwordBytes = Buffer.from(password, "utf8");
+    const passwordNumber = BigInt(`0x${passwordBytes.toString("hex")}`);
+
+    // Poseidonハッシュを計算
+    const hash = poseidon.F.toString(poseidon([passwordNumber]));
+
+    return NextResponse.json({
+      success: true,
+      data: {
+        originalPassword: password,
+        passwordNumber: passwordNumber.toString(),
+        hash: hash,
+      },
+    });
+  } catch (error) {
+    console.error("パスワードハッシュ化エラー:", error);
+    return NextResponse.json(
+      { error: "パスワードのハッシュ化に失敗しました" },
+      { status: 500 },
+    );
+  }
+}