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"; }

    getMaxHeight() { return "200px"; }

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

        const similarNotes = await server.get('similar_notes/' + this.ctx.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.createNoteLinkWithPath(similarNote.notePath.join("/")));

            $list.append($item);
        }

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

    eventReceived(name, data) {
        if (name === 'noteSaved') {
            if (this.title !== this.ctx.note.title) {
                this.rendered = false;

                this.renderBody();
            }
        }
    }
}

export default SimilarNotesWidget;