tc39 · DerekNonGeneric · Oct 22, 2020 · Oct 22, 2020 · Oct 22, 2020 · Oct 22, 2020
diff --git a/.browserlistrc b/.browserlistrc
@@ -0,0 +1 @@
+defaults
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1 @@
+_site
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,42 @@
+{
+  "env": {
+    "es2021": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:prettier/recommended"
+  ],
+  "parser": "@babel/eslint-parser",
+  "parserOptions": {
+    "babelOptions": {
+      "configFile": "./babel.config.json"
+    },
+    "ecmaFeatures": {
+      "globalReturn": false
+    },
+    "sourceType": "module"
+  },
+  "plugins": ["prettier"],
+  "reportUnusedDisableDirectives": true,
+  "root": true,
+  "rules": {
+    "prettier/prettier": "error"
+  },
+  "overrides": [
+    {
+      "env": {
+        "browser": true
+      },
+      "extends": ["plugin:compat/recommended"],
+      "files": ["./assets/js/main.js"],
+      "parserOptions": {
+        "sourceType": "script"
+      },
+      "plugins": ["compat"],
+      "rules": {
+        "compat/compat": "error"
+      }
+    }
+  ]
+}
diff --git a/.prettierrc b/.prettierrc
@@ -1 +1,12 @@
-{}
+{
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "endOfLine": "lf",
+  "printWidth": 80,
+  "quoteProps": "as-needed",
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "useTabs": false
+}
diff --git a/_config.yml b/_config.yml
@@ -2,6 +2,7 @@ plugins:
     - jemoji
     - jekyll-octicons
 exclude:
+    - 'babel.config.js'
     - 'README.md'
     - 'screenshot.png'
     - 'Dockerfile'

diff --git a/_tasks/.babelrc.json b/_tasks/.babelrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": "../babel.config.json"
+}
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -1,86 +1,86 @@
-"use strict";
+'use strict';
 
 function openMenu(menu) {
-  menu.style.maxHeight = menu.scrollHeight + "px";
+  menu.style.maxHeight = menu.scrollHeight + 'px';
   setTimeout(function() {
-    menu.style.maxHeight = "none";
+    menu.style.maxHeight = 'none';
   }, 600);
 }
 
 function closeMenu(menu) {
-  menu.style.maxHeight = menu.scrollHeight + "px";
+  menu.style.maxHeight = menu.scrollHeight + 'px';
   setTimeout(function() {
-    menu.style.maxHeight = "";
+    menu.style.maxHeight = '';
   }, 0);
 }
 
 function toggleMenu(menu) {
-  menu = menu || document.querySelector("#menu");
+  menu = menu || document.querySelector('#menu');
   var maxHeight = menu.style.maxHeight;
-  !!maxHeight ? closeMenu(menu) : openMenu(menu);
-  menu.classList.toggle("open");
+  maxHeight ? closeMenu(menu) : openMenu(menu);
+  menu.classList.toggle('open');
 }
 
 function toggleProposal(item) {
-  var content = item.querySelector(".featurelist__item__info");
+  var content = item.querySelector('.featurelist__item__info');
   var maxHeight = content.style.maxHeight;
-  content.style.maxHeight = !!maxHeight ? "" : content.scrollHeight + "px";
-  content.setAttribute("aria-hidden", !!maxHeight);
-  if (!!maxHeight) {
-    content.setAttribute("tabindex", "-1");
+  content.style.maxHeight = maxHeight ? '' : content.scrollHeight + 'px';
+  content.setAttribute('aria-hidden', !!maxHeight);
+  if (maxHeight) {
+    content.setAttribute('tabindex', '-1');
   } else {
-    content.removeAttribute("tabindex");
+    content.removeAttribute('tabindex');
   }
-  item.classList.toggle("open");
+  item.classList.toggle('open');
 }
 
 /**
  * Represents the start of this application
  */
 function start() {
   var items = document.querySelectorAll(
-    ".featurelist__item .featurelist__item__example"
+    '.featurelist__item .featurelist__item__example'
   );
 
-  document.body.classList.remove("no-js");
+  document.body.classList.remove('no-js');
 
   items.forEach(function(v) {
-    v.addEventListener("click", function(ev) {
+    v.addEventListener('click', function() {
       toggleProposal(this.parentNode);
     });
-    v.addEventListener("keypress", function(ev) {
-      if (ev.key === "Enter" || ev.key === " ") {
+    v.addEventListener('keypress', function(ev) {
+      if (ev.key === 'Enter' || ev.key === ' ') {
         ev.preventDefault();
         toggleProposal(this.parentNode);
       }
     });
   });
 
   document
-    .querySelector(".menu-toggle")
-    .addEventListener("click", function(ev) {
+    .querySelector('.menu-toggle')
+    .addEventListener('click', function(ev) {
       ev.preventDefault();
       toggleMenu();
     });
 
-  document.querySelectorAll(".menu-link").forEach(function(link) {
-    var submenu = link.parentNode.querySelector(".submenu");
+  document.querySelectorAll('.menu-link').forEach(function(link) {
+    var submenu = link.parentNode.querySelector('.submenu');
     if (submenu) {
-      link.addEventListener("click", function(ev) {
-        var t = link.parentNode.querySelector(".submenu-toggle");
+      link.addEventListener('click', function(ev) {
+        var t = link.parentNode.querySelector('.submenu-toggle');
         ev.preventDefault();
         toggleMenu(submenu);
-        t.classList.toggle("open");
+        t.classList.toggle('open');
       });
     }
   });
 
-  document.querySelectorAll(".submenu-toggle").forEach(function(toggle) {
-    toggle.addEventListener("click", function(ev) {
+  document.querySelectorAll('.submenu-toggle').forEach(function(toggle) {
+    toggle.addEventListener('click', function(ev) {
       var t = ev.target;
-      var submenu = t.parentNode.querySelector(".submenu");
+      var submenu = t.parentNode.querySelector('.submenu');
       toggleMenu(submenu);
-      t.classList.toggle("open");
+      t.classList.toggle('open');
     });
   });
 }

diff --git a/babel.config.json b/babel.config.json
@@ -0,0 +1,15 @@
+{
+  "plugins": ["@babel/plugin-syntax-top-level-await"],
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "modules": false,
+        "targets": {
+          "esmodules": true,
+          "node": "current"
+        }
+      }
+    ]
+  ]
+}