@india-boundary-corrector/openlayers-layer 0.0.2 → 0.0.4

package/README.md

@@ -21,7 +21,7 @@ No bundler required! Just include the script and use the global `IndiaBoundaryCo
 ```html
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@10.3.1/ol.css">
 <script src="https://cdn.jsdelivr.net/npm/ol@10.3.1/dist/ol.js"></script>
-<script src="https://unpkg.com/@india-boundary-corrector/openlayers-layer/dist/index.global.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@india-boundary-corrector/openlayers-layer/dist/index.global.js"></script>
 
 <div id="map" style="height: 400px;"></div>
 
@@ -77,7 +77,10 @@ import { IndiaBoundaryCorrectedTileLayer } from '@india-boundary-corrector/openl
 
 const layer = new IndiaBoundaryCorrectedTileLayer({
   url: 'https://{a-c}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png',
-  layerConfig: 'cartodb-dark'
+  layerConfig: 'cartodb-dark',
+  sourceOptions: {
+    attributions: '© CARTO © OpenStreetMap contributors'
+  }
 });
 ```
 
@@ -98,13 +101,19 @@ const osmDeConfig = new LayerConfig({
 
 const layer = new IndiaBoundaryCorrectedTileLayer({
   url: 'https://tile.openstreetmap.de/{z}/{x}/{y}.png',
-  layerConfig: osmDeConfig
+  layerConfig: osmDeConfig,
+  sourceOptions: {
+    attributions: '© OpenStreetMap contributors'
+  }
 });
 
 // Or use extraLayerConfigs for auto-detection
 const layer2 = new IndiaBoundaryCorrectedTileLayer({
   url: 'https://tile.openstreetmap.de/{z}/{x}/{y}.png',
-  extraLayerConfigs: [osmDeConfig]
+  extraLayerConfigs: [osmDeConfig],
+  sourceOptions: {
+    attributions: '© OpenStreetMap contributors'
+  }
 });
 ```
 
@@ -114,7 +123,10 @@ const layer2 = new IndiaBoundaryCorrectedTileLayer({
 import { indiaBoundaryCorrectedTileLayer } from '@india-boundary-corrector/openlayers-layer';
 
 const layer = indiaBoundaryCorrectedTileLayer({
-  url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
+  url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+  sourceOptions: {
+    attributions: '© OpenStreetMap contributors'
+  }
 });
 ```
 
@@ -126,7 +138,8 @@ const layer = indiaBoundaryCorrectedTileLayer({
 | `pmtilesUrl` | string | URL to PMTiles file (auto-detected if not provided) |
 | `layerConfig` | LayerConfig \| string | Layer config object or config ID |
 | `extraLayerConfigs` | LayerConfig[] | Additional configs for auto-detection |
-| `tileSize` | number | Tile size in pixels (default: 256) |
+| `tileSize` | number | Tile size in pixels for OpenLayers source (default: 256) |
+| `fallbackOnCorrectionFailure` | boolean | Return original tile if corrections fail (default: true) |
 | `sourceOptions` | Object | Additional options passed to XYZ source |
 | `...layerOptions` | Object | Additional options passed to TileLayer |
 
@@ -158,6 +171,10 @@ layer.on('correctionerror', (e) => {
 | `coords` | object | Tile coordinates `{ z, x, y }` |
 | `tileUrl` | string | URL of the tile being loaded |
 
+## Bundling
+
+If you're bundling your application (Rollup, Webpack, Vite, etc.), you may need to copy the PMTiles data file to your output directory. See **[Bundling the PMTiles Asset](../data/bundling-pmtiles.md)** for instructions.
+
 ## License
 
 Unlicense

package/dist/index.cjs

@@ -32,7 +32,6 @@ var index_exports = {};
 __export(index_exports, {
   IndiaBoundaryCorrectedTileLayer: () => IndiaBoundaryCorrectedTileLayer,
   LayerConfig: () => import_layer_configs2.LayerConfig,
-  fetchAndFixTile: () => fetchAndFixTile,
   getPmtilesUrl: () => import_data2.getPmtilesUrl,
   indiaBoundaryCorrectedTileLayer: () => indiaBoundaryCorrectedTileLayer,
   layerConfigs: () => import_layer_configs2.layerConfigs
@@ -45,30 +44,34 @@ var import_layer_configs = require("@india-boundary-corrector/layer-configs");
 var import_tilefixer = require("@india-boundary-corrector/tilefixer");
 var import_layer_configs2 = require("@india-boundary-corrector/layer-configs");
 var import_data2 = require("@india-boundary-corrector/data");
-async function fetchAndFixTile(src, z, x, y, tileFixer, layerConfig, tileSize) {
-  const { data, wasFixed, correctionsFailed, correctionsError } = await tileFixer.fetchAndFixTile(
-    src,
-    z,
-    x,
-    y,
-    layerConfig,
-    { tileSize, mode: "cors" }
-  );
-  const blob = new Blob([data], { type: wasFixed ? "image/png" : void 0 });
-  return { blob, wasFixed, correctionsFailed, correctionsError };
+function getFetchOptionsFromCrossOrigin(crossOrigin) {
+  if (crossOrigin === "anonymous" || crossOrigin === "") {
+    return { mode: "cors", credentials: "omit" };
+  } else if (crossOrigin === "use-credentials") {
+    return { mode: "cors", credentials: "include" };
+  }
+  return { mode: "same-origin", credentials: "same-origin" };
 }
-function createCorrectedTileLoadFunction(tileFixer, layerConfig, tileSize, layer) {
+function createCorrectedTileLoadFunction(tileFixer, layerConfig, layer, fetchOptions, fallbackOnCorrectionFailure) {
   return async function(imageTile, src) {
     const tileCoord = imageTile.getTileCoord();
     const z = tileCoord[0];
     const x = tileCoord[1];
     const y = tileCoord[2];
     try {
-      const { blob, correctionsFailed, correctionsError } = await fetchAndFixTile(src, z, x, y, tileFixer, layerConfig, tileSize);
+      const { data, correctionsFailed, correctionsError } = await tileFixer.fetchAndFixTile(
+        src,
+        z,
+        x,
+        y,
+        layerConfig,
+        { fallbackOnCorrectionFailure, ...fetchOptions }
+      );
       if (correctionsFailed) {
         console.warn("[IndiaBoundaryCorrectedTileLayer] Corrections fetch failed:", correctionsError);
         layer.dispatchEvent({ type: "correctionerror", error: correctionsError, coords: { z, x, y }, tileUrl: src });
       }
+      const blob = new Blob([data]);
       const image = imageTile.getImage();
       if (typeof image.getContext === "function") {
         const imageBitmap = await createImageBitmap(blob);
@@ -106,7 +109,8 @@ var IndiaBoundaryCorrectedTileLayer = class extends import_Tile.default {
    * @param {string} [options.pmtilesUrl] - URL to PMTiles file (defaults to CDN)
    * @param {Object|string} [options.layerConfig] - LayerConfig or config ID (auto-detected if not provided)
    * @param {Object[]} [options.extraLayerConfigs] - Additional LayerConfigs for matching
-   * @param {number} [options.tileSize=256] - Tile size in pixels
+   * @param {number} [options.tileSize=256] - Tile size in pixels (for OpenLayers source)
+   * @param {boolean} [options.fallbackOnCorrectionFailure=true] - Return original tile if corrections fail
    * @param {Object} [options.sourceOptions] - Additional options for XYZ source
    * @param {Object} [options.layerOptions] - Additional options for TileLayer
    */
@@ -117,6 +121,7 @@ var IndiaBoundaryCorrectedTileLayer = class extends import_Tile.default {
       layerConfig,
       extraLayerConfigs,
       tileSize = 256,
+      fallbackOnCorrectionFailure = true,
       sourceOptions = {},
       ...layerOptions
     } = options;
@@ -129,13 +134,14 @@ var IndiaBoundaryCorrectedTileLayer = class extends import_Tile.default {
     } else {
       resolvedConfig = registry.detectFromTemplates([url]);
     }
-    const tileFixer = new import_tilefixer.BoundaryCorrector(pmtilesUrl ?? (0, import_data.getPmtilesUrl)());
+    const tileFixer = import_tilefixer.TileFixer.getOrCreate(pmtilesUrl ?? (0, import_data.getPmtilesUrl)());
     const source = new import_XYZ.default({
       url,
       tileSize,
       crossOrigin: "anonymous",
       ...sourceOptions
     });
+    const fetchOptions = getFetchOptionsFromCrossOrigin(sourceOptions.crossOrigin ?? "anonymous");
     super({
       source,
       ...layerOptions
@@ -144,7 +150,7 @@ var IndiaBoundaryCorrectedTileLayer = class extends import_Tile.default {
     this._layerConfig = resolvedConfig;
     this._registry = registry;
     if (resolvedConfig) {
-      source.setTileLoadFunction(createCorrectedTileLoadFunction(tileFixer, resolvedConfig, tileSize, this));
+      source.setTileLoadFunction(createCorrectedTileLoadFunction(tileFixer, resolvedConfig, this, fetchOptions, fallbackOnCorrectionFailure));
     }
     if (!resolvedConfig) {
       console.warn("[IndiaBoundaryCorrectedTileLayer] Could not detect layer config from URL. Corrections will not be applied.");
@@ -171,19 +177,6 @@ var IndiaBoundaryCorrectedTileLayer = class extends import_Tile.default {
   getRegistry() {
     return this._registry;
   }
-  /**
-   * Fetch and fix a tile (exposed for testing).
-   * @param {string} src - Tile URL
-   * @param {number} z - Zoom level
-   * @param {number} x - Tile X coordinate
-   * @param {number} y - Tile Y coordinate
-   * @returns {Promise<{blob: Blob, wasFixed: boolean}>}
-   * @private
-   */
-  async _fetchAndFixTile(src, z, x, y) {
-    const tileSize = this.getSource().getTileGrid()?.getTileSize(z) || 256;
-    return fetchAndFixTile(src, z, x, y, this._tileFixer, this._layerConfig, tileSize);
-  }
 };
 function indiaBoundaryCorrectedTileLayer(options) {
   return new IndiaBoundaryCorrectedTileLayer(options);

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"sourcesContent":["import TileLayer from 'ol/layer/Tile.js';\nimport XYZ from 'ol/source/XYZ.js';\nimport { getPmtilesUrl } from '@india-boundary-corrector/data';\nimport { layerConfigs } from '@india-boundary-corrector/layer-configs';\nimport { BoundaryCorrector as TileFixer } from '@india-boundary-corrector/tilefixer';\n\n// Re-export for convenience\nexport { layerConfigs, LayerConfig } from '@india-boundary-corrector/layer-configs';\nexport { getPmtilesUrl } from '@india-boundary-corrector/data';\n\n/**\n * Handle tile fetching and correction application logic.\n * This method is extracted for testability.\n * @param {string} src - URL of the raster tile\n * @param {number} z - Zoom level\n * @param {number} x - Tile X coordinate\n * @param {number} y - Tile Y coordinate\n * @param {TileFixer} tileFixer - TileFixer instance\n * @param {Object} layerConfig - Layer configuration\n * @param {number} tileSize - Tile size in pixels\n * @returns {Promise<{blob: Blob, wasFixed: boolean, correctionsFailed: boolean, correctionsError: Error|null}>}\n */\nasync function fetchAndFixTile(src, z, x, y, tileFixer, layerConfig, tileSize) {\n  const { data, wasFixed, correctionsFailed, correctionsError } = await tileFixer.fetchAndFixTile(\n    src, z, x, y, layerConfig, { tileSize, mode: 'cors' }\n  );\n  const blob = new Blob([data], { type: wasFixed ? 'image/png' : undefined });\n  return { blob, wasFixed, correctionsFailed, correctionsError };\n}\n\n/**\n * Create a custom tileLoadFunction that applies boundary corrections.\n * @param {TileFixer} tileFixer - The TileFixer instance\n * @param {Object} layerConfig - The layer configuration\n * @param {number} tileSize - Tile size in pixels\n * @param {IndiaBoundaryCorrectedTileLayer} layer - The layer instance for event dispatching\n * @returns {Function} Custom tile load function\n */\nfunction createCorrectedTileLoadFunction(tileFixer, layerConfig, tileSize, layer) {\n  return async function(imageTile, src) {\n    const tileCoord = imageTile.getTileCoord();\n    const z = tileCoord[0];\n    const x = tileCoord[1];\n    const y = tileCoord[2];\n\n    // TODO: Pass AbortSignal to fetchAndFixTile to cancel in-flight requests when tiles\n    // go off-screen. OpenLayers' tileLoadFunction doesn't provide an AbortController,\n    // so this would require custom tracking. Deferred due to complexity - will revisit\n    // if performance becomes an issue during rapid panning.\n    try {\n      const { blob, correctionsFailed, correctionsError } = await fetchAndFixTile(src, z, x, y, tileFixer, layerConfig, tileSize);\n\n      if (correctionsFailed) {\n        // TODO: If abort is implemented, check for AbortError here and skip emitting correctionerror\n        console.warn('[IndiaBoundaryCorrectedTileLayer] Corrections fetch failed:', correctionsError);\n        layer.dispatchEvent({ type: 'correctionerror', error: correctionsError, coords: { z, x, y }, tileUrl: src });\n      }\n\n      const image = imageTile.getImage();\n      \n      // Check if image is a canvas (OffscreenCanvas) or HTMLImageElement\n      if (typeof image.getContext === 'function') {\n        // OffscreenCanvas path\n        const imageBitmap = await createImageBitmap(blob);\n        image.width = imageBitmap.width;\n        image.height = imageBitmap.height;\n        const ctx = image.getContext('2d');\n        ctx.drawImage(imageBitmap, 0, 0);\n        imageBitmap.close?.();\n        image.dispatchEvent(new Event('load'));\n      } else {\n        // HTMLImageElement path - use blob URL\n        const blobUrl = URL.createObjectURL(blob);\n        image.onload = () => {\n          URL.revokeObjectURL(blobUrl);\n        };\n        image.onerror = () => {\n          URL.revokeObjectURL(blobUrl);\n        };\n        image.src = blobUrl;\n      }\n    } catch (err) {\n      // Don't emit correctionerror for tile fetch/processing errors - only for PMTiles failures (handled above)\n      console.warn('[IndiaBoundaryCorrectedTileLayer] Tile fetch failed:', err);\n      // Fall back to original tile\n      const image = imageTile.getImage();\n      if (typeof image.src !== 'undefined') {\n        // HTMLImageElement - load original tile\n        image.src = src;\n      } else if (typeof image.dispatchEvent === 'function') {\n        // OffscreenCanvas - can't fall back, signal error\n        image.dispatchEvent(new Event('error'));\n      }\n    }\n  };\n}\n\n/**\n * Extended OpenLayers TileLayer with India boundary corrections.\n * Extends ol/layer/Tile with a custom XYZ source that applies corrections.\n */\nexport class IndiaBoundaryCorrectedTileLayer extends TileLayer {\n  /**\n   * @param {Object} options - Layer options\n   * @param {string} options.url - Tile URL template with {x}, {y}, {z} placeholders\n   * @param {string} [options.pmtilesUrl] - URL to PMTiles file (defaults to CDN)\n   * @param {Object|string} [options.layerConfig] - LayerConfig or config ID (auto-detected if not provided)\n   * @param {Object[]} [options.extraLayerConfigs] - Additional LayerConfigs for matching\n   * @param {number} [options.tileSize=256] - Tile size in pixels\n   * @param {Object} [options.sourceOptions] - Additional options for XYZ source\n   * @param {Object} [options.layerOptions] - Additional options for TileLayer\n   */\n  constructor(options) {\n    const {\n      url,\n      pmtilesUrl,\n      layerConfig,\n      extraLayerConfigs,\n      tileSize = 256,\n      sourceOptions = {},\n      ...layerOptions\n    } = options;\n\n    // Initialize registry and resolve layer config\n    const registry = layerConfigs.createMergedRegistry(extraLayerConfigs);\n    let resolvedConfig;\n    \n    if (typeof layerConfig === 'string') {\n      resolvedConfig = registry.get(layerConfig);\n    } else if (layerConfig) {\n      resolvedConfig = layerConfig;\n    } else {\n      // Auto-detect from URL\n      resolvedConfig = registry.detectFromTemplates([url]);\n    }\n\n    // Create TileFixer\n    const tileFixer = new TileFixer(pmtilesUrl ?? getPmtilesUrl());\n\n    // Create XYZ source (tileLoadFunction set after super() to access 'this')\n    const source = new XYZ({\n      url,\n      tileSize,\n      crossOrigin: 'anonymous',\n      ...sourceOptions,\n    });\n\n    super({\n      source,\n      ...layerOptions\n    });\n\n    this._tileFixer = tileFixer;\n    this._layerConfig = resolvedConfig;\n    this._registry = registry;\n\n    // Set tileLoadFunction after super() so we can pass 'this' for event dispatching\n    if (resolvedConfig) {\n      source.setTileLoadFunction(createCorrectedTileLoadFunction(tileFixer, resolvedConfig, tileSize, this));\n    }\n\n    if (!resolvedConfig) {\n      console.warn('[IndiaBoundaryCorrectedTileLayer] Could not detect layer config from URL. Corrections will not be applied.');\n    }\n  }\n\n  /**\n   * Get the TileFixer instance.\n   * @returns {TileFixer}\n   */\n  getTileFixer() {\n    return this._tileFixer;\n  }\n\n  /**\n   * Get the resolved LayerConfig.\n   * @returns {Object|null}\n   */\n  getLayerConfig() {\n    return this._layerConfig;\n  }\n\n  /**\n   * Get the registry.\n   * @returns {LayerConfigRegistry}\n   */\n  getRegistry() {\n    return this._registry;\n  }\n\n  /**\n   * Fetch and fix a tile (exposed for testing).\n   * @param {string} src - Tile URL\n   * @param {number} z - Zoom level\n   * @param {number} x - Tile X coordinate\n   * @param {number} y - Tile Y coordinate\n   * @returns {Promise<{blob: Blob, wasFixed: boolean}>}\n   * @private\n   */\n  async _fetchAndFixTile(src, z, x, y) {\n    const tileSize = this.getSource().getTileGrid()?.getTileSize(z) || 256;\n    return fetchAndFixTile(src, z, x, y, this._tileFixer, this._layerConfig, tileSize);\n  }\n}\n\n// Export for testing\nexport { fetchAndFixTile };\n\n/**\n * Factory function to create an IndiaBoundaryCorrectedTileLayer.\n * @param {Object} options - Layer options (see IndiaBoundaryCorrectedTileLayer constructor)\n * @returns {IndiaBoundaryCorrectedTileLayer}\n */\nexport function indiaBoundaryCorrectedTileLayer(options) {\n  return new IndiaBoundaryCorrectedTileLayer(options);\n}\n"],"mappings":"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","names":["import_layer_configs","import_data","TileLayer","TileFixer","XYZ"]}
+{"version":3,"sources":["../src/index.js"],"sourcesContent":["import TileLayer from 'ol/layer/Tile.js';\nimport XYZ from 'ol/source/XYZ.js';\nimport { getPmtilesUrl } from '@india-boundary-corrector/data';\nimport { layerConfigs } from '@india-boundary-corrector/layer-configs';\nimport { TileFixer } from '@india-boundary-corrector/tilefixer';\n\n// Re-export for convenience\nexport { layerConfigs, LayerConfig } from '@india-boundary-corrector/layer-configs';\nexport { getPmtilesUrl } from '@india-boundary-corrector/data';\n\n/**\n * Derive fetch options from crossOrigin attribute (matches OpenLayers behavior).\n * @param {string|null} crossOrigin - The crossOrigin attribute value\n * @returns {{mode: RequestMode, credentials: RequestCredentials}}\n */\nfunction getFetchOptionsFromCrossOrigin(crossOrigin) {\n  if (crossOrigin === 'anonymous' || crossOrigin === '') {\n    return { mode: 'cors', credentials: 'omit' };\n  } else if (crossOrigin === 'use-credentials') {\n    return { mode: 'cors', credentials: 'include' };\n  }\n  return { mode: 'same-origin', credentials: 'same-origin' };\n}\n\n/**\n * Create a custom tileLoadFunction that applies boundary corrections.\n * @param {TileFixer} tileFixer - The TileFixer instance\n * @param {Object} layerConfig - The layer configuration\n * @param {IndiaBoundaryCorrectedTileLayer} layer - The layer instance for event dispatching\n * @param {Object} fetchOptions - Fetch options (mode, credentials)\n * @param {boolean} fallbackOnCorrectionFailure - Whether to return original tile if corrections fail\n * @returns {Function} Custom tile load function\n */\nfunction createCorrectedTileLoadFunction(tileFixer, layerConfig, layer, fetchOptions, fallbackOnCorrectionFailure) {\n  return async function(imageTile, src) {\n    const tileCoord = imageTile.getTileCoord();\n    const z = tileCoord[0];\n    const x = tileCoord[1];\n    const y = tileCoord[2];\n\n    try {\n      const { data, correctionsFailed, correctionsError } = await tileFixer.fetchAndFixTile(\n        src, z, x, y, layerConfig, { fallbackOnCorrectionFailure, ...fetchOptions }\n      );\n\n      if (correctionsFailed) {\n        console.warn('[IndiaBoundaryCorrectedTileLayer] Corrections fetch failed:', correctionsError);\n        layer.dispatchEvent({ type: 'correctionerror', error: correctionsError, coords: { z, x, y }, tileUrl: src });\n      }\n\n      const blob = new Blob([data]);\n      const image = imageTile.getImage();\n      \n      // Check if image is a canvas (OffscreenCanvas) or HTMLImageElement\n      if (typeof image.getContext === 'function') {\n        // OffscreenCanvas path\n        const imageBitmap = await createImageBitmap(blob);\n        image.width = imageBitmap.width;\n        image.height = imageBitmap.height;\n        const ctx = image.getContext('2d');\n        ctx.drawImage(imageBitmap, 0, 0);\n        imageBitmap.close?.();\n        image.dispatchEvent(new Event('load'));\n      } else {\n        // HTMLImageElement path - use blob URL\n        const blobUrl = URL.createObjectURL(blob);\n        image.onload = () => {\n          URL.revokeObjectURL(blobUrl);\n        };\n        image.onerror = () => {\n          URL.revokeObjectURL(blobUrl);\n        };\n        image.src = blobUrl;\n      }\n    } catch (err) {\n      console.warn('[IndiaBoundaryCorrectedTileLayer] Tile fetch failed:', err);\n      // Fall back to original tile\n      const image = imageTile.getImage();\n      if (typeof image.src !== 'undefined') {\n        // HTMLImageElement - load original tile\n        image.src = src;\n      } else if (typeof image.dispatchEvent === 'function') {\n        // OffscreenCanvas - can't fall back, signal error\n        image.dispatchEvent(new Event('error'));\n      }\n    }\n  };\n}\n\n/**\n * Extended OpenLayers TileLayer with India boundary corrections.\n * Extends ol/layer/Tile with a custom XYZ source that applies corrections.\n */\nexport class IndiaBoundaryCorrectedTileLayer extends TileLayer {\n  /**\n   * @param {Object} options - Layer options\n   * @param {string} options.url - Tile URL template with {x}, {y}, {z} placeholders\n   * @param {string} [options.pmtilesUrl] - URL to PMTiles file (defaults to CDN)\n   * @param {Object|string} [options.layerConfig] - LayerConfig or config ID (auto-detected if not provided)\n   * @param {Object[]} [options.extraLayerConfigs] - Additional LayerConfigs for matching\n   * @param {number} [options.tileSize=256] - Tile size in pixels (for OpenLayers source)\n   * @param {boolean} [options.fallbackOnCorrectionFailure=true] - Return original tile if corrections fail\n   * @param {Object} [options.sourceOptions] - Additional options for XYZ source\n   * @param {Object} [options.layerOptions] - Additional options for TileLayer\n   */\n  constructor(options) {\n    const {\n      url,\n      pmtilesUrl,\n      layerConfig,\n      extraLayerConfigs,\n      tileSize = 256,\n      fallbackOnCorrectionFailure = true,\n      sourceOptions = {},\n      ...layerOptions\n    } = options;\n\n    // Initialize registry and resolve layer config\n    const registry = layerConfigs.createMergedRegistry(extraLayerConfigs);\n    let resolvedConfig;\n    \n    if (typeof layerConfig === 'string') {\n      resolvedConfig = registry.get(layerConfig);\n    } else if (layerConfig) {\n      resolvedConfig = layerConfig;\n    } else {\n      // Auto-detect from URL\n      resolvedConfig = registry.detectFromTemplates([url]);\n    }\n\n    // Create TileFixer\n    const tileFixer = TileFixer.getOrCreate(pmtilesUrl ?? getPmtilesUrl());\n\n    // Create XYZ source\n    const source = new XYZ({\n      url,\n      tileSize,\n      crossOrigin: 'anonymous',\n      ...sourceOptions,\n    });\n\n    // Derive fetch options from crossOrigin (matches OpenLayers behavior)\n    // Default to 'anonymous' if not specified in sourceOptions\n    const fetchOptions = getFetchOptionsFromCrossOrigin(sourceOptions.crossOrigin ?? 'anonymous');\n\n    super({\n      source,\n      ...layerOptions\n    });\n\n    this._tileFixer = tileFixer;\n    this._layerConfig = resolvedConfig;\n    this._registry = registry;\n\n    // Set tileLoadFunction after super() so we can pass 'this' for event dispatching\n    if (resolvedConfig) {\n      source.setTileLoadFunction(createCorrectedTileLoadFunction(tileFixer, resolvedConfig, this, fetchOptions, fallbackOnCorrectionFailure));\n    }\n\n    if (!resolvedConfig) {\n      console.warn('[IndiaBoundaryCorrectedTileLayer] Could not detect layer config from URL. Corrections will not be applied.');\n    }\n  }\n\n  /**\n   * Get the TileFixer instance.\n   * @returns {TileFixer}\n   */\n  getTileFixer() {\n    return this._tileFixer;\n  }\n\n  /**\n   * Get the resolved LayerConfig.\n   * @returns {Object|null}\n   */\n  getLayerConfig() {\n    return this._layerConfig;\n  }\n\n  /**\n   * Get the registry.\n   * @returns {LayerConfigRegistry}\n   */\n  getRegistry() {\n    return this._registry;\n  }\n}\n\n/**\n * Factory function to create an IndiaBoundaryCorrectedTileLayer.\n * @param {Object} options - Layer options (see IndiaBoundaryCorrectedTileLayer constructor)\n * @returns {IndiaBoundaryCorrectedTileLayer}\n */\nexport function indiaBoundaryCorrectedTileLayer(options) {\n  return new IndiaBoundaryCorrectedTileLayer(options);\n}\n"],"mappings":"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","names":["import_layer_configs","import_data","TileLayer","XYZ"]}