siyuan/app/src/mobile/index.ts

import {addScript, addScriptSync} from "../protyle/util/addScript";
import {Constants} from "../constants";
import {onMessage} from "./util/onMessage";
import {genUUID} from "../util/genID";
import {hasClosestByAttribute} from "../protyle/util/hasClosest";
import {Model} from "../layout/Model";
import "../assets/scss/mobile.scss";
import {Menus} from "../menus";
import {addBaseURL, setNoteBook} from "../util/pathName";
import {handleTouchEnd, handleTouchMove, handleTouchStart} from "./util/touch";
import {fetchGet, fetchPost} from "../util/fetch";
import {initFramework} from "./util/initFramework";
import {initAssets, loadAssets} from "../util/assets";
import {openMobileFileById} from "./editor";
import {promiseTransactions} from "../protyle/wysiwyg/transaction";
import {bootSync} from "../dialog/processSystem";
import {initMessage} from "../dialog/message";

class App {
    constructor() {
        addScriptSync(`${Constants.PROTYLE_CDN}/js/lute/lute.min.js?v=${Constants.SIYUAN_VERSION}`, "protyleLuteScript");
        addScript(`${Constants.PROTYLE_CDN}/js/protyle-html.js?v=${Constants.SIYUAN_VERSION}`, "protyleWcHtmlScript");
        addBaseURL();
        window.siyuan = {
            transactions: [],
            reqIds: {},
            backStack: [],
            dialogs: [],
            blockPanels: [],
            menus: new Menus(),
            ws: new Model({
                id: genUUID(),
                type: "main",
                msgCallback(data) {
                    onMessage(data);
                }
            })
        };
        // 不能使用 touchstart，否则会被 event.stopImmediatePropagation() 阻塞
        window.addEventListener("click", (event: MouseEvent & { target: HTMLElement }) => {
            if (!window.siyuan.menus.menu.element.contains(event.target) && !hasClosestByAttribute(event.target, "data-menu", "true")) {
                window.siyuan.menus.menu.remove();
            }
        });
        fetchPost("/api/system/getConf", {}, confResponse => {
            confResponse.data.conf.keymap = Constants.SIYUAN_KEYMAP;
            window.siyuan.config = confResponse.data.conf;
            fetchGet(`/appearance/langs/${window.siyuan.config.appearance.lang}.json?v=${Constants.SIYUAN_VERSION}`, (lauguages) => {
                window.siyuan.languages = lauguages;
                document.title = window.siyuan.languages.siyuanNote;
                bootSync();
                loadAssets(confResponse.data.conf.appearance);
                initAssets();
                fetchPost("/api/system/getEmojiConf", {}, emojiResponse => {
                    window.siyuan.emojis = emojiResponse.data as IEmoji[];
                    initFramework();
                    if (window.siyuan.config.system.container === "ios" && window.webkit?.messageHandlers) {
                        window.webkit.messageHandlers.changeStatusBar.postMessage(getComputedStyle(document.body).getPropertyValue("--b3-theme-background") + " " + window.siyuan.config.appearance.mode);
                    } else if (window.siyuan.config.system.container === "android" && window.JSAndroid) {
                        window.JSAndroid.changeStatusBarColor(getComputedStyle(document.body).getPropertyValue("--b3-theme-background"), window.siyuan.config.appearance.mode);
                    }
                    initMessage();
                });
            });
            if (navigator.userAgent.indexOf("iPhone") > -1) {
                document.addEventListener("touchstart", handleTouchStart, false);
                document.addEventListener("touchmove", handleTouchMove, false);
                document.addEventListener("touchend", handleTouchEnd, false);
            } else {
                document.addEventListener("touchend", () => {
                    window.siyuan.mobileEditor?.protyle.breadcrumb.show();
                }, false);
            }
        });
        setNoteBook();
        promiseTransactions();
    }
}

new App();

let previousBackStack: IBackStack;
window.goBack = () => {
    if (window.JSAndroid && window.siyuan.backStack.length < 2) {
        window.JSAndroid.returnDesktop();
        return;
    }
    previousBackStack = window.siyuan.backStack.pop();
    const item = window.siyuan.backStack[window.siyuan.backStack.length - 1];
    openMobileFileById(item.id, item.hasContext, item.callback, false);
    setTimeout(() => {
        window.siyuan.mobileEditor.protyle.contentElement.scrollTo({
            top: previousBackStack?.scrollTop || 0,
            behavior: "smooth"
        });
        previousBackStack = item;
    }, 300);
};