// ---- Browser-compatible Volunteer Park Ecosystem Directory ---- // No imports needed as React is provided via CDN (function() { const { useEffect, useMemo, useState } = React; // ---- Data model ---- const CATEGORIES = [ "Food & Drink", "Health & Wellness", "Retail", "Nonprofit / Community", "Other", ]; // ---- Seed data ---- const DIRECTORY = [ { id: "home-country-store", name: "Home Country Store", category: "Retail", isBusiness: true, tags: ["Grocery", "Convenience", "Local staple"], tie: { hasTie: true, type: "Nearby", notes: "Nearby business within ~5 miles of Volunteer Park.", }, address: "1309 Key Peninsula Hwy N, Lakebay, WA 98349", approxCoords: { lat: 47.26925, lng: -122.7685 }, distanceMiles: 2.85, activity: { isActive: true, evidence: "Recent customer reviews within the last 90 days (per research summary)", window: "≤ 90 days", }, confidence: "High", phone: "(253) 884-2106", mapsQuery: "Home Country Store 1309 Key Peninsula Hwy N Lakebay WA 98349", }, { id: "madrona-cafe", name: "Madrona Cafe", category: "Food & Drink", isBusiness: true, tags: ["Cafe", "Coffee", "Breakfast"], tie: { hasTie: true, type: "Nearby", notes: "Nearby business within ~5 miles of Volunteer Park.", }, address: "15607 Olson Dr NW, Lakebay, WA 98349", approxCoords: { lat: 47.3409, lng: -122.746 }, distanceMiles: 2.21, activity: { isActive: true, evidence: "Listing showed an update within the last 90 days (per research summary)", window: "≤ 90 days", }, confidence: "Medium", phone: "(503) 706-0983", mapsQuery: "Madrona Cafe 15607 Olson Dr NW Lakebay WA 98349", }, { id: "key-center-chiropractic", name: "Key Center Chiropractic", category: "Health & Wellness", isBusiness: true, tags: ["Chiropractic", "Wellness", "Local care"], tie: { hasTie: true, type: "Nearby", notes: "Nearby business within ~5 miles of Volunteer Park.", }, address: "9013 Key Peninsula Hwy NW, Lakebay, WA 98349", approxCoords: { lat: 47.33921, lng: -122.74566 }, distanceMiles: 2.10, activity: { isActive: true, evidence: "First-party website appears maintained and current (per research summary)", window: "≤ 90 days", }, confidence: "High", phone: "(253) 884-3040", website: "https://keycenterwellness.com/", mapsQuery: "Key Center Chiropractic 9013 Key Peninsula Hwy NW Lakebay WA 98349", }, { id: "2-margaritas", name: "2 Margaritas", category: "Food & Drink", isBusiness: true, tags: ["Mexican", "Dinner", "Family"], tie: { hasTie: true, type: "Nearby", notes: "Nearby business within ~5 miles; location coordinate in summary was approximate, so treat distance as approximate.", }, address: "1509 Key Peninsula Hwy NW, Lakebay, WA 98349", distanceMiles: 3.55, activity: { isActive: true, evidence: "Listing showed an update within the last 90 days (per research summary)", window: "≤ 90 days", }, confidence: "Medium", phone: "(253) 303-4100", website: "https://2margaritas.com/", mapsQuery: "2 Margaritas 1509 Key Peninsula Hwy NW Lakebay WA 98349", }, { id: "kp-healthy-community", name: "Key Peninsula Partnership for a Healthy Community", category: "Nonprofit / Community", isBusiness: false, tags: ["Community", "Programs", "Sponsorship"], tie: { hasTie: true, type: "Sponsor/Partner", notes: "Sponsors/partners in local activities that route participants to the Volunteer Park admin office.", }, activity: { isActive: true, evidence: "Organization publishes periodic community updates", window: "Varies", }, confidence: "High", website: "https://kphealthycommunity.org/", mapsQuery: "Key Peninsula Partnership for a Healthy Community", }, { id: "greater-tacoma-community-foundation", name: "Greater Tacoma Community Foundation", category: "Nonprofit / Community", isBusiness: false, tags: ["Grantmaking", "Community"], tie: { hasTie: true, type: "Grant Pathway", notes: "Grant pathway referenced for Volunteer Park public Wi‑Fi funding in district materials.", }, activity: { isActive: true, evidence: "Ongoing foundation operations", window: "N/A" }, confidence: "High", website: "https://www.gtcf.org/", mapsQuery: "Greater Tacoma Community Foundation", }, ]; // ---- Small helpers ---- function mapsLink(query) { if (!query) return null; const q = encodeURIComponent(query); return `https://www.google.com/maps/search/?api=1&query=${q}`; } function normalize(s) { return s.toLowerCase().trim(); } function clsx(...parts) { return parts.filter(Boolean).join(" "); } // ---- Component ---- function VolunteerParkDirectory() { const [query] = useState(""); const [category] = useState("All"); const [onlyTied] = useState(false); const [onlyActive] = useState(true); const [sortBy] = useState("distance"); const [showOrgs] = useState(true); const [favorites, setFavorites] = useState({}); // Favorites persistence useEffect(() => { try { const raw = localStorage.getItem("vp_directory_favorites_v1"); if (raw) setFavorites(JSON.parse(raw)); } catch (e) { } }, []); useEffect(() => { try { localStorage.setItem("vp_directory_favorites_v1", JSON.stringify(favorites)); } catch (e) { } }, [favorites]); const results = useMemo(() => { const q = normalize(query); let items = DIRECTORY.filter((b) => { if (!showOrgs && !b.isBusiness) return false; if (onlyTied && !b.tie.hasTie) return false; if (onlyActive && !b.activity.isActive) return false; if (category !== "All" && b.category !== category) return false; if (!q) return true; const hay = [ b.name, b.category, b.address ?? "", b.tags.join(" "), b.tie.type ?? "", b.tie.notes ?? "", ] .join(" ") .toLowerCase(); return hay.includes(q); }); items.sort((a, b) => { if (sortBy === "name") return a.name.localeCompare(b.name); const da = a.distanceMiles ?? Number.POSITIVE_INFINITY; const db = b.distanceMiles ?? Number.POSITIVE_INFINITY; if (da !== db) return da - db; return a.name.localeCompare(b.name); }); // Favorites bubble to top items = items.sort((a, b) => { const fa = favorites[a.id] ? 1 : 0; const fb = favorites[b.id] ? 1 : 0; return fb - fa; }); return items; }, [query, category, onlyTied, onlyActive, sortBy, showOrgs, favorites]); const counts = useMemo(() => { const total = DIRECTORY.filter((b) => (showOrgs ? true : b.isBusiness)).length; const active = DIRECTORY.filter((b) => (showOrgs ? true : b.isBusiness)).filter( (b) => b.activity.isActive ).length; return { total, active }; }, [showOrgs]); return (
{/* Results */}
{results.map((b) => ( setFavorites((prev) => ({ ...prev, [b.id]: !prev[b.id] })) } /> ))}
{results.length === 0 ? (
No matches found in the ecosystem.
) : null} {/* Footer note */}
); } function Toggle({ label, value, onChange, hint }) { return (
{label}
{hint ?
{hint}
: null}
); } function BusinessCard({ b, favorite, onToggleFavorite }) { const maps = mapsLink(b.mapsQuery || b.address || b.name); return (

{b.name}

{b.activity.isActive ? ( Active ) : ( Pending )}
{b.category} • {typeof b.distanceMiles === "number" ? ( {b.distanceMiles.toFixed(2)} miles ) : null}
{b.address ?

{b.address}

: null} {b.tie.hasTie ? (
Community Tie
{b.tie.notes}
) : null}
{b.phone ? ( Call ) : null} {b.website ? ( Site ) : null} {maps ? ( Map ) : null}
); } // Assign to window for global access window.VolunteerParkDirectory = VolunteerParkDirectory; })();