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
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365import {isPaidUser, needSubscribe} from "../util/needSubscribe";import {showMessage} from "../dialog/message";import {fetchPost} from "../util/fetch";import {Dialog} from "../dialog";import {confirmDialog} from "../dialog/confirmDialog";import {isMobile} from "../util/functions";import {processSync} from "../dialog/processSystem";/// #if !MOBILEimport {openSetting} from "../config";/// #endifimport {App} from "../index";import {Constants} from "../constants";import {getCloudURL} from "../config/util/about";
export const addCloudName = (cloudPanelElement: Element) => { const dialog = new Dialog({ title: window.siyuan.languages.cloudSyncDir, content: `<div class="b3-dialog__content"> <input class="b3-text-field fn__block" value="main"> <div class="b3-label__text">${window.siyuan.languages.reposTip}</div></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.confirm}</button></div>`, width: isMobile() ? "92vw" : "520px", }); dialog.element.setAttribute("data-key", Constants.DIALOG_SYNCADDCLOUDDIR); const inputElement = dialog.element.querySelector("input") as HTMLInputElement; const btnsElement = dialog.element.querySelectorAll(".b3-button"); dialog.bindInput(inputElement, () => { (btnsElement[1] as HTMLButtonElement).click(); }); inputElement.focus(); inputElement.select(); btnsElement[0].addEventListener("click", () => { dialog.destroy(); }); btnsElement[1].addEventListener("click", () => { cloudPanelElement.innerHTML = '<img style="margin: 0 auto;display: block;width: 64px;height: 100%" src="/stage/loading-pure.svg">'; fetchPost("/api/sync/createCloudSyncDir", {name: inputElement.value}, () => { dialog.destroy(); getSyncCloudList(cloudPanelElement, true); }); });};
export const bindSyncCloudListEvent = (cloudPanelElement: Element, cb?: () => void) => { cloudPanelElement.addEventListener("click", (event) => { let target = event.target as HTMLElement; while (target && !target.isEqualNode(cloudPanelElement)) { const type = target.getAttribute("data-type"); if (type) { switch (type) { case "addCloud": addCloudName(cloudPanelElement); break; case "removeCloud": confirmDialog(window.siyuan.languages.deleteOpConfirm, `${window.siyuan.languages.confirmDeleteCloudDir} <i>${target.parentElement.getAttribute("data-name")}</i>`, () => { cloudPanelElement.innerHTML = '<img style="margin: 0 auto;display: block;width: 64px;height: 100%" src="/stage/loading-pure.svg">'; fetchPost("/api/sync/removeCloudSyncDir", {name: target.parentElement.getAttribute("data-name")}, (response) => { window.siyuan.config.sync.cloudName = response.data; getSyncCloudList(cloudPanelElement, true, cb); }); }, undefined, true); break; case "selectCloud": cloudPanelElement.innerHTML = '<img style="margin: 0 auto;display: block;width: 64px;height: 100%" src="/stage/loading-pure.svg">'; fetchPost("/api/sync/setCloudSyncDir", {name: target.getAttribute("data-name")}, () => { window.siyuan.config.sync.cloudName = target.getAttribute("data-name"); getSyncCloudList(cloudPanelElement, true, cb); }); break; } event.preventDefault(); event.stopPropagation(); break; } target = target.parentElement; } });};
export const getSyncCloudList = (cloudPanelElement: Element, reload = false, cb?: () => void) => { if (!reload && cloudPanelElement.firstElementChild.tagName !== "IMG") { return; } fetchPost("/api/sync/listCloudSyncDir", {}, (response) => { let syncListHTML = `<ul><li style="padding: 0 16px" class="b3-list--empty">${window.siyuan.languages.emptyCloudSyncList}</li></ul>`; if (response.code === 1) { syncListHTML = `<ul> <li class="b3-list--empty ft__error"> ${response.msg} </li> <li class="b3-list--empty"> ${window.siyuan.languages.cloudConfigTip} </li></ul>`; } else if (response.code !== 1) { syncListHTML = '<ul class="b3-list b3-list--background fn__flex-1" style="overflow: auto;">'; response.data.syncDirs.forEach((item: { hSize: string, cloudName: string, updated: string }) => { /// #if MOBILE syncListHTML += `<li data-type="selectCloud" data-name="${item.cloudName}" class="b3-list-item b3-list-item--two"> <div class="b3-list-item__first" data-name="${item.cloudName}"> <input type="radio" name="cloudName"${item.cloudName === response.data.checkedSyncDir ? " checked" : ""}/> <span class="fn__space"></span> <span>${item.cloudName}</span> <span class="fn__flex-1 fn__space"></span> <span data-type="removeCloud" class="b3-list-item__action"> <svg><use xlink:href="#iconTrashcan"></use></svg> </span> </div> <div class="b3-list-item__meta fn__flex"> <span>${item.hSize}</span> <span class="fn__flex-1 fn__space"></span> <span>${item.updated}</span> </div></li>`; /// #else syncListHTML += `<li data-type="selectCloud" data-name="${item.cloudName}" class="b3-list-item b3-list-item--narrow b3-list-item--hide-action"><input type="radio" name="cloudName"${item.cloudName === response.data.checkedSyncDir ? " checked" : ""}/><span class="fn__space"></span><span>${item.cloudName}</span><span class="fn__space"></span><span class="ft__on-surface">${item.hSize}</span><span class="b3-list-item__meta">${item.updated}</span><span class="fn__flex-1 fn__space"></span><span data-type="removeCloud" class="b3-tooltips b3-tooltips__w b3-list-item__action${(window.siyuan.config.sync.provider === 2 || window.siyuan.config.sync.provider === 3) ? " fn__none":""}" aria-label="${window.siyuan.languages.delete}"> <svg><use xlink:href="#iconTrashcan"></use></svg></span></li>`; /// #endif }); syncListHTML += `</ul><div class="fn__hr"></div><div class="fn__flex"> <div class="fn__flex-1"></div> <button class="b3-button b3-button--outline${(window.siyuan.config.sync.provider === 2 || window.siyuan.config.sync.provider === 3) ? " fn__none":""}" data-type="addCloud"><svg><use xlink:href="#iconAdd"></use></svg>${window.siyuan.languages.addAttr}</button></div>`; } cloudPanelElement.innerHTML = syncListHTML; if (cb) { cb(); } });};
export const syncGuide = (app?: App) => { if (window.siyuan.config.readonly) { return; } /// #if MOBILE if (0 === window.siyuan.config.sync.provider) { if (needSubscribe()) { return; } } else if (!isPaidUser()) { showMessage(window.siyuan.languages["_kernel"][214].replaceAll("${accountServer}", getCloudURL(""))); return; } /// #else if (document.querySelector("#barSync")?.classList.contains("toolbar__item--active")) { return; } if (0 === window.siyuan.config.sync.provider && needSubscribe("") && app) { const dialogSetting = openSetting(app); if (window.siyuan.user) { dialogSetting.element.querySelector('.b3-tab-bar [data-name="repos"]').dispatchEvent(new CustomEvent("click")); } else { dialogSetting.element.querySelector('.b3-tab-bar [data-name="account"]').dispatchEvent(new CustomEvent("click")); dialogSetting.element.querySelector('.config__tab-container[data-name="account"]').setAttribute("data-action", "go-repos"); } return; } if (0 !== window.siyuan.config.sync.provider && !isPaidUser() && app) { showMessage(window.siyuan.languages["_kernel"][214].replaceAll("${accountServer}", getCloudURL(""))); return; } /// #endif if (!window.siyuan.config.repo.key) { setKey(true); return; } if (!window.siyuan.config.sync.enabled) { setSync(); return; } syncNow();};
const syncNow = () => { if (window.siyuan.config.sync.mode !== 3) { fetchPost("/api/sync/performSync", {}); return; } const manualDialog = new Dialog({ title: window.siyuan.languages.chooseSyncDirection, content: `<div class="b3-dialog__content"> <label class="fn__flex b3-label"> <input type="radio" name="upload" value="true"> <span class="fn__space"></span> <div> ${window.siyuan.languages.uploadData2Cloud} <div class="b3-label__text">${window.siyuan.languages.uploadData2CloudTip}</div> </div> </label> <label class="fn__flex b3-label"> <input type="radio" name="upload" value="false"> <span class="fn__space"></span> <div> ${window.siyuan.languages.downloadDataFromCloud} <div class="b3-label__text">${window.siyuan.languages.downloadDataFromCloudTip}</div> </div> </label></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.confirm}</button></div>`, width: isMobile() ? "92vw" : "520px", }); manualDialog.element.setAttribute("data-key", Constants.DIALOG_SYNCCHOOSEDIRECTION); const btnsElement = manualDialog.element.querySelectorAll(".b3-button"); btnsElement[0].addEventListener("click", () => { manualDialog.destroy(); }); btnsElement[1].addEventListener("click", () => { const uploadElement = manualDialog.element.querySelector("input[name=upload]:checked") as HTMLInputElement; if (!uploadElement) { showMessage(window.siyuan.languages.plsChoose); return; } fetchPost("/api/sync/performSync", {upload: uploadElement.value === "true"}); manualDialog.destroy(); });};
const setSync = (key?: string, dialog?: Dialog) => { if (key) { window.siyuan.config.repo.key = key; } if (!window.siyuan.config.sync.enabled) { const listHTML = `<div class="b3-dialog__content"> <div class="ft__on-surface">${window.siyuan.languages.syncConfGuide3}</div> <div class="fn__hr--b"></div> <div style="display: flex;flex-direction: column;height: 40vh;"> <img style="margin: 0 auto;display: block;width: 64px;height: 100%" src="/stage/loading-pure.svg"> </div></div><div class="b3-dialog__action"> <button class="b3-button" disabled="disabled">${window.siyuan.languages.openSyncTip1}</button></div>`; if (dialog) { dialog.element.querySelector(".b3-dialog__header").innerHTML = "🗂️ " + window.siyuan.languages.cloudSyncDir; dialog.element.querySelector(".b3-dialog__body").innerHTML = listHTML; } else { dialog = new Dialog({ title: "🗂️ " + window.siyuan.languages.cloudSyncDir, content: listHTML, width: isMobile() ? "92vw" : "520px", }); } dialog.element.setAttribute("data-key", Constants.DIALOG_SYNCCHOOSEDIR); const contentElement = dialog.element.querySelector(".b3-dialog__content").lastElementChild; const btnElement = dialog.element.querySelector(".b3-button"); bindSyncCloudListEvent(contentElement, () => { if (contentElement.querySelector("input[checked]")) { btnElement.removeAttribute("disabled"); } else { btnElement.setAttribute("disabled", "disabled"); } }); getSyncCloudList(contentElement, false, () => { if (contentElement.querySelector("input[checked]")) { btnElement.removeAttribute("disabled"); } else { btnElement.setAttribute("disabled", "disabled"); } }); btnElement.addEventListener("click", () => { dialog.destroy(); fetchPost("/api/sync/setSyncEnable", {enabled: true}, () => { window.siyuan.config.sync.enabled = true; processSync(); confirmDialog("🔄 " + window.siyuan.languages.syncConfGuide4, window.siyuan.languages.syncConfGuide5, () => { syncNow(); }); }); }); } else { if (dialog) { dialog.destroy(); } confirmDialog("🔄 " + window.siyuan.languages.syncConfGuide4, window.siyuan.languages.syncConfGuide5, () => { syncNow(); }); }};
export const setKey = (isSync: boolean, cb?: () => void) => { const dialog = new Dialog({ title: "🔑 " + window.siyuan.languages.syncConfGuide1, content: `<div class="b3-dialog__content ft__center"> <img style="width: 260px" src="/stage/images/sync-guide.svg"/> <div class="fn__hr--b"></div> <div class="ft__on-surface">${window.siyuan.languages.syncConfGuide2}</div> <div class="fn__hr--b"></div> <input class="b3-text-field fn__block ft__center" placeholder="${window.siyuan.languages.passphrase}"> <div class="fn__hr"></div> <input class="b3-text-field fn__block ft__center" placeholder="${window.siyuan.languages.reEnterPassphrase}"></div><div class="b3-dialog__action"> <label class="fn__flex"> <input type="checkbox" class="b3-switch fn__flex-center"> <span class="fn__space"></span> ${window.siyuan.languages.confirmPassword} </label> <span class="fn__flex-1"></span> <button class="b3-button b3-button--cancel">${window.siyuan.languages.cancel}</button> <span class="fn__space"></span> <button class="b3-button b3-button--text" id="initKeyByPW" disabled> ${window.siyuan.languages.confirm} </button></div>`, width: isMobile() ? "92vw" : "520px", }); dialog.element.setAttribute("data-key", Constants.DIALOG_SETPASSWORD); dialog.element.querySelector(".b3-button--cancel").addEventListener("click", () => { dialog.destroy(); }); const genBtnElement = dialog.element.querySelector("#initKeyByPW"); dialog.element.querySelector(".b3-switch").addEventListener("change", function () { if (this.checked) { genBtnElement.removeAttribute("disabled"); } else { genBtnElement.setAttribute("disabled", "disabled"); } }); const inputElements = dialog.element.querySelectorAll(".b3-text-field") as NodeListOf<HTMLInputElement>; genBtnElement.addEventListener("click", () => { if (!inputElements[0].value || !inputElements[1].value) { showMessage(window.siyuan.languages._kernel[142]); return; } if (inputElements[0].value !== inputElements[1].value) { showMessage(window.siyuan.languages.passwordNoMatch); return; } confirmDialog("🔑 " + window.siyuan.languages.genKeyByPW, window.siyuan.languages.initRepoKeyTip, () => { if (!isSync) { dialog.destroy(); } fetchPost("/api/repo/initRepoKeyFromPassphrase", {pass: inputElements[0].value}, (response) => { window.siyuan.config.repo.key = response.data.key; if (cb) { cb(); } if (isSync) { setSync(response.data.key, dialog); } }); }); }); inputElements[0].focus();};