JSPM

  • Created
  • Published
  • Downloads 372
  • Score
    100M100P100Q125150F
  • License MIT

Lightning Network authentication and payment processing library for modern web applications

Package Exports

  • lightning-auth-and-payment
  • lightning-auth-and-payment/dev
  • lightning-auth-and-payment/nextjs

Readme

โšก Lightning Auth & Payment

npm version License: MIT TypeScript Lightning Network

The complete Lightning Network authentication and payment solution for modern web applications

Build Lightning Network-powered applications with ease. From simple single-page shops to complex eCommerce platforms, Lightning Auth & Payment provides everything you need for Lightning Network integration.

๐Ÿš€ Quick Start

For AI Agents (Cursor, etc.)

Use our AI Setup Guide - copy and paste a single prompt to automatically configure everything.

Manual Installation

npm install lightning-auth-and-payment

โšก Super Quick Setup (5 minutes)

  1. Install the library:
npm install lightning-auth-and-payment
  1. Create your API routes (copy-paste ready):
# Create the directory structure
mkdir -p src/app/api/auth/{lnurl,callback,status,logout}
mkdir -p src/app/api/user
  1. Copy the route files from the examples above - each route is only 15-25 lines!

  2. Add environment variables:

SESSION_SECRET=your-super-secret-session-key-here
NEXT_PUBLIC_APP_URL=https://localhost:3443
  1. Start development:
npm run dev:lightning

That's it! Your Lightning authentication is ready. ๐ŸŽ‰

๐ŸŽฏ Core Features

โœ… Lightning Authentication

  • LNURL-auth protocol - Industry standard Lightning authentication
  • QR Code generation - Works with any Lightning wallet
  • Session management - Secure JWT-based sessions
  • Wallet compatibility - Alby, Phoenix, Breez, Zeus, and more

โœ… Lightning Payments

  • BTCPay Server integration - Real Lightning invoices
  • Automatic polling - Payment status detection
  • QR Code payments - Mobile wallet support
  • Success handling - User-friendly payment confirmation

โœ… Development Experience

  • Local HTTPS server - SSL certificates for wallet compatibility
  • TypeScript support - Full type safety
  • React components - Ready-to-use UI components
  • Hot reload - Fast development iteration

๐Ÿ› ๏ธ Development Server

The library includes a built-in development server for local HTTPS development with Lightning authentication support.

Quick Start with Development Server

# Install the library
npm install lightning-auth-and-payment

# Create a simple development script
echo 'import { LightningDevServer } from "lightning-auth-and-payment/dev";
const server = new LightningDevServer();
server.start();' > dev-server.mjs

# Run the development server
node dev-server.mjs

Advanced Configuration

import { LightningDevServer } from 'lightning-auth-and-payment/dev';

const devServer = new LightningDevServer({
  nextPort: 3000,        // Next.js development server port
  httpsPort: 3443,       // HTTPS proxy port
  certsDir: 'certs',     // SSL certificates directory
  projectRoot: process.cwd(),
  verbose: true,          // Enable detailed logging
});

await devServer.start();

Features

  • ๐Ÿ”’ Automatic SSL certificates - Uses mkcert for trusted local certificates
  • ๐Ÿ”„ Hot reload support - Works with Next.js development server
  • ๐Ÿ“ฑ Mobile wallet compatibility - HTTPS required for Lightning wallets
  • ๐ŸŒ CORS handling - Pre-configured for Lightning wallet requests
  • โšก Lightning-ready - Optimized for Lightning Network development

Package.json Integration

{
  "scripts": {
    "dev": "next dev",
    "dev:lightning": "node scripts/dev-server.mjs",
    "dev:https": "node scripts/dev-server.mjs"
  }
}

๐Ÿ“ฆ What's Included

๐Ÿ” Authentication

import { LightningAuth, useAuth } from 'lightning-auth-and-payment';

// Server-side authentication
const auth = new LightningAuth({
  sessionSecret: process.env.SESSION_SECRET!,
  lnurlStore: new MemoryLnurlStore(),
});

// Client-side authentication
const { isAuthenticated, login, logout, user } = useAuth();

๐Ÿ’ณ Payments

import { BTCPayPaymentModal, createBTCPayService } from 'lightning-auth-and-payment';

// Payment modal component
<BTCPayPaymentModal
  isOpen={showPayment}
  onClose={() => setShowPayment(false)}
  amount={1000}
  description="Purchase item"
  onPaymentSuccess={() => console.log('Payment successful!')}
  autoCloseDelay={3000}
  successMessage="Payment confirmed!"
/>

// BTCPay service
const btcpayService = createBTCPayService();
const invoice = await btcpayService.createInvoice({
  amount: 1000,
  currency: 'SATS',
  description: 'Purchase item',
});

๐ŸŽจ UI Components

import { 
  AuthHeader, 
  BTCPayPaymentModal, 
  Button, 
  Card 
} from 'lightning-auth-and-payment';

// Pre-built components with Lightning Network styling
<AuthHeader />
<Button onClick={handlePayment}>Buy Now</Button>
<Card>Your content here</Card>

๐Ÿ› ๏ธ Environment Setup

Create .env.local:

# Session Configuration
SESSION_SECRET=your-super-secret-session-key-here-make-it-long-and-random
SESSION_COOKIE_DOMAIN=localhost

# BTCPay Server Configuration (required for payments)
BTCPAY_HOST=https://your-btcpay-server.com
BTCPAY_STORE_ID=your-store-id
BTCPAY_API_KEY=your-api-key
BTCPAY_WEBHOOK_SECRET=your-webhook-secret

# Application Configuration
NEXT_PUBLIC_APP_URL=https://localhost:3443
NODE_ENV=development

๐Ÿ—๏ธ API Routes

The library provides complete API route utilities that eliminate boilerplate code:

โœจ Simplified Authentication Routes

// /api/auth/lnurl/route.ts - LNURL generation
import { NextRequest, NextResponse } from 'next/server';
import { handleLnurlRequest, getAuthCorsHeaders } from 'lightning-auth-and-payment';
import { lnurlStore } from '@/lib/lnurl-store';

export async function GET(request: NextRequest) {
  const result = await handleLnurlRequest(lnurlStore, request);
  const response = NextResponse.json(result);
  
  // Apply CORS headers
  const corsHeaders = getAuthCorsHeaders();
  Object.entries(corsHeaders).forEach(([key, value]) => {
    response.headers.set(key, value);
  });
  
  return response;
}
// /api/auth/callback/route.ts - Authentication callback
import { NextRequest, NextResponse } from 'next/server';
import { handleAuthCallbackRequest, getAuthCorsHeaders } from 'lightning-auth-and-payment';
import { lnurlStore } from '@/lib/lnurl-store';
import { db } from '@/lib/db';

export async function GET(request: NextRequest) {
  const result = await handleAuthCallbackRequest(lnurlStore, db, request);
  const response = NextResponse.json(result);
  
  // Apply CORS headers
  const corsHeaders = getAuthCorsHeaders();
  Object.entries(corsHeaders).forEach(([key, value]) => {
    response.headers.set(key, value);
  });
  
  return response;
}
// /api/auth/status/route.ts - Authentication status
import { NextRequest, NextResponse } from 'next/server';
import { handleAuthStatusRequest } from 'lightning-auth-and-payment';
import { lnurlStore } from '@/lib/lnurl-store';
import { cookies } from 'next/headers';

export async function GET(request: NextRequest) {
  const result = await handleAuthStatusRequest(lnurlStore, request);
  
  // Handle cookie setting if login was completed
  if (result.setCookie) {
    const cookieStore = await cookies();
    cookieStore.set(result.setCookie.name, result.setCookie.value, result.setCookie.config);
  }
  
  const { setCookie, ...responseData } = result;
  return NextResponse.json(responseData, result.statusCode ? { status: result.statusCode } : {});
}
// /api/user/route.ts - User data
import { NextResponse } from 'next/server';
import { handleUserRequest } from 'lightning-auth-and-payment';
import { db } from '@/lib/db';
import { cookies } from 'next/headers';

export async function GET() {
  const cookieStore = await cookies();
  const sessionToken = cookieStore.get('session')?.value;
  
  const result = await handleUserRequest(db, sessionToken);
  return NextResponse.json(result, result.statusCode ? { status: result.statusCode } : {});
}
// /api/auth/logout/route.ts - Logout
import { NextResponse } from 'next/server';
import { handleLogoutRequest, getAuthCorsHeaders } from 'lightning-auth-and-payment';

export async function POST() {
  const result = handleLogoutRequest();
  const response = NextResponse.json(result);
  
  // Clear session cookie
  response.cookies.set(result.clearCookie.name, result.clearCookie.value, result.clearCookie.config);
  
  // Apply CORS headers
  const corsHeaders = getAuthCorsHeaders();
  Object.entries(corsHeaders).forEach(([key, value]) => {
    response.headers.set(key, value);
  });
  
  return response;
}

๐ŸŽฏ Benefits of New API Route Utilities

  • โœ… Eliminates 200+ lines of boilerplate per project
  • โœ… Consistent authentication logic across all endpoints
  • โœ… Automatic CORS handling for wallet compatibility
  • โœ… Built-in error handling and status codes
  • โœ… Cookie management with proper configuration
  • โœ… TypeScript support with full type safety
  • โœ… Easy to customize and extend

๐Ÿ’ณ Payment Routes

// Payment routes use BTCPay utilities
import { 
  handleBTCPayInvoiceCreation, 
  handleBTCPayInvoiceStatus,
  handleBTCPayWebhook 
} from 'lightning-auth-and-payment';

๐Ÿ”ง Development Server

Start the Lightning development server with HTTPS support:

npm run dev:lightning

This provides:

  • โœ… HTTPS with trusted SSL certificates
  • โœ… Wallet-compatible LNURL endpoints
  • โœ… Hot reload and debugging
  • โœ… Automatic certificate management

๐Ÿ“ฑ Wallet Compatibility

Desktop Wallets

  • Alby - Browser extension (recommended for development)
  • Phoenix - Desktop Lightning wallet
  • Breez - Mobile/desktop Lightning wallet

Mobile Wallets

  • Phoenix - iOS/Android Lightning wallet
  • Breez - Mobile Lightning wallet
  • Zeus - Advanced Lightning wallet
  • Wallet of Satoshi - Simple Lightning wallet

๐ŸŽจ UI Components

Authentication Components

import { AuthHeader, useAuth } from 'lightning-auth-and-payment';

function MyApp() {
  const { isAuthenticated, login, logout } = useAuth();
  
  return (
    <AuthHeader 
      onLogin={login}
      onLogout={logout}
      isAuthenticated={isAuthenticated}
    />
  );
}

Payment Components

import { BTCPayPaymentModal } from 'lightning-auth-and-payment';

function PaymentButton() {
  const [showPayment, setShowPayment] = useState(false);
  
  return (
    <BTCPayPaymentModal
      isOpen={showPayment}
      onClose={() => setShowPayment(false)}
      amount={1000}
      description="Purchase item"
      onPaymentSuccess={() => {
        // Handle successful payment
        setShowPayment(false);
      }}
      autoCloseDelay={3000}
      successMessage="Payment confirmed!"
    />
  );
}

Utility Components

import { 
  Button, 
  Card, 
  Badge, 
  Dialog 
} from 'lightning-auth-and-payment';

// Pre-styled components with Lightning Network theming
<Button variant="primary">Lightning Button</Button>
<Card>Lightning Card</Card>
<Badge variant="success">Success</Badge>

๐Ÿ” Hooks

Authentication Hooks

import { 
  useAuth,
  useLightningAuth,
  useSession 
} from 'lightning-auth-and-payment';

// Enhanced authentication with all features
const { isAuthenticated, login, logout, user, isLoading } = useAuth();

// Basic Lightning authentication
const { lnurl, showModal, login, closeModal } = useLightningAuth();

// Session management
const { session, refreshSession } = useSession();

Payment Hooks

import { 
  useBTCPayPayment,
  useLightningPayment 
} from 'lightning-auth-and-payment';

// BTCPay Server payments
const { 
  paymentState, 
  createInvoice, 
  copyBolt11 
} = useBTCPayPayment();

// Basic Lightning payments
const { 
  createPayment, 
  paymentStatus, 
  resetPayment 
} = useLightningPayment();

Utility Hooks

import { 
  useCopyToClipboard,
  useCountdown,
  useDebounce,
  useLocalStorage 
} from 'lightning-auth-and-payment';

// Copy to clipboard
const { copied, copy } = useCopyToClipboard();

// Countdown timer
const { timeLeft, isExpired } = useCountdown(targetDate);

// Debounced values
const debouncedValue = useDebounce(value, 500);

// Local storage
const [storedValue, setStoredValue] = useLocalStorage('key', defaultValue);

๐Ÿช E-Commerce Features

import { 
  ECommerceManager,
  OrderManager,
  ProductManager 
} from 'lightning-auth-and-payment';

// E-commerce management
const ecommerce = new ECommerceManager();
const orders = new OrderManager();
const products = new ProductManager();

๐Ÿงช Testing

import { 
  createTestAuth,
  createTestStore,
  mockUser,
  mockInvoice 
} from 'lightning-auth-and-payment/testing';

// Test utilities
const testAuth = createTestAuth();
const testStore = createTestStore();
const user = mockUser();
const invoice = mockInvoice();

๐Ÿ“š Examples

Check out the examples directory for complete implementations:

  • Next.js App Router - Modern Next.js 13+ with App Router
  • Express.js - Traditional Express.js server
  • E-commerce - Complete shopping cart implementation

๐Ÿค Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Make your changes
  4. Add tests
  5. Submit a pull request

๐Ÿ“„ License

MIT License - see LICENSE for details.

๐Ÿ†˜ Support

๐ŸŽฏ Roadmap

  • WebLN integration for browser wallets
  • Lightning Address support
  • Multi-currency support
  • Advanced payment flows
  • Mobile app templates

Built with โšก for the Lightning Network