⚡ Improved the comments plug-in load function, close #12

static/js/third-party/statistics/firestore.js

@@ -0,0 +1,64 @@
+/* global CONFIG, firebase */
+
+firebase.initializeApp({
+  apiKey   : CONFIG.firestore.apiKey,
+  projectId: CONFIG.firestore.projectId
+});
+
+(function() {
+  const getCount = (doc, increaseCount) => {
+    // IncreaseCount will be false when not in article page
+    return doc.get().then(d => {
+      // Has no data, initialize count
+      let count = d.exists ? d.data().count : 0;
+      // If first view this article
+      if (increaseCount) {
+        // Increase count
+        count++;
+        doc.set({
+          count
+        });
+      }
+      return count;
+    });
+  };
+
+  const appendCountTo = el => {
+    return count => {
+      el.innerText = count;
+    };
+  };
+
+  const db = firebase.firestore();
+  const articles = db.collection(CONFIG.firestore.collection);
+
+  document.addEventListener('page:loaded', () => {
+
+    if (CONFIG.page.isPost) {
+      // Fix issue #118
+      // https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent
+      const title = document.querySelector('.post-title').textContent.trim();
+      const doc = articles.doc(title);
+      let increaseCount = CONFIG.hostname === location.hostname;
+      if (localStorage.getItem(title)) {
+        increaseCount = false;
+      } else {
+        // Mark as visited
+        localStorage.setItem(title, true);
+      }
+      getCount(doc, increaseCount).then(appendCountTo(document.querySelector('.firestore-visitors-count')));
+    } else if (CONFIG.page.isHome) {
+      const promises = [...document.querySelectorAll('.post-title')].map(element => {
+        const title = element.textContent.trim();
+        const doc = articles.doc(title);
+        return getCount(doc);
+      });
+      Promise.all(promises).then(counts => {
+        const metas = document.querySelectorAll('.firestore-visitors-count');
+        counts.forEach((val, idx) => {
+          appendCountTo(metas[idx])(val);
+        });
+      });
+    }
+  });
+})();

static/js/third-party/statistics/lean-analytics.js

@@ -0,0 +1,102 @@
+/* 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);
+    }
+  };
+
+  const api_server = app_id.slice(-9) === '-MdYXbMMI' ? `https://${app_id.slice(0, 8).toLowerCase()}.api.lncldglobal.com` : server_url;
+
+  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}`);
+        });
+    }
+  });
+})();