webpack implementation

assets/scripts/util/router.js

@@ -0,0 +1,45 @@
+import $ from 'jquery';
+
+/* ========================================================================
+ * DOM-based Routing
+ * Based on http://goo.gl/EUTi53 by Paul Irish
+ *
+ * Only fires on body classes that match. If a body class contains a dash,
+ * replace the dash with an underscore when adding it to the object below.
+ * ======================================================================== */
+
+// The routing fires all common scripts, followed by the page specific scripts.
+// Add additional events for more control over timing e.g. a finalize event
+export default class Router {
+  constructor(namespace) {
+    this.namespace = namespace;
+  }
+
+  fire(func, funcname, args) {
+    funcname = (funcname === undefined) ? 'init' : funcname;
+    let fire = func !== '';
+    fire = fire && this.namespace[func];
+    fire = fire && typeof this.namespace[func][funcname] === 'function';
+
+    if (fire) {
+      this.namespace[func][funcname](args);
+    }
+  }
+
+  loadEvents() {
+    // Fire common init JS
+    this.fire('common');
+
+    // Fire page-specific init JS, and then finalize JS
+    $.each(
+      document.body.className.replace(/-/g, '_').split(/\s+/),
+      (i, className) => {
+        this.fire(className);
+        this.fire(className, 'finalize');
+      }
+    );
+
+    // Fire common finalize JS
+    this.fire('common', 'finalize');
+  }
+}