'];
if (args[0] === '-d') {
if (!args[1]) return [C.err('base64: missing operand after -d')];
try { return [atob(args[1])]; }
catch { return [C.err('base64: invalid base64 input')]; }
}
return [btoa(args.join(' '))];
};
// alias
cmds.ll = (a) => cmds.ls(['-la', ...a]);
cmds.dir = cmds.ls;
return cmds;
}
// ---------- Terminal component ----------
function TerminalApp({ openApp, closeWindow, apps, toast, triggerGlitch }) {
const homeCwd = ['home', PORTFOLIO.user.handle];
const [lines, setLines] = useState(() => bannerLines());
const [input, setInput] = useState('');
const [cwd, setCwd] = useState(homeCwd);
const [history, setHistory] = useState([]);
const [histIdx, setHistIdx] = useState(-1);
const cwdRef = useRef(cwd); cwdRef.current = cwd;
const histRef = useRef(history); histRef.current = history;
const containerRef = useRef(null);
const inputRef = useRef(null);
const append = useCallback((items) => {
setLines(ls => [...ls, ...(Array.isArray(items) ? items : [items])]);
}, []);
const ctx = useRef({});
ctx.current = {
cwd, setCwd, openApp, closeWindow, apps, toast, triggerGlitch,
getHistory: () => histRef.current,
clear: () => setLines([]),
};
const cmds = useRef(makeCommands(new Proxy({}, {
get(_, k) { return ctx.current[k]; }
}))).current;
// autoscroll
useEffect(() => {
if (containerRef.current) {
containerRef.current.scrollTop = containerRef.current.scrollHeight;
}
}, [lines]);
const focusInput = () => inputRef.current?.focus();
// Run a piped command pipeline
const runPipeline = (raw) => {
const stages = raw.split('|').map(s => s.trim()).filter(Boolean);
if (stages.length === 0) return [];
let buffer = null; // string lines or jsx (jsx stages can't pipe to grep cleanly, we'll stringify)
for (let i = 0; i < stages.length; i++) {
const tok = tokenize(stages[i]);
const name = tok[0];
const args = tok.slice(1);
// text-based pipes: grep, head, tail, wc, sort, uniq
const isText = ['grep', 'head', 'tail', 'wc', 'sort', 'uniq'].includes(name);
if (i === 0) {
const fn = cmds[name];
if (!fn) { return [C.err(`zsh: command not found: ${name}`)]; }
const out = fn(args, ctx.current);
buffer = out;
} else {
// Convert buffer to string lines
const strLines = (buffer || []).map(item => typeof item === 'string' ? item : reactToText(item));
if (name === 'grep') {
const pat = (args.find(a => !a.startsWith('-')) || '').toLowerCase();
buffer = strLines.filter(l => l.toLowerCase().includes(pat));
} else if (name === 'head') {
const n = parseInt(args.find(a => /^-?\d+$/.test(a)) || '10');
buffer = strLines.slice(0, n);
} else if (name === 'tail') {
const n = parseInt(args.find(a => /^-?\d+$/.test(a)) || '10');
buffer = strLines.slice(-n);
} else if (name === 'wc') {
const lines = strLines.length;
const words = strLines.join(' ').split(/\s+/).filter(Boolean).length;
const chars = strLines.join('\n').length;
buffer = [`${lines} ${words} ${chars}`];
} else if (name === 'sort') {
buffer = [...strLines].sort();
} else if (name === 'uniq') {
buffer = strLines.filter((l, i, a) => i === 0 || a[i-1] !== l);
} else if (!isText) {
// Non-text pipe target — just run it ignoring stdin
const fn = cmds[name];
if (!fn) return [C.err(`zsh: command not found: ${name}`)];
buffer = fn(args, ctx.current);
}
}
}
return buffer || [];
};
function reactToText(el) {
if (typeof el === 'string') return el;
if (typeof el === 'number') return String(el);
if (!el) return '';
if (Array.isArray(el)) return el.map(reactToText).join('');
if (el.props && el.props.children) return reactToText(el.props.children);
return '';
}
const submit = (raw) => {
const line = raw;
// Push the prompt + command line into output
append([]);
if (line.trim()) {
setHistory(h => [...h, line]);
}
const trimmed = line.trim();
if (!trimmed) { setInput(''); setHistIdx(-1); return; }
try {
const out = runPipeline(trimmed);
if (out.length) {
append(out.map((l, i) => {l}
));
}
} catch (err) {
append([err: {String(err.message || err)}
]);
}
setInput('');
setHistIdx(-1);
};
const onKey = (e) => {
if (e.key === 'Enter') {
e.preventDefault();
submit(input);
} else if (e.key === 'ArrowUp') {
e.preventDefault();
if (history.length === 0) return;
const idx = histIdx < 0 ? history.length - 1 : Math.max(0, histIdx - 1);
setHistIdx(idx);
setInput(history[idx]);
} else if (e.key === 'ArrowDown') {
e.preventDefault();
if (history.length === 0 || histIdx < 0) return;
const idx = histIdx + 1;
if (idx >= history.length) { setHistIdx(-1); setInput(''); }
else { setHistIdx(idx); setInput(history[idx]); }
} else if (e.key === 'Tab') {
e.preventDefault();
const completed = complete(input, cwd, cmds);
if (completed !== null) setInput(completed);
} else if (e.key === 'l' && e.ctrlKey) {
e.preventDefault();
setLines([]);
} else if (e.key === 'c' && e.ctrlKey) {
e.preventDefault();
append([]);
setInput('');
}
};
return (
{lines.map((l, i) =>
{l}
)}
Welcome to Kali GNU/Linux Rolling (2025.2)
,
* The quieter you become, the more you are able to hear.
,
Last login: {new Date().toString().slice(0, 24)} on tty1
,
,
Hi — I'm {u.name} ({u.alias}).
,
{u.title}
,
,
Type help for commands · about · projects · neofetch
,
,
];
}
// tokenize a single command (no pipes here)
function tokenize(s) {
// split by spaces, respect quotes
const out = [];
let cur = '', q = null;
for (let i = 0; i < s.length; i++) {
const c = s[i];
if (q) { if (c === q) { q = null; } else cur += c; }
else if (c === '"' || c === "'") q = c;
else if (c === ' ') { if (cur) { out.push(cur); cur = ''; } }
else cur += c;
}
if (cur) out.push(cur);
return out;
}
// Basic Tab completion: commands when at start, paths when after
function complete(input, cwd, cmds) {
const tokens = input.split(' ');
if (tokens.length === 1) {
const prefix = tokens[0];
const matches = Object.keys(cmds).filter(c => c.startsWith(prefix));
if (matches.length === 1) return matches[0] + ' ';
if (matches.length === 0) return null;
// common prefix
let cp = matches[0];
for (const m of matches) while (!m.startsWith(cp)) cp = cp.slice(0, -1);
return cp || null;
} else {
const last = tokens[tokens.length - 1];
const slash = last.lastIndexOf('/');
const dirPart = slash >= 0 ? last.slice(0, slash + 1) : '';
const filePart = slash >= 0 ? last.slice(slash + 1) : last;
const parts = resolvePath(cwd, dirPart || '.');
const node = getNode(parts);
if (!node || node.type !== 'dir') return null;
const matches = Object.keys(node.children).filter(n => n.startsWith(filePart));
if (matches.length === 0) return null;
if (matches.length === 1) {
const m = matches[0];
const isDir = node.children[m].type === 'dir';
tokens[tokens.length - 1] = dirPart + m + (isDir ? '/' : ' ');
return tokens.join(' ');
}
let cp = matches[0];
for (const m of matches) while (!m.startsWith(cp)) cp = cp.slice(0, -1);
tokens[tokens.length - 1] = dirPart + cp;
return tokens.join(' ');
}
}
window.TerminalApp = TerminalApp;