cute logger

Dr-Discord · Jun 22, 2022 · 47d022c · 47d022c
1 parent 30c8fdd
commit 47d022c
Show file tree

Hide file tree

Showing 7 changed files with 93 additions and 5 deletions.
diff --git a/src/main.js b/src/main.js
@@ -11,6 +11,30 @@
     return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
   };
 
+  // src/main/logger.js
+  var require_logger = __commonJS({
+    "src/main/logger.js"(exports2, module2) {
+      function getIcon(color) {
+        return btoa(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="M11.1903 7.802C11.1903 8.426 11.1003 9.092 10.9203 9.8C10.7403 10.496 10.4883 11.192 10.1643 11.888C9.84032 12.572 9.43832 13.232 8.95832 13.868C8.49032 14.492 7.95632 15.044 7.35632 15.524C6.75632 15.992 6.09632 16.37 5.37632 16.658C4.66832 16.946 3.91232 17.09 3.10832 17.09C2.94032 17.09 2.77232 17.078 2.60432 17.054C2.43632 17.042 2.26832 17.024 2.10032 17C2.42432 15.344 2.74232 13.73 3.05432 12.158C3.17432 11.498 3.30032 10.814 3.43232 10.106C3.56432 9.386 3.69032 8.678 3.81032 7.982C3.93032 7.286 4.04432 6.62 4.15232 5.984C4.27232 5.348 4.36832 4.772 4.44032 4.256C4.95632 4.16 5.47832 4.07 6.00632 3.986C6.53432 3.902 7.07432 3.86 7.62632 3.86C8.27432 3.86 8.82032 3.962 9.26432 4.166C9.72032 4.37 10.0863 4.652 10.3623 5.012C10.6503 5.372 10.8603 5.792 10.9923 6.272C11.1243 6.752 11.1903 7.262 11.1903 7.802ZM6.94232 6.398C6.81032 7.106 6.67232 7.784 6.52832 8.432C6.38432 9.08 6.24032 9.734 6.09632 10.394C5.95232 11.054 5.80832 11.744 5.66432 12.464C5.52032 13.184 5.38232 13.97 5.25032 14.822C5.53832 14.63 5.81432 14.372 6.07832 14.048C6.35432 13.712 6.61232 13.328 6.85232 12.896C7.09232 12.464 7.30832 12.008 7.50032 11.528C7.70432 11.048 7.87832 10.58 8.02232 10.124C8.16632 9.668 8.27432 9.242 8.34632 8.846C8.43032 8.45 8.47232 8.108 8.47232 7.82C8.47232 7.376 8.34632 7.028 8.09432 6.776C7.85432 6.524 7.47032 6.398 6.94232 6.398ZM10.0456 17.018C10.3696 15.422 10.6816 13.862 10.9816 12.338C11.0896 11.69 11.2096 11.018 11.3416 10.322C11.4736 9.614 11.5936 8.918 11.7016 8.234C11.8216 7.538 11.9296 6.872 12.0256 6.236C12.1336 5.588 12.2176 5 12.2776 4.472C12.9616 4.256 13.6996 4.1 14.4916 4.004C15.2836 3.896 16.0696 3.842 16.8496 3.842C17.3176 3.842 17.7016 3.896 18.0016 4.004C18.3136 4.112 18.5536 4.268 18.7216 4.472C18.9016 4.664 19.0276 4.892 19.0996 5.156C19.1716 5.42 19.2076 5.714 19.2076 6.038C19.2076 6.518 19.1236 6.992 18.9556 7.46C18.7876 7.916 18.5596 8.354 18.2716 8.774C17.9956 9.182 17.6716 9.56 17.2996 9.908C16.9396 10.244 16.5496 10.52 16.1296 10.736C16.3456 11.216 16.5736 11.744 16.8136 12.32C17.0656 12.884 17.2996 13.424 17.5156 13.94C17.7556 14.54 18.0016 15.14 18.2536 15.74L15.4636 16.712C15.2236 15.944 15.0076 15.224 14.8156 14.552C14.7316 14.276 14.6476 13.994 14.5636 13.706C14.4796 13.406 14.4016 13.124 14.3296 12.86C14.2576 12.596 14.1976 12.362 14.1496 12.158C14.1016 11.942 14.0716 11.768 14.0596 11.636L13.8256 11.708C13.7536 12.092 13.6636 12.542 13.5556 13.058C13.4596 13.574 13.3696 14.072 13.2856 14.552C13.1776 15.116 13.0696 15.686 12.9616 16.262L10.0456 17.018ZM14.2756 9.206C14.5036 9.182 14.7796 9.086 15.1036 8.918C15.4396 8.75 15.7576 8.552 16.0576 8.324C16.3576 8.084 16.6156 7.838 16.8316 7.586C17.0476 7.334 17.1556 7.112 17.1556 6.92C17.1556 6.788 17.1136 6.686 17.0296 6.614C16.9456 6.53 16.8256 6.47 16.6696 6.434C16.5256 6.386 16.3636 6.356 16.1836 6.344C16.0036 6.332 15.8176 6.326 15.6256 6.326C15.4936 6.326 15.3556 6.332 15.2116 6.344C15.0796 6.344 14.9596 6.344 14.8516 6.344L14.2756 9.206Z" fill="${color}"></path></svg>`);
+      }
+      var isDark = matchMedia("(prefers-color-scheme: dark)").matches;
+      module2.exports = new class rawLogger {
+        log(title, ...messages) {
+          console.log(`%cDR%c${title}%c
+`, `background-image:url(data:image/svg+xml;base64,${getIcon(isDark ? "#202124" : "#fff")}); color: transparent; background-size: 24px; background-repeat: no-repeat; padding: 5px; background-color: #F52590; border-radius: 4px`, `background: #F52590; margin-left: 5px; margin-bottom: 9px; padding: 2px; border-radius: 4px; color: ${isDark ? "#202124" : "#fff"}`, "padding-left: 3px", ...messages);
+        }
+        warn(title, ...messages) {
+          console.warn(`%cDR%c${title}%c
+`, `background-image:url(data:image/svg+xml;base64,${getIcon(isDark ? "#202124" : "#fff")}); color: transparent; background-size: 24px; background-repeat: no-repeat; padding: 5px; background-color: #ed4245; border-radius: 4px`, `background: #ed4245; margin-left: 5px; margin-bottom: 9px; padding: 2px; border-radius: 4px; color: ${isDark ? "#202124" : "#fff"}`, "padding-left: 3px", ...messages);
+        }
+        error(title, ...messages) {
+          console.error(`%cDR%c${title}%c
+`, `background-image:url(data:image/svg+xml;base64,${getIcon(isDark ? "#202124" : "#fff")}); color: transparent; background-size: 24px; background-repeat: no-repeat; padding: 5px; background-color: #faa81a; border-radius: 4px`, `background: #faa81a; margin-left: 5px; margin-bottom: 9px; padding: 2px; border-radius: 4px; color: ${isDark ? "#202124" : "#fff"}`, "padding-left: 3px", ...messages);
+        }
+      }();
+    }
+  });
+
   // src/main/webpack.js
   var require_webpack = __commonJS({
     "src/main/webpack.js"(exports2, module2) {
@@ -655,10 +679,12 @@ ${plugin.js}
       var styles2 = require_styles();
       var { getThemes, toggleTheme } = require_themes();
       var { getPlugins, togglePlugin } = require_plugins();
+      var logger2 = require_logger();
       window.getThemes = getThemes;
       var shell = DrApiNative.runInNative(`require("electron").shell`);
       module2.exports = async (React) => {
         const sectionsModule = await webpack3.getModuleByPropsAsync("getUserSettingsSections");
+        logger2.log("Settings", "Patching 'getUserSettingsSections' to add settings");
         const NotificationSettings = webpack3.getModuleByDisplayName("NotificationSettings", true);
         const FormSection = webpack3.getModuleByDisplayName("FormSection", true);
         const SwitchItem = webpack3.getModuleByDisplayName("SwitchItem", true);
@@ -1541,6 +1567,7 @@ ${plugin.js}
       var Patcher2 = require_patcher();
       var storage3 = require_storage();
       var styles2 = require_styles();
+      var logger2 = require_logger();
       module2.exports = async (React) => {
         styles2("DrApi-Toasts", `#dr-toasts {
     position: fixed;
@@ -1604,6 +1631,7 @@ ${plugin.js}
     user-select: text
   }`);
         const Shakeable = await webpack3.getModuleByDisplayNameAsync("Shakeable", true);
+        logger2.log("Notifications", "Patching 'Shakeable' to add notifications");
         const Button = webpack3.getModuleByProps("ButtonColors", "ButtonSizes").default;
         const Flex = webpack3.getModuleByDisplayName("Flex", true);
         const { Heading } = webpack3.getModuleByProps("Heading");
@@ -1747,8 +1775,10 @@ ${plugin.js}
   // src/main/modals.js
   var require_modals = __commonJS({
     "src/main/modals.js"(exports2, module2) {
+      var logger2 = require_logger();
       var webpack3 = require_webpack();
       module2.exports = async (React) => {
+        logger2.log("Modals", "Initializing Modal api");
         let _id = 0;
         const {
           openModal,
@@ -1820,13 +1850,16 @@ ${plugin.js}
       set: () => e
     });
   }
+  var logger = require_logger();
   var webpack2 = require_webpack();
   var Patcher = require_patcher();
   var storage2 = require_storage();
   var settings = require_settings();
   var notifications = require_notifications();
   var styles = require_styles();
   var modals = require_modals();
+  logger.log("Discord Re-invisioned", "Loading...");
+  window.logger = logger;
   var themes = require_themes();
   var plugins2 = require_plugins();
   void function() {
@@ -1853,6 +1886,7 @@ ${plugin.js}
     modals(React);
     const dispatcher = await webpack2.getModuleByPropsAsync("dirtyDispatch", "dispatch");
     function onOpen() {
+      logger.log("Plugins", "Initializing all plugins");
       plugins2();
       dispatcher.unsubscribe("CONNECTION_OPEN", onOpen);
     }
@@ -1861,16 +1895,21 @@ ${plugin.js}
   function jQuery() {
     const node = document.createElement("script");
     node.src = "https://code.jquery.com/jquery-3.6.0.min.js";
-    node.onload = () => window.$ = window.jQuery;
+    node.onload = () => {
+      window.$ = window.jQuery;
+      logger.log("jQuery", "Loaded jQuery");
+    };
     document.head.append(node);
   }
   function ace2() {
     const node = document.createElement("script");
     node.src = "https://ajaxorg.github.io/ace-builds/src-min-noconflict/ace.js";
+    node.onload = () => logger.log("Ace", "Loaded the Ace editor");
     document.head.append(node);
   }
   function documentReady() {
     globalThis.console = { ...globalThis.console };
+    logger.log("Themes", "Adding themes");
     styles.documentReady();
     themes();
     jQuery();

diff --git a/src/main/index.js b/src/main/index.js
@@ -7,6 +7,7 @@ for (const key in originalConsole) {
   })
 }
 
+const logger = require("./logger")
 const webpack = require("./webpack")
 const Patcher = require("./patcher")
 const storage = require("../storage")
@@ -15,10 +16,13 @@ const notifications = require("./notifications")
 const styles = require("./styles")
 const modals = require("./modals")
 
+logger.log("Discord Re-invisioned", "Loading...")
+window.logger = logger
+
 const themes = require("./themes")
 const plugins = require("./plugins")
 
-void function() {
+void function() {  
   function changeClasses(that, classes, old) {
     return old.apply(that, classes.map(c => c.includes(" dr-") ? c.split(" ")[0] : c))
   }
@@ -48,6 +52,7 @@ void async function() {
 
   const dispatcher = await webpack.getModuleByPropsAsync("dirtyDispatch", "dispatch")
   function onOpen() {
+    logger.log("Plugins", "Initializing all plugins")
     plugins()
     dispatcher.unsubscribe("CONNECTION_OPEN", onOpen)
   }
@@ -57,17 +62,23 @@ void async function() {
 function jQuery() {
   const node = document.createElement("script")
   node.src = "https://code.jquery.com/jquery-3.6.0.min.js"
-  node.onload = () => window.$ = window.jQuery
+  node.onload = () => {
+    window.$ = window.jQuery
+    logger.log("jQuery", "Loaded jQuery")
+  }
   document.head.append(node)
 }
 function ace() {
   const node = document.createElement("script")
   node.src = "https://ajaxorg.github.io/ace-builds/src-min-noconflict/ace.js"
+  node.onload = () => logger.log("Ace", "Loaded the Ace editor")
   document.head.append(node)
 }
 
 function documentReady() {
   globalThis.console = { ...globalThis.console }
+
+  logger.log("Themes", "Adding themes")
   styles.documentReady()
   themes()
 

diff --git a/src/main/logger.js b/src/main/logger.js
diff --git a/src/main/modals.js b/src/main/modals.js
@@ -1,6 +1,9 @@
+const logger = require("./logger")
 const webpack = require("./webpack")
 
 module.exports = async (React) => {
+  logger.log("Modals", "Initializing Modal api")
+
   let _id = 0
 
   const { 

diff --git a/src/main/notifications.js b/src/main/notifications.js
@@ -2,6 +2,7 @@ const webpack = require("./webpack")
 const Patcher = require("./patcher")
 const storage = require("../storage")
 const styles = require("./styles")
+const logger = require("./logger")
 
 module.exports = async (React) => {
   styles("DrApi-Toasts", `#dr-toasts {
@@ -67,6 +68,7 @@ module.exports = async (React) => {
   }`)
 
   const Shakeable = await webpack.getModuleByDisplayNameAsync("Shakeable", true)
+  logger.log("Notifications", "Patching 'Shakeable' to add notifications")
 
   const Button = webpack.getModuleByProps("ButtonColors", "ButtonSizes").default
   const Flex = webpack.getModuleByDisplayName("Flex", true)

diff --git a/src/main/settings.js b/src/main/settings.js
@@ -4,13 +4,15 @@ const storage = require("../storage")
 const styles = require("./styles")
 const { getThemes, toggleTheme } = require("./themes")
 const { getPlugins, togglePlugin } = require("./plugins")
+const logger = require("./logger")
 
 window.getThemes = getThemes
 
 const shell = DrApiNative.runInNative(`require("electron").shell`)
 
 module.exports = async (React) => {
   const sectionsModule = await webpack.getModuleByPropsAsync("getUserSettingsSections")
+  logger.log("Settings", "Patching 'getUserSettingsSections' to add settings")
 
   const NotificationSettings = webpack.getModuleByDisplayName("NotificationSettings", true)
   const FormSection = webpack.getModuleByDisplayName("FormSection", true)

diff --git a/src/preload.js b/src/preload.js
@@ -23,8 +23,6 @@ Object.entries(electron).map(([key, value]) => {
   Object.defineProperty(require.cache.electron.exports, key, { get: () => value })
 })
 
-console.log("[DrApi]: Loading...")
-
 try {
   const preload = ipcRenderer.sendSync("@DrApi/preload")
   if (preload) require(preload)