// PonteREI — utilities (formatters, hooks, contexts, reveal observer)
const { useState, useEffect, useContext, createContext, useRef, useMemo, useCallback } = React;
// ---------- I18N CONTEXT ----------
const LocaleContext = createContext({ locale: "pt", setLocale: () => {} });
const useLocale = () => useContext(LocaleContext);
const t = (path, locale) => {
const parts = path.split(".");
let cur = window.I18N;
for (const p of parts) cur = cur?.[p];
if (!cur) return path;
return typeof cur === "object" && cur[locale] ? cur[locale] : cur;
};
// ---------- ROUTER (hash-based) ----------
const RouterContext = createContext({ path: "/", navigate: () => {} });
const useRouter = () => useContext(RouterContext);
function useHashRouter() {
const [path, setPath] = useState(() => parseHash());
useEffect(() => {
const handler = () => {
setPath(parseHash());
window.scrollTo({ top: 0, behavior: "instant" });
};
window.addEventListener("hashchange", handler);
return () => window.removeEventListener("hashchange", handler);
}, []);
const navigate = useCallback((to) => {
if (to.startsWith("#")) to = to.slice(1);
if (!to.startsWith("/")) to = "/" + to;
window.location.hash = to;
}, []);
return { path, navigate };
}
function parseHash() {
const h = window.location.hash || "#/";
return h.slice(1) || "/";
}
// ---------- FORMATTERS ----------
const formatBRL = (v, opts = {}) => {
if (v == null) return "—";
const n = Number(v);
const minimumFractionDigits = opts.minDecimals ?? 0;
const maximumFractionDigits = opts.maxDecimals ?? 0;
if (opts.compact && n >= 1000000) {
return "R$ " + (n / 1000000).toLocaleString("pt-BR", { maximumFractionDigits: 1 }) + "M";
}
if (opts.compact && n >= 1000) {
return "R$ " + (n / 1000).toLocaleString("pt-BR", { maximumFractionDigits: 0 }) + "k";
}
return n.toLocaleString("pt-BR", {
style: "currency",
currency: "BRL",
minimumFractionDigits,
maximumFractionDigits,
});
};
const formatUSD = (v, opts = {}) => {
if (v == null) return "—";
const n = Number(v);
const minimumFractionDigits = opts.minDecimals ?? 0;
const maximumFractionDigits = opts.maxDecimals ?? 0;
return n.toLocaleString("en-US", {
style: "currency",
currency: "USD",
minimumFractionDigits,
maximumFractionDigits,
});
};
const formatPct = (v, decimals = 1) => {
if (v == null) return "—";
return Number(v).toFixed(decimals).replace(".", ",") + "%";
};
const formatPctEN = (v, decimals = 1) => {
if (v == null) return "—";
return Number(v).toFixed(decimals) + "%";
};
const formatPctLocalized = (v, locale, decimals = 1) =>
locale === "pt" ? formatPct(v, decimals) : formatPctEN(v, decimals);
const formatNum = (v, locale = "pt") => {
if (v == null) return "—";
return Number(v).toLocaleString(locale === "pt" ? "pt-BR" : "en-US");
};
const formatDate = (iso, locale = "pt") => {
if (!iso) return "—";
const d = new Date(iso);
return d.toLocaleDateString(locale === "pt" ? "pt-BR" : "en-US", { day: "2-digit", month: "short", year: "numeric" });
};
const localized = (val, locale) => {
if (val == null) return "";
if (typeof val === "string") return val;
if (typeof val === "object" && (val.pt || val.en)) return val[locale] || val.pt || val.en;
return String(val);
};
// ---------- REVEAL OBSERVER ----------
function useReveal() {
useEffect(() => {
const els = document.querySelectorAll(".reveal:not(.in)");
if (!els.length) return;
const obs = new IntersectionObserver(
(entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
e.target.classList.add("in");
obs.unobserve(e.target);
}
});
},
{ rootMargin: "-50px 0px" }
);
els.forEach((el) => obs.observe(el));
return () => obs.disconnect();
});
}
// ---------- TOAST CONTEXT ----------
const ToastContext = createContext({ push: () => {} });
const useToast = () => useContext(ToastContext);
function ToastProvider({ children }) {
const [toasts, setToasts] = useState([]);
const push = useCallback((text) => {
const id = Date.now() + Math.random();
setToasts((cur) => [...cur, { id, text }]);
setTimeout(() => setToasts((cur) => cur.filter((t) => t.id !== id)), 5000);
}, []);
return (
{children}
{toasts.map((tt) => (
))}