index.js

/* eslint-disable */
const { Plugin } = require("powercord/entities");
const { inject, uninject } = require("powercord/injector");
const {
  React,
  getModule,
  i18n: { Messages },
} = require("powercord/webpack");
const InstalledProduct = require("../pc-moduleManager/components/parts/InstalledProduct.jsx");
const Settings = require("../pc-settings/index.js");
const { open: openModal } = require("powercord/modal");
const { header, separator } = getModule(
  ["header", "separator", "themed", "item"],
  false
);
const { side: side_class } = getModule(["side"], false);
const PluginSettings = require("./components/Settings");
const SearchTextbox = require("./components/SearchTextbox");

const DisabledUtil = require("./util/DisabledUtil");
const FavouritesUtil = require("./util/FavouritesUtil");
const SearchUtil = require("./util/SearchUtil");
const CustomContextMenu = require("./util/ContextMenu");
const Customize = require("./util/Customize");
const bd = require("./util/BD-like-settings");
const QuickActions = require("./util/QuickActions");
const ChangeLogModal = require("./components/ChangeLog");

module.exports = class BetterSettings extends Plugin {
  async startPlugin() {
    this.loadStylesheet("./index.scss");
    powercord.api.settings.registerSettings(this.entityID, {
      category: this.entityID,
      label: this.manifest.name,
      render: PluginSettings,
    });

    const log = (...args) => {
      // console.log("[BetterSettings]", ...args);
    };

    const SettingsView = await getModule(
      (m) => m.displayName === "SettingsView"
    );
    log("[BetterSettings]", "SettingsView");
    log("[BetterSettings]", SettingsView.prototype);
    const settingsModule = await getModule(["open", "saveAccountChanges"]);
    let lastsection = {};
    const thisPlugin = this;

    const autoFocus = (autofocus) => {
      setTimeout(() => {
        if (autofocus === true)
          document.getElementById("settingssearch").focus();
        else document.getElementById("settingssearch").blur();
      }, 0);
    };

    inject(
      "betterSettings_settingsMount",
      SettingsView.prototype,
      "componentDidMount",
      (args, res) => {
        const autofocus = thisPlugin.settings.get("AutoFocus", true);
        autoFocus(autofocus);
        return res;
      }
    );
    inject(
      "betterSettings_settings",
      SettingsView.prototype,
      "render",
      (_, res) => {
        if (res === null) return res;

        log("[BetterSettings]", "Settings.res");
        log("[BetterSettings]", res);

        const sidebarItems = res.props.sidebar.props.children;
        const selectedItem = res.props.sidebar.props.selectedItem;
        log("[BetterSettings]", sidebarItems);
        log("[BetterSettings]", selectedItem);
        log("[BetterSettings]", "lastsection");
        log("[BetterSettings]", lastsection);

        const autofocus = thisPlugin.settings.get("AutoFocus", true);
        const noreset = thisPlugin.settings.get("noreset", false);
        let settings;

        // Push search textbox
        sidebarItems.unshift(
          React.createElement(SearchTextbox, {
            placeholderText: Messages.SEARCH,
            openSettings: settingsModule.open,
            settingsButton: this.settings.get("settings_button", false),
          })
        );

        const sidebarHasItem = (itemName) => {
          return (
            sidebarItems.findIndex((item) => {
              return item.key === itemName;
            }) - 1
          );
        };
        const isUserSettings = sidebarHasItem("changelog") !== -2;
        const isInGuildSettings =
          typeof sidebarItems[1].props.children === "string" && !isUserSettings; // funky!
        const isInChannelSettings =
          typeof sidebarItems[1].props.children !== "string";

        // ID table:
        // 0 - user settings
        // 1 - guild settings
        // 2 - channel settings
        // 3 - gulag
        const sectionID = isUserSettings
          ? 0
          : isInGuildSettings
          ? 1
          : isInChannelSettings
          ? 2
          : 3;

        log("[BetterSettings]", `settingsID: ${sectionID}`);
        log("[BetterSettings]", res);

        settings = document.querySelector(`.${side_class}`);
        if (document.getElementById("settingssearch") == null) {
          if (noreset === true && lastsection[sectionID]) {
            settingsModule.open(lastsection[sectionID]);
          }
          // autoFocus(autofocus);
          setTimeout(() => {
            settings = document.querySelector(`.${side_class}`);

            if (settings != null && settings.id !== "checked") {
              SearchUtil.search(
                thisPlugin,
                settingsModule,
                document.querySelector(`.${side_class}`),
                sidebarItems,
                "USER_SETTINGS"
              );
            }
          }, 0);
        }

        // Remember last page (dependant on page)
        if (document.querySelector(`balls`) === null) {
          if (res.props.section !== "My Account") {
            lastsection[sectionID] = res.props.section;
          } else if (
            res.props.section !== "OVERVIEW" ||
            res.props.section !== "pc-updater"
          ) {
            lastsection[sectionID] = res.props.section;
          }
        }

        setTimeout(() => {
          settings = document.querySelector(`.${side_class}`);
          if (settings != null && settings.id !== "checked") {
            // autoFocus(autofocus);
            SearchUtil.search(
              thisPlugin,
              settingsModule,
              settings,
              190,
              "GUILD_SETTINGS"
            );
          }
        }, 0);

        return res;
      }
    );

    inject(
      "betterSettings_settingsItems",
      SettingsView.prototype,
      "render",
      (args, res) => {
        const sidebarItems = res.props.sidebar.props.children;
        const updaterItem =
          sidebarItems.findIndex((item) => {
            return item.key === "pc-updater";
          }) + 1;
        if (
          thisPlugin.settings.get("pluginsCategory", false) &&
          updaterItem !== 0
        ) {
          let pluginHeader = React.createElement(
            "div",
            { className: header },
            "Plugins"
          );
          let pluginDivider = React.createElement("div", {
            className: separator,
          });
          res.props.sidebar.props.children.splice(
            updaterItem,
            0,
            ...[pluginDivider, pluginHeader]
          );
        }
        return res;
      }
    );

    inject(
      "betterSettings_contextmenu",
      SettingsView.prototype,
      "render",
      (args, res) => {
        const sidebarHasItem = (itemName) => {
          return (
            res.props.sidebar.props.children.findIndex((item) => {
              return item.key === itemName;
            }) - 1
          );
        };
        const isUserSettings = sidebarHasItem("changelog") !== -2;
        if (isUserSettings) {
          CustomContextMenu.create(
            res.props.sidebar.props.children,
            SettingsView,
            thisPlugin,
            settingsModule
          );
          Customize.setColor(res, thisPlugin);
          Customize.setText(res, thisPlugin);
          Customize.setOpacity(res, thisPlugin);
        }
        return res;
      }
    );
    if (this.settings.get("qa_settings", true)) {
      bd.begin();
      inject(
        "betterSettings_productRenderPrePatch",
        InstalledProduct.prototype,
        "render",
        bd.productRenderPrePatch,
        true
      );
      inject(
        "betterSettings_productRenderPatch",
        InstalledProduct.prototype,
        "render",
        bd.productRenderPatch
      );
      inject(
        "betterSettings_productRenderFooterPatch",
        InstalledProduct.prototype,
        "renderFooter",
        bd.productRenderFooterPatch
      );
      inject(
        "betterSettings_makeSectionPatch",
        Settings.prototype,
        "_makeSection",
        bd.makeSectionPatch
      );
      inject(
        "betterSettings_getPredicateSectionsPatch",
        SettingsView.prototype,
        "getPredicateSections",
        bd.getPredicateSectionsPatch
      );
      inject(
        "betterSettings_openSettings",
        settingsModule,
        "open",
        bd.openPatch,
        true
      );
    }
    inject(
      "betterSettings_quickActionsButtons",
      InstalledProduct.prototype,
      "render",
      QuickActions.buttons
    );
    inject(
      "betterSettings_quickActionsStart",
      InstalledProduct.prototype,
      "render",
      QuickActions.begin,
      true
    );
    inject(
      "betterSettings_changelog",
      SettingsView.prototype,
      "render",
      (_, res) => {
        if (this.settings.get("changelog", false)) {
          this.settings.delete("changelog");
        } else if (this.settings.get("changelogV1:5", false)) {
          this.settings.delete("changelogV1:5", true);
        }
        if (
          !this.settings.get("changelogV1:6", false) &&
          this.settings.get("show_changelogs", true)
        ) {
          this.settings.set("changelogV1:6", true);
          openModal(ChangeLogModal);
        }
        return res;
      }
    );
    inject(
      "betterSettings_favorites_disabled",
      SettingsView.prototype,
      "render",
      (_, res) => {
        if (res.props.section != "OVERVIEW") {
          FavouritesUtil.favourites(thisPlugin, res);
          DisabledUtil.disabled(thisPlugin, res);
        }
        return res;
      },
      false
    );
  }
  pluginWillUnload() {
    let injected_elements = [
      "betterSettings_settings",
      "betterSettings_settingsItems",
      "betterSettings_settingsMount",
      "betterSettings_contextmenu",
      "betterSettings_productRenderPrePatch",
      "betterSettings_productRenderPatch",
      "betterSettings_productRenderFooterPatch",
      "betterSettings_makeSectionPatch",
      "betterSettings_getPredicateSectionsPatch",
      "betterSettings_openSettings",
      "betterSettings_quickActionsButtons",
      "betterSettings_quickActionsStart",
      "betterSettings_changelog",
      "betterSettings_favorites_disabled",
    ];
    for (let injected_element of injected_elements) {
      uninject(injected_element);
    }
    powercord.api.settings.unregisterSettings(this.entityID);
  }
};