/* global React */
const { useState, useEffect, useRef } = React;
// ============================ ICONS ============================
const Icon = {
play: (size = 14) => (
),
pause: (size = 14) => (
),
arrow: (size = 14) => (
),
arrowLeft: (size = 14) => (
),
close: (size = 16) => (
),
menu: (size = 18) => (
),
apple: () => (
),
spotify: () => (
),
youtube: () => (
),
amazon: () => (
),
pocket: () => (
),
rss: () => (
),
pin: () => (
)
};
// ============================ ENCHANTMENT BADGE LOGO ============================
// Circular badge: Zia sun in center, "THE ENCHANTMENT CHRONICLES" curved along
// the top arc, dotted line along the bottom arc, thin outer ring.
const EnchantmentBadge = ({ size = 80, color = "#1E1A18", ring = "#1E1A18" }) => {
const id = `badge-${Math.random().toString(36).slice(2, 8)}`;
return (
);
};
// ============================ ZIA SUN ============================
const ZiaSun = ({ size = 40, color }) => {
const c = color || "#B85C38";
// Zia: circle in center, 4 rays in 4 cardinal directions, each direction has 4 rays
const rays = [];
const dirs = [0, 90, 180, 270];
for (const d of dirs) {
rays.push();
}
return (
);
};
// ============================ TOPO BG ============================
const TopoBackground = () => (
);
// ============================ DIVIDER ============================
const DividerZia = ({ color }) => (
);
// ============================ EPISODE ART ============================
const EpisodeArt = ({ ep }) => {
// generate a per-episode SVG: dusk gradient with topographic lines + tag + number
const palette = {
"Hard History": "#B85C38",
"Lincoln County": "#C4A882",
"This Day in NM": "#3AA8A0",
"Faith & Frontier": "#3AA8A0",
"Modern New Mexico": "#B85C38",
"Ancestral": "#C4A882"
};
const accent = palette[ep.tag] || "#3AA8A0";
return (
№ {String(ep.n).padStart(2, "0")}
);
};
// ============================ NEW MEXICO MAP ============================
// Geographically-accurate outline:
// Top edge: 37°N (CO border, straight)
// East edge: 103°W (TX/OK border, straight)
// South: 32°N from TX border west to El Paso, then steps south to 31.78°N
// (Gadsden line), then west, then a deeper step to 31.33°N for the
// bootheel, then west to 109.05°W (AZ border).
// West edge: 109.05°W (AZ border, straight)
const NewMexicoMap = () => (
);
// ============================ YUCCA SILHOUETTE (decorative) ============================
const Yucca = ({ size = 80, opacity = 1 }) => (
);
// Expose to window for other Babel scripts
Object.assign(window, { Icon, ZiaSun, EnchantmentBadge, TopoBackground, DividerZia, EpisodeArt, NewMexicoMap, Yucca });