212 lines
8.7 KiB
JavaScript
212 lines
8.7 KiB
JavaScript
import {SettingsConfig, SettingsState} from "data";
|
|
import DataStore from "./datastore";
|
|
import ContentManager from "./contentmanager";
|
|
import BdApi from "./pluginapi";
|
|
import Events from "./emitter";
|
|
import WebpackModules from "./webpackmodules";
|
|
|
|
import {SettingsPanel as SettingsRenderer} from "ui";
|
|
import Utilities from "./utilities";
|
|
import {Toasts} from "ui";
|
|
|
|
export default new class SettingsManager {
|
|
|
|
constructor() {
|
|
this.renderer = new SettingsRenderer();
|
|
this.config = SettingsConfig;
|
|
this.state = SettingsState;
|
|
this.setup(SettingsConfig, SettingsState);
|
|
}
|
|
|
|
initialize() {
|
|
DataStore.initialize();
|
|
// if (!DataStore.getSettingGroup("settings")) return this.saveSettings();
|
|
// const savedSettings = this.loadSettings();
|
|
// $("<style id=\"customcss\">").text(atob(DataStore.getBDData("bdcustomcss"))).appendTo(document.head);
|
|
// for (const setting in savedSettings) {
|
|
// if (savedSettings[setting] !== undefined) SettingsCookie[setting] = savedSettings[setting];
|
|
// }
|
|
// this.saveSettings();
|
|
this.loadSettings();
|
|
this.patchSections();
|
|
|
|
// Object.assign(this.state, this.defaultState);
|
|
// this.initializeConfig(EmoteSettings, EmoteState);
|
|
}
|
|
|
|
getPath(path, collectionId = "", categoryId = "") {
|
|
const collection = path.length == 3 ? path[0] : collectionId;
|
|
const category = path.length == 3 ? path[1] : path.length == 2 ? path[0] : categoryId;
|
|
const setting = path[path.length - 1];
|
|
return {collection, category, setting};
|
|
}
|
|
|
|
setup(collections, state) {
|
|
const config = {};
|
|
for (let c = 0; c < collections.length; c++) {
|
|
const collection = collections[c];
|
|
const categories = collections[c].settings;
|
|
config[collection.id] = {};
|
|
for (let s = 0; s < categories.length; s++) {
|
|
const category = categories[s];
|
|
if (category.type != "category") {config[collection.id][category.id] = category.value;}
|
|
else {
|
|
config[collection.id][category.id] = {};
|
|
for (let s = 0; s < category.settings.length; s++) {
|
|
const setting = category.settings[s];
|
|
config[collection.id][category.id][setting.id] = setting.value;
|
|
if (setting.enableWith) {
|
|
const path = this.getPath(setting.enableWith.split("."), collection.id, category.id);
|
|
Object.defineProperty(setting, "disabled", {
|
|
get: () => {
|
|
return !state[path.collection][path.category][path.setting];
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (collection.enableWith) {
|
|
const path = this.getPath(collection.enableWith.split("."));
|
|
Object.defineProperty(collection, "disabled", {
|
|
get: () => {
|
|
return !state[path.collection][path.category][path.setting];
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
this.defaultState = config;
|
|
Object.assign(this.state, this.defaultState);
|
|
}
|
|
|
|
buildSettingsPanel(title, config, state, onChange) {
|
|
config.forEach(section => {
|
|
section.settings.forEach(item => item.value = state[section.id][item.id]);
|
|
});
|
|
return this.renderer.getSettingsPanel(title, config, onChange);
|
|
}
|
|
|
|
async patchSections() {
|
|
const UserSettings = await this.getUserSettings();
|
|
Utilities.monkeyPatch(UserSettings.prototype, "generateSections", {after: (data) => {
|
|
let location = data.returnValue.findIndex(s => s.section.toLowerCase() == "linux") + 1;
|
|
const insert = (section) => {
|
|
data.returnValue.splice(location, 0, section);
|
|
location++;
|
|
};
|
|
console.log(data); /* eslint-disable-line no-console */
|
|
insert({section: "DIVIDER"});
|
|
insert({section: "HEADER", label: "BandagedBD"});
|
|
for (const collection of this.config) {
|
|
if (collection.disabled) continue;
|
|
insert({
|
|
section: collection.name,
|
|
label: collection.name,
|
|
element: () => this.buildSettingsPanel(collection.name, collection.settings, SettingsState[collection.id], this.onSettingChange.bind(this, collection.id))
|
|
});
|
|
}
|
|
insert({section: "BBD Test", label: "Test Tab", onClick: function() {Toasts.success("This can just be a click listener!", {forceShow: true});}});
|
|
insert({section: "CUSTOM", element: () => this.renderer.attribution});
|
|
}});
|
|
this.forceUpdate();
|
|
}
|
|
|
|
forceUpdate() {
|
|
const viewClass = WebpackModules.getByProps("standardSidebarView").standardSidebarView.split(" ")[0];
|
|
const node = document.querySelector(`.${viewClass}`);
|
|
Utilities.getInternalInstance(node).return.return.return.return.return.return.stateNode.forceUpdate();
|
|
}
|
|
|
|
getUserSettings() {
|
|
return new Promise(resolve => {
|
|
const cancel = Utilities.monkeyPatch(WebpackModules.getByProps("getUserSettingsSections").default.prototype, "render", {after: (data) => {
|
|
resolve(data.returnValue.type);
|
|
data.thisObject.forceUpdate();
|
|
cancel();
|
|
}});
|
|
});
|
|
}
|
|
|
|
saveSettings() {
|
|
DataStore.setData("settings", this.state);
|
|
}
|
|
|
|
loadSettings() {
|
|
const previousState = DataStore.getData("settings");
|
|
if (!previousState) return this.saveSettings();
|
|
for (const collection in this.defaultState) {
|
|
if (!previousState[collection]) Object.assign(previousState, {[collection]: this.defaultState[collection]});
|
|
for (const category in this.defaultState[collection]) {
|
|
if (!previousState[collection][category]) Object.assign(previousState[collection][category], {[category]: this.defaultState[collection][category]});
|
|
for (const setting in this.defaultState[collection][category]) {
|
|
if (previousState[collection][category][setting] == undefined) continue;
|
|
this.state[collection][category][setting] = previousState[collection][category][setting];
|
|
}
|
|
}
|
|
}
|
|
|
|
this.saveSettings(); // in case new things were added
|
|
}
|
|
|
|
onSettingChange(collection, category, id, value) {
|
|
const before = this.config.filter(c => c.disabled).length;
|
|
this.state[collection][category][id] = value;
|
|
Events.dispatch("setting-updated", collection, category, id, value);
|
|
const after = this.config.filter(c => c.disabled).length;
|
|
this.saveSettings();
|
|
if (before != after) this.forceUpdate();
|
|
}
|
|
|
|
getSetting(collection, category, id) {
|
|
if (arguments.length == 2) return this.config[0].find(c => c.id == arguments[0]).settings.find(s => s.id == arguments[1]);
|
|
return this.config.find(c => c.id == collection).find(c => c.id == category).settings.find(s => s.id == id);
|
|
}
|
|
|
|
get(collection, category, id) {
|
|
if (arguments.length == 2) return this.state[this.config[0].id][arguments[0]][arguments[1]];
|
|
return this.state[collection][category][id];
|
|
}
|
|
|
|
on(collection, category, identifier, callback) {
|
|
const handler = (col, cat, id, value) => {
|
|
if (col !== collection || cat !== category || id !== identifier) return;
|
|
callback(value);
|
|
};
|
|
Events.on("setting-updated", handler);
|
|
return () => {Events.off("setting-updated", handler);};
|
|
}
|
|
|
|
updateSettings(collection, category, id, enabled) {
|
|
|
|
if (id == "fork-ps-5") {
|
|
if (enabled) {
|
|
ContentManager.watchContent("plugin");
|
|
ContentManager.watchContent("theme");
|
|
}
|
|
else {
|
|
ContentManager.unwatchContent("plugin");
|
|
ContentManager.unwatchContent("theme");
|
|
}
|
|
}
|
|
|
|
if (id == "fork-wp-1") {
|
|
BdApi.setWindowPreference("transparent", enabled);
|
|
if (enabled) BdApi.setWindowPreference("backgroundColor", null);
|
|
else BdApi.setWindowPreference("backgroundColor", "#2f3136");
|
|
}
|
|
|
|
// this.saveSettings();
|
|
}
|
|
|
|
initializeSettings() {
|
|
// if (SettingsCookie["bda-es-4"]) EmoteModule.autoCapitalize();
|
|
|
|
// if (SettingsCookie["fork-ps-5"]) {
|
|
// ContentManager.watchContent("plugin");
|
|
// ContentManager.watchContent("theme");
|
|
// }
|
|
|
|
this.saveSettings();
|
|
}
|
|
}; |