import { Panel } from "@components/setting/panel";
import { addStyle, log } from "@/env";
import { CommonUtil } from "@components/utils/CommonUtil";
import { addBlockCSS } from "@components/env.base";

export const BlockSearchFrame = {
  init() {
    Panel.execMenuOnce("shieldSearch", () => {
      return this.shieldSearch();
    });
    Panel.execMenuOnce("blockSearchButton", () => {
      return this.blockSearchButton();
    });
    Panel.execMenuOnce("blockSearchSuggestion", () => {
      return this.blockSearchSuggestion();
    });
    Panel.execMenuOnce("shieldSearchPlaceholder", () => {
      return this.shieldSearchPlaceholder();
    });
    Panel.execMenuOnce("shieldSearchGuessYouWantToSearch", () => {
      return this.shieldSearchGuessYouWantToSearch();
    });
    Panel.execMenuOnce("shieldSearchTiktokHotspot", () => {
      return this.shieldSearchTiktokHotspot();
    });
  },
  /**
   * 【屏蔽】搜索框
   */
  shieldSearch() {
    log.info("【屏蔽】搜索框");
    return addBlockCSS(
      '#douyin-header div[data-click="doubleClick"] > div[data-click="doubleClick"] > div:has(input[data-e2e="searchbar-input"])'
    );
  },
  /**
   * 【屏蔽】搜索按钮
   */
  blockSearchButton() {
    log.info(`【屏蔽】搜索按钮`);
    return addBlockCSS(
      // 按钮左边的竖线
      'div:empty:has(+button[data-e2e="searchbar-button"])',
      // 按钮
      'button[data-e2e="searchbar-button"]'
    );
  },
  /**
   * 【屏蔽】搜索建议
   */
  blockSearchSuggestion() {
    log.info(`【屏蔽】搜索建议`);
    return addBlockCSS('button[data-e2e="searchbar-button"]+div:has([data-text])');
  },
  /**
   * 【屏蔽】搜索框的提示
   */
  shieldSearchPlaceholder() {
    log.info("【屏蔽】搜索框的提示");
    const result = [];
    result.push(
      addBlockCSS(
        '#douyin-header div[data-click="doubleClick"] > div[data-click="doubleClick"] > div div:has( + input[data-e2e="searchbar-input"])'
      )
    );
    result.push(
      addStyle(/*css*/ `
			#douyin-header div[data-click="doubleClick"] > div[data-click="doubleClick"] > div input[data-e2e="searchbar-input"]::placeholder{
				color: transparent;
			}`)
    );
    return result;
  },
  /**
   * 【屏蔽】搜索-猜你想搜
   */
  shieldSearchGuessYouWantToSearch() {
    log.info("【屏蔽】搜索-猜你想搜");
    return addBlockCSS(
      'button[data-e2e="searchbar-button"] + div div:has( + div[data-e2e="search-guess-container"])',
      'button[data-e2e="searchbar-button"] + div div[data-e2e="search-guess-container"]'
    );
  },
  /**
   * 【屏蔽】搜索-抖音热点
   */
  shieldSearchTiktokHotspot() {
    log.info("【屏蔽】搜索-抖音热点");
    return addBlockCSS(
      'button[data-e2e="searchbar-button"] + div div:has( + div[data-e2e="search-hot-container"])',
      'button[data-e2e="searchbar-button"] + div div[data-e2e="search-hot-container"]'
    );
  },
};