Release: Pre-alpha v0.2.0

CHANGELOG.md

@@ -8,5 +8,33 @@ GooseMod follows semantic versioning, somewhat. However there are 4 release stag
  - **Beta** - Mostly stable, user friendly, mostly recommended
  - **Release** - Completely stable and recommended, etc. (probably unreachable)
 
+
+## Pre-alpha v0.2.0
+
+  - ### Features
+
+    - #### Module: Visual Tweaks
+      - Added "Darker Mode" to Visual Tweaks Module
+      - Added "Darkest Mode" to Visual Tweaks Module
+
+    - #### Injector
+      - Added version displaying when injector is ran
+  
+  - ### Fixes
+
+    - #### Module: Visual Tweaks
+      - Fixed tweaks being enabled on import even if being "false"
+
+    - #### Injector
+      - Fixed potential future errors in logger if region is not found and not a module
+      - Fixed toggles in settings not having bottom margin
+      - Fixed headers (not first one) not having top margin
+      - Fixed toggles not having dividers after them
+
+  - ### Backend / Structural Changes
+
+    - Renamed `base` directory to `modules` as it is a more accurate and understanding name
+
+
 ## Pre-alpha v0.1.0
   - Initial (Public) Release

src/base/visualTweaks.js

@@ -1,64 +0,0 @@
-let obj = {
-  onImport: async function() {
-    this.logger.debug('visualTweaks', 'Enabling Visual Tweaks');
-    
-    this.tweaks = {
-      'removeHelpButton': true
-    };
-    
-    let tweakFunctions = {
-      'removeHelpButton': {
-        enable: () => {
-          document.querySelector('a[href="https://support.discord.com"] > div[role="button"]').parentElement.style.display = 'none';
-        },
-        
-        disable: () => {
-          document.querySelector('a[href="https://support.discord.com"] > div[role="button"]').parentElement.style.display = 'flex';
-        }
-      }
-    };
-    
-    this.enableTweak = (tweakName) => {
-      tweakFunctions[tweakName].enable();
-
-      this.tweaks[tweakName] = true;
-    };
-    
-    this.disableTweak = (tweakName) => {
-      tweakFunctions[tweakName].disable();
-
-      this.tweaks[tweakName] = false;
-    };
-    
-    this.setTweak = (tweakName, value) => {
-      if (value === true) {
-        this.enableTweak(tweakName);
-      } else {
-        this.disableTweak(tweakName);
-      }
-    };
-    
-    for (let t in this.tweaks) {
-      this.enableTweak(t);
-    }
-  },
-  
-  onLoadingFinished: async function() {
-    this.settings.createItem('Visual Tweaks', [
-      {
-        type: 'header',
-        text: 'Individual Minor Tweaks'
-      },
-      {
-        type: 'toggle',
-        text: 'Hide Help Button',
-        onToggle: (c) => { this.setTweak('removeHelpButton', c); },
-        isToggled: () => this.tweaks['removeHelpButton']
-      }
-    ]);
-  },
-  
-  logRegionColor: 'darkred'
-};
-
-obj

src/inject.js

@@ -1,7 +1,8 @@
 window.GooseMod = {};
 
 (async function() {
-  this.baseDir = '/home/duck/projects/GooseMod/base';
+  this.version = 'v0.2.0';
+  this.versionIteration = 22;
 
   const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
 
@@ -12,10 +13,12 @@ window.GooseMod = {};
 
     debug: (region, ...args) => {
       let parentRegion = region.split('.')[0];
-      console.log(`%cGooseMod%c %c${region}`, 'border: 1px solid white; padding: 2px; background-color: black; color: white', 'background-color: none', `border: 1px solid white; padding: 2px; background-color: ${this.logger.regionColors[parentRegion] || this.modules[parentRegion].logRegionColor || 'rgb(0, 0, 0)'}; color: white`, ...(args));
+      console.log(`%cGooseMod%c %c${region}`, 'border: 1px solid white; padding: 2px; background-color: black; color: white', 'background-color: none', `border: 1px solid white; padding: 2px; background-color: ${this.logger.regionColors[parentRegion] || (this.modules[parentRegion] && this.modules[parentRegion].logRegionColor) || 'rgb(0, 0, 0)'}; color: white`, ...(args));
     }
   };
 
+  console.log(`%cGooseMod%c %c${this.version} %c${this.versionIteration}`, 'border: 1px solid white; padding: 2px; background-color: black; color: white', 'background-color: none', 'color: lightgreen', 'color: salmon');
+
   this.modules = {};
 
   const ab2str = (buf) => { // ArrayBuffer (UTF-8) -> String
@@ -149,12 +152,18 @@ window.GooseMod = {};
 
       parentEl.appendChild(contentEl);
       
+      let i = 0;
       for (let e of content) {
         let el;
 
         switch (e.type) {
           case 'header':
             el = document.createElement('h2');
+
+            if (i !== 0) {
+              el.classList.add('marginTop20-3TxNs6'); 
+            }
+
             el.classList.add('colorStandard-2KCXvj', 'size14-e6ZScH', 'h5-18_1nd', 'title-3sZWYQ', 'marginBottom8-AtZOdT');
 
             el.textContent = e.text;
@@ -162,6 +171,8 @@ window.GooseMod = {};
 
           case 'toggle':
             el = document.createElement('div');
+            
+            el.classList.add('marginBottom20-32qID7');
 
             let txtEl = document.createElement('span');
             txtEl.classList.add('titleDefault-a8-ZSr', 'title-31JmR4');
@@ -196,9 +207,22 @@ window.GooseMod = {};
 
             el.appendChild(txtEl);
             el.appendChild(toggleEl);
+
+            let dividerEl = document.createElement('div');
+
+            dividerEl.classList.add('divider-3573oO', 'dividerDefault-3rvLe-');
+            dividerEl.style.marginTop = '50px';
+
+            el.appendChild(dividerEl);
         }
 
         contentEl.appendChild(el);
+
+        if (e.type === 'toggle') {
+          
+        }
+
+        i++;
       }
 
       let el = document.createElement('div');
@@ -213,8 +237,6 @@ window.GooseMod = {};
 
       el.onclick = () => {
         setTimeout(() => {
-          console.log(settingsMainEl);
-
           settingsMainEl.firstChild.innerHTML = '';
           settingsMainEl.firstChild.appendChild(parentEl);
 

src/modules/visualTweaks.js

@@ -0,0 +1,122 @@
+let obj = {
+  onImport: async function() {
+    this.logger.debug('visualTweaks', 'Enabling Visual Tweaks');
+    
+    this.tweaks = {
+      'removeHelpButton': true,
+      'darkerMode': true,
+      'darkestMode': false
+    };
+
+    let sheet = window.document.styleSheets[0];
+    sheet.insertRule(`body.theme-darker {
+    --background-primary: #000;
+    --background-secondary: #111;
+    --background-secondary-alt: #000;
+    --background-tertiary: #222;
+
+    --channeltextarea-background: #111;
+    }`, sheet.cssRules.length);
+
+    sheet.insertRule(`html > body.theme-darkest {
+    --background-primary: #000;
+    --background-secondary: #000;
+    --background-secondary-alt: #000;
+    --background-tertiary: #000;
+
+    --channeltextarea-background: #111;
+    }`, sheet.cssRules.length);
+
+    
+    let tweakFunctions = {
+      'removeHelpButton': {
+        enable: () => {
+          document.querySelector('a[href="https://support.discord.com"] > div[role="button"]').parentElement.style.display = 'none';
+        },
+        
+        disable: () => {
+          document.querySelector('a[href="https://support.discord.com"] > div[role="button"]').parentElement.style.display = 'flex';
+        }
+      },
+
+      'darkerMode': {
+        enable: () => {
+          document.body.classList.add('theme-darker');
+        },
+
+        disable: () => {
+          document.body.classList.remove('theme-darker');
+        }
+      },
+      'darkestMode': {
+        enable: () => {
+          document.body.classList.add('theme-darkest');
+        },
+
+        disable: () => {
+          document.body.classList.remove('theme-darkest');
+        }
+      }
+    };
+    
+    this.enableTweak = (tweakName) => {
+      tweakFunctions[tweakName].enable();
+
+      this.tweaks[tweakName] = true;
+    };
+    
+    this.disableTweak = (tweakName) => {
+      tweakFunctions[tweakName].disable();
+
+      this.tweaks[tweakName] = false;
+    };
+    
+    this.setTweak = (tweakName, value) => {
+      if (value === true) {
+        this.enableTweak(tweakName);
+      } else {
+        this.disableTweak(tweakName);
+      }
+    };
+    
+    for (let t in this.tweaks) {
+      if (this.tweaks[t] === true) this.enableTweak(t);
+    }
+  },
+  
+  onLoadingFinished: async function() {
+    this.settings.createItem('Visual Tweaks', [
+      {
+        type: 'header',
+        text: 'Themes'
+      },
+      {
+        type: 'toggle',
+        text: 'Darker Mode',
+        onToggle: (c) => { this.setTweak('darkerMode', c); },
+        isToggled: () => this.tweaks['darkerMode']
+      },
+      {
+        type: 'toggle',
+        text: 'Darkest Mode',
+        onToggle: (c) => { this.setTweak('darkestMode', c); },
+        isToggled: () => this.tweaks['darkestMode']
+      },
+
+      {
+        type: 'header',
+        text: 'Individual Minor Tweaks'
+      },
+      {
+        type: 'toggle',
+        text: 'Hide Help Button',
+        onToggle: (c) => { this.setTweak('removeHelpButton', c); },
+        isToggled: () => this.tweaks['removeHelpButton']
+      }
+    ]);
+  },
+  
+  logRegionColor: 'darkred'
+};
+
+obj