(function(){
/* global React */
const { useState, useEffect, useRef, useMemo, createContext, useContext } = React;
// ── Router (simple hash-based) ────────────────────────────────────
const RouterCtx = createContext({ path: '/', nav: () => {} });
function Router({ children }) {
const [path, setPath] = useState(() => {
const h = window.location.hash.replace(/^#/, '');
return h || '/';
});
useEffect(() => {
const onHash = () => {
const h = window.location.hash.replace(/^#/, '') || '/';
setPath(h);
localStorage.setItem('cgp_last_path', h);
window.scrollTo({ top: 0, behavior: 'instant' });
};
window.addEventListener('hashchange', onHash);
if (!window.location.hash) {
window.location.hash = '#/';
setPath('/');
}
return () => window.removeEventListener('hashchange', onHash);
}, []);
const nav = (p) => { window.location.hash = '#' + p; };
return {children};
}
function useRouter() { return useContext(RouterCtx); }
function Link({ to, children, className, style, onClick, ...rest }) {
const { nav } = useRouter();
return (
{ if (onClick) onClick(e); if (!e.defaultPrevented) { e.preventDefault(); nav(to); } }}
{...rest}
>{children}
);
}
// ── Small UI atoms ────────────────────────────────────────────────
function Stars({ n = 5, size = 14 }) {
return (
{Array.from({ length: n }).map((_, i) => (
))}
);
}
function Ph({ label, brief, ratio = '16 / 10', style, small, src, alt, pos }) {
if (src) {
return (
);
}
return (
{!small && (
{label}
{brief}
)}
;
}
// ── Exports ───────────────────────────────────────────────────────
Object.assign(window, { Router, useRouter, Link, Stars, Ph, Icon, Logo, RouterCtx });
})();