ESM: Added remaining Base64 ops and created a Base64 library. Added the prefer-const eslint rule.

src/web/App.js

@@ -1,4 +1,5 @@
 import Utils from "../core/Utils";
+import {fromBase64} from "../core/lib/Base64";
 import Manager from "./Manager.js";
 import HTMLCategory from "./HTMLCategory.js";
 import HTMLOperation from "./HTMLOperation.js";
@@ -193,12 +194,12 @@ App.prototype.populateOperationsList = function() {
     let i;
 
     for (i = 0; i < this.categories.length; i++) {
-        let catConf = this.categories[i],
+        const catConf = this.categories[i],
             selected = i === 0,
             cat = new HTMLCategory(catConf.name, selected);
 
         for (let j = 0; j < catConf.ops.length; j++) {
-            let opName = catConf.ops[j],
+            const opName = catConf.ops[j],
                 op = new HTMLOperation(opName, this.operations[opName], this, this.manager);
             cat.addOperation(op);
         }
@@ -405,7 +406,7 @@ App.prototype.loadURIParams = function() {
     // Read in input data from URI params
     if (this.uriParams.input) {
         try {
-            const inputData = Utils.fromBase64(this.uriParams.input);
+            const inputData = fromBase64(this.uriParams.input);
             this.setInput(inputData);
         } catch (err) {}
     }
@@ -503,11 +504,11 @@ App.prototype.resetLayout = function() {
  */
 App.prototype.setCompileMessage = function() {
     // Display time since last build and compile message
-    let now = new Date(),
+    const now = new Date(),
         timeSinceCompile = Utils.fuzzyTime(now.getTime() - window.compileTime);
 
     // Calculate previous version to compare to
-    let prev = PKG_VERSION.split(".").map(n => {
+    const prev = PKG_VERSION.split(".").map(n => {
         return parseInt(n, 10);
     });
     if (prev[2] > 0) prev[2]--;
@@ -574,7 +575,7 @@ App.prototype.alert = function(str, style, timeout, silent) {
     style = style || "danger";
     timeout = timeout || 0;
 
-    let alertEl = document.getElementById("alert"),
+    const alertEl = document.getElementById("alert"),
         alertContent = document.getElementById("alert-content");
 
     alertEl.classList.remove("alert-danger");

src/web/ControlsWaiter.js

@@ -1,4 +1,5 @@
 import Utils from "../core/Utils";
+import {toBase64} from "../core/lib/Base64";
 
 
 /**
@@ -169,7 +170,7 @@ ControlsWaiter.prototype.generateStateUrl = function(includeRecipe, includeInput
         window.location.host +
         window.location.pathname;
     const recipeStr = Utils.generatePrettyRecipe(recipeConfig);
-    const inputStr = Utils.toBase64(this.app.getInput(), "A-Za-z0-9+/"); // B64 alphabet with no padding
+    const inputStr = toBase64(this.app.getInput(), "A-Za-z0-9+/"); // B64 alphabet with no padding
 
     includeRecipe = includeRecipe && (recipeConfig.length > 0);
     // Only inlcude input if it is less than 50KB (51200 * 4/3 as it is Base64 encoded)
@@ -271,9 +272,9 @@ ControlsWaiter.prototype.saveButtonClick = function() {
         return;
     }
 
-    let savedRecipes = localStorage.savedRecipes ?
-            JSON.parse(localStorage.savedRecipes) : [],
-        recipeId = localStorage.recipeId || 0;
+    const savedRecipes = localStorage.savedRecipes ?
+        JSON.parse(localStorage.savedRecipes) : [];
+    let recipeId = localStorage.recipeId || 0;
 
     savedRecipes.push({
         id: ++recipeId,

src/web/HTMLIngredient.js

@@ -32,12 +32,14 @@ const HTMLIngredient = function(config, app, manager) {
  * @returns {string}
  */
 HTMLIngredient.prototype.toHtml = function() {
-    let inline = (this.type === "boolean" ||
-                  this.type === "number" ||
-                  this.type === "option" ||
-                  this.type === "shortString" ||
-                  this.type === "binaryShortString"),
-        html = inline ? "" : "<div class='clearfix'>&nbsp;</div>",
+    const inline = (
+        this.type === "boolean" ||
+        this.type === "number" ||
+        this.type === "option" ||
+        this.type === "shortString" ||
+        this.type === "binaryShortString"
+    );
+    let html = inline ? "" : "<div class='clearfix'>&nbsp;</div>",
         i, m;
 
     html += "<div class='arg-group" + (inline ? " inline-args" : "") +
@@ -202,7 +204,7 @@ HTMLIngredient.prototype.populateOptionChange = function(e) {
  * @param {event} e
  */
 HTMLIngredient.prototype.editableOptionChange = function(e) {
-    let select = e.target,
+    const select = e.target,
         input = select.nextSibling;
 
     input.value = select.childNodes[select.selectedIndex].value;

src/web/HighlighterWaiter.js

@@ -40,8 +40,8 @@ HighlighterWaiter.OUTPUT = 1;
  * @returns {boolean}
  */
 HighlighterWaiter.prototype._isSelectionBackwards = function() {
-    let backwards = false,
-        sel = window.getSelection();
+    let backwards = false;
+    const sel = window.getSelection();
 
     if (!sel.isCollapsed) {
         const range = document.createRange();

src/web/LoaderWorker.js

@@ -25,7 +25,7 @@ self.addEventListener("message", function(e) {
  */
 self.loadFile = function(file) {
     const reader = new FileReader();
-    let data = new Uint8Array(file.size);
+    const data = new Uint8Array(file.size);
     let offset = 0;
     const CHUNK_SIZE = 10485760; // 10MiB
 

src/web/RecipeWaiter.js

@@ -453,7 +453,7 @@ RecipeWaiter.prototype.setRegisters = function(opIndex, numPrevRegisters, regist
     // Remove previous div
     if (prevRegList) prevRegList.remove();
 
-    let registerList = [];
+    const registerList = [];
     for (let i = 0; i < registers.length; i++) {
         registerList.push(`$R${numPrevRegisters + i} = ${Utils.escapeHtml(Utils.truncate(Utils.printable(registers[i]), 100))}`);
     }

src/web/static/sitemap.js

@@ -20,7 +20,7 @@ sitemap.add({
     priority: 1.0
 });
 
-for (let op in OperationConfig) {
+for (const op in OperationConfig) {
     sitemap.add({
         url: `/?op=${encodeURIComponent(op)}`,
         changeFreq: "yearly",