Kaikeba Wiki Helper

Wiki Helper
Wrap lines
// ==UserScript==
// @name         Kaikeba Wiki Helper
// @namespace    http://tampermonkey.net/
// @version      0.8
// @description  Wiki Helper
// @author       WumaCoder
// @match        http://wiki.kaikeba.com/pages/*
// @match        https://wiki.kaikeba.com/pages/*
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==
 
(function () {
  "use strict";
 
  const config = {
    isAutoWrite: true, // 自动写表单
    isAutoUpdate: true, // 自动更新标题
  };
 
  const formData = defineState({
    title: (self) =>
      `gk-${xk}-${self.table_num}-${TYPE[self.table_type]}-${toShortDate(
        self.table_date
      )}`,
    tags: (self) => [
      self.table_teacher,
      xk,
      `${xk}-${self.table_num}`,
      "跟课课时",
      `${xk}学科`,
    ],
 
    table_date: "2021-04-28",
    table_name: "web全栈架构师", // 课程
    table_num: 29, // 班次
    table_type: "大班课", // 类型
    table_knob: "课节", // 课节
    table_teacher: "讲师", // 讲师
    table_group: "教研", // 教研
    table_helpTeacher: "助教", // 助教
    table_subTeacher: "班主任", // 班班
    table_startDate: "20:30", // 开始
    table_endDate: "22:30", // 结束
    table_totalTime: 2, // 总时长
    table_resultTime: "2:00", // 结算时长
    table_manNum: 90, // 峰值人数
    table_manActive: (self) => random(10, +self.table_manNum / 2), //课程互动
    table_messageActive: (self) => random(10, +self.table_manNum / 2), // 公屏互动
    table_to24h: "/",
    table_to48h: "/",
    table_liveErr: "/",
    table_note: "/",
  });
 
  console.log(formData);
 
  setTimeout(() => {
    const publish = document.querySelector("#rte-button-publish");
    publish.addEventListener("click", () => {
      save();
      writeTags();
      nextBaseDate();
    });
    publish.style["background"] = "purple";
 
    if (config.isAutoWrite) {
      writeTitle();
      writeTable();
    }
    if (config.isAutoUpdate) {
      setInterval(() => {
        save(false);
        writeTitle();
      }, 500);
    }
  }, 1000);
 
  buildUI();
 
  var ADAY = 24 * 1000 * 60 * 60;
  var TYPE = {
    公开课: "gkk",
    大班课: "dbk",
    点评课: "dpk",
    答疑课: "dyk",
  };
  var xk = "web";
 
  function buildUI() {
    const ui = `
      <button @click="add">Add Day</button>
      <button @click="dec">Dec Day</button>
      <button @click="reset">Reset</button>
      <button @click="state">State</button>
      <button @click="setting">Setting</button>
      <button @click="writeForm">Write</button>
      <button @click="save">Save</button>
    `;
    UI(ui, {
      add() {
        const { date } = dateOpe(formData.table_date, 1);
        formData.table_date = date;
        writeTitle();
        writeTable();
      },
      dec() {
        const { date } = dateOpe(formData.table_date, -1);
        formData.table_date = date;
        writeTitle();
        writeTable();
      },
      reset() {
        formData.reset();
        writeTitle();
        writeTable();
      },
      state() {
        alert("请查看控制台");
        console.log(formData);
      },
      setting() {
        xk = prompt("请输入你们部门的英文，比如: web", xk);
        writeTitle();
        writeTable();
      },
      writeForm() {
        writeTitle();
        writeTable();
      },
      save() {
        save();
      },
    });
  }
 
  function save(isKeep = true) {
    formData.isKeep = isKeep;
    let i = 0;
    const els = document
      .querySelector("iframe")
      .contentWindow.document.querySelectorAll(".confluenceTd");
    for (const key in formData.state) {
      if (key.startsWith("table_")) {
        const el = els[i];
        formData.state[key] = el.innerText;
        i++;
      }
    }
  }
 
  function nextBaseDate() {
    let f = 2;
    while (1) {
      const { datetime, date } = dateOpe(formData.table_date, f);
      formData.table_date = date;
      const week = datetime.getDay();
      if (week >= 1 && week <= 6) {
        break;
      } else {
        f = 1;
      }
    }
  }
 
  function writeTitle() {
    const el = document.querySelector("#content-title");
    el.value = formData.title;
  }
 
  function writeTable() {
    let i = 0;
    const els = document
      .querySelector("iframe")
      .contentWindow.document.querySelectorAll(".confluenceTd");
    for (const key in formData.state) {
      if (key.startsWith("table_")) {
        const el = els[i];
        el.innerHTML = formData.state[key];
        i++;
      }
    }
  }
 
  async function writeTags() {
    await addTags(formData.tags);
  }
 
  function UI(ui, handlers = {}) {
    const plan = document.createElement("div");
    plan.id = "Wiki Helper";
    plan.style["position"] = "fixed";
    plan.style["top"] = "0";
    plan.style["left"] = "40%";
    plan.style["z-index"] = "10000";
    // plan.style["background"] = "#EEE";
    plan.style["padding"] = "10px";
    plan.innerHTML = ui;
    plan.addEventListener("click", (e) => {
      const methodName = e.target.attributes["@click"].value;
      handlers[methodName]();
    });
    handlers.query = plan.querySelector.bind(plan);
    handlers.queryAll = plan.querySelectorAll.bind(plan);
    document.body.append(plan);
  }
 
  function defineState(data = {}, { keep = "@State" } = {}) {
    const _data = Object.assign({}, data);
    Object.assign(data, readState());
    const state = new Proxy(data, {
      get(target, key, rec) {
        const val = Reflect.get(target, key, rec);
        return typeof val === "function" ? val(state) : val;
      },
      set(target, key, val, rec) {
        if (typeof target[key] === "function") {
          return true;
        }
        const res = Reflect.set(target, key, val, rec);
        writeState();
        return res;
      },
    });
    const result = {
      state,
      reset,
      readState,
      writeState,
      isKeep: true,
    };
 
    for (const key in state) {
      proxyState(result, key);
    }
 
    return result;
 
    function readState() {
      let state = GM_getValue(keep);
      return state;
    }
 
    function writeState() {
      if (!result.isKeep) return data;
      return GM_setValue(keep, data);
    }
 
    function reset() {
      data = _data;
      return writeState();
    }
 
    function proxyState(target, key) {
      Object.defineProperty(target, key, {
        get() {
          return target.state[key];
        },
        set(v) {
          return (target.state[key] = v);
        },
      });
    }
  }
 
  function request(url, data = {}, opts = {}) {
    return fetch(url, {
      body: JSON.stringify(data), // must match 'Content-Type' header
      cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
      credentials: "same-origin", // include, same-origin, *omit
      headers: {
        "user-agent": "Mozilla/4.0 MDN Example",
        "content-type": "application/json",
      },
      method: "GET", // *GET, POST, PUT, DELETE, etc.
      mode: "cors", // no-cors, cors, *same-origin
      redirect: "follow", // manual, *follow, error
      referrer: "no-referrer", // *client, no-referrer
      ...opts,
    });
  }
 
  function addTags(tags) {
    return request(
      `http://wiki.kaikeba.com/rest/ui/1.0/content/${getWikiId()}/labels`,
      tags.map((tag) => ({ name: tag, id: timestamps() })),
      {
        method: "POST",
      }
    );
  }
 
  function getTags() {
    return request(
      `http://wiki.kaikeba.com/rest/ui/1.0/content/${getWikiId()}/labels?_=${Date.now()}`
    );
  }
 
  function timestamps() {
    return parseInt(Date.now() / 1000);
  }
 
  function getWikiId() {
    return location.href.match(/draftId=(\d+)/)[1];
  }
 
  function dateOpe(date, n = 1) {
    let ms = Date.parse(date + " 00:00:00");
    ms += ADAY * n;
    const d = new Date(ms);
    return {
      datetime: d,
      date: d
        .toLocaleDateString(undefined, {
          year: "numeric",
          month: "2-digit",
          day: "2-digit",
        })
        .replace(/\//gim, "-"),
    };
  }
 
  function random(start, end) {
    return parseInt(Math.random() * (end - start)) + start;
  }
 
  function toShortDate(s) {
    return s.replace(/-/gim, "");
  }
  // Your code here...
})();
欢迎访问Greasy Fork镜像
