├── .gitignore
├── Injectord
    └── Injectord.js
├── LICENSE
├── README.md
├── plugins
    ├── Creation Date
    │   ├── CreationDate.plugin.js
    │   ├── README.md
    │   ├── config.json
    │   └── plugin.js
    ├── Dev Assist
    │   ├── DevAssist.plugin.js
    │   └── README.md
    ├── Move Changelog
    │   ├── MoveChangelog.plugin.js
    │   └── README.md
    ├── Old
    │   ├── BD Utility 2
    │   │   ├── BDUtility.plugin.js
    │   │   ├── README.md
    │   │   └── version.json
    │   ├── BD Utility
    │   │   ├── BDUtility.plugin.js
    │   │   ├── README.md
    │   │   └── jquery.getReact.js
    │   ├── Custom Emotes
    │   │   ├── CustomEmotes.plugin.js
    │   │   ├── CustomEmotesOld.plugin.js
    │   │   └── README.md
    │   ├── README.md
    │   └── SnU Modifier
    │   │   ├── README.md
    │   │   └── SnUModifier.plugin.js
    └── README.md
└── themes
    └── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | # Get completely rid of all JetBrain settings stuff
2 | .idea/


--------------------------------------------------------------------------------
/Injectord/Injectord.js:
--------------------------------------------------------------------------------
 1 | class PluginModule {
 2 |     constructor() {
 3 |         //
 4 |     }
 5 | }
 6 | 
 7 | class ThemeModule {
 8 |     constructor() {
 9 |         //
10 |     }
11 | }
12 | 
13 | class PermissionModule {
14 |     constructor() {
15 |         //
16 |     }
17 | }
18 | 
19 | class EmoteMenuModule {
20 |     constructor() {
21 |         //
22 |     }
23 | }
24 | 
25 | class EmoteModule {
26 |     constructor() {
27 |         //
28 |     }
29 | }
30 | 
31 | class EmotePackModule {
32 |     constructor() {
33 |         //
34 |     }
35 | }
36 | 
37 | class Injectord {
38 |     constructor() {
39 |         //
40 |     }
41 | }
42 | 
43 | class Utility {
44 |     constructor() {
45 |         //
46 |     }
47 | }
48 | 
49 | // Discord's WebSocket Code is compiled, there is no way to access it.
50 | // Therefore Injectord injects the Webpack for Discord.js which allows for plugins to use self-bot for more connection data


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2017 Natsulus
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Details Coming Soon


--------------------------------------------------------------------------------
/plugins/Creation Date/CreationDate.plugin.js:
--------------------------------------------------------------------------------
  1 | //META{"name":"CreationDate"}*//
  2 | 
  3 | class CreationDate {
  4 |     start() {
  5 |         const script =  $("<script>", {
  6 |             type: "text/javascript",
  7 |             src: "https://cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js",
  8 |             id: "date-js"
  9 |         });
 10 | 
 11 |         $("head").append(script);
 12 | 
 13 |         this.defaultSettings = {
 14 |             css: "font-size: 12px; color: #fff; font-family: inherit; opacity: 0.6; margin-bottom: 10px;",
 15 |             format: "Created on $(dS of MMM, yyyy)$"
 16 |         };
 17 | 
 18 |         this.settings = this.loadSettings();
 19 | 
 20 |         window.BdApi.injectCSS("creation-date-settings", `#creation-date-save-button {margin-left: 8px;} #creation-date-setting-css, #creation-date-setting-format {width: 420px;}`);
 21 |         window.BdApi.injectCSS("creation-date-wrapper", `.creation-date-wrapper {${this.settings.css}}`);
 22 |     }
 23 | 
 24 |     stop() {
 25 |         $("#date-js").remove();
 26 |         window.BdApi.clearCSS("creation-date-settings");
 27 |         window.BdApi.clearCSS("creation-date-wrapper");
 28 |     }
 29 | 
 30 |     observer(ev) {
 31 | 		if (ev.addedNodes.length > 0 && ev.addedNodes[0].className && typeof ev.addedNodes[0].className === "string" && ev.addedNodes[0].className.includes("popout") 
 32 | 			&& ev.addedNodes[0].childNodes.length > 0 && ev.addedNodes[0].childNodes[0].className.includes("userPopout")) {
 33 | 				const user = this.getInternalInstance(ev.addedNodes[0]).memoizedProps.children.props.user;
 34 | 				const match = this.settings.format.match(/\$\((.*)\)\$/);
 35 | 				const date = this.getCreationDate(user.id, match[1]);
 36 | 
 37 | 				const activity = $(ev.addedNodes[0].childNodes[0]).find(".headerActivityText-3qBQRo");
 38 | 				
 39 | 				if (activity[0].childNodes.length > 0) {
 40 | 					activity.after($("<div>", {
 41 | 						class: "creation-date-wrapper",
 42 | 						text: this.settings.format.replace(match[0], date)
 43 | 					}));
 44 | 				} else {
 45 | 					activity.before($("<div>", {
 46 | 						class: "creation-date-wrapper",
 47 | 						text: this.settings.format.replace(match[0], date)
 48 | 					}));
 49 | 				}
 50 | 				
 51 | 			}
 52 |     }
 53 | 
 54 |     getSettingsPanel() {
 55 |         const settings = this.loadSettings();
 56 |         let html = "<h3>Settings</h3><br>";
 57 | 
 58 |         html += "CSS<br>";
 59 |         html += `<input id="creation-date-setting-css" type="text" value="${settings.css}"><br><br>`;
 60 |         html += "Format<br>";
 61 |         html += `<input id="creation-date-setting-format" type="text" value="${settings.format}"><br><br>`;
 62 |         html += `<br><button id="creation-date-reset-button" onclick="BdApi.getPlugin('Creation Date').resetSettings(this)">Reset</button>`;
 63 |         html += `<button id="creation-date-save-button" onclick="BdApi.getPlugin('Creation Date').saveSettings(this)">Save</button>`;
 64 | 
 65 |         return html;
 66 |     }
 67 | 
 68 |     resetSettings(button) {
 69 |         this.settings = $.extend(true, {}, this.defaultSettings);
 70 |         document.getElementById("creation-date-setting-css").value = this.settings.css;
 71 |         document.getElementById("creation-date-setting-format").value = this.settings.format;
 72 |         bdPluginStorage.set("CreationDate", "settings", JSON.stringify(this.settings));
 73 |         this.reloadCSS();
 74 | 
 75 |         button.innerHTML = "Settings Resetted!";
 76 |         setTimeout(() => {button.innerHTML = "Reset";}, 1000);
 77 |     }
 78 | 
 79 |     saveSettings(button) {
 80 |         this.settings.css = document.getElementById("creation-date-setting-css").value;
 81 |         this.settings.format = document.getElementById("creation-date-setting-format").value;
 82 |         bdPluginStorage.set("CreationDate", "settings", JSON.stringify(this.settings));
 83 |         this.reloadCSS();
 84 |         button.innerHTML = "Settings Saving!";
 85 |         setTimeout(() => {button.innerHTML = "Save";}, 1000);
 86 |     }
 87 | 
 88 |     loadSettings() {
 89 |         return bdPluginStorage.get("CreationDate", "settings") && JSON.parse(bdPluginStorage.get("CreationDate", "settings")) || $.extend(true, {}, this.defaultSettings);
 90 |     }
 91 | 
 92 |     reloadCSS() {
 93 |         window.BdApi.clearCSS("creation-date-wrapper");
 94 |         window.BdApi.injectCSS("creation-date-wrapper", `.creation-date-wrapper {${this.settings.css}}`);
 95 |     }
 96 | 	
 97 | 	getInternalInstance(e) {
 98 | 		return e[Object.keys(e).find(k => k.startsWith("__reactInternalInstance"))];
 99 | 	}
100 | 	
101 |     getCreationDate(id, format) {
102 |         return new Date(this.getCreationTimestamp(id)).toString(format);
103 |     }
104 | 
105 |     getCreationTimestamp(id) {
106 |         return (id / 4194304) + 1420070400000;
107 |     }
108 | 
109 |     getName() {
110 |         return "Creation Date";
111 |     }
112 | 
113 |     getDescription() {
114 |         return "See when a user's account was created.";
115 |     }
116 | 
117 |     getVersion() {
118 |         return "1.1.5";
119 |     }
120 | 
121 |     getAuthor() {
122 |         return "Natsulus";
123 |     }
124 | 
125 |     onMessage() {
126 |         // v2
127 |     }
128 | 
129 |     onSwitch() {
130 |         // Better to use observer
131 |     }
132 | 
133 |     load() {
134 |         // Deprecated in v2
135 |     }
136 | 
137 |     unload() {
138 |         // Deprecated in v2
139 |     }
140 | }


--------------------------------------------------------------------------------
/plugins/Creation Date/README.md:
--------------------------------------------------------------------------------
 1 | **Current Version**: 1.1.2
 2 | 
 3 | ## How to Use
 4 | 
 5 | 1. Download and Enable Plugin
 6 | 2. Modify the CSS and Format in the Settings Panel
 7 | 3. Click on a user for a modal popout which should also contain their Creation Date
 8 | 
 9 | ## CSS
10 | 
11 | The display of the user's creation date can be styled as you like.
12 | 
13 | The default CSS is: `font-size: 12px; color: #fff; font-family: inherit; opacity: 0.6; margin-top: 10px;`
14 | 
15 | Class of the element is `creation-date-wrapper` if you need it for a theme or something.
16 | 
17 | ## Formatting
18 | 
19 | The display of the user's creation date can be formatted along with text.
20 | 
21 | The default format is: `Created on $(dS of MMM, yyyy)$`
22 | 
23 | This plugin uses Datejs, so check out how to format the date section here: https://github.com/datejs/Datejs#converting-to-string
24 | 
25 | The formatted date section should be between `$(` and `)$`.
26 | 
27 | You can insert text within the formatted date section, however the following characters will not be escaped: `S, s, H, h, M, m, d, y`
28 | 
29 | ## v2 Plan
30 | - Get creation date for servers, channels, and messages!
31 | - Position options


--------------------------------------------------------------------------------
/plugins/Creation Date/config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "info": {
 3 |     "name": "Creation Date",
 4 |     "authors": [ "Natsulus" ],
 5 |     "version": "1.2a",
 6 |     "description": "See when a user's account was created.",
 7 |     "repository": "https://github.com/Natsulus/BD-Repo",
 8 |     "homepage": "https://github.com/Natsulus/BD-Repo",
 9 |     "reloadable":  true
10 |   },
11 |   "defaultSettings": [
12 |     {
13 |       "id": "css",
14 |       "type": "string",
15 |       "description": "CSS for text display.",
16 |       "value": "font-size: 12px; color: #fff; font-family: inherit; opacity: 0.6; margin-top: 10px;"
17 |     },
18 |     {
19 |       "id": "format",
20 |       "type": "string",
21 |       "description": "Format of text display.",
22 |       "value":  "Created on $(dS of MMM, yyyy)$"
23 |     }
24 |   ],
25 |   "permissions": []
26 | }


--------------------------------------------------------------------------------
/plugins/Creation Date/plugin.js:
--------------------------------------------------------------------------------
 1 | module.exports = (Plugin, BD, Vendor) => {
 2 | 	const {API, Events, Storage} = BD;
 3 | 	const {$, React} = Vendor;
 4 | 	
 5 | 	class CreationDate extends Plugin {
 6 | 		constructor(props) {
 7 | 			super(props);
 8 | 		}
 9 | 		
10 | 		onStart() {
11 | 			const settingsCSS = $("<style>", {
12 | 				id: "creation-date-settings",
13 | 				value: `#creation-date-save-button {margin-left: 8px;} #creation-date-setting-css, #creation-date-setting-format {width: 420px;}`
14 | 			});
15 | 			const wrapperCSS = $("<style>", {
16 | 				id: "creation-date-wrapper",
17 | 				value: `.creation-date-wrapper {${Storage.getSetting("CSS")}}`
18 | 			});
19 | 
20 | 			$("head").append(settingsCSS, wrapperCSS);
21 | 			
22 | 			Events.on("mutation", this.observer);
23 | 			Events.on("user-popout", this.popoutHandler);
24 | 			
25 | 			return true;
26 | 		}
27 | 		
28 | 		onStop() {
29 | 			$("#creation-date-settings, #creation-date-wrapper").remove();
30 | 			
31 | 			Events.off("mutation", this.observer);
32 | 			Events.off("user-popout", this.popoutHandler);
33 | 			
34 | 			return true;
35 | 		}
36 | 		
37 | 		onSave() {
38 | 			//
39 | 		}
40 | 		
41 | 		observer(ev) {
42 | 			// Popouts
43 | 			if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("popout")) {
44 | 				if (ev.addedNodes[0].childNodes[0].className.includes("user-popout")) {
45 | 					const props = window.Reflection.getProps(window.Reflection.getReactInternalInstance(ev.addedNodes[0].childNodes[0])._currentElement);
46 | 
47 | 					if (Reflect.has(props, "user")) {
48 | 						for (const plugin in this.plugins)
49 | 							Events.emit("user-popout", ev.addedNodes[0], props.user);
50 | 					}
51 | 				}
52 | 			}
53 | 		}
54 | 		
55 | 		popoutHandler(ev, user) {
56 | 			const display = Storage.getSetting("Format");
57 | 			const format = display.match(/\$\((.*)\)\$/);
58 | 			const date = this.getCreationDate(user.id, format[1]);
59 | 
60 | 			const header = $(ev.addedNodes[0].childNodes[0]).find(".header")
61 | 
62 | 			if (header[0].classList.length > 1) {
63 | 				header.find(".activity").after($("<div>", {
64 | 					class: "creation-date-wrapper",
65 | 					text: display.replace(format[0], date)
66 | 				}));
67 | 			} else {
68 | 				header.find(".username-wrapper").append($("<div>", {
69 | 					class: "creation-date-wrapper",
70 | 					text: display.replace(format[0], date)
71 | 				}));
72 | 			}
73 | 		}
74 | 
75 | 		getCreationDate(id, format) {
76 | 			return window._bd.moment(this.getCreationTimestamp(id)).format(format);
77 | 		}
78 | 
79 | 		getCreationTimestamp(id) {
80 | 			return (id / 4194304) + 1420070400000;
81 | 		}
82 | 	}
83 | 	
84 | 	return CreationDate;
85 | }


--------------------------------------------------------------------------------
/plugins/Dev Assist/DevAssist.plugin.js:
--------------------------------------------------------------------------------
 1 | //META{"name":"DevAssist"}*//
 2 | 
 3 | class DAEvent {
 4 |     constructor(name) {
 5 |         this.name = name;
 6 |         this.callbacks = [];
 7 |     }
 8 | 
 9 |     registerCallback(callback) {
10 |         this.callbacks.push(callback);
11 |     }
12 | }
13 | 
14 | class DAEventSystem {
15 |     constructor() {
16 |         this.events = {};
17 |     }
18 | 
19 |     registerEvent(eventName) {
20 |         this.events[eventName] = new DAEvent(eventName);
21 |     }
22 | 
23 |     trigger(eventName, ...eventArgs) {
24 |         if (this.events[eventName]) {
25 |             this.events[eventName].callbacks.forEach(callback => {
26 |                 callback(...eventArgs);
27 |             });
28 |         }
29 |     }
30 | 
31 |     on(eventName, callback) {
32 |         if (!this.events[eventName]) this.registerEvent(eventName);
33 |         this.events[eventName].registerCallback(callback);
34 |     }
35 | 
36 |     off(eventName) {
37 |         if (this.events[eventName]) Reflect.deleteProperty(this.events, eventName);
38 |     }
39 | }
40 | 
41 | class UtilityMethods {
42 |     constructor(name, style) {
43 |         this.name = name;
44 |         this.style = style || "font-weight: bold;";
45 |     }
46 | 
47 |     log(...args) {
48 |         console.log(`%c[${this.name}] `, this.style, ...args);
49 |     }
50 | 
51 |     info(...args) {
52 |         console.info(`%c[${this.name}] `, this.style, ...args);
53 |     }
54 | 
55 |     warn(...args) {
56 |         console.warn(`%c[${this.name}] `, this.style, ...args);
57 |     }
58 | 
59 |     error(...args) {
60 |         console.error(`%c[${this.name}] `, this.style, ...args);
61 |     }
62 | 
63 |     getUser() {
64 |         //return this.utils.getReactProps($(".account-details")[0]).user;
65 |     }
66 | 
67 |     static getCreationTimestamp(id) {
68 |         return (id / 4194304) + 1420070400000;
69 |     }
70 | }
71 | 
72 | class DevAssist {
73 |     //
74 | }


--------------------------------------------------------------------------------
/plugins/Dev Assist/README.md:
--------------------------------------------------------------------------------
1 | An extension that adds utilities which can assist plugin and theme developers while users can choose to enable and disable these utilities.
2 | 
3 | WIP, basically BD Utility, but taking a slightly different approach while keeping in mind update compatibility. This will be the final move, there will be no more name changing.


--------------------------------------------------------------------------------
/plugins/Move Changelog/MoveChangelog.plugin.js:
--------------------------------------------------------------------------------
 1 | //META{"name":"MoveChangelog"}*//
 2 | 
 3 | class MoveChangelog {
 4 |     start() {
 5 |         //
 6 |     }
 7 | 
 8 |     stop() {
 9 |         //
10 |     }
11 | 
12 |     // Meta Data //
13 | 
14 |     getName() {
15 |         return "Move Changelog";
16 |     }
17 | 
18 |     getDescription() {
19 |         return "Move Changelog!";
20 |     }
21 | 
22 |     getVersion() {
23 |         return "1.0.0";
24 |     }
25 | 
26 |     getAuthor() {
27 |         return `<a href="https://github.com/Natsulus/BD-Repo" target="_BLANK">Natsulus</a>`;
28 |     }
29 | 
30 |     load() {
31 |         // Deprecated in v2, just use constructor
32 |     }
33 | }
34 | 
35 | (() => {
36 |     const injectInterval = setInterval(() => {
37 |         if (window.BdApi) {
38 |             const css = `
39 | 				#bd-settings-new {
40 | 					padding-top: 10px;
41 | 					padding-bottom: 8px;
42 | 				}
43 | 				#bd-settings-new:after {
44 | 					content: '';
45 | 					position: absolute;
46 | 					width: 20px;
47 | 					height: 1px;
48 | 					background-color: rgba(255, 255, 255, 0.1);
49 | 					top: 0px;
50 | 					left: 20px
51 | 				}
52 | 				.settings-actions .change-log-button {
53 | 					opacity: 1;
54 | 					color: #87909c;
55 | 					display: inline-flex;
56 | 					width: 50%;
57 | 					font-size: 12px;
58 | 				}`;
59 | 
60 |             window.BdApi.injectCSS("changelog-css", css);
61 |             clearInterval(injectInterval);
62 |         }
63 |     }, 100);
64 | 
65 |     const changelogObs = new MutationObserver(mutations => {
66 |         mutations.forEach(ev => {
67 |             if (ev.addedNodes.length !== 1) return;
68 | 
69 |             if (ev.addedNodes[0].className && ev.addedNodes[0].className.includes("modal")) {
70 |                 if (ev.addedNodes[0].childNodes[0].childNodes[0].className.includes("user-settings-modal")) {
71 |                     $(".settings-actions .btn-confirm").after($(".change-log-button").detach());
72 |                     $(".change-log-button-container").remove();
73 |                 }
74 |             } else if (ev.addedNodes[0].id === "bd-pane") {
75 |                 $(".bda-name:contains(Move Changelog)").parents("li").remove();
76 |             }
77 |         });
78 |     });
79 | 
80 |     changelogObs.observe(document.body, {
81 |         childList: true,
82 |         subtree: true
83 |     });
84 | })(); // use IIFE to avoid polluting global namespace


--------------------------------------------------------------------------------
/plugins/Move Changelog/README.md:
--------------------------------------------------------------------------------
1 | Moves Change Log button in the User Settings to a nicer position.
2 | 
3 | ![Moved](http://i.imgur.com/QEhm0gD.png)
4 | 
5 | Just put it in your plugin folder and reload, no need to enable it.


--------------------------------------------------------------------------------
/plugins/Old/BD Utility 2/BDUtility.plugin.js:
--------------------------------------------------------------------------------
  1 | //META{"name":"BDUtility"}*//
  2 | 
  3 | class BDEvent {
  4 |     constructor(name) {
  5 |         this.name = name;
  6 |         this.callbacks = [];
  7 |     }
  8 | 
  9 |     registerCallback(callback) {
 10 |         this.callbacks.push(callback);
 11 |     }
 12 | }
 13 | 
 14 | class BDEventSystem {
 15 |     constructor() {
 16 |         this.events = {};
 17 |     }
 18 | 
 19 |     registerEvent(eventName) {
 20 |         this.events[eventName] = new BDEvent(eventName);
 21 |     }
 22 | 
 23 |     trigger(eventName, ...eventArgs) {
 24 |         if (this.events[eventName]) {
 25 |             this.events[eventName].callbacks.forEach(callback => {
 26 |                 callback(...eventArgs);
 27 |             });
 28 |         }
 29 |     }
 30 | 
 31 |     on(eventName, callback) {
 32 |         if (!this.events[eventName]) this.registerEvent(eventName);
 33 |         this.events[eventName].registerCallback(callback);
 34 |     }
 35 | 
 36 |     off(eventName) {
 37 |         if (this.events[eventName]) Reflect.deleteProperty(this.events, eventName);
 38 |     }
 39 | }
 40 | 
 41 | class BDModal {
 42 |     constructor(options) {
 43 |         this.prefix = options.prefix;
 44 |     }
 45 | 
 46 |     show() {
 47 |         const span = $("<span>", {class: `${this.prefix}-modal-span`});
 48 | 
 49 |         span.append(this.createBackdrop(span));
 50 |         this.modal = this.constructModal();
 51 |         span.append(this.modal);
 52 | 
 53 |         $("#app-mount").find(">:first-child").append(span);
 54 |     }
 55 | 
 56 |     createBackdrop(span) {
 57 |         const backdrop = $("<div>", {
 58 |             class: "callout-backdrop",
 59 |             style: "opacity: 0; transform: translateZ(0px); background-color: rgb(0, 0, 0);",
 60 |             click(ev) {
 61 |                 ev.stopImmediatePropagation();
 62 | 
 63 |                 span.children(".callout-backdrop").animate({opacity: 0}, 100, "linear");
 64 |                 span.children(".modal").animate({opacity: 0}, {
 65 |                     duration: 100,
 66 |                     easing: "linear",
 67 |                     progress: (anim, prog) => {
 68 |                         $(anim.elem).css("transform", `scale(${1 - 0.35 * prog})`);
 69 |                     },
 70 |                     complete() {
 71 |                         span.remove();
 72 |                     }
 73 |                 });
 74 |             }
 75 |         });
 76 | 
 77 |         backdrop.animate({opacity: 0.85}, 100, "linear");
 78 | 
 79 |         return backdrop;
 80 |     }
 81 | 
 82 |     constructModal() {
 83 |         //
 84 |     }
 85 | }
 86 | 
 87 | class BDSettingsPanel {
 88 |     constructor(settings) {
 89 |         this.enabled = false;
 90 |         this.prefix = settings.prefix;
 91 |         this.name = settings.name;
 92 |         this.defaultPage = settings.defaultPage;
 93 | 
 94 |         this.settingsPanel = $("<div>", {
 95 |             id: `${this.prefix}-panel`,
 96 |             class: "settings-inner",
 97 |             css: {display: "none"}
 98 |         });
 99 | 
100 |         this.settingsPanel.append(settings.content);
101 | 
102 |         const changeSettingsTab = tab => {
103 |             this.lastTab = tab;
104 | 
105 |             $(`.${this.prefix}-tab`).removeClass("selected");
106 |             $(`.${this.prefix}-page`).hide();
107 |             $(`#${this.prefix}-${tab}-tab`).addClass("selected");
108 |             $(`#${this.prefix}-${tab}-page`).show();
109 | 
110 |             // Add Unique Tab actions here
111 |         };
112 | 
113 |         const showSettings = () => {
114 |             $(".tab-bar-item").removeClass("selected");
115 |             this.settingsButton.addClass("selected");
116 |             $(".form .settings-right .settings-inner").hide();
117 | 
118 |             this.settingsPanel.show();
119 | 
120 |             if (typeof this.lastTab === "undefined") changeSettingsTab(this.defaultPage);
121 |             else changeSettingsTab(this.lastTab);
122 |         };
123 | 
124 |         // Create Tab Bar Button
125 |         this.settingsButton = $("<div>", {
126 |             class: `tab-bar-item ${this.prefix}-tab-bar-item`,
127 |             text: this.name,
128 |             id: `${this.prefix}-settings-new`,
129 |             click(ev) {
130 |                 ev.stopImmediatePropagation();
131 |                 showSettings();
132 |             }
133 |         });
134 |     }
135 | 
136 |     show() {
137 |         if (this.enabled) {
138 |             this.settingsPanel.hide();
139 |             $(`#${this.prefix}-settings-new`).removeClass("selected");
140 | 
141 |             $(".tab-bar.SIDE .tab-bar-item:not(#bd-settings-new)").click(() => {
142 |                 $(".form .settings-right .settings-inner").first().show();
143 |                 this.settingsPanel.hide();
144 |                 $(`#${this.prefix}-settings-new`).removeClass("selected");
145 |             });
146 | 
147 |             const setTabBar = setInterval(() => {
148 |                 const bdtab = $("#bd-settings-new");
149 | 
150 |                 if (bdtab.length > 0) {
151 |                     clearInterval(setTabBar);
152 |                     $(".tab-bar.SIDE").append(this.settingsButton);
153 |                     $(`#${this.prefix}-settings-new`).removeClass("selected");
154 |                     bdtab.click(() => {
155 |                         $(`#${this.prefix}-settings-new`).removeClass("selected");
156 |                         this.settingsPanel.hide();
157 |                     });
158 |                 }
159 |             }, 100);
160 | 
161 |             $(".form .settings-right .settings-inner").last().after(this.settingsPanel);
162 |         }
163 |     }
164 | 
165 |     hide() {
166 |         //
167 |     }
168 | 
169 |     createPage(pageId) {
170 |         // create page and tab
171 |     }
172 | 
173 |     createSubPage(pageId, subPageId) {
174 |         // create page and tab
175 |     }
176 | 
177 |     createCategory(pageId, category) {
178 |         // check parent.type for page/subpage
179 |         // parent.name for selection
180 |     }
181 | 
182 |     createSettings(parent, settings) {
183 |         // check parent.type for page/subpage/category
184 |         // parent.name for selection
185 | 
186 |         // construct settings
187 |         // append/after settings to parent
188 |     }
189 | 
190 |     createLog(parent, log) {
191 |         // check parent.type for page/subpage/category
192 |         // parent.name for selection
193 | 
194 |         // modify log
195 |         // append/after log to parent
196 |     }
197 | 
198 |     createCustom(parent, custom) {
199 |         // check parent.type for page/subpage/category
200 |         // parent.name for selection
201 | 
202 |         // append/after custom to parent
203 |     }
204 | 
205 |     constructSettings() {
206 |         this.settingsPanel = $("<div>", {
207 |             id: `${this.prefix}-panel`,
208 |             class: "settings-inner",
209 |             css: {display: "none"}
210 |         });
211 | 
212 |         // construct the settings
213 |         // this.settingsPanel.append(settings);
214 |     }
215 | 
216 |     updateCheckbox(checkbox) {
217 |         const cb = $(checkbox).children().find(`input[type="checkbox"]`);
218 |         const enabled = !cb.is(":checked");
219 |         const id = cb.attr("id");
220 | 
221 |         cb.prop("checked", enabled);
222 | 
223 |         // do stuff
224 |     }
225 | 
226 |     updateRadio(radio) {
227 |         //
228 |     }
229 | 
230 |     updateList(list) {
231 |         //
232 |     }
233 | 
234 |     updateSlider(slider) {
235 |         //
236 |     }
237 | 
238 |     updateTextbox(textbox) {
239 |         //
240 |     }
241 | 
242 |     updateSettings() {
243 |         // get settings and save
244 |     }
245 | }
246 | 
247 | class BDContextItem {
248 |     //
249 | }
250 | 
251 | class BDContextManager {
252 |     //
253 | }
254 | 
255 | class BDUtils {
256 |     constructor(name, style) {
257 |         this.name = name;
258 |         this.style = style || "font-weight: bold;";
259 |     }
260 | 
261 |     log(...args) {
262 |         console.log(`%c[${this.name}] `, this.style, ...args);
263 |     }
264 | 
265 |     info(...args) {
266 |         console.info(`%c[${this.name}] `, this.style, ...args);
267 |     }
268 | 
269 |     warn(...args) {
270 |         console.warn(`%c[${this.name}] `, this.style, ...args);
271 |     }
272 | 
273 |     error(...args) {
274 |         console.error(`%c[${this.name}] `, this.style, ...args);
275 |     }
276 | 
277 |     getUser() {
278 |         return this.utils.getReactProps($(".account-details")[0]).user;
279 |     }
280 | 
281 |     getCreationTimestamp(id) {
282 |         return (id / 4194304) + 1420070400000;
283 |     }
284 | 
285 |     getJSON(url) {
286 |         return new Promise((resolve, reject) => {
287 |             $.ajax({
288 |                 dataType: "json",
289 |                 error(...err) {
290 |                     reject(err);
291 |                 },
292 |                 success(data) {
293 |                     resolve(data);
294 |                 },
295 |                 type: "GET",
296 |                 url
297 |             });
298 |         });
299 |     }
300 | 
301 |     getGithubJSON(user, repo, branch = "master", file) {
302 |         return new Promise((resolve, reject) => {
303 |             $.ajax({
304 |                 error(...err) {
305 |                     reject(err);
306 |                 },
307 |                 success(data) {
308 |                     resolve(JSON.parse(data));
309 |                 },
310 |                 type: "GET",
311 |                 url: `https://raw.githubusercontent.com/${user}/${repo}/${branch}/${file}.json`
312 |             });
313 |         });
314 |     }
315 | 
316 |     getGithubHash(user, repo, branch = "master") {
317 |         return new Promise((resolve, reject) => {
318 |             $.ajax({
319 |                 beforeSend: xhr => {
320 |                     xhr.setRequestHeader("Accept", "application/vnd.github.v3+json");
321 |                 },
322 |                 error(...err) {
323 |                     reject(err);
324 |                 },
325 |                 success(data) {
326 |                     resolve(data.sha);
327 |                 },
328 |                 type: "GET",
329 |                 url: `https://api.github.com/repos/${user}/${repo}/commits/${branch}`
330 |             });
331 |         });
332 |     }
333 | 
334 |     getCDNFile(user, repo, branch = "master", file) {
335 |         return new Promise((resolve, reject) => {
336 |             this.getGithubHash(branch).then(hash => {
337 |                 $.ajax({
338 |                     error(...err) {
339 |                         reject(err);
340 |                     },
341 |                     success(data) {
342 |                         resolve(data);
343 |                     },
344 |                     type: "GET",
345 |                     url: `https://rawcdn.githack.com/${user}/${repo}/${hash}/${file}`
346 |                 });
347 |             }).catch(err => {
348 |                 reject(err);
349 |             });
350 |         });
351 |     }
352 | 
353 |     loadScript(item, url) {
354 |         const script = $("<script>", {
355 |             id: item,
356 |             src: url,
357 |             type: "text/javascript"
358 |         });
359 | 
360 |         $("head").append(script);
361 |         this.info("Loaded:", item);
362 |     }
363 | 
364 |     unloadScript(item) {
365 |         $(`#${item}`).remove();
366 |         this.info("Unloaded:", item);
367 |     }
368 | 
369 |     saveStorage(store, data) {
370 |         localStorage.setItem(store, window.LZString.compress(JSON.stringify(data)));
371 |     }
372 | 
373 |     loadStorage(store, def) { // only to be used on storage saved with saveStorage
374 |         return localStorage.getItem(store) && JSON.parse(window.LZString.decompress(localStorage.getItem(store))) || def || {};
375 |     }
376 | 
377 |     getReactData(node) {
378 |         return node[Object.keys(node).find(key => {
379 |             return key.startsWith("__reactInternalInstance");
380 |         })];
381 |     }
382 | 
383 |     getReactInstance(node) {
384 |         return (data => {
385 |             if (data) return data._currentElement._owner._instance;
386 |         })(this.getReactData(node));
387 |     }
388 | 
389 |     getReactProps(node) {
390 |         return (data => {
391 |             if (data) return data._currentElement._owner._instance.props;
392 |         })(this.getReactData(node));
393 |     }
394 | 
395 |     createModal() {
396 |         //
397 |     }
398 | 
399 |     initSettings(settings) {
400 |         if (typeof settings === "object") {
401 |             const jQueryInterval = setInterval(() => {
402 |                 if (window.jQuery) {
403 |                     this.settingsPanel = new BDSettingsPanel(settings);
404 |                     clearInterval(jQueryInterval);
405 |                 }
406 |             }, 100);
407 |         }
408 |     }
409 | }
410 | 
411 | class BDUtility {
412 |     constructor() {
413 |         const settings = {
414 |             prefix: "bdutils",
415 |             name: "BD Utility",
416 |             defaultPage: "settings",
417 |             content: "Temporary Content Test"
418 |         };
419 | 
420 |         BDUtility.main = this;
421 | 
422 |         this.plugins = {};
423 | 
424 |         this.utils = this.init("BD Utility");
425 |         this.utils.initSettings(settings);
426 | 
427 |         this.utils.event.on("userSettings", () => {
428 |             $(".settings-actions .btn-confirm").after($(".change-log-button").detach());
429 |             $(".change-log-button-container").remove();
430 | 
431 |             for (const plugin in this.plugins) if (this.plugins[plugin].settingsPanel) this.plugins[plugin].settingsPanel.show();
432 |         });
433 | 
434 |         // Queue Mutations until BD Utility is started
435 |         this.onLoad = {};
436 |         this.onLoad.queue = [];
437 |         this.onLoad.ready = false;
438 | 
439 |         const cookieInterval = setInterval(() => {
440 |             if (window.pluginCookie && Reflect.has(window.pluginCookie, this.getName())) {
441 |                 if (!window.pluginCookie[this.getName()]) {
442 |                     window.pluginCookie[this.getName()] = true;
443 |                     window.pluginModule.savePluginData();
444 |                     setTimeout(() => {
445 |                         window.require("electron").remote.getCurrentWindow().reload(); // reload in case start doesn't get called
446 |                     }, 1000);
447 |                 }
448 |                 clearInterval(cookieInterval);
449 |             }
450 |         }, 10);
451 | 
452 |         this.mutationObserver = new MutationObserver(mutations => {
453 |             mutations.forEach(ev => {
454 |                 if (this.onLoad.ready) this.eventObserver(ev);
455 |                 else this.onLoad.queue.push(ev);
456 |             });
457 |         });
458 | 
459 |         this.mutationObserver.observe(document, {
460 |             childList: true,
461 |             subtree: true
462 |         });
463 | 
464 |         const panelInterval = setInterval(() => {
465 |             if (this.utils.settingsPanel) {
466 |                 this.utils.settingsPanel.enabled = true;
467 |                 clearInterval(panelInterval);
468 |             }
469 |         }, 100);
470 | 
471 |         const injectInterval = setInterval(() => {
472 |             if (window.BdApi) {
473 |                 const css = `
474 |                     #bd-settings-new {
475 |                         padding-top: 10px;
476 |                         padding-bottom: 8px;
477 |                     }
478 |                     #bd-settings-new:after {
479 |                         content: '';
480 |                         position: absolute;
481 |                         width: 20px;
482 |                         height: 1px;
483 |                         background-color: rgba(255, 255, 255, 0.1);
484 |                         top: 0px;
485 |                         left: 20px
486 |                     }
487 |                     .settings-actions .change-log-button {
488 |                         opacity: 1;
489 |                         color: #87909c;
490 |                         display: inline-flex;
491 |                         width: 50%;
492 |                         font-size: 12px;
493 |                     }`;
494 | 
495 |                 window.BdApi.injectCSS("bd-utility", css);
496 |                 clearInterval(injectInterval);
497 |             }
498 |         }, 100);
499 | 
500 |         const scriptInterval = setInterval(() => {
501 |             if (window.jQuery) {
502 |                 if ($("#lz-string").length === 0)
503 |                     this.utils.loadScript("lz-string", "https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.4.4/lz-string.min.js");
504 |                 if ($("#jquery-getReact").length === 0)
505 |                     this.utils.loadScript("jquery-getReact", "https://rawcdn.githack.com/Natsulus/BD-Repo/master/plugins/BD%20Utility/jquery.getReact.js");
506 |                 clearInterval(scriptInterval);
507 |             }
508 |         }, 100);
509 |     }
510 | 
511 |     init(name, style) {
512 |         this.plugins[name] = new BDUtils(name, style);
513 |         this.plugins[name].event = new BDEventSystem();
514 |         this.plugins[name].context = new BDContextManager();
515 | 
516 |         return this.plugins[name];
517 |     }
518 | 
519 |     start() {
520 |         setTimeout(() => {
521 |             this.onLoad.ready = true;
522 |             while(this.onLoad.queue.length > 0) this.eventObserver(this.onLoad.queue.shift());
523 |         }, 1000); // 1 second buffer for other plugins
524 |     }
525 | 
526 |     stop() {
527 |         //
528 |     }
529 | 
530 |     eventObserver(ev) {
531 |         // Voice Join/Leave, Leaving doesn't provide user unfortunately
532 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1 && ev.target.className.includes("channel-voice")) {
533 |             if (ev.addedNodes[0].className && ev.addedNodes[0].className.includes("channel-voice-states")) {
534 |                 const props = this.utils.getReactProps(ev.addedNodes[0].childNodes[0]);
535 | 
536 |                 for (const plugin in this.plugins)
537 |                     this.plugins[plugin].event.trigger("joinVoiceChannel", ev.addedNodes[0], props.user, props.channel);
538 |             } else if (ev.removedNodes[0].className && ev.removedNodes[0].className.includes("channel-voice-states")) {
539 |                 const props = this.utils.getReactProps(ev.target);
540 | 
541 |                 for (const plugin in this.plugins)
542 |                     this.plugins[plugin].event.trigger("leaveVoiceChannel", ev.removedNodes[0], props.channel);
543 |             }
544 |         }
545 | 
546 |         // Tooltips, can't get React Data of Owner unfortunately
547 |         if (ev.target.className === "tooltips") {
548 |             for (const plugin in this.plugins) {
549 |                 if (ev.addedNodes.length === 1) this.plugins[plugin].event.trigger("tooltipOver", ev.addedNodes[0]);
550 |                 else this.plugins[plugin].event.trigger("tooltipOff", ev.removedNodes[0]);
551 |             }
552 |         }
553 | 
554 |         // Switching Channel/Server, switchServerChannel for when switching server because can't get old channel
555 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1 && ev.target.nodeName === "SPAN") {
556 |             if (ev.target.className === "channel-name") {
557 |                 const oldProps = $(`a > .channel-name:contains(${ev.removedNodes[0].data})`).getReactProps()[0];
558 |                 const newProps = $(`a > .channel-name:contains(${ev.addedNodes[0].data})`).getReactProps()[0];
559 | 
560 |                 for (const plugin in this.plugins) {
561 |                     if (oldProps) this.plugins[plugin].event.trigger("switchTextChannel", ev.addedNodes[0], oldProps.channel, newProps.channel);
562 |                     else this.plugins[plugin].event.trigger("switchServerChannel", ev.addedNodes[0], newProps.channel);
563 | 
564 |                     this.plugins[plugin].event.trigger("loadTextChannel", ev.addedNodes[0], newProps.channel);
565 |                 }
566 |             }
567 |             const props = this.utils.getReactProps(ev.target);
568 | 
569 |             if (Reflect.has(props, "guild")) {
570 |                 for (const plugin in this.plugins) {
571 |                     this.plugins[plugin].event.trigger("switchServer", ev.addedNodes[0], props.guild);
572 |                     this.plugins[plugin].event.trigger("loadServer", ev.addedNodes[0], props.guild);
573 |                 }
574 |             }
575 |         }
576 | 
577 |         // Load Friend List Page
578 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1 && ev.target.nodeName === "SECTION" && ev.target.className === "flex-horizontal flex-spacer") {
579 |             if (ev.addedNodes[0].id === "friends") {
580 |                 $(ev.addedNodes[0]).find("div.scroller.friends-table-body > span").children().each((i, el) => {
581 |                     const props = this.utils.getReactProps(el.childNodes[0]);
582 | 
583 |                     if (Reflect.has(props, "user")) {
584 |                         for (const plugin in this.plugins)
585 |                             this.plugins[plugin].event.trigger("loadFriend", el, props.user, props.mutualGuilds);
586 |                     }
587 |                 });
588 | 
589 | 
590 |                 for (const plugin in this.plugins)
591 |                     this.plugins[plugin].event.trigger("loadFriendList", ev.addedNodes[0]);
592 |             }
593 |         }
594 | 
595 |         // User Typing Notification
596 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1 && ev.target.nodeName === "FORM" && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("typing")) {
597 |             const props = this.utils.getReactProps(ev.target);
598 | 
599 |             if (Reflect.has(props, "channel")) {
600 |                 for (const plugin in this.plugins)
601 |                     this.plugins[plugin].event.trigger("userTyping", ev.addedNodes[0], props.channel);
602 |             }
603 |         }
604 | 
605 |         // Show Member List
606 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className === "channel-members-wrap" && ev.target.className === "content flex-spacer flex-horizontal") {
607 |             for (const plugin in this.plugins)
608 |                 this.plugins[plugin].event.trigger("showMemberList", ev.addedNodes[0]);
609 |         }
610 | 
611 |         // DM Page to Server
612 |         if (ev.addedNodes.length === 1 && ev.target.className === "flex-vertical channels-wrap") {
613 |             const props = this.utils.getReactProps(ev.addedNodes[0]);
614 | 
615 |             if (Reflect.has(props, "guild")) {
616 |                 for (const plugin in this.plugins)
617 |                     this.plugins[plugin].event.trigger("loadServer", ev.addedNodes[0], props.guild);
618 |             }
619 |         }
620 | 
621 |         // Load each new friend row
622 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("friends-row")) {
623 |             const props = this.utils.getReactProps(ev.addedNodes[0].childNodes[0]);
624 | 
625 |             if (Reflect.has(props, "user")) {
626 |                 for (const plugin in this.plugins)
627 |                     this.plugins[plugin].event.trigger("loadFriend", ev.addedNodes[0], props.user, props.mutualGuilds);
628 |             }
629 |         }
630 | 
631 |         // Popouts
632 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("popout")) {
633 |             if (ev.addedNodes[0].childNodes[0].className.includes("user-popout")) {
634 |                 const props = this.utils.getReactProps(ev.addedNodes[0].childNodes[0]);
635 | 
636 |                 if (Reflect.has(props, "user")) {
637 |                     for (const plugin in this.plugins)
638 |                         this.plugins[plugin].event.trigger("userPopout", ev.addedNodes[0], props.user);
639 |                 }
640 |             } else if (ev.addedNodes[0].childNodes[0].className.includes("undefined")) {
641 |                 const props = this.utils.getReactProps(ev.addedNodes[0].childNodes[0]);
642 | 
643 |                 if (Reflect.has(props, "channel")) {
644 |                     for (const plugin in this.plugins)
645 |                         this.plugins[plugin].event.trigger("pinnedPopout", ev.addedNodes[0], props.channel);
646 |                 }
647 |             } else if (ev.addedNodes[0].childNodes[0].className.includes("recent-mentions-popout")) {
648 |                 for (const plugin in this.plugins)
649 |                     this.plugins[plugin].event.trigger("mentionsPopout", ev.addedNodes[0]);
650 |             }
651 |         }
652 | 
653 |         // Load User to Member List
654 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("member") && ev.target.className.includes("scroller channel-members")) {
655 |             const props = this.utils.getReactProps(ev.addedNodes[0]);
656 | 
657 |             if (Reflect.has(props, "user")) {
658 |                 for (const plugin in this.plugins)
659 |                     this.plugins[plugin].event.trigger("loadMember", ev.addedNodes[0], props.user, props.activity);
660 |             }
661 |         }
662 | 
663 |         // Context Menu
664 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("context-menu")) {
665 |             if (ev.target.className.includes("item-subMenu")) {
666 |                 const props = this.utils.getReactProps(ev.target);
667 | 
668 |                 if (props) {
669 |                     for (const plugin in this.plugins)
670 |                         this.plugins[plugin].event.trigger("subContextMenu", ev.addedNodes[0], props);
671 |                 }
672 |             }
673 |             const props = this.utils.getReactProps(ev.addedNodes[0]);
674 | 
675 |             if (props) {
676 |                 for (const plugin in this.plugins)
677 |                     this.plugins[plugin].event.trigger("contextMenu", ev.addedNodes[0], props);
678 |             }
679 |         }
680 | 
681 |         // Hide Member list
682 |         if (ev.removedNodes.length === 1 && ev.removedNodes[0].className === "channel-members-wrap" && ev.target.className === "content flex-spacer flex-horizontal") {
683 |             for (const plugin in this.plugins)
684 |                 this.plugins[plugin].event.trigger("hideMemberList", ev.removedNodes[0]);
685 |         }
686 | 
687 |         // Message on Switch
688 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("messages-wrapper") && ev.target.className.includes("flex-spacer flex-vertical")) {
689 |             $(ev.addedNodes[0]).find(".message").each((i, el) => {
690 |                 const props = this.utils.getReactProps(el);
691 | 
692 |                 if (Reflect.has(props, "message")) {
693 |                     for (const plugin in this.plugins)
694 |                         this.plugins[plugin].event.trigger("message", el, props.message, props.channel);
695 |                 }
696 |             });
697 |         }
698 | 
699 |         // New Message
700 |         if (ev.addedNodes.length === 1 && ev.target.className.includes("scroller messages")) {
701 |             $(ev.addedNodes[0]).find(".message").each((i, el) => {
702 |                 const props = this.utils.getReactProps(el);
703 | 
704 |                 if (Reflect.has(props, "message")) {
705 |                     for (const plugin in this.plugins)
706 |                         this.plugins[plugin].event.trigger("message", el, props.message, props.channel);
707 |                 }
708 |             });
709 |         }
710 | 
711 |         // User Settings Modal
712 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("modal")) {
713 |             if (ev.addedNodes[0].childNodes[0].childNodes[0].className.includes("user-settings-modal")) {
714 |                 for (const plugin in this.plugins)
715 |                     this.plugins[plugin].event.trigger("userSettings", ev.addedNodes[0]);
716 |             }
717 |         }
718 | 
719 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 0) {
720 |             //console.log(ev);
721 |         }
722 | 
723 |         if (ev.addedNodes.length === 0 && ev.removedNodes.length === 1) {
724 |             //console.log(ev);
725 |         }
726 | 
727 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1) {
728 |             //console.log(ev);
729 |         }
730 |     }
731 | 
732 |     /*
733 |      Well Tested Events:
734 |      - message
735 |      - loadMember
736 |      */
737 | 
738 |     /*
739 |      To Do:
740 |      - More Events
741 |      - Do not pass Mutation Records, pass Nodes/Elements
742 |      - Verify untested utility functions
743 |      */
744 | 
745 |     // Meta Data //
746 | 
747 |     getName() {
748 |         return "BD Utility";
749 |     }
750 | 
751 |     getDescription() {
752 |         return "Tons of Utility for Developers!";
753 |     }
754 | 
755 |     getVersion() {
756 |         return "2.0.0";
757 |     }
758 | 
759 |     getAuthor() {
760 |         return `<a href="https://github.com/Natsulus/BD-Repo" target="_BLANK">Natsulus</a>`;
761 |     }
762 | 
763 |     load() {
764 |         // Deprecated in v2, just use constructor
765 |     }
766 | }
767 | 
768 | (() => {
769 |     const removeBDUtility = new MutationObserver(mutations => {
770 |         mutations.forEach(ev => {
771 |             if (ev.addedNodes.length !== 1) return;
772 | 
773 |             if (ev.addedNodes[0].id === "bd-pane") {
774 |                 $(".bda-name:contains(BD Utility)").parents("li").remove();
775 |                 removeBDUtility.disconnect();
776 |             }
777 |         });
778 |     });
779 | 
780 |     removeBDUtility.observe(document.body, {
781 |         childList: true,
782 |         subtree: true
783 |     });
784 | 
785 |     const currentVersion = BDUtility.prototype.getVersion();
786 |     // get latest BD Utility version
787 |     // compare version with BDUtility.prototype.getVersion()
788 |     // display notice if new version
789 | })(); // use IIFE to avoid polluting global namespace


--------------------------------------------------------------------------------
/plugins/Old/BD Utility 2/README.md:
--------------------------------------------------------------------------------
 1 | This is a pre-release for people to view the code and progress. It is **not** a complete and ready plugin.
 2 | 
 3 | - Event System: For events like Join/Leave Voice Channel, Switch Server, etc (100%)
 4 | - Custom Modals: Create modals like the one that appears for Changing Nicknames (5%)
 5 | - [Custom Settings Panel](http://i.imgur.com/GVC6Va7.png): Create a settings panel, not like the in-built BD one (20%) 
 6 | - Custom Context Menu Items: Create context menu items which can also only appear depending on context menu type (0%)
 7 | - BD Utility: Utility Functions including logging functions which is recommended to be used over the default *console* (95%)
 8 | 
 9 | **Overall Progress:** 30%
10 | 
11 | The Custom Items allow for developers to create custom modals, setting panels, and context menu items much more simply than having to create a bunch of elements and event handlers themselves.


--------------------------------------------------------------------------------
/plugins/Old/BD Utility 2/version.json:
--------------------------------------------------------------------------------
1 | "2.0.0"


--------------------------------------------------------------------------------
/plugins/Old/BD Utility/BDUtility.plugin.js:
--------------------------------------------------------------------------------
  1 | //META{"name":"BDUtility"}*//
  2 | 
  3 | class BDEvent {
  4 |     constructor(name) {
  5 |         this.name = name;
  6 |         this.callbacks = [];
  7 |     }
  8 | 
  9 |     registerCallback(callback) {
 10 |         this.callbacks.push(callback);
 11 |     }
 12 | }
 13 | 
 14 | class BDEventSystem {
 15 |     constructor() {
 16 |         this.events = {};
 17 |     }
 18 | 
 19 |     registerEvent(eventName) {
 20 |         this.events[eventName] = new BDEvent(eventName);
 21 |     }
 22 | 
 23 |     trigger(eventName, ...eventArgs) {
 24 |         if (this.events[eventName]) {
 25 |             this.events[eventName].callbacks.forEach(callback => {
 26 |                 callback(...eventArgs);
 27 |             });
 28 |         }
 29 |     }
 30 | 
 31 |     on(eventName, callback) {
 32 |         if (!this.events[eventName]) this.registerEvent(eventName);
 33 |         this.events[eventName].registerCallback(callback);
 34 |     }
 35 | }
 36 | 
 37 | class BDUtility extends BDEventSystem {
 38 |     constructor(options) {
 39 |         super();
 40 |         if (!window.LZString) {
 41 |             const waitInterval = setInterval(() => {
 42 |                 if (window.LZString) clearInterval(waitInterval);
 43 |                 if (window.jQuery) {
 44 |                     this.loadScript("lz-string", "https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.4.4/lz-string.min.js");
 45 |                     clearInterval(waitInterval);
 46 |                 }
 47 |             }, 200);
 48 |         }
 49 | 
 50 |         this.repository = options && options.repository;
 51 |         this.plugin = options && options.plugin;
 52 |         this.console = options && options.console || options && options.plugin && options.plugin.getName() || "BD Utility";
 53 |         this.style = options && options.style || "font-weight: bold;";
 54 |     }
 55 | 
 56 |     log(...args) {
 57 |         console.log(`%c[${this.console || "BD Utility"}] `, this.style, ...args);
 58 |     }
 59 | 
 60 |     info(...args) {
 61 |         console.info(`%c[${this.console || "BD Utility"}] `, this.style, ...args);
 62 |     }
 63 | 
 64 |     warn(...args) {
 65 |         console.warn(`%c[${this.console || "BD Utility"}] `, this.style, ...args);
 66 |     }
 67 | 
 68 |     error(...args) {
 69 |         console.error(`%c[${this.console || "BD Utility"}] `, this.style, ...args);
 70 |     }
 71 | 
 72 |     loadScript(item, url) {
 73 |         const script = $("<script>", {
 74 |             id: item,
 75 |             src: url,
 76 |             type: "text/javascript"
 77 |         });
 78 | 
 79 |         $("head").append(script);
 80 |         this.info("Loaded:", item);
 81 |     }
 82 | 
 83 |     unloadScript(item) {
 84 |         $(`#${item}`).remove();
 85 |         this.info("Unloaded:", item);
 86 |     }
 87 | 
 88 |     getUser() {
 89 |         return this.getReactProps($(".account-details")[0]).user;
 90 |     }
 91 | 
 92 |     getJSON(url) {
 93 |         return new Promise((resolve, reject) => {
 94 |             $.ajax({
 95 |                 dataType: "json",
 96 |                 error(...err) {
 97 |                     reject(err);
 98 |                 },
 99 |                 success(data) {
100 |                     resolve(data);
101 |                 },
102 |                 type: "GET",
103 |                 url
104 |             });
105 |         });
106 |     }
107 | 
108 |     getGithubJSON(branch = "master", file) {
109 |         return new Promise((resolve, reject) => {
110 |             if (!this.repository) reject("No Repository Defined");
111 |             $.ajax({
112 |                 error(...err) {
113 |                     reject(err);
114 |                 },
115 |                 success(data) {
116 |                     resolve(JSON.parse(data));
117 |                 },
118 |                 type: "GET",
119 |                 url: `https://raw.githubusercontent.com/${this.repository}/${branch}/${file}.json`
120 |             });
121 |         });
122 |     }
123 | 
124 |     getGithubHash(branch = "master") {
125 |         return new Promise((resolve, reject) => {
126 |             if (!this.repository) reject("No Repository Defined");
127 |             $.ajax({
128 |                 beforeSend: xhr => {
129 |                     xhr.setRequestHeader("Accept", "application/vnd.github.v3+json");
130 |                 },
131 |                 error(...err) {
132 |                     reject(err);
133 |                 },
134 |                 success(data) {
135 |                     resolve(data.sha);
136 |                 },
137 |                 type: "GET",
138 |                 url: `https://api.github.com/repos/${this.repository}/commits/${branch}`
139 |             });
140 |         });
141 |     }
142 | 
143 |     getCDNFile(options) {
144 |         return new Promise((resolve, reject) => {
145 |             if (!this.repository) reject("No Author or Repository Defined");
146 |             this.getGithubHash(options.branch).then(hash => {
147 |                 $.ajax({
148 |                     error(...err) {
149 |                         reject(err);
150 |                     },
151 |                     success(data) {
152 |                         resolve(data);
153 |                     },
154 |                     type: "GET",
155 |                     url: `https://rawcdn.githack.com/${this.repository}/${hash}/${options.file}`
156 |                 });
157 |             }).catch(err => {
158 |                 reject(err);
159 |             });
160 |         });
161 |     }
162 | 
163 |     saveStorage(store, data) {
164 |         localStorage.setItem(store, window.LZString.compress(JSON.stringify(data)));
165 |     }
166 | 
167 |     loadStorage(store, def) { // only to be used on storage saved with saveStorage
168 |         return localStorage.getItem(store) && JSON.parse(window.LZString.decompress(localStorage.getItem(store))) || def || {};
169 |     }
170 | 
171 |     getReactInstance(node) {
172 |         return node[Object.keys(node).find(key => {
173 |             return key.startsWith("__reactInternalInstance");
174 |         })];
175 |     }
176 | 
177 |     getReactObject(node) {
178 |         return (inst => {
179 |             if (inst) return inst._currentElement._owner._instance;
180 |         })(this.getReactInstance(node));
181 |     }
182 | 
183 |     getReactProps(node) {
184 |         return (inst => {
185 |             if (inst) return inst._currentElement._owner._instance.props;
186 |         })(this.getReactInstance(node));
187 |     }
188 | 
189 |     eventObserver(ev) {
190 |         // Voice Join/Leave, Leaving doesn't provide user unfortunately
191 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1 && ev.target.className.includes("channel-voice")) {
192 |             if (ev.addedNodes[0].className && ev.addedNodes[0].className.includes("channel-voice-states")) {
193 |                 const props = this.getReactProps(ev.addedNodes[0].childNodes[0]);
194 | 
195 |                 return this.trigger("joinVoiceChannel", ev, props.user, props.channel);
196 |             } else if (ev.removedNodes[0].className && ev.removedNodes[0].className.includes("channel-voice-states")) {
197 |                 const props = this.getReactProps(ev.target);
198 | 
199 |                 return this.trigger("leaveVoiceChannel", ev, props.channel);
200 |             }
201 |         }
202 | 
203 |         // Tooltips, can't get React Data of Owner unfortunately
204 |         if (ev.target.className === "tooltips") {
205 |             if (ev.addedNodes.length === 1) return this.trigger("tooltipOver", ev);
206 | 
207 |             return this.trigger("tooltipOff", ev);
208 |         }
209 | 
210 |         // Switching Channel/Server, switchServerChannel for when switching server because can't get old channel
211 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1 && ev.target.nodeName === "SPAN") {
212 |             if (ev.target.className === "channel-name") {
213 |                 const oldProps = $(`a > .channel-name:contains(${ev.removedNodes[0].data})`).getReactProps()[0];
214 |                 const newProps = $(`a > .channel-name:contains(${ev.addedNodes[0].data})`).getReactProps()[0];
215 | 
216 |                 if (oldProps) this.trigger("switchTextChannel", ev, oldProps.channel, newProps.channel);
217 |                 else this.trigger("switchServerChannel", ev, newProps.channel);
218 | 
219 |                 return this.trigger("loadTextChannel", ev, newProps.channel);
220 |             }
221 |             const props = this.getReactProps(ev.target);
222 | 
223 |             if (Reflect.has(props, "guild")) {
224 |                 this.trigger("switchServer", ev, props.guild);
225 |                 this.trigger("loadServer", ev, props.guild);
226 | 
227 |                 return;
228 |             }
229 |         }
230 | 
231 |         // Load Friend List Page
232 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1 && ev.target.nodeName === "SECTION" && ev.target.className === "flex-horizontal flex-spacer") {
233 |             if (ev.addedNodes[0].id === "friends") {
234 |                 $(ev.addedNodes[0]).find("div.scroller.friends-table-body > span").children().each((i, el) => {
235 |                     const props = this.getReactProps(el.childNodes[0]);
236 | 
237 |                     if (Reflect.has(props, "user")) {
238 |                         this.trigger("loadFriend", el, props.user, props.mutualGuilds);
239 |                     }
240 |                 });
241 | 
242 |                 return this.trigger("loadFriendList", ev);
243 |             }
244 |         }
245 | 
246 |         // User Typing Notification
247 |         if (ev.addedNodes.length === 1 && ev.removedNodes.length === 1 && ev.target.nodeName === "FORM" && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("typing")) {
248 |             const props = this.getReactProps(ev.target);
249 | 
250 |             if (Reflect.has(props, "channel")) {
251 |                 return this.trigger("userTyping", ev, props.channel);
252 |             }
253 |         }
254 | 
255 |         // Show Member List
256 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className === "channel-members-wrap" && ev.target.className === "content flex-spacer flex-horizontal") {
257 |             return this.trigger("showMemberList", ev);
258 |         }
259 | 
260 |         // DM Page to Server
261 |         if (ev.addedNodes.length === 1 && ev.target.className === "flex-vertical channels-wrap") {
262 |             const props = this.getReactProps(ev.addedNodes[0]);
263 | 
264 |             if (Reflect.has(props, "guild")) {
265 |                 return this.trigger("loadServer", ev, props.guild);
266 |             }
267 |         }
268 | 
269 |         // Load each new friend row
270 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("friends-row")) {
271 |             const props = this.getReactProps(ev.addedNodes[0].childNodes[0]);
272 | 
273 |             if (Reflect.has(props, "user")) {
274 |                 return this.trigger("loadFriend", ev, props.user, props.mutualGuilds);
275 |             }
276 |         }
277 | 
278 |         // Popouts
279 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("popout")) {
280 |             if (ev.addedNodes[0].childNodes[0].className.includes("user-popout")) {
281 |                 const props = this.getReactProps(ev.addedNodes[0].childNodes[0]);
282 | 
283 |                 if (Reflect.has(props, "user")) {
284 |                     return this.trigger("userPopout", ev, props.user);
285 |                 }
286 |             } else if (ev.addedNodes[0].childNodes[0].className.includes("undefined")) {
287 |                 const props = this.getReactProps(ev.addedNodes[0].childNodes[0]);
288 | 
289 |                 if (Reflect.has(props, "channel")) {
290 |                     return this.trigger("pinnedPopout", ev, props.channel);
291 |                 }
292 |             } else if (ev.addedNodes[0].childNodes[0].className.includes("recent-mentions-popout")) {
293 |                 return this.trigger("mentionsPopout", ev);
294 |             }
295 |         }
296 | 
297 |         // Load User to Member List
298 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("member") && ev.target.className.includes("scroller channel-members")) {
299 |             const props = this.getReactProps(ev.addedNodes[0]);
300 | 
301 |             if (Reflect.has(props, "user")) {
302 |                 return this.trigger("loadMemberListUser", ev, props.user, props.activity);
303 |             }
304 |         }
305 | 
306 |         // Context Menu
307 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("context-menu")) {
308 |             if (ev.target.className.includes("item-subMenu")) {
309 |                 const props = this.getReactProps(ev.target);
310 | 
311 |                 if (props) return this.trigger("subContextMenu", ev, props);
312 |             }
313 |             const props = this.getReactProps(ev.addedNodes[0]);
314 | 
315 |             if (props) return this.trigger("contextMenu", ev, props);
316 |         }
317 | 
318 |         // Hide Member list
319 |         if (ev.removedNodes.length === 1 && ev.removedNodes[0].className === "channel-members-wrap" && ev.target.className === "content flex-spacer flex-horizontal") {
320 |             return this.trigger("hideMemberList", ev);
321 |         }
322 | 
323 |         // Message on Switch
324 |         if (ev.addedNodes.length === 1 && ev.addedNodes[0].className && ev.addedNodes[0].className.includes("messages-wrapper") && ev.target.className.includes("flex-spacer flex-vertical")) {
325 |             $(ev.addedNodes[0]).find(".message").each((i, el) => {
326 |                 const props = this.getReactProps(el);
327 | 
328 |                 if (Reflect.has(props, "message")) {
329 |                     this.trigger("message", el, props.message, props.channel);
330 |                 }
331 |             });
332 | 
333 |             return;
334 |         }
335 | 
336 |         // New Message
337 |         if (ev.addedNodes.length === 1 && ev.target.className.includes("scroller messages")) {
338 |             $(ev.addedNodes[0]).find(".message").each((i, el) => {
339 |                 const props = this.getReactProps(el);
340 | 
341 |                 if (Reflect.has(props, "message")) {
342 |                     this.trigger("message", el, props.message, props.channel);
343 |                 }
344 |             });
345 | 
346 |             return;
347 |         }
348 | 
349 |         //console.log(ev);
350 |     }
351 | 
352 |     // Meta Data //
353 | 
354 |     getName() {
355 |         return "BD Utility";
356 |     }
357 | 
358 |     getDescription() {
359 |         return "Utility functions for other plugins. No need to enable.";
360 |     }
361 | 
362 |     getVersion() {
363 |         return "1.1.0";
364 |     }
365 | 
366 |     getAuthor() {
367 |         return `<a href="https://github.com/Natsulus/BD-Repo" target="_BLANK">Natsulus</a>`;
368 |     }
369 | 
370 |     load() {
371 |         // Deprecated in v2
372 |     }
373 | }
374 | 
375 | (() => {
376 |     const removeBDUtility = new MutationObserver(mutations => {
377 |         mutations.forEach(mutation => {
378 |             if (mutation.addedNodes.length !== 1) return;
379 | 
380 |             if (mutation.addedNodes[0].id === "bd-pane") {
381 |                 $(".bda-name:contains(BD Utility)").parents("li").remove();
382 |                 removeBDUtility.disconnect();
383 |             }
384 |         });
385 |     });
386 | 
387 |     removeBDUtility.observe(document.body, {
388 |         childList: true,
389 |         subtree: true
390 |     });
391 | 
392 |     const currentVersion = BDUtility.prototype.getVersion();
393 |     // get latest BD Utility version
394 |     // compare version with BDUtility.prototype.getVersion()
395 |     // display notice if new version
396 | })(); // use IIFE to avoid polluting global namespace
397 | 
398 | (function loadReactPlugins($) {
399 |     if (window.jQuery) {
400 |         $.fn.getReactInstance = function() {
401 |             const arr = [];
402 | 
403 |             this.each((i, el) => {
404 |                 arr.push(el[Object.keys(el).find(key => {
405 |                     return key.startsWith("__reactInternalInstance");
406 |                 })]);
407 |             });
408 | 
409 |             return arr;
410 |         };
411 | 
412 |         $.fn.getReactObject = function() {
413 |             const arr = [];
414 | 
415 |             this.each((i, el) => {
416 |                 const inst = el[Object.keys(el).find(key => {
417 |                     return key.startsWith("__reactInternalInstance");
418 |                 })];
419 | 
420 |                 if (inst) arr.push(inst._currentElement._owner._instance);
421 |                 else arr.push(inst);
422 |             });
423 | 
424 |             return arr;
425 |         };
426 | 
427 |         $.fn.getReactProps = function() {
428 |             const arr = [];
429 | 
430 |             this.each((i, el) => {
431 |                 const inst = el[Object.keys(el).find(key => {
432 |                     return key.startsWith("__reactInternalInstance");
433 |                 })];
434 | 
435 |                 if (inst) arr.push(inst._currentElement._owner._instance.props);
436 |                 else arr.push(inst);
437 |             });
438 | 
439 |             return arr;
440 |         };
441 |     } else {
442 |         setTimeout(() => {loadReactPlugins(window.jQuery);}, 50);
443 |     }
444 | })(window.jQuery);


--------------------------------------------------------------------------------
/plugins/Old/BD Utility/README.md:
--------------------------------------------------------------------------------
 1 | **Current Version**: 1.1.0
 2 | 
 3 | Contains utility functions used by some of my other plugins. Just download it to your plugin folder and it works. No need to enable it.
 4 | 
 5 | If you're a plugin developer, feel free to use the utility plugin. You can pull out code to avoid dependency if you wish, but please credit. 
 6 | You could even copy and paste the entire code to the bottom of your plugin (minus meta tag) to avoid dependency.
 7 | 
 8 | ## Console
 9 | 
10 | Adds plugin name with choice of style to the front of console logging, helps differentiate which plugin is doing what.
11 | 
12 | ## Utilities
13 | 
14 | - loadScript: Takes an id and url, appends script of url with id
15 | - unloadScript: Takes an id, removes element with id
16 | - getUser: Returns the logged in User
17 | - getJSON: Takes a URL, returns Promise with data
18 | - getGithubJSON: Takes branch and filename w/o extension, returns Promise with data
19 | - getGithubHash: Takes a branch, returns Promise with hash
20 | - getCDNFile: Takes option object with branch and filename, returns Promise with data
21 | - saveStorage: Takes store name and data, compress with LZString and save in localStorage
22 | - loadStorage: Loads from localStorage, uncompress with LZString and returns data
23 | - getReactInstance: Returns React Data Instance or undefined
24 | - getReactObject: Returns React Data Object or undefined
25 | - getReactProps: Returns React Data Props or undefined
26 | - $.fn.getReact____: Applies above to each element in the jQuery selector and returns an array containing the React Data for each element
27 | 
28 | ## Events
29 | 
30 | Currently has the following events (provides mutation record/element as first callback argument):
31 | 
32 | - **joinVoiceChannel**: a user joins a voice channel, provides a user & voice channel
33 | - **leaveVoiceChannel**:  a user leaves a voice channel, provides a voice channel
34 | - **tooltipOver**: you hover over something and create a tooltip, provides nothing
35 | - **tooltipOff**: you leave the hover area and remove a tooltip, provides nothing
36 | - **switchTextChannel**: you switch between 2 text channels of the same server, provides old text channel and new text channel
37 | - **switchServerChannel**: you switch servers, causing a switch of text channels, provides a text channel
38 | - **loadTextChannel**: a text channel loads, provides a text channel
39 | - **switchServer**: you switch between 2 servers, provides a server
40 | - **loadServer**: a server loads, provides a server
41 | - **loadFriendList**: friend list page loads, provides nothing
42 | - **loadFriend**: friend loads on friend list, provides user and mutual servers
43 | - **userTyping**: user is typing notification, provides text channel
44 | - **showMemberList**: member list gets toggled on, provides nothing
45 | - **hideMemberList**: member list gets toggled off, provides nothing
46 | - **loadMemberListUser**: user gets loaded into member list, provides user and activity
47 | - **userPopout**: user popout modal opens, provides a user
48 | - **pinnedPopout**: pinned messages popout opens, provides a text channel
49 | - **mentionsPopout**: mentions popout opens, provides nothing
50 | - **contextMenu**: context menu appears, provides raw react props
51 | - **subContextMenu**: sub-context menu appears, provides raw react props
52 | - **message**: message is loaded, provides a message and user
53 | 
54 | Events may be triggered by something else I didn't prepare for.
55 | 
56 | If something unexpected happens, please create an issue or contact Natsulus with steps to reproduce whatever bug/undesired result which will help to fix it.
57 | 
58 | ## Example
59 | 
60 | ```js
61 | start() {
62 |     this.utility  = new BDUtility({
63 |         repository: "Natsulus/BD-Repo",
64 |         plugin: this,
65 |         console: "My Plugin",
66 |         style: "font-weight: bold; color: maroon;"
67 |     });
68 |     
69 |     this.utility.info("Logged User:", this.utility.getUser());
70 |     // [My Plugin] Logged User:     USER-OBJECT
71 |     
72 |     this.eventListeners();
73 | }
74 | 
75 | observer(ev) {
76 |     this.utility.eventObserver(ev);
77 | }
78 | 
79 | eventListeners() {
80 |     this.utility.on("message", (ev, message, user) => {
81 |         this.utility.log(message, user);
82 |     });
83 |     this.utility.on("switchTextChannel", (ev, oldChannel, newChannel) => {
84 |         this.utility.log(oldChannel, newChannel);
85 |     });
86 | }
87 | ```
88 | 
89 | ### Planned
90 | 
91 | - Use own observer or intercept BD observer to avoid conflict of multiple plugins utilising it.
92 | - More events (please tell Natsulus if you want any events added)
93 | - Add an updater to keep this utility up-to-date


--------------------------------------------------------------------------------
/plugins/Old/BD Utility/jquery.getReact.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | 	getReact
 3 | 	A jQuery plugin to get React Data for elements in Discord
 4 | 	Written by Natsulus
 5 | 	Licensed under the MIT License
 6 | */
 7 | 
 8 | (function($) {
 9 | 	$.fn.getReactData = function() {
10 | 		const arr = [];
11 | 
12 | 		this.each((i, el) => {
13 | 			arr.push(el[Object.keys(el).find(key => {
14 | 				return key.startsWith("__reactInternalInstance");
15 | 			})]);
16 | 		});
17 | 
18 | 		return arr;
19 | 	};
20 | 
21 | 	$.fn.getReactInstance = function() {
22 | 		const arr = [];
23 | 
24 | 		this.each((i, el) => {
25 | 			const inst = el[Object.keys(el).find(key => {
26 | 				return key.startsWith("__reactInternalInstance");
27 | 			})];
28 | 
29 | 			if (inst) arr.push(inst._currentElement._owner._instance);
30 | 			else arr.push(inst);
31 | 		});
32 | 
33 | 		return arr;
34 | 	};
35 | 
36 | 	$.fn.getReactProps = function() {
37 | 		const arr = [];
38 | 
39 | 		this.each((i, el) => {
40 | 			const inst = el[Object.keys(el).find(key => {
41 | 				return key.startsWith("__reactInternalInstance");
42 | 			})];
43 | 
44 | 			if (inst) arr.push(inst._currentElement._owner._instance.props);
45 | 			else arr.push(inst);
46 | 		});
47 | 
48 | 		return arr;
49 | 	};
50 | })(window.jQuery);


--------------------------------------------------------------------------------
/plugins/Old/Custom Emotes/CustomEmotes.plugin.js:
--------------------------------------------------------------------------------
  1 | //META{"name":"CustomEmotes"}*//
  2 | 
  3 | function CustomEmotes() {
  4 | 	
  5 | 	///////////////////////////
  6 | 	// Meta Data
  7 | 	
  8 | 	this.getName = function() {
  9 | 		return "Custom Emotes";
 10 | 	};
 11 | 	
 12 | 	this.getDescription = function() {
 13 | 		return "See the emotes YOU want to see.@Natsulus on the #plugin channel of the BetterDiscord Server for Support";
 14 | 	};
 15 | 	
 16 | 	this.getVersion = function() {
 17 | 		return "2.0.0";
 18 | 	};
 19 | 	
 20 | 	this.getAuthor = function() {
 21 | 		return "Natsulus";
 22 | 	};
 23 | 	
 24 | 	///////////////////////////
 25 | 	// Main
 26 | 	
 27 | 	this.start = function() {
 28 | 		console.log("[Custom Emotes] Enabling Plugin");
 29 | 		// create & append Custom Emotes settings tab
 30 | 		// get settings from localStorage or default settings
 31 | 	};
 32 | 	
 33 | 	this.stop = function() {
 34 | 		console.log("[Custom Emotes] Disabling Plugin");
 35 | 	};
 36 | 	
 37 | 	this.observer = function(e) {
 38 | 		// console.log(e);
 39 | 	};
 40 | 	
 41 | 	///////////////////////////
 42 | 	// Core
 43 | 	
 44 | 	this.defaultSettings = {
 45 | 		"Custom Emotes": {
 46 | 			//
 47 | 		},
 48 | 		"Emote Menu": {
 49 | 			//
 50 | 		},
 51 | 		"Show Names": {
 52 | 			//
 53 | 		},
 54 | 		"Show Modifier": {
 55 | 			//
 56 | 		},
 57 | 		"Emote Updater": {
 58 | 			//
 59 | 		},
 60 | 		"Auto Update": {
 61 | 			//
 62 | 		}
 63 | 	};
 64 | 	
 65 | 	///////////////////////////
 66 | 	// Unused
 67 | 	
 68 | 	this.onMessage = function() {
 69 | 		// Not available till v2, may use depending on how it works
 70 | 	};
 71 | 	
 72 | 	this.onSwitch = function() {
 73 | 		// Not sure why I'd use this
 74 | 	};
 75 | 	
 76 | 	this.getSettingsPanel = function() {
 77 | 		// Using Custom Settings Panel
 78 | 		// Will attempt to make it open Custom Settings Panel instead.
 79 | 	};
 80 | 	
 81 | 	this.load = function() {
 82 | 		// Pointless, just use start
 83 | 	};
 84 | 	
 85 | 	this.unload = function() {
 86 | 		// When does this even occur? lmao
 87 | 	};
 88 | }
 89 | 
 90 | /*
 91 | BdApi.joinServer("code"); // Use to join my server.
 92 | BdApi.injectCSS("id", "css"); // Use this to inject css instead
 93 | BdApi.clearCSS("id"); // Use this to clear CSS with the identifier id
 94 | BdApi.getPlugin("name"); // Interact with other plugins
 95 | BdApi.getIPC(); // Currently useless.
 96 | BdApi.getCore(); // Get BD Core Module
 97 | BdApi.getUserIdByName("name"); // Exactly what it says
 98 | BdApi.getUserNameById("id"); // Exactly what it says
 99 | 
100 | var blah = require('fs'); // Pure Node.js Modules are usable
101 | 
102 | setInterval(blah, 1000); // Timers are throttled by at least 1000ms when minimised
103 | 
104 | Examples:
105 | https://i.jiiks.net/0MTI1M.js
106 | https://gist.github.com/megamit/a676acb2f34b201e364858aca299fb44
107 | https://gist.github.com/megamit/29757d819de5356595271cebb577f6a8
108 | https://gist.github.com/kosshishub/cc96972eff5d1ee3feca98b7f3fd586b
109 | 
110 | */


--------------------------------------------------------------------------------
/plugins/Old/Custom Emotes/CustomEmotesOld.plugin.js:
--------------------------------------------------------------------------------
  1 | //META{"name":"CustomEmotes"}*//
  2 | 
  3 | function CustomEmotes() {}
  4 | 
  5 | CustomEmotes.observer = null;
  6 | 
  7 | CustomEmotes.settings = null;
  8 | 
  9 | CustomEmotes.settingsButton = null;
 10 | CustomEmotes.settingsPanel = null;
 11 | CustomEmotes.settingsLastTab = null;
 12 | CustomEmotes.animationSpeed = 0.04;
 13 | CustomEmotes.emoteLists = {};
 14 | CustomEmotes.emoteLinks = {};
 15 | CustomEmotes.emoteToggle = {};
 16 | CustomEmotes.updateLog = [];
 17 | CustomEmotes.isReady = false;
 18 | 
 19 | CustomEmotes.prototype.changeTab = function(tab) {
 20 |     CustomEmotes.settingsLastTab = tab;
 21 | 
 22 |     //var controlGroups = $("#ce-control-groups");
 23 |     $(".ce-tab").removeClass("selected");
 24 |     $(".ce-pane").hide();
 25 |     $("#" + tab).addClass("selected");
 26 |     $("#" + tab.replace("tab", "pane")).show();
 27 | 
 28 |     switch (tab) {
 29 |         case "ce-settings-tab":
 30 |             break;
 31 |         case "ce-emotes-tab":
 32 |             break;
 33 |         case "ce-updates-tab":
 34 |             break;
 35 |     }
 36 | };
 37 | 
 38 | CustomEmotes.updateSettings = function(checkbox) {
 39 |     var cb = $(checkbox).children().find('input[type="checkbox"]');
 40 |     var enabled = !cb.is(":checked");
 41 |     var id = cb.attr("id");
 42 |     cb.prop("checked", enabled);
 43 |     CustomEmotes.settings[id] = enabled;
 44 |     CustomEmotes.prototype.saveSettings();
 45 |     switch (id) {
 46 |         case "enable-emotes":
 47 |             if (enabled) {
 48 |                 $(".chat").each(function() {
 49 |                     CustomEmotes.observer.observe(this, {
 50 |                         childList: true,
 51 |                         characterData: true,
 52 |                         attributes: false,
 53 |                         subtree: true
 54 |                     });
 55 |                 });
 56 |                 CustomEmotes.processChat();
 57 |             } else {
 58 |                 CustomEmotes.observer.disconnect();
 59 |                 $(".emotewrapper").replaceWith(function() {
 60 |                     return $(this).attr("tooltip");
 61 |                 });
 62 |                 $(".ce-emotes-scanned").removeClass("ce-emotes-scanned");
 63 |             }
 64 |             break;
 65 |         case "enable-tooltips":
 66 |             if (enabled) {
 67 |                 $(".emotewrapper[tooltip]").addClass("emote-tooltip");
 68 |             } else {
 69 |                 $(".emotewrapper[tooltip]").removeClass("emote-tooltip");
 70 |             }
 71 |             break;
 72 |     }
 73 | };
 74 | 
 75 | CustomEmotes.updateEmoteList = function (checkbox) {
 76 |     var cb = $(checkbox);
 77 |     var enabled = cb.is(":checked");
 78 |     var id = cb.attr("id");
 79 |     CustomEmotes.emoteToggle[id] = enabled;
 80 |     localStorage.setItem("customEmoteToggles", JSON.stringify(CustomEmotes.emoteToggle));
 81 | 
 82 |     CustomEmotes.observer.disconnect();
 83 |     $(".emotewrapper").replaceWith(function() {
 84 |         return $(this).attr("tooltip");
 85 |     });
 86 |     $(".ce-emotes-scanned").removeClass("ce-emotes-scanned");
 87 | 
 88 |     $(".chat").each(function() {
 89 |         CustomEmotes.observer.observe(this, {
 90 |             childList: true,
 91 |             characterData: true,
 92 |             attributes: false,
 93 |             subtree: true
 94 |         });
 95 |     });
 96 |     CustomEmotes.processChat();
 97 | };
 98 | 
 99 | CustomEmotes.AddList = function (form) {
100 |     CustomEmotes.loadList(form["emoteURLText"].value);
101 |     form["emoteURLText"].value = "https://";
102 | };
103 | 
104 | CustomEmotes.createSettings = function() {
105 |     CustomEmotes.settingsPanel = $("<div/>", {
106 |         id: "ce-pane",
107 |         class: "settings-inner",
108 |         css: {
109 |             "display": "none"
110 |         }
111 |     });
112 | 
113 |     var settingsInner = '<div class="scroller-wrap">' + '<div class="scroller settings-wrapper settings-panel">'
114 |         + '<div class="tab-bar TOP">' + '<div class="tab-bar-item ce-tab" id="ce-settings-tab" onclick="CustomEmotes.prototype.changeTab(\'ce-settings-tab\');">Custom Emotes</div>' + '<div class="tab-bar-item ce-tab" id="ce-emotes-tab" onclick="CustomEmotes.prototype.changeTab(\'ce-emotes-tab\');">Emotes</div>' + '<div class="tab-bar-item ce-tab" id="ce-updates-tab" onclick="CustomEmotes.prototype.changeTab(\'ce-updates-tab\');">Updates</div></div>'
115 |         + '<div class="ce-settings">'
116 |         + '<div class="ce-pane control-group" id="ce-settings-pane" style="display: none;">' + '<ul class="checkbox-group">';
117 | 
118 |     for (var aSetting in CustomEmotes.settingsArray) {
119 |         var setting = CustomEmotes.settingsArray[aSetting];
120 |         var id = setting["id"];
121 |         if (setting["implemented"]) {
122 |             settingsInner += '<li>' + '<div class="checkbox" onclick="CustomEmotes.updateSettings(this);">' + '<div class="checkbox-inner">' + '<input type="checkbox" id="' + id + '" ' + (CustomEmotes.settings[id] ? "checked" : "") + '>' + '<span></span>' + '</div>' + '<span>' + aSetting + ' - ' + setting["info"] + '</span>' + '</div>' + '</li>';
123 |         }
124 |     }
125 | 
126 |     settingsInner += '</ul>' + '</div>'
127 |         + '<div class="ce-pane control-group" id="ce-emotes-pane" style="display: none;">';
128 |     settingsInner += '<form name="emoteForm" action="" method="get" style="width: 100%;">';
129 |     settingsInner += '<span style="font-size: 1.0em;">Emote List URL</span><br>'
130 |         + '<div style="display: inline-block; border: 1px solid black; position: relative; width: 100%;">'
131 |         + '<input type="text" name="emoteURLText" value="https://" style="width: 90%;">'
132 |         + '<input type="button" value="Add" onclick="CustomEmotes.AddList(this.form)" style="position: absolute; right: 0; height: 100%; border: none; width: 10%">';
133 |     settingsInner += '</div></form><br><span style="font-size: 1.0em;">Emote Lists</span>';
134 |     settingsInner += '<table class="ce-emote-table"><thead><tr><th width="25px"></th><th width="25%">Name</th><th>URL</th><th width="50px">Toggle</th></tr></thead><tbody id="custom-emote-table">';
135 |     for (name in CustomEmotes.emoteLinks) {
136 |         $.ajax({
137 |             url: CustomEmotes.emoteLinks[name],
138 |             dataType: 'json',
139 |             async: false,
140 |             success: function(list) {
141 |                 if (list.name && list.emotes) {
142 |                     CustomEmotes.emoteLists[list.name.replace(/\s+/, "") ] = list.emotes;
143 | 
144 |                     settingsInner += '<tr id="'
145 |                         + list.name.replace(/\s+/, "")  + '-TableList"><td><input type="button" title="Remove" value="X" onclick="CustomEmotes.removeList(\''
146 |                         + list.name.replace(/\s+/, "")  + '\')"></td><td>'
147 |                         + list.name + '</td><td><input type="text" class="disabled-text" value="'
148 |                         + CustomEmotes.emoteLinks[name] + '" disabled></td><td><input type="checkbox" id="'
149 |                         + list.name.replace(/\s+/, "")  + '" '
150 |                         + (CustomEmotes.emoteToggle[list.name.replace(/\s+/, "")] ? "checked" : "") + ' onclick="CustomEmotes.updateEmoteList(this);"></td></tr>';
151 |                 }
152 |             }
153 |         });
154 |     }
155 |     settingsInner += '</tbody></table></div>';
156 |     settingsInner += '<div class="ce-pane control-group" id="ce-updates-pane" style="display: none;">' + '<span>Current Version: ' + CustomEmotes.prototype.getVersion() + '</span>';
157 | 
158 |     if (CustomEmotes.prototype.getVersion() == CustomEmotes.updateLog[0].version)
159 |         settingsInner += '<span style="float: right;">Up To Date</span>';
160 |     else
161 |         settingsInner += '<span style="float: right;"><a href="https://raw.githubusercontent.com/Natsulus/Custom-Emotes/gh-pages/plugin/CustomEmotes.js" download>Update to Version ' + CustomEmotes.updateLog[0].version + '</a></span>';
162 | 
163 |     settingsInner += '<div class="update-log" style="height: 325px;">';
164 |     for (var i = 0; i < CustomEmotes.updateLog.length; i++) {
165 |         settingsInner += '<div class="update-title">' + CustomEmotes.updateLog[i].version + ' - ' + CustomEmotes.updateLog[i].type +'</div>';
166 |         settingsInner += '<div class="update-list">';
167 |         for (var j = 0; j < CustomEmotes.updateLog[i].data.length; j++) {
168 |             settingsInner += '<li>' + CustomEmotes.updateLog[i].data[j] + '</li>';
169 |         }
170 |         settingsInner += '</div>';
171 |     }
172 |     settingsInner += '</div></div></div></div></div>';
173 | 
174 |     function showSettings() {
175 |         $(".tab-bar-item").removeClass("selected");
176 |         CustomEmotes.settingsButton.addClass("selected");
177 |         $(".form .settings-right .settings-inner").hide();
178 | 
179 |         CustomEmotes.settingsPanel.show();
180 | 
181 |         if (CustomEmotes.settingsLastTab == null) {
182 |             CustomEmotes.prototype.changeTab("ce-settings-tab");
183 |         } else {
184 |             CustomEmotes.prototype.changeTab(CustomEmotes.settingsLastTab);
185 |         }
186 |     }
187 | 
188 |     CustomEmotes.settingsButton = $("<div/>", {
189 |         class: "tab-bar-item",
190 |         text: "Custom Emotes",
191 |         id: "ce-settings-new",
192 |         click: function(event) {
193 |             event.stopImmediatePropagation();
194 |             showSettings();
195 |         }
196 |     });
197 | 
198 |     CustomEmotes.settingsPanel.html(settingsInner);
199 | 
200 |     function defer() {
201 |         var $btnSettings = $(".btn.btn-settings");
202 |         if ($btnSettings.length < 1) {
203 |             setTimeout(defer, 100);
204 |         } else {
205 |             $btnSettings.first().on("click", function() {
206 | 
207 |                 function innerDefer() {
208 |                     if ($(".modal-inner").first().is(":visible")) {
209 | 
210 |                         CustomEmotes.settingsPanel.hide();
211 |                         var tabBar = $(".tab-bar.SIDE").first();
212 | 
213 |                         $(".tab-bar.SIDE .tab-bar-item:not(#bd-settings-new)").click(function() {
214 |                             $(".form .settings-right .settings-inner").first().show();
215 |                             $("#ce-settings-new").removeClass("selected");
216 |                             CustomEmotes.settingsPanel.hide();
217 |                         });
218 |                         var tabBarSet = setInterval(function() {
219 |                             var bdtab = $("#bd-settings-new");
220 |                             if (bdtab.length > 0) {
221 |                                 clearInterval(tabBarSet);
222 |                                 tabBar.append(CustomEmotes.settingsButton);
223 |                                 $("#ce-settings-new").removeClass("selected");
224 |                                 bdtab.click(function() {
225 |                                     $("#ce-settings-new").removeClass("selected");
226 |                                     CustomEmotes.settingsPanel.hide();
227 |                                 });
228 |                             }
229 |                         }, 50);
230 | 
231 |                         $(".form .settings-right .settings-inner").last().after(CustomEmotes.settingsPanel);
232 |                         $("#ce-settings-new").removeClass("selected");
233 |                     } else {
234 |                         setTimeout(innerDefer, 100);
235 |                     }
236 |                 }
237 | 
238 |                 innerDefer();
239 |             });
240 |         }
241 |     }
242 | 
243 |     defer();
244 | };
245 | 
246 | Array.prototype.extend = function(other_array) {
247 |     other_array.forEach(function(v) {
248 |         this.push(v)
249 |     }, this);
250 | };
251 | 
252 | CustomEmotes.settingsArray = {
253 |     "Enable Emotes": {
254 |         "id": "enable-emotes",
255 |         "info": "Show Custom Emotes",
256 |         "default": true,
257 |         "implemented": true
258 |     },
259 |     "Enable Tooltips": {
260 |         "id": "enable-tooltips",
261 |         "info": "Show Emote Names on Hover",
262 |         "default": true,
263 |         "implemented": true
264 |     }
265 | };
266 | 
267 | CustomEmotes.prototype.saveSettings = function() {
268 |     localStorage.setItem("customEmotesSettings", JSON.stringify(CustomEmotes.settings));
269 | };
270 | 
271 | CustomEmotes.prototype.getDefaultSettings = function() {
272 |     var defaultSettings = {};
273 |     for (var setting in CustomEmotes.settingsArray) {
274 |         defaultSettings[CustomEmotes.settingsArray[setting]["id"]] = CustomEmotes.settingsArray[setting]["default"];
275 |     }
276 |     return defaultSettings;
277 | };
278 | 
279 | CustomEmotes.preloadImages = function() {
280 |     if (!CustomEmotes.preloadImages.list || CustomEmotes.preloadImages.list.length !== 0) {
281 |         CustomEmotes.preloadImages.list = [];
282 |     }
283 | 
284 |     for (var emote in CustomEmotes.emoteLists) {
285 |         var img = new Image();
286 |         img.onload = function() {
287 |             var index = CustomEmotes.preloadImages.list.indexOf(this);
288 |             if (index !== -1) {
289 |                 CustomEmotes.preloadImages.list.splice(index, 1);
290 |                 console.log("[Custom Emotes] Emotes Preloaded");
291 |             }
292 |         };
293 |         CustomEmotes.preloadImages.list.push(img);
294 |         img.src = CustomEmotes.emoteLists[emote].url;
295 |     }
296 |     console.log("[Custom Emotes] Preloading " + CustomEmotes.preloadImages.list.length + " emotes(s)");
297 | };
298 | 
299 | CustomEmotes.removeList = function (name) {
300 |     if (CustomEmotes.emoteLists[name]) {
301 |         delete CustomEmotes.emoteLists[name];
302 |         delete CustomEmotes.emoteLinks[name];
303 |         delete CustomEmotes.emoteToggle[name];
304 |         $("#" + name + "-TableList").remove();
305 |         localStorage.setItem("customEmoteToggles", JSON.stringify(CustomEmotes.emoteToggle));
306 |         localStorage.setItem("customEmoteLists", JSON.stringify(CustomEmotes.emoteLinks));
307 |     }
308 | };
309 | 
310 | CustomEmotes.loadList = function (url) {
311 |     $.getJSON(url, function (list) {
312 |         if (list.name && list.emotes) {
313 |             CustomEmotes.emoteLists[list.name.replace(/\s+/, "") ] = list.emotes;
314 |             CustomEmotes.emoteLinks[list.name.replace(/\s+/, "") ] = url;
315 |             CustomEmotes.emoteToggle[list.name.replace(/\s+/, "") ] = false;
316 | 
317 |             var str = '<tr id="'
318 |                 + list.name.replace(/\s+/, "")  + '-TableList"><td><input type="button" title="Remove" value="X" onclick="CustomEmotes.removeList(\''
319 |                 + list.name.replace(/\s+/, "")  + '\')"></td><td>'
320 |                 + list.name + '</td><td><input type="text" class="disabled-text" value="'
321 |                 + url + '" disabled></td><td><input type="checkbox" id="'
322 |                 + list.name.replace(/\s+/, "")  + '" onclick="CustomEmotes.updateEmoteList(this);"></td></tr>';
323 |             var row = $.parseHTML(str);
324 |             $("#custom-emote-table").append(row);
325 |             localStorage.setItem("customEmoteLists", JSON.stringify(CustomEmotes.emoteLinks));
326 |         }
327 |     });
328 | };
329 | 
330 | CustomEmotes.getUpdateLog = function() {
331 |     $.ajax({
332 |         url: "https://natsulus.github.io/Custom-Emotes/plugin/updates.json",
333 |         dataType: 'json',
334 |         async: false,
335 |         success: function (log) {
336 |             CustomEmotes.updateLog = log;
337 |         }
338 |     });
339 | };
340 | 
341 | CustomEmotes.prototype.load = function() {
342 |     CustomEmotes.settings = JSON.parse(localStorage.getItem("customEmotesSettings")) || CustomEmotes.prototype.getDefaultSettings();
343 |     CustomEmotes.prototype.saveSettings();
344 |     CustomEmotes.emoteLinks = JSON.parse(localStorage.getItem("customEmoteLists")) || {};
345 |     CustomEmotes.emoteToggle = JSON.parse(localStorage.getItem("customEmoteToggles")) || {};
346 | 
347 |     CustomEmotes.getUpdateLog();
348 |     CustomEmotes.isReady = true;
349 | 
350 |     $('head').append(
351 |         '<style id="ce-css">'
352 |         + '.disabled-text {cursor: text !important; -webkit-user-select: initial !important;}'
353 |         + '.update-title {font-size: 1.5em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0;}'
354 |         + '.update-list {list-style-type: disc}'
355 |         + '.update-log {background: white url(https://natsulus.github.io/Custom-Emotes/plugin/bg-panel.png) repeat-x bottom left; border: 1px solid #3C769D; color: #333333; padding: 11px; margin: 10px 0; overflow-y: auto; }'
356 |         + '.emotewrapper {display: inline-block; position: relative;}'
357 |         + '.ce-emote-sprite {animation: play 1s steps(1) infinite;}' + '@keyframes play {from{background-position: 0 0;} to {background-position: 0 100%;}}'
358 |         + '.ce-emote-table {text-align: center; width: 520px; white-space: nowrap; margin: 0 auto;}'
359 |         + '.ce-emote-table thead th {background: #EBEBEB!important; text-align: center;}'
360 |         + '.ce-emote-table tbody td, .ce-emote-table thead th {color: #87909c!important; padding: 5px!important;}'
361 |         + '.ce-emote-table tbody tr {background: #F7F7F7!important;}'
362 |         + '.ce-emote-table tbody td {text-align: center; font-size: small;}'
363 |         + '.emote-tooltip{display: inline-block; position: relative;}'
364 |         + '.emote-tooltip:hover:after{background: rgba(31,31,31,0.6); border: 1px solid rgba(142,142,142,0.6); border-radius: 5px; top: -24px; color: #fff; content: attr(tooltip); left: -20px; padding: 3px 10px; position: absolute; z-index: 98; white-space: nowrap;}'
365 |         + '</style>'
366 |     );
367 | };
368 | 
369 | CustomEmotes.prototype.unload = function() {
370 |     //
371 | };
372 | 
373 | CustomEmotes.prototype.start = function() {
374 |     setInterval(CustomEmotes.getUpdateLog, 1000 * 60 * 60);
375 |     MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
376 |     var startTry = setInterval(function() {
377 |         if (CustomEmotes.isReady) clearInterval(startTry);
378 |         else return;
379 | 
380 |         CustomEmotes.observer = new MutationObserver(function() {
381 |             CustomEmotes.processChat();
382 |         });
383 | 
384 |         var chatRetry = setInterval(function() {
385 |             $(".chat").each(function() {
386 |                 clearInterval(chatRetry);
387 |                 if (CustomEmotes.settings["enable-emotes"]) {
388 |                     CustomEmotes.observer.observe(this, {childList: true, characterData: true, attributes: false, subtree: true});
389 |                     CustomEmotes.processChat();
390 |                 }
391 |             });
392 |         }, 100);
393 |         CustomEmotes.createSettings();
394 |         console.log("[Custom Emotes] Started");
395 |     }, 100);
396 | };
397 | 
398 | CustomEmotes.parseEmotes = function (node) {
399 |     var returnArr = [];
400 |     if (node.length > 0) {
401 |         var html = node.nodeValue;
402 |         var match = false;
403 |         $.each(CustomEmotes.emoteLists, function (name, list) {
404 |             if (CustomEmotes.emoteToggle[name]) {
405 |                 $.each(list, function (key, emote) {
406 |                     if (match) return;
407 |                     var index = html.lastIndexOf(key);
408 |                     if (index !== -1) {
409 |                         match = true;
410 |                         returnArr.extend(CustomEmotes.parseEmotes(document.createTextNode(html.slice(0, index))));
411 | 
412 |                         var emoteNode = document.createElement("div");
413 |                         emoteNode.className = "emotewrapper";
414 |                         emoteNode.setAttribute("tooltip", key);
415 |                         if (CustomEmotes.settings["enable-tooltips"]) emoteNode.className += " emote-tooltip";
416 |                         emoteNode.style.cssText = "top: " + Math.ceil((emote.size - 8) / 2.5) + "px";
417 |                         var emoteImage;
418 |                         if (emote.type == "image") {
419 |                             emoteImage = document.createElement("div");
420 |                             emoteImage.className = "ce-emote";
421 |                             emoteImage.style.width = emote.size + "px";
422 |                             emoteImage.style.height = emote.size + "px";
423 |                             emoteImage.style.backgroundImage = "url('" + emote.url + "')";
424 |                             emoteImage.style.backgroundSize = emote.size + "px auto";
425 |                         } else if (emote.type == "animation") {
426 |                             emoteImage = document.createElement("div");
427 |                             emoteImage.className = "ce-emote ce-emote-sprite";
428 |                             emoteImage.style.width = emote.size + "px";
429 |                             emoteImage.style.height = emote.size + "px";
430 |                             emoteImage.style.animationTimingFunction = "steps(" + (emote.steps - 1) + ")";
431 |                             emoteImage.style.animationDuration = (emote.steps * CustomEmotes.animationSpeed) + "s";
432 |                             emoteImage.style.backgroundImage = "url('" + emote.url + "')";
433 |                             emoteImage.style.backgroundSize = emote.size + "px auto";
434 |                         }
435 |                         emoteNode.appendChild(emoteImage);
436 |                         returnArr.push(emoteNode);
437 | 
438 |                         returnArr.extend(CustomEmotes.parseEmotes(document.createTextNode(html.slice(index + key.length))));
439 |                     }
440 |                 });
441 |             }
442 |         });
443 |     }
444 |     if (returnArr.length > 0) return returnArr;
445 |     return [node];
446 | };
447 | 
448 | CustomEmotes.processChat = function() {
449 |     $(".message-content>span:not(.ce-emotes-scanned),.comment .markup>span:not(.ce-emotes-scanned)").each(function() {
450 |         $(this).contents().filter(function() {
451 |             return this.nodeType === 3;
452 |         }).each(function() {
453 |             var rarr = CustomEmotes.parseEmotes(this);
454 |             for (var i = 0; i < rarr.length; i++) {
455 |                 this.parentNode.insertBefore(rarr[i], this);
456 |             }
457 |             if (rarr.length > 1) this.remove();
458 |         })
459 | 
460 |     }).addClass("ce-emotes-scanned");
461 | };
462 | 
463 | CustomEmotes.prototype.stop = function () {
464 |     CustomEmotes.observer.disconnect();
465 |     $(".emotewrapper").replaceWith(function() {
466 |         return $(this).attr("tooltip");
467 |     });
468 |     $(".ce-emotes-scanned").removeClass("ce-emotes-scanned");
469 |     CustomEmotes.settingsButton.hide();
470 |     console.log("[Custom Emotes] Stopped");
471 | };
472 | 
473 | CustomEmotes.prototype.update = function () {
474 |     console.log("[Custom Emotes] Updated");
475 | };
476 | 
477 | CustomEmotes.prototype.getName = function () {
478 |     return "Custom Emotes";
479 | };
480 | 
481 | CustomEmotes.prototype.getDescription = function () {
482 |     return "Add as many custom emotes as you want!";
483 | };
484 | 
485 | CustomEmotes.prototype.getVersion = function () {
486 |     return "1.0.1";
487 | };
488 | 
489 | CustomEmotes.prototype.getAuthor = function () {
490 |     return "Natsulus";
491 | };
492 | 


--------------------------------------------------------------------------------
/plugins/Old/Custom Emotes/README.md:
--------------------------------------------------------------------------------
1 | Broken, don't use.


--------------------------------------------------------------------------------
/plugins/Old/README.md:
--------------------------------------------------------------------------------
1 | Old code to use as a reference for rewrites as I tend to rewrite incomplete code when I find a different implementation approach is better.


--------------------------------------------------------------------------------
/plugins/Old/SnU Modifier/README.md:
--------------------------------------------------------------------------------
1 | Requires BDUtility.


--------------------------------------------------------------------------------
/plugins/Old/SnU Modifier/SnUModifier.plugin.js:
--------------------------------------------------------------------------------
  1 | //META{"name":"SnUModifier"}*//
  2 | 
  3 | class SnUModifier {
  4 |     constructor() {
  5 |         this.defaultSettings = {
  6 |             "snumod-settings-nicknames": {
  7 |                 name: "Nicknames",
  8 |                 description: "Modify usernames with nicknames.",
  9 |                 state: true
 10 |             },
 11 |             "snumod-settings-colours": {
 12 |                 name: "Colours",
 13 |                 description: "Modify usernames with colours.",
 14 |                 state: true
 15 |             },
 16 |             "snumod-settings-avatars": {
 17 |                 name: "Avatars",
 18 |                 description: "Modify the avatar of users.",
 19 |                 state: true
 20 |             },
 21 |             "snumod-settings-server-icons": {
 22 |                 name: "Server Icons",
 23 |                 description: "Modify server icons.",
 24 |                 state: true
 25 |             },
 26 |             "snumod-settings-server-names": {
 27 |                 name: "Server Names",
 28 |                 description: "Modify server names.",
 29 |                 state: true
 30 |             },
 31 |             "snumod-settings-channel-names": {
 32 |                 name: "Channel Names",
 33 |                 description: "Modify channel names.",
 34 |                 state: true
 35 |             },
 36 |             "snumod-settings-override-nicknames": {
 37 |                 name: "Enable Nickname",
 38 |                 description: "Override Server and Group nicknames with Global nicknames.",
 39 |                 state: false
 40 |             },
 41 |             "snumod-settings-override-colours": {
 42 |                 name: "Enable Nickname",
 43 |                 description: "Override Server and Group colours with Global colours.",
 44 |                 state: false
 45 |             },
 46 |             "snumod-settings-override-avatars": {
 47 |                 name: "Enable Nickname",
 48 |                 description: "Override Server and Group avatars with Global avatars.",
 49 |                 state: false
 50 |             }
 51 |         };
 52 | 
 53 |         this.defaultModifiers = {
 54 |             global: {},
 55 |             groups: {},
 56 |             servers: {}
 57 |         };
 58 |     }
 59 | 
 60 |     start() {
 61 |         this.utility = new BDUtility({
 62 |             repository: "Natsulus/BD-Repo",
 63 |             plugin: this,
 64 |             console: "SnU Modifier",
 65 |             style: "font-weight: bold;color: maroon;"
 66 |         });
 67 |         this.utility.info("Enabled Plugin");
 68 | 
 69 |         this.utility.loadScript("jQuery.serializeObject", "https://cdnjs.cloudflare.com/ajax/libs/jQuery.serializeObject/2.0.3/jquery.serializeObject.min.js");
 70 |         this.utility.loadScript("tinyColorPicker", "https://cdnjs.cloudflare.com/ajax/libs/tinyColorPicker/1.1.1/jqColorPicker.min.js");
 71 | 
 72 |         this.modifiers = this.utility.loadStorage("SnU Modifier", this.defaultModifiers);
 73 |         //this.modifiers = this.defaultModifiers;
 74 |         this.autoSaveInterval = setInterval(() => {
 75 |             this.utility.saveStorage("SnU Modifier", this.modifiers);
 76 |             //this.utility.log(this.modifiers);
 77 |         }, 30000);
 78 | 
 79 |         const css = `.control-group .snumod-input {
 80 |             margin-top: 0px !important;
 81 |             margin-bottom: 10px !important;
 82 |         }
 83 |         .snumod-form-buttons>span {
 84 |             margin-top: 3px;
 85 |             display: inline-block;
 86 |         }
 87 |         .snumod-form-buttons>span+span {
 88 |             margin-left: 10px;
 89 |         }
 90 |         .snumod-checkbox {
 91 |             margin-top: 15px;
 92 |         }
 93 |         .snumod-form-inner {
 94 |             padding-bottom: 28px !important;
 95 |         }`;
 96 | 
 97 |         BdApi.injectCSS("snumod-css", css);
 98 | 
 99 |         this.currentUser = this.utility.getUser();
100 |         this.utility.info("Current User:", this.currentUser);
101 | 
102 |         SnUModifier.currentInstance = this;
103 | 
104 |         this.createSettingsPanel();
105 | 
106 |         // Add Tab Bar Button when Enabling
107 |         if ($("form.form.settings.user-settings-modal").length > 0) {
108 |             $(".tab-bar.SIDE").first().append(this.settingsButton);
109 |             $(".form .settings-right .settings-inner").last().after(this.settingsPanel);
110 |         }
111 |     }
112 | 
113 |     stop() {
114 |         this.utility.unloadScript("tiny-Color-Picker");
115 |         this.utility.info("Disabled Plugin");
116 |     }
117 | 
118 |     observer(ev) {
119 |         if (ev.addedNodes.length === 1) {
120 |             if ($(ev.target).find("form.form.settings.user-settings-modal").length > 0) {
121 |                 // User Settings Opened
122 |                 this.settingsPanel.hide();
123 | 
124 |                 $(".tab-bar.SIDE .tab-bar-item:not(#bd-settings-new)").click(() => {
125 |                     $(".form .settings-right .settings-inner").first().show();
126 |                     $("#snumod-settings-new").removeClass("selected");
127 |                     this.settingsPanel.hide();
128 |                 });
129 | 
130 |                 const tabBarSide = $(".tab-bar.SIDE").first();
131 |                 const tabBarSet = setInterval(() => {
132 |                     const bdtab = $("#bd-settings-new");
133 | 
134 |                     if (bdtab.length > 0) {
135 |                         clearInterval(tabBarSet);
136 |                         tabBarSide.append(this.settingsButton);
137 |                         $("#snumod-settings-new").removeClass("selected");
138 |                         bdtab.click(() => {
139 |                             $("#snumod-settings-new").removeClass("selected");
140 |                             this.settingsPanel.hide();
141 |                         });
142 |                     }
143 |                 });
144 | 
145 |                 $(".form .settings-right .settings-inner").last().after(this.settingsPanel);
146 |                 $("#snumod-settings-new").removeClass("selected");
147 |             } else if (ev.addedNodes[0].classList && ev.addedNodes[0].classList.contains("context-menu") && !ev.target.classList.contains("item-subMenu")) {
148 |                 if (!this.utility.getReactInstance(ev.addedNodes[0])) return;
149 | 
150 |                 $(ev.addedNodes[0]).prepend(this.attachContextButton(this.utility.getReactProps(ev.addedNodes[0])));
151 |             }
152 |         }
153 |         this.modify();
154 |     }
155 | 
156 |     // Core //
157 | 
158 |     modify() {
159 |         for (const group in this.modifiers.groups) {
160 |             for (const user in this.modifiers.groups[group]) {
161 |                 // pass group and user
162 |             }
163 |             // pass group
164 |         }
165 |         for (const server in this.modifiers.servers) {
166 |             if (this.modifiers.servers[server].channels) {
167 |                 for (const channel in this.modifiers.servers[server].channels) {
168 |                     // pass server and channel
169 |                 }
170 |             } else if (this.modifiers.servers[server].users) {
171 |                 for (const user in this.modifiers.servers[server].users) {
172 |                     // pass server and user
173 |                 }
174 |             }
175 |             this.modifyServerIcons(server);
176 |             // pass server
177 |         }
178 |         for (const user in this.modifiers.global) {
179 |             // pass global users
180 |         }
181 | 
182 |         // if settings
183 |         // this.hidePlayingStatus();
184 |     }
185 | 
186 |     modifyNicknames() {
187 |         // messages ".user-name"
188 |         // member list ".member-username-inner"
189 |         // voice channel ".channel-voice-states li span"
190 |         // user popout ".user-popout .username-wrapper"
191 |         // group system message ".system-message-content a"
192 |         // DM List ".channel.private span.channel-name"
193 |         // DM Channel Title "a.channel-name.channel-private"
194 |         // Friends List ".friends-row .discord-tag"
195 | 
196 |         const userPopout = $(".user-popout .username-wrapper");
197 | 
198 |         if (userPopout.hasClass("has-nickname")) {
199 |             // modify nickname
200 |         } else {
201 |             // create nickname section
202 |         }
203 | 
204 |         // get react data to check for server/group/global
205 |     }
206 | 
207 |     modifyNameColours() {
208 |         //
209 |     }
210 | 
211 |     modifyTextColours() {
212 |         //
213 |     }
214 | 
215 |     modifyAvatars() {
216 |         //
217 |     }
218 | 
219 |     modifyServerIcons(server) {
220 |         const icon = $(`.guild-inner>a[href^="/channels/${server}"]:not(".snumod-modified")`);
221 | 
222 |         if (icon.length > 0 && this.modifiers.servers[server].icon)
223 |             icon.addClass("snumod-modified").css("background-image", `url(${this.modifiers.servers[server].icon})`);
224 |     }
225 | 
226 |     modifyServerNames() {
227 |         //
228 |     }
229 | 
230 |     modifyChannelNames() {
231 |         //
232 |     }
233 | 
234 |     modifyChannelTopics() {
235 |         //
236 |     }
237 | 
238 |     hidePlayingStatus() {
239 |         // if settings
240 |         $(".member-activity").hide();
241 |     }
242 | 
243 |     // Settings //
244 | 
245 |     createSettingsPanel() {
246 |         // Create Panel
247 |         this.settingsPanel = $("<div>", {
248 |             id: "snumod-pane",
249 |             class: "settings-inner",
250 |             css: {display: "none"}
251 |         });
252 | 
253 |         let settingsLastTab;
254 | 
255 |         const changeSettingsTab = tab => {
256 |             settingsLastTab = tab;
257 | 
258 |             $(".snumod-tab").removeClass("selected");
259 |             $(".snumod-pane").hide();
260 |             $(`#${tab}-tab`).addClass("selected");
261 |             $(`#${tab}-pane`).show();
262 | 
263 |             // Unique Tab Change Actions
264 |             switch (tab) {
265 |                 case "snumod-settings": {
266 |                     break;
267 |                 }
268 |                 case "snumod-modifiers": {
269 |                     break;
270 |                 }
271 |                 case "snumod-updates": {
272 |                     // check for updates
273 |                     break;
274 |                 }
275 |             }
276 |         };
277 | 
278 |         let list;
279 |         const content = {};
280 |         const scroller = $("<div>", {class: "scroller-wrap"});
281 |         const settings = $("<div>", {class: "scroller settings-wrapper settings-panel"});
282 |         const tabs = $("<div>", {class: "tab-bar TOP"});
283 |         const panes = $("<div>", {class: "snumod-settings"});
284 | 
285 |         // Settings //
286 |         tabs.append($("<div>", {
287 |             class: "tab-bar-item snumod-tab",
288 |             id: "snumod-settings-tab",
289 |             text: "Settings",
290 |             click: ev => {
291 |                 ev.stopImmediatePropagation();
292 |                 changeSettingsTab("snumod-settings");
293 |             }
294 |         }));
295 | 
296 |         list = $("<ul>", {class: "checkbox-group snumod-checkbox-group"});
297 | 
298 |         // loop settings and make <li> checkboxes
299 | 
300 |         list = "Settings are not available till v1.0.0"; // temp notice
301 | 
302 |         content.settings = $("<div>", {class: "control-groups"}).append($("<div>", {class: "control-group"})
303 |             .append($("<label>", {
304 |                 style: "margin-bottom: 12px",
305 |                 text: "Other"
306 |             })).append(list));
307 | 
308 |         panes.append($("<div>", {
309 |             class: "snumod-pane",
310 |             id: "snumod-settings-pane",
311 |             style: "display: none"
312 |         }).append(content.settings));
313 | 
314 |         // Modifiers //
315 |         tabs.append($("<div>", {
316 |             class: "tab-bar-item snumod-tab",
317 |             id: "snumod-modifiers-tab",
318 |             text: "Modifiers",
319 |             click: ev => {
320 |                 ev.stopImmediatePropagation();
321 |                 changeSettingsTab("snumod-modifiers");
322 |             }
323 |         }));
324 | 
325 |         content.modifiers = {};
326 |         content.modifiers.menu = $("<div>", {class: "control-groups"}).append(`Full Modifiers Menu to come in future update.`);
327 | 
328 |         panes.append($("<div>", {
329 |             class: "snumod-pane",
330 |             id: "snumod-modifiers-pane",
331 |             style: "display: none"
332 |         }).append(content.modifiers.menu));
333 | 
334 |         // Updates //
335 |         tabs.append($("<div>", {
336 |             class: "tab-bar-item snumod-tab",
337 |             id: "snumod-updates-tab",
338 |             text: "Updates",
339 |             click: ev => {
340 |                 ev.stopImmediatePropagation();
341 |                 changeSettingsTab("snumod-updates");
342 |             }
343 |         }));
344 | 
345 |         // Labels: Version (Display Current Version and New Version Notice), Update Log (Display Update Log)
346 |         content.updates = $("<div>", {class: "control-groups"}).append(`Updates Page not available till v1.0.0`);
347 | 
348 |         panes.append($("<div>", {
349 |             class: "snumod-pane",
350 |             id: "snumod-updates-pane",
351 |             style: "display: none"
352 |         }).append(content.updates));
353 | 
354 |         // Construct Panel
355 |         settings.append(tabs);
356 |         settings.append(panes);
357 |         scroller.append(settings);
358 |         this.settingsPanel.append(scroller);
359 | 
360 |         // Create Tab Bar Button Action
361 |         const showSettings = () => {
362 |             $(".tab-bar-item").removeClass("selected");
363 |             this.settingsButton.addClass("selected");
364 |             $(".form .settings-right .settings-inner").hide();
365 | 
366 |             this.settingsPanel.show();
367 | 
368 |             if (typeof settingsLastTab === "undefined") changeSettingsTab("snumod-settings");
369 |             else changeSettingsTab(settingsLastTab);
370 |         };
371 | 
372 |         // Create Tab Bar Button
373 |         this.settingsButton = $("<div>", {
374 |             class: "tab-bar-item snumod-tab-bar-item",
375 |             text: "SnU Modifier",
376 |             id: "snumod-settings-new",
377 |             click(ev) {
378 |                 ev.stopImmediatePropagation();
379 |                 showSettings();
380 |             }
381 |         });
382 |     }
383 | 
384 |     // Context Menu & Modals //
385 | 
386 |     attachContextButton(props) {
387 |         if (props.type.startsWith("USER_")) {
388 |             const globalUsersType = ["USER_CHANNEL_TITLE", "USER_PRIVATE_CHANNELS", "USER_PRIVATE_CHANNELS_MESSAGE", "USER_FRIEND_LIST"];
389 |             const groupUsersType = ["USER_GROUP_DM", "USER_CALL_AVATAR"];
390 |             const serverUsersType = ["USER_CHANNEL_VOICE", "USER_CHANNEL_MESSAGE", "USER_CHANNEL_MEMBERS"];
391 | 
392 |             if (globalUsersType.includes(props.type)) return this.createItemGroup("User", "Global");
393 |             else if (groupUsersType.includes(props.type)) return this.createItemGroup("User", props, "Group");
394 |             else if (serverUsersType.includes(props.type)) return this.createItemGroup("User", props, "Server");
395 | 
396 |             this.utility.error(`Unknown Type: ${props.type}`);
397 |         } else if (props.type.startsWith("CHANNEL_")) {
398 |             const textChannelType = ["CHANNEL_TITLE", "CHANNEL_TOPIC", "CHANNEL_LIST_TEXT"];
399 |             const voiceChannelType = ["CHANNEL_LIST_VOICE"];
400 | 
401 |             if (textChannelType.includes(props.type)) return this.createItemGroup("Channel", props, "Text");
402 |             else if (voiceChannelType.includes(props.type)) return this.createItemGroup("Channel", props, "Voice");
403 | 
404 |             this.utility.error(`Unknown Type: ${props.type}`);
405 |         } else if (props.type.startsWith("GUILD_")) {
406 |             const serverType = ["GUILD_ICON_BAR", "GUILD_HEADER"];
407 | 
408 |             if (serverType.includes(props.type)) return this.createItemGroup("Server", props);
409 | 
410 |             this.utility.error(`Unknown Type: ${props.type}`);
411 |         }
412 |     }
413 | 
414 |     createItemGroup(modal, props, type) {
415 |         let usc;
416 | 
417 |         if (modal === "User") usc = `${type} User`;
418 |         else if (modal === "Server") usc = "Server";
419 |         else if (modal === "Channel") usc = `${type} Channel`;
420 | 
421 |         return $("<div>", {class: "item-group snumod-item-group"})
422 |             .append($("<div>", {
423 |                 class: "item snumod-item",
424 |                 click: ev => {
425 |                     ev.stopImmediatePropagation();
426 |                     // Close the Menu
427 |                     $(".context-menu").empty();
428 | 
429 |                     // Get THE span
430 |                     const span = $("<span>", {class: "snumod-modal-span"});
431 | 
432 |                     span.append(this.createBackdrop(span));
433 | 
434 |                     if (modal === "User") span.append(this.createUserModal(props, type));
435 |                     else if (modal === "Server") span.append(this.createServerModal(props, type));
436 |                     else if (modal === "Channel") span.append(this.createChannelModal(props, type));
437 | 
438 |                     $("#app-mount").find(">:first-child").append(span);
439 | 
440 |                     $("#snumod-usernickname, #snumod-servername, #snumod-channelname").focus().select();
441 |                 }
442 |             }).append(`<span>Modify ${usc}</span><div class="hint"></div>`));
443 |     }
444 | 
445 |     createBackdrop(span) {
446 |         const backdrop = $("<div>", {
447 |             class: "callout-backdrop",
448 |             style: "opacity: 0; transform: translateZ(0px); background-color: rgb(0, 0, 0);",
449 |             click(ev) {
450 |                 ev.stopImmediatePropagation();
451 | 
452 |                 span.children(".callout-backdrop").animate({opacity: 0}, 100, "linear");
453 |                 span.children(".modal").animate({opacity: 0}, {
454 |                     duration: 100,
455 |                     easing: "linear",
456 |                     progress: (anim, prog) => {
457 |                         $(anim.elem).css("transform", `scale(${1 - 0.35 * prog})`);
458 |                     },
459 |                     complete() {
460 |                         span.remove();
461 |                     }
462 |                 });
463 |             }
464 |         });
465 | 
466 |         backdrop.animate({opacity: 0.85}, 100, "linear");
467 | 
468 |         return backdrop;
469 |     }
470 | 
471 |     createUserModal(props, type) {
472 |         let defaultValue;
473 | 
474 |         if (type === "Global") {
475 |             this.modifiers.global[props.user.id] = this.modifiers.global[props.user.id] || {};
476 |             defaultValue = this.modifiers.global[props.user.id];
477 |         } else if (type === "Server") {
478 |             this.modifiers.servers[props.guildId] = this.modifiers.servers[props.guildId] || {};
479 |             this.modifiers.servers[props.guildId].users = this.modifiers.servers[props.guildId].users || {};
480 |             this.modifiers.servers[props.guildId].users[props.user.id] = this.modifiers.servers[props.guildId].users[props.user.id] || {};
481 |             defaultValue = this.modifiers.servers[props.guildId].users[props.user.id];
482 |         } else {
483 |             this.modifiers.groups[props.channelId] = this.modifiers.groups[props.channelId] || {};
484 |             this.modifiers.groups[props.channelId][props.user.id] = this.modifiers.groups[props.channelId][props.user.id] || {};
485 |             defaultValue = this.modifiers.groups[props.channelId][props.user.id];
486 |         }
487 |         const header = $("<div>", {class: "form-header snumod-form-header"}).append(`<header>Modify ${props.user.username} (${type})</header>`);
488 | 
489 |         const inner = $("<div>", {class: "form-inner snumod-form-inner"}).append($("<div>", {class: "control-group"})
490 |             .append($("<label for='snumod-usernickname' class='snumod-label'>Nickname</label>"))
491 |             .append($("<input>", {
492 |                 type: "text",
493 |                 class: "snumod-input",
494 |                 id: "snumod-usernickname",
495 |                 name: "nickname",
496 |                 placeholder: props.user.username,
497 |                 value: defaultValue.nickname || ""
498 |             }))
499 |             .append($("<label for='snumod-useravatar' class='snumod-label'>Avatar URL</label>"))
500 |             .append($("<input>", {
501 |                 type: "text",
502 |                 class: "snumod-input",
503 |                 id: "snumod-useravatar",
504 |                 name: "avatar",
505 |                 placeholder: props.user.avatar ? `https://cdn.discordapp.com/avatars/${props.user.id}/${props.user.avatar}.jpg` : "",
506 |                 value: defaultValue.avatar || ""
507 |             }))
508 |             .append($("<label for='snumod-usernamecolour' class='snumod-label'>Name Colour</label>"))
509 |             .append($("<input>", {
510 |                 type: "text",
511 |                 class: "snumod-input",
512 |                 id: "snumod-usernamecolour",
513 |                 name: "namecolour",
514 |                 placeholder: "#",
515 |                 value: defaultValue.namecolour || ""
516 |             }))
517 |             .append($("<label for='snumod-usertextcolour' class='snumod-label'>Text Colour</label>"))
518 |             .append($("<input>", {
519 |                 type: "text",
520 |                 class: "snumod-input",
521 |                 id: "snumod-usertextcolour",
522 |                 name: "textcolour",
523 |                 placeholder: "#",
524 |                 value: defaultValue.textcolour || ""
525 |             }))
526 |             .append($("<div>", {class: "control-group snumod-form-buttons"}))
527 |             .append($("<div>", {class: "checkbox snumod-checkbox"}).append($("<div>", {class: "checkbox-inner"}))));
528 | 
529 |         inner.find(".snumod-form-buttons")
530 |             .append($("<span>", {class: "snumod-clear-button"}).append("<label><a>Clear Form</a></label>"))
531 |             .append($("<span>", {class: "snumod-reset-button"}).append("<label><a>Reset Form</a></label>"));
532 | 
533 |         inner.find(".checkbox-inner").append($("<input>", {
534 |             type: "checkbox",
535 |             id: "snumod-globalcheck",
536 |             name: "globalcheck"
537 |         }).prop("checked", type === "Global")).append("<span></span>")
538 |             .after($("<label for='snumod-globalcheck' class='snumod-label'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Modify Global</label>"));
539 | 
540 |         let disabled = false;
541 | 
542 |         if (type === "Global") {
543 |             inner.find("#snumod-globalcheck").prop("disabled", true);
544 |             disabled = true;
545 |             inner.find(".checkbox").after($("<input>", {
546 |                 type: "hidden",
547 |                 class: "snumod-input",
548 |                 id: "snumod-globalcheck-hidden",
549 |                 name: "globalcheck",
550 |                 value: "on"
551 |             }));
552 |         }
553 | 
554 |         inner.find(".checkbox").click(ev => {
555 |             if (disabled) return;
556 |             const cb = $(ev.currentTarget).children().find('input[type="checkbox"]');
557 |             const enabled = !cb.is(":checked");
558 | 
559 |             if (enabled) {
560 |                 this.modifiers.global[props.user.id] = this.modifiers.global[props.user.id] || {};
561 |                 inner.find("#snumod-usernickname").val(this.modifiers.global[props.user.id].nickname || "");
562 |                 inner.find("#snumod-useravatar").val(this.modifiers.global[props.user.id].avatar || "");
563 |                 inner.find("#snumod-usernamecolour").val(this.modifiers.global[props.user.id].namecolour || "");
564 |                 inner.find("#snumod-usertextcolour").val(this.modifiers.global[props.user.id].textcolour || "");
565 |             } else {
566 |                 $(".snumod-form").trigger("reset");
567 |             }
568 | 
569 |             cb.prop("checked", enabled);
570 |             if (enabled) header.find("header").text(`Modify ${props.user.username} (Global)`);
571 |             else header.find("header").text(`Modify ${props.user.username} (${type})`);
572 |         });
573 | 
574 |         inner.find(".snumod-clear-button").click(() => {
575 |             $(".snumod-form").find("input:text").val("");
576 |             $("#snumod-usernickname").focus().select();
577 |         });
578 | 
579 |         inner.find(".snumod-reset-button").click(() => {
580 |             const cb = inner.children().find('input[type="checkbox"]');
581 |             const enabled = cb.is(":checked");
582 | 
583 |             if (type !== "Global" && enabled) {
584 |                 this.modifiers.global[props.user.id] = this.modifiers.global[props.user.id] || {};
585 |                 inner.find("#snumod-usernickname").val(this.modifiers.global[props.user.id].nickname || "");
586 |                 inner.find("#snumod-useravatar").val(this.modifiers.global[props.user.id].avatar || "");
587 |                 inner.find("#snumod-usernamecolour").val(this.modifiers.global[props.user.id].namecolour || "");
588 |                 inner.find("#snumod-usertextcolour").val(this.modifiers.global[props.user.id].textcolour || "");
589 |             } else {
590 |                 $(".snumod-form").trigger("reset");
591 |             }
592 |             if (enabled) cb.prop("checked", enabled);
593 |             $("#snumod-usernickname").focus().select();
594 |         });
595 | 
596 |         const buttons = $("<div>", {class: "form-actions snumod-form-actions"})
597 |             .append($("<button>", {
598 |                 class: "btn btn-default",
599 |                 text: "Cancel",
600 |                 type: "button",
601 |                 click: () => {
602 |                     const span = $(".snumod-modal-span");
603 | 
604 |                     span.children(".callout-backdrop").animate({opacity: 0}, 100, "linear");
605 |                     span.children(".modal").animate({opacity: 0}, {
606 |                         duration: 100,
607 |                         easing: "linear",
608 |                         progress: (anim, prog) => {
609 |                             $(anim.elem).css("transform", `scale(${1 - 0.35 * prog})`);
610 |                         },
611 |                         complete() {
612 |                             span.remove();
613 |                         }
614 |                     });
615 |                 }
616 |             })).append($("<button>", {
617 |                 class: "btn btn-primary",
618 |                 text: "Save",
619 |                 type: "submit"
620 |             }));
621 | 
622 |         const modal = $("<div>", {
623 |             class: "modal",
624 |             style: "opacity: 0; transform: scale(0.65) translateZ(0px);"
625 |         }).append($("<div>", {class: "modal-inner"})
626 |             .append($("<form>", {class: "form snumod-form"})
627 |                 .append(header)
628 |                 .append(inner)
629 |                 .append(buttons)
630 |                 .submit(ev => {
631 |                     ev.preventDefault();
632 |                     const data = $(ev.target).serializeObject();
633 | 
634 |                     if (data.globalcheck) {
635 |                         this.modifiers.global[props.user.id].nickname = data.nickname || "";
636 |                         this.modifiers.global[props.user.id].avatar = data.avatar || "";
637 |                         this.modifiers.global[props.user.id].namecolour = data.namecolour || "";
638 |                         this.modifiers.global[props.user.id].textcolour = data.textcolour || "";
639 |                     } else if (type === "Server") {
640 |                         this.modifiers.servers[props.guildId].users[props.user.id].nickname = data.nickname || "";
641 |                         this.modifiers.servers[props.guildId].users[props.user.id].avatar = data.avatar || "";
642 |                         this.modifiers.servers[props.guildId].users[props.user.id].namecolour = data.namecolour || "";
643 |                         this.modifiers.servers[props.guildId].users[props.user.id].textcolour = data.textcolour || "";
644 |                     } else {
645 |                         this.modifiers.groups[props.channelId][props.user.id].nickname = data.nickname || "";
646 |                         this.modifiers.groups[props.channelId][props.user.id].avatar = data.avatar || "";
647 |                         this.modifiers.groups[props.channelId][props.user.id].namecolour = data.namecolour || "";
648 |                         this.modifiers.groups[props.channelId][props.user.id].textcolour = data.textcolour || "";
649 |                     }
650 | 
651 |                     const span = $(".snumod-modal-span");
652 | 
653 |                     span.children(".callout-backdrop").animate({opacity: 0}, 100, "linear");
654 |                     span.children(".modal").animate({opacity: 0}, {
655 |                         duration: 100,
656 |                         easing: "linear",
657 |                         progress: (anim, prog) => {
658 |                             $(anim.elem).css("transform", `scale(${1 - 0.35 * prog})`);
659 |                         },
660 |                         complete() {
661 |                             span.remove();
662 |                         }
663 |                     });
664 |                 })));
665 | 
666 |         modal.animate({opacity: 1}, {
667 |             duration: 100,
668 |             easing: "linear",
669 |             progress: (anim, prog) => {
670 |                 $(anim.elem).css("transform", `scale(${0.35 * prog + 0.65})`);
671 |             }
672 |         });
673 | 
674 |         return modal;
675 |     }
676 | 
677 |     createServerModal(props) {
678 |         this.modifiers.servers[props.guild.id] = this.modifiers.servers[props.guild.id] || {};
679 | 
680 |         const header = $("<div>", {class: "form-header"}).append(`<header>Modify ${props.guild.name}</header>`);
681 | 
682 |         const inner = $("<div>", {class: "form-inner snumod-form-inner"}).append($("<div>", {class: "control-group"})
683 |             .append($("<label for='snumod-servername' class='snumod-label'>Server Name</label>"))
684 |             .append($("<input>", {
685 |                 type: "text",
686 |                 class: "snumod-input",
687 |                 id: "snumod-servername",
688 |                 name: "name",
689 |                 placeholder: props.guild.name,
690 |                 value: this.modifiers.servers[props.guild.id].name || ""
691 |             }))
692 |             .append($("<label for='snumod-servericon' class='snumod-label'>Icon URL</label>"))
693 |             .append($("<input>", {
694 |                 type: "text",
695 |                 class: "snumod-input",
696 |                 id: "snumod-servericon",
697 |                 name: "icon",
698 |                 placeholder: props.guild.icon ? `https://cdn.discordapp.com/icons/${props.guild.id}/${props.guild.icon}.jpg` : "",
699 |                 value: this.modifiers.servers[props.guild.id].icon || ""
700 |             }))
701 |             .append($("<div>", {class: "control-group snumod-form-buttons"})));
702 | 
703 |         inner.find(".snumod-form-buttons")
704 |             .append($("<span>", {class: "snumod-clear-button"}).append("<label><a>Clear Form</a></label>"))
705 |             .append($("<span>", {class: "snumod-reset-button"}).append("<label><a>Reset Form</a></label>"));
706 | 
707 |         inner.find(".snumod-clear-button").click(() => {
708 |             $(".snumod-form").find("input:text").val("");
709 |             $("#snumod-servername").focus().select();
710 |         });
711 | 
712 |         inner.find(".snumod-reset-button").click(() => {
713 |             $(".snumod-form").trigger("reset");
714 |             $("#snumod-servername").focus().select();
715 |         });
716 | 
717 |         const buttons = $("<div>", {class: "form-actions snumod-form-actions"})
718 |             .append($("<button>", {
719 |                 class: "btn btn-default",
720 |                 text: "Cancel",
721 |                 type: "button",
722 |                 click: () => {
723 |                     const span = $(".snumod-modal-span");
724 | 
725 |                     span.children(".callout-backdrop").animate({opacity: 0}, 100, "linear");
726 |                     span.children(".modal").animate({opacity: 0}, {
727 |                         duration: 100,
728 |                         easing: "linear",
729 |                         progress: (anim, prog) => {
730 |                             $(anim.elem).css("transform", `scale(${1 - 0.35 * prog})`);
731 |                         },
732 |                         complete() {
733 |                             span.remove();
734 |                         }
735 |                     });
736 |                 }
737 |             })).append($("<button>", {
738 |                 class: "btn btn-primary",
739 |                 text: "Save",
740 |                 type: "submit"
741 |             }));
742 | 
743 |         const modal = $("<div>", {
744 |             class: "modal",
745 |             style: "opacity: 0; transform: scale(0.65) translateZ(0px);"
746 |         }).append($("<div>", {class: "modal-inner"})
747 |             .append($("<form>", {class: "form snumod-form"})
748 |                 .append(header)
749 |                 .append(inner)
750 |                 .append(buttons)
751 |                 .on("submit", ev => {
752 |                     ev.preventDefault();
753 |                     const data = $(ev.target).serializeObject();
754 | 
755 |                     this.modifiers.servers[props.guild.id].name = data.name;
756 |                     this.modifiers.servers[props.guild.id].icon = data.icon;
757 | 
758 |                     const span = $(".snumod-modal-span");
759 | 
760 |                     span.children(".callout-backdrop").animate({opacity: 0}, 100, "linear");
761 |                     span.children(".modal").animate({opacity: 0}, {
762 |                         duration: 100,
763 |                         easing: "linear",
764 |                         progress: (anim, prog) => {
765 |                             $(anim.elem).css("transform", `scale(${1 - 0.35 * prog})`);
766 |                         },
767 |                         complete() {
768 |                             span.remove();
769 |                         }
770 |                     });
771 |                 })));
772 | 
773 |         modal.animate({opacity: 1}, {
774 |             duration: 100,
775 |             easing: "linear",
776 |             progress: (anim, prog) => {
777 |                 $(anim.elem).css("transform", `scale(${0.35 * prog + 0.65})`);
778 |             }
779 |         });
780 | 
781 |         return modal;
782 |     }
783 | 
784 |     createChannelModal(props, type) {
785 |         this.modifiers.servers[props.guild.id] = this.modifiers.servers[props.guild.id] || {};
786 |         this.modifiers.servers[props.guild.id].channels = this.modifiers.servers[props.guild.id].channels || {};
787 |         this.modifiers.servers[props.guild.id].channels[props.channel.id] = this.modifiers.servers[props.guild.id].channels[props.channel.id] || {};
788 | 
789 |         const header = $("<div>", {class: "form-header"}).append(`<header>Modify ${type === "Text" ? "#" : ""}${props.channel.name} (${type})</header>`);
790 | 
791 |         const inner = $("<div>", {class: "form-inner snumod-form-inner"}).append($("<div>", {class: "control-group"})
792 |             .append($("<label for='snumod-channelname' class='snumod-label'>Channel Name</label>"))
793 |             .append($("<input>", {
794 |                 type: "text",
795 |                 class: "snumod-input",
796 |                 id: "snumod-channelname",
797 |                 name: "name",
798 |                 placeholder: props.channel.name,
799 |                 value: this.modifiers.servers[props.guild.id].channels[props.channel.id].name || ""
800 |             }))
801 |             .append($("<div>", {class: "control-group snumod-form-buttons"})));
802 | 
803 |         inner.find(".snumod-form-buttons")
804 |             .append($("<span>", {class: "snumod-clear-button"}).append("<label><a>Clear Form</a></label>"))
805 |             .append($("<span>", {class: "snumod-reset-button"}).append("<label><a>Reset Form</a></label>"));
806 | 
807 |         if (type === "Text") {
808 |             inner.find("#snumod-channelname")
809 |                 .after($("<label for='snumod-channeltopic' class='snumod-label'>Channel Topic</label>"),
810 |                     $("<input>", {
811 |                         type: "text",
812 |                         class: "snumod-input",
813 |                         id: "snumod-channeltopic",
814 |                         name: "topic",
815 |                         placeholder: props.channel.topic,
816 |                         value: this.modifiers.servers[props.guild.id].channels[props.channel.id].topic || ""
817 |                     }));
818 |         }
819 | 
820 |         inner.find(".snumod-clear-button").click(() => {
821 |             $(".snumod-form").find("input:text").val("");
822 |             $("#snumod-channelname").focus().select();
823 |         });
824 | 
825 |         inner.find(".snumod-reset-button").click(() => {
826 |             $(".snumod-form").trigger("reset");
827 |             $("#snumod-channelname").focus().select();
828 |         });
829 | 
830 |         const buttons = $("<div>", {class: "form-actions snumod-form-actions"})
831 |             .append($("<button>", {
832 |                 class: "btn btn-default",
833 |                 text: "Cancel",
834 |                 type: "button",
835 |                 click: () => {
836 |                     const span = $(".snumod-modal-span");
837 | 
838 |                     span.children(".callout-backdrop").animate({opacity: 0}, 100, "linear");
839 |                     span.children(".modal").animate({opacity: 0}, {
840 |                         duration: 100,
841 |                         easing: "linear",
842 |                         progress: (anim, prog) => {
843 |                             $(anim.elem).css("transform", `scale(${1 - 0.35 * prog})`);
844 |                         },
845 |                         complete() {
846 |                             span.remove();
847 |                         }
848 |                     });
849 |                 }
850 |             })).append($("<button>", {
851 |                 class: "btn btn-primary",
852 |                 text: "Save",
853 |                 type: "submit"
854 |             }));
855 | 
856 |         const modal = $("<div>", {
857 |             class: "modal",
858 |             style: "opacity: 0; transform: scale(0.65) translateZ(0px);"
859 |         }).append($("<div>", {class: "modal-inner"})
860 |             .append($("<form>", {class: "form snumod-form"})
861 |                 .append(header)
862 |                 .append(inner)
863 |                 .append(buttons)
864 |                 .on("submit", ev => {
865 |                     ev.preventDefault();
866 |                     const data = $(ev.target).serializeObject();
867 | 
868 |                     this.modifiers.servers[props.guild.id].channels[props.channel.id].name = data.name;
869 |                     if (data.topic) this.modifiers.servers[props.guild.id].channels[props.channel.id].topic = data.topic;
870 | 
871 |                     const span = $(".snumod-modal-span");
872 | 
873 |                     span.children(".callout-backdrop").animate({opacity: 0}, 100, "linear");
874 |                     span.children(".modal").animate({opacity: 0}, {
875 |                         duration: 100,
876 |                         easing: "linear",
877 |                         progress: (anim, prog) => {
878 |                             $(anim.elem).css("transform", `scale(${1 - 0.35 * prog})`);
879 |                         },
880 |                         complete() {
881 |                             span.remove();
882 |                         }
883 |                     });
884 |                 })));
885 | 
886 |         modal.animate({opacity: 1}, {
887 |             duration: 100,
888 |             easing: "linear",
889 |             progress: (anim, prog) => {
890 |                 $(anim.elem).css("transform", `scale(${0.35 * prog + 0.65})`);
891 |             }
892 |         });
893 | 
894 |         return modal;
895 |     }
896 | 
897 |     // Meta Data //
898 | 
899 |     getName() {
900 |         return "SnU Modifier";
901 |     }
902 | 
903 |     getDescription() {
904 |         return "Modify users and servers.";
905 |     }
906 | 
907 |     getVersion() {
908 |         return "0.0.7";
909 |     }
910 | 
911 |     getAuthor() {
912 |         return `<a href="https://github.com/Natsulus" target="_BLANK">Natsulus</a>`;
913 |     }
914 | 
915 |     // Unused //
916 | 
917 |     onMessage() {
918 |         // v2
919 |     }
920 | 
921 |     onSwitch() {
922 |         // Better to use observer
923 |     }
924 | 
925 |     getSettingsPanel() {
926 |         // Using Custom Settings Panel
927 |     }
928 | 
929 |     load() {
930 |         // Deprecated in v2
931 |     }
932 | 
933 |     unload() {
934 |         // Deprecated in v2
935 |     }
936 | }


--------------------------------------------------------------------------------
/plugins/README.md:
--------------------------------------------------------------------------------
1 | Details Coming Soon


--------------------------------------------------------------------------------
/themes/README.md:
--------------------------------------------------------------------------------
1 | Details Coming Soon


--------------------------------------------------------------------------------