style(*): google js style & trim whitespace

2 files changed, 180 insertions, 175 deletions

diff --git a/src/js/even.js b/src/js/even.js
index 1711fa7..e8f8b33 100644
--- a/src/js/even.js
+++ b/src/js/even.js
@@ -1,264 +1,269 @@
-'use strict'
+'use strict';
 
-const Even = {}
+const Even = {};
 
-Even.backToTop = function () {
-  const $backToTop = $('#back-to-top')
+Even.backToTop = function() {
+  const $backToTop = $('#back-to-top');
 
-  $(window).scroll(function () {
+  $(window).scroll(function() {
     if ($(window).scrollTop() > 100) {
-      $backToTop.fadeIn(1000)
+      $backToTop.fadeIn(1000);
     } else {
-      $backToTop.fadeOut(1000)
+      $backToTop.fadeOut(1000);
     }
-  })
+  });
 
-  $backToTop.click(function () {
-    $('body,html').animate({ scrollTop: 0 })
-  })
-}
+  $backToTop.click(function() {
+    $('body,html').animate({scrollTop: 0});
+  });
+};
 
-Even.mobileNavbar = function () {
-  const $mobileNav = $('#mobile-navbar')
-  const $mobileNavIcon = $('.mobile-navbar-icon')
+Even.mobileNavbar = function() {
+  const $mobileNav = $('#mobile-navbar');
+  const $mobileNavIcon = $('.mobile-navbar-icon');
   const slideout = new Slideout({
     'panel': document.getElementById('mobile-panel'),
     'menu': document.getElementById('mobile-menu'),
     'padding': 180,
-    'tolerance': 70
-  })
-  slideout.disableTouch()
-
-  $mobileNavIcon.click(function () {
-    slideout.toggle()
-  })
-
-  slideout.on('beforeopen', function () {
-    $mobileNav.addClass('fixed-open')
-    $mobileNavIcon.addClass('icon-click').removeClass('icon-out')
-  })
-
-  slideout.on('beforeclose', function () {
-    $mobileNav.removeClass('fixed-open')
-    $mobileNavIcon.addClass('icon-out').removeClass('icon-click')
-  })
-
-  $('#mobile-panel').on('touchend', function () {
-    slideout.isOpen() && $mobileNavIcon.click()
-  })
-}
-
-Even._initToc = function () {
-  const SPACING = 20
-  const $toc = $('.post-toc')
-  const $footer = $('.post-footer')
+    'tolerance': 70,
+  });
+  slideout.disableTouch();
+
+  $mobileNavIcon.click(function() {
+    slideout.toggle();
+  });
+
+  slideout.on('beforeopen', function() {
+    $mobileNav.addClass('fixed-open');
+    $mobileNavIcon.addClass('icon-click').removeClass('icon-out');
+  });
+
+  slideout.on('beforeclose', function() {
+    $mobileNav.removeClass('fixed-open');
+    $mobileNavIcon.addClass('icon-out').removeClass('icon-click');
+  });
+
+  $('#mobile-panel').on('touchend', function() {
+    slideout.isOpen() && $mobileNavIcon.click();
+  });
+};
+
+Even._initToc = function() {
+  const SPACING = 20;
+  const $toc = $('.post-toc');
+  const $footer = $('.post-footer');
 
   if ($toc.length) {
-    const minScrollTop = $toc.offset().top - SPACING
-    const maxScrollTop = $footer.offset().top - $toc.height() - SPACING
+    const minScrollTop = $toc.offset().top - SPACING;
+    const maxScrollTop = $footer.offset().top - $toc.height() - SPACING;
 
     const tocState = {
       start: {
         'position': 'absolute',
-        'top': minScrollTop
+        'top': minScrollTop,
       },
       process: {
         'position': 'fixed',
-        'top': SPACING
+        'top': SPACING,
       },
       end: {
         'position': 'absolute',
-        'top': maxScrollTop
-      }
-    }
+        'top': maxScrollTop,
+      },
+    };
 
-    $(window).scroll(function () {
-      const scrollTop = $(window).scrollTop()
+    $(window).scroll(function() {
+      const scrollTop = $(window).scrollTop();
 
       if (scrollTop < minScrollTop) {
-        $toc.css(tocState.start)
+        $toc.css(tocState.start);
       } else if (scrollTop > maxScrollTop) {
-        $toc.css(tocState.end)
+        $toc.css(tocState.end);
       } else {
-        $toc.css(tocState.process)
+        $toc.css(tocState.process);
       }
-    })
+    });
   }
 
-  const HEADERFIX = 30
-  const $toclink = $('.toc-link')
-  const $headerlink = $('.headerlink')
-  const $tocLinkLis = $('.post-toc-content li')
+  const HEADERFIX = 30;
+  const $toclink = $('.toc-link');
+  const $headerlink = $('.headerlink');
+  const $tocLinkLis = $('.post-toc-content li');
 
-  const headerlinkTop = $.map($headerlink, function (link) {
-    return $(link).offset().top
-  })
+  const headerlinkTop = $.map($headerlink, function(link) {
+    return $(link).offset().top;
+  });
 
-  const headerLinksOffsetForSearch = $.map(headerlinkTop, function (offset) {
-    return offset - HEADERFIX
-  })
+  const headerLinksOffsetForSearch = $.map(headerlinkTop, function(offset) {
+    return offset - HEADERFIX;
+  });
 
-  const searchActiveTocIndex = function (array, target) {
+  const searchActiveTocIndex = function(array, target) {
     for (let i = 0; i < array.length - 1; i++) {
-      if (target > array[i] && target <= array[i + 1]) return i
+      if (target > array[i] && target <= array[i + 1]) return i;
     }
-    if (target > array[array.length - 1]) return array.length - 1
-    return -1
-  }
+    if (target > array[array.length - 1]) return array.length - 1;
+    return -1;
+  };
 
-  $(window).scroll(function () {
-    const scrollTop = $(window).scrollTop()
-    const activeTocIndex = searchActiveTocIndex(headerLinksOffsetForSearch, scrollTop)
+  $(window).scroll(function() {
+    const scrollTop = $(window).scrollTop();
+    const activeTocIndex = searchActiveTocIndex(headerLinksOffsetForSearch, scrollTop);
 
-    $($toclink).removeClass('active')
-    $($tocLinkLis).removeClass('has-active')
+    $($toclink).removeClass('active');
+    $($tocLinkLis).removeClass('has-active');
 
     if (activeTocIndex !== -1) {
-      $($toclink[activeTocIndex]).addClass('active')
-      let ancestor = $toclink[activeTocIndex].parentNode
+      $($toclink[activeTocIndex]).addClass('active');
+      let ancestor = $toclink[activeTocIndex].parentNode;
       while (ancestor.tagName !== 'NAV') {
-        $(ancestor).addClass('has-active')
-        ancestor = ancestor.parentNode.parentNode
+        $(ancestor).addClass('has-active');
+        ancestor = ancestor.parentNode.parentNode;
       }
     }
-  })
-}
+  });
+};
 
-Even.fancybox = function () {
+Even.fancybox = function() {
   if ($.fancybox) {
-    $('.post-content').each(function () {
-      $(this).find('img').each(function () {
-        $(this).wrap(`<a class="fancybox" href="${this.src}" data-fancybox="gallery" data-caption="${this.title}"></a>`)
-      })
-    })
+    $('.post-content').each(function() {
+      $(this).find('img').each(function() {
+        $(this).wrap(`<a class="fancybox" href="${this.src}" data-fancybox="gallery" data-caption="${this.title}"></a>`);
+      });
+    });
 
     $('.fancybox').fancybox({
       selector: '.fancybox',
-      protect: true
-    })
+      protect: true,
+    });
   }
-}
+};
 
-Even.highlight = function () {
-  const blocks = document.querySelectorAll('pre code')
+Even.highlight = function() {
+  const blocks = document.querySelectorAll('pre code');
   for (let i = 0; i < blocks.length; i++) {
-    const block = blocks[i]
-    const rootElement = block.parentElement
-    const lineCodes = block.innerHTML.split(/\n/)
-    if (lineCodes[lineCodes.length - 1] === '') lineCodes.pop()
-    const lineLength = lineCodes.length
+    const block = blocks[i];
+    const rootElement = block.parentElement;
+    const lineCodes = block.innerHTML.split(/\n/);
+    if (lineCodes[lineCodes.length - 1] === '') lineCodes.pop();
+    const lineLength = lineCodes.length;
 
-    let codeLineHtml = ''
+    let codeLineHtml = '';
     for (let i = 0; i < lineLength; i++) {
-      codeLineHtml += `<div class="line">${i + 1}</div>`
+      codeLineHtml += `<div class="line">${i + 1}</div>`;
     }
 
-    let codeHtml = ''
+    let codeHtml = '';
     for (let i = 0; i < lineLength; i++) {
-      codeHtml += `<div class="line">${lineCodes[i]}</div>`
+      codeHtml += `<div class="line">${lineCodes[i]}</div>`;
     }
 
-    block.className += ' highlight'
-    const figure = document.createElement('figure')
-    figure.className = block.className
-    figure.innerHTML = `<table><tbody><tr><td class="gutter"><pre>${codeLineHtml}</pre></td><td class="code"><pre>${codeHtml}</pre></td></tr></tbody></table>`
+    block.className += ' highlight';
+    const figure = document.createElement('figure');
+    figure.className = block.className;
+    figure.innerHTML = `<table><tbody><tr><td class="gutter"><pre>${codeLineHtml}</pre></td><td class="code"><pre>${codeHtml}</pre></td></tr></tbody></table>`;
 
-    rootElement.parentElement.replaceChild(figure, rootElement)
+    rootElement.parentElement.replaceChild(figure, rootElement);
   }
-}
+};
 
 Even.chroma = function() {
-  const blocks = document.querySelectorAll('.highlight > .chroma')
+  const blocks = document.querySelectorAll('.highlight > .chroma');
   for (let i = 0; i < blocks.length; i++) {
-    const block = blocks[i]
-    const afterHighLight =  block.querySelector('pre.chroma > code')
-    const lang = afterHighLight ? afterHighLight.className : ''
-    block.className += ' ' + lang
+    const block = blocks[i];
+    const afterHighLight = block.querySelector('pre.chroma > code');
+    const lang = afterHighLight ? afterHighLight.className : '';
+    block.className += ' ' + lang;
   }
-}
+};
 
-Even.toc = function () {
-  const tocContainer = document.getElementById('post-toc')
+Even.toc = function() {
+  const tocContainer = document.getElementById('post-toc');
   if (tocContainer !== null) {
-    const toc = document.getElementById('TableOfContents')
+    const toc = document.getElementById('TableOfContents');
     if (toc === null) {
       // toc = true, but there are no headings
-      tocContainer.parentNode.removeChild(tocContainer)
+      tocContainer.parentNode.removeChild(tocContainer);
     } else {
-      this._refactorToc(toc)
-      this._linkToc()
-      this._initToc()
+      this._refactorToc(toc);
+      this._linkToc();
+      this._initToc();
     }
   }
-}
+};
 
-Even._refactorToc = function (toc) {
+Even._refactorToc = function(toc) {
   // when headings do not start with `h1`
-  const oldTocList = toc.children[0]
-  let newTocList = oldTocList
-  let temp
-  while (newTocList.children.length === 1 && (temp = newTocList.children[0].children[0]).tagName === 'UL') newTocList = temp
+  const oldTocList = toc.children[0];
+  let newTocList = oldTocList;
+  let temp;
+  while (newTocList.children.length === 1
+      && (temp = newTocList.children[0].children[0]).tagName === 'UL') {
+    newTocList = temp;
+  }
 
-  if (newTocList !== oldTocList) toc.replaceChild(newTocList, oldTocList)
-}
+  if (newTocList !== oldTocList) toc.replaceChild(newTocList, oldTocList);
+};
 
-Even._linkToc = function () {
-  const links = document.querySelectorAll('#TableOfContents a:first-child')
-  for (let i = 0; i < links.length; i++) links[i].className += ' toc-link'
+Even._linkToc = function() {
+  const links = document.querySelectorAll('#TableOfContents a:first-child');
+  for (let i = 0; i < links.length; i++) links[i].className += ' toc-link';
 
   for (let num = 1; num <= 6; num++) {
-    const headers = document.querySelectorAll('.post-content>h' + num)
+    const headers = document.querySelectorAll('.post-content>h' + num);
     for (let i = 0; i < headers.length; i++) {
-      const header = headers[i]
-      header.innerHTML = `<a href="#${header.id}" class="headerlink"></a>${header.innerHTML}`
+      const header = headers[i];
+      header.innerHTML = `<a href="#${header.id}" class="headerlink"></a>${header.innerHTML}`;
     }
   }
-}
+};
 
-Even.flowchart = function () {
-  if (!window.flowchart) return
+Even.flowchart = function() {
+  if (!window.flowchart) return;
 
-  const blocks = document.querySelectorAll('pre code.language-flowchart')
+  const blocks = document.querySelectorAll('pre code.language-flowchart');
   for (let i = 0; i < blocks.length; i++) {
-    if (!window.hljs && i % 2 === 0) continue
+    if (!window.hljs && i % 2 === 0) continue;
 
-    const block = blocks[i]
+    const block = blocks[i];
     const rootElement = window.hljs
         ? block.parentElement
-        : block.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement
+        : block.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;
 
-    const container = document.createElement('div')
-    const id = `js-flowchart-diagrams-${i}`
-    container.id = id
-    container.className = 'align-center'
-    rootElement.parentElement.replaceChild(container, rootElement)
+    const container = document.createElement('div');
+    const id = `js-flowchart-diagrams-${i}`;
+    container.id = id;
+    container.className = 'align-center';
+    rootElement.parentElement.replaceChild(container, rootElement);
 
-    const diagram = flowchart.parse(block.childNodes[0].nodeValue)
-    diagram.drawSVG(id, window.flowchartDiagramsOptions ? window.flowchartDiagramsOptions : {})
+    const diagram = flowchart.parse(block.childNodes[0].nodeValue);
+    diagram.drawSVG(id, window.flowchartDiagramsOptions ? window.flowchartDiagramsOptions : {});
   }
-}
+};
 
-Even.sequence = function () {
-  if (!window.Diagram) return
+Even.sequence = function() {
+  if (!window.Diagram) return;
 
-  const blocks = document.querySelectorAll('pre code.language-sequence')
+  const blocks = document.querySelectorAll('pre code.language-sequence');
   for (let i = 0; i < blocks.length; i++) {
-    if (!window.hljs && i % 2 === 0) continue
+    if (!window.hljs && i % 2 === 0) continue;
 
-    const block = blocks[i]
+    const block = blocks[i];
     const rootElement = window.hljs
         ? block.parentElement
-        : block.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement
-
-    const container = document.createElement('div')
-    const id = `js-sequence-diagrams-${i}`
-    container.id = id
-    container.className = 'align-center'
-    rootElement.parentElement.replaceChild(container, rootElement)
-
-    const diagram = Diagram.parse(block.childNodes[0].nodeValue)
-    diagram.drawSVG(id, window.sequenceDiagramsOptions ? window.sequenceDiagramsOptions : {theme: 'simple'})
+        : block.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;
+
+    const container = document.createElement('div');
+    const id = `js-sequence-diagrams-${i}`;
+    container.id = id;
+    container.className = 'align-center';
+    rootElement.parentElement.replaceChild(container, rootElement);
+
+    const diagram = Diagram.parse(block.childNodes[0].nodeValue);
+    diagram.drawSVG(id, window.sequenceDiagramsOptions
+        ? window.sequenceDiagramsOptions
+        : {theme: 'simple'});
   }
-}
+};
 
 export {Even}
diff --git a/src/js/main.js b/src/js/main.js
index 64c44ca..1dd8566 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -3,19 +3,19 @@ import {Even} from './even.js'
 import '../css/style.scss'
 
 $(document).ready(function () {
-  Even.backToTop()
-  Even.mobileNavbar()
-  Even.toc()
-  Even.fancybox()
-})
+  Even.backToTop();
+  Even.mobileNavbar();
+  Even.toc();
+  Even.fancybox();
+});
 
-Even.flowchart()
-Even.sequence()
+Even.flowchart();
+Even.sequence();
 
 if (window.hljs) {
-  hljs.initHighlighting()
-  Even.highlight()
+  hljs.initHighlighting();
+  Even.highlight();
 } else {
-  Even.chroma()
+  Even.chroma();
 }