mirror of
https://github.com/yusufipk/RepoHub.git
synced 2026-09-11 18:46:07 +00:00
feat: add cryptocurrency donation support with Cryptomus integration
- Added support modal component with payment creation flow and multi-language translations - Integrated heart icon button in header to open donation modal - Refactored PackageBrowser to accept packages as props and simplified filtering logic
This commit is contained in:
Yusuf İpek
@@ -0,0 +1,136 @@
|
||||
import { NextRequest, NextResponse } from 'next/server'
|
||||
|
||||
const CRYPTOMUS_API_URL = 'https://api.cryptomus.com/v1/payment'
|
||||
const MERCHANT_ID = process.env.CRYPTOMUS_MERCHANT_ID || ''
|
||||
const PAYMENT_API_KEY = process.env.CRYPTOMUS_PAYMENT_API_KEY || ''
|
||||
|
||||
interface PaymentRequest {
|
||||
amount: number
|
||||
currency: string
|
||||
order_id: string
|
||||
description: string
|
||||
email?: string
|
||||
}
|
||||
|
||||
interface CryptomusResponse {
|
||||
result: {
|
||||
uuid: string
|
||||
url: string
|
||||
order_id: string
|
||||
amount: string
|
||||
currency: string
|
||||
status: string
|
||||
}
|
||||
state: number
|
||||
}
|
||||
|
||||
function generateSign(data: any, apiKey: string): string {
|
||||
// Convert data to JSON and sort keys for consistent signature
|
||||
const sortedData = Object.keys(data)
|
||||
.sort()
|
||||
.reduce((result: any, key: string) => {
|
||||
result[key] = data[key]
|
||||
return result
|
||||
}, {})
|
||||
|
||||
const jsonString = JSON.stringify(sortedData)
|
||||
|
||||
// Create MD5 hash using Web Crypto API
|
||||
const encoder = new TextEncoder()
|
||||
const dataBuffer = encoder.encode(jsonString + apiKey)
|
||||
|
||||
// For server-side, we'll use Node.js crypto
|
||||
const crypto = require('crypto')
|
||||
return crypto.createHash('md5').update(jsonString + apiKey).digest('hex')
|
||||
}
|
||||
|
||||
export async function POST(request: NextRequest) {
|
||||
try {
|
||||
if (!MERCHANT_ID || !PAYMENT_API_KEY) {
|
||||
return NextResponse.json(
|
||||
{ error: 'Payment service not configured' },
|
||||
{ status: 500 }
|
||||
)
|
||||
}
|
||||
|
||||
const body: PaymentRequest = await request.json()
|
||||
|
||||
// Validate input
|
||||
if (!body.amount || body.amount <= 0) {
|
||||
return NextResponse.json(
|
||||
{ error: 'Invalid amount' },
|
||||
{ status: 400 }
|
||||
)
|
||||
}
|
||||
|
||||
if (!body.currency) {
|
||||
return NextResponse.json(
|
||||
{ error: 'Currency is required' },
|
||||
{ status: 400 }
|
||||
)
|
||||
}
|
||||
|
||||
// Prepare data for Cryptomus
|
||||
const paymentData = {
|
||||
merchant_id: MERCHANT_ID,
|
||||
amount: body.amount.toString(),
|
||||
currency: body.currency,
|
||||
order_id: body.order_id,
|
||||
description: body.description,
|
||||
url_callback: `${process.env.NEXTAUTH_URL || 'http://localhost:3002'}/api/support/webhook`,
|
||||
url_success: `${process.env.NEXTAUTH_URL || 'http://localhost:3002'}/support/success`,
|
||||
email: body.email || undefined,
|
||||
lifetime: 3600, // 1 hour
|
||||
is_payment_multiple: false
|
||||
}
|
||||
|
||||
// Generate signature
|
||||
const sign = generateSign(paymentData, PAYMENT_API_KEY)
|
||||
|
||||
// Make request to Cryptomus
|
||||
const response = await fetch(CRYPTOMUS_API_URL, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'merchant': MERCHANT_ID,
|
||||
'sign': sign
|
||||
},
|
||||
body: JSON.stringify(paymentData)
|
||||
})
|
||||
|
||||
if (!response.ok) {
|
||||
const errorData = await response.text()
|
||||
console.error('Cryptomus API error:', errorData)
|
||||
return NextResponse.json(
|
||||
{ error: 'Payment service error' },
|
||||
{ status: 500 }
|
||||
)
|
||||
}
|
||||
|
||||
const cryptomusResponse: CryptomusResponse = await response.json()
|
||||
|
||||
if (cryptomusResponse.state !== 0) {
|
||||
return NextResponse.json(
|
||||
{ error: 'Payment creation failed' },
|
||||
{ status: 500 }
|
||||
)
|
||||
}
|
||||
|
||||
// Return payment data to client
|
||||
return NextResponse.json({
|
||||
payment_id: cryptomusResponse.result.uuid,
|
||||
payment_url: cryptomusResponse.result.url,
|
||||
order_id: cryptomusResponse.result.order_id,
|
||||
amount: cryptomusResponse.result.amount,
|
||||
currency: cryptomusResponse.result.currency,
|
||||
status: cryptomusResponse.result.status
|
||||
})
|
||||
|
||||
} catch (error) {
|
||||
console.error('Payment creation error:', error)
|
||||
return NextResponse.json(
|
||||
{ error: 'Internal server error' },
|
||||
{ status: 500 }
|
||||
)
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
import { NextRequest, NextResponse } from 'next/server'
|
||||
|
||||
const PAYMENT_API_KEY = process.env.CRYPTOMUS_PAYMENT_API_KEY || ''
|
||||
|
||||
interface WebhookData {
|
||||
uuid: string
|
||||
order_id: string
|
||||
amount: string
|
||||
currency: string
|
||||
status: string
|
||||
sign: string
|
||||
}
|
||||
|
||||
function verifySign(data: any, apiKey: string): boolean {
|
||||
// Extract sign from data and create a copy without it
|
||||
const { sign: receivedSign, ...dataToVerify } = data
|
||||
|
||||
// Sort keys and create JSON string
|
||||
const sortedData = Object.keys(dataToVerify)
|
||||
.sort()
|
||||
.reduce((result: any, key: string) => {
|
||||
result[key] = dataToVerify[key]
|
||||
return result
|
||||
}, {})
|
||||
|
||||
const jsonString = JSON.stringify(sortedData)
|
||||
|
||||
// Generate expected signature
|
||||
const crypto = require('crypto')
|
||||
const expectedSign = crypto.createHash('md5').update(jsonString + apiKey).digest('hex')
|
||||
|
||||
return receivedSign === expectedSign
|
||||
}
|
||||
|
||||
export async function POST(request: NextRequest) {
|
||||
try {
|
||||
if (!PAYMENT_API_KEY) {
|
||||
console.error('Cryptomus API key not configured')
|
||||
return NextResponse.json({ error: 'Service not configured' }, { status: 500 })
|
||||
}
|
||||
|
||||
const body: WebhookData = await request.json()
|
||||
|
||||
// Verify webhook signature
|
||||
if (!verifySign(body, PAYMENT_API_KEY)) {
|
||||
console.error('Invalid webhook signature')
|
||||
return NextResponse.json({ error: 'Invalid signature' }, { status: 401 })
|
||||
}
|
||||
|
||||
// Log payment status
|
||||
console.log('Payment webhook received:', {
|
||||
uuid: body.uuid,
|
||||
order_id: body.order_id,
|
||||
amount: body.amount,
|
||||
currency: body.currency,
|
||||
status: body.status,
|
||||
timestamp: new Date().toISOString()
|
||||
})
|
||||
|
||||
// Here you can:
|
||||
// 1. Update your database with payment status
|
||||
// 2. Send confirmation email
|
||||
// 3. Notify administrators
|
||||
// 4. Grant access to premium features
|
||||
|
||||
if (body.status === 'paid' || body.status === 'paid_over') {
|
||||
console.log(`Payment successful: ${body.order_id} - ${body.amount} ${body.currency}`)
|
||||
|
||||
// TODO: Add your business logic here
|
||||
// - Update user's support status
|
||||
// - Send thank you email
|
||||
// - Record in database
|
||||
} else if (body.status === 'cancelled' || body.status === 'expired') {
|
||||
console.log(`Payment cancelled/expired: ${body.order_id}`)
|
||||
}
|
||||
|
||||
return NextResponse.json({ status: 'success' })
|
||||
|
||||
} catch (error) {
|
||||
console.error('Webhook error:', error)
|
||||
return NextResponse.json({ error: 'Webhook processing failed' }, { status: 500 })
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
"use client"
|
||||
|
||||
import { useEffect } from 'react'
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { CheckCircle, Heart, ArrowLeft } from 'lucide-react'
|
||||
import { useLocale } from '@/contexts/LocaleContext'
|
||||
import { useRouter } from 'next/navigation'
|
||||
|
||||
export default function SupportSuccessPage() {
|
||||
const { t } = useLocale()
|
||||
const router = useRouter()
|
||||
|
||||
useEffect(() => {
|
||||
// You could verify payment status here if needed
|
||||
console.log('Support payment success page loaded')
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800 flex items-center justify-center p-4">
|
||||
<Card className="w-full max-w-md">
|
||||
<CardHeader className="text-center">
|
||||
<div className="mx-auto mb-4 w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
|
||||
<CheckCircle className="w-8 h-8 text-green-600" />
|
||||
</div>
|
||||
<CardTitle className="flex items-center justify-center space-x-2">
|
||||
<Heart className="w-5 h-5 text-red-500" />
|
||||
<span>{t('support.success_title')}</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4 text-center">
|
||||
<p className="text-muted-foreground">
|
||||
{t('support.success_message')}
|
||||
</p>
|
||||
|
||||
<div className="space-y-2 text-sm text-muted-foreground">
|
||||
<p>{t('support.success_note1')}</p>
|
||||
<p>{t('support.success_note2')}</p>
|
||||
</div>
|
||||
|
||||
<div className="pt-4 space-y-2">
|
||||
<Button
|
||||
onClick={() => router.push('/')}
|
||||
className="w-full"
|
||||
>
|
||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||
{t('support.back_to_site')}
|
||||
</Button>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user