@trailstash/ultra 4.0.0 → 4.1.0

package/cli/build.js

@@ -46,6 +46,7 @@ export const buildOptions = (config, watch = false) => ({
   },
   alias: {
     "ultra-config": config,
+    "node:events": "node-events", // esri-dump support
   },
   plugins: [
     copy({

package/docs/resources.md

@@ -78,6 +78,12 @@ appropriate headers yourself.
 The [Overture foundation](https://overturemaps.org/) makes map data derived from various sources
 available. It needs to be processed and hosted before use with Ultra.
 
+### Esri
+
+mappingsupport.com maintains an excellent list of ArcGIS REST servers:
+
+https://mappingsupport.com/p/surf_gis/list-federal-state-county-city-GIS-servers.pdf
+
 ## Base Style resources
 
 ### TrailStash Style Server

package/index.js

@@ -22,6 +22,9 @@ import { FontAwesomeIcon } from "./components/fontawesome-icon.js";
 import { ButtonModal } from "./components/button-modal.js";
 import { MapPopup } from "./components/map-popup.js";
 
+// esri dump expects to be running in a node env, so add global process.env
+window.process = { env: {} };
+
 // Allow pages in new windows securely
 DOMPurify.addHook("afterSanitizeAttributes", function (node) {
   // set all elements owning target to target=_blank

package/lib/queryProviders/esri.js

@@ -0,0 +1,88 @@
+import EsriDump from "esri-dump";
+
+const layers = (source) => [
+  {
+    id: `${source}-geojson-fill`,
+    type: "fill",
+    source,
+    filter: ["==", ["geometry-type"], "Polygon"],
+    paint: {
+      "fill-color": "#555",
+      "fill-opacity": 0.3,
+    },
+  },
+  {
+    id: `${source}-geojson-fill-outline`,
+    type: "line",
+    source,
+    filter: ["==", ["geometry-type"], "Polygon"],
+    layout: { "line-cap": "round" },
+    paint: {
+      "line-color": "#555",
+      "line-width": 2,
+      "line-opacity": 1,
+    },
+  },
+  {
+    id: `${source}-geojson-line-2`,
+    type: "line",
+    source,
+    filter: ["==", ["geometry-type"], "LineString"],
+    layout: { "line-cap": "round" },
+    paint: {
+      "line-color": "#555",
+      "line-width": 2,
+      "line-opacity": 1,
+    },
+  },
+  {
+    id: `${source}-geojson-point`,
+    type: "circle",
+    source,
+    filter: ["==", ["geometry-type"], "Point"],
+    paint: {
+      "circle-stroke-width": 2,
+      "circle-stroke-color": "#555",
+      "circle-color": "rgba(85, 85, 85, 0.3)",
+    },
+  },
+];
+
+async function detect(query) {
+  return !!query.match(/\/(Map|Feature)Server\/\d+$/);
+}
+
+export default {
+  source: function geojson(query, controller) {
+    return new Promise((resolve, reject) => {
+      const esri = new EsriDump(query);
+
+      const data = {
+        type: "FeatureCollection",
+        features: [],
+      };
+
+      esri.fetch();
+
+      esri.on("type", (type) => {
+        //Emitted before any data events
+        //emits one of
+        // - `MapServer'
+        // - `FeatureServer'
+      });
+
+      esri.on("feature", (feature) => {
+        data.features.push(feature);
+      });
+
+      esri.on("done", () => {
+        resolve({ type: "geojson", data, generateId: true });
+      });
+
+      esri.on("error", reject);
+    });
+  },
+  fitBounds: true,
+  layers,
+  detect,
+};

package/lib/queryProviders/index.js

@@ -10,6 +10,7 @@ import kml from "./kml.js";
 import gpx from "./gpx.js";
 import tcx from "./tcx.js";
 import raw from "./raw.js";
+import esri from "./esri.js";
 
 export const all = {
   overpass,
@@ -21,6 +22,7 @@ export const all = {
   tcx,
   osmxml,
   osmjson,
+  esri,
   raster,
   vector,
   raw,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "A web based tool for making MapLibre GL maps with data from sources such as Overpass, GeoJSON, GPX, KML, TCX, etc",
   "main": "index.js",
   "scripts": {
@@ -64,12 +64,14 @@
     "dompurify": "^3.1.7",
     "esbuild": "^0.24.0",
     "esbuild-plugin-copy": "^2.1.1",
+    "esri-dump": "^5.4.0",
     "fast-deep-equal": "^3.1.3",
     "liquidjs": "^10.17.0",
     "lodash.pick": "^4.4.0",
     "lz-string": "^1.5.0",
     "maplibre-gl": "^5.0.1",
     "marked": "^14.1.2",
+    "node-events": "^0.0.2",
     "normalize.css": "^8.0.1",
     "osmtogeojson": "^3.0.0-beta.5",
     "pmtiles": "^3.2.0",