/* global React */
// ── Shared atoms, icons, and the HP namespace ──────────────────
// All components are exposed on window.HP for cross-file access.
// ── Logo mark ─────────────────────────────────────────────────
const Logo = ({ size = 22 }) => (
);
// ── Inline icon set (Lucide-style, 1.6px stroke) ─────────────
const Icon = {
Search: ({ size = 18 }) => (
),
Lock: ({ size = 16 }) => (
),
Check: ({ size = 14 }) => (
),
Arrow: ({ size = 14 }) => (
),
Phone: ({ size = 16 }) => (
),
QrCode: ({ size = 16 }) => (
),
Bell: ({ size = 16 }) => (
),
Bookmark: ({ size = 16 }) => (
),
Share: ({ size = 16 }) => (
),
Refresh: ({ size = 14 }) => (
),
Shield: ({ size = 16 }) => (
),
AlertTriangle: ({ size = 16 }) => (
),
Spinner: ({ size = 16 }) => (
),
Home: ({ size = 16 }) => (
),
Map: ({ size = 16 }) => (
),
Grid: ({ size = 16 }) => (
),
};
// ── Tag atom ─────────────────────────────────────────────────
const Tag = ({ tone = "none", solid, dot, children, style }) => (
{dot && }
{children}
);
// ── Sparkline ────────────────────────────────────────────────
const Spark = ({ data, color = "#0B4FA6", w = 56, h = 18 }) => {
const max = Math.max(...data), min = Math.min(...data), span = max - min || 1;
const step = w / (data.length - 1);
const pts = data.map((v, i) => `${(i * step).toFixed(1)},${(h - ((v - min) / span) * (h - 2) - 1).toFixed(1)}`);
return (
);
};
// ── Risk ring (donut score) ────────────────────────────────
const RiskRing = ({ score, size = 56, color = "#B5261B" }) => {
const sw = Math.max(4, size * 0.072);
const r = (size - sw * 2) / 2;
const c = 2 * Math.PI * r;
const off = c - (score / 100) * c;
const fs = Math.round(size * 0.22);
return (
);
};
// ── Top app bar — landing-style fixed glass nav ───────────────
const AppBar = ({ query, onQuery, onSearch, onHome, onMap, onDashboard, onSaved }) => {
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
return (
);
};
// ── Shared building fixture ───────────────────────────────
const BUILDING = {
address: "8855 Bay Parkway",
subline: "Bensonhurst, Brooklyn NY 11214",
bin: "3170043",
bbl: "3064710090",
stories: 10,
units: 164,
year: 1958,
classification: "D4 — Elevator, 100+ units",
riskScore: 12,
violationsOpen: 0,
violationsC: 2,
complaintsOpen: 1,
permitsActive: 2,
zoning: "R6",
zoningDesc: "Mid-density residential",
far: 7.08,
farMax: 2.43,
lotArea: 18970,
buildingArea: 134280,
};
// ── API base URL ─────────────────────────────────────────
// Production: set to your deployed Cloudflare Worker URL
// e.g. https://housingpulse-worker..workers.dev
// or custom domain: https://api.nychousingpulse.com
const API_BASE = typeof window !== 'undefined' && window.location.hostname !== 'localhost'
? 'https://housingpulse-worker.explainthis-ai.workers.dev'
: 'http://localhost:8787';
// ── Responsive nav styles ────────────────────────────────
if (typeof document !== "undefined" && !document.getElementById("hp-nav-css")) {
const s = document.createElement("style");
s.id = "hp-nav-css";
s.textContent = `
.hp-nav-search { display: flex; }
.hp-nav-dl span { display: inline; }
@media (max-width: 900px) {
.hp-nav-search { display: none !important; }
.hp-nav-dl span { display: none !important; }
}
`;
document.head.appendChild(s);
}
// ── Export namespace ─────────────────────────────────────
window.HP = { Logo, Icon, Tag, Spark, RiskRing, AppBar, BUILDING, API_BASE };