fix(v1): convert scripts to ES5 syntax for IE 10 (#2063)

facebook · Nov 28, 2019 · 34e942e · 34e942e
1 parent 25207df
commit 34e942e
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 20 deletions.
diff --git a/packages/docusaurus-1.x/lib/static/js/codetabs.js b/packages/docusaurus-1.x/lib/static/js/codetabs.js
@@ -4,27 +4,27 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 // Turn off ESLint for this file because it's sent down to users as-is.
+
 /* eslint-disable */
 window.addEventListener('load', function() {
   // add event listener for all tab
   document.querySelectorAll('.nav-link').forEach(function(el) {
     el.addEventListener('click', function(e) {
-      const groupId = e.target.getAttribute('data-group');
+      var groupId = e.target.getAttribute('data-group');
       document
-        .querySelectorAll(`.nav-link[data-group=${groupId}]`)
+        .querySelectorAll('.nav-link[data-group='.concat(groupId, ']'))
         .forEach(function(el) {
           el.classList.remove('active');
         });
       document
-        .querySelectorAll(`.tab-pane[data-group=${groupId}]`)
+        .querySelectorAll('.tab-pane[data-group='.concat(groupId, ']'))
         .forEach(function(el) {
           el.classList.remove('active');
         });
       e.target.classList.add('active');
       document
-        .querySelector(`#${e.target.getAttribute('data-tab')}`)
+        .querySelector('#'.concat(e.target.getAttribute('data-tab')))
         .classList.add('active');
     });
   });

diff --git a/packages/docusaurus-1.x/lib/static/js/scrollSpy.js b/packages/docusaurus-1.x/lib/static/js/scrollSpy.js
@@ -5,57 +5,64 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/* eslint-disable prefer-arrow-callback */
+/* eslint-disable */
 (function scrollSpy() {
-  const OFFSET = 10;
-  let timer;
-  let headingsCache;
-  const findHeadings = function findHeadings() {
+  var OFFSET = 10;
+  var timer;
+  var headingsCache;
+
+  var findHeadings = function findHeadings() {
     return headingsCache || document.querySelectorAll('.toc-headings > li > a');
   };
-  const onScroll = function onScroll() {
+
+  var onScroll = function onScroll() {
     if (timer) {
       // throttle
       return;
     }
+
     timer = setTimeout(function() {
       timer = null;
-      let activeNavFound = false;
-      const headings = findHeadings(); // toc nav anchors
+      var activeNavFound = false;
+      var headings = findHeadings(); // toc nav anchors
+
       /**
        * On every call, try to find header right after  <-- next header
        * the one whose content is on the current screen <-- highlight this
        */
-      for (let i = 0; i < headings.length; i++) {
+
+      for (var i = 0; i < headings.length; i++) {
         // headings[i] is current element
         // if an element is already active, then current element is not active
         // if no element is already active, then current element is active
-        let currNavActive = !activeNavFound;
+        var currNavActive = !activeNavFound;
         /**
          * Enter the following check up only when an active nav header is not yet found
          * Then, check the bounding rectangle of the next header
          * The headers that are scrolled passed will have negative bounding rect top
          * So the first one with positive bounding rect top will be the nearest next header
          */
+
         if (currNavActive && i < headings.length - 1) {
-          const heading = headings[i + 1];
-          const next = decodeURIComponent(heading.href.split('#')[1]);
-          const nextHeader = document.getElementById(next);
+          var heading = headings[i + 1];
+          var next = decodeURIComponent(heading.href.split('#')[1]);
+          var nextHeader = document.getElementById(next);
 
           if (nextHeader) {
-            const top = nextHeader.getBoundingClientRect().top;
+            var top = nextHeader.getBoundingClientRect().top;
             currNavActive = top > OFFSET;
           } else {
             console.error('Can not find header element', {
               id: next,
-              heading,
+              heading: heading,
             });
           }
         }
         /**
          * Stop searching once a first such header is found,
          * this makes sure the highlighted header is the most current one
          */
+
         if (currNavActive) {
           activeNavFound = true;
           headings[i].classList.add('active');