trilium/src/public/javascripts/services/note_detail_file.js

import utils from "./utils.js";
import server from "./server.js";

class NoteDetailFile {
    /**
     * @param {TabContext} ctx
     */
    constructor(ctx) {
        this.ctx = ctx;
        this.$component = ctx.$tabContent.find('.note-detail-file');
        this.$fileNoteId = ctx.$tabContent.find(".file-note-id");
        this.$fileName = ctx.$tabContent.find(".file-filename");
        this.$fileType = ctx.$tabContent.find(".file-filetype");
        this.$fileSize = ctx.$tabContent.find(".file-filesize");
        this.$previewRow = ctx.$tabContent.find(".file-preview-row");
        this.$previewContent = ctx.$tabContent.find(".file-preview-content");
        this.$downloadButton = ctx.$tabContent.find(".file-download");
        this.$openButton = ctx.$tabContent.find(".file-open");

        this.$downloadButton.click(() => utils.download(this.getFileUrl()));

        this.$openButton.click(() => {
            if (utils.isElectron()) {
                const open = require("open");

                open(this.getFileUrl(), {url: true});
            }
            else {
                window.location.href = this.getFileUrl();
            }
        });
    }

    async render() {
        const attributes = await server.get('notes/' + this.ctx.note.noteId + '/attributes');
        const attributeMap = utils.toObject(attributes, l => [l.name, l.value]);

        this.$component.show();

        this.$fileNoteId.text(this.ctx.note.noteId);
        this.$fileName.text(attributeMap.originalFileName || "?");
        this.$fileSize.text(this.ctx.note.contentLength + " bytes");
        this.$fileType.text(this.ctx.note.mime);

        if (this.ctx.note.content) {
            this.$previewRow.show();
            this.$previewContent.text(this.ctx.note.content);
        }
        else {
            this.$previewRow.hide();
        }

        // open doesn't work for protected notes since it works through browser which isn't in protected session
        this.$openButton.toggle(!this.ctx.note.isProtected);
    }

    getFileUrl() {
        // electron needs absolute URL so we extract current host, port, protocol
        return utils.getHost() + "/api/notes/" + this.ctx.note.noteId + "/download";
    }

    show() {}

    getContent() {}

    focus() {}

    onNoteChange() {}

    cleanup() {}

    scrollToTop() {}
}

export default NoteDetailFile;