refactor(es modules): modulize utils

modules/dynamic/editors/cultures-editor.js

@@ -4,6 +4,7 @@ import {tip, showMainTip, clearMainTip} from "/src/scripts/tooltips";
 import {byId} from "/src/utils/shorthands";
 import {rn} from "/src/utils/numberUtils";
 import {capitalize} from "@/utils/stringUtils";
+import {si} from "@/utils/unitUtils";
 
 const $body = insertEditorHtml();
 addListeners();

modules/dynamic/editors/religions-editor.js

@@ -3,6 +3,7 @@ import {findAll, findCell, getPackPolygon, isLand} from "/src/utils/graphUtils";
 import {tip, showMainTip, clearMainTip} from "/src/scripts/tooltips";
 import {byId} from "/src/utils/shorthands";
 import {rn} from "/src/utils/numberUtils";
+import {si} from "@/utils/unitUtils";
 
 const $body = insertEditorHtml();
 addListeners();

modules/dynamic/editors/states-editor.js

@@ -5,6 +5,7 @@ import {tip, showMainTip, clearMainTip} from "/src/scripts/tooltips";
 import {getRandomColor, getMixedColor} from "/src/utils/colorUtils";
 import {rn} from "/src/utils/numberUtils";
 import {rand, P} from "@/utils/probabilityUtils";
+import {si} from "@/utils/unitUtils";
 
 const $body = insertEditorHtml();
 addListeners();

modules/dynamic/overview/charts-overview.js

@@ -4,6 +4,7 @@ import {tip} from "/src/scripts/tooltips";
 import {byId} from "/src/utils/shorthands";
 import {rn} from "/src/utils/numberUtils";
 import {capitalize} from "@/utils/stringUtils";
+import {si, convertTemperature} from "@/utils/unitUtils";
 
 const entitiesMap = {
   states: {

modules/markers-generator.js

@@ -4,6 +4,7 @@ import {last} from "/src/utils/arrayUtils";
 import {rn} from "/src/utils/numberUtils";
 import {rand, P, gauss, ra, rw} from "@/utils/probabilityUtils";
 import {capitalize} from "@/utils/stringUtils";
+import {convertTemperature} from "@/utils/unitUtils";
 
 window.Markers = (function () {
   let config = [];

modules/military-generator.js

@@ -1,6 +1,7 @@
 import {TIME} from "/src/config/logging";
 import {rn, minmax} from "/src/utils/numberUtils";
 import {rand, gauss, ra} from "@/utils/probabilityUtils";
+import {si} from "@/utils/unitUtils";
 
 window.Military = (function () {
   const generate = function () {

modules/ui/biomes-editor.js

@@ -4,6 +4,7 @@ import {tip, showMainTip, clearMainTip} from "/src/scripts/tooltips";
 import {getRandomColor} from "/src/utils/colorUtils";
 import {openURL} from "@/utils/linkUtils";
 import {rn} from "/src/utils/numberUtils";
+import {si} from "@/utils/unitUtils";
 
 export function editBiomes() {
   if (customization) return;

modules/ui/burgs-overview.js

@@ -3,6 +3,7 @@ import {findCell} from "/src/utils/graphUtils";
 import {tip, clearMainTip} from "/src/scripts/tooltips";
 import {getCoordinates} from "@/utils/coordinateUtils";
 import {rn} from "/src/utils/numberUtils";
+import {si, siToInteger} from "@/utils/unitUtils";
 
 export function overviewBurgs() {
   if (customization) return;
@@ -202,7 +203,7 @@ export function overviewBurgs() {
     this.value = si(this.value);
 
     const population = [];
-    body.querySelectorAll(":scope > div").forEach(el => population.push(+getInteger(el.dataset.population)));
+    body.querySelectorAll(":scope > div").forEach(el => population.push(siToInteger(el.dataset.population)));
     burgsFooterPopulation.innerHTML = si(d3.mean(population));
   }
 

modules/ui/coastline-editor.js

@@ -3,6 +3,7 @@ import {tip} from "/src/scripts/tooltips";
 import {clipPoly} from "@/utils/lineUtils";
 import {rn} from "/src/utils/numberUtils";
 import {round} from "@/utils/stringUtils";
+import {si} from "@/utils/unitUtils";
 
 export function editCoastline(node = d3.event.target) {
   if (customization) return;

modules/ui/general.js

@@ -2,6 +2,7 @@ import {findCell, findGridCell} from "/src/utils/graphUtils";
 import {rn} from "/src/utils/numberUtils";
 import {link} from "@/utils/linkUtils";
 import {getCoordinates, toDMS} from "@/utils/coordinateUtils";
+import {si} from "@/utils/unitUtils";
 
 // fit full-screen map if window is resized
 window.addEventListener("resize", function (e) {

modules/ui/lakes-editor.js

@@ -3,6 +3,7 @@ import {tip} from "/src/scripts/tooltips";
 import {rn} from "/src/utils/numberUtils";
 import {rand} from "@/utils/probabilityUtils";
 import {round} from "@/utils/stringUtils";
+import {si} from "@/utils/unitUtils";
 
 export function editLake() {
   if (customization) return;

modules/ui/layers.js

@@ -10,6 +10,7 @@ import {rn, minmax, normalize} from "/src/utils/numberUtils";
 import {isCtrlClick} from "@/utils/keyboardUtils";
 import {prompt} from "@/scripts/prompt";
 import {rand, P} from "@/utils/probabilityUtils";
+import {convertTemperature} from "@/utils/unitUtils";
 
 let presets = {};
 restoreCustomPresets(); // run on-load

modules/ui/military-overview.js

@@ -2,6 +2,7 @@ import {tip} from "/src/scripts/tooltips";
 import {wiki} from "@/utils/linkUtils";
 import {rn} from "/src/utils/numberUtils";
 import {capitalize} from "@/utils/stringUtils";
+import {si} from "@/utils/unitUtils";
 
 export function overviewMilitary() {
   if (customization) return;

modules/ui/provinces-editor.js

@@ -6,6 +6,7 @@ import {getRandomColor} from "/src/utils/colorUtils";
 import {rn} from "/src/utils/numberUtils";
 import {rand, P} from "@/utils/probabilityUtils";
 import {parseTransform} from "@/utils/stringUtils";
+import {si} from "@/utils/unitUtils";
 
 export function editProvinces() {
   if (customization) return;

modules/ui/regiments-overview.js

@@ -3,6 +3,7 @@ import {last} from "/src/utils/arrayUtils";
 import {tip, clearMainTip} from "/src/scripts/tooltips";
 import {rn} from "/src/utils/numberUtils";
 import {capitalize} from "@/utils/stringUtils";
+import {si} from "@/utils/unitUtils";
 
 export function overviewRegiments(state) {
   if (customization) return;

modules/ui/temperature-graph.js

@@ -1,6 +1,7 @@
 import {tip} from "/src/scripts/tooltips";
 import {rn} from "/src/utils/numberUtils";
 import {round} from "@/utils/stringUtils";
+import {convertTemperature} from "@/utils/unitUtils";
 
 export function showBurgTemperatureGraph(id) {
   const b = pack.burgs[id];

modules/ui/zones-editor.js

@@ -4,6 +4,7 @@ import {unique} from "/src/utils/arrayUtils";
 import {tip, showMainTip, clearMainTip} from "/src/scripts/tooltips";
 import {rn} from "/src/utils/numberUtils";
 import {getNextId} from "@/utils/nodeUtils";
+import {si} from "@/utils/unitUtils";
 
 export function editZones() {
   closeDialogs();

src/modules/measurers.js

@@ -3,6 +3,7 @@ import {last} from "/src/utils/arrayUtils";
 import {getSegmentId} from "@/utils/lineUtils";
 import {rn} from "/src/utils/numberUtils";
 import {round, parseTransform} from "@/utils/stringUtils";
+import {si} from "@/utils/unitUtils";
 
 export class Rulers {
   constructor() {

src/scripts/events.ts

@@ -1,6 +1,7 @@
 import {dragLegendBox} from "../modules/legend";
 import {findCell, findGridCell} from "../utils/graphUtils";
 import {tip, showMainTip} from "./tooltips";
+import {si, convertTemperature} from "@/utils/unitUtils";
 
 export function restoreDefaultEvents() {
   Zoom.setZoomBehavior();

src/utils/unitUtils.js

@@ -12,13 +12,13 @@ const temperatureConversionMap = {
   "°Rø": temp => rn((temp * 21) / 40 + 7.5) + "°Rø"
 };
 
-function convertTemperature(temp) {
+export function convertTemperature(temp) {
   const scale = temperatureScale.value || "°C";
   return temperatureConversionMap[scale](temp);
 }
 
-// corvent number to short string with SI postfix
+// corvert number to short string with SI postfix
-function si(n) {
+export function si(n) {
   if (n >= 1e9) return rn(n / 1e9, 1) + "B";
   if (n >= 1e8) return rn(n / 1e6) + "M";
   if (n >= 1e6) return rn(n / 1e6, 1) + "M";
@@ -27,8 +27,8 @@ function si(n) {
   return rn(n);
 }
 
-// getInteger number from user input data
+// convert SI number to integer
-function getInteger(value) {
+export function siToInteger(value) {
   const metric = value.slice(-1);
   if (metric === "K") return parseInt(value.slice(0, -1) * 1e3);
   if (metric === "M") return parseInt(value.slice(0, -1) * 1e6);