(() => { const counters = document.createElement('div'); counters.setAttribute('class', 'counters'); const counts = counters.appendChild(document.createElement('span')); counts.setAttribute('class', 'item'); const statusBar = document.getElementsByClassName('status-bar')[0]; if (cosense.Layout == 'page') { statusBar.appendChild(counters); } cosense.on('layout:changed', () => { if (cosense.Layout == 'page') { statusBar.prepend(counters); } else { statusBar.removeChild(counters); } }); const updateCounts = () => { if (!window.cosense.Page.lines) return; const words = cosense.Page.lines .map(line => line.text.split(/\s+/).filter(Boolean).length) .reduce((a, b) => a + b); const chars = cosense.Page.lines .map(line => line.text.length) .reduce((a, b) => a + b); const lines = cosense.Page.lines.length; counts.innerText = `${words} words, ${chars + lines - 1} chars, ${lines} lines`; }; updateCounts(); cosense.on('lines:changed', updateCounts); })();