import { $, DOMUtils, log, utils } from "@/env";
import { Panel } from "@components/setting/panel";
import { VueUtils } from "@components/utils/VueUtils";
import type { Vue2Instance } from "@whitesev/utils/dist/types/src/types/Vue2.js";
import Qmsg from "qmsg";

export const BilibiliUtils = {
  /**
   * 前往网址
   * @param path
   * @param [useRouter=false] 是否强制使用Router，默认false
   */
  goToUrl(path: string, useRouter: boolean = false) {
    let isGoToUrlBlank = Panel.getValue("bili-go-to-url-blank");
    log.info("即将跳转URL：" + path);
    if (useRouter) {
      isGoToUrlBlank = false;
    }
    if (isGoToUrlBlank) {
      /* 新标签打开 */
      window.open(path, "_blank");
    } else {
      /* 本页打开 */
      if (path.startsWith("http") || path.startsWith("//")) {
        if (path.startsWith("//")) {
          path = window.location.protocol + path;
        }
        let urlObj = new URL(path);
        if (urlObj.origin === window.location.origin) {
          /* 同域名 */
          path = urlObj.pathname + urlObj.search + urlObj.hash;
        } else {
          log.info("不同域名，直接本页打开，不用Router：" + path);
          window.location.href = path;
          return;
        }
      }
      log.info("$router push跳转Url：" + path);
      let $app = $<HTMLDivElement>("#app");
      if ($app == null) {
        if (!useRouter) {
          window.location.href = path;
          return;
        }
        Qmsg.error("跳转Url: 获取根元素#app失败");
        log.error("跳转Url: 获取根元素#app失败：" + path);
        return;
      }
      let vueInstance = VueUtils.getVue($app);
      if (vueInstance == null) {
        if (!useRouter) {
          window.location.href = path;
          return;
        }
        log.error("获取#app的vue属性失败");
        Qmsg.error("获取#app的vue属性失败");
        return;
      }
      let $router = vueInstance.$router;
      $router.push(path);
    }
  },
  /**
   * 前往登录
   * @param fromUrl 来源Url，用于登录完毕后跳转
   */
  goToLogin(fromUrl: string = "") {
    window.open(`https://passport.bilibili.com/h5-app/passport/login?gourl=${encodeURIComponent(fromUrl)}`);
  },
  /**
   * 转换时长为显示的时长
   *
   * + 30 => 0:30
   * + 120 => 2:00
   * + 14400 => 4:00:00
   * @param duration 秒
   */
  parseDuration(duration: number) {
    if (typeof duration !== "number") {
      duration = parseInt(duration);
    }
    if (isNaN(duration)) {
      return duration.toString();
    }
    /**
     * 补零
     * @param num
     * @returns
     */
    function zeroPadding(num: number) {
      if (num < 10) {
        return `0${num}`;
      } else {
        return num;
      }
    }
    if (duration < 60) {
      /* 1分钟内 */
      return `0:${zeroPadding(duration)}`;
    } else if (duration >= 60 && duration < 3600) {
      /* 1小时内 */
      return `${Math.floor(duration / 60)}:${zeroPadding(duration % 60)}`;
    } else {
      /* 超过1小时 */
      return `${Math.floor(duration / 3600)}:${zeroPadding(
        Math.floor(duration / 60) % 60
      )}:${zeroPadding(duration % 60)}`;
    }
  },
  /**
   * 转换显示的文本
   *
   * 如：播放量、弹幕量、点赞、投币、收藏、转发
   *
   * 播放量：114514
   *
   * ↓
   *
   * 播放量：114.5万
   */
  parseCount(count: number) {
    let countText = count.toString();
    if (count > 10000) {
      let roundNum = (count / 10000).toFixed(2).slice(0, -1);
      if (roundNum.endsWith(".0")) {
        roundNum = roundNum.slice(0, -2);
      }
      countText = `${roundNum}万`;
    } else if (count > 10000 * 10000) {
      let roundNum = (count / (10000 * 10000)).toFixed(2).slice(0, -1);
      if (roundNum.endsWith(".0")) {
        roundNum = roundNum.slice(0, -2);
      }
      countText = `${roundNum}亿`;
    }
    return countText;
  },
  /**
   * 手势返回
   */
  hookGestureReturnByVueRouter(option: {
    vueInst: Vue2Instance;
    hash: string;
    /**
     *
     * @param isFromPopState 是否由popstate触发
     * @returns
     */
    callback: (isFromPopState: boolean) => boolean;
  }) {
    /**
     * 浏览器地址改变事件
     */
    function popstateEvent() {
      log.success("触发popstate事件");
      resumeBack(true);
    }

    /**
     * 禁止浏览器后退按钮
     */
    function banBack() {
      /* 监听地址改变 */
      log.success("监听地址改变");
      option.vueInst.$router.history.push(option.hash);
      DOMUtils.on(window, "popstate", popstateEvent);
    }

    /**
     * 允许浏览器后退并关闭小窗
     * @param [isFromPopState=false] 是否由popstate触发
     */
    async function resumeBack(isFromPopState = false) {
      DOMUtils.off(window, "popstate", popstateEvent);
      let callbackResult = option.callback(isFromPopState);
      if (callbackResult) {
        return;
      }
      while (1) {
        if (option.vueInst.$router.history.current.hash === option.hash) {
          log.info("后退！");
          option.vueInst.$router.back();
          await utils.sleep(250);
        } else {
          return;
        }
      }
    }
    banBack();
    return {
      resumeBack,
    };
  },
  /**
   * 固定meta viewport缩放倍率为1
   */
  initialScale() {
    log.info("设置<meta>的viewport固定缩放倍率为1并移除页面原有的<meta>");
    DOMUtils.onReady(() => {
      let meta = DOMUtils.createElement(
        "meta",
        {},
        {
          name: "viewport",
          content: "width=device-width,initial-scale=1,user-scalable=no,viewport-fit=cover",
        }
      );
      DOMUtils.remove("meta[name='viewport']");
      DOMUtils.waitNode("head").then(() => {
        document.head.appendChild(meta);
      });
    });
  },
};