Sign In With Ethereum

import { getCsrfToken, signIn, signOut, getSession } from "next-auth/react";import type {  SIWEVerifyMessageArgs,  SIWECreateMessageArgs,  SIWESession,} from "@reown/appkit-siwe";import { createSIWEConfig, formatMessage } from "@reown/appkit-siwe";import { mainnet, sepolia } from "@reown/appkit/networks";export const siweConfig = createSIWEConfig({  getMessageParams: async () => ({    domain: typeof window !== "undefined" ? window.location.host : "",    uri: typeof window !== "undefined" ? window.location.origin : "",    chains: [mainnet.id, sepolia.id],    statement: "Please sign with your account",  }),  createMessage: ({ address, ...args }: SIWECreateMessageArgs) =>    formatMessage(args, address),  getNonce: async () => {    const nonce = await getCsrfToken();    if (!nonce) {      throw new Error("Failed to get nonce!");    }    return nonce;  },  getSession: async () => {    const session = await getSession();    if (!session) {      return null;    }    // Validate address and chainId types    if (      typeof session.address !== "string" ||      typeof session.chainId !== "number"    ) {      return null;    }    return {      address: session.address,      chainId: session.chainId,    } satisfies SIWESession;  },  verifyMessage: async ({ message, signature }: SIWEVerifyMessageArgs) => {    try {      const success = await signIn("credentials", {        message,        redirect: false,        signature,        callbackUrl: "/protected",      });      return Boolean(success?.ok);    } catch (error) {      return false;    }  },  signOut: async () => {    try {      await signOut({        redirect: false,      });      return true;    } catch (error) {      return false;    }  },});

import { createPublicClient, http } from "viem";const publicClient = createPublicClient({  transport: http(    `https://rpc.walletconnect.org/v1/?chainId=${chainId}&projectId=${projectId}`  ),});const isValid = await publicClient.verifyMessage({  message,  address: address as `0x${string}`,  signature: signature as `0x${string}`,});// The verifySignature is not working with social logins and emails with non deployed smart accounts// for this reason we recommend using the viem to verify the signature// import { verifySignature } from '@reown/appkit-siwe'// const isValid = await verifySignature({ address, message, signature, chainId, projectId })

import { getChainIdFromMessage } from "@reown/appkit-siwe";const chainId = getChainIdFromMessage(message);

import { getAddressFromMessage } from "@reown/appkit-siwe";const address = getAddressFromMessage(message);

import { getCsrfToken, signIn, signOut, getSession } from "next-auth/react";import { SiweMessage } from "siwe";import type {  SIWEVerifyMessageArgs,  SIWECreateMessageArgs,} from "@reown/appkit-siwe";import { createSIWEConfig, formatMessage } from "@reown/appkit-siwe";export const siweConfig = createSIWEConfig({  createMessage: ({ nonce, address, chainId }: SIWECreateMessageArgs) =>    new SiweMessage({      version: "1",      domain: window.location.host,      uri: window.location.origin,      address,      chainId,      nonce,      // Human-readable ASCII assertion that the user will sign, and it must not contain `\n`.      statement: "Sign in With Ethereum.",    }).prepareMessage(),  getNonce: async () => {    const nonce = await getCsrfToken();    if (!nonce) {      throw new Error("Failed to get nonce!");    }    return nonce;  },  getSession,  verifyMessage: async ({ message, signature }: SIWEVerifyMessageArgs) => {    try {      const success = await signIn("credentials", {        message,        redirect: false,        signature,        callbackUrl: "/protected",      });      return Boolean(success?.ok);    } catch (error) {      return false;    }  },  signOut: async () => {    try {      await signOut({        redirect: false,      });      return true;    } catch (error) {      return false;    }  },});

import NextAuth from "next-auth";import credentialsProvider from "next-auth/providers/credentials";import {  type SIWESession,  verifySignature,  getChainIdFromMessage,  getAddressFromMessage,} from "@reown/appkit-siwe";declare module "next-auth" {  interface Session extends SIWESession {    address: string;    chainId: number;  }}const nextAuthSecret = process.env.NEXTAUTH_SECRET;if (!nextAuthSecret) {  throw new Error("NEXTAUTH_SECRET is not set");}const projectId = process.env.NEXT_PUBLIC_PROJECT_ID;if (!projectId) {  throw new Error("NEXT_PUBLIC_PROJECT_ID is not set");}const providers = [  credentialsProvider({    name: "Ethereum",    credentials: {      message: {        label: "Message",        type: "text",        placeholder: "0x0",      },      signature: {        label: "Signature",        type: "text",        placeholder: "0x0",      },    },    async authorize(credentials) {      try {        if (!credentials?.message) {          throw new Error("SiweMessage is undefined");        }        const { message, signature } = credentials;        const address = getAddressFromMessage(message);        const chainId = getChainIdFromMessage(message);        const isValid = await verifySignature({          address,          message,          signature,          chainId,          projectId,        });        if (isValid) {          return {            id: `${chainId}:${address}`,          };        }        return null;      } catch (e) {        return null;      }    },  }),];const handler = NextAuth({  // https://next-auth.js.org/configuration/providers/oauth  secret: nextAuthSecret,  providers,  session: {    strategy: "jwt",  },  callbacks: {    session({ session, token }) {      if (!token.sub) {        return session;      }      const [, chainId, address] = token.sub.split(":");      if (chainId && address) {        session.address = address;        session.chainId = parseInt(chainId, 10);      }      return session;    },  },});export { handler as GET, handler as POST };

import { NextAuthOptions } from "next-auth";import credentialsProvider from "next-auth/providers/credentials";import { getCsrfToken } from "next-auth/react";import NextAuth from "next-auth/next";import type { SIWESession } from "@reown/appkit-siwe";import { SiweMessage } from "siwe";declare module "next-auth" {  interface Session extends SIWESession {    address: string;    chainId: number;  }}const nextAuthSecret = process.env.NEXTAUTH_SECRET;if (!nextAuthSecret) {  throw new Error("NEXTAUTH_SECRET is not set");}// Get your projectId on https://dashboard.reown.comconst projectId = process.env.NEXT_PUBLIC_PROJECT_ID;if (!projectId) {  throw new Error("NEXT_PUBLIC_PROJECT_ID is not set");}const authOptions: NextAuthOptions = {  // https://next-auth.js.org/configuration/providers/oauth  secret: nextAuthSecret,  providers: [    credentialsProvider({      name: "Ethereum",      credentials: {        message: {          label: "Message",          type: "text",          placeholder: "0x0",        },        signature: {          label: "Signature",          type: "text",          placeholder: "0x0",        },      },      async authorize(credentials, req) {        try {          if (!credentials?.message) {            throw new Error("SiweMessage is undefined");          }          const siwe = new SiweMessage(credentials.message);          const nonce = await getCsrfToken({ req: { headers: req.headers } });          const result = await siwe.verify({            signature: credentials?.signature || "",            nonce,          });          if (result.success) {            return {              id: `eip155:${siwe.chainId}:${siwe.address}`,            };          }          return null;        } catch (e) {          return null;        }      },    }),  ],  session: {    strategy: "jwt",  },  callbacks: {    session({ session, token }) {      if (!token.sub) {        return session;      }      const [, chainId, address] = token.sub.split(":");      if (chainId && address) {        session.address = address;        session.chainId = parseInt(chainId, 10);      }      return session;    },  },};const handler = NextAuth(authOptions);export { handler as GET, handler as POST };