import UIScriptListCSS from "@/main/css/UIScriptListCSS.css?raw";
import { Panel } from "@components/setting/panel";
import { PanelContent } from "@components/setting/panel-content";
import { PanelMenu } from "@components/setting/panel-menu";
import i18next from "i18next";
import { GithubUrl2WebhookUrl } from "./main/GithubUrl2WebhookUrl";
import { Greasyfork } from "./main/Greasyfork";
import { SettingUIGeneral } from "./setting/view/general";
import { SettingUIDiscuessions } from "./setting/view/discussions";
import { SettingUIScripts } from "./setting/view/scripts";
import { SettingUIScriptSearch } from "./setting/view/search";
import { SettingUIUsers } from "./setting/view/users";

PanelMenu.addMenuOption({
  key: "githubUrl2webhookUrl",
  text: "⚙ " + i18next.t("Url To WebhookUrl"),
  autoReload: false,
  isStoreValue: false,
  showText(text) {
    return text;
  },
  callback: () => {
    GithubUrl2WebhookUrl.showView();
  },
});
const settingMenu = PanelMenu.getMenuOption(0);
settingMenu.showText = () => {
  return i18next.t("⚙ 设置");
};
settingMenu.callback = () => {
  const result = Panel.showPanel(
    [
      ...PanelContent.getAllContentConfig(),
      ...PanelContent.getDefaultBottomContentConfig({
        translateCallback(text, translateMap) {
          return i18next.t(text, translateMap);
        },
      }),
    ],
    i18next.t("{{SCRIPT_NAME}}-设置", {
      SCRIPT_NAME: i18next.t("GreasyFork优化"),
    }),
    true,
    true
  );
  Panel.registerConfigSearch({
    $panel: result.$panel,
    content: result.content,
    translateCallback(text, translateMap) {
      return i18next.t(text, translateMap);
    },
  });
};
PanelMenu.updateMenuOption(settingMenu);
Panel.$data.panelConfig = {
  style: UIScriptListCSS,
};
PanelContent.addContentConfig([
  SettingUIGeneral,
  SettingUIScripts,
  SettingUIScriptSearch,
  SettingUIDiscuessions,
  SettingUIUsers,
]);
Panel.init();
Greasyfork.init();