maplibre-gl-layer-control 0.8.0 → 0.8.2

package/README.md

@@ -170,6 +170,7 @@ function MapComponent() {
 | `showOpacitySlider` | `boolean` | `true` | Show opacity slider for layers |
 | `showLayerSymbol` | `boolean` | `true` | Show layer type symbols (colored icons) next to layer names |
 | `excludeDrawnLayers` | `boolean` | `true` | Exclude layers from drawing libraries (Geoman, Mapbox GL Draw, etc.) |
+| `excludeLayers` | `string[]` | `undefined` | Array of wildcard patterns to exclude layers by name (e.g., `['*-temp-*', 'debug-*']`) |
 | `customLayerAdapters` | `CustomLayerAdapter[]` | `undefined` | Adapters for non-MapLibre layers (deck.gl, Zarr, etc.) |
 | `basemapStyleUrl` | `string` | `undefined` | URL of basemap style JSON for reliable layer detection (see below) |
 

package/dist/index.cjs

@@ -7,7 +7,7 @@ class CustomLayerRegistry {
   constructor() {
     __publicField(this, "adapters", /* @__PURE__ */ new Map());
     __publicField(this, "changeListeners", []);
-    __publicField(this, "unsubscribers", []);
+    __publicField(this, "unsubscribers", /* @__PURE__ */ new Map());
   }
   /**
    * Register a custom layer adapter.
@@ -19,7 +19,7 @@ class CustomLayerRegistry {
       const unsubscribe = adapter.onLayerChange((event, layerId) => {
         this.notifyChange(event, layerId);
       });
-      this.unsubscribers.push(unsubscribe);
+      this.unsubscribers.set(adapter.type, unsubscribe);
     }
   }
   /**
@@ -27,6 +27,11 @@ class CustomLayerRegistry {
    * @param type The adapter type to unregister
    */
   unregister(type) {
+    const unsubscribe = this.unsubscribers.get(type);
+    if (unsubscribe) {
+      unsubscribe();
+      this.unsubscribers.delete(type);
+    }
     this.adapters.delete(type);
   }
   /**
@@ -137,7 +142,7 @@ class CustomLayerRegistry {
    */
   destroy() {
     this.unsubscribers.forEach((unsub) => unsub());
-    this.unsubscribers = [];
+    this.unsubscribers.clear();
     this.adapters.clear();
     this.changeListeners = [];
   }
@@ -652,6 +657,7 @@ class LayerControl {
     __publicField(this, "showOpacitySlider");
     __publicField(this, "showLayerSymbol");
     __publicField(this, "excludeDrawnLayers");
+    __publicField(this, "excludeLayerPatterns");
     __publicField(this, "customLayerRegistry", null);
     __publicField(this, "customLayerUnsubscribe", null);
     __publicField(this, "basemapStyleUrl", null);
@@ -671,6 +677,7 @@ class LayerControl {
     this.showOpacitySlider = options.showOpacitySlider !== false;
     this.showLayerSymbol = options.showLayerSymbol !== false;
     this.excludeDrawnLayers = options.excludeDrawnLayers !== false;
+    this.excludeLayerPatterns = this.wildcardPatternsToRegex(options.excludeLayers || []);
     this.state = {
       collapsed: options.collapsed !== false,
       panelWidth: options.panelWidth || 360,
@@ -811,6 +818,10 @@ class LayerControl {
           backgroundLayerIds.push(layerId);
           return;
         }
+        if (this.isExcludedByPattern(layerId)) {
+          backgroundLayerIds.push(layerId);
+          return;
+        }
         if (useBasemapStyleDetection) {
           if (this.basemapLayerIds.has(layerId)) {
             backgroundLayerIds.push(layerId);
@@ -851,6 +862,10 @@ class LayerControl {
       const userLayers = [];
       const basemapLayers = [];
       allLayerIds.forEach((layerId) => {
+        if (this.isExcludedByPattern(layerId)) {
+          basemapLayers.push(layerId);
+          return;
+        }
         if (this.targetLayers.includes(layerId)) {
           userLayers.push(layerId);
         } else {
@@ -1019,6 +1034,22 @@ class LayerControl {
     ];
     return drawnLayerPatterns.some((pattern) => pattern.test(layerId));
   }
+  /**
+   * Convert wildcard patterns (e.g., '*-temp-*', 'debug-*') to RegExp objects
+   */
+  wildcardPatternsToRegex(patterns) {
+    return patterns.map((pattern) => {
+      const escaped = pattern.replace(/[.+?^${}()|[\]\\]/g, "\\$&");
+      const regexStr = escaped.replace(/\*/g, ".*");
+      return new RegExp(`^${regexStr}$`, "i");
+    });
+  }
+  /**
+   * Check if a layer matches any of the user-defined exclusion patterns
+   */
+  isExcludedByPattern(layerId) {
+    return this.excludeLayerPatterns.some((pattern) => pattern.test(layerId));
+  }
   /**
    * Create the main container element
    */
@@ -1819,6 +1850,9 @@ class LayerControl {
         if (this.excludeDrawnLayers && this.isDrawnLayer(layer.id)) {
           return;
         }
+        if (this.isExcludedByPattern(layer.id)) {
+          return;
+        }
         if (this.state.onlyRenderedFilter && !this.isLayerRendered(layer.id)) {
           return;
         }
@@ -2409,6 +2443,9 @@ class LayerControl {
               if (this.excludeDrawnLayers && this.isDrawnLayer(layerId)) {
                 return;
               }
+              if (this.isExcludedByPattern(layerId)) {
+                return;
+              }
               if (useBasemapStyleDetection) {
                 if (this.basemapLayerIds.has(layerId)) {
                   return;