module.exports = (Plugin, Api, Vendor) => {
	if (typeof BDFDB !== "object") global.BDFDB = {$: Vendor.$, BDv2Api: Api};
	
	const {$} = Vendor;

	return class extends Plugin {
		onStart () {
			var libraryScript = null;
			if (typeof BDFDB !== "object" || typeof BDFDB.isLibraryOutdated !== "function" || BDFDB.isLibraryOutdated()) {
				libraryScript = document.querySelector('head script[src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js"]');
				if (libraryScript) libraryScript.remove();
				libraryScript = document.createElement("script");
				libraryScript.setAttribute("type", "text/javascript");
				libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js");
				document.head.appendChild(libraryScript);
			}
			this.startTimeout = setTimeout(() => {this.initialize();}, 30000);
			if (typeof BDFDB === "object" && typeof BDFDB.isLibraryOutdated === "function") this.initialize();
			else libraryScript.addEventListener("load", () => {this.initialize();});
			return true;
		}

		initialize () {
			if (typeof BDFDB === "object") {
				BDFDB.loadMessage(this);
				
				var observer = null;

				observer = new MutationObserver((changes, _) => {
					changes.forEach(
						(change, i) => {
							if (change.addedNodes) {
								change.addedNodes.forEach((node) => {
									if (node && node.classList && node.classList.length > 0 && node.classList.contains(BDFDB.disCN.popout)) {
										this.makeMoveable(node);
									}
								});
							}
						}
					);
				});
				BDFDB.addObserver(this, BDFDB.dotCN.popouts, {name:"popoutObserver",instance:observer}, {childList: true});
				
				observer = new MutationObserver((changes, _) => {
					changes.forEach(
						(change, i) => {
							if (change.addedNodes) {
								change.addedNodes.forEach((node) => {
									if (node && node.classList && node.classList.contains(BDFDB.disCN.modal) && !node.querySelector(BDFDB.dotCN.downloadlink)) {
										this.makeMoveable(node.querySelector(BDFDB.dotCN.modalinner));
									}
									else if (node && node.tagName && node.querySelector(BDFDB.dotCN.modal) && !node.querySelector(BDFDB.dotCN.downloadlink)) {
										this.makeMoveable(node.querySelector(BDFDB.dotCN.modalinner));
									}
								});
							}
						}
					);
				});
				BDFDB.addObserver(this, BDFDB.dotCN.app + " ~ [class^='theme-']:not([class*='popouts'])", {name:"modalObserver",instance:observer}, {childList: true});

				return true;
			}
			else {
				console.error(`%c[${this.name}]%c`, 'color: #3a71c1; font-weight: 700;', '', 'Fatal Error: Could not load BD functions!');
				return false;
			}
		}


		onStop () {
			if (typeof BDFDB === "object") {
				BDFDB.unloadMessage(this);
				return true;
			}
			else {
				return false;
			}
		}

		
		// begin of own functions
		
		makeMoveable (div) {
			$(div)
				.off("mousedown." + this.name).off("click." + this.name)
				.on("click." + this.name, (e) => {
					if (this.dragging) {
						e.stopPropagation();
						e.preventDefault();
					}
				})
				.on("mousedown." + this.name, (e) => {
					if (e.ctrlKey) {
						this.dragging = true;
						
						var disableTextSelectionCSS = `
							* {
								user-select: none !important;
							}`;
							
						BDFDB.appendLocalStyle("disableTextSelection", disableTextSelectionCSS);
						var left = div.getBoundingClientRect().left;
						var top = div.getBoundingClientRect().top;
						var oldX = e.pageX;
						var oldY = e.pageY;
						$(document)
							.off("mouseup." + this.name).off("mousemove." + this.name)
							.on("mouseup." + this.name, () => {
								BDFDB.removeLocalStyle("disableTextSelection");
								$(document).off("mouseup." + this.name).off("mousemove." + this.name);
								setTimeout(() => {this.dragging = false},1);
							})
							.on("mousemove." + this.name, (e2) => {
								var newX = e2.pageX;
								var newY = e2.pageY;
								left = left - (oldX - newX);
								top = top - (oldY - newY);
								oldX = newX;
								oldY = newY;
								$(div).offset({"left":left,"top":top});
							});
					}
				});
		}
	}
};