boursecu_admin/src/config-loader.js

(function() {
  'use strict';

  window.__APP_CONFIG__ = window.__APP_CONFIG__ || {};
  window.__CONFIG_READY__ = false;

  let configResolve;
  let configReject;
  window.__CONFIG_PROMISE__ = new Promise((resolve, reject) => {
    configResolve = resolve;
    configReject = reject;
  });

  const VERSION_SUCCESS_URL_KEY = 'VERSION_Success_URL';
  const CONFIG_SUCCESS_URL_KEY = 'CONFIG_Success_URL';
  const VERSION_RETRY_ROUNDS = 5;
  const CONFIG_RETRY_ROUNDS = 5;

  const CONFIG_TIMEOUT = 12000;
  let configTimeoutId;
  let mainScriptLoaded = false;

  function getProtocol() {
    return window.location.protocol === 'https:' ? 'https:' : 'http:';
  }

  function getVersionUrls() {
    const protocol = getProtocol();

    return [
      'https://nerkh.gold/get_version',
      'https://tablo.talasevin.ir/get_version',
      'https://abshode-service.montgit.ir/server/get_version',
      protocol + '//212.23.201.173:8381/get_version',
      protocol + '//91.212.174.137:4040/server/get_version'
    ];
  }

  function getConfigUrls() {
    const protocol = getProtocol();

    return [
      protocol + '//nerkh.gold/get_user',
      protocol + '//tablo.talasevin.ir/get_user',
      protocol + '//abshode-service.montgit.ir/server/get_user',
      protocol + '//212.23.201.173:8381/get_user',
      protocol + '//91.212.174.137:4040/server/get_user'
    ];
  }

  function sortVersionUrls(urls) {
    const lastSuccessUrl = localStorage.getItem(VERSION_SUCCESS_URL_KEY);

    if (!lastSuccessUrl) {
      return urls.slice();
    }

    return [lastSuccessUrl].concat(urls.filter((url) => url !== lastSuccessUrl));
  }

  function sortConfigUrls(urls) {
    const lastSuccessUrl = localStorage.getItem(CONFIG_SUCCESS_URL_KEY);

    return [...urls].sort((a, b) => {
      if (a === lastSuccessUrl) return -1;
      if (b === lastSuccessUrl) return 1;
      return 0;
    });
  }

  function clearStaleSuccessUrl(key, url) {
    if (localStorage.getItem(key) === url) {
      localStorage.removeItem(key);
    }
  }

  async function fetchJson(url, timeout = 3500) {
    const controller = new AbortController();
    const timeoutId = window.setTimeout(() => controller.abort(), timeout);

    try {
      const response = await fetch(url, {
        method: 'GET',
        headers: {
          Accept: 'application/json'
        },
        cache: 'no-store',
        signal: controller.signal
      });

      if (!response.ok) {
        throw new Error('Request failed: ' + response.status);
      }

      const contentType = response.headers.get('content-type') || '';

      if (!contentType.includes('application/json')) {
        const text = await response.text();
        throw new Error('Response is not JSON. Received: ' + text.substring(0, 100));
      }

      return await response.json();
    } finally {
      window.clearTimeout(timeoutId);
    }
  }

  async function loadVersion(rounds = VERSION_RETRY_ROUNDS) {
    const urls = sortVersionUrls(getVersionUrls());

    for (let round = 1; round <= rounds; round++) {
      for (let index = 0; index < urls.length; index++) {
        const url = urls[index];
        const timeout = index === urls.length - 1 ? 6000 : 3500;

        try {
          await fetchJson(url, timeout);
          localStorage.setItem(VERSION_SUCCESS_URL_KEY, url);
          console.log('Version loaded from:', url);
          return;
        } catch (error) {
          clearStaleSuccessUrl(VERSION_SUCCESS_URL_KEY, url);
          console.warn('Version failed from', url, 'round:', round, error);
        }
      }
    }

    console.warn('Version check failed from all endpoints');
  }

  async function fetchConfig(rounds = CONFIG_RETRY_ROUNDS) {
    const urls = sortConfigUrls(getConfigUrls());

    for (let round = 1; round <= rounds; round++) {
      for (let index = 0; index < urls.length; index++) {
        const url = urls[index];
        const timeout = index === urls.length - 1 ? 7000 : 4000;

        try {
          const config = await fetchJson(url, timeout);

          if (!config || typeof config !== 'object') {
            throw new Error('Config response is invalid');
          }

          localStorage.setItem(CONFIG_SUCCESS_URL_KEY, url);
          return { config, url };
        } catch (error) {
          clearStaleSuccessUrl(CONFIG_SUCCESS_URL_KEY, url);
          console.warn('Config failed from', url, 'round:', round, error);
        }
      }
    }

    throw new Error('Cannot load config from any server');
  }

  function applyConfig(config) {
    window.__APP_CONFIG__ = config;
    window.__CONFIG_READY__ = true;

    if (config?.user?.name_fa) {
      document.title = 'پنل مدیریت ' + '-' + config.user.name_fa;
    }

    if (config?.user?.avatar) {
      const faviconUrl = config.user.avatar;
      const existingIcons = document.querySelectorAll('link[rel*="icon"]');
      existingIcons.forEach((icon) => icon.remove());

      const link = document.createElement('link');
      link.rel = 'icon';
      link.type = 'image/png';
      link.href = faviconUrl + '?v=' + Date.now();
      document.head.appendChild(link);
    }
  }

  function finishConfigLoad(config, error) {
    if (configResolve) {
      configResolve(config);
    }

    if (error) {
      window.dispatchEvent(new CustomEvent('configError', { detail: error }));
    } else {
      window.dispatchEvent(new CustomEvent('configReady', { detail: config }));
    }

    if (configTimeoutId) {
      clearTimeout(configTimeoutId);
      configTimeoutId = null;
    }

    loadMainScript();
  }

  async function loadConfig() {
    try {
      await loadVersion();

      const { config, url } = await fetchConfig();
      applyConfig(config);

      console.log('Config loaded successfully from', url, config);
      finishConfigLoad(config);
    } catch (error) {
      console.warn('Config loader: Could not fetch config from any endpoint');
      console.warn('Error details:', error.message);
      console.warn('App will continue with empty config.');

      window.__APP_CONFIG__ = {};
      window.__CONFIG_READY__ = true;
      finishConfigLoad({}, error);
    }
  }

  function loadMainScript() {
    if (mainScriptLoaded || document.querySelector('script[src="/src/main.ts"]')) {
      return;
    }

    mainScriptLoaded = true;

    import('/src/main.ts').then(() => {
      console.log('Main script loaded and executed');
    });
  }

  configTimeoutId = setTimeout(function() {
    if (!mainScriptLoaded) {
      console.warn('Config loader: Timeout reached. Loading main.ts with empty config.');
      window.__APP_CONFIG__ = window.__APP_CONFIG__ || {};
      window.__CONFIG_READY__ = true;

      if (configResolve) {
        configResolve({});
      }

      loadMainScript();
    }
  }, CONFIG_TIMEOUT);

  loadConfig();
})();