index.js

/* eslint-disable object-property-newline,no-use-before-define */

const { Plugin } = require('powercord/entities');
const { React, getModule } = require('powercord/webpack');

const SettingsView = getModule((m) => m?.displayName === 'SettingsView', false);
const { getUserSettingsSections } = getModule([ 'getUserSettingsSections' ], false);

module.exports = class ChatSettings extends Plugin {
  async startPlugin () {
    this.loadStylesheet('style.css');
    this.genSections();
    this.registerCommand();
  }

  pluginWillUnload () {
    powercord.api.commands.unregisterCommand('settings');
  }

  genSections () {
    if (powercord.initialized) {
      this.sections = getArray();
    } else {
      this.sections = [];
      powercord.once('loaded', () => {
        this.sections = getArray();
      });
    }

    function getArray () {
      return [
        ...getUserSettingsSections({}),
        ...Object.values(powercord.api.settings.tabs)
          .map(({ label, render }) => ({
            element: render,
            section: (typeof label === 'function') ? label() : label,
            label: (typeof label === 'function') ? label() : label
          }))
      ]
        .filter(({ element }) => element);
    }
  }

  registerCommand () {
    powercord.api.commands.registerCommand({
      command: 'settings',
      label: 'Chat Settings',
      usage: '{c} [ tab ]',
      description: 'Opens the settings tab directly in the chat',
      executor: this.getSettings.bind(this),
      autocomplete: this.autocomplete.bind(this)
    });
  }

  getSettings (args) {
    const { section } = this.sections
      .find(({ label }) => (label.toLowerCase() === args.join(' ').toLowerCase()));

    if (!section) {
      return false;
    }

    return {
      result: {
        type: 'component',
        title: React.createElement('div', {
          className: 'chat-settings-container',
          children: React.createElement(SettingsView, {
            section,
            sections: this.sections
          })
        })
      }
    };
  }

  autocomplete (args) {
    const tab = args.join(' ').toLowerCase();
    return {
      commands: this.sections
        .filter(({ label, section }) => (
          label.toLowerCase().includes(tab) && section !== 'My Account' // crash after opening settings
        ))
        .map(({ label }) => ({ command: label })),
      header: 'Settings tabs'
    };
  }
};