// MA-Trip — Spots feature inspired by Roamy. // Save places ("spots") from URL/search/map-pick, group by trip destination, // then let the AI generator distribute them across trip days. /* ─────────────── URL parsing ─────────────── */ function parseSpotUrl(raw) { if (!raw || typeof raw !== "string") return null; const url = raw.trim(); let m = url.match(/@(-?\d+\.\d+),(-?\d+\.\d+)/); if (m) return { lat: parseFloat(m[1]), lng: parseFloat(m[2]), source: "gmaps" }; m = url.match(/[?&]q=(-?\d+\.\d+),(-?\d+\.\d+)/); if (m) return { lat: parseFloat(m[1]), lng: parseFloat(m[2]), source: "gmaps" }; m = url.match(/!3d(-?\d+\.\d+)!4d(-?\d+\.\d+)/); if (m) return { lat: parseFloat(m[1]), lng: parseFloat(m[2]), source: "gmaps" }; m = url.match(/[?&](?:ll|center|destination)=(-?\d+\.\d+),(-?\d+\.\d+)/); if (m) return { lat: parseFloat(m[1]), lng: parseFloat(m[2]), source: "maps" }; m = url.match(/[?&]daddr=(-?\d+\.\d+),(-?\d+\.\d+)/); if (m) return { lat: parseFloat(m[1]), lng: parseFloat(m[2]), source: "apple-maps" }; m = url.match(/^geo:(-?\d+\.\d+),(-?\d+\.\d+)/i); if (m) return { lat: parseFloat(m[1]), lng: parseFloat(m[2]), source: "geo" }; // bare "lat,lng" text m = url.match(/^(-?\d{1,3}\.\d+),\s*(-?\d{1,3}\.\d+)$/); if (m) { const lat = parseFloat(m[1]), lng = parseFloat(m[2]); if (lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) { return { lat, lng, source: "coords" }; } } return null; } function isShortUrl(u) { if (!u) return false; return /maps\.app\.goo\.gl|goo\.gl\/maps|share\.google/i.test(u); } function extractPlaceNameFromUrl(url) { const m = url.match(/\/maps\/place\/([^/@?]+)/); if (m) { try { return decodeURIComponent(m[1].replace(/\+/g, " ")); } catch (e) { return m[1]; } } return ""; } window.parseSpotUrl = parseSpotUrl; window.isShortUrl = isShortUrl; window.extractPlaceNameFromUrl = extractPlaceNameFromUrl; /* ─────────────── Categories ─────────────── */ const SPOT_CATEGORIES = [ { key: "food", label: "אוכל", icon: "🍜", color: "#ff9500" }, { key: "view", label: "תצפית", icon: "🏔️", color: "#34c759" }, { key: "beach", label: "חוף", icon: "🏖️", color: "#32ade6" }, { key: "market", label: "שוק", icon: "🛍️", color: "#af52de" }, { key: "todo", label: "אטרקציה", icon: "🎯", color: "#ff3b30" }, { key: "sunset", label: "שקיעה", icon: "🌅", color: "#ff2d55" }, { key: "temple", label: "מקדש", icon: "🛕", color: "#ffcc00" }, { key: "other", label: "אחר", icon: "📍", color: "#8e8e93" }, ]; window.SPOT_CATEGORIES = SPOT_CATEGORIES; function spotCatMeta(key) { return SPOT_CATEGORIES.find(c => c.key === key) || SPOT_CATEGORIES[SPOT_CATEGORIES.length - 1]; } window.spotCatMeta = spotCatMeta; /* ─────────────── Spots Screen ─────────────── */ function SpotsScreen() { const { useStore, A, CircleIcon, Pill, QuickNav, I } = window; const { spots, trip, currentSpotsList, currentSpotsListId, lists } = useStore(s => ({ spots: s.spots || [], trip: s.trip, currentSpotsList: s.currentSpotsList, currentSpotsListId: s.currentSpotsListId, lists: s.lists || [], })); const dests = (trip.destinations || []).map(d => window.destName(d)); const destFilter = currentSpotsList || "all"; const listFilter = currentSpotsListId || null; const filtered = spots.filter(sp => { if (listFilter && !((sp.lists || []).includes(listFilter))) return false; if (destFilter !== "all" && sp.dest !== destFilter) return false; return true; }); const grouped = SPOT_CATEGORIES.map(c => ({ ...c, items: filtered.filter(sp => (sp.cat || "other") === c.key), })).filter(g => g.items.length > 0); return (
{I.back(18)}
מקומות שמורים
A.addSpotFromAnywhere()} style={{ cursor: "pointer" }}>{I.plus(20, "#fff")}
{QuickNav ? : null}
שמרי מקומות.
נדאג למסלול.
הדביקי קישור מ-Google Maps, חפשי בשם, או בחרי על המפה. בלחיצה אחת המסלול ייבנה אוטומטית לפי הימים והיעדים שלך.
{spots.length > 0 && trip.days > 0 && (
AI ITINERARY
בני מסלול אוטומטי מ-{spots.length} מקומות
)} {/* Lists row */}
A.setSpotsListById(null)} className={`lg-chip ${!listFilter ? "is-active" : ""}`} style={{ flexShrink: 0, padding: "8px 16px", borderRadius: 9999, fontSize: 13, fontWeight: 500, cursor: "pointer", }}>📋 כל הרשימות
{lists.map(l => { const count = spots.filter(sp => (sp.lists || []).includes(l.id)).length; const active = listFilter === l.id; return (
active ? A.askListActions(l.id) : A.setSpotsListById(l.id)} onContextMenu={(e) => { e.preventDefault(); A.askListActions(l.id); }} className={`lg-chip ${active ? "is-active" : ""}`} style={{ flexShrink: 0, padding: "8px 16px", borderRadius: 9999, fontSize: 13, fontWeight: 500, cursor: "pointer", }}>{l.name} ({count})
); })}
A.addList()} className="lg-chip" style={{ flexShrink: 0, padding: "8px 14px", borderRadius: 9999, fontSize: 13, fontWeight: 500, cursor: "pointer", color: "var(--coral)", }}>＋ רשימה
{dests.length > 0 && (
A.setSpotsList(null)} className={`lg-chip ${destFilter === "all" ? "is-active" : ""}`} style={{ flexShrink: 0, padding: "8px 16px", borderRadius: 9999, fontSize: 13, fontWeight: 500, cursor: "pointer", }}>הכל ({spots.length})
{dests.map(d => { const count = spots.filter(sp => sp.dest === d).length; const active = destFilter === d; return (
A.setSpotsList(d)} className={`lg-chip ${active ? "is-active" : ""}`} style={{ flexShrink: 0, padding: "8px 16px", borderRadius: 9999, fontSize: 13, fontWeight: 500, cursor: "pointer", }}>{d} ({count})
); })}
)} {filtered.length === 0 && (
אין מקומות עדיין
הדביקי קישור Google Maps, חפשי שם, או בחרי על המפה. הכל יופיע במפה ובמחולל המסלול.
)} {grouped.map(group => (
{group.icon} {group.label} {group.items.length}
{group.items.map((sp, i) => (
A.askSpotActions(sp.id)} style={{ padding: "12px 14px", display: "flex", alignItems: "center", gap: 12, borderBottom: i < group.items.length - 1 ? "1px solid var(--hairline-soft)" : "none", cursor: "pointer", }}>
{group.icon}
{sp.title}
{sp.dest ? {sp.dest} · : null}{sp.sub || sp.address || ""}
{sp.lat != null && (
📍
)}
))}
))}
); } window.SpotsScreen = SpotsScreen;