```javascript 'use client'; import React, { useState, useEffect, useMemo, useRef } from 'react'; // --- Configuration --- const WIDTH = 1200; const HEIGHT = 700; const GRID_SIZE = 40; const COLORS = { bg: '#020617', // Deep Space grid: '#1e293b', // Grid Lines attacker: '#ef4444', // Red (Attacker) target: '#3b82f6', // Blue (Target) targetComp: '#8b5cf6',// Purple (Compromised) packet: '#f59e0b', // Amber (Payload) memory: '#334155', // Slate (Memory Block) memoryActive: '#0ea5e9', // Sky (Active Memory) textMain: '#e2e8f0', textSub: '#94a3b8', terminal: '#10b981', // Terminal Green glitch: '#d946ef', // Magenta }; // --- Helper Components --- const AttackerIcon = ({ x, y, color }) => ( ATTACKER ); const ServerIcon = ({ x, y, color, isCompromised }) => ( {isCompromised ? "COMPROMISED" : "TARGET (SMB)"} ); export default function EternalBlueExploit() { // 0: Idle/Scan // 1: Packet Spray (Grooming) // 2: The Exploit Packet (Overflow) // 3: Memory Corruption View // 4: Shellcode Execution // 5: Backdoor Installed const [phase, setPhase] = useState(0); const [resetKey, setResetKey] = useState(0); // Terminal Logs State const [logs, setLogs] = useState([]); // Animation Loop useEffect(() => { let timer; const addLog = (msg) => setLogs(prev => [...prev.slice(-4), msg]); const runSequence = async () => { setPhase(0); setLogs([]); await wait(500); addLog("> Initializing MS17-010 Exploit..."); await wait(1000); addLog("> Scanning target: 192.168.1.44"); setPhase(1); // Scan / Connect await wait(1000); addLog("[+] Port 445 (SMB) OPEN"); addLog("> Sending Grooming Packets..."); await wait(2000); setPhase(2); // Sending Malicious Packet addLog("[!] Launching EternalBlue overflow..."); addLog("> Target: SRVNET.sys buffer"); await wait(2000); setPhase(3); // Memory View addLog("[*] Memory Heap Spraying..."); await wait(2500); setPhase(4); // Corruption addLog("[!] BUFFER OVERFLOW SUCCESS"); addLog("[!] Struct Header Overwritten"); await wait(2000); setPhase(5); // Shellcode addLog("[*] Injecting DoublePulsar..."); addLog("[+] SYSTEM Access Granted"); await wait(5000); setResetKey(k => k + 1); }; runSequence(); return () => clearTimeout(timer); }, [resetKey]); const wait = (ms) => new Promise(r => setTimeout(r, ms)); // --- Dynamic Visuals --- // Packets for Phase 1 & 2 const packets = useMemo(() => { return Array.from({ length: 6 }).map((_, i) => ({ id: i, delay: i * 0.3, isExploit: i === 5 // The last one is the exploit })); }, []); // Memory Blocks for Phase 3 & 4 // We visualize the Kernel Non-Paged Pool const memoryBlocks = useMemo(() => { return Array.from({ length: 8 }).map((_, i) => ({ id: i, x: (i % 4) * 60, y: Math.floor(i / 4) * 60, type: i === 5 ? 'vulnerable' : (i === 6 ? 'target' : 'normal') })); }, []); return (

); } ```