feat: add Privy wallet generation API and integrate Privy context provider

Author: dipanshuhappy

app/api/generateWallet/route.ts

@@ -0,0 +1,35 @@
+import { PrivyClient } from "@privy-io/server-auth";
+import { type NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+	const privy = new PrivyClient(
+		process.env.PRIVY_APP_ID ?? "",
+		process.env.PRIVY_APP_SECRET ?? "",
+	);
+	console.log(process.env.PRIVY_APP_ID, process.env.PRIVY_APP_SECRET);
+	console.log({ privy });
+	const { address } = await req.json();
+	console.log("address", address);
+
+	if (!address) {
+		console.log("Missing required fields");
+		return NextResponse.json(
+			{ error: "Missing required fields" },
+			{ status: 400 },
+		);
+	}
+
+	console.log("Creating wallet for user with email: ", address);
+
+	const wallet = await privy.importUser({
+		linkedAccounts: [
+			{
+				type: "email",
+				address: address,
+			},
+		],
+		createEthereumWallet: true,
+	});
+	console.log(wallet);
+	return NextResponse.json({ wallet }, { status: 200 });
+}

app/layout.tsx

@@ -9,7 +9,9 @@ import { Footer } from "@/components/global/footer";
 import { NavMenu } from "@/components/global/nav-menu";
 import { siteConfig } from "@/config/site";
 import { config } from "@/config/wagmi";
+import { PrivyContextProvider } from "@/contexts/privy";
 import { WagmiContextProvider } from "@/contexts/wagmi";
+import { PrivyProvider } from "@privy-io/react-auth";
 import { headers } from "next/headers";
 
 export const metadata: Metadata = {
@@ -51,11 +53,13 @@ export default function RootLayout({
 					"min-h-screen bg-background font-sans antialiased flex flex-col",
 				)}
 			>
-				<WagmiContextProvider initialState={initialState}>
-					<NavMenu />
-					<div className="flex-1">{children}</div>
-					<Footer />
-				</WagmiContextProvider>
+				<PrivyContextProvider>
+					<WagmiContextProvider initialState={initialState}>
+						<NavMenu />
+						<div className="flex-1">{children}</div>
+						<Footer />
+					</WagmiContextProvider>
+				</PrivyContextProvider>
 			</body>
 		</html>
 	);

contexts/privy.tsx

@@ -3,7 +3,7 @@
 
 import { ReactNode } from "react";
 import { PrivyProvider } from "@privy-io/react-auth";
-import { optimism } from "viem/chains";
+import { optimism } from "wagmi/chains";
 
 const appId = process.env.NEXT_PUBLIC_PRIVY_APP_ID ?? '';
 

package.json

@@ -22,7 +22,6 @@
     "@hypercerts-org/sdk": "2.2.0-beta.2",
     "@privy-io/react-auth": "^1.92.5",
     "@privy-io/server-auth": "1.15.0",
-    "@privy-io/wagmi": "^0.2.12",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",