const { DateTime } = require('luxon');

require('../sass/main.scss');

window.insertRecentSnippets = (element, amount = 5) => {
    const snippetTemplate = require('../partials/recent-snippet.pug');
    const snippets = require('../data/snippets.json');
    snippets.forEach(snippet => {
        if (snippet.timeAdded) {
            const date = DateTime.fromSeconds(snippet.timeAdded);
            snippet.timeAddedPretty = date.toLocaleString(DateTime.DATETIME_FULL);
            snippet.timeAddedRelative = date.toRelative({
                base: DateTime.now(),
            });
        }
    });

    element.outerHTML = snippetTemplate({ snippets });
}

window.addEventListener('load', () => {
    document.querySelectorAll('div[insert-data]').forEach(e => {
        const f = new Function(e.attributes.getNamedItem('insert-data').nodeValue).bind(e);
        f();
    });
});