Release: v1.10.0

4 years ago · 910f549f0c
parent f835a2d535
commit 910f549f0c
2 changed files with 214 additions and 1 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,5 +1,12 @@
 # GooseMod Changelog

+## v1.10.0
+
+  - ### Features
+    - Added toast API for modules to use
+    - May or may not have added easter eggs
+
+
 ## v1.9.1

  - ### Tweaks
--- a/src/inject.js
+++ b/src/inject.js
@ -1,5 +1,5 @@
 (async function () {
-  this.version = '1.9.1';
+  this.version = '1.10.0';

  this.modules = {};

@ -82,6 +82,210 @@

  this.webpackModules.init();

+  /* Toasts from BBD, slightly modified to fit CSS variables and tweaked to liking - full credit and sources:
+  ** CSS: https://github.com/rauenzi/BetterDiscordApp/blob/master/src/styles/index.css
+  ** JS: https://github.com/rauenzi/BetterDiscordApp/blob/master/src/modules/utils.js
+  ** Again huge thanks to Rauenzi / (B)BD for basing some ideas and code (especially related to webpack modules)
+  ** (Classes renamed to not interfere with (B)BD installed alongside)
+  */
+
+  const toastCSS = `.gm-toasts {
+    position: fixed;
+    display: flex;
+    top: 0;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-end;
+    pointer-events: none;
+    z-index: 4000;
+  }
+  
+  @keyframes gm-toast-up {
+    from {
+        transform: translateY(0);
+        opacity: 0;
+    }
+  }
+  
+  .gm-toast {
+    animation: gm-toast-up 300ms ease;
+    transform: translateY(-10px);
+    background: var(--background-floating);
+    padding: 10px;
+    border-radius: 5px;
+    box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);
+    font-weight: 500;
+    color: #fff;
+    user-select: text;
+    font-size: 14px;
+    opacity: 1;
+    margin-top: 10px;
+    pointer-events: none;
+    user-select: none;
+  }
+  
+  @keyframes gm-toast-down {
+    to {
+        transform: translateY(0px);
+        opacity: 0;
+    }
+  }
+  
+  .gm-toast.closing {
+    animation: gm-toast-down 200ms ease;
+    animation-fill-mode: forwards;
+    opacity: 1;
+    transform: translateY(-10px);
+  }
+  
+  
+  .gm-toast.icon {
+    padding-left: 30px;
+    background-size: 20px 20px;
+    background-repeat: no-repeat;
+    background-position: 6px 50%;
+  }
+  
+  .gm-toast.toast-info {
+    background-color: #4a90e2;
+  }
+  
+  .gm-toast.toast-info.icon {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMSAxNWgtMnYtNmgydjZ6bTAtOGgtMlY3aDJ2MnoiLz48L3N2Zz4=);
+  }
+  
+  .gm-toast.toast-success {
+    background-color: #43b581;
+  }
+  
+  .gm-toast.toast-success.icon {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptLTIgMTVsLTUtNSAxLjQxLTEuNDFMMTAgMTQuMTdsNy41OS03LjU5TDE5IDhsLTkgOXoiLz48L3N2Zz4=);
+  }
+
+  .gm-toast.toast-danger,
+  .gm-toast.toast-error {
+    background-color: #f04747;
+  }
+  
+  .gm-toast.toast-danger.icon,
+  .gm-toast.toast-error.icon {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEyIDJDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTAgMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJ6bTUgMTMuNTlMMTUuNTkgMTcgMTIgMTMuNDEgOC40MSAxNyA3IDE1LjU5IDEwLjU5IDEyIDcgOC40MSA4LjQxIDcgMTIgMTAuNTkgMTUuNTkgNyAxNyA4LjQxIDEzLjQxIDEyIDE3IDE1LjU5eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
+  }
+  
+  .gm-toast.toast-warning,
+  .gm-toast.toast-warn {
+    background-color: #FFA600;
+    color: white;
+  }
+  
+  .gm-toast.toast-warning.icon,
+  .gm-toast.toast-warn.icon {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPjwvc3ZnPg==);
+  }`;
+
+  const styleSheet = document.createElement('style'); // Add CSS as stylesheet
+  styleSheet.textContent = toastCSS;
+  document.head.appendChild(styleSheet);
+
+  this.showToast = (text, options = {}) => {
+    if (!document.querySelector('.gm-toasts')) {
+      const container = document.querySelector('.sidebar-2K8pFh + div') || null;
+
+      const memberlist = container ? container.querySelector('.membersWrap-2h-GB4') : null;
+
+      const form = container ? container.querySelector('form') : null;
+
+      const left = container ? container.getBoundingClientRect().left : 310;
+      const right = memberlist ? memberlist.getBoundingClientRect().left : 0;
+      const width = right ? right - container.getBoundingClientRect().left : Utils.screenWidth - left - 240;
+      const bottom = form ? form.offsetHeight : 80;
+
+      const toastWrapper = document.createElement('div');
+
+      toastWrapper.classList.add('gm-toasts');
+
+      toastWrapper.style.setProperty('left', left + 'px');
+      toastWrapper.style.setProperty('width', width + 'px');
+      toastWrapper.style.setProperty('bottom', bottom + 'px');
+
+      document.querySelector('#app-mount').appendChild(toastWrapper);
+    }
+
+    const {type = '', icon = true, timeout = 3000} = options;
+
+    const toastElem = document.createElement('div');
+    toastElem.classList.add('gm-toast');
+
+    if (type) toastElem.classList.add('toast-' + type);
+    if (type && icon) toastElem.classList.add('icon');
+
+    toastElem.textContent = text;
+
+    document.querySelector('.gm-toasts').appendChild(toastElem);
+
+    setTimeout(() => {
+        toastElem.classList.add('closing');
+        setTimeout(() => {
+            toastElem.remove();
+            if (!document.querySelectorAll('.gm-toasts .gm-toast').length) document.querySelector('.gm-toasts').remove();
+        }, 300);
+    }, timeout);
+  };
+
+  this.messageEasterEggs = {
+    eggs: [
+      {
+        text: 'Goose Emoji',
+        message: 'Did you know there is no goose emoji? The most used one as a standin is a swan (\u{1F9A2}). Very sad.'
+      },
+      {
+        text: 'That\'s Numberwang!',
+        message: 'That\'s Wangernum!'
+      },
+      {
+        text: 'When does Atmosphere come out?',
+        message: 'June 15th!'
+      },
+      {
+        text: 'What is the meaning of life?',
+        message: '42, duh.'
+      },
+      {
+        text: 'Honk',
+        message: 'Honk'
+      },
+      {
+        text: 'GooseMod',
+        message: 'You talking about me? ;)'
+      }
+    ],
+
+    interval: 0,
+
+    check: () => {
+      let el = document.getElementsByClassName('slateTextArea-1Mkdgw')[0];
+
+      if (!el) return;
+
+      for (let e of this.messageEasterEggs.eggs) {
+        if (el.textContent === e.text) {
+          if (e.cooldown) {
+            e.cooldown -= 1;
+            continue;
+          }
+
+          this.showToast(e.message);
+
+          e.cooldown = (e.cooldown || 6) - 1;
+        }
+      }
+    }
+  };
+
+  window.messageEasterEggs = this.messageEasterEggs;
+
+  this.messageEasterEggs.interval = setInterval(this.messageEasterEggs.check, 1000);
+
  this.removeModuleUI = (field, where) => {
    let settingItem = this.settings.items.find((x) => x[1] === 'Manage Modules');

@ -1119,6 +1323,8 @@
  this.settings.createHeading('GooseMod Modules');

  this.remove = () => {
+    clearInterval(this.messageEasterEggs.interval);
+
    this.removed = true;

    for (let p in this.modules) {