siyuan/app/src/plugin/index.ts

import {App} from "../index";
import {EventBus} from "./EventBus";
import {fetchPost} from "../util/fetch";
import {isMobile, isWindow} from "../util/functions";

export class Plugin {
    public i18n: IObject;
    public eventBus: EventBus;
    public data: any = {};
    public name: string;

    constructor(options: {
        app: App,
        name: string,
        i18n: IObject
    }) {
        this.i18n = options.i18n;
        this.name = options.name;
        this.eventBus = new EventBus(options.name);
    }

    public onload() {
    }

    public addTopBar(options: {
        icon: string,
        title: string,
        position?: "right",
        callback: (evt: MouseEvent) => void
    }) {
        const iconElement = document.createElement("div");
        if (isMobile()) {
            iconElement.className = "b3-menu__item";
            iconElement.setAttribute("aria-label", options.title);
            iconElement.setAttribute("data-menu", "true");
            iconElement.innerHTML = (options.icon.startsWith("icon") ? `<svg class="b3-menu__icon"><use xlink:href="#${options.icon}"></use></svg>` : options.icon) +
                `<span class="b3-menu__label">${options.title}</span>`;
            iconElement.addEventListener("click", options.callback);
            document.querySelector("#menuAbout").after(iconElement);
        } else if (!isWindow()) {
            iconElement.className = "toolbar__item b3-tooltips b3-tooltips__sw";
            iconElement.setAttribute("aria-label", options.title);
            iconElement.setAttribute("data-menu", "true");
            iconElement.innerHTML = options.icon.startsWith("icon") ? `<svg><use xlink:href="#${options.icon}"></use></svg>` : options.icon;
            iconElement.addEventListener("click", options.callback);
            document.querySelector("#" + (options.position === "right" ? "barSearch" : "drag")).before(iconElement);
        }
        return iconElement;
    }

    public openSetting() {
    }

    public loadData(storageName: string) {
        if (typeof this.data[storageName] === "undefined") {
            this.data[storageName] = "";
        }
        return new Promise((resolve) => {
            fetchPost("/api/file/getFile", {path: `/data/storage/petal/${this.name}/${storageName}`}, (response) => {
                if (response.code === 404) {
                    this.data[storageName] = "";
                } else {
                    this.data[storageName] = response;
                }
                resolve(this.data[storageName]);
            });
        });
    }

    public saveData(storageName: string, data: any) {
        return new Promise((resolve) => {
            const pathString = `/data/storage/petal/${this.name}/${storageName}`;
            const file = new File([new Blob([data])], pathString.split('/').pop());
            const formData = new FormData();
            formData.append('path', pathString);
            formData.append('file', file);
            formData.append('isDir', "false");
            fetchPost("/api/file/putFile", formData, (response) => {
                resolve(response);
            });
        });
    }
}