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

/**
 * 底部工具栏 - 视频信息区域
 */
export const DouYinVideoBlock_BottomToolbar_videoInfo = {
  init() {
    Panel.execMenuOnce("dy-video-bottom-shieldVideoInfoWrap", () => {
      return this.blockVideoInfoWrap();
    });
    Panel.execMenuOnce("dy-video-blockClickRecommend", () => {
      return this.blockClickRecommend();
    });
    Panel.execMenuOnce("dy-video-blockTitleTopTag", () => {
      return this.blobkTitleTopTag();
    });
    Panel.execMenuOnce("dy-video-bottom-shieldVideoUnderTitleTag", () => {
      return this.blockVideoUnderTitleTag();
    });
    Panel.execMenuOnce("dy-video-blockAIIdentifyTheScreen", () => {
      return this.blockAIIdentifyTheScreen();
    });
    Panel.execMenuOnce("dy-video-blockClickUpdateReminder", () => {
      return this.blockClickUpdateReminder();
    });
    Panel.execMenuOnce("dy-video-blockAuthorDeclaration", () => {
      return this.blockAuthorDeclaration();
    });
  },
  /**
   * 【屏蔽】视频信息
   */
  blockVideoInfoWrap() {
    log.info("【屏蔽】视频信息");
    return [
      addBlockCSS(
        "#video-info-wrap",
        // 直播的信息区域
        '[data-e2e="feed-live"] [data-e2e="basicPlayer"] > div:has([aria-label*="直播"])',
        '[data-e2e="feed-live"] .douyin-player > div:has(a[href])'
      ),
      this.blockClickRecommend(),
      this.blobkTitleTopTag(),
    ];
  },
  /**
   * 【屏蔽】点击推荐或共xx人推荐
   */
  blockClickRecommend() {
    log.info(`【屏蔽】点击推荐或共xx人推荐`);
    return addBlockCSS(".xgplayer-recommend-tag");
  },
  /**
   * 【屏蔽】视频标题上面的标签
   *
   * - 每周精选
   * - 抖音精选
   * - 游戏评分
   * - 购物
   */
  blobkTitleTopTag() {
    log.info(`【屏蔽】视频标题上面的标签`);
    return addBlockCSS(
      "span:has(+#video-info-wrap):has(img)",
      "span:has(+div #video-info-wrap):has(img)",
      // 游戏评分
      ".xgplayer .player-position-box-bottom:not(:has(>:only-child)) > div:nth-child(1):has(img[src*='game_center'])",
      ".basePlayerContainer .player-position-box-bottom:not(:has(>:only-child)) > div:nth-child(1):has(img[src*='game_center'])",
      // 购物
      ".player-position-box-bottom .xgplayer-shop-anchor"
    );
  },
  /**
   * 【屏蔽】视频标题下的标签
   */
  blockVideoUnderTitleTag() {
    log.info(`【屏蔽】视频标题下的标签`);
    return [addBlockCSS("#video-info-wrap .under-title-tag", '.video-info-detail [data-e2e="video-desc"] + div')];
  },
  /**
   * 【屏蔽】识别画面
   */
  blockAIIdentifyTheScreen() {
    log.info(`【屏蔽】识别画面`);
    return [
      addBlockCSS(
        // 如果有视频标题下面的标签，如：合集、相关搜索等，那么会有.under-title-tag
        // 如果没有，那么仅【识别画面】一个
        '.under-title-tag + div:has(svg g[filter*="icon_ai_svg__filter"])',
        '[data-e2e="video-desc"] + div:has(svg g[filter*="icon_ai_svg__filter"]):not(:has(.under-title-tag))'
      ),
    ];
  },
  /**
   * 【屏蔽】及时接收作品更新提醒
   */
  blockClickUpdateReminder() {
    const lockFn = new utils.LockFunction(() => {
      const $reminder = $$<HTMLElement>(".basePlayerContainer div:has(>div>div):contains('及时接收作品更新提醒')");
      // 修复因移除导致视频信息为归为问题
      if ($reminder.length) {
        for (const $reminderItem of $reminder) {
          const $basePlayerContainer = $reminderItem.closest<HTMLElement>(".basePlayerContainer");
          const $videoInfoDetail = $basePlayerContainer?.querySelector<HTMLElement>(".video-info-detail");
          if ($videoInfoDetail) {
            DOMUtils.css($videoInfoDetail, "padding-bottom", "8px");
          }
        }
        DOMUtils.remove($reminder);
        log.success(`【屏蔽】及时接收作品更新提醒`);
      }
    });
    utils.mutationObserver(document, {
      config: {
        subtree: true,
        childList: true,
      },
      immediate: true,
      callback: () => {
        lockFn.run();
      },
    });
  },
  /**
   * 【屏蔽】作者声明
   */
  blockAuthorDeclaration() {
    log.info(`【屏蔽】作者声明`);
    return [addBlockCSS("div:has(>a.safetyBar)")];
  },
};