);
}
function Lowdown({ item }) {
const paras = item.body && item.body.length ? item.body : [item.summary];
return (
The lowdown
{paras.map((p, i) => (
{p}
))}
);
}
/* ---- getting there strip ---- */
function GetThere({ item }) {
if (!item.getThere) return null;
return (
🚇
Getting there. {item.getThere}
);
}
/* ---- honest fare panel for day-trip spots (the train is the only real cost) ---- */
function SpotGetThere({ item }) {
const t = item.fromLondon;
if (!t) return null;
return (
The catch
Getting there from London
Cheapest line{t.from} → {t.to}
Journey{t.time}
Train fare{t.fare}
{t.note &&
{t.note}
}
);
}
/* ---- insider tip gate (the one free, device-based unlock) ----
Reads the ONE device-based join state: join free anywhere on the site and
every insider tip is unlocked on THIS device, no repeat ask. The tip text is
always in the DOM (crawlable + SEO/GEO friendly); only the visual blur is
gated. Cross-device unlock is the Phase 2 server piece, not built yet. */
function Gate({ item }) {
const member = useMember();
if (!item.insiderTip) return null;
const open = !!member;
return (
{open ? "Unlocked" : "Locals only"}
The insider tip
{open
? "You're on the list, so every insider tip is unlocked on this device. Here's this one."
: "The bit we only tell the people on the list. Join free and every insider tip unlocks on this device."}
💡{item.insiderTip}
{!open && (
)}
{open && (
✓ You're on the list — every insider tip is unlocked on this device.
);
}
/* ---- more like this — category-scored, context-fenced relevance ----
Analysis (v0.33.0): the old version sliced the first 3 items that shared ANY
tag from content.js alone — so it surfaced expired June events and never the
pillars/directory. This builds a real candidate pool, drops expired + guides,
fences London-spots vs day-trips, and ranks by category > tags > area. */
const REL_TAG_CAT = {
views: "viewpoints-skylines", markets: "markets", walks: "walks-trails",
outdoors: "parks-green-spaces", nature: "botanical-nature", culture: "cultural-community-spaces",
};
function relDirIndex() {
if (relDirIndex._m) return relDirIndex._m;
const m = {};
((window.LFG_DIRECTORY && window.LFG_DIRECTORY.spots) || []).forEach((s) => { m[s.id] = s; });
return (relDirIndex._m = m);
}
function relCatOf(item) {
const dir = relDirIndex()[item.id];
if (dir && dir.cat) return dir.cat;
if (item.catLabel) {
const l = item.catLabel.toLowerCase();
if (l.includes("museum")) return "museums";
if (l.includes("galler")) return "art-galleries";
if (l.includes("market")) return "markets";
if (l.includes("view")) return "viewpoints-skylines";
if (l.includes("park")) return "parks-green-spaces";
if (l.includes("church") || l.includes("cathedral")) return "churches-cathedrals";
if (l.includes("hidden")) return "hidden-gems-quirky";
}
for (const t of item.tags || []) if (REL_TAG_CAT[t]) return REL_TAG_CAT[t];
return null;
}
function relExpired(i) {
if (!i.end) return false;
const d = new Date(i.end + "T23:59:59");
return !isNaN(d) && d < new Date();
}
function relPool(item) {
const dayTrip = !!item.daytrip;
const byId = {};
// priority 1+2: real-page sources (pillars, then content)
(window.LFG_PILLARS || []).forEach((s) => { if (!byId[s.id]) byId[s.id] = s; });
(window.LFG_CONTENT || []).forEach((s) => { if (!byId[s.id]) byId[s.id] = s; });
// priority 3: directory spots (Maps-linked) fill out thin categories — London context only
if (!dayTrip) {
((window.LFG_DIRECTORY && window.LFG_DIRECTORY.spots) || []).forEach((s) => {
if (byId[s.id]) return;
byId[s.id] = { id: s.id, kind: "spot", title: s.name, summary: s.desc, area: s.area,
tube: s.tube, cost: "free", tags: s.tags || [], noDetail: !s.pillar, _dir: true };
});
}
return Object.values(byId).filter((c) =>
c.id !== item.id && c.kind !== "guide" && !relExpired(c) && !!c.daytrip === dayTrip
);
}
function relScore(cand, item, sharedTagW, sameCatW) {
let s = 0;
const it = new Set(item.tags || []);
const shared = (cand.tags || []).filter((t) => it.has(t)).length;
if (item.daytrip) {
if (cand.type && item.type && cand.type === item.type) s += sameCatW; // coast↔coast etc
if (cand.region && item.region && cand.region === item.region) s += 3;
if (cand.dir && item.dir && cand.dir === item.dir) s += 1;
} else {
const ic = relCatOf(item), cc = relCatOf(cand);
if (ic && cc && ic === cc) s += sameCatW; // same category
if (cand.area && item.area && cand.area === item.area) s += 2; // same neighbourhood
if (!cand._dir) s += 1; // prefer real detail pages
}
s += shared * sharedTagW;
return s;
}
function Related({ item }) {
if (!item) return null;
const pool = relPool(item);
const sharedTagW = item.daytrip ? 1.5 : 2;
const sameCatW = 6;
const scored = pool
.map((c) => ({ c, s: relScore(c, item, sharedTagW, sameCatW) }))
.filter((x) => x.s > 0)
.sort((a, b) => b.s - a.s);
// fallback: if too few real matches, top up with same-context items so it is never empty/random
let picks = scored.slice(0, 3).map((x) => x.c);
if (picks.length < 3) {
const have = new Set(picks.map((p) => p.id));
pool.filter((c) => !have.has(c.id) && !c._dir).forEach((c) => { if (picks.length < 3) picks.push(c); });
}
if (!picks.length) return null;
const heading = item.daytrip ? "More free days out" : "More like this";
return (