<template>
  <router-view v-slot="{ Component }">
    <transition name="fade">
      <component ref="view" :is="Component" />
    </transition>
  </router-view>
  <QuickCommand />
</template>

<script>
import { defineComponent } from "vue";
import { setCssVar } from "quasar";
import UTOOLS from "./js/utools.js";
import programmings from "./js/options/programs.js";
import defaultProfile from "./js/options/defaultProfile.js";
import Cron from "croner";
import QuickCommand from "components/quickcommandUI/QuickCommand";

export default defineComponent({
  components: { QuickCommand },
  name: "App",
  data() {
    return {
      setCssVar: setCssVar,
      programs: programmings,
      profile: defaultProfile.common,
      nativeProfile: defaultProfile.native,
      utools: UTOOLS,
      cronJobs: {},
      enterData: {},
      subInputEvent: null,
    };
  },
  created: function () {
    this.init();
  },
  methods: {
    init() {
      window.utools = window.getuToolsLite();
      if (!this.checkVer()) return;
      this.showChangeLog();
      this.startUp();
    },
    checkVer() {
      const requiredVersion = "2.6.1";
      // 有可能版本低到没有这个接口
      let version = utools.getAppVersion?.();
      if (!version || version < requiredVersion) {
        this.$router.push({
          name: "needupdate",
          params: { version: version, requiredVersion: requiredVersion },
        });
        return false;
      }
      return true;
    },
    startUp() {
      this.loadProfile();
      // 默认主题色
      this.setCssVar("primary", this.profile.primaryColor);
      this.startUpOnce();
      this.utools.whole.onPluginEnter((enter) => {
        this.enterPlugin(enter);
      });
      this.utools.whole.onPluginOut(() => {
        this.outPlugin();
      });
    },
    loadProfile() {
      let commonProfile = this.utools.getDB("cfg_profile");
      let nativeProfile = this.utools.getDB(
        "cfg_" + utools.getNativeId() + "_profile"
      );
      this.profile = Object.assign(_.cloneDeep(this.profile), commonProfile);
      this.nativeProfile = Object.assign(
        _.cloneDeep(this.nativeProfile),
        nativeProfile
      );
    },
    saveProfile() {
      this.utools.putDB(_.cloneDeep(this.profile), "cfg_profile");
      this.utools.putDB(
        _.cloneDeep(this.nativeProfile),
        "cfg_" + utools.getNativeId() + "_profile"
      );
    },
    // 插件全生命周期只运行一次，主要针对多开的情况
    startUpOnce() {
      if (window.multiProcessDetection())
        return console.log("multiProcess Detected");
      // 计划任务
      _.forIn(this.nativeProfile.crontabs, (cronExp, featureCode) => {
        this.runCronTask(featureCode, cronExp);
      });
      // 快捷命令服务
      if (this.nativeProfile.serverStatus) {
        window.quickcommandHttpServer().run(this.nativeProfile.serverPort);
        console.log("Server Start...");
      }
    },
    enterPlugin(enter) {
      // 使用情况统计
      this.usageStatistics(enter.code, this.parseDate(new Date()));
      this.$q.dark.set(utools.isDarkColors());
      this.enterData = enter;
      this.$router.push(enter.code);
    },
    outPlugin() {
      this.$refs.view.$refs?.commandEditor?.saveCodeHistory();
      this.$router.push("/");
      this.saveProfile();
    },
    runCronTask(featureCode, cronExp) {
      this.cronJobs[featureCode] = Cron(cronExp, () => {
        this.runCommandSilently(featureCode);
      });
    },
    runCommandSilently(featureCode) {
      let command = this.utools.getDB("qc_" + featureCode);
      if (command.program === "quickcommand") {
        window.runCodeInSandbox(command.cmd, () => {});
      } else {
        let option =
          command.program === "custom"
            ? command.customOptions
            : this.programs[command.program];
        option.scptarg = command.scptarg;
        option.charset = command.charset;
        window.runCodeFile(command.cmd, option, false, () => {});
      }
    },
    usageStatistics(featureCode, runTime) {
      let statisticsData = this.utools.getDB("cfg_statisticsData");
      let thisYear = runTime.year;
      if (!statisticsData[thisYear]) statisticsData[thisYear] = [];
      statisticsData[thisYear].push({
        code: featureCode,
        time: {
          month: runTime.month,
          day: runTime.day,
          hour: runTime.hour,
          minute: runTime.minute,
        },
      });
      this.utools.putDB(statisticsData, "cfg_statisticsData");
    },
    parseDate: (dateString) => {
      return {
        year: dateString.getFullYear(),
        month: dateString.getMonth() + 1,
        day: dateString.getDate(),
        hour: dateString.getHours(),
        minute: dateString.getMinutes(),
        second: dateString.getSeconds(),
      };
    },
    showChangeLog() {
      if (this.utools.getStorage("st_v300Inited")) return;
      window.showUb.changelog();
      // 处理统计数据
      let statisticsData = this.utools.getDB("cfg_statisticsData");
      _.forIn(statisticsData, (data, year) => {
        statisticsData[year] = data.map((x) => {
          if (!x.command) return x;
          let code =
            x.command.code === "options" ? "configuration" : x.command.code;
          return {
            code: code,
            time: x.time,
          };
        });
      });
      this.utools.putDB(statisticsData, "cfg_statisticsData");
      // 删掉数据库内的默认命令
      this.utools.delAll("qc_default");
      this.utools.setStorage("st_v300Inited", true);
    },
  },
});
</script>

<style>
:root {
  --q-dark: #464646;
  --q-dark-page: #303133;
}
.q-card--dark {
  background: var(--q-dark-page);
}
.container {
  color: black;
  background: white;
}
.body--dark .container {
  color: white;
  background: var(--q-dark-page);
}
.q-tooltip {
  font-size: 11px;
}
.q-chip {
  background: #e3e3e39a;
}
.q-chip--dark {
  background: #676666;
}
.commandLogo {
  cursor: pointer;
  transition: 0.2s;
  filter: drop-shadow(2px 1px 1px grey);
}
.commandLogo:hover {
  transition: 0.5s;
  transform: translateY(-5px);
  filter: drop-shadow(2px 1px 5px grey);
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(194, 194, 194, 0.4);
  border: rgba(194, 194, 194, 0.4);
}

::-webkit-scrollbar-track-piece {
  background: rgba(194, 194, 194, 0.1);
}

.fade-enter-from {
  opacity: 0;
}
.fade-enter-to {
  opacity: 1;
}
.fade-enter-active {
  transition: opacity 0.3s ease;
}
</style>
