Notes/src/public/app/components/shortcut_component.ts

import appContext, { EventData, EventListener } from "./app_context.js";
import shortcutService from "../services/shortcuts.js";
import server from "../services/server.js";
import Component from "./component.js";
import froca from "../services/froca.js";
import { AttributeRow } from "../services/load_results.js";

export default class ShortcutComponent extends Component
    implements EventListener<"entitiesReloaded">
{
    constructor() {
        super();

        server.get<AttributeRow[]>('keyboard-shortcuts-for-notes').then(shortcutAttributes => {
            for (const attr of shortcutAttributes) {
                this.bindNoteShortcutHandler(attr);
            }
        });
    }

    bindNoteShortcutHandler(labelOrRow: AttributeRow) {
        const handler = () => appContext.tabManager.getActiveContext().setNote(labelOrRow.noteId);
        const namespace = labelOrRow.attributeId;

        if (labelOrRow.isDeleted) { // only applicable if row
            if (namespace) {
                shortcutService.removeGlobalShortcut(namespace);
            }
        } else if (labelOrRow.value) {
            shortcutService.bindGlobalShortcut(labelOrRow.value, handler, namespace);
        }
    }

    async entitiesReloadedEvent({loadResults}: EventData<"entitiesReloaded">) {
        for (const attr of loadResults.getAttributeRows()) {
            if (attr.type === 'label' && attr.name === 'keyboardShortcut' && attr.noteId) {
                const note = await froca.getNote(attr.noteId);
                // launcher shortcuts are handled specifically
                if (note && attr && note.type !== 'launcher') {
                    this.bindNoteShortcutHandler(attr);
                }
            }
        }
    }
}