// Main app — header, layout switcher, and QR-to-review panel.
const { useState: useStateApp, useMemo: useMemoApp } = React;
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"layout": "grid",
"palette": ["#f4ede0", "#fdfbf6", "#2d4a32"],
"showQR": true,
"showStats": true,
"headerStyle": "centered"
}/*EDITMODE-END*/;
/* ---------- Header ---------- */
function StatsBlock({ stats, mobile }) {
return (
{stats.average.toFixed(1)}
from {stats.displayTotal} Google reviews
);
}
function PageHeader({ stats, style, mobile }) {
const isCentered = style === "centered";
return (
{/* Home link removed — unified shared header (eco-header) + Explore launcher used instead */}
Rideekanda Forest Monastery
Words from the forest
Reflections from those who came, sat in silence, and walked the path with us.
);
}
/* ---------- QR Panel ---------- */
function QRPanel({ url }) {
const mobile = useIsMobile();
const qrSrc = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&margin=0&format=svg&data=${encodeURIComponent(url)}&color=1f1a14&bgcolor=fdfbf6`;
return (
);
}
/* ---------- Load more ---------- */
function LoadMore({ hasMore, onClick }) {
if (!hasMore) return null;
return (
);
}
/* ---------- Footer ---------- */
function Footer() {
return (
);
}
/* ---------- Translation (lightweight Google Translate endpoint) ---------- */
function gtTranslate(text, tl) {
var parts = String(text || "").split(/\n{2,}/);
return Promise.all(parts.map(function (seg) {
if (!seg.trim()) return Promise.resolve(seg);
return fetch("https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=" + tl + "&dt=t&q=" + encodeURIComponent(seg))
.then(function (r) { return r.json(); })
.then(function (j) { return (j[0] || []).map(function (x) { return x[0]; }).join(""); })
.catch(function () { return seg; });
})).then(function (a) { return a.join("\n\n"); });
}
function LangToggle({ lang, onSet, busy }) {
function btn(code, label) {
var on = lang === code;
return (
);
}
return (
🌐
{btn("en", "English")}
{btn("si", "සිංහල")}
{busy ? … : null}
);
}
/* ---------- App ---------- */
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const [page, setPage] = useStateApp(1);
const mobile = useIsMobile();
const perPage = t.layout === "editorial" ? 6 : 8;
// Apply palette to CSS variables
React.useEffect(() => {
const root = document.documentElement;
const [bg, card, accent] = t.palette || [];
if (bg) root.style.setProperty("--bg", bg);
if (card) root.style.setProperty("--card", card);
if (accent) root.style.setProperty("--accent", accent);
document.body.style.background = bg || "var(--bg)";
}, [t.palette]);
const sorted = useMemoApp(() => [...REVIEWS].sort((a, b) => a.daysAgo - b.daysAgo), []);
const visible = sorted.slice(0, page * perPage);
const hasMore = visible.length < sorted.length;
// ── Language toggle: translate review text on demand (cached) ──
const [lang, setLang] = useStateApp("en");
const [tr, setTr] = useStateApp({}); // original text → Sinhala text
const [busy, setBusy] = useStateApp(false);
React.useEffect(() => {
if (lang !== "si") return;
const missing = visible.filter((r) => r.text && !(r.text in tr));
if (!missing.length) return;
setBusy(true);
Promise.all(missing.map((r) => gtTranslate(r.text, "si").then((t) => [r.text, t])))
.then((pairs) => setTr((prev) => {
const n = Object.assign({}, prev);
pairs.forEach((p) => { n[p[0]] = p[1]; });
return n;
}))
.then(() => setBusy(false), () => setBusy(false));
}, [lang, visible.length]);
const displayed = (lang === "si")
? visible.map((r) => (tr[r.text] ? Object.assign({}, r, { text: tr[r.text] }) : r))
: visible;
const Layout =
t.layout === "editorial" ? EditorialLayout :
t.layout === "stream" ? StreamLayout :
GridLayout;
return (
<>
setPage((p) => p + 1)} />
{t.showQR && }
{ setTweak("layout", v); setPage(1); }}
/>
setTweak("palette", v)}
/>
setTweak("showStats", v)}
/>
setTweak("showQR", v)}
/>
);
}
ReactDOM.createRoot(document.getElementById("root")).render();