Standardised module loading system & fixed build system

Fixed broken build system in broken webpack version.
Also updates module system to standardise on ES6 import/exports,
Especially since babel has changed it's 'default' logic for the old
module system.

resources/assets/js/components/back-to-top.js

@@ -56,4 +56,4 @@ class BackToTop {
 
 }
 
-module.exports = BackToTop;
+export default BackToTop;

resources/assets/js/components/chapter-toggle.js

@@ -69,4 +69,4 @@ class ChapterToggle {
 
 }
 
-module.exports = ChapterToggle;
+export default ChapterToggle;

resources/assets/js/components/collapsible.js

@@ -34,4 +34,4 @@ class Collapsible {
 
 }
 
-module.exports = Collapsible;
+export default Collapsible;

resources/assets/js/components/dropdown.js

@@ -45,4 +45,4 @@ class DropDown {
 
 }
 
-module.exports = DropDown;
+export default DropDown;

resources/assets/js/components/editor-toolbox.js

@@ -44,4 +44,4 @@ class EditorToolbox {
 
 }
 
-module.exports = EditorToolbox;
+export default EditorToolbox;

resources/assets/js/components/entity-selector-popup.js

@@ -44,4 +44,4 @@ class EntitySelectorPopup {
     }
 }
 
-module.exports = EntitySelectorPopup;
+export default EntitySelectorPopup;

resources/assets/js/components/entity-selector.js

@@ -115,4 +115,4 @@ class EntitySelector {
 
 }
 
-module.exports = EntitySelector;
+export default EntitySelector;

resources/assets/js/components/expand-toggle.js

@@ -62,4 +62,4 @@ class ExpandToggle {
 
 }
 
-module.exports = ExpandToggle;
+export default ExpandToggle;

resources/assets/js/components/homepage-control.js

@@ -19,4 +19,4 @@ class HomepageControl {
 
 }
 
-module.exports = HomepageControl;
+export default HomepageControl;

resources/assets/js/components/image-picker.js

@@ -56,4 +56,4 @@ class ImagePicker {
 
 }
 
-module.exports = ImagePicker;
+export default ImagePicker;

resources/assets/js/components/index.js

@@ -1,30 +1,51 @@
+import dropdown from "./dropdown";
+import overlay from "./overlay";
+import backToTop from "./back-to-top";
+import notification from "./notification";
+import chapterToggle from "./chapter-toggle";
+import expandToggle from "./expand-toggle";
+import entitySelectorPopup from "./entity-selector-popup";
+import entitySelector from "./entity-selector";
+import sidebar from "./sidebar";
+import pagePicker from "./page-picker";
+import pageComments from "./page-comments";
+import wysiwygEditor from "./wysiwyg-editor";
+import markdownEditor from "./markdown-editor";
+import editorToolbox from "./editor-toolbox";
+import imagePicker from "./image-picker";
+import collapsible from "./collapsible";
+import toggleSwitch from "./toggle-switch";
+import pageDisplay from "./page-display";
+import shelfSort from "./shelf-sort";
+import homepageControl from "./homepage-control";
 
-let componentMapping = {
-    'dropdown': require('./dropdown'),
-    'overlay': require('./overlay'),
-    'back-to-top': require('./back-top-top'),
-    'notification': require('./notification'),
-    'chapter-toggle': require('./chapter-toggle'),
-    'expand-toggle': require('./expand-toggle'),
-    'entity-selector-popup': require('./entity-selector-popup'),
-    'entity-selector': require('./entity-selector'),
-    'sidebar': require('./sidebar'),
-    'page-picker': require('./page-picker'),
-    'page-comments': require('./page-comments'),
-    'wysiwyg-editor': require('./wysiwyg-editor'),
-    'markdown-editor': require('./markdown-editor'),
-    'editor-toolbox': require('./editor-toolbox'),
-    'image-picker': require('./image-picker'),
-    'collapsible': require('./collapsible'),
-    'toggle-switch': require('./toggle-switch'),
-    'page-display': require('./page-display'),
-    'shelf-sort': require('./shelf-sort'),
-    'homepage-control': require('./homepage-control'),
+
+const componentMapping = {
+    'dropdown': dropdown,
+    'overlay': overlay,
+    'back-to-top': backToTop,
+    'notification': notification,
+    'chapter-toggle': chapterToggle,
+    'expand-toggle': expandToggle,
+    'entity-selector-popup': entitySelectorPopup,
+    'entity-selector': entitySelector,
+    'sidebar': sidebar,
+    'page-picker': pagePicker,
+    'page-comments': pageComments,
+    'wysiwyg-editor': wysiwygEditor,
+    'markdown-editor': markdownEditor,
+    'editor-toolbox': editorToolbox,
+    'image-picker': imagePicker,
+    'collapsible': collapsible,
+    'toggle-switch': toggleSwitch,
+    'page-display': pageDisplay,
+    'shelf-sort': shelfSort,
+    'homepage-control': homepageControl,
 };
 
 window.components = {};
 
-let componentNames = Object.keys(componentMapping);
+const componentNames = Object.keys(componentMapping);
 
 /**
  * Initialize components of the given name within the given element.

resources/assets/js/components/markdown-editor.js

@@ -1,8 +1,8 @@
-const MarkdownIt = require("markdown-it");
-const mdTasksLists = require('markdown-it-task-lists');
-const code = require('../services/code');
+import MarkdownIt from "markdown-it";
+import mdTasksLists from 'markdown-it-task-lists';
+import code from '../services/code';
 
-const DrawIO = require('../services/drawio');
+import DrawIO from "../services/drawio";
 
 class MarkdownEditor {
 
@@ -427,4 +427,4 @@ class MarkdownEditor {
 
 }
 
-module.exports = MarkdownEditor ;
+export default MarkdownEditor ;

resources/assets/js/components/notification.js

@@ -43,4 +43,4 @@ class Notification {
 
 }
 
-module.exports = Notification;
+export default Notification;

resources/assets/js/components/overlay.js

@@ -36,4 +36,4 @@ class Overlay {
 
 }
 
-module.exports = Overlay;
+export default Overlay;

resources/assets/js/components/page-comments.js

@@ -1,4 +1,4 @@
-const MarkdownIt = require("markdown-it");
+import MarkdownIt from "markdown-it";
 const md = new MarkdownIt({ html: false });
 
 class PageComments {
@@ -172,4 +172,4 @@ class PageComments {
 
 }
 
-module.exports = PageComments;
+export default PageComments;

resources/assets/js/components/page-display.js

@@ -233,4 +233,4 @@ class PageDisplay {
     }
 }
 
-module.exports = PageDisplay;
+export default PageDisplay;

resources/assets/js/components/page-picker.js

@@ -59,4 +59,4 @@ function toggleElem(elem, show) {
     elem.style.display = show ? display : 'none';
 }
 
-module.exports = PagePicker;
+export default PagePicker;

resources/assets/js/components/shelf-sort.js

@@ -1,3 +1,4 @@
+import "jquery-sortable";
 
 class ShelfSort {
 
@@ -9,9 +10,8 @@ class ShelfSort {
     }
 
     initSortable() {
-        const sortable = require('jquery-sortable');
         const placeHolderContent = this.getPlaceholderHTML();
-
+        // TODO - Load sortable at this point
         return $('.scroll-box').sortable({
             group: 'shelf-books',
             exclude: '.instruction,.scroll-box-placeholder',
@@ -68,4 +68,4 @@ class ShelfSort {
 
 }
 
-module.exports = ShelfSort;
+export default ShelfSort;

resources/assets/js/components/sidebar.js

@@ -13,4 +13,4 @@ class Sidebar {
 
 }
 
-module.exports = Sidebar;
+export default Sidebar;

resources/assets/js/components/toggle-switch.js

@@ -16,4 +16,4 @@ class ToggleSwitch {
 
 }
 
-module.exports = ToggleSwitch;
+export default ToggleSwitch;

resources/assets/js/components/wysiwyg-editor.js

@@ -1,5 +1,5 @@
-const Code = require('../services/code');
-const DrawIO = require('../services/drawio');
+import Code from "../services/code";
+import DrawIO from "../services/drawio";
 
 /**
  * Handle pasting images from clipboard.
@@ -593,4 +593,4 @@ class WysiwygEditor {
 
 }
 
-module.exports = WysiwygEditor;
+export default WysiwygEditor;