lof.html

<?!= include('loader-style'); ?>

<script src='https://cdnjs.cloudflare.com/ajax/libs/pdf.js/1.10.81/pdf.js'>
</script>

<div class="loader">
  <span class="l-1"></span>
  <span class="l-2"></span>
  <span class="l-3"></span>
  <span class="l-4"></span>
  <span class="l-5"></span>
  <span class="l-6"></span>
</div>
<span>Long, complex documents can<br />take minutes to process</span>

<script>
  PDFJS.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/1.10.81/pdf.worker.js'
  window.onload = google.script.run.withSuccessHandler(countFigures).getDocAsPDF();

  function getAllPageTexts(blob) {
    const pdf = PDFJS.getDocument({ data: blob })
    return pdf.then(pdf => {
      const maxPages = pdf.pdfInfo.numPages
      const pageTexts = []
      for (let i = 1; i <= maxPages; i++) {
        pageTexts.push(pdf.getPage(i).then(page => page.getTextContent()))
      }
      return Promise.all(pageTexts)
    })
  }
  
  const countLabels = sign => pageText => JSON.stringify(pageText).split(sign).length - 1

  function countFigures(blob) {
    getAllPageTexts(blob).then(pageTexts => {
      google.script.run.withSuccessHandler(restoreLabels).insertLoFNumbers({
      'fig': pageTexts.map(countLabels('☙')),
      'tab': pageTexts.map(countLabels('❆')),
      })
    })
  }


  function restoreLabels() {
    google.script.run.withSuccessHandler(closeDialog).restoreLabels()
  }

  function closeDialog() {
    google.script.host.close()
  }
</script>