/* Boot sequence — typed terminal intro */
const BOOT_LINES = [
{ t: 120, html: `root@matrix:~$ ./initialize --user "omar_bandial"` },
{ t: 180, html: `[ ok ] Connecting to mainframe...` },
{ t: 140, html: `[ ok ] Decrypting identity :: ACCESS GRANTED` },
{ t: 160, html: `[ ok ] Loading profile // muhammad.omar.farooq.bandial` },
{ t: 200, html: `[ ok ] Frontend runtime online — React · TypeScript · Vite` },
{ t: 200, html: `[ ok ] AI/ML stack online — PyTorch · Transformers · Whisper` },
{ t: 220, html: `root@matrix:~$ cat /about/greeting.txt` },
];
function BootTerminal({ onComplete }) {
const [lines, setLines] = React.useState([]);
const [typing, setTyping] = React.useState('');
const [done, setDone] = React.useState(false);
const idxRef = React.useRef(0);
React.useEffect(() => {
let cancelled = false;
async function run(){
for (const L of BOOT_LINES) {
if (cancelled) return;
// type out one line char-by-char (HTML-safe: type the text, then commit HTML)
const text = L.html.replace(/<[^>]+>/g, '');
for (let i = 0; i <= text.length; i++) {
if (cancelled) return;
setTyping(text.slice(0, i));
await new Promise(r => setTimeout(r, 8));
}
if (cancelled) return;
setLines(prev => [...prev, L.html]);
setTyping('');
await new Promise(r => setTimeout(r, L.t));
}
setDone(true);
if (onComplete) onComplete();
}
run();
return () => { cancelled = true; };
}, []);
return (
{lines.map((l, i) => (
))}
{!done && (
)}
{done &&
}