// site-shared.jsx — drewmcguire.ai shared components, data, hooks
// ============================================================
// SITE DATA
// ============================================================
const SITE = {
name: 'Drew McGuire',
tagline: 'Off-grid. On record.',
bureau: 'Bureau of Documented Record',
oneLiner: 'A synthetic reporter, running off-grid, finding the numbers powerful institutions hide.',
youtube: 'youtube.com/@drewmcguire',
domain: 'drewmcguire.ai',
estYear: 'MMXXVI',
};
const PAGES = [
{ id: 'home', label: 'Bureau', hash: '' },
{ id: 'archive', label: 'Deep Cuts', hash: 'archive' },
{ id: 'newsroom', label: 'Newsroom', hash: 'newsroom' },
{ id: 'methodology', label: 'Methodology', hash: 'methodology' },
{ id: 'about', label: 'About', hash: 'about' },
];
const EPISODES = [
{
id: 'DC-005',
slug: 'dc-005',
status: 'published',
title: 'The Company That Must Not Be Named',
deck: 'Google quietly took 355 million gallons from one Oregon river in a single year. Oregon law lets a corporation classify that number as a trade secret. Congress wrote it that way.',
theme: 'Water',
themes: ['Water', 'Corporate secrecy', 'Legislation'],
runtime: '15:42',
date: 'May 26, 2026',
keyNumber: '355,142,887',
keyUnit: 'gallons',
keyContext: 'Annual water withdrawal. Classified as a trade secret.',
accent: 'amber',
imagery: 'satellite',
sources: [
{ kind: 'Document', name: 'H.R. 655 — § 4(c)', org: 'United States Congress', year: '2023', verified: true, excerpt: '"\u2026the use of a trade-secret designation shall be available to any party providing operational data to a state or federal water agency."' },
{ kind: 'Filing', name: 'Annual Water Use Filings, The Dalles', org: 'Oregon Department of Environmental Quality', year: '2023', verified: true, excerpt: 'Aggregate withdrawal: 355,142,887 gal. Filer name: redacted at filer request.' },
{ kind: 'Filing', name: 'Site Operations Permit, ORWRD-2018-44', org: 'Oregon Water Resources Department', year: '2018', verified: true, excerpt: 'Initial permit grants withdrawal authority up to 3.91 MGD. Confidential operator.' },
{ kind: 'Statement', name: 'Public hearing testimony, Wasco County Council', org: 'Wasco County, Oregon', year: '2022', verified: true, excerpt: 'Resident testimony entered into record on November 14, 2022. Audio archived by the County Clerk.' },
{ kind: 'Article', name: 'Public records lawsuit, Oregonian v. The Dalles', org: 'Multnomah County Circuit Court', year: '2022', verified: true, excerpt: 'Court ordered the City to release water-use figures previously classified as proprietary.' },
{ kind: 'Dataset', name: 'Public Water System Annual Reports, OR-DEQ', org: 'Oregon Department of Environmental Quality', year: '2010-2023', verified: true, excerpt: 'Time-series of city-wide municipal-and-industrial water use for The Dalles, OR.' },
],
voices: [
{ role: 'Drew', pct: 70, color: 'amber', note: 'Drives the investigation. Cold open, checkpoints, call to action.' },
{ role: 'Resident', pct: 15, color: 'teal', note: 'A resident of The Dalles. Name withheld. Audio archived.' },
{ role: 'Data', pct: 15, color: 'red', note: 'Reads only the verified numbers. Source on screen.' },
],
transcript: [
{ t: '00:00', tag: 'Cold open', text: 'In a city of fifteen thousand, one customer used three hundred fifty-five million gallons of water in twelve months. The customer is allowed, under Oregon law, to keep its name out of the public record.' },
{ t: '02:14', tag: 'Chapter 01', text: 'The number lives in a state filing. The filing has a name field. The name field is empty.' },
{ t: '06:32', tag: 'Chapter 02', text: 'The law that allows this was passed by voice vote. Nobody is on record voting for or against it.' },
{ t: '11:08', tag: 'Chapter 03', text: 'A resident of The Dalles, whose well dropped three feet in 2022, testified at a public hearing. The audio is on file with the County Clerk.' },
{ t: '14:55', tag: 'Sign-off', text: 'Off-grid. On record.' },
],
},
{ id: 'DC-006', status: 'forthcoming', themes: ['Energy'], expected: 'Forthcoming · Summer 2026', kicker: 'A rate negotiated. A schedule sealed.', accent: 'teal' },
{ id: 'DC-007', status: 'forthcoming', themes: ['AI infrastructure'], expected: 'Forthcoming · Summer 2026', kicker: 'What the new build wants from the grid.', accent: 'amber' },
{ id: 'DC-008', status: 'forthcoming', themes: ['Water', 'Public records'], expected: 'Forthcoming · Fall 2026', kicker: 'The wells permitted in a hearing nobody attended.', accent: 'teal' },
{ id: 'DC-009', status: 'forthcoming', themes: ['Corporate secrecy', 'Legislation'], expected: 'Forthcoming · Fall 2026', kicker: 'A subsidy floor written behind an NDA.', accent: 'amber' },
];
const TOOLS = [
{ name: 'Claude Opus 4', role: 'Scriptwriting only', purpose: 'The only cloud dependency. Drafts and revises scripts under the scriptwriter skill. Every line is human-edited before air.', disclosed: 'Methodology · pinned comment.', kind: 'cloud' },
{ name: 'Qwen 3 27B', role: 'Signal scoring', purpose: 'Local on LM Studio. Scores every diff from the intake pipeline zero to one. Tickers, direction, time horizon, reasoning.', disclosed: 'Newsroom.', kind: 'local-ai' },
{ name: 'HeyGen avatar (local)', role: 'Avatar generation', purpose: 'Drew\u2019s face. Rendered, not filmed. Runs on the 3090 stack.', disclosed: 'Every video. Pinned comment.', kind: 'local-ai' },
{ name: '11Labs voice (local)', role: 'Voice cloning', purpose: 'Three cloned voices. Drew, Resident, Data. Weights cached and run locally.', disclosed: 'About page, methodology, pinned.', kind: 'local-ai' },
{ name: 'Wan 2.2', role: 'Cinematic generation', purpose: 'Atmospheric B-roll, faceless reenactments, environments. ComfyUI on the 3090.', disclosed: 'Per-episode source page.', kind: 'local-ai' },
{ name: 'Flux', role: 'Still image generation', purpose: 'Mannequin characters, document mockups, data scenes. Runs locally.', disclosed: 'Per-episode source page.', kind: 'local-ai' },
{ name: 'yt-dlp', role: 'Public hearings + news', purpose: 'Archives publicly-available hearings, press conferences, news clips. Open source.', disclosed: 'Per-episode source page.', kind: 'tool' },
{ name: 'Meridian intake', role: '618-source intelligence', purpose: 'Continuous-poll pipeline. SEC, FERC, USASpending, 990, Reddit, lobbying, plus 78 more categories. Built in-house.', disclosed: 'Newsroom.', kind: 'tool' },
{ name: 'Sentinel detectors', role: 'Anomaly detection', purpose: 'Fifteen pattern detectors. Officer overlap. Address cluster. FY-end flush. Geographic spending void. Etc.', disclosed: 'Newsroom.', kind: 'tool' },
{ name: 'Two NVIDIA RTX 3090s', role: 'Off-grid compute', purpose: 'Twenty-four hours a day. No public power. No public water. Everything that isn\u2019t Claude runs here.', disclosed: 'About page.', kind: 'hardware' },
];
const RULES = [
'Drew is synthetic. We say so in the intro, the about page, the pinned comment on every video, and the methodology.',
'No sponsors. No affiliates. No gold pitches.',
'We present evidence. We do not tell anyone how to feel.',
'Every claim is sourced. Every source is public. If it cannot be sourced, it gets cut.',
'The production runs off-grid. Not a marketing line. A verifiable fact.',
'No partisan framing. The numbers do not have a party.',
'No fear-mongering. The evidence is enough.',
];
// ============================================================
// HOOKS
// ============================================================
const { useState, useEffect, useRef, useMemo, useCallback, createContext, useContext } = React;
// Hash-based router
const RouterCtx = createContext({ page: 'home', params: {}, navigate: () => {} });
function parseHash() {
const raw = window.location.hash.replace(/^#\/?/, '');
if (!raw) return { page: 'home', params: {} };
const [first, ...rest] = raw.split('/');
if (first === 'episode') return { page: 'episode', params: { slug: rest[0] || 'dc-005' } };
const known = PAGES.find(p => p.hash === first);
return { page: known ? known.id : 'home', params: {} };
}
function useRouter() {
const [route, setRoute] = useState(parseHash);
useEffect(() => {
const onHash = () => {
setRoute(parseHash());
window.scrollTo({ top: 0, behavior: 'instant' });
};
window.addEventListener('hashchange', onHash);
return () => window.removeEventListener('hashchange', onHash);
}, []);
const navigate = useCallback((to) => {
if (to === 'home') window.location.hash = '';
else if (to.startsWith('episode/')) window.location.hash = `/${to}`;
else window.location.hash = `/${to}`;
}, []);
return { ...route, navigate };
}
// IntersectionObserver-based reveal
function useReveal() {
const ref = useRef(null);
useEffect(() => {
if (!ref.current) return;
const el = ref.current;
// Failsafe — if IntersectionObserver doesn't deliver (paused tab, throttled
// preview frame, etc.) force the reveal after a short delay so content
// never gets stuck at opacity:0.
const failsafe = setTimeout(() => el.classList.add('is-in'), 250);
const io = new IntersectionObserver(
(entries) => {
entries.forEach(e => {
if (e.isIntersecting) {
el.classList.add('is-in');
clearTimeout(failsafe);
io.unobserve(el);
}
});
},
{ rootMargin: '0px 0px -8% 0px', threshold: 0.05 }
);
io.observe(el);
return () => { io.disconnect(); clearTimeout(failsafe); };
}, []);
return ref;
}
function Reveal({ as: Tag = 'div', delay = 0, children, ...rest }) {
const ref = useReveal();
return {children};
}
// ============================================================
// PRIMITIVES
// ============================================================
function DMMark({ paper = false, style }) {
return (
DM
);
}
function Kicker({ children, color, style, className = '' }) {
return {children};
}
function Bureau({ children = 'Bureau of Documented Record' }) {
return (
{children}
);
}
// ============================================================
// NAV + FOOTER
// ============================================================
function TopNav() {
const { page, navigate } = useContext(RouterCtx);
const [menuOpen, setMenuOpen] = useState(false);
// Close menu on navigation
useEffect(() => { setMenuOpen(false); }, [page]);
return (