');
}
fetchPost(url, {
repoURL: dataObj.repoURL,
packageName: dataObj.name,
repoHash: dataObj.repoHash,
mode: dataObj.themeMode === "dark" ? 1 : 0,
update: true,
}, response => {
// 更新主题后不需要对该主题进行切换 https://github.com/siyuan-note/siyuan/issues/4966
this._genMyHTML(bazaarType);
bazaar._onBazaar(response, bazaarType, ["icons"].includes(bazaarType));
// https://github.com/siyuan-note/siyuan/issues/5411
if (bazaarType === "themes" && (
(window.siyuan.config.appearance.mode === 0 && window.siyuan.config.appearance.themeLight === dataObj.name) ||
(window.siyuan.config.appearance.mode === 1 && window.siyuan.config.appearance.themeDark === dataObj.name)
)) {
if (window.siyuan.config.appearance.themeJS) {
exportLayout(true);
} else {
const linkElement = (document.getElementById("themeDefaultStyle") as HTMLLinkElement);
linkElement.href = linkElement.href + "1";
}
}
});
});
}
event.preventDefault();
event.stopPropagation();
break;
} else if (type === "uninstall") {
const dataObj = JSON.parse(target.parentElement.parentElement.getAttribute("data-obj"))
const bazaarType: TBazaarType = dataObj.bazaarType;
let url = "/api/bazaar/uninstallBazaarTemplate";
if (bazaarType === "themes") {
url = "/api/bazaar/uninstallBazaarTheme";
} else if (bazaarType === "icons") {
url = "/api/bazaar/uninstallBazaarIcon";
} else if (bazaarType === "widgets") {
url = "/api/bazaar/uninstallBazaarWidget";
}
const packageName = dataObj.name;
if (window.siyuan.config.appearance.themeDark === packageName ||
window.siyuan.config.appearance.themeLight === packageName ||
window.siyuan.config.appearance.icon === packageName) {
showMessage(window.siyuan.languages.uninstallTip);
} else {
fetchPost(url, {
packageName
}, response => {
this._genMyHTML(bazaarType);
bazaar._onBazaar(response, bazaarType, ["themes", "icons"].includes(bazaarType));
});
}
event.preventDefault();
event.stopPropagation();
break;
} else if (type === "switch") {
const dataObj = JSON.parse(target.parentElement.parentElement.getAttribute("data-obj"))
const bazaarType: TBazaarType = dataObj.bazaarType;
const packageName = dataObj.name;
const mode = dataObj.themeMode === "dark" ? 1 : 0;
if (bazaarType === "icons") {
fetchPost("/api/setting/setAppearance", Object.assign({}, window.siyuan.config.appearance, {
icon: packageName,
}), (appearanceResponse) => {
this._genMyHTML(bazaarType);
fetchPost("/api/bazaar/getBazaarIcon", {}, response => {
response.data.appearance = appearanceResponse.data
bazaar._onBazaar(response, "icons", true);
bazaar._data.icons = response.data.packages;
});
});
} else if (bazaarType === "themes") {
fetchPost("/api/setting/setAppearance", Object.assign({}, window.siyuan.config.appearance, {
mode,
modeOS: false,
themeDark: mode === 1 ? packageName : window.siyuan.config.appearance.themeDark,
themeLight: mode === 0 ? packageName : window.siyuan.config.appearance.themeLight,
}), (appearanceResponse) => {
if ((mode !== window.siyuan.config.appearance.mode ||
(mode === 1 && window.siyuan.config.appearance.themeDark !== packageName) ||
(mode === 0 && window.siyuan.config.appearance.themeLight !== packageName)) &&
window.siyuan.config.appearance.themeJS) {
exportLayout(true);
} else {
this._genMyHTML("themes");
fetchPost("/api/bazaar/getBazaarTheme", {}, response => {
response.data.appearance = appearanceResponse.data
bazaar._onBazaar(response, "themes", true);
bazaar._data.themes = response.data.packages;
});
}
});
}
event.preventDefault();
event.stopPropagation();
break;
} else if (target.classList.contains("b3-card")) {
bazaar._renderReadme(target, (JSON.parse(target.getAttribute("data-obj")).bazaarType) as TBazaarType);
event.preventDefault();
event.stopPropagation();
break;
} else if (target.classList.contains("item") && !target.classList.contains("item--focus")) {
// switch tab
bazaar.element.querySelector(".layout-tab-bar .item--focus").classList.remove("item--focus");
target.classList.add("item--focus");
bazaar.element.querySelectorAll(".bazaarPanel").forEach(item => {
if (type === item.getAttribute("data-type")) {
item.classList.remove("fn__none");
if (!item.getAttribute("data-init")) {
if (type === "template") {
fetchPost("/api/bazaar/getBazaarTemplate", {}, response => {
bazaar._onBazaar(response, "templates", false);
bazaar._data.templates = response.data.packages;
});
} else if (type === "icon") {
fetchPost("/api/bazaar/getBazaarIcon", {}, response => {
bazaar._onBazaar(response, "icons", false);
bazaar._data.icons = response.data.packages;
});
} else if (type === "widget") {
fetchPost("/api/bazaar/getBazaarWidget", {}, response => {
bazaar._onBazaar(response, "widgets", false);
bazaar._data.widgets = response.data.packages;
});
} else if (type === "downloaded") {
this._genMyHTML("themes");
}
item.setAttribute("data-init", "true");
}
} else {
item.classList.add("fn__none");
}
});
event.preventDefault();
event.stopPropagation();
break;
} else if (target.classList.contains("item__preview")) {
target.classList.toggle("item__preview--fullscreen");
event.preventDefault();
event.stopPropagation();
break;
}
target = target.parentElement;
}
});
bazaar.element.querySelectorAll(".b3-select").forEach((selectElement: HTMLSelectElement) => {
selectElement.addEventListener("change", () => {
if (selectElement.id === "bazaarSelect") {
// theme select
bazaar.element.querySelectorAll("#configBazaarTheme .b3-card").forEach((item) => {
const dataObj = JSON.parse(item.getAttribute("data-obj"));
if (selectElement.value === "0") {
if (dataObj.themeMode.indexOf("light") > -1) {
item.classList.remove("fn__none");
} else {
item.classList.add("fn__none");
}
} else if (selectElement.value === "1") {
if (dataObj.themeMode.indexOf("dark") > -1) {
item.classList.remove("fn__none");
} else {
item.classList.add("fn__none");
}
} else {
item.classList.remove("fn__none");
}
});
} else {
// sort
const localSort = window.siyuan.storage[Constants.LOCAL_BAZAAR];
const panelElement = selectElement.parentElement.parentElement;
let html = "";
if (selectElement.value === "0") { // 更新时间降序
Array.from(panelElement.querySelectorAll(".b3-card")).sort((a, b) => {
return JSON.parse(b.getAttribute("data-obj")).updated < JSON.parse(a.getAttribute("data-obj")).updated ? -1 : 1;
}).forEach((item) => {
html += item.outerHTML;
});
} else if (selectElement.value === "1") { // 更新时间升序
Array.from(panelElement.querySelectorAll(".b3-card")).sort((a, b) => {
return JSON.parse(b.getAttribute("data-obj")).updated < JSON.parse(a.getAttribute("data-obj")).updated ? 1 : -1;
}).forEach((item) => {
html += item.outerHTML;
});
} else if (selectElement.value === "2") { // 下载次数降序
Array.from(panelElement.querySelectorAll(".b3-card")).sort((a, b) => {
return parseInt(b.querySelector(".b3-card__info").lastElementChild.textContent) < parseInt(a.querySelector(".b3-card__info").lastElementChild.textContent) ? -1 : 1;
}).forEach((item) => {
html += item.outerHTML;
});
} else if (selectElement.value === "3") { // 下载次数升序
Array.from(panelElement.querySelectorAll(".b3-card")).sort((a, b) => {
return parseInt(b.querySelector(".b3-card__info").lastElementChild.textContent) < parseInt(a.querySelector(".b3-card__info").lastElementChild.textContent) ? 1 : -1;
}).forEach((item) => {
html += item.outerHTML;
});
}
localSort[selectElement.parentElement.parentElement.getAttribute("data-type")] = selectElement.value;
setStorageVal(Constants.LOCAL_BAZAAR, window.siyuan.storage[Constants.LOCAL_BAZAAR]);
panelElement.querySelector(".b3-cards").innerHTML = html;
}
});
});
},
_onBazaar(response: IWebSocketData, bazaarType: TBazaarType, reload: boolean) {
let id = "#configBazaarTemplate";
if (bazaarType === "themes") {
id = "#configBazaarTheme";
} else if (bazaarType === "icons") {
id = "#configBazaarIcon";
} else if (bazaarType === "widgets") {
id = "#configBazaarWidget";
}
const element = bazaar.element.querySelector(id);
if (response.code === 1) {
showMessage(response.msg);
element.querySelectorAll("img[data-type='img-loading']").forEach((item) => {
item.remove();
});
}
let html = "";
response.data.packages.forEach((item: IBazaarItem) => {
html += this._genCardHTML(item, bazaarType);
});
bazaar._data[bazaarType] = response.data.packages;
element.innerHTML = `