const markdownView = document.querySelector('#markdown');
const htmlView = document.querySelector('#html');
// const newFileButton = document.querySelector('#new-file');
// const openFileButton = document.querySelector('#open-file');
// const saveMarkdownButton = document.querySelector('#save-markdown');
// const revertButton = document.querySelector('#revert');
// const saveHtmlButton = document.querySelector('#save-html');
// const showFileButton = document.querySelector('#show-file');
// const openInDefaultButton = document.querySelector('#open-in-default');

console.log(document.querySelector('#markdown'));

const renderMarkdownToHtml = async(markdown) => {
    const response = await window.versions.renderMarkdownToHtml(markdown);
    htmlView.innerHTML = response;
};

markdownView.addEventListener('keyup', event => {
    const currentContent = event.target.value;
    console.log('currentContent :>> ', currentContent);
    renderMarkdownToHtml(currentContent);
});

const information = document.getElementById('info')
information.innerText = `This app is using Chrome (v${versions.chrome()}), Node.js (v${versions.node()}), and Electron (v${versions.electron()})`

const func = async() => {
    const acars = await window.versions.acars()
    const response = await window.versions.ping()
    console.log(acars) // prints out 'pong'
}

func()