#32 Changed Configuration adapter and switched to callbacks where the configuration is used

src/javascript/configuration/configuration.js

@@ -1,49 +1,36 @@
 import { getGlobalStorageProvider } from "../browserApi/storageProvider";
 import { assigned } from "../utils/helpers";
 
+// website
+export const SETTINGS_websiteDisplayQuickSearch = 'websiteDisplayQuickSearch'; //
+export const SETTINGS_websiteShowNotificationsCountInTab = 'websiteShowNotificationsCountInTab'; //
+export const SETTINGS_websiteHideUnusedTabs = 'websiteHideUnusedTabs';
+export const SETTINGS_websiteOptimizeListAppearance = 'websiteOptimizeListAppearance';
+// anime
+export const SETTINGS_animeLanguageDisplay = 'animeLanguageDisplay'; //
+// requests 
+export const SETTINGS_requestBeautifyPage = 'requestBeautifyPage'; //
+// player
+export const SETTINGS_playerAutoplayAfterScreenshot = 'playerAutoplayAfterScreenshot'; //
+// w2g
+export const SETTINGS_w2gDisplayCharacterCounter = 'w2gDisplayCharacterCounter'; //
+
 class Configuration {
     constructor() {
-        // website
+        this.settingsCache = new Map();
-        this.websiteDisplayQuickSearch = true;
-        this.websiteShowNotificationsCountInTab = true;
-        this.websiteHideUnusedTabs = true;
-        this.websiteOptimizeListAppearance = true;
-
-        // anime
-        this.animeLanguageDisplay = true;
-
-        // requests 
-        this.requestBeautifyPage = true;
-
-        // player 
-        this.playerAutoplayAfterScreenshot = true;
-
-        // w2g
-        this.w2gDisplayCharacterCounter = true;
-
-        this.reloadConfiguration();
     }
 
-    reloadConfiguration() {
+    getProperty(key, callback) {
-        // website
+        if (this.settingsCache.has(key)) {
-        getGlobalStorageProvider().getData('websiteDisplayQuickSearch', this.websiteDisplayQuickSearch, value => this.websiteDisplayQuickSearch = value);
+            callback(this.settingsCache.get(key));
-        getGlobalStorageProvider().getData('websiteShowNotificationsCountInTab', this.websiteShowNotificationsCountInTab, value => this.websiteShowNotificationsCountInTab = value);
+        }
-        getGlobalStorageProvider().getData('websiteHideUnusedTabs', this.websiteHideUnusedTabs, value => this.websiteHideUnusedTabs = value);
+        else {
-        getGlobalStorageProvider().getData('websiteOptimizeListAppearance', this.websiteOptimizeListAppearance, value => this.websiteOptimizeListAppearance = value);
+            // OOOPS // currently all settings are default true. This isn´t a problem but there should be much better soloutions after migration to typescript....
-
+            let value = getGlobalStorageProvider().getData(key, true, value => {
-        // anime
+                this.settingsCache.set(key, value);
-        getGlobalStorageProvider().getData('animeLanguageDisplay', this.animeLanguageDisplay, value => this.animeLanguageDisplay = value);
+                callback(value);
-
+            });
-        // requests
+        }
-        getGlobalStorageProvider().getData('requestBeautifyPage', this.requestBeautifyPage, value => this.requestBeautifyPage = value);
-
-        // player
-        getGlobalStorageProvider().getData('playerAutoplayAfterScreenshot', this.playerAutoplayAfterScreenshot, value => this.playerAutoplayAfterScreenshot = value);
-
-        // w2g
-        getGlobalStorageProvider().getData('w2gDisplayCharacterCounter', this.w2gDisplayCharacterCounter, value => this.w2gDisplayCharacterCounter = value);
-
-        console.log(this);
     }
 }
 

src/javascript/enhancements/anilyr.js

@@ -1,4 +1,4 @@
-import { getGlobalConfiguration } from '../configuration/configuration';
+import { getGlobalConfiguration, SETTINGS_playerAutoplayAfterScreenshot } from '../configuration/configuration';
 import * as core from '../utils/aniwatchCore';
 import * as helper from '../utils/helpers';
 
@@ -6,13 +6,15 @@ const SCREENSHOT_TOOLTIP_ID = 'anilyr-screenshots-tooltip';
 const PLAYER_ID = 'player';
 
 export function init() {
-    if (getGlobalConfiguration().playerAutoplayAfterScreenshot) {
+    getGlobalConfiguration().getProperty(SETTINGS_playerAutoplayAfterScreenshot, value => {
+        if (value) {
             core.registerScript(node => {
                 if (helper.isHtmlElement(node) && node.id === SCREENSHOT_TOOLTIP_ID) {
                     observeScreenshotTooltip(node);
                 }
             }, "^/anime/[0-9]*/[0-9]*$");
         }
+    });
 }
 
 function observeScreenshotTooltip(tooltip) {

src/javascript/enhancements/animeRequests.js

@@ -1,10 +1,11 @@
-import { getGlobalConfiguration } from '../configuration/configuration';
+import { getGlobalConfiguration, SETTINGS_requestBeautifyPage } from '../configuration/configuration';
 import * as core from '../utils/aniwatchCore';
 import * as color from '../utils/colors';
 import * as helper from '../utils/helpers';
 
 export function init() {
-    if (getGlobalConfiguration().requestBeautifyPage) {
+    getGlobalConfiguration().getProperty(SETTINGS_requestBeautifyPage, value => {
+        if (value) {
             core.registerScript(node => {
                 // run the scripts
                 if (helper.isHtmlElement(node)) {
@@ -14,6 +15,7 @@ export function init() {
                 }
             }, "/requests");
         }
+    });
 }
 
 function changeFollowedStarColor(node) {

src/javascript/enhancements/languageDisplay.js

@@ -1,8 +1,10 @@
-import { getGlobalConfiguration } from '../configuration/configuration';
+import { getGlobalConfiguration, SETTINGS_animeLanguageDisplay } from '../configuration/configuration';
 import * as core from '../utils/aniwatchCore';
 import * as helper from '../utils/helpers';
 
 export function init() {
+    getGlobalConfiguration().getProperty(SETTINGS_animeLanguageDisplay, value => {
+        if (value) {
             if (getGlobalConfiguration().animeLanguageDisplay) {
                 core.registerScript(node => {
                     // run the scripts
@@ -11,6 +13,8 @@ export function init() {
                     }
                 }, "^/anime/[0-9]*$");
             }
+        }
+    });
 }
 
 function updateLanguageDisplay(node) {

src/javascript/enhancements/notifications.js

@@ -1,9 +1,10 @@
-import { getGlobalConfiguration } from '../configuration/configuration';
+import { getGlobalConfiguration, SETTINGS_websiteShowNotificationsCountInTab } from '../configuration/configuration';
 import * as core from '../utils/aniwatchCore';
 import * as helper from '../utils/helpers';
 
 export function init() {
-    if (getGlobalConfiguration().websiteShowNotificationsCountInTab) {
+    getGlobalConfiguration().getProperty(SETTINGS_websiteShowNotificationsCountInTab, value => {
+        if (value) {
             core.runAfterLoad(() => {
                 updateNotificationsInTitle();
             }, ".*");
@@ -12,6 +13,7 @@ export function init() {
                 updateNotificationsInTitle();
             }, ".*");
         }
+    });
 }
 
 function getNotificationCount() {

src/javascript/enhancements/quickSearch.js

@@ -1,4 +1,4 @@
-import { getGlobalConfiguration } from '../configuration/configuration';
+import { getGlobalConfiguration, SETTINGS_websiteDisplayQuickSearch } from '../configuration/configuration';
 import * as core from '../utils/aniwatchCore';
 import * as helper from '../utils/helpers';
 
@@ -6,15 +6,13 @@ const quickSearchID = 'ea-quickSearch';
 const quickSearchLink = 'ea-quickSearchLink';
 
 export function init() {
-    let config = getGlobalConfiguration();
+    getGlobalConfiguration().getProperty(SETTINGS_websiteDisplayQuickSearch, value => {
-    console.log(config);
+        if (value) {
-    console.log(config.websiteDisplayQuickSearch);
-    console.log(getGlobalConfiguration().websiteDisplayQuickSearch)
-    if (getGlobalConfiguration().websiteDisplayQuickSearch) {
             core.runAfterLoad(() => {
                 initSearch();
             }, ".*");
         }
+    });
 }
 
 function initSearch() {

src/javascript/enhancements/watch2getherChat.js

@@ -1,14 +1,15 @@
 import * as core from '../utils/aniwatchCore';
-import * as helper from '../utils/helpers';
 import { v4 as uuidv4 } from 'uuid';
-import { getGlobalConfiguration } from '../configuration/configuration';
+import { getGlobalConfiguration, SETTINGS_w2gDisplayCharacterCounter } from '../configuration/configuration';
 
 export function init() {
-    if (getGlobalConfiguration().w2gDisplayCharacterCounter) {
+    getGlobalConfiguration().getProperty(SETTINGS_w2gDisplayCharacterCounter, value => {
+        if (value) {
             core.runAfterLocationChange(() => {
                 manipulateChatInput();
             }, "^/watch2gether/.*$");
         }
+    });
 }
 
 function manipulateChatInput() {