paul
1773ed5f95
Mirror to GitHub / mirror (push) Successful in 26s
Test and Lint / backend-test (push) Successful in 1m11s
continuous-integration/drone/push Build is passing
Test and Lint / frontend-test (push) Successful in 2m28s
Version and Release / version-bump (push) Successful in 32s
Version and Release / trigger-drone (push) Has been skipped
Original: feat: enhance security logging and ensure rate limit blocks are properly tracked - Add comprehensive logging for rate limit blocks with full request details - IP address (with proper proxy detection), user agent, headers, timestamps - Rate limit info (current count, limit, remaining, reset time) - Separate tracking for auth vs general endpoints - Enhance authentication failure logging - JWT validation failures with detailed error info - Admin auth attempts without token - Failed token validation with user context - All events include IP, path, method, user agent - Improve Winston logger configuration for production - Add automatic log rotation (10MB errors, 50MB combined) - Create separate security.log for auth/rate limit events - Ensure logs directory exists automatically - Add structured JSON format for log aggregation - Support container logging with LOG_TO_CONSOLE env var - Create comprehensive documentation - Security logging guide with examples - Monitoring recommendations - Configuration reference - Add test script to verify logging functionality All rate limit settings remain configurable via admin panel: - Window duration, max requests, auth limits - Skip authenticated requests option - Public endpoints only option 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
import React, { useEffect, useState } from 'react';
|
|
import ReCAPTCHA from 'react-google-recaptcha';
|
|
import { useQuery } from '@tanstack/react-query';
|
|
import { getApiBaseUrl } from '../../utils/url';
|
|
|
|
interface ReCaptchaProps {
|
|
onChange: (token: string | null) => void;
|
|
onExpired?: () => void;
|
|
size?: 'normal' | 'compact';
|
|
}
|
|
|
|
export const ReCaptcha: React.FC<ReCaptchaProps> = ({
|
|
onChange,
|
|
onExpired,
|
|
size = 'normal'
|
|
}) => {
|
|
const recaptchaRef = React.useRef<ReCAPTCHA>(null);
|
|
const [siteKey, setSiteKey] = useState<string>('');
|
|
|
|
// Fetch public settings to get reCAPTCHA site key
|
|
const { data: settings } = useQuery({
|
|
queryKey: ['public-settings'],
|
|
queryFn: async () => {
|
|
const response = await fetch(`${getApiBaseUrl()}/public/settings`);
|
|
return response.json();
|
|
},
|
|
staleTime: 5 * 60 * 1000, // Cache for 5 minutes
|
|
});
|
|
|
|
useEffect(() => {
|
|
if (settings?.recaptcha_site_key) {
|
|
setSiteKey(settings.recaptcha_site_key);
|
|
}
|
|
}, [settings]);
|
|
|
|
// If reCAPTCHA is not enabled or site key is not available, return null
|
|
if (!settings?.enable_recaptcha || !siteKey) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div className="flex justify-center">
|
|
<ReCAPTCHA
|
|
ref={recaptchaRef}
|
|
sitekey={siteKey}
|
|
onChange={onChange}
|
|
onExpired={onExpired}
|
|
size={size}
|
|
theme="light"
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ReCaptcha; |