Use async/await

source/js/schedule.js

@@ -92,13 +92,14 @@
     return eventContent;
   }
 
-  function fetchData() {
+  async function fetchData() {
     const eventList = document.querySelector('.event-list');
     if (!eventList) return;
 
-    fetch(request_url.href).then(response => {
-      return response.json();
-    }).then(data => {
+    try {
+      const response = await fetch(request_url.href);
+      const data = await response.json();
+
       if (data.items.length === 0) {
         eventList.innerHTML = '<hr>';
         return;
@@ -127,7 +128,10 @@
         eventList.insertAdjacentHTML('beforeend', buildEventDOM(tense, event, start, end));
         prevEnd = end;
       });
-    });
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Error fetching calendar data:', error);
+    }
   }
 
   fetchData();

source/js/third-party/addtoany.js

@@ -1,8 +1,6 @@
 /* global NexT */
 
-document.addEventListener('page:loaded', () => {
-  NexT.utils.getScript('https://static.addtoany.com/menu/page.js', { condition: window.a2a })
-    .then(() => {
+document.addEventListener('page:loaded', async () => {
+  await NexT.utils.getScript('https://static.addtoany.com/menu/page.js', { condition: window.a2a });
   window.a2a.init();
-    });
 });

source/js/third-party/comments/changyan.js

@@ -1,6 +1,6 @@
 /* global NexT, CONFIG */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
   const { appid, appkey } = CONFIG.changyan;
   const mainJs = 'https://cy-cdn.kuaizhan.com/upload/changyan.js';
   const countJs = `https://cy-cdn.kuaizhan.com/upload/plugins/plugins.list.count.js?clientId=${appid}`;
@@ -17,23 +17,20 @@ document.addEventListener('page:loaded', () => {
 
   // When scroll to comment section
   if (CONFIG.page.comments && !CONFIG.page.isHome) {
-    NexT.utils.loadComments('#SOHUCS')
-      .then(() => {
-        return NexT.utils.getScript(mainJs, {
+    try {
+      await NexT.utils.loadComments('#SOHUCS');
+      await NexT.utils.getScript(mainJs, {
         attributes: {
           async: true
         }
       });
-      })
-      .then(() => {
       window.changyan.api.config({
         appid,
         conf: appkey
       });
-      })
-      .catch(error => {
+    } catch (error) {
       // eslint-disable-next-line no-console
       console.error('Failed to load Changyan', error);
-      });
+    }
   }
 });

source/js/third-party/comments/disqus.js

@@ -1,6 +1,6 @@
 /* global NexT, CONFIG, DISQUS */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
 
   if (CONFIG.disqus.count) {
     if (window.DISQUSWIDGETS) {
@@ -24,7 +24,7 @@ document.addEventListener('page:loaded', () => {
         this.language = CONFIG.disqus.i18n.disqus;
       }
     };
-    NexT.utils.loadComments('#disqus_thread').then(() => {
+    await NexT.utils.loadComments('#disqus_thread');
     if (window.DISQUS) {
       DISQUS.reset({
         reload: true,
@@ -35,7 +35,6 @@ document.addEventListener('page:loaded', () => {
         attributes: { dataset: { timestamp: '' + +new Date() } }
       });
     }
-    });
   }
 
 });

source/js/third-party/comments/disqusjs.js

@@ -1,11 +1,10 @@
 /* global NexT, CONFIG, DisqusJS */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
   if (!CONFIG.page.comments) return;
 
-  NexT.utils.loadComments('#disqus_thread')
-    .then(() => NexT.utils.getScript(CONFIG.disqusjs.js, { condition: window.DisqusJS }))
-    .then(() => {
+  await NexT.utils.loadComments('#disqus_thread');
+  await NexT.utils.getScript(CONFIG.disqusjs.js, { condition: window.DisqusJS });
   window.dsqjs = new DisqusJS({
     api       : CONFIG.disqusjs.api || 'https://disqus.com/api/',
     apikey    : CONFIG.disqusjs.apikey,
@@ -15,7 +14,6 @@ document.addEventListener('page:loaded', () => {
     title     : CONFIG.page.title
   });
   window.dsqjs.render(document.querySelector('.disqusjs-container'));
-    });
 });
 
 document.addEventListener('pjax:send', () => {

source/js/third-party/comments/gitalk.js

@@ -1,13 +1,12 @@
 /* global NexT, CONFIG, Gitalk */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
   if (!CONFIG.page.comments) return;
 
-  NexT.utils.loadComments('.gitalk-container')
-    .then(() => NexT.utils.getScript(CONFIG.gitalk.js, {
+  await NexT.utils.loadComments('.gitalk-container');
+  await NexT.utils.getScript(CONFIG.gitalk.js, {
     condition: window.Gitalk
-    }))
-    .then(() => {
+  });
   const gitalk = new Gitalk({
     clientID           : CONFIG.gitalk.client_id,
     clientSecret       : CONFIG.gitalk.client_secret,
@@ -20,5 +19,4 @@ document.addEventListener('page:loaded', () => {
     distractionFreeMode: CONFIG.gitalk.distraction_free_mode
   });
   gitalk.render(document.querySelector('.gitalk-container'));
-    });
 });

source/js/third-party/comments/isso.js

@@ -1,15 +1,15 @@
 /* global NexT, CONFIG */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
   if (!CONFIG.page.comments) return;
 
-  NexT.utils.loadComments('#isso-thread')
-    .then(() => NexT.utils.getScript(`${CONFIG.isso}js/embed.min.js`, {
+  await NexT.utils.loadComments('#isso-thread');
+  await NexT.utils.getScript(`${CONFIG.isso}js/embed.min.js`, {
     attributes: {
       dataset: {
         isso: `${CONFIG.isso}`
       }
     },
     parentNode: document.querySelector('#isso-thread')
-    }));
+  });
 });

source/js/third-party/comments/livere.js

@@ -1,9 +1,9 @@
 /* global NexT, CONFIG, LivereTower */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
   if (!CONFIG.page.comments) return;
 
-  NexT.utils.loadComments('#lv-container').then(() => {
+  await NexT.utils.loadComments('#lv-container');
   window.livereOptions = {
     refer: CONFIG.page.path.replace(/index\.html$/, '')
   };
@@ -15,5 +15,4 @@ document.addEventListener('page:loaded', () => {
       async: true
     }
   });
-  });
 });

source/js/third-party/comments/utterances.js

@@ -1,10 +1,10 @@
 /* global NexT, CONFIG */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
   if (!CONFIG.page.comments) return;
 
-  NexT.utils.loadComments('.utterances-container')
-    .then(() => NexT.utils.getScript('https://utteranc.es/client.js', {
+  await NexT.utils.loadComments('.utterances-container');
+  await NexT.utils.getScript('https://utteranc.es/client.js', {
     attributes: {
       async       : true,
       crossOrigin : 'anonymous',
@@ -13,5 +13,5 @@ document.addEventListener('page:loaded', () => {
       'theme'     : CONFIG.utterances.theme
     },
     parentNode: document.querySelector('.utterances-container')
-    }));
+  });
 });

source/js/third-party/search/algolia-search.js

@@ -22,7 +22,7 @@ document.addEventListener('DOMContentLoaded', () => {
   let isSearching = false;
   let pendingQuery = null;
 
-  const searchAlgolia = async(searchText, page = 0) => {
+  const searchAlgolia = async (searchText, page = 0) => {
     if (isSearching) {
       pendingQuery = { searchText, page };
       return;
@@ -84,7 +84,7 @@ document.addEventListener('DOMContentLoaded', () => {
     }
   };
 
-  const inputEventFunction = async() => {
+  const inputEventFunction = async () => {
     const searchText = input.value.trim();
     if (searchText === '') {
       container.innerHTML = '<div class="search-result-icon"><i class="fab fa-algolia fa-5x"></i></div>';

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

@@ -6,9 +6,9 @@ firebase.initializeApp({
 });
 
 (function() {
-  const getCount = (doc, increaseCount) => {
+  const getCount = async (doc, increaseCount) => {
     // IncreaseCount will be false when not in article page
-    return doc.get().then(d => {
+    const d = await doc.get();
     // Has no data, initialize count
     let count = d.exists ? d.data().count : 0;
     // If first view this article
@@ -20,13 +20,12 @@ firebase.initializeApp({
       });
     }
     return count;
-    });
   };
 
   const db = firebase.firestore();
   const articles = db.collection(CONFIG.firestore.collection);
 
-  document.addEventListener('page:loaded', () => {
+  document.addEventListener('page:loaded', async () => {
 
     if (CONFIG.page.isPost) {
       // Fix issue #118
@@ -40,21 +39,19 @@ firebase.initializeApp({
         // Mark as visited
         localStorage.setItem(title, true);
       }
-      getCount(doc, increaseCount).then(count => {
+      const count = await getCount(doc, increaseCount);
       document.querySelector('.firestore-visitors-count').innerText = 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 counts = await Promise.all(promises);
       const metas = document.querySelectorAll('.firestore-visitors-count');
       counts.forEach((val, idx) => {
         metas[idx].innerText = val;
       });
-      });
     }
   });
 })();

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

@@ -7,62 +7,60 @@
     return document.getElementById(url).querySelector('.leancloud-visitors-count');
   };
 
-  const addCount = Counter => {
+  const addCount = async 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 }) => {
+    try {
+      const response = await Counter('get', `/classes/Counter?where=${encodeURIComponent(JSON.stringify({ url }))}`);
+      const { results } = await response.json();
       if (results.length > 0) {
         const counter = results[0];
         leancloudSelector(url).innerText = counter.time + 1;
-          Counter('put', '/classes/Counter/' + counter.objectId, {
+        try {
+          await Counter('put', '/classes/Counter/' + counter.objectId, {
             time: {
               '__op'  : 'Increment',
               'amount': 1
             }
-          })
-            .catch(error => {
-              console.error('Failed to save visitor count', error);
           });
+        } 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(() => {
+        try {
+          const response = await Counter('post', '/classes/Counter', { title, url, time: 1 });
+          await response.json();
           leancloudSelector(url).innerText = 1;
-            })
-            .catch(error => {
+        } catch (error) {
           console.error('Failed to create', error);
-            });
         }
-      })
-      .catch(error => {
+      }
+    } catch (error) {
       console.error('LeanCloud Counter Error', error);
-      });
+    }
   };
 
-  const showTime = Counter => {
+  const showTime = async 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 }) => {
+    try {
+      const response = await Counter('get', `/classes/Counter?where=${encodeURIComponent(JSON.stringify({ url: { '$in': entries } }))}`);
+      const { results } = await response.json();
       for (const url of entries) {
         const target = results.find(item => item.url === url);
         leancloudSelector(url).innerText = target ? target.time : 0;
       }
-      })
-      .catch(error => {
+    } catch (error) {
       console.error('LeanCloud Counter Error', error);
-      });
+    }
   };
 
   const { app_id, app_key, server_url } = CONFIG.leancloud_visitors;
@@ -93,15 +91,17 @@
     api_server = `https://${app_id.slice(0, 8).toLowerCase()}.api.lncldglobal.com`;
   }
 
-  document.addEventListener('page:loaded', () => {
+  document.addEventListener('page:loaded', async () => {
     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 }) => {
+      try {
+        const response = await fetch(`https://app-router.leancloud.cn/2/route?appId=${app_id}`);
+        const { api_server } = await response.json();
         fetchData(`https://${api_server}`);
-        });
+      } catch (error) {
+        console.error('Failed to fetch API server', error);
+      }
     }
   });
 })();

source/js/third-party/tags/mermaid.js

@@ -1,11 +1,11 @@
 /* global NexT, CONFIG, mermaid */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
   const mermaidElements = document.querySelectorAll('pre > .mermaid');
   if (mermaidElements.length) {
-    NexT.utils.getScript(CONFIG.mermaid.js, {
+    await NexT.utils.getScript(CONFIG.mermaid.js, {
       condition: window.mermaid
-    }).then(() => {
+    });
     mermaidElements.forEach(element => {
       const box = document.createElement('div');
       box.className = 'code-container';
@@ -27,6 +27,5 @@ document.addEventListener('page:loaded', () => {
       sequence : { actorMargin: 50 }
     });
     mermaid.run();
-    });
   }
 });

source/js/third-party/tags/pdf.js

@@ -1,10 +1,10 @@
 /* global NexT, CONFIG, PDFObject */
 
-document.addEventListener('page:loaded', () => {
+document.addEventListener('page:loaded', async () => {
   if (document.querySelectorAll('.pdf-container').length) {
-    NexT.utils.getScript(CONFIG.pdf.object_url, {
+    await NexT.utils.getScript(CONFIG.pdf.object_url, {
       condition: window.PDFObject
-    }).then(() => {
+    });
     document.querySelectorAll('.pdf-container').forEach(element => {
       PDFObject.embed(element.dataset.target, element, {
         pdfOpenParams: {
@@ -18,6 +18,5 @@ document.addEventListener('page:loaded', () => {
         height   : element.dataset.height
       });
     });
-    });
   }
 });

source/js/third-party/tags/wavedrom.js

@@ -1,13 +1,11 @@
 /* global NexT, CONFIG, WaveDrom */
 
-document.addEventListener('page:loaded', () => {
-  NexT.utils.getScript(CONFIG.wavedrom.js, {
+document.addEventListener('page:loaded', async () => {
+  await NexT.utils.getScript(CONFIG.wavedrom.js, {
     condition: window.WaveDrom
-  }).then(() => {
-    NexT.utils.getScript(CONFIG.wavedrom_skin.js, {
+  });
+  await NexT.utils.getScript(CONFIG.wavedrom_skin.js, {
     condition: window.WaveSkin
-    }).then(() => {
+  });
   WaveDrom.ProcessAll();
-    });
-  });
 });

source/js/utils.js

@@ -39,18 +39,19 @@ NexT.utils = {
     // One-click copy code support.
     target.insertAdjacentHTML('beforeend', '<div class="copy-btn"><i class="fa fa-copy fa-fw"></i></div>');
     const button = target.querySelector('.copy-btn');
-    button.addEventListener('click', () => {
+    button.addEventListener('click', async () => {
       if (!code) {
         const lines = element.querySelector('.code') || element.querySelector('code');
         code = lines.innerText;
       }
       if (navigator.clipboard) {
         // https://caniuse.com/mdn-api_clipboard_writetext
-        navigator.clipboard.writeText(code).then(() => {
+        try {
+          await navigator.clipboard.writeText(code);
           button.querySelector('i').className = 'fa fa-check-circle fa-fw';
-        }, () => {
+        } catch {
           button.querySelector('i').className = 'fa fa-times-circle fa-fw';
-        });
+        }
       } else {
         button.querySelector('i').className = 'fa fa-times-circle fa-fw';
       }