Skip to content

Promote to production: absolute OFM proxy URLs #175

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
slaveofcode merged 2 commits into from
Aug 8, 2026
Merged

Promote to production: absolute OFM proxy URLs #175

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ee10667
fix(maps): use absolute URLs for OFM proxy (sprite/tile URL fix)
Aug 8, 2026
94d6ef2
Merge pull request #174 from slaveofcode/fix/map-ofm-absolute-urls
slaveofcode Aug 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 10 additions & 7 deletions src/islands/maps/MapExplorer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,18 +10,21 @@ import { resolveStyle, MAP_STYLES, haversineMeters, formatDistance, type StyleCh
import { ddToDms, ddToUtm, encodeGeohash, formatDd, type LatLng } from '@/tools/geo/coord.lib';
import type { Lang } from '@/i18n/config';

// Rewrite OFM absolute URLs to go through our same-origin /ofm/ proxy, which
// fetches from tiles.openfreemap.org server-side over Cloudflare's backbone.
// This bypasses the broken Singapore CDN edge that serves corrupt style/tile
// responses to Southeast Asian users.
const ofm = (u: unknown): unknown =>
typeof u === 'string' ? u.replace('https://tiles.openfreemap.org/', '/ofm/') : u;

// Pre-fetch a MapLibre style URL through our proxy, inline any TileJSON-backed
// vector sources, and rewrite all remaining OFM URLs so every subsequent fetch
// (glyphs, sprites, tiles) also goes through the same-origin proxy.
//
// IMPORTANT: All rewritten URLs must be absolute. MapLibre rejects relative
// sprite/glyph URLs outright, and Web Workers resolve relative tile URLs
// against their own blob URL (not the page origin), causing silent failures.
// eslint-disable-next-line @typescript-eslint/no-explicit-any
async function fetchResolvedStyle(url: string): Promise<string | Record<string, any>> {
// Build absolute proxy base at call time — location is always available here
// (this function is only called inside useEffect, never during SSR).
const proxyBase = `${location.origin}/ofm/`;
const ofm = (u: unknown): unknown =>
typeof u === 'string' ? u.replace('https://tiles.openfreemap.org/', proxyBase) : u;

try {
const res = await fetch(url, { cache: 'no-cache' });
console.log('[map] style fetch', url, res.status, res.ok);
Expand Down
Loading