facilmap/utils/src/format.ts

91 wiersze
3.0 KiB
TypeScript

import marked, { MarkedOptions } from 'marked';
import { Field } from "facilmap-types";
import { createDiv } from './dom';
import { normalizeField } from './filter';
import { quoteHtml } from './utils';
import linkifyStr from 'linkifyjs/string';
import createPurify from 'dompurify';
import { obfuscate } from './obfuscate';
const purify = createPurify(typeof window !== "undefined" ? window : new (eval("require")("jsdom").JSDOM)("").window);
marked.setOptions({
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, options?: MarkedOptions): string {
const [ret, $] = createDiv();
ret.html(purify.sanitize(marked(string, options)));
applyMarkdownModifications(ret, $);
return ret.html()!;
}
export function markdownInline(string: string, options?: MarkedOptions): string {
const [ret, $] = createDiv();
ret.html(purify.sanitize(marked(string, options)));
$("p", ret).replaceWith(function(this: cheerio.Element) { return $(this).contents(); });
applyMarkdownModifications(ret, $);
return ret.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" : ""
});
}
}