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.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234import {Constants} from "../../constants";import {closeModel, closePanel} from "./closePanel";import {openMobileFileById} from "../editor";import {validateName} from "../../editor/rename";import {getEventName} from "../../protyle/util/compatibility";import {fetchPost} from "../../util/fetch";import {setInlineStyle} from "../../util/assets";import {renderSnippet} from "../../config/util/snippets";import {setEmpty} from "./setEmpty";import {getIdZoomInByPath, getOpenNotebookCount} from "../../util/pathName";import {popMenu} from "../menu";import {MobileFiles} from "../dock/MobileFiles";import {MobileOutline} from "../dock/MobileOutline";import {hasTopClosestByTag} from "../../protyle/util/hasClosest";import {MobileBacklinks} from "../dock/MobileBacklinks";import {MobileBookmarks} from "../dock/MobileBookmarks";import {MobileTags} from "../dock/MobileTags";import {activeBlur, initKeyboardToolbar} from "./keyboardToolbar";import {syncGuide} from "../../sync/syncGuide";import {Inbox} from "../../layout/dock/Inbox";import {App} from "../../index";import {setTitle} from "../../dialog/processSystem";import {checkFold} from "../../util/noRelyPCFunction";import {MobileCustom} from "../dock/MobileCustom";import {Menu} from "../../plugin/Menu";import {showMessage} from "../../dialog/message";
let custom: MobileCustom;const openDockMenu = (app: App) => { const menu = new Menu(Constants.MENU_DOCK_MOBILE); if (menu.isOpen) { return; } app.plugins.forEach((plugin) => { Object.keys(plugin.docks).forEach((dockId) => { menu.addItem({ label: plugin.docks[dockId].config.title, icon: plugin.docks[dockId].config.icon, click() { if (custom?.type === dockId) { return; } else { if (custom) { if (custom.destroy) { custom.destroy(); } } custom = plugin.docks[dockId].mobileModel(document.querySelector('#sidebar [data-type="sidebar-plugin"]')); window.siyuan.mobile.docks[dockId] = custom; } } }); }); }); menu.fullscreen(); if (menu.element.lastElementChild.innerHTML === "") { showMessage(window.siyuan.languages._kernel[122]); }};
export const initFramework = (app: App, isStart: boolean) => { setInlineStyle(); renderSnippet(); initKeyboardToolbar(); const sidebarElement = document.getElementById("sidebar"); // 不能使用 getEventName，否则点击返回会展开右侧栏 const firstToolbarElement = sidebarElement.querySelector(".toolbar--border"); firstToolbarElement.addEventListener("click", (event: MouseEvent) => { const target = event.target as HTMLElement; let svgElement: HTMLElement; if (typeof event.detail === "string") { svgElement = firstToolbarElement.querySelector(`svg[data-type="sidebar-${event.detail}-tab"]`) as HTMLElement; } else { svgElement = hasTopClosestByTag(target, "svg") as HTMLElement; } if (!svgElement) { return; } const type = svgElement.getAttribute("data-type"); if (svgElement.classList.contains("toolbar__icon--active")) { if (type === "sidebar-plugin-tab") { openDockMenu(app); } return; } if (!type) { closePanel(); return; } firstToolbarElement.querySelectorAll(".toolbar__icon").forEach(item => { const itemType = item.getAttribute("data-type"); if (!itemType) { return; } const tabPanelElement = sidebarElement.lastElementChild.querySelector(`[data-type="${itemType.replace("-tab", "")}"]`); if (itemType === type) { if (type === "sidebar-outline-tab") { if (!window.siyuan.mobile.docks.outline) { window.siyuan.mobile.docks.outline = new MobileOutline({ app, blockId: window.siyuan.mobile.editor?.protyle.block.rootID, isPreview: window.siyuan.mobile.editor ? !window.siyuan.mobile.editor.protyle.preview.element.classList.contains("fn__none") : false }); } else { fetchPost("/api/outline/getDocOutline", { id: window.siyuan.mobile.editor.protyle.block.rootID, preview: window.siyuan.mobile.editor.protyle.preview.element.classList.contains("fn__none") }, response => { window.siyuan.mobile.docks.outline.update(response); }); } } else if (type === "sidebar-backlink-tab") { if (!window.siyuan.mobile.docks.backlink) { window.siyuan.mobile.docks.backlink = new MobileBacklinks(app); } else { window.siyuan.mobile.docks.backlink.update(); } } else if (type === "sidebar-bookmark-tab") { if (!window.siyuan.mobile.docks.bookmark) { window.siyuan.mobile.docks.bookmark = new MobileBookmarks(app); } else { window.siyuan.mobile.docks.bookmark.update(); } } else if (type === "sidebar-tag-tab") { if (!window.siyuan.mobile.docks.tag) { window.siyuan.mobile.docks.tag = new MobileTags(app); } else { window.siyuan.mobile.docks.tag.update(); } } else if (type === "sidebar-inbox-tab" && !window.siyuan.mobile.docks.inbox) { window.siyuan.mobile.docks.inbox = new Inbox(app, document.querySelector('#sidebar [data-type="sidebar-inbox"]')); } else if (type === "sidebar-plugin-tab") { if (!custom) { tabPanelElement.innerHTML = `<div class="b3-list--empty">${window.siyuan.languages.emptyContent}</div>`; openDockMenu(app); } else if (custom.update) { custom.update(); } } svgElement.classList.add("toolbar__icon--active"); tabPanelElement.classList.remove("fn__none"); } else { item.classList.remove("toolbar__icon--active"); tabPanelElement.classList.add("fn__none"); } }); }); window.siyuan.mobile.docks.file = new MobileFiles(app); document.getElementById("toolbarFile").addEventListener("click", () => { activeBlur(); sidebarElement.style.transform = "translateX(0px)"; const type = sidebarElement.querySelector(".toolbar--border .toolbar__icon--active").getAttribute("data-type"); if (type === "sidebar-outline-tab") { fetchPost("/api/outline/getDocOutline", { id: window.siyuan.mobile.editor.protyle.block.rootID, preview: window.siyuan.mobile.editor.protyle.preview.element.classList.contains("fn__none") }, response => { window.siyuan.mobile.docks.outline.update(response); }); } else if (type === "sidebar-backlink-tab") { window.siyuan.mobile.docks.backlink.update(); } else if (type === "sidebar-bookmark-tab") { window.siyuan.mobile.docks.bookmark.update(); } else if (type === "sidebar-tag-tab") { window.siyuan.mobile.docks.tag.update(); } }); // 用 touchstart 会导致键盘不收起 document.getElementById("toolbarMore").addEventListener("click", () => { popMenu(); }); document.getElementById("toolbarSync").addEventListener(getEventName(), () => { syncGuide(app); }); document.getElementById("modelClose").addEventListener("click", () => { closeModel(); }); initEditorName(); if (getOpenNotebookCount() > 0) { if (window.JSAndroid && window.openFileByURL(window.JSAndroid.getBlockURL())) { return; } const idZoomIn = getIdZoomInByPath(); if (idZoomIn.id) { openMobileFileById(app, idZoomIn.id, idZoomIn.isZoomIn ? [Constants.CB_GET_ALL] : [Constants.CB_GET_HL, Constants.CB_GET_CONTEXT, Constants.CB_GET_ROOTSCROLL]); return; } if (window.siyuan.config.fileTree.closeTabsOnStart && isStart) { setEmpty(app); return; } const localDoc = window.siyuan.storage[Constants.LOCAL_DOCINFO]; fetchPost("/api/block/checkBlockExist", {id: localDoc.id}, existResponse => { if (existResponse.data) { openMobileFileById(app, localDoc.id, [Constants.CB_GET_SCROLL]); } else { fetchPost("/api/block/getRecentUpdatedBlocks", {}, (response) => { if (response.data.length !== 0) { checkFold(response.data[0].id, (zoomIn) => { openMobileFileById(app, response.data[0].id, zoomIn ? [Constants.CB_GET_ALL] : [Constants.CB_GET_CONTEXT, Constants.CB_GET_ROOTSCROLL]); }); } else { setEmpty(app); } }); } }); return; } setEmpty(app);};
const initEditorName = () => { const inputElement = document.getElementById("toolbarName") as HTMLInputElement; inputElement.setAttribute("placeholder", window.siyuan.languages._kernel[16]); inputElement.addEventListener("blur", () => { if (inputElement.getAttribute("readonly") === "readonly") { return; } if (!validateName(inputElement.value)) { inputElement.value = inputElement.value.substring(0, Constants.SIZE_TITLE); return false; }
fetchPost("/api/filetree/renameDoc", { notebook: window.siyuan.mobile.editor.protyle.notebookId, path: window.siyuan.mobile.editor.protyle.path, title: inputElement.value, }); setTitle(inputElement.value); });};