@hazelnutcloud/openauth-siwe v0.2.0

@hazelnutcloud/openauth-siwe

Sign-In with Ethereum (SIWE) provider for OpenAuth.

Features

• Easy integration with OpenAuth
• Built-in UI with wallet connection support
• Support for injected wallets, Coinbase Wallet and WalletConnect
• Customizable SIWE message parameters
• Type-safe implementation using TypeScript

Installation

npm install @hazelnutcloud/openauth-siwe

Usage

import { createPublicClient, http } from "viem";
import { mainnet } from "viem/chains";
import { SiweUi, SiweProvider } from "@openauthjs/openauth-siwe";
import { issuer } from "@openauthjs/openauth";

// Create a Viem public client
const client = createPublicClient({
  chain: mainnet,
  transport: http(),
});

// Use with OpenAuth
const app = issuer({
  providers: {
    siwe: SiweProvider(
      SiweUi({
        client,
        statement: "Sign in to My dApp",
        walletConnectProjectId: "your-project-id", // Optional
      })
    ),
  },
});

Configuration Options

SiweUiOptions

Custom UI Implementation

You can also implement your own UI by using the SiweProvider directly:

const provider = SiweProvider({
  client,
  async signin(request, nonce) {
    // Return your custom signin page.
    return new Response("Custom signin page");
  },
});

License

MIT