import { findByProps } from "@vendetta/metro";
import { themes } from "@vendetta/themes";
import { plugins } from "@vendetta/plugins";
import { storage } from "@vendetta/plugin";
import { alerts } from "@vendetta/ui";
import { showAlert } from "../utils/messages";

const SPLIT_LARGE_MESSAGES_PLUGIN =
  "https://vd-plugins.github.io/proxy/actuallythesun.github.io/vendetta-plugins/SplitLargeMessages/";

const STATUS = {
  ENABLED: "🟢",
  DISABLED: "🔴",
  SELECTED: "🔶",
  NOT_SELECTED: "🔷",
} as const;

// Helper Functions
const addonAuthors = (authors: Array<{ name: string }>) =>
  authors.map((author) => author.name).join(", ");

const formatList = (list: string[]) => list.join("\n").trimEnd();

const getListLength = (list: string[]) => formatList(list).length;

const isSLMPluginInstalled = () =>
  Object.keys(plugins).includes(SPLIT_LARGE_MESSAGES_PLUGIN);

const isSLMPluginEnabled = () =>
  Object.values(plugins).find((p) => p.id === SPLIT_LARGE_MESSAGES_PLUGIN)
    ?.enabled ?? false;

// Command handlers
async function handlePluginList(detailed: boolean, ctx: any) {
  const alwaysDetailed =
    storage.listSettings?.pluginListAlwaysDetailed ?? false;
  const pluginList = [
    `**My Plugin List | ${Object.keys(plugins).length} Plugins**`,
    "",
  ];

  for (const plugin of Object.values(plugins)) {
    const { enabled, manifest, id } = plugin;
    const { name, description, authors } = manifest;

    if (detailed || alwaysDetailed) {
      pluginList.push(
        `> **Name**: ${name}`,
        `> **Status**: ${enabled ? STATUS.ENABLED : STATUS.DISABLED}`,
        `> **Description**: ${description}`,
        `> **Authors**: ${addonAuthors(authors)}`,
        `> **[Install!](${id})**`,
        "",
      );
    } else {
      pluginList.push(
        `> ${enabled ? STATUS.ENABLED : STATUS.DISABLED} **${name}** by ${addonAuthors(authors)}`,
      );
    }
  }

  if (getListLength(pluginList) > 2000) {
    if (!isSLMPluginInstalled()) {
      showAlert("List too long! Install Split Large Messages plugin");
      return { type: 4 };
    }
    if (!isSLMPluginEnabled()) {
      showAlert("Enable Split Large Messages plugin to send long lists!");
      return { type: 4 };
    }

    return alerts.showConfirmationAlert({
      content: "Your list is over 2000 characters. Send anyway?",
      confirmText: "Yes",
      cancelText: "No",
      onConfirm: () => sendMessage(ctx.channel.id, formatList(pluginList)),
    });
  }

  return sendMessage(ctx.channel.id, formatList(pluginList));
}

async function handleThemeList(detailed: boolean, ctx: any) {
  const alwaysDetailed = storage.themeListAlwaysDetailed ?? false;
  const themeList = [
    `**My Theme List | ${Object.keys(themes).length} Themes**`,
    "",
  ];

  const themeValues = Object.values(themes);
  if (themeValues.length) {
    for (const theme of themeValues) {
      const { selected, data, id } = theme;
      const { name, description, authors } = data;

      if (detailed || alwaysDetailed) {
        themeList.push(
          `> **Name**: ${name}`,
          `> **Selected**: ${selected ? STATUS.SELECTED : STATUS.NOT_SELECTED}`,
          `> **Description**: ${description}`,
          `> **Authors**: ${addonAuthors(authors)}`,
          `> **[Install!](${id})**`,
          "",
        );
      } else {
        themeList.push(
          `> ${selected ? STATUS.SELECTED : STATUS.NOT_SELECTED} **${name}** by ${addonAuthors(authors)}`,
        );
      }
    }
  } else {
    themeList.push("Nothing to see here, huh...");
  }

  if (getListLength(themeList) > 2000) {
    if (!isSLMPluginInstalled()) {
      showAlert("List too long! Install Split Large Messages plugin");
      return { type: 4 };
    }
    if (!isSLMPluginEnabled()) {
      showAlert("Enable Split Large Messages plugin to send long lists!");
      return { type: 4 };
    }

    return alerts.showConfirmationAlert({
      content: "Your list is over 2000 characters. Send anyway?",
      confirmText: "Yes",
      cancelText: "No",
      onConfirm: () => sendMessage(ctx.channel.id, formatList(themeList)),
    });
  }

  return sendMessage(ctx.channel.id, formatList(themeList));
}

export const pluginListCommand = {
  name: "plugin-list",
  displayName: "plugin list",
  description: "Send your plugin list to the current channel",
  displayDescription: "Send your plugin list to the current channel",
  options: [
    {
      name: "detailed",
      description: "Whether to send a list with detailed information.",
      type: 5,
      required: false,
      displayName: "detailed",
      displayDescription: "Whether to send a list with detailed information.",
    },
  ],
  execute: async (args: any, ctx: any) => {
    const detailed =
      args.find((arg: any) => arg.name === "detailed")?.value ?? false;
    return handlePluginList(detailed, ctx);
  },
  applicationId: "-1",
  inputType: 1,
  type: 1,
};

export const themeListCommand = {
  name: "theme-list",
  displayName: "theme list",
  description: "Send your theme list to the current channel",
  displayDescription: "Send your theme list to the current channel",
  options: [
    {
      name: "detailed",
      description: "Whether to send a list with detailed information.",
      type: 5,
      required: false,
      displayName: "detailed",
      displayDescription: "Whether to send a list with detailed information.",
    },
  ],
  execute: async (args: any, ctx: any) => {
    const detailed =
      args.find((arg: any) => arg.name === "detailed")?.value ?? false;
    return handleThemeList(detailed, ctx);
  },
  applicationId: "-1",
  inputType: 1,
  type: 1,
};