Something went wrong. Try again.
A privacy-first, self-hosted, fully open source personal knowledge management software, written in typescript and golang. (PERSONAL FORK)
Something went wrong. Try again.
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627import {Constants} from "../constants";import {fetchPost} from "../util/fetch";/// #if !MOBILEimport {exportLayout} from "../layout/util";/// #endifimport {getAllEditor, getAllModels} from "../layout/getAll";import {getDockByType} from "../layout/tabUtil";import {Files} from "../layout/dock/Files";/// #if !BROWSERimport {ipcRenderer} from "electron";/// #endifimport {hideMessage, showMessage} from "./message";import {Dialog} from "./index";import {isMobile} from "../util/functions";import {confirmDialog} from "./confirmDialog";import {escapeHtml} from "../util/escape";import {getWorkspaceName} from "../util/noRelyPCFunction";import {needSubscribe} from "../util/needSubscribe";import {setNoteBook} from "../util/pathName";import {reloadProtyle} from "../protyle/util/reload";import {Tab} from "../layout/Tab";import {setEmpty} from "../mobile/util/setEmpty";import {hideAllElements, hideElements} from "../protyle/ui/hideElements";import {App} from "../index";import {saveScroll} from "../protyle/scroll/saveScroll";import {isInAndroid, isInHarmony, isInIOS, setStorageVal} from "../protyle/util/compatibility";import {Plugin} from "../plugin";
const updateTitle = (rootID: string, tab: Tab, protyle?: IProtyle) => { fetchPost("/api/block/getDocInfo", { id: rootID }, (response) => { tab.updateTitle(response.data.name); if (protyle && protyle.title) { protyle.title.setTitle(response.data.name); } });};
export const reloadSync = ( app: App, data: { upsertRootIDs: string[], removeRootIDs: string[] }, hideMsg = true, // 同步的时候需要更新只读状态 https://github.com/siyuan-note/siyuan/issues/11517 // 调整大纲的时候需要使用现有状态 https://github.com/siyuan-note/siyuan/issues/11808 updateReadonly = true, onlyUpdateDoc = false) => { if (hideMsg) { hideMessage(); } /// #if MOBILE if (window.siyuan.mobile.popEditor) { if (data.removeRootIDs.includes(window.siyuan.mobile.popEditor.protyle.block.rootID)) { hideElements(["dialog"]); } else { reloadProtyle(window.siyuan.mobile.popEditor.protyle, false, updateReadonly); } } if (window.siyuan.mobile.editor) { if (data.removeRootIDs.includes(window.siyuan.mobile.editor.protyle.block.rootID)) { setEmpty(app); } else { reloadProtyle(window.siyuan.mobile.editor.protyle, false, updateReadonly); fetchPost("/api/block/getDocInfo", { id: window.siyuan.mobile.editor.protyle.block.rootID }, (response) => { setTitle(response.data.name); window.siyuan.mobile.editor.protyle.title.setTitle(response.data.name); }); } } setNoteBook(() => { window.siyuan.mobile.docks.file.init(false); }); /// #else const allModels = getAllModels(); allModels.editor.forEach(item => { if (data.upsertRootIDs.includes(item.editor.protyle.block.rootID)) { fetchPost("/api/block/getDocInfo", { id: item.editor.protyle.block.rootID, }, (response) => { item.editor.protyle.wysiwyg.renderCustom(response.data.ial); reloadProtyle(item.editor.protyle, false, updateReadonly); updateTitle(item.editor.protyle.block.rootID, item.parent, item.editor.protyle); }); } else if (data.removeRootIDs.includes(item.editor.protyle.block.rootID)) { item.parent.parent.removeTab(item.parent.id, false, false); delete window.siyuan.storage[Constants.LOCAL_FILEPOSITION][item.editor.protyle.block.rootID]; setStorageVal(Constants.LOCAL_FILEPOSITION, window.siyuan.storage[Constants.LOCAL_FILEPOSITION]); } }); allModels.graph.forEach(item => { if (item.type === "local" && data.removeRootIDs.includes(item.rootId)) { item.parent.parent.removeTab(item.parent.id, false, false); } else if (item.type !== "local" || data.upsertRootIDs.includes(item.rootId)) { item.searchGraph(false); if (item.type === "local") { updateTitle(item.rootId, item.parent); } } }); allModels.outline.forEach(item => { if (item.type === "local" && data.removeRootIDs.includes(item.blockId)) { item.parent.parent.removeTab(item.parent.id, false, false); } else if (item.type !== "local" || data.upsertRootIDs.includes(item.blockId)) { fetchPost("/api/outline/getDocOutline", { id: item.blockId, preview: item.isPreview }, response => { item.update(response); }); if (item.type === "local") { updateTitle(item.blockId, item.parent); } } }); allModels.backlink.forEach(item => { if (item.type === "local" && data.removeRootIDs.includes(item.rootId)) { item.parent.parent.removeTab(item.parent.id, false, false); } else { item.refresh(); if (item.type === "local") { updateTitle(item.rootId, item.parent); } } }); if (!onlyUpdateDoc) { allModels.files.forEach(item => { setNoteBook(() => { item.init(false); }); }); } allModels.bookmark.forEach(item => { item.update(); }); allModels.tag.forEach(item => { item.update(); }); // NOTE asset 无法获取推送地址，先不处理 allModels.search.forEach(item => { item.parent.panelElement.querySelector("#searchInput").dispatchEvent(new CustomEvent("input")); }); allModels.custom.forEach(item => { if (item.update) { item.update(); } }); /// #endif};
export const setRefDynamicText = (data: { "blockID": string, "defBlockID": string, "refText": string, "rootID": string}) => { getAllEditor().forEach(editor => { // 不能对比 rootId，否则嵌入块中的锚文本无法更新 editor.protyle.wysiwyg.element.querySelectorAll(`[data-node-id="${data.blockID}"] span[data-type~="block-ref"][data-subtype="d"][data-id="${data.defBlockID}"]`).forEach(item => { item.innerHTML = data.refText; }); });};
export const setDefRefCount = (data: { "blockID": string, "refCount": number, "rootRefCount": number, "rootID": string}) => { getAllEditor().forEach(editor => { if (editor.protyle.block.rootID === data.rootID && editor.protyle.title) { const attrElement = editor.protyle.title.element.querySelector(".protyle-attr"); const countElement = attrElement.querySelector(".protyle-attr--refcount"); if (countElement) { if (data.rootRefCount === 0) { countElement.remove(); } else { countElement.textContent = data.rootRefCount.toString(); } } else if (data.rootRefCount > 0) { attrElement.insertAdjacentHTML("beforeend", `<div class="protyle-attr--refcount popover__block">${data.rootRefCount}</div>`); } } if (data.rootID === data.blockID) { return; } // 不能对比 rootId，否则嵌入块中的锚文本无法更新 editor.protyle.wysiwyg.element.querySelectorAll(`[data-node-id="${data.blockID}"]`).forEach(item => { // 不能直接查询，否则列表中会获取到第一个列表项的 attr https://github.com/siyuan-note/siyuan/issues/12738 const countElement = item.lastElementChild.querySelector(".protyle-attr--refcount"); if (countElement) { if (data.refCount === 0) { countElement.remove(); } else { countElement.textContent = data.refCount.toString(); } } else if (data.refCount > 0) { const attrElement = item.lastElementChild; if (attrElement.childElementCount > 0) { attrElement.lastElementChild.insertAdjacentHTML("afterend", `<div class="protyle-attr--refcount popover__block">${data.refCount}</div>`); } else { attrElement.innerHTML = `<div class="protyle-attr--refcount popover__block">${data.refCount}</div>${Constants.ZWSP}`; } } if (data.refCount === 0) { item.removeAttribute("refcount"); } else { item.setAttribute("refcount", data.refCount.toString()); } }); });
let liElement; /// #if MOBILE liElement = window.siyuan.mobile.docks.file.element.querySelector(`li[data-node-id="${data.rootID}"]`); /// #else liElement = (getDockByType("file").data.file as Files).element.querySelector(`li[data-node-id="${data.rootID}"]`); /// #endif if (liElement) { const counterElement = liElement.querySelector(".counter"); if (counterElement) { if (data.rootRefCount === 0) { counterElement.remove(); } else { counterElement.textContent = data.rootRefCount.toString(); } } else if (data.rootRefCount > 0) { liElement.insertAdjacentHTML("beforeend", `<span class="popover__block counter b3-tooltips b3-tooltips__nw" aria-label="${window.siyuan.languages.ref}">${data.rootRefCount}</span>`); } }};
export const lockScreen = async (app: App) => { if (window.siyuan.config.readonly || window.siyuan.isPublish) { return; } app.plugins.forEach(item => { item.eventBus.emit("lock-screen"); }); /// #if !MOBILE exportLayout({ errorExit: false, cb() { fetchPost("/api/system/logoutAuth"); } }); /// #else if (window.siyuan.mobile.editor) { await saveScroll(window.siyuan.mobile.editor.protyle); fetchPost("/api/system/logoutAuth"); } /// #endif
};
export const kernelError = () => { if (document.querySelector("#errorLog")) { return; } let title = `💔 ${window.siyuan.languages.kernelFault0} <small>v${Constants.SIYUAN_VERSION}</small>`; let body = `<div>${window.siyuan.languages.kernelFault1}</div><div class="fn__hr"></div><div>${window.siyuan.languages.kernelFault2}</div>`; if (isInIOS()) { title = `🍵 ${window.siyuan.languages.pleaseWait} <small>v${Constants.SIYUAN_VERSION}</small>`; body = `<div>${window.siyuan.languages.reconnectPrompt}</div><div class="fn__hr"></div><div class="fn__flex"><div class="fn__flex-1"></div><button class="b3-button">${window.siyuan.languages.retry}</button></div>`; } const dialog = new Dialog({ disableClose: true, title: title, width: isMobile() ? "92vw" : "520px", content: `<div class="b3-dialog__content"><div class="ft__breakword"> ${body}</div></div>` }); dialog.element.id = "errorLog"; dialog.element.setAttribute("data-key", Constants.DIALOG_KERNELFAULT); const restartElement = dialog.element.querySelector(".b3-button"); if (restartElement) { restartElement.addEventListener("click", () => { dialog.destroy(); window.webkit.messageHandlers.startKernelFast.postMessage("startKernelFast"); }); }};
export const exitSiYuan = async (setCurrentWorkspace = true) => { hideAllElements(["util"]); /// #if MOBILE if (window.siyuan.mobile.editor) { await saveScroll(window.siyuan.mobile.editor.protyle); } /// #endif fetchPost("/api/system/exit", {force: false, setCurrentWorkspace}, (response) => { if (response.code === 1) { // 同步执行失败 const msgId = showMessage(response.msg, response.data.closeTimeout, "error"); const buttonElement = document.querySelector(`#message [data-id="${msgId}"] button`); if (buttonElement) { buttonElement.addEventListener("click", () => { fetchPost("/api/system/exit", {force: true, setCurrentWorkspace}, () => { /// #if !BROWSER ipcRenderer.send(Constants.SIYUAN_QUIT, location.port); /// #else if (isInAndroid()) { window.JSAndroid.exit(); return; } if (isInIOS()) { window.webkit.messageHandlers.exit.postMessage(""); return; } if (isInHarmony()) { window.JSHarmony.exit(); return; } /// #endif }); }); } } else if (response.code === 2) { // 提示新安装包 hideMessage();
if ("std" === window.siyuan.config.system.container) { ipcRenderer.send(Constants.SIYUAN_SHOW_WINDOW); }
confirmDialog(window.siyuan.languages.updateVersion, response.msg, () => { fetchPost("/api/system/exit", { force: true, setCurrentWorkspace, execInstallPkg: 2 // 0：默认检查新版本，1：不执行新版本安装，2：执行新版本安装 }, () => { /// #if !BROWSER // 桌面端退出拉起更新安装时有时需要重启两次 https://github.com/siyuan-note/siyuan/issues/6544 // 这里先将主界面隐藏 setTimeout(() => { ipcRenderer.send(Constants.SIYUAN_CMD, "hide"); }, 2000); // 然后等待一段时间后再退出，避免界面主进程退出以后内核子进程被杀死 setTimeout(() => { ipcRenderer.send(Constants.SIYUAN_QUIT, location.port); }, 4000); /// #endif }); }, () => { fetchPost("/api/system/exit", { force: true, setCurrentWorkspace, execInstallPkg: 1 // 0：默认检查新版本，1：不执行新版本安装，2：执行新版本安装 }, () => { /// #if !BROWSER ipcRenderer.send(Constants.SIYUAN_QUIT, location.port); /// #endif }); }); } else { // 正常退出 /// #if !BROWSER ipcRenderer.send(Constants.SIYUAN_QUIT, location.port); /// #else if (isInAndroid()) { window.JSAndroid.exit(); return; } if (isInIOS()) { window.webkit.messageHandlers.exit.postMessage(""); return; }
if (isInHarmony()) { window.JSHarmony.exit(); return; } /// #endif } });};
export const transactionError = () => { if (document.getElementById("transactionError")) { return; } const dialog = new Dialog({ disableClose: true, title: `${window.siyuan.languages.stateExcepted} v${Constants.SIYUAN_VERSION}`, content: `<div class="b3-dialog__content" id="transactionError">${window.siyuan.languages.rebuildIndexTip}</div><div class="b3-dialog__action"> <button class="b3-button b3-button--text">${window.siyuan.languages._kernel[97]}</button> <div class="fn__space"></div> <button class="b3-button">${window.siyuan.languages.rebuildIndex}</button></div>`, width: isMobile() ? "92vw" : "520px", }); dialog.element.setAttribute("data-key", Constants.DIALOG_STATEEXCEPTED); const btnsElement = dialog.element.querySelectorAll(".b3-button"); btnsElement[0].addEventListener("click", () => { /// #if MOBILE exitSiYuan(); /// #else exportLayout({ errorExit: true, cb: exitSiYuan }); /// #endif }); btnsElement[1].addEventListener("click", () => { refreshFileTree(); dialog.destroy(); });};
export const refreshFileTree = (cb?: () => void) => { window.siyuan.storage[Constants.LOCAL_FILEPOSITION] = {}; setStorageVal(Constants.LOCAL_FILEPOSITION, window.siyuan.storage[Constants.LOCAL_FILEPOSITION]); fetchPost("/api/system/rebuildDataIndex", {}, () => { if (cb) { cb(); } });};
let statusTimeout: number;export const progressStatus = (data: IWebSocketData) => { const msgElement = document.querySelector("#status .status__msg"); if (msgElement) { clearTimeout(statusTimeout); msgElement.innerHTML = data.msg; statusTimeout = window.setTimeout(() => { msgElement.innerHTML = ""; }, 12000); }};
export const progressLoading = (data: IWebSocketData) => { let progressElement = document.getElementById("progress"); if (!progressElement) { document.body.insertAdjacentHTML("beforeend", `<div id="progress" style="z-index: ${++window.siyuan.zIndex}"></div>`); progressElement = document.getElementById("progress"); } // code 0: 有进度；1: 无进度；2: 关闭 if (data.code === 2) { progressElement.remove(); return; } if (data.code === 0) { progressElement.innerHTML = `<div class="b3-dialog__scrim" style="opacity: 1"></div><div class="b3-dialog__loading"> <div style="text-align: right">${data.data.current}/${data.data.total}</div> <div style="margin: 8px 0;height: 8px;border-radius: var(--b3-border-radius);overflow: hidden;background-color:#fff;"><div style="width: ${data.data.current / data.data.total * 100}%;transition: var(--b3-transition);background-color: var(--b3-theme-primary);height: 8px;"></div></div> <div class="ft__breakword">${escapeHtml(data.msg)}</div></div>`; } else if (data.code === 1) { if (progressElement.lastElementChild) { progressElement.lastElementChild.lastElementChild.innerHTML = escapeHtml(data.msg); } else { progressElement.innerHTML = `<div class="b3-dialog__scrim" style="opacity: 1"></div><div class="b3-dialog__loading"> <div style="margin: 8px 0;height: 8px;border-radius: var(--b3-border-radius);overflow: hidden;background-color:#fff;"><div style="background-color: var(--b3-theme-primary);height: 8px;background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);animation: stripMove 450ms linear infinite;background-size: 50px 50px;"></div></div> <div class="ft__breakword">${escapeHtml(data.msg)}</div></div>`; } }};
export const progressBackgroundTask = (tasks: { action: string }[]) => { const backgroundTaskElement = document.querySelector(".status__backgroundtask"); if (!backgroundTaskElement) { return; } if (tasks.length === 0) { backgroundTaskElement.classList.add("fn__none"); if (!window.siyuan.menus.menu.element.classList.contains("fn__none") && window.siyuan.menus.menu.element.getAttribute("data-name") === Constants.MENU_STATUS_BACKGROUND_TASK) { window.siyuan.menus.menu.remove(); } } else { backgroundTaskElement.classList.remove("fn__none"); backgroundTaskElement.setAttribute("data-tasks", JSON.stringify(tasks)); backgroundTaskElement.innerHTML = tasks[0].action + '<div class="fn__progress"><div></div></div>'; }};
export const bootSync = () => { fetchPost("/api/sync/getBootSync", {}, response => { if (response.code === 1) { const dialog = new Dialog({ width: isMobile() ? "92vw" : "50vw", title: "🌩️ " + window.siyuan.languages.bootSyncFailed, content: `<div class="b3-dialog__content">${response.msg}</div><div class="b3-dialog__action"> <button class="b3-button b3-button--cancel">${window.siyuan.languages.cancel}</button><div class="fn__space"></div> <button class="b3-button b3-button--text">${window.siyuan.languages.syncNow}</button></div>` }); dialog.element.setAttribute("data-key", Constants.DIALOG_BOOTSYNCFAILED); const btnsElement = dialog.element.querySelectorAll(".b3-button"); btnsElement[0].addEventListener("click", () => { dialog.destroy(); }); btnsElement[1].addEventListener("click", () => { if (btnsElement[1].getAttribute("disabled")) { return; } btnsElement[1].setAttribute("disabled", "disabled"); fetchPost("/api/sync/performBootSync", {}, (syncResponse) => { if (syncResponse.code === 0) { dialog.destroy(); } btnsElement[1].removeAttribute("disabled"); }); }); } });};
export const setTitle = (title: string) => { const dragElement = document.getElementById("drag"); const workspaceName = getWorkspaceName(); if (title === window.siyuan.languages.siyuanNote) { const versionTitle = `${workspaceName} - ${window.siyuan.languages.siyuanNote} v${Constants.SIYUAN_VERSION}`; document.title = versionTitle; if (dragElement) { dragElement.textContent = versionTitle; dragElement.setAttribute("title", versionTitle); } } else { title = title || window.siyuan.languages.untitled; document.title = `${title} - ${workspaceName} - ${window.siyuan.languages.siyuanNote} v${Constants.SIYUAN_VERSION}`; if (!dragElement) { return; } dragElement.setAttribute("title", title); dragElement.innerHTML = escapeHtml(title); }};
export const downloadProgress = (data: { id: string, percent: number }) => { const bazzarSideElement = document.querySelector("#configBazaarReadme .item__side"); if (!bazzarSideElement) { return; } if (data.id !== JSON.parse(bazzarSideElement.getAttribute("data-obj")).repoURL) { return; } const btnElement = bazzarSideElement.querySelector('[data-type="install"]') as HTMLElement; if (btnElement) { if (data.percent >= 1) { btnElement.parentElement.classList.add("fn__none"); btnElement.parentElement.nextElementSibling.classList.add("fn__none"); } else { btnElement.classList.add("b3-button--progress"); btnElement.parentElement.nextElementSibling.firstElementChild.classList.add("b3-button--progress"); btnElement.innerHTML = `<span style="width: ${data.percent * 100}%"></span>`; btnElement.parentElement.nextElementSibling.firstElementChild.innerHTML = `<span style="width: ${data.percent * 100}%"></span>`; } }};
export const processSync = (data?: IWebSocketData, plugins?: Plugin[]) => { /// #if MOBILE const menuSyncUseElement = document.querySelector("#menuSyncNow use"); const barSyncUseElement = document.querySelector("#toolbarSync use"); if (!data) { if (!window.siyuan.config.sync.enabled || (0 === window.siyuan.config.sync.provider && needSubscribe(""))) { menuSyncUseElement?.setAttribute("xlink:href", "#iconCloudOff"); barSyncUseElement.setAttribute("xlink:href", "#iconCloudOff"); } else { menuSyncUseElement?.setAttribute("xlink:href", "#iconCloudSucc"); barSyncUseElement.setAttribute("xlink:href", "#iconCloudSucc"); } return; } menuSyncUseElement?.parentElement.classList.remove("fn__rotate"); barSyncUseElement.parentElement.classList.remove("fn__rotate"); if (data.code === 0) { // syncing menuSyncUseElement?.parentElement.classList.add("fn__rotate"); barSyncUseElement.parentElement.classList.add("fn__rotate"); menuSyncUseElement?.setAttribute("xlink:href", "#iconRefresh"); barSyncUseElement.setAttribute("xlink:href", "#iconRefresh"); } else if (data.code === 2) { // error menuSyncUseElement?.setAttribute("xlink:href", "#iconCloudError"); barSyncUseElement.setAttribute("xlink:href", "#iconCloudError"); } else if (data.code === 1) { // success menuSyncUseElement?.setAttribute("xlink:href", "#iconCloudSucc"); barSyncUseElement.setAttribute("xlink:href", "#iconCloudSucc"); } /// #else const iconElement = document.querySelector("#barSync"); if (!iconElement) { return; } const useElement = iconElement.querySelector("use"); if (!data) { iconElement.classList.remove("toolbar__item--active"); if (!window.siyuan.config.sync.enabled || (0 === window.siyuan.config.sync.provider && needSubscribe(""))) { useElement.setAttribute("xlink:href", "#iconCloudOff"); } else { useElement.setAttribute("xlink:href", "#iconCloudSucc"); } return; } iconElement.firstElementChild.classList.remove("fn__rotate"); if (data.code === 0) { // syncing iconElement.classList.add("toolbar__item--active"); iconElement.firstElementChild.classList.add("fn__rotate"); useElement.setAttribute("xlink:href", "#iconRefresh"); } else if (data.code === 2) { // error iconElement.classList.remove("toolbar__item--active"); useElement.setAttribute("xlink:href", "#iconCloudError"); } else if (data.code === 1) { // success iconElement.classList.remove("toolbar__item--active"); useElement.setAttribute("xlink:href", "#iconCloudSucc"); } /// #endif plugins.forEach((item) => { if (data.code === 0) { item.eventBus.emit("sync-start", data); } else if (data.code === 1) { item.eventBus.emit("sync-end", data); } else if (data.code === 2) { item.eventBus.emit("sync-fail", data); } });};