import { DOMUtils, addStyle, log, utils } from "@/env";
import { DouYinUrlHandler } from "@/router/DouYinUrlHandler";
import { addBlockCSS } from "@components/env.base";
import { Panel } from "@components/setting/panel";
import Qmsg from "qmsg";
import blockCSS from "./block.css?raw";

export const MDouYinShareNote = {
  init() {
    addStyle(blockCSS);
    Panel.execMenuOnce("m-dy-share-note-blockRecommend", () => {
      return this.blockRecommend();
    });
    Panel.execMenuOnce("m-dy-share-note-blockComment", () => {
      return this.blockComment();
    });
    Panel.execMenuOnce("m-dy-share-note-blockFooterToobar", () => {
      return this.blockFooterToobar();
    });
    Panel.execMenuOnce("m-dy-share-note-coverUser", () => {
      return this.coverUser();
    });
    Panel.execMenuOnce("m-dy-share-note-coverHashTag", () => {
      return this.coverHashTag();
    });
    Panel.execMenuOnce("m-dy-share-note-coverMusic", () => {
      return this.coverMusic();
    });
    Panel.execMenuOnce("m-dy-share-note-coverRecommend", () => {
      return this.coverRecommend();
    });
    Panel.execMenuOnce("m-dy-share-note-coverExcitingGraphicsAndText", () => {
      return this.coverExcitingGraphicsAndText();
    });
  },
  /**
   * 【屏蔽】相关推荐
   */
  blockRecommend() {
    log.info("【屏蔽】相关推荐");
    return addBlockCSS(".recommend-con");
  },
  /**
   * 【屏蔽】评论
   */
  blockComment() {
    log.info("【屏蔽】评论");
    return addBlockCSS(".comment-con");
  },
  /**
   * 【屏蔽】底部工具栏
   */
  blockFooterToobar() {
    log.info("【屏蔽】底部工具栏");
    return addBlockCSS(".footer-con");
  },
  /**
   * 覆盖相关推荐的点击事件
   */
  coverRecommend() {
    log.info("覆盖相关推荐的点击事件");
    const result = DOMUtils.on(
      document,
      "click",
      "#masonry .card",
      (event, $click) => {
        DOMUtils.preventEvent(event);
        const rectFiber = utils.getReactInstance($click).reactFiber;
        if (!rectFiber) {
          log.error("获取reactFiber失败");
          Qmsg.error("获取reactFiber失败");
          return;
        }
        const awemeId = rectFiber?.return?.memoizedProps.awemeId;
        const url = DouYinUrlHandler.getNoteUrl(awemeId);
        window.open(url, "_blank");
      },
      { capture: true, overrideTarget: false }
    );
    return [result.off];
  },
  /**
   * 覆盖用户点击事件
   */
  coverUser() {
    log.info("覆盖用户点击事件");
    const callback = (event: MouseEvent | PointerEvent, $click: HTMLElement) => {
      DOMUtils.preventEvent(event);
      const rectFiber = utils.getReactInstance($click).reactFiber;
      if (!rectFiber) {
        log.error("获取reactFiber失败");
        Qmsg.error("获取reactFiber失败");
        return;
      }
      const sec_id = rectFiber?.return?.return?.memoizedProps?.video?.authorInfo?.sec_uid;
      const url = DouYinUrlHandler.getUserHomeUrl(sec_id);
      window.open(url, "_blank");
    };
    const result = DOMUtils.on(document, "click", ".message-con__top", callback, { capture: true });
    return [result.off];
  },
  /**
   * 覆盖话题点击事件
   */
  coverHashTag() {
    log.info("覆盖话题点击事件");
    const callback = (event: MouseEvent | PointerEvent, $click: HTMLElement) => {
      DOMUtils.preventEvent(event);
      const rectFiber = utils.getReactInstance($click).reactFiber;
      if (!rectFiber) {
        Qmsg.error("获取reactFiber失败");
        return;
      }
      const index = rectFiber.index;
      const splitStrArr = rectFiber?.return?.return?.return?.return?.memoizedProps?.video?.splitStrArr;
      const currentSplitStr = splitStrArr[index];
      const hashtagId = currentSplitStr["hashtagId"];
      const url = DouYinUrlHandler.getHashTagUrl(hashtagId);
      window.open(url, "_blank");
    };
    const result = DOMUtils.on(
      document,
      "click",
      ".message-con__content__body .message-con__content__body-text",
      callback,
      {
        capture: true,
      }
    );
    return [result.off];
  },
  /**
   * 覆盖音乐点击事件
   */
  coverMusic() {
    log.info("覆盖音乐点击事件");
    const result = DOMUtils.on(
      document,
      "click",
      ".message-con__footer",
      (event, $click) => {
        DOMUtils.preventEvent(event);
        const rectFiber = utils.getReactInstance($click).reactFiber;

        if (!rectFiber) {
          log.error("获取reactFiber失败");
          Qmsg.error("获取reactFiber失败");
          return;
        }
        const musicId = rectFiber?.return?.return?.memoizedProps?.video?.musicId;
        const url = DouYinUrlHandler.getMusicUrl(musicId);
        window.open(url, "_blank");
      },
      { capture: true }
    );
    return [result.off];
  },
  /**
   * 覆盖精彩图文点击事件
   */
  coverExcitingGraphicsAndText() {
    log.info("覆盖精彩图文点击事件");
    const result1 = DOMUtils.on(
      document,
      "click",
      ".container .related-list-con .related-note-item",
      (event, $click) => {
        DOMUtils.preventEvent(event);
        const rectFiber = utils.getReactInstance($click).reactFiber;

        if (!rectFiber) {
          log.error("获取reactFiber失败");
          Qmsg.error("获取reactFiber失败");
          return;
        }
        const itemData = rectFiber?.return?.memoizedProps?.itemData;
        const awemeId = itemData["awemeId"];
        const url = DouYinUrlHandler.getNoteUrl(awemeId);
        window.open(url, "_blank");
      },
      { capture: true }
    );
    // 推荐更多精彩图文
    // 查看更多
    const result2 = DOMUtils.on(document, "click", ".related-title-con", (event) => DOMUtils.preventEvent(event), {
      capture: true,
    });
    return [result1.off, result2.off];
  },
};