Trilium/src/public/app/widgets/buttons/show_toc_widget_button.js

import OnClickButtonWidget from "./onclick_button.js";
import appContext from "../../components/app_context.js";
import attributeService from "../../services/attributes.js";
import { t } from "../../services/i18n.js";

export default class ShowTocWidgetButton extends OnClickButtonWidget {
    isEnabled() {
        return super.isEnabled() && this.note && this.note.type === "text" && this.noteContext.viewScope.viewMode === "default";
    }

    constructor() {
        super();

        this.icon("bx-objects-horizontal-left")
            .title(t("show_toc_widget_button.show_toc"))
            .titlePlacement("bottom")
            .onClick((widget) => {
                this.noteContext.viewScope.tocTemporarilyHidden = false;
                appContext.triggerEvent("showTocWidget", { noteId: this.noteId });
                this.toggleInt(false);
            });
    }

    async refreshWithNote(note) {
        this.toggleInt(this.noteContext.viewScope.tocTemporarilyHidden);
    }
    async reEvaluateTocWidgetVisibilityEvent({ noteId }) {
        if (noteId === this.noteId) {
            await this.refresh();
        }
    }
    async entitiesReloadedEvent({ loadResults }) {
        if (loadResults.isNoteContentReloaded(this.noteId)) {
            await this.refresh();
        } else if (
            loadResults
                .getAttributeRows()
                .find((attr) => attr.type === "label" && (attr.name.toLowerCase().includes("readonly") || attr.name === "toc") && attributeService.isAffecting(attr, this.note))
        ) {
            await this.refresh();
        }
    }

    async noteTypeMimeChangedEvent({ noteId }) {
        if (this.isNote(noteId)) {
            await this.refresh();
        }
    }
}