const MAPTILER_API_KEY = "hVmn6nogM0LE0MYTunaA"; const ENABLE_SEARCH = false; const FIXED_BRUSH_SIZE = 40; const SF_CENTER = { lat: 37.7749, lng: -122.4194 }; const SF_BOUNDS = { west: -122.53, south: 37.69, east: -122.34, north: 37.84 }; const PIXEL_GRID = { latStep: 0.00048, lngStep: 0.0006 }; const CATEGORY_CONFIG = [ { id: "soma_stays", name: "SoMa Stays", emoji: "🏙️", color: "#14B8FF", hint: "Intern apartments near SoMa, Rincon, Yerba Buena" }, { id: "mission_stays", name: "Mission Stays", emoji: "🌯", color: "#FF6B35", hint: "Mission, Dolores, Valencia, roommate lore" }, { id: "marina_stays", name: "Marina Stays", emoji: "🌉", color: "#9B5CFF", hint: "Marina, North Beach, Russian Hill, sunset walks" }, { id: "fidi_work", name: "FiDi Work", emoji: "💼", color: "#00C48C", hint: "FiDi, Market Street, Salesforce Tower commute energy" }, { id: "missionbay_work", name: "Mission Bay Work", emoji: "🧬", color: "#FFD166", hint: "Mission Bay, Dogpatch, Design District, lab or startup days" }, { id: "after_hours", name: "After Hours", emoji: "🌁", color: "#FF3D8B", hint: "Parks, views, coffee, boba, late-night debriefs" } ]; const CATEGORY_ALIASES = { study: "fidi_work", party: "after_hours", tea: "missionbay_work", rizz: "after_hours", suss: "marina_stays", food: "mission_stays", stay: "soma_stays", work: "fidi_work" }; const LABEL_HIDE_MIN_DOWNVOTES = 8; const LABEL_HIDE_DOWNVOTE_DELTA = 6; function normalizeCategoryId(value) { const normalized = CATEGORY_ALIASES[value] || value; if ((CATEGORY_CONFIG || []).some((category) => category.id === normalized)) { return normalized; } return CATEGORY_CONFIG[0].id; } function normalizeTool(value) { if (value === "paint" || value === "label") { return value; } return "pan"; } function hexToRgba(hex, alpha) { const safeHex = String(hex || "").replace("#", ""); if ((safeHex || []).length !== 6) { return `rgba(24, 34, 48, ${alpha})`; } const r = parseInt((safeHex || []).slice(0, 2), 16); const g = parseInt((safeHex || []).slice(2, 4), 16); const b = parseInt((safeHex || []).slice(4, 6), 16); return `rgba(${r}, ${g}, ${b}, ${alpha})`; } function getCategoryIdleBackground(color) { return `linear-gradient(145deg, ${hexToRgba(color, 0.68)}, rgba(18, 24, 40, 0.9))`; } function getBrushRingSize(brushSize) { const normalized = Number(brushSize) || 100; return Math.max(0, Math.min(4, Math.floor((normalized - 20) / 55))); } function snapCoordinate(value, step) { return Math.round(value / step) * step; } function snapToPixel(lat, lng) { const snappedLat = snapCoordinate(lat, PIXEL_GRID.latStep); const snappedLng = snapCoordinate(lng, PIXEL_GRID.lngStep); return { lat: Number(snappedLat.toFixed(6)), lng: Number(snappedLng.toFixed(6)) }; } function buildPixelKey(lat, lng) { return `${Number(lat).toFixed(6)}_${Number(lng).toFixed(6)}`; } function normalizeVoteMap(rawVotes) { const normalized = {}; if (!rawVotes || typeof rawVotes !== "object") { return normalized; } Object.keys(rawVotes || {}).forEach((categoryId) => { const nextValue = Math.max(0, Number(rawVotes[categoryId]) || 0); if (nextValue > 0) { const normalizedCategoryId = normalizeCategoryId(categoryId); normalized[normalizedCategoryId] = (normalized[normalizedCategoryId] || 0) + nextValue; } }); return normalized; } function getVoteTotal(votes) { return Object.values(votes || {}).reduce((sum, value) => sum + (Number(value) || 0), 0); } function pickWinningCategory(votes, preferredCategoryId) { let winner = preferredCategoryId || CATEGORY_CONFIG[0].id; let maxVotes = -1; (CATEGORY_CONFIG || []).forEach((category) => { const nextVotes = Number(votes?.[category.id] || 0); if (nextVotes > maxVotes) { winner = category.id; maxVotes = nextVotes; return; } if (nextVotes === maxVotes && category.id === preferredCategoryId) { winner = category.id; } }); return winner; } function createPixelZone({ id, lat, lng, categoryId, createdAt, updatedAt, createdBy, voterId, votes, voterChoices, totalVotes, latStep, lngStep }) { const snapped = snapToPixel(lat, lng); const safeCategoryId = normalizeCategoryId(categoryId); const voteMap = normalizeVoteMap(votes); const choiceMap = voterChoices && typeof voterChoices === "object" ? { ...voterChoices } : {}; if (!Object.keys(voteMap || {}).length) { voteMap[safeCategoryId] = Math.max(1, Number(totalVotes) || 1); } if (!Object.keys(choiceMap || {}).length && voterId) { choiceMap[voterId] = safeCategoryId; } const winner = pickWinningCategory(voteMap, safeCategoryId); const nextTotalVotes = Math.max(1, Number(totalVotes) || getVoteTotal(voteMap)); return { id: id || `zone_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`, key: buildPixelKey(snapped.lat, snapped.lng), kind: "pixel", lat: snapped.lat, lng: snapped.lng, latStep: latStep || PIXEL_GRID.latStep, lngStep: lngStep || PIXEL_GRID.lngStep, categoryId: winner, votes: voteMap, voterChoices: choiceMap, totalVotes: nextTotalVotes, createdAt: createdAt || Date.now(), updatedAt: updatedAt || createdAt || Date.now(), createdBy: createdBy || "SF Intern" }; } function normalizeZoneCell(zone) { if (!zone || typeof zone.lat !== "number" || typeof zone.lng !== "number") { return null; } return createPixelZone({ id: zone.id, lat: zone.lat, lng: zone.lng, categoryId: zone.categoryId, createdAt: zone.createdAt, updatedAt: zone.updatedAt, createdBy: zone.createdBy, votes: zone.votes, voterChoices: zone.voterChoices, totalVotes: zone.totalVotes, latStep: zone.latStep, lngStep: zone.lngStep }); } function getZoneIdentity(zone) { if (zone?.key) { return zone.key; } if (zone?.kind === "pixel" || zone?.latStep || zone?.lngStep) { const snapped = snapToPixel(Number(zone.lat || 0), Number(zone.lng || 0)); return buildPixelKey(snapped.lat, snapped.lng); } return zone?.id || `zone_${Number(zone?.lat || 0).toFixed(5)}_${Number(zone?.lng || 0).toFixed(5)}_${zone?.categoryId || "na"}`; } function dedupeZonesByIdentity(zoneList) { const byId = {}; const order = []; (zoneList || []).forEach((zone) => { const normalizedZone = normalizeZoneCell(zone); if (!normalizedZone) { return; } const identity = getZoneIdentity(normalizedZone); if (!Object.prototype.hasOwnProperty.call(byId, identity)) { order.push(identity); } byId[identity] = normalizedZone; }); return (order || []).map((identity) => byId[identity]); } function createSeedPixelCluster({ prefix, centerLat, centerLng, categoryId, ringSize, createdAtBase, createdBy }) { const center = snapToPixel(centerLat, centerLng); const cells = []; let index = 0; for (let y = -ringSize; y <= ringSize; y += 1) { for (let x = -ringSize; x <= ringSize; x += 1) { if (Math.sqrt(x * x + y * y) > ringSize + 0.2) { continue; } cells.push( createPixelZone({ id: `${prefix}_${index}`, lat: center.lat + y * PIXEL_GRID.latStep, lng: center.lng + x * PIXEL_GRID.lngStep, categoryId, voterId: `seed:${prefix}:${index}`, createdAt: createdAtBase + index * 1000, createdBy }) ); index += 1; } } return cells; } function buildPaintPixelZones({ lat, lng, brushSize, categoryId, createdBy, voterId }) { const center = snapToPixel(lat, lng); const ringSize = getBrushRingSize(brushSize); const cells = []; for (let y = -ringSize; y <= ringSize; y += 1) { for (let x = -ringSize; x <= ringSize; x += 1) { if (Math.abs(x) + Math.abs(y) > ringSize + 0.2) { continue; } cells.push( createPixelZone({ lat: center.lat + y * PIXEL_GRID.latStep, lng: center.lng + x * PIXEL_GRID.lngStep, categoryId, createdBy, voterId }) ); } } return cells; } function normalizeZones(zoneList) { const normalized = []; (zoneList || []).forEach((zone) => { if (zone?.kind === "pixel" || zone?.key || zone?.latStep || zone?.lngStep) { normalized.push({ ...zone, latStep: zone.latStep || PIXEL_GRID.latStep, lngStep: zone.lngStep || PIXEL_GRID.lngStep, key: zone.key || buildPixelKey(zone.lat, zone.lng), categoryId: normalizeCategoryId(zone.categoryId), kind: "pixel" }); return; } if (typeof zone?.lat !== "number" || typeof zone?.lng !== "number") { return; } const converted = buildPaintPixelZones({ lat: zone.lat, lng: zone.lng, brushSize: zone.radius || 120, categoryId: zone.categoryId || CATEGORY_CONFIG[0].id, createdBy: zone.createdBy || "SF Intern", voterId: `legacy:${zone.id || buildPixelKey(zone.lat, zone.lng)}` }).map((pixelZone) => ({ ...pixelZone, createdAt: zone.createdAt || pixelZone.createdAt })); normalized.push(...converted); }); return dedupeZonesByIdentity(normalized); } function normalizeLabelVoteMap(rawVotes) { const normalized = {}; if (!rawVotes || typeof rawVotes !== "object") { return normalized; } Object.keys(rawVotes || {}).forEach((voterId) => { const nextVote = Number(rawVotes[voterId]); if (nextVote === 1 || nextVote === -1) { normalized[voterId] = nextVote; } }); return normalized; } function getLabelLikes(label) { return Math.max(0, Number(label?.likes) || 0); } function getLabelDownvotes(label) { return Math.max(0, Number(label?.downvotes) || 0); } function shouldHideLabel(label) { const likes = getLabelLikes(label); const downvotes = getLabelDownvotes(label); return downvotes >= LABEL_HIDE_MIN_DOWNVOTES && downvotes - likes >= LABEL_HIDE_DOWNVOTE_DELTA; } function getLabelRenderSize(label) { const likes = getLabelLikes(label); const downvotes = getLabelDownvotes(label); const net = likes - downvotes; const nextSize = 15 + likes * 0.8 + Math.max(0, net) * 0.15 - Math.max(0, -net) * 0.3; return Math.max(12, Math.min(34, Math.round(nextSize))); } function normalizeLabels(labelList) { return (labelList || []) .filter((label) => label && typeof label.lat === "number" && typeof label.lng === "number") .map((label) => { const normalizedVotes = normalizeLabelVoteMap(label.voterVotes); const normalizedLikes = getLabelLikes(label); const normalizedDownvotes = getLabelDownvotes(label); return { ...label, categoryId: normalizeCategoryId(label.categoryId), likes: normalizedLikes, downvotes: normalizedDownvotes, voterVotes: normalizedVotes }; }); } const SEED_ZONES = dedupeZonesByIdentity([ ...createSeedPixelCluster({ prefix: "seed_soma_stays", centerLat: 37.7831, centerLng: -122.3971, categoryId: "soma_stays", ringSize: 3, createdAtBase: Date.now() - 86400000 * 2, createdBy: "SF Intern Map" }), ...createSeedPixelCluster({ prefix: "seed_mission_stays", centerLat: 37.7596, centerLng: -122.4269, categoryId: "mission_stays", ringSize: 3, createdAtBase: Date.now() - 86400000, createdBy: "SF Intern Map" }), ...createSeedPixelCluster({ prefix: "seed_marina_stays", centerLat: 37.8030, centerLng: -122.4384, categoryId: "marina_stays", ringSize: 2, createdAtBase: Date.now() - 43200000, createdBy: "SF Intern Map" }), ...createSeedPixelCluster({ prefix: "seed_fidi_work", centerLat: 37.7898, centerLng: -122.3969, categoryId: "fidi_work", ringSize: 3, createdAtBase: Date.now() - 21600000, createdBy: "SF Intern Map" }), ...createSeedPixelCluster({ prefix: "seed_missionbay_work", centerLat: 37.7715, centerLng: -122.3896, categoryId: "missionbay_work", ringSize: 2, createdAtBase: Date.now() - 10800000, createdBy: "SF Intern Map" }), ...createSeedPixelCluster({ prefix: "seed_after_hours", centerLat: 37.7694, centerLng: -122.4862, categoryId: "after_hours", ringSize: 2, createdAtBase: Date.now() - 7200000, createdBy: "SF Intern Map" }) ]); const SEED_LABELS = [ { id: "label_seed_1", text: "SoMa sublet stack", lat: 37.7824, lng: -122.3976, categoryId: "soma_stays", likes: 18, createdAt: Date.now() - 86400000, createdBy: "intern@soma" }, { id: "label_seed_2", text: "Salesforce badge swarm", lat: 37.7898, lng: -122.3971, categoryId: "fidi_work", likes: 22, createdAt: Date.now() - 7200000, createdBy: "intern@fidi" }, { id: "label_seed_3", text: "Dolores roommate picnic", lat: 37.7597, lng: -122.4268, categoryId: "mission_stays", likes: 16, createdAt: Date.now() - 3600000, createdBy: "intern@mission" }, { id: "label_seed_4", text: "Mission Bay lab-to-boba walk", lat: 37.7715, lng: -122.3896, categoryId: "missionbay_work", likes: 13, createdAt: Date.now() - 1800000, createdBy: "intern@mbay" }, { id: "label_seed_5", text: "Marina house dinner lottery", lat: 37.803, lng: -122.4384, categoryId: "marina_stays", likes: 9, createdAt: Date.now() - 900000, createdBy: "intern@marina" }, { id: "label_seed_6", text: "Ocean Beach after-work reset", lat: 37.7694, lng: -122.4862, categoryId: "after_hours", likes: 11, createdAt: Date.now() - 600000, createdBy: "intern@sunset" } ]; const INFO_MODAL_COPY = [ "A San Francisco intern map that tells the truth.", "Paint where people are staying, where they are working, and where the summer actually happens.", "Not tourist pins. Not campus buildings. Commutes, sublets, office clusters, after-work rituals.", "Tag each block with the layer it belongs to:", '"SoMa sublet stack"', '"FiDi badge swarm"', '"Mission roommate lore"', '"Mission Bay lab-to-boba walk"', '"Marina house dinner lottery"', '"After-hours fog reset"', "It is crowdsourced, playful, and useful for figuring out where everyone is based.", "Use paint mode for stay/work zones. Use labels for specific tips, warnings, and meet-up lore.", "If your neighborhood gets roasted... that is part of the map." ]; function buildMapSandboxHtml() { return `

Pan SF, paint where interns stay/work.