add somenew UI editor feature for more effêcncy

src/uhm/lib/map/styles/geotypeLayers.ts

@@ -14,6 +14,7 @@ import { getCountryLayers } from "./geotypes/country";
 import { getStateLayers } from "./geotypes/state";
 import { getEmpireLayers } from "./geotypes/empire";
 import { getKingdomLayers } from "./geotypes/kingdom";
+import { getFactionLayers } from "./geotypes/faction";
 import { getWarLayers } from "./geotypes/war";
 import { getBattleLayers } from "./geotypes/battle";
 import { getCivilizationLayers } from "./geotypes/civilization";
@@ -40,6 +41,7 @@ export function getAllGeotypeLayers(sourceId: string, pathArrowSourceId?: string
         ...getStateLayers(sourceId, pathArrowSourceId, pointSourceId),
         ...getEmpireLayers(sourceId, pathArrowSourceId, pointSourceId),
         ...getKingdomLayers(sourceId, pathArrowSourceId, pointSourceId),
+        ...getFactionLayers(sourceId, pathArrowSourceId, pointSourceId),
         ...getWarLayers(sourceId, pathArrowSourceId, pointSourceId),
         ...getBattleLayers(sourceId, pathArrowSourceId, pointSourceId),
         ...getCivilizationLayers(sourceId, pathArrowSourceId, pointSourceId),

src/uhm/lib/map/styles/geotypes/faction.ts

@@ -0,0 +1,15 @@
+import { LayerSpecification } from "maplibre-gl";
+import { buildPolygonGeotypeLayers } from "../shared/styleBuilders";
+
+export function getFactionLayers(sourceId: string, pathArrowSourceId?: string, pointSourceId?: string): LayerSpecification[] {
+    void pathArrowSourceId;
+    void pointSourceId;
+    return buildPolygonGeotypeLayers(sourceId, {
+        typeId: "faction",
+        fillColor: "#f97316",
+        strokeColor: "#9a3412",
+        fillOpacity: 0.3,
+        strokeWidth: { z1: 1.6, z4: 2.3, z6: 3.1 },
+        dasharray: [2, 1.5],
+    });
+}