Notes/src/public/javascripts/widgets/tab_caching_widget.js

import TabAwareWidget from "./tab_aware_widget.js";
import keyboardActionsService from "../services/keyboard_actions.js";
import appContext from "../services/app_context.js";

export default class TabCachingWidget extends TabAwareWidget {
    constructor(widgetFactory) {
        super();

        this.widgetFactory = widgetFactory;
        this.widgets = {};
    }

    isEnabled() {
        return this.tabContext && this.tabContext.isActive();
    }

    doRender() {
        return this.$widget = $(`<div class="marker" style="display: none;">`);
    }

    handleEventInChildren(name, data) {
        // stop propagation of the event to the children, individual tab widget should not know about tab switching
        // since they are per-tab
        if (name === 'tabNoteSwitchedAndActivated') {
            return super.handleEventInChildren('tabNoteSwitched', data);
        }
        else if (name !== 'activeTabChanged') {
            return super.handleEventInChildren(name, data);
        }

        return Promise.resolve();
    }

    async newTabOpenedEvent({tabId}) {
        if (this.widgets[tabId]) {
            return;
        }

        this.widgets[tabId] = this.widgetFactory();

        const $renderedWidget = this.widgets[tabId].render();
        this.$widget.after($renderedWidget);

        keyboardActionsService.updateDisplayedShortcuts($renderedWidget);

        await this.widgets[tabId].handleEvent('setTabContext', {
            tabContext: appContext.tabManager.getTabContextById(tabId)
        });

        this.child(this.widgets[tabId]); // add as child only once it is ready (rendered with tabContext)
    }

    async refreshWithNote() {
        for (const widget of Object.values(this.widgets)) {
            widget.toggle(false);
        }

        if (!this.tabContext) {
            console.log(`No tabContext in widget ${this.componentId}.`);

            return;
        }

        const widget = this.widgets[this.tabContext.tabId];

        if (widget) {
            widget.toggle(widget.isEnabled());
        }
        else {
            console.error(`Widget for tab ${this.tabContext.tabId} not found.`);
        }
    }

    tabRemovedEvent({tabId}) {
        const widget = this.widgets[tabId];

        if (widget) {
            widget.remove();
            delete this.widgets[tabId];

            this.children = this.children.filter(ch => ch !== widget);
        }
    }

    toggle(show) {
        for (const tabId in this.widgets) {
            this.widgets[tabId].toggle(
                show
                && this.isTab(tabId)
                && this.widgets[tabId].isEnabled());
        }
    }
}