@india-boundary-corrector/leaflet-layer 0.0.1 → 0.0.3

package/dist/index.global.js

@@ -28,17 +28,23 @@ var IndiaBoundaryCorrector = (() => {
   });
 
   // ../data/version.js
-  var packageVersion = "0.0.1";
+  var packageVersion = "0.0.3";
 
   // ../data/index.js
   var import_meta = {};
   var PACKAGE_NAME = "@india-boundary-corrector/data";
   var PMTILES_FILENAME = "india_boundary_corrections.pmtiles";
   var DEFAULT_CDN_URL = `https://unpkg.com/${PACKAGE_NAME}@${packageVersion}/${PMTILES_FILENAME}`;
+  function shouldUseCdnFallback(hostname) {
+    return hostname === "esm.sh";
+  }
   function detectPmtilesUrl() {
     try {
       if (typeof import_meta !== "undefined" && import_meta.url) {
         const moduleUrl = new URL(".", import_meta.url);
+        if (shouldUseCdnFallback(moduleUrl.hostname)) {
+          return DEFAULT_CDN_URL;
+        }
         return new URL(PMTILES_FILENAME, moduleUrl).href;
       }
     } catch {
@@ -164,10 +170,10 @@ var IndiaBoundaryCorrector = (() => {
     let pattern = template.replace(/[.*+?^${}()|[\]\\]/g, (char) => {
       if (char === "{" || char === "}") return char;
       return "\\" + char;
-    }).replace(/^https:\/\//, "https?://").replace(/^http:\/\//, "https?://").replace(/\{([a-z0-9])-([a-z0-9])\}/gi, (_2, start, end) => `(\\{${start}-${end}\\}|[a-z0-9]+)`).replace(/\{(z|x|y|s|r)\}/gi, (_2, name) => {
+    }).replace(/^https:\/\//, "https?://").replace(/^http:\/\//, "https?://").replace(/\{([a-z0-9])-([a-z0-9])\}/gi, (_2, start, end) => `(\\{${start}-${end}\\}|\\{s\\}|[a-z0-9]+)`).replace(/\{(z|x|y|s|r)\}/gi, (_2, name) => {
       const lowerName = name.toLowerCase();
       if (lowerName === "s") {
-        return "(\\{s\\}|[a-z0-9]+)";
+        return "(\\{s\\}|\\{[a-z0-9]-[a-z0-9]\\}|[a-z0-9]+)";
       }
       if (lowerName === "r") {
         return "(\\{r\\}|@\\d+x)?";
@@ -201,6 +207,9 @@ var IndiaBoundaryCorrector = (() => {
       if (!id || typeof id !== "string") {
         throw new Error("LayerConfig requires a non-empty string id");
       }
+      if (id.includes("/")) {
+        throw new Error(`LayerConfig id cannot contain slashes: "${id}"`);
+      }
       this.id = id;
       this.startZoom = startZoom;
       this.zoomThreshold = zoomThreshold;
@@ -2702,7 +2711,7 @@ var IndiaBoundaryCorrector = (() => {
     if (!maskCanvas || maskCanvas.width !== tileSize || maskCanvas.height !== tileSize) {
       maskCanvas = new OffscreenCanvas(tileSize, tileSize);
     }
-    const maskCtx = maskCanvas.getContext("2d");
+    const maskCtx = maskCanvas.getContext("2d", { willReadFrequently: true });
     maskCtx.fillStyle = "black";
     maskCtx.fillRect(0, 0, tileSize, tileSize);
     maskCtx.strokeStyle = "white";
@@ -2904,8 +2913,11 @@ var IndiaBoundaryCorrector = (() => {
       const useOsm = zoom >= zoomThreshold;
       const addLayerName = useOsm ? "to-add-osm" : "to-add-ne";
       const delLayerName = useOsm ? "to-del-osm" : "to-del-ne";
-      const canvas = new OffscreenCanvas(tileSize, tileSize);
-      const ctx = canvas.getContext("2d");
+      if (!this._canvas || this._canvas.width !== tileSize) {
+        this._canvas = new OffscreenCanvas(tileSize, tileSize);
+      }
+      const canvas = this._canvas;
+      const ctx = canvas.getContext("2d", { willReadFrequently: true });
       const blob = new Blob([rasterTile]);
       const imageBitmap = await createImageBitmap(blob);
       ctx.drawImage(imageBitmap, 0, 0, tileSize, tileSize);