import {UIElement} from "./UI/UIElement"; // We HAVE to mark this while importing UIElement.runningFromConsole = true; import {AllKnownLayouts} from "./Customizations/AllKnownLayouts"; import {FromJSON} from "./Customizations/JSON/FromJSON"; import {Layout} from "./Customizations/Layout"; import {readFileSync, writeFile, writeFileSync} from "fs"; import Locale from "./UI/i18n/Locale"; import svg2img from 'promise-svg2img'; import Translation from "./UI/i18n/Translation"; import Translations from "./UI/i18n/Translations"; import {TagRendering} from "./UI/TagRendering"; TagRendering.injectFunction(); console.log("Building the layouts") function enc(str: string): string { return encodeURIComponent(str.toLowerCase()); } function validate(layout: Layout) { console.log("Validationg ", layout.id) const translations: Translation[] = []; const queue: any[] = [layout] while (queue.length > 0) { const item = queue.pop(); for (const key in item) { const v = item[key]; if (v === undefined) { continue; } if (v instanceof Translation || v?.translations !== undefined) { translations.push(v); } else if ( ["string", "function", "boolean", "number"].indexOf(typeof (v)) < 0) { queue.push(v) } } } const missing = {} const present = {} for (const ln of layout.supportedLanguages) { missing[ln] = 0; present[ln] = 0; for (const translation of translations) { const txt = translation.translations[ln]; const isMissing = txt === undefined || txt === "" || txt.toLowerCase().indexOf("todo") >= 0; if (isMissing) { console.log(`Missing or suspicious ${ln}-translation for '`, translation.txt, ":", txt) missing[ln]++ } else { present[ln]++; } } } console.log("Translation completenes for", layout.id); for (const ln of layout.supportedLanguages) { const amiss = missing[ln]; const ok = present[ln]; const total = amiss + ok; console.log(`${ln}: ${ok}/${total}`) } } const alreadyWritten = [] function createIcon(iconPath: string, size: number) { let name = iconPath.split(".").slice(0, -1).join("."); if(name.startsWith("./")){ name = name.substr(2) } const newname = `${name}${size}.png` .replace(/\//g,"_") .replace("assets_","assets/generated/"); if (alreadyWritten.indexOf(newname) >= 0) { return newname; } alreadyWritten.push(newname); try { readFileSync(newname); return newname; // File already exists - nothing to do } catch (e) { } console.log("Creating icon ", name, newname) svg2img(iconPath, // @ts-ignore {width: size, height: size, preserveAspectRatio: true}) .then((buffer) => { console.log("Writing icon", newname) writeFileSync(newname, buffer); }).catch((error) => { console.log("ERROR while writing" + iconPath, error) }); return newname; } function createManifest(layout: Layout, relativePath: string) { const name = layout.id; const icons = []; let icon = layout.icon; console.log(icon) if (icon.endsWith(".svg")) { // This is an svg. Lets create the needed pngs! const sizes = [72, 96, 120, 128, 144, 152, 180, 192, 384, 512]; for (const size of sizes) { const name = createIcon(icon, size); icons.push({ src: name, sizes: size + "x" + size, type: "image/png" }) } icons.push({ src: icon, sizes: "513x513", type: "image/svg" }) } else { throw "Icon is not an svg for " + layout.id } const ogTitle = Translations.W(layout.title).InnerRender(); const ogDescr = Translations.W(layout.description ?? "").InnerRender(); const manif = { name: name, short_name: ogTitle, start_url: `${relativePath}/${layout.id.toLowerCase()}.html`, display: "standalone", background_color: "#fff", description: ogDescr, orientation: "portrait-primary, landscape-primary", icons: icons } return manif; } const template = readFileSync("index.html", "utf8"); function createLandingPage(layout: Layout) { Locale.language.setData(layout.supportedLanguages[0]); const ogTitle = Translations.W(layout.title)?.InnerRender(); const ogDescr = Translations.W(layout.description ?? "Easily add and edit geodata with OpenStreetMap")?.InnerRender(); const ogImage = layout.socialImage; const og = ` ` let output = template .replace(`./manifest.manifest`, `./${enc(layout.id)}.webmanifest`) .replace("", og) .replace(``, ``); try { output = output .replace(/.*/s, ``) .replace(/.*/s, ``); } catch (e) { console.warn("Error while applying logo: ", e) } return output; } const blacklist = ["", "test", ".", "..", "manifest", "index", "land", "preferences", "account", "openstreetmap"] const all = AllKnownLayouts.allSets; for (const layoutName in all) { if (blacklist.indexOf(layoutName.toLowerCase()) >= 0) { console.log(`Skipping a layout with name${layoutName}, it is on the blacklist`); continue; } const err = err => { if (err !== null) { console.log("Could not write manifest for ", layoutName, " because ", err) } }; const layout = all[layoutName]; validate(layout) console.log("Generating manifest") const manif = JSON.stringify(createManifest(layout, "/MapComplete")); const manifestLocation = encodeURIComponent(layout.id.toLowerCase()) + ".webmanifest"; writeFile(manifestLocation, manif, err); const landing = createLandingPage(layout); console.log("Generating html-file for ", layout.id) writeFile(enc(layout.id) + ".html", landing, err) console.log("done") } console.log("Counting all translations") Translations.CountTranslations(); console.log("All done!")