Cleanup artifacts from node build flow

web/js/app.mjs

@@ -0,0 +1,23 @@
+import {library, dom} from '@fortawesome/fontawesome-svg-core/index.es';
+import {fas} from '@fortawesome/free-solid-svg-icons/index.es';
+import {far} from '@fortawesome/free-regular-svg-icons/index.es';
+library.add(fas, far);
+
+// Old application code
+import './main.mjs';
+
+// New application code
+import Theme from './theme.mjs';
+
+document.addEventListener('DOMContentLoaded', () => {
+  Theme.init();
+
+  // Replace any existing <i> tags with <svg> and set up a MutationObserver to
+  // continue doing this as the DOM changes.
+  dom.watch();
+
+  document.getElementById('theme-switch-btn').addEventListener('click', () => {
+    Theme.swap();
+  });
+});
+

web/js/theme.mjs

@@ -0,0 +1,42 @@
+export default class {
+    /**
+     * @property {boolean} #dark Interal state for dark theme activation.
+     * @private
+     */
+    static #dark = false;
+
+    /**
+     * Inialize the theme class.
+     */
+    static init() {
+      // Check LocalStorage for dark theme selection
+      if (localStorage.getItem('darkTheme') === 'true') {
+        // Update page theme
+        this.set(true);
+      }
+    }
+
+    /**
+     * Set page theme and update local storage variable.
+     *
+     * @param {boolean} dark Whether to activate dark theme.
+     */
+    static set(dark = false) {
+      // Swap CSS to selected theme
+      document.getElementById('pagestyle')
+          .setAttribute('href', 'static/css/' + (dark ? 'dark' : 'main') + '.css');
+
+      // Update local storage
+      localStorage.setItem('darkTheme', dark);
+
+      // Update internal state
+      this.#dark = dark;
+    }
+
+    /**
+     * Swap page theme.
+     */
+    static swap() {
+      this.set(!this.#dark);
+    }
+}

web/js/util.js

@@ -0,0 +1,18 @@
+export function isOverflown(element) {
+  return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
+}
+
+export function setProgressBar(bar, progress, text = '') {
+  const progPos = (-1 * (1 - progress) * bar.scrollWidth).toString();
+  const progStr = (progress * 100).toString();
+  bar.setAttribute('aria-valuenow', progStr);
+  bar.style.transform = 'translateX(' + progPos + 'px)';
+  bar.textContent = text;
+}
+
+export function secondsToStr(seconds) {
+  seconds = Math.floor(seconds);
+  const mins = Math.floor(seconds / 60);
+  const secs = seconds % 60;
+  return ('00' + mins).slice(-2) + ':' + ('00' + secs).slice(-2);
+}