/* global CONFIG */
/* eslint-disable no-console */

(function() {
  const leancloudSelector = url => {
    url = encodeURI(url);
    return document.getElementById(url).querySelector('.leancloud-visitors-count');
  };

  const addCount = Counter => {
    const visitors = document.querySelector('.leancloud_visitors');
    const url = decodeURI(visitors.id);
    const title = visitors.dataset.flagTitle;

    Counter('get', `/classes/Counter?where=${encodeURIComponent(JSON.stringify({ url }))}`)
      .then(response => response.json())
      .then(({ results }) => {
        if (results.length > 0) {
          const counter = results[0];
          leancloudSelector(url).innerText = counter.time + 1;
          Counter('put', '/classes/Counter/' + counter.objectId, {
            time: {
              '__op'  : 'Increment',
              'amount': 1
            }
          })
            .catch(error => {
              console.error('Failed to save visitor count', error);
            });
        } else if (CONFIG.leancloud_visitors.security) {
          leancloudSelector(url).innerText = 'Counter not initialized! More info at console err msg.';
          console.error('ATTENTION! LeanCloud counter has security bug, see how to solve it here: https://github.com/theme-next/hexo-leancloud-counter-security. \n However, you can still use LeanCloud without security, by setting `security` option to `false`.');
        } else {
          Counter('post', '/classes/Counter', { title, url, time: 1 })
            .then(response => response.json())
            .then(() => {
              leancloudSelector(url).innerText = 1;
            })
            .catch(error => {
              console.error('Failed to create', error);
            });
        }
      })
      .catch(error => {
        console.error('LeanCloud Counter Error', error);
      });
  };

  const showTime = Counter => {
    const visitors = document.querySelectorAll('.leancloud_visitors');
    const entries = [...visitors].map(element => {
      return decodeURI(element.id);
    });

    Counter('get', `/classes/Counter?where=${encodeURIComponent(JSON.stringify({ url: { '$in': entries } }))}`)
      .then(response => response.json())
      .then(({ results }) => {
        for (const url of entries) {
          const target = results.find(item => item.url === url);
          leancloudSelector(url).innerText = target ? target.time : 0;
        }
      })
      .catch(error => {
        console.error('LeanCloud Counter Error', error);
      });
  };

  const { app_id, app_key, server_url } = CONFIG.leancloud_visitors;
  const fetchData = api_server => {
    const Counter = (method, url, data) => {
      return fetch(`${api_server}/1.1${url}`, {
        method,
        headers: {
          'X-LC-Id'     : app_id,
          'X-LC-Key'    : app_key,
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(data)
      });
    };
    if (CONFIG.page.isPost) {
      if (CONFIG.hostname !== location.hostname) return;
      addCount(Counter);
    } else if (document.querySelectorAll('.post-title-link').length >= 1) {
      showTime(Counter);
    }
  };

  let api_server;
  if (server_url) {
    api_server = server_url;
  } else if (app_id.slice(-9) === '-MdYXbMMI') {
    api_server = `https://${app_id.slice(0, 8).toLowerCase()}.api.lncldglobal.com`;
  }

  document.addEventListener('page:loaded', () => {
    if (api_server) {
      fetchData(api_server);
    } else {
      fetch(`https://app-router.leancloud.cn/2/route?appId=${app_id}`)
        .then(response => response.json())
        .then(({ api_server }) => {
          fetchData(`https://${api_server}`);
        });
    }
  });
})();