grain.social/grain-ios

Switch repository

Loading…

// Writes Grain/Resources/Basemap/basemap-{light,dark}.json — the MapLibre style
// for grain's self-hosted Protomaps basemap, the same one grain.social draws.
//
// The web app assembles this style at runtime from protomaps-themes-base. The
// Android app can't run that package, so the same call runs here at
// development time and the result ships as an asset. Re-run with
// `just basemap-style` after bumping the theme package or changing anything
// below; the output is committed so a build needs neither node nor npm.
//
// Tiles come from tiles.grain.social, the Worker that serves z/x/y tiles out
// of the planet PMTiles archive on R2 (see stacks/edge in the infra repo). The
// web style stops there: maplibre-gl draws labels without a glyph endpoint.
// MapLibre Native does not — a style without `glyphs` renders no text at all —
// so the label fonts and the two sprite icons come from Protomaps' public
// asset host until the edge Worker serves them too.
import { mkdirSync, writeFileSync } from "node:fs";
import { dirname, resolve } from "node:path";
import { fileURLToPath } from "node:url";
import { layers, namedTheme } from "protomaps-themes-base";

const TILES_ORIGIN = "https://tiles.grain.social";
const ASSETS_ORIGIN = "https://protomaps.github.io/basemaps-assets";

const out = resolve(dirname(fileURLToPath(import.meta.url)), "../../Grain/Resources/Basemap");
mkdirSync(out, { recursive: true });

for (const theme of ["light", "dark"]) {
  const style = {
    version: 8,
    name: `grain-${theme}`,
    glyphs: `${ASSETS_ORIGIN}/fonts/{fontstack}/{range}.pbf`,
    sprite: `${ASSETS_ORIGIN}/sprites/v4/${theme}`,
    sources: {
      protomaps: {
        type: "vector",
        tiles: [`${TILES_ORIGIN}/planet/{z}/{x}/{y}.mvt`],
        // From the archive header, as on the web; saves a TileJSON round trip.
        minzoom: 0,
        maxzoom: 15,
        // Required by ODbL wherever the basemap is shown.
        attribution: "© OpenStreetMap",
      },
    },
    // `lang` is what produces the label layers at all — without it `layers()`
    // returns geometry only.
    layers: layers("protomaps", namedTheme(theme), { lang: "en" }),
  };
  const file = resolve(out, `basemap-${theme}.json`);
  writeFileSync(file, JSON.stringify(style, null, 2) + "\n");
  console.log(`wrote ${file} (${style.layers.length} layers)`);
}