injectables.js

import { calls } from "./calls";
import { data as colormapData } from '../external/js-colormaps.js'

const injectablesDefaults = {
  TILE_MATRIX_SETS: ["WebMercatorQuad"],
  COLORMAP_NAMES: ["viridis"],
  VELOCITY_COLORMAP_NAMES: ["RDYLBU_R"],
};
// Initialize with reasonable defaults
const injectables = {
  TILE_MATRIX_SETS: injectablesDefaults["TILE_MATRIX_SETS"],
  COLORMAP_NAMES: injectablesDefaults["COLORMAP_NAMES"],
  VELOCITY_COLORMAP_NAMES: injectablesDefaults["VELOCITY_COLORMAP_NAMES"],
};

export const getInjectables = () => {
  getTileMatrixSets();
  getColormapNames("COLORMAP_NAMES");
  getColormapNames("VELOCITY_COLORMAP_NAMES");
};

export const inject = (configJson) => {
  let injected = JSON.stringify(configJson);
  Object.keys(injectables).forEach((inj) => {
    injected = injected.replaceAll(
      `"{{${inj}}}"`,
      Array.isArray(injectables[inj])
        ? JSON.stringify(injectables[inj])
        : injectables[inj]
    );
  });
  return JSON.parse(injected);
};

function getTileMatrixSets() {
  const injectableName = "TILE_MATRIX_SETS";
  if (window.mmgisglobal.WITH_TITILER === "true") {
    calls.api(
      "titiler_tileMatrixSets",
      null,
      (res) => {
        // ... new Set removes duplicates
        injectables[injectableName] = [
          ...new Set(
            injectablesDefaults["TILE_MATRIX_SETS"].concat(
              res.tileMatrixSets.map((s) => s.id)
            )
          ),
        ];
      },
      (res) => {
        console.warn(`Failed to query for ${injectableName}. Using defaults.`);
        injectables[injectableName] = [
          "WebMercatorQuad",
          "CanadianNAD83_LCC",
          "CDB1GlobalGrid",
          "EuropeanETRS89_LAEAQuad",
          "GNOSISGlobalGrid",
          "LINZAntarticaMapTilegrid",
          "NZTM2000Quad",
          "UPSAntarcticWGS84Quad",
          "UPSArcticWGS84Quad",
          "UTM31WGS84Quad",
          "WGS1984Quad",
          "WorldCRS84Quad",
          "WorldMercatorWGS84Quad",
        ];
      }
    );
  }
}

function getColormapNames(injectableName) {
  if (window.mmgisglobal.WITH_TITILER === "true") {
    calls.api(
      "titiler_colormapNames",
      null,
      (res) => {
        // Get the intersection of colormaps from js-colormaps and TiTiler
        const js_colormaps = Object.keys(colormapData).map((color => color.toLowerCase()));
        let colormaps = res.colorMaps;
        colormaps = colormaps.filter((color) => {
            if (js_colormaps.includes(color.toLowerCase())) {
                return color;
            }

            // js-colormaps only includes the non reversed names so check for the reverse
            if (color.endsWith("_r") && js_colormaps.includes(color.substr(0, color.length - 2))) {
                return color;
            }
        });

        // Sort
        colormaps.sort();

        // ... new Set removes duplicates
        injectables[injectableName] = [
          ...new Set(
            injectablesDefaults[injectableName].concat(colormaps)
          ),
        ];
      },
      (res) => {
        console.warn(`Failed to query for ${injectableName}. Using defaults.`);
        injectables[injectableName] = Object.keys(colormapData);
      }
    );
  } else {
    // Get colormaps from js-colormaps and the inversed colors
    const js_colormaps = Object.keys(colormapData).map((color => color.toLowerCase()));
    let colormaps = [];
    js_colormaps.forEach((color) => {
      colormaps.push(color);
      // js-colormaps only includes the non reversed names so add the reverse
      if (!color.endsWith("_r")) {
        colormaps.push(`${color}_r`);
      }
    });

    // Sort
    colormaps.sort();

    // ... new Set removes duplicates
    injectables[injectableName] = [
      ...new Set(
        injectablesDefaults[injectableName].concat(colormaps)
      ),
    ];
  }
}