facilmap/utils/src/format.ts

import { marked } from 'marked';
import { Field } from "facilmap-types";
import { normalizeField } from './filter.js';
import { quoteHtml } from './utils.js';
import linkifyStr from 'linkify-string';
import createPurify from 'dompurify';
import { obfuscate } from './obfuscate.js';
import cheerio from 'cheerio';

const purify = createPurify(typeof window !== "undefined" ? window : new (await import("jsdom")).JSDOM("").window);

const markdownOptions: marked.MarkedOptions = {
	breaks: true
};

export function formatField(field: Field, value: string): string {
	value = normalizeField(field, value);
	switch(field.type) {
		case "textarea":
			return markdownBlock(value);
		case "checkbox":
			return value == "1" ? "✔" : "✘";
		case "dropdown":
			return quoteHtml(value) || "";
		case "input":
		default:
			return markdownInline(value);
	}
}

export function markdownBlock(string: string): string {
	const $ = cheerio.load("<div/>");
	const el = $.root();
	el.html(purify.sanitize(marked(string, markdownOptions)));
	applyMarkdownModifications(el, $);
	return el.html()!;
}

export function markdownInline(string: string): string {
	const $ = cheerio.load("<div/>");
	const el = $.root();
	el.html(purify.sanitize(marked(string, markdownOptions)));
	$("p", el).replaceWith(function(this: cheerio.Element) { return $(this).contents(); });
	applyMarkdownModifications(el, $);
	return el.html()!;
}

export function round(number: number, digits: number): number {
	const fac = Math.pow(10, digits);
	return Math.round(number*fac)/fac;
}

export function formatTime(seconds: number): string {
	const hours = Math.floor(seconds/3600);
	let minutes: string | number = Math.floor((seconds%3600)/60);
	if(minutes < 10)
		minutes = "0" + minutes;
	return hours + ":" + minutes;
}

function applyMarkdownModifications($el: cheerio.Cheerio, $: cheerio.Root): void {
	$("a[href]", $el).attr({
		target: "_blank",
		rel: "noopener noreferer"
	});


	obfuscate($el, $);
}

export function renderOsmTag(key: string, value: string): string {
	if(key.match(/^wikipedia(:|$)/)) {
		return value.split(";").map((it) => {
			const m = it.match(/^(\s*)((([-a-z]+):)?(.*))(\s*)$/)!;
			const url = "https://" + (m[4] || "en") + ".wikipedia.org/wiki/" + m[5];
			return m?.[1] + '<a href="' + quoteHtml(url) + '" target="_blank">' + quoteHtml(m[2]) + '</a>' + m[6];
		}).join(";");
	} else if(key.match(/^wikidata(:|$)/)) {
		return value.split(";").map((it) => {
			const m = it.match(/^(\s*)(.*?)(\s*)$/)!;
			return m[1] + '<a href="https://www.wikidata.org/wiki/' + quoteHtml(m[2]) + '" target="_blank">' + quoteHtml(m[2]) + '</a>' + m[3];
		}).join(";");
	} else if(key.match(/^wiki:symbol(:$)/)) {
		return value.split(";").map(function(it) {
			var m = it.match(/^(\s*)(.*?)(\s*)$/)!;
			return m[1] + '<a href="https://wiki.openstreetmap.org/wiki/Image:' + quoteHtml(m[2]) + '" target="_blank">' + quoteHtml(m[2]) + '</a>' + m[3];
		}).join(";");
	} else {
		return linkifyStr(value, {
			target: (href: string, type: string) => type === "url" ? "_blank" : ""
		});
	}
}