');
}
fetchPost(url, {
repoURL: dataObj.repoURL,
packageName: dataObj.name,
repoHash: dataObj.repoHash,
mode: dataObj.themeMode === "dark" ? 1 : 0,
update: true,
frontend: getFrontend()
}, response => {
// 更新主题后不需要对该主题进行切换 https://github.com/siyuan-note/siyuan/issues/4966
this._genMyHTML(bazaarType, app);
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({
reload: true,
onlyData: false,
errorExit: false,
});
} else {
const linkElement = (document.getElementById("themeDefaultStyle") as HTMLLinkElement);
linkElement.href = linkElement.href + "1";
}
}
});
});
}
event.preventDefault();
event.stopPropagation();
break;
} else if (type === "uninstall") {
const bazaarType = dataObj.bazaarType as TBazaarType;
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";
} else if (bazaarType === "plugins") {
url = "/api/bazaar/uninstallBazaarPlugin";
}
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 {
confirmDialog(window.siyuan.languages.uninstall, window.siyuan.languages.confirmUninstall.replace("${name}", packageName), () => {
fetchPost(url, {
packageName,
frontend: getFrontend()
}, response => {
this._genMyHTML(bazaarType, app);
bazaar._onBazaar(response, bazaarType, ["themes", "icons"].includes(bazaarType));
if (bazaarType === "plugins") {
uninstall(app, packageName);
}
});
});
}
event.preventDefault();
event.stopPropagation();
break;
} else if (type === "switch") {
const bazaarType = dataObj.bazaarType as TBazaarType;
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, app);
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({
reload: true,
onlyData: false,
errorExit: false,
});
} else {
this._genMyHTML("themes", app);
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 (type === "setting") {
app.plugins.find((item: Plugin) => {
if (item.name === dataObj.name) {
item.openSetting();
return true;
}
});
event.preventDefault();
event.stopPropagation();
break;
} else if (type === "plugin-enable") {
if (!target.getAttribute("disabled")) {
target.setAttribute("disabled", "disabled");
const enabled = (target as HTMLInputElement).checked;
fetchPost("/api/petal/setPetalEnabled", {
packageName: dataObj.name,
enabled,
frontend: getFrontend()
}, (response) => {
target.removeAttribute("disabled");
if (enabled) {
loadPlugin(app, response.data);
} else {
uninstall(app, dataObj.name);
}
});
}
event.stopPropagation();
break;
} else if (target.classList.contains("b3-card")) {
if (!hasClosestByClassName(event.target as HTMLElement, "b3-card__actions--right")) {
bazaar._renderReadme(target, (dataObj.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 === "theme") {
fetchPost("/api/bazaar/getBazaarTheme", {}, response => {
bazaar._onBazaar(response, "themes", false);
bazaar._data.themes = response.data.packages;
});
} else if (type === "plugin") {
fetchPost("/api/bazaar/getBazaarPlugin", {
frontend: getFrontend()
}, response => {
bazaar._onBazaar(response, "plugins", false);
bazaar._data.plugins = response.data.packages;
});
}
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 JSON.parse(b.getAttribute("data-obj")).downloads < JSON.parse(a.getAttribute("data-obj")).downloads ? -1 : 1;
}).forEach((item) => {
html += item.outerHTML;
});
} else if (selectElement.value === "3") { // 下载次数升序
Array.from(panelElement.querySelectorAll(".b3-card")).sort((a, b) => {
return JSON.parse(b.getAttribute("data-obj")).downloads < JSON.parse(a.getAttribute("data-obj")).downloads ? 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";
} else if (bazaarType === "plugins") {
id = "#configBazaarPlugin";
}
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 = `