@trailstash/ultra 3.0.0-dev

package/configs/overpass-ultra.js

@@ -0,0 +1,185 @@
+import help from "../docs/index.md";
+
+const queryUrl = () => {
+  const params = new URLSearchParams(window.location.hash.slice(1));
+  params.delete("map");
+  return new URL("#" + params.toString(), window.location).toString();
+};
+
+let mapStyle = "https://styles.trailsta.sh/openmaptiles-osm.json";
+let server = "https://overpass-api.de/api";
+let query = `/*
+This is an example Overpass query.
+Try it out by pressing the Run button above!
+*/
+[bbox:{{bbox}}];
+(
+way[highway=path];
+way[highway=footway];
+way[highway=cycleway];
+way[highway=steps];
+);
+out geom;`;
+let popupTemplate;
+
+let styles = [
+  [
+    "OSM OpenMapTiles",
+    "https://styles.trailsta.sh/openmaptiles-osm.json",
+    "OpenMapTiles",
+  ],
+  [
+    "OSM Liberty",
+    "https://styles.trailsta.sh/osm-liberty.json",
+    "OpenMapTiles",
+  ],
+  ["OSM Bright", "https://styles.trailsta.sh/osm-bright.json", "OpenMapTiles"],
+  ["Positron", "https://styles.trailsta.sh/positron.json", "OpenMapTiles"],
+  [
+    "Dark Matter",
+    "https://styles.trailsta.sh/dark-matter.json",
+    "OpenMapTiles",
+  ],
+  [
+    "MapTiler Basic",
+    "https://styles.trailsta.sh/maptiler-basic.json",
+    "OpenMapTiles",
+  ],
+  [
+    "Fiord Color",
+    "https://styles.trailsta.sh/fiord-color.json",
+    "OpenMapTiles",
+  ],
+  [
+    "Protomaps Light",
+    "https://styles.trailsta.sh/protomaps-light.json",
+    "Protomaps",
+  ],
+  [
+    "Protomaps Dark",
+    "https://styles.trailsta.sh/protomaps-dark.json",
+    "Protomaps",
+  ],
+  [
+    "Protomaps Data Viz (white)",
+    "https://styles.trailsta.sh/protomaps-white.json",
+    "Protomaps",
+  ],
+  [
+    "Protomaps Data Viz (grayscale)",
+    "https://styles.trailsta.sh/protomaps-grayscale.json",
+    "Protomaps",
+  ],
+  [
+    "Protomaps Data Viz (black)",
+    "https://styles.trailsta.sh/protomaps-black.json",
+    "Protomaps",
+  ],
+  ["Basic", "https://styles.trailsta.sh/protomaps-contrast.json", "Protomaps"],
+  ["OpenTrailStash", "https://open.trailsta.sh/style.json", "OpenTrailStash"],
+];
+
+if (window.location.host === "overpass-ultra.us") {
+  // full config!
+} else if (window.location.host === "localhost:8000") {
+  // full config!
+} else if (
+  window.location.host.startsWith("localhost:") ||
+  window.location.host.startsWith("127.0.0.1:")
+) {
+  // All standard overpass-ultra.us styles work on localhost:* & 127.0.0.1:*  except for protomaps
+  // bc you can't wildcard on port :(
+  styles = styles.filter((x) => !x[1].includes("protomaps"));
+} else if (window.location.host === "ohm.overpass-ultra.us") {
+  styles = [];
+  server = "https://overpass-api.openhistoricalmap.org/api/";
+  mapStyle = "https://www.openhistoricalmap.org/map-styles/main/main.json";
+  popupTemplate = `
+  <h2>
+    {{ type }}
+    <a href="https://openhistoricalmap.org/{{ type }}/{{ id }}" target="_blank">{{ id }}</a>
+    <a href="https://openhistoricalmap.org/edit?{{ type }}={{ id }}" target="_blank">✏️</a>
+  </h2>
+  <h3>Tags</h3>
+  {%- for tag in tags %}
+    {%- if tag[0] contains "website" %}
+      <code>{{ tag[0] }} = <a href="{{ tag[1] }}" target="_blank">{{ tag[1] }}</a></code>
+    {%- elsif tag[0] contains "wikidata" %}
+      <code>{{ tag[0] }} = <a href="https://wikidata.org/wiki/{{ tag[1] }}" target="_blank">{{ tag[1] }}</a></code>
+    {%- elsif tag[0] contains "wikipedia" %}
+      {% assign lang = tag[1] | split: ":" | first %}
+      <code>{{ tag[0] }} = <a href="https://{{ lang }}.wikipedia.org/wiki/{{ tag[1] | replace_first: lang, "" | replace_first: ":", "" }}" target="_blank">{{ tag[1] }}</a></code>
+    {%- else %}
+      <code>{{ tag[0] }} = {{ tag[1] }}</code>
+    {%- endif %}
+    <br>
+  {%- endfor %}
+  {%- if meta %}
+    <h3>Meta</h3>
+    {%- for tag in meta %}
+      {%- if tag[0] == "changeset" %}
+        <code>{{ tag[0] }} = <a href="https://openhistoricalmap.org/changeset/{{ tag[1] }}" target="_blank">{{ tag[1] }}</a></code>
+      {%- elsif tag[0] == "user" %}
+        <code>{{ tag[0] }} = <a href="https://openhistoricalmap.org/user/{{ tag[1] }}" target="_blank">{{ tag[1] }}</a></code>
+      {%- else %}
+        <code>{{ tag[0] }} = {{ tag[1] }}</code>
+      {%- endif %}
+        <br>
+    {%- endfor %}
+  {%- endif %}
+  {%- if coordinates %}
+    <h3>Coordinates</h3>
+    <a href="geo://{{coordinates[1]}},{{coordinates[0]}}">{{coordinates[1] | round: 6 }} / {{coordinates[0] | round: 6 }}</a> <small>(lat/lon)</small>
+  {%- endif %}
+`;
+} else {
+  styles = [];
+  mapStyle = "https://styles.trailsta.sh/osm-carto.json";
+}
+
+const settings = {
+  type: "overpass",
+  server,
+  mapStyle,
+  popupTemplate,
+  options: {},
+  controls: [],
+};
+
+export const defaultMode = "ide";
+export const modes = {
+  ide: {
+    query,
+    styles,
+    help,
+    title: "Overpass Ultra",
+    icon: "/logo.png",
+    settings: {
+      ...settings,
+      zoom: 16,
+      center: [-77.4515, 37.5287],
+      options: {
+        attributionControl: {
+          customAttribution: "",
+        },
+        maxBounds: [
+          [-179.999999999, -85.051129],
+          [179.999999999, 85.051129],
+        ],
+      },
+    },
+  },
+  map: {
+    settings: {
+      ...settings,
+      loadSettingsFromQueryParams: true,
+      options: {
+        attributionControl: {
+          compact: true,
+          customAttribution: `<a href=".">Overpass Ultra</a>
+            (<a href="${queryUrl()}">View Query</a>)`,
+        },
+      },
+    },
+  },
+};