#35 rewrite code to modules

src/javascript/enhancements/animeRequests.js

@@ -2,6 +2,7 @@ import * as core from '../utils/aniwatchCore';
 import * as color from '../utils/colors';
 import * as helper from '../utils/helpers';
 
+export function init() {
     core.registerScript(node => {
         // run the scripts
         if (helper.isHtmlElement(node)) {
@@ -10,6 +11,7 @@ core.registerScript(node => {
             removeUnknownUsers(node);
         }
     }, "/requests");
+}
 
 function changeFollowedStarColor(node) {
     const starIcon = 'star';

src/javascript/enhancements/lists.js

@@ -1,12 +1,14 @@
 import * as core from '../utils/aniwatchCore';
 import * as helper from '../utils/helpers';
 
+export function init() {
     core.registerScript(node => {
         // run the scripts
         if (helper.isHtmlElement(node)) {
             addListHorizontalSeparators(node)
         }
     }, ".*");
+}
 
 function addListHorizontalSeparators(node) {
     const targetTagName = 'MD-LIST-ITEM'; // tagName is upper case

src/javascript/enhancements/quickSearch.js

@@ -4,11 +4,14 @@ import * as helper from '../utils/helpers';
 const quickSearchID = 'ea-quickSearch';
 const quickSearchLink = 'ea-quickSearchLink';
 
+export function init() {
     core.runAfterLoad(() => {
         initSearch();
     }, ".*");
+}
 
 function initSearch() {
+    console.log("INITSEARCH")
     let entry = document.createElement('li');
     entry.setAttribute('ng-repeat', 'item in navbar');
     entry.setAttribute('ng-class', '{\'anime-indicator\': item[\'@attributes\'].title==\'Anime\'}');

src/javascript/index.js

@@ -0,0 +1,19 @@
+// core
+import { initCore } from './utils/aniwatchCore';
+// helper
+import { initHelpers } from './utils/helpers';
+// enhancements
+import { init as animeRequests } from './enhancements/animeRequests';
+import { init as lists } from './enhancements/lists';
+import { init as quickSearch } from './enhancements/quickSearch';
+
+// core
+initCore();
+
+//helper
+initHelpers();
+
+// enhancements
+animeRequests();
+lists();
+quickSearch();

src/javascript/utils/aniwatchCore.js

@@ -1,18 +1,7 @@
 let __scripts = [];
 let __afterLoadScripts = [];
 
-export function registerScript(func, pattern = '.*') {
+export function initCore() {
-    __scripts.push({ "function": func, "pattern": pattern });
-}
-
-export function runScripts(node) {
-    __scripts.forEach(script => {
-        if (window.location.pathname.match(script.pattern)) {
-            script.function(node);
-        }
-    });
-}
-
     let observer = new MutationObserver(mutations => {
         mutations.forEach(mutation => {
             for (let i = 0; i < mutation.addedNodes.length; i++) {
@@ -27,6 +16,21 @@ observer.observe(document.documentElement || document.body, {
         attributes: true
     });
 
+    document.addEventListener("DOMContentLoaded", event => awaitPageLoaded(), false);
+}
+
+export function registerScript(func, pattern = '.*') {
+    __scripts.push({ "function": func, "pattern": pattern });
+}
+
+export function runScripts(node) {
+    __scripts.forEach(script => {
+        if (window.location.pathname.match(script.pattern)) {
+            script.function(node);
+        }
+    });
+}
+
 function findPreloader() {
     return document.getElementById('preloader');
 }
@@ -40,8 +44,6 @@ export function runAfterLoad(func, pattern = '.*') {
     }
 }
 
-document.addEventListener("DOMContentLoaded", event => awaitPageLoaded(), false);
-
 function awaitPageLoaded() {
     let preLoader = findPreloader();
 

src/javascript/utils/helpers.js

@@ -5,8 +5,10 @@ export function isHtmlElement(object) {
     return object instanceof HTMLElement;
 }
 
+export function initHelpers() {
     document.addEventListener('keydown', event => handleKeyDown(event));
     document.addEventListener('keyup', event => handleKeyUp(event));
+}
 
 function handleKeyDown(event) {
     handleKeyToggle(event, true);