@trailstash/ultra 4.2.6 → 4.2.7

package/build-examples-images.js

@@ -10,7 +10,7 @@ const {
   width,
   waitTime,
   output,
-} = minimist(process.argv.slice(2))
+} = minimist(process.argv.slice(2));
 
 const browser = await puppeteer.launch({ headless: true });
 
@@ -50,7 +50,8 @@ async function createImage(exampleName) {
     console.log(`Timed out waiting for map load on ${exampleName}.`);
   }
 
-  const filename = output || `./docs/assets/${exampleName.replace(".ultra", ".png")}`;
+  const filename =
+    output || `./docs/assets/${exampleName.replace(".ultra", ".png")}`;
 
   await page
     .screenshot({

package/components/map-popup.js

@@ -51,7 +51,16 @@ export class MapPopup extends HTMLElement {
         this.template,
         this.contextBuilder(f),
       );
-      div.appendChild(h("div", {}, DOMPurify.sanitize(html)));
+      div.appendChild(
+        h(
+          "div",
+          {},
+          DOMPurify.sanitize(html, {
+            ALLOWED_URI_REGEXP:
+              /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|geo):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i,
+          }),
+        ),
+      );
     }
     shadow.appendChild(div);
   }

package/components/style-picker.js

@@ -70,7 +70,10 @@ export class StylePicker extends HTMLElement {
       return;
     }
 
-    const div = h("div", { slot: "modal-content", style: "max-width: 1055px;" });
+    const div = h("div", {
+      slot: "modal-content",
+      style: "max-width: 1055px;",
+    });
     const button = h(
       "button-modal",
       { text: "Pick Style", icon: "paintbrush" },
@@ -83,18 +86,16 @@ export class StylePicker extends HTMLElement {
       if (!stylesByProvider[provider]) {
         stylesByProvider[provider] = [];
       }
-      stylesByProvider[provider].push({name, value});
+      stylesByProvider[provider].push({ name, value });
     }
     for (const [provider, styles] of Object.entries(stylesByProvider)) {
-      const div2 = h("div", {style:"display:inline-block;margin-right:1.25em;"});
+      const div2 = h("div", {
+        style: "display:inline-block;margin-right:1.25em;",
+      });
       div.appendChild(div2);
       div2.appendChild(h("h3", {}, provider));
-      for (const {name, value} of styles) {
-        const styleButton = h(
-          "button",
-          {},
-          name,
-        );
+      for (const { name, value } of styles) {
+        const styleButton = h("button", {}, name);
         styleButton.addEventListener("click", (e) => {
           button.toggle();
           this.dispatchEvent(

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.2.6",
+  "version": "4.2.7",
   "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": {