map-gl-offline 0.8.4 → 0.8.6

package/README.md

@@ -77,6 +77,8 @@ Then:
 ```typescript
 import mapboxgl from 'mapbox-gl';
 import { OfflineMapManager, OfflineManagerControl } from 'map-gl-offline';
+import 'mapbox-gl/dist/mapbox-gl.css';
+import 'map-gl-offline/style.css';
 
 mapboxgl.accessToken = 'YOUR_MAPBOX_TOKEN';
 

package/dist/index.d.ts

@@ -71,6 +71,6 @@ export * from './types';
 export * from './utils';
 export { OfflineMapManager as default } from './managers/offlineMapManager';
 export { OfflineManagerControl } from './ui/offlineManagerControl';
-export type { MapLibProtocol } from './ui/offlineManagerControl';
+export type { MapLibProtocol, ControlMap } from './ui/offlineManagerControl';
 export { i18n, t } from './ui/translations';
 export type { SupportedLanguage, TranslationKey } from './ui/translations';

package/dist/index.esm.js

@@ -12812,7 +12812,17 @@ class RegionControl {
             const styleUrl = this.options.styleUrl;
             if (!styleUrl)
                 return new Set();
-            const response = await fetch(styleUrl);
+            // Resolve mapbox:// style URLs — fetch() cannot load the mapbox: scheme
+            // and throws "URL scheme \"mapbox\" is not supported" otherwise.
+            let fetchUrl = styleUrl;
+            if (isMapboxProtocol(styleUrl)) {
+                if (!this.options.accessToken) {
+                    regionLogger.warn('Cannot resolve mapbox:// style URL for source filtering without an access token');
+                    return new Set();
+                }
+                fetchUrl = resolveMapboxUrl(styleUrl, this.options.accessToken);
+            }
+            const response = await fetch(fetchUrl);
             if (!response.ok)
                 return new Set();
             const styleJson = (await response.json());
@@ -13230,7 +13240,7 @@ const controlLogger = logger.scope('OfflineControl');
 /**
  * MapLibre GL JS control for managing offline map regions.
  *
- * Implements the IControl interface to integrate with MapLibre GL maps.
+ * Implements the IControl interface to integrate with MapLibre GL and Mapbox GL maps.
  * Provides a complete UI for downloading, managing, and loading offline map data.
  *
  * The control automatically intercepts fetch requests to serve offline resources
@@ -13394,10 +13404,13 @@ class OfflineManagerControl {
      * Called when the control is added to a map.
      * Implements the IControl.onAdd interface method.
      *
-     * @param map - The MapLibre GL map instance
+     * @param map - The MapLibre GL or Mapbox GL map instance
      * @returns The control's container element
      */
     onAdd(map) {
+        // Internally the control works against the MapLibre `Map` typings; the
+        // structural `ControlMap` parameter is what lets it satisfy both
+        // libraries' `IControl` so callers need no cast (see issue #39).
         this.map = map;
         // Detect the correct CSS prefix for the map library in use
         const cssPrefix = detectCssPrefix(map.getContainer());