import StandardWidget from "./standard_widget.js";
import linkService from "../services/link.js";
import server from "../services/server.js";
import treeCache from "../services/tree_cache.js";

class SimilarNotesWidget extends StandardWidget {
    getWidgetTitle() { return "Similar notes"; }

    getHelp() {
        return {
            title: "This list contains notes which might be similar to the current note based on textual similarity of note title."
        };
    }

    getMaxHeight() { return "200px"; }

    async refreshWithNote() {
        // remember which title was when we found the similar notes
        this.title = this.tabContext.note.title;

        const similarNotes = await server.get('similar-notes/' + this.tabContext.note.noteId);

        if (similarNotes.length === 0) {
            this.$body.text("No similar notes found ...");
            return;
        }

        const noteIds = similarNotes.flatMap(note => note.notePath);

        await treeCache.getNotes(noteIds, true); // preload all at once

        const $list = $('<ul>');

        for (const similarNote of similarNotes) {
            const note = await treeCache.getNote(similarNote.noteId, true);

            if (!note) {
                continue;
            }

            const $item = $("<li>")
                .append(await linkService.createNoteLink(similarNote.notePath.join("/"), {showNotePath: true}));

            $list.append($item);
        }

        this.$body.empty().append($list);
    }

    noteSavedListener({data}) {
        if (this.title !== this.tabContext.note.title) {
            this.rendered = false;

            this.renderBody();
        }
    }
}

export default SimilarNotesWidget;