import {Translation} from "../../UI/i18n/Translation"; import TagRenderingConfig from "./TagRenderingConfig"; import LayerConfig from "./LayerConfig"; import {LayoutConfigJson} from "./LayoutConfigJson"; import AllKnownLayers from "../AllKnownLayers"; import SharedTagRenderings from "../SharedTagRenderings"; import {Utils} from "../../Utils"; export default class LayoutConfig { public readonly id: string; public readonly maintainer: string; public readonly credits?: string; public readonly changesetmessage?: string; public readonly version: string; public readonly language: string[]; public readonly title: Translation; public readonly shortDescription?: Translation; public readonly description: Translation; public readonly descriptionTail?: Translation; public readonly icon: string; public readonly socialImage?: string; public readonly startZoom: number; public readonly startLat: number; public readonly startLon: number; public readonly widenFactor: number; public readonly roamingRenderings: TagRenderingConfig[]; public readonly defaultBackgroundId?: string; public readonly layers: LayerConfig[]; public readonly clustering?: { maxZoom: number, minNeededElements: number }; public readonly hideFromOverview: boolean; public readonly lockLocation: boolean | [[number, number], [number, number]]; public readonly enableUserBadge: boolean; public readonly enableShareScreen: boolean; public readonly enableMoreQuests: boolean; public readonly enableAddNewPoints: boolean; public readonly enableLayers: boolean; public readonly enableSearch: boolean; public readonly enableGeolocation: boolean; public readonly enableBackgroundLayerSelection: boolean; public readonly customCss?: string; private readonly _official: boolean; constructor(json: LayoutConfigJson, official = true, context?: string) { this._official = official; this.id = json.id; context = (context ?? "") + "." + this.id; this.maintainer = json.maintainer; this.credits = json.credits; this.changesetmessage = json.changesetmessage; this.version = json.version; this.language = []; if (typeof json.language === "string") { this.language = [json.language]; } else { this.language = json.language; } if (this.language.length == 0) { throw "No languages defined. Define at least one language" } if (json.title === undefined) { throw "Title not defined in " + this.id; } if (json.description === undefined) { throw "Description not defined in " + this.id; } this.title = new Translation(json.title, context + ".title"); this.description = new Translation(json.description, context + ".description"); this.shortDescription = json.shortDescription === undefined ? this.description.FirstSentence() : new Translation(json.shortDescription, context + ".shortdescription"); this.descriptionTail = json.descriptionTail === undefined ? new Translation({"*": ""}, context + ".descriptionTail") : new Translation(json.descriptionTail, context + ".descriptionTail"); this.icon = json.icon; this.socialImage = json.socialImage; this.startZoom = json.startZoom; this.startLat = json.startLat; this.startLon = json.startLon; this.widenFactor = json.widenFactor ?? 0.05; this.roamingRenderings = (json.roamingRenderings ?? []).map((tr, i) => { if (typeof tr === "string") { if (SharedTagRenderings.SharedTagRendering[tr] !== undefined) { return SharedTagRenderings.SharedTagRendering[tr]; } } return new TagRenderingConfig(tr, undefined, `${this.id}.roaming_renderings[${i}]`); } ); this.defaultBackgroundId = json.defaultBackgroundId; this.layers = json.layers.map((layer, i) => { if (typeof layer === "string") { if (AllKnownLayers.sharedLayers[layer] !== undefined) { return AllKnownLayers.sharedLayers[layer]; } else { throw "Unkown fixed layer " + layer; } } // @ts-ignore if (layer.builtin !== undefined) { // @ts-ignore const name = layer.builtin; const shared = AllKnownLayers.sharedLayersJson[name]; if (shared === undefined) { throw "Unkown fixed layer " + name; } // @ts-ignore layer = Utils.Merge(layer.override, shared); } // @ts-ignore return new LayerConfig(layer, `${this.id}.layers[${i}]`, official) }); // ALl the layers are constructed, let them share tags in now! const roaming: { r, source: LayerConfig }[] = [] for (const layer of this.layers) { roaming.push({r: layer.GetRoamingRenderings(), source: layer}); } for (const layer of this.layers) { for (const r of roaming) { if (r.source == layer) { continue; } layer.AddRoamingRenderings(r.r); } } for (const layer of this.layers) { layer.AddRoamingRenderings( { titleIcons: [], iconOverlays: [], tagRenderings: this.roamingRenderings } ); } this.clustering = { maxZoom: 16, minNeededElements: 250 }; if (json.clustering) { this.clustering = { maxZoom: json.clustering.maxZoom ?? 18, minNeededElements: json.clustering.minNeededElements ?? 1 } for (const layer of this.layers) { if (layer.wayHandling !== LayerConfig.WAYHANDLING_CENTER_ONLY) { console.error("WARNING: In order to allow clustering, every layer must be set to CENTER_ONLY. Layer", layer.id, "does not respect this for layout", this.id); } } } this.hideFromOverview = json.hideFromOverview ?? false; // @ts-ignore if (json.hideInOverview) { throw "The json for " + this.id + " contains a 'hideInOverview'. Did you mean hideFromOverview instead?" } this.lockLocation = json.lockLocation ?? false; this.enableUserBadge = json.enableUserBadge ?? true; this.enableShareScreen = json.enableShareScreen ?? true; this.enableMoreQuests = json.enableMoreQuests ?? true; this.enableLayers = json.enableLayers ?? true; this.enableSearch = json.enableSearch ?? true; this.enableGeolocation = json.enableGeolocation ?? true; this.enableAddNewPoints = json.enableAddNewPoints ?? true; this.enableBackgroundLayerSelection = json.enableBackgroundLayerSelection ?? true; this.customCss = json.customCss; } public CustomCodeSnippets(): string[] { if (this._official) { return []; } const msg = "
This layout uses custom javascript, loaded for the wide internet. The code is printed below, please report suspicious code on the issue tracker of MapComplete:
" const custom = []; for (const layer of this.layers) { custom.push(...layer.CustomCodeSnippets().map(code => code + "
")) } if (custom.length === 0) { return custom; } custom.splice(0, 0, msg); return custom; } public ExtractImages(): Set { const icons = new Set() for (const layer of this.layers) { layer.ExtractImages().forEach(icons.add, icons) } icons.add(this.icon) icons.add(this.socialImage) return icons } /** * Replaces all the relative image-urls with a fixed image url * This is to fix loading from external sources * * It should be passed the location where the original theme file is hosted. * * If no images are rewritten, the same object is returned, otherwise a new copy is returned */ public patchImages(originalURL: string, originalJson: string): LayoutConfig { const allImages = Array.from(this.ExtractImages()) const rewriting = new Map() // Needed for absolute urls: note that it doesn't contain a trailing slash const origin = new URL(originalURL).origin let path = new URL(originalURL).href path = path.substring(0, path.lastIndexOf("/")) for (const image of allImages) { if(image == "" || image == undefined){ continue } if (image.startsWith("http://") || image.startsWith("https://")) { continue } if (image.startsWith("/")) { // This is an absolute path rewriting.set(image, origin + image) } else if (image.startsWith("./assets/themes")) { // Legacy workaround rewriting.set(image, path + image.substring(image.lastIndexOf("/"))) } else if (image.startsWith("./")) { // This is a relative url rewriting.set(image, path + image.substring(1)) } else { // This is a relative URL with only the path rewriting.set(image, path + image) } } if (rewriting.size == 0) { return this; } rewriting.forEach((value, key) => { console.log("Rewriting",key, "==>", value) originalJson = originalJson.replace(new RegExp(key, "g"), value) }) return new LayoutConfig(JSON.parse(originalJson), false, "Layout rewriting") } }