construct-html.js

const fs = require('fs')
const convert = require('xml-js')
const path = require('path')
const util = require('util')
const { create } = require('domain')

const data = fs.readFileSync('OmniFocusContent/contents.xml')
const jsonString = convert.xml2json(data)
const json = JSON.parse(jsonString)
const tasks = json.elements[0].elements.filter(t => t.name === 'task')
const projects = tasks.filter(t => {
  const item = t.elements.find(e => e.name === 'task' && !e.attributes)
  if (item) {
    return true
  }
})

// Create folder structure
const folderElements = json.elements[0].elements.filter(e => e.name === 'folder')
const folders = {}
const createFolderStructure = () => {
  folderElements.forEach(f => {
    const constructFolderPath = (folder, path, level = 0) => {
      level += 1
      const textObj = folder.elements.find(e => e.name === 'name' && e.elements)
      const name = textObj.elements.find(e => e.type === 'text')
      path = `/${name.text}` + path

      const nextFolderObj = folder.elements.find(e => e.name === 'folder' && e.attributes)
      if (!nextFolderObj) {
        folders[f.attributes.id] = { path, level }
        return
      }
      const nextFolder = folderElements.find(n => n.attributes.id === nextFolderObj.attributes.idref)
      return constructFolderPath(nextFolder, path, level)
    }

    constructFolderPath(f, '')
  })

  const makeFolders = (level = 0) => {
    level += 1
    const asArray = Object.entries(folders);
    const filtered = asArray.filter(([_, value]) => value.level === level);
    const levelFolders = Object.fromEntries(filtered);

    if (Object.keys(levelFolders).length === 0) return
    Object.keys(levelFolders).forEach(key => {
      fs.mkdir(path.join(__dirname, 'Projects' + levelFolders[key].path), (err) => {
        if (err) {
          if (err.code === 'EEXIST') {
            console.log(`Trying to make ${levelFolders[key].path} again`)
          } else {
            throw err
          }
        }

        console.log(`${levelFolders[key].path} directory created`);
      })
    });

    setTimeout(() => {
      makeFolders(level)
    }, 500)
  }

  makeFolders()
}

console.log('\n')
createFolderStructure()

const ammendHeader = (html) => {
  return html += '<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="DT:isEditableNote" content="Yes"><style></style></head>'
}

const ammendSubTasks = (html, task) => {
  const subTasks = tasks.filter(t => {
    const item = t.elements.find(e => e.name === 'task' && e.attributes && e.attributes.idref === task.attributes.id)
    if (item) {
      return true
    }
  })

  subTasks.forEach(s => {
    const nameObj = s.elements.find(e => {
      return e.name === 'name' && e.elements && e.elements.length === 1
    })
    if (!nameObj) return html
    const name = nameObj.elements[0].text
    const checked = s.elements.find(e => {
      return e.name === 'completed' && e.elements && e.elements.length === 1
    })

    // add task
    html += `<p style="font-family: Georgia; font-size: 14px; margin: 0px; font-stretch: normal; line-height: normal; color: rgb(20, 20, 20); min-height: 16px;">&emsp;<input type="checkbox" id="0753B386-29EC-49BB-90A2-2BE45BE5CF16" ${checked ? 'checked="checked"' : ''}"><span class="Apple-tab-span" style="white-space: pre;"></span><b>${name}</b></p>`
    html = ammendTaskFilesAndNotes(html, s, true)
  })

  return html
}

const ammendTaskFilesAndNotes = (html, task, subtask) => {
  let files = []
  let runObjs = []
  let litObjs = []

  // Start traversing the jsonified xml data to find files and notes
  const noteObj = task.elements.find(e => {
    return e.name === 'note' && e.elements && e.elements.length > 0
  })
  if (!noteObj) return html
  const textObj = noteObj.elements.find(e => {
    return e.name === 'text' && e.elements && e.elements.length > 0
  })
  const pObjs = textObj.elements.filter(e => {
    return e.name === 'p' && e.elements && e.elements.length > 0
  })

  pObjs.forEach(pObj => {
    const runs = pObj.elements.filter(e => {
      return e.name === 'run' && e.elements && e.elements.length > 0
    })
    if (runs.length > 0) runs.forEach(r => {
      runObjs.push(r)
    })
  })
  runObjs.forEach(runObj => {
    const lit = runObj.elements.find(e => {
      return e.name === 'lit'
    })
    if (lit) litObjs.push(lit)
  })

  // Add files
  litObjs.forEach(o => {
    const file = o.elements.find(e => {
      return e.name === 'cell'
    })
    if (file) files.push(file)
  })

  if (files.length > 0) {
    files.forEach(f => {
      html += `<p style="font-family: Georgia; font-size: 14px; margin: 0px; font-stretch: normal; line-height: normal; color: rgb(20, 20, 20); min-height: 16px;">${subtask ? '&emsp;' : ''}📄&nbsp;<a href="/Files/${f.attributes.name}">${f.attributes.name}</a></p>`
    })
  }

  // Add notes
  litObjs.forEach(o => {
    const text = o.elements.find(e => {
      return e.type === 'text'
    })
    if (text)
      html += `<p style="font-family: Georgia; margin: 0px; font-stretch: normal; line-height: normal; color: rgb(20, 20, 20); min-height: 16px;">${subtask ? '&emsp;' : ''}<span style="font-size: 14px;">${text.text}</span></p>`
  })

  return html
}

const ammendTask = (html, task) => {
  const nameObj = task.elements.find(e => {
    return e.name === 'name' && e.elements && e.elements.length === 1
  })
  if (!nameObj) return html
  const name = nameObj.elements[0].text
  const checked = task.elements.find(e => {
    return e.name === 'completed' && e.elements && e.elements.length === 1
  })

  // Add task
  html += `<p style="font-family: Georgia; font-size: 14px; margin: 0px; font-stretch: normal; line-height: normal; color: rgb(20, 20, 20); min-height: 16px;"><input type="checkbox" id="0753B386-29EC-49BB-90A2-2BE45BE5CF16" ${checked ? 'checked="checked"' : ''}"><span class="Apple-tab-span" style="white-space: pre;"></span><b>${name}</b></p>`
  html = ammendTaskFilesAndNotes(html, task)
  html = ammendSubTasks(html, task)

  // Close task
  html += '<p style="font-family: Georgia; font-size: 14px; margin: 0px; font-stretch: normal; line-height: normal; color: rgb(20, 20, 20); min-height: 16px;"><br></p>'

  return html
}

const closeTask = html => html += '</body>'
const ammendProject = (html, project, name) => {
  html += `<body style="margin: 1.5em; word-wrap: break-word; -webkit-nbsp-mode: space; line-break: after-white-space;"><p style="font-family: Georgia; font-size: 28px; margin: 0px 0px 0px; font-stretch: normal; line-height: normal;">${name}&nbsp;</p>`
  html = ammendTaskFilesAndNotes(html, project)
  html += '<p style="font-family: Georgia; font-size: 14px; margin: 0px; font-stretch: normal; line-height: normal; color: rgb(20, 20, 20); min-height: 16px;"><br></p>'

  const topLevelTasks = tasks.filter(t => {
    const item = t.elements.find(e => {
      return e.name === 'task' && e.attributes && e.attributes.idref === project.attributes.id
    })
    if (item) {
      return true
    }
  })

  topLevelTasks.forEach(t => {
    html = ammendTask(html, t)
  })

  return html
}

const constructHTML = () => {
  console.log('\n')
  projects.forEach(project => {
    let html = ''
    let path = ''
    const projectObj = project.elements.find(e => e.name === 'project')
    const folderObj = projectObj.elements.find(e => e.name === 'folder' && e.attributes)
    if (folderObj) {
      path += folders[folderObj.attributes.idref].path
    }
    const name = project.elements.find(e => e.name === 'name' && e.elements.length === 1).elements[0].text
    html = ammendHeader(html)
    html = ammendProject(html, project, name)
    html = closeTask(html)
    fs.writeFile(`Projects${path}/${name}.html`, html, (err) => {
      if (err) throw err;
      console.log('Made:', `Projects${path}/${name}.html`);
    })
  });
}

setTimeout(() => constructHTML(), 5000)