// Shared primitives + utilities exported to window
const { useEffect, useRef, useState, useMemo, useCallback } = React;
// Inline-bold parser: turn **x** into x
function parseBold(str) {
const parts = String(str).split(/(\*\*[^*]+\*\*|`[^`]+`)/g);
return parts.map((p, i) => {
if (p.startsWith("**") && p.endsWith("**")) return {p.slice(2, -2)};
if (p.startsWith("`") && p.endsWith("`")) return {p.slice(1, -1)};
return p;
});
}
function SectionLabel({ num, label, file }) {
return (
{num}
{label}
{file ? ~/{file} : null}
);
}
function Tag({ children }) { return {children}; }
function Btn({ primary, href, children, onClick, target }) {
const Comp = href ? "a" : "button";
return (
{children}
);
}
// useReveal: add .in when scrolled into view
function useReveal() {
useEffect(() => {
const els = document.querySelectorAll(".reveal");
if (!("IntersectionObserver" in window)) {
els.forEach((e) => e.classList.add("in"));
return;
}
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); }
});
}, { threshold: 0.1, rootMargin: "0px 0px -60px 0px" });
els.forEach((el) => io.observe(el));
return () => io.disconnect();
}, []);
}
function Topbar({ theme, setTheme }) {
return (
~/vineeth/portfolio/main.tsx
);
}
function Footer() {
return (
);
}
Object.assign(window, { parseBold, SectionLabel, Tag, Btn, Topbar, Footer, useReveal });