'use strict'; import path from 'path'; import fs from 'node:fs'; import clone from 'clone'; import express from 'express'; import { validate } from '@maplibre/maplibre-gl-style-spec'; import { getPublicUrl } from './utils.js'; const httpTester = /^\/\//; const fixUrl = (req, url, publicUrl, opt_nokey) => { if (!url || typeof url !== 'string' || url.indexOf('local://') !== 0) { return url; } const queryParams = []; if (!opt_nokey && req.query.key) { queryParams.unshift(`key=${encodeURIComponent(req.query.key)}`); } let query = ''; if (queryParams.length) { query = `?${queryParams.join('&')}`; } return url.replace('local://', getPublicUrl(publicUrl, req)) + query; }; export const serve_style = { init: (options, repo) => { const app = express().disable('x-powered-by'); app.get('/:id/style.json', (req, res, next) => { const item = repo[req.params.id]; if (!item) { return res.sendStatus(404); } const styleJSON_ = clone(item.styleJSON); for (const name of Object.keys(styleJSON_.sources)) { const source = styleJSON_.sources[name]; source.url = fixUrl(req, source.url, item.publicUrl); } // mapbox-gl-js viewer cannot handle sprite urls with query if (styleJSON_.sprite) { styleJSON_.sprite = fixUrl( req, styleJSON_.sprite, item.publicUrl, false, ); } if (styleJSON_.glyphs) { styleJSON_.glyphs = fixUrl( req, styleJSON_.glyphs, item.publicUrl, false, ); } return res.send(styleJSON_); }); app.get('/:id/sprite:scale(@[23]x)?.:format([\\w]+)', (req, res, next) => { const item = repo[req.params.id]; if (!item || !item.spritePath) { return res.sendStatus(404); } const scale = req.params.scale; const format = req.params.format; const filename = `${item.spritePath + (scale || '')}.${format}`; return fs.readFile(filename, (err, data) => { if (err) { console.log('Sprite load error:', filename); return res.sendStatus(404); } else { if (format === 'json') res.header('Content-type', 'application/json'); if (format === 'png') res.header('Content-type', 'image/png'); return res.send(data); } }); }); return app; }, remove: (repo, id) => { delete repo[id]; }, add: (options, repo, params, id, publicUrl, reportTiles, reportFont) => { const styleFile = path.resolve(options.paths.styles, params.style); let styleFileData; try { styleFileData = fs.readFileSync(styleFile); } catch (e) { console.log('Error reading style file'); return false; } const validationErrors = validate(styleFileData); if (validationErrors.length > 0) { console.log( `The file "${params.style}" is not valid a valid style file:`, ); for (const err of validationErrors) { console.log(`${err.line}: ${err.message}`); } return false; } const styleJSON = JSON.parse(styleFileData); for (const name of Object.keys(styleJSON.sources)) { const source = styleJSON.sources[name]; let url = source.url; if ( url && (url.startsWith('pmtiles://') || url.startsWith('mbtiles://')) ) { const protocol = url.split(':')[0]; let dataId = url.replace('pmtiles://', '').replace('mbtiles://', ''); if (dataId.startsWith('{') && dataId.endsWith('}')) { dataId = dataId.slice(1, -1); } const mapsTo = (params.mapping || {})[dataId]; if (mapsTo) { dataId = mapsTo; } const identifier = reportTiles(dataId, protocol); if (!identifier) { return false; } source.url = `local://data/${identifier}.json`; } } for (const obj of styleJSON.layers) { if (obj['type'] === 'symbol') { const fonts = (obj['layout'] || {})['text-font']; if (fonts && fonts.length) { fonts.forEach(reportFont); } else { reportFont('Open Sans Regular'); reportFont('Arial Unicode MS Regular'); } } } let spritePath; if (styleJSON.sprite && !httpTester.test(styleJSON.sprite)) { spritePath = path.join( options.paths.sprites, styleJSON.sprite .replace('{style}', path.basename(styleFile, '.json')) .replace( '{styleJsonFolder}', path.relative(options.paths.sprites, path.dirname(styleFile)), ), ); styleJSON.sprite = `local://styles/${id}/sprite`; } if (styleJSON.glyphs && !httpTester.test(styleJSON.glyphs)) { styleJSON.glyphs = 'local://fonts/{fontstack}/{range}.pbf'; } repo[id] = { styleJSON, spritePath, publicUrl, name: styleJSON.name, }; return true; }, };