51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T1b61,'use client'; import React, { useEffect, useRef } from 'react'; interface Particle { x: number; y: number; vx: number; vy: number; life: number; maxLife: number; size: number; opacity: number; } interface VenomBeamProps { children?: React.ReactNode; className?: string; } const VenomBeam: React.FC = ({ children, className = '' }) => { const canvasRef = useRef(null); const animationRef = useRef(0); const particlesRef = useRef([]); const mouseRef = useRef({ x: 0, y: 0 }); const isDarkRef = useRef(false); useEffect(() => { const canvas = canvasRef.current; if (!canvas) return; const ctx = canvas.getContext('2d'); if (!ctx) return; const resizeCanvas = () => { const rect = canvas.getBoundingClientRect(); canvas.width = rect.width; canvas.height = rect.height; const ctx = canvas.getContext('2d'); if (ctx) { isDarkRef.current = document.documentElement.classList.contains('dark'); if (isDarkRef.current) { ctx.fillStyle = '#000000'; } else { ctx.fillStyle = '#f8f8ff'; } ctx.fillRect(0, 0, canvas.width, canvas.height); } }; resizeCanvas(); let resizeTimeout: NodeJS.Timeout; const handleResize = () => { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(() => { resizeCanvas(); initParticles(); }, 100); }; window.addEventListener('resize', handleResize); const initParticles = () => { particlesRef.current = []; for (let i = 0; i < 80; i++) { particlesRef.current.push({ x: Math.random() * canvas.width, y: Math.random() * canvas.height, vx: (Math.random() - 0.5) * 2, vy: (Math.random() - 0.5) * 2, life: 0, maxLife: Math.random() * 100 + 50, size: Math.random() * 3 + 1, opacity: Math.random() * 0.8 + 0.2, }); } }; initParticles(); const handleMouseMove = (e: MouseEvent) => { mouseRef.current = { x: e.clientX, y: e.clientY, }; }; canvas.addEventListener('mousemove', handleMouseMove); const animate = () => { isDarkRef.current = document.documentElement.classList.contains('dark'); if (isDarkRef.current) { ctx.fillStyle = 'rgba(0, 0, 0, 0.05)'; } else { ctx.fillStyle = 'rgba(248, 248, 255, 0.1)'; } ctx.fillRect(0, 0, canvas.width, canvas.height); particlesRef.current.forEach((particle) => { particle.x += particle.vx; particle.y += particle.vy; particle.life++; const dx = mouseRef.current.x - particle.x; const dy = mouseRef.current.y - particle.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < 150) { const force = (150 - distance) / 150; particle.vx += (dx / distance) * force * 0.1; particle.vy += (dy / distance) * force * 0.1; } particle.vx *= 0.99; particle.vy *= 0.99; if (particle.x < 0 || particle.x > canvas.width) particle.vx *= -0.8; if (particle.y < 0 || particle.y > canvas.height) particle.vy *= -0.8; particle.x = Math.max(0, Math.min(canvas.width, particle.x)); particle.y = Math.max(0, Math.min(canvas.height, particle.y)); if (particle.life > particle.maxLife) { particle.x = Math.random() * canvas.width; particle.y = Math.random() * canvas.height; particle.vx = (Math.random() - 0.5) * 2; particle.vy = (Math.random() - 0.5) * 2; particle.life = 0; particle.maxLife = Math.random() * 100 + 50; } const alpha = particle.opacity * (1 - particle.life / particle.maxLife); ctx.beginPath(); ctx.arc(particle.x, particle.y, particle.size, 0, Math.PI * 2); const gradient = ctx.createRadialGradient( particle.x, particle.y, 0, particle.x, particle.y, particle.size * 2, ); if (isDarkRef.current) { gradient.addColorStop(0, `rgba(200, 200, 255, ${alpha})`); gradient.addColorStop(0.5, `rgba(150, 150, 200, ${alpha * 0.8})`); gradient.addColorStop(1, `rgba(100, 100, 150, ${alpha * 0.3})`); } else { gradient.addColorStop(0, `rgba(60, 60, 120, ${alpha})`); gradient.addColorStop(0.5, `rgba(80, 80, 140, ${alpha * 0.8})`); gradient.addColorStop(1, `rgba(100, 100, 160, ${alpha * 0.3})`); } ctx.fillStyle = gradient; ctx.fill(); }); particlesRef.current.forEach((particle, i) => { particlesRef.current.slice(i + 1).forEach((otherParticle) => { const dx = particle.x - otherParticle.x; const dy = particle.y - otherParticle.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < 100) { const alpha = ((100 - distance) / 100) * 0.3; ctx.beginPath(); ctx.moveTo(particle.x, particle.y); ctx.lineTo(otherParticle.x, otherParticle.y); if (isDarkRef.current) { ctx.strokeStyle = `rgba(150, 150, 200, ${alpha})`; } else { ctx.strokeStyle = `rgba(80, 80, 140, ${alpha})`; } ctx.lineWidth = 0.5; ctx.stroke(); } }); }); animationRef.current = requestAnimationFrame(animate); }; animate(); return () => { window.removeEventListener('resize', handleResize); canvas.removeEventListener('mousemove', handleMouseMove); if (resizeTimeout) clearTimeout(resizeTimeout); if (animationRef.current) { cancelAnimationFrame(animationRef.current); } }; }, []); return (