mirror-web/_src/entrypoints/help.ts
2024-04-21 13:17:19 +08:00

98 lines
3.1 KiB
TypeScript

import {
hide_mirrorz as HideMirrorZ,
hostname as SiteHostname,
mirrorz_help_link as MirrorzHelpLink, // @ts-ignore
} from "virtual:jekyll-config";
// @ts-ignore
import { options as globalOptions } from "virtual:jekyll-data";
import hljs from "../lib/hljs";
import Mark from "markup-js";
import { TUNASYNC_JSON_PATH } from "../lib/consts";
import { mirrorId } from "../lib/mirrorid";
import "./default";
import "../styles/help.scss";
Array.from(document.querySelectorAll("#help-content table")).map((el) => {
el.classList.add("table", "table-bordered", "table-striped");
});
const update_target = (ev) => {
const sel = ev.target;
const target_selectors = sel.attributes["data-target"].value.split(",");
for (const target_selector of target_selectors) {
const target = document.querySelector(target_selector);
const template_selector = target.attributes["data-template"].value;
const select_selectors = target.attributes["data-select"].value.split(",");
let url = "/" + mirrorId;
if (mirrorId.endsWith(".git")) {
url = "/git/" + mirrorId;
}
const template_data = {
mirror: SiteHostname + url,
};
for (const select_selector of select_selectors) {
const opt_attrs = document
.querySelector(select_selector)
.querySelector("option:checked").attributes;
for (const attr of opt_attrs) {
if (attr.name.startsWith("data-")) {
template_data[attr.name.slice(5)] = attr.value;
}
}
}
// special hack for case-insensitive
if ("sudoe" in template_data) {
template_data["sudoE"] = template_data.sudoe;
}
const template = document
.querySelector(template_selector)
.textContent.trim();
const content = Mark.up(template, template_data);
target.innerHTML = content;
hljs.highlightElement(target);
}
};
Array.from(document.querySelectorAll("select.content-select")).map((el) => {
el.addEventListener("change", update_target);
el.dispatchEvent(new Event("change"));
});
document.getElementById("help-select").addEventListener("change", (ev) => {
let help_url =
ev.target.querySelector("option:checked").attributes["data-help-url"].value;
window.location.assign(
`${window.location.protocol}//${window.location.host}${help_url}`,
);
});
fetch(TUNASYNC_JSON_PATH)
.then((resp) => resp.json())
.then((statusData) => {
// remove help items for disabled/removed mirrors
let availableMirrorIds = new Set(statusData.map((x) => x.name));
globalOptions.unlisted_mirrors.forEach((elem) => {
availableMirrorIds.add(elem.name);
});
if (!availableMirrorIds.has(mirrorId)) {
if (HideMirrorZ) {
location.href = "/404-help-hidden.html"; // this will break 404 issue submission
} else {
location.href = MirrorzHelpLink + mirrorId; // TODO: convert this to mirrorz cname
}
}
Array.from(
document.querySelectorAll('option[id^="toc-"],li[id^="toc-"]'),
).forEach((elem) => {
if (
elem.id.startsWith("toc-") &&
!availableMirrorIds.has(elem.id.slice(4))
) {
elem.remove();
}
});
});
// vim: ts=2 sts=2 sw=2 noexpandtab