@uppzen/midnight-auth
v1.0.2
Published
Modern authentication and wallet connection library for Midnight Network
Downloads
14
Maintainers
uppzenReadme
@uppzen/midnight-auth
Modern authentication and wallet connection library for Midnight Network.
📚 Documentation • 📦 npm • 🐛 Issues
Features
- ✨ Beautiful pre-styled UI components
- 🔐 Secure authentication with session management
- ⚡ Transaction signing and submission
- 🔧 Full TypeScript support
- 📱 Responsive design
- 🚀 Next.js 13+ optimized
Installation
npm install @uppzen/midnight-authQuick Start
Next.js App Router (13+)
Create a client component wrapper:
// app/providers.tsx
'use client'
import { MidnightAuthProvider } from '@uppzen/midnight-auth'
import '@uppzen/midnight-auth/styles.css'
export function Providers({ children }: { children: React.ReactNode }) {
return (
<MidnightAuthProvider>
{children}
</MidnightAuthProvider>
)
}Then use it in your root layout:
// app/layout.tsx
import { Providers } from './providers'
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>
<Providers>
{children}
</Providers>
</body>
</html>
)
}Next.js Pages Router or React
import '@uppzen/midnight-auth/styles.css'
import { MidnightAuthProvider, MidnightConnectButton } from '@uppzen/midnight-auth'
export default function App() {
return (
<MidnightAuthProvider>
<MidnightConnectButton />
</MidnightAuthProvider>
)
}Documentation
For complete documentation, API reference, and examples, visit docs.uppzen.com
Components
<MidnightAuthProvider />- Wrap your app<MidnightConnectButton />- Wallet connection button<MidnightWalletInfo />- Display wallet information<MidnightSessionTimer />- Session countdown<ProtectedRoute />- Route protection
Hooks
useMidnightAuth()- Core authenticationuseMidnightWallet()- Wallet data and operationsuseMidnightSession()- Session management
License
Apache 2.0 © Uppzen