Generate TaskPaper to track progress of reading the CSS specifications on www.w3.org.

generateTaskPaperFromTOC.js

/**
 * Execute this function on a CSS spicificaiton page to get TaskPaper tasks.
 */
function generateTaskPaperFromTOC() {
  function getDataFromLi(li) {
    const children = Array.from(li.children)
    const a = children.find(node => node.tagName === 'A')
    const data = {
      title: Array.from(a.children).map(node => node.innerText).join(' '),
      url: a.href,
    }

    const ol = children.find(node => node.tagName === 'OL')
    if (ol) {
      data.children = Array.from(ol.children).filter(node => node.tagName === 'LI')
        .map(node => getDataFromLi(node))
    }

    return data
  }

  function getTaskPaperFromData(data) {
    const task = `- ${data.title}\n\t${data.url}`

    if (data.children) {
      const subTasks = data.children.map(d => getTaskPaperFromData(d))
      const parentTask = task.replace(/\n\t/, ' @parallel(false) @autodone(true)\n\t')
      const childrenTasks = [task, ...subTasks]
        .map(text => text.replace(/^\t/mg, '\t\t').replace(/^- /mg, '\t- '))
      return [parentTask, ...childrenTasks].join('\n')
    }

    return task
  }

  const lis = Array.from(document.querySelector('#toc .toc').children).filter(node => node.tagName === 'LI')
  const data = lis.map(li => getDataFromLi(li))

  return data.map(d => getTaskPaperFromData(d)).join('\n')
}