Notes/src/public/app/widgets/buttons/launcher/note_launcher.js

import AbstractLauncher from "./abstract_launcher.js";
import dialogService from "../../../services/dialog.js";
import appContext from "../../../components/app_context.js";

export default class NoteLauncher extends AbstractLauncher {
    constructor(launcherNote) {
        super(launcherNote);

        this.title(this.launcherNote.title)
            .icon(this.launcherNote.getIcon())
            .onClick(() => this.launch());
    }

    launch() {
        // we're intentionally displaying the launcher title and icon instead of the target
        // e.g. you want to make launchers to 2 mermaid diagrams which both have mermaid icon (ok),
        // but on the launchpad you want them distinguishable.
        // for titles, the note titles may follow a different scheme than maybe desirable on the launchpad
        // another reason is the discrepancy between what user sees on the launchpad and in the config (esp. icons).
        // The only (but major) downside is more work in setting up the typical case where you actually want to have both title and icon in sync.
        const targetNoteId = this.launcherNote.getRelationValue('targetNote');

        if (!targetNoteId) {
            dialogService.info("This launcher doesn't define target note.");
            return;
        }

        appContext.tabManager.openTabWithNoteWithHoisting(targetNoteId, true);
    }

    getTitle() {
        const shortcuts = this.launcherNote.getLabels("keyboardShortcut")
            .map(l => l.value)
            .filter(v => !!v)
            .join(", ");

        let title = super.getTitle();
        if (shortcuts) {
            title += ` (${shortcuts})`;
        }

        return title;
    }
}