main.js

import tokenizer from 'sbd'

document.addEventListener('datashare:ready', ({ detail }) => {

  const stripHtml = str => {
     const tag = document.createElement("DIV")
     tag.innerHTML = str
     return tag.textContent || tag.innerText || ""
  }

  const toSentenceCase = str => {
    const sentences = tokenizer
      // Detect sentences using Sentence Boundary Detection (SBD)
      .sentences(str, { preserve_whitespace: false, newline_boundaries: true })
      .map(sentence => {
        const sanitizedSentence = stripHtml(sentence)
        // Only if the string is all in uppercase
         if (sanitizedSentence === sanitizedSentence.toUpperCase()) {
           sentence = sentence.toLowerCase()
           sentence = sentence.charAt(0).toUpperCase() + sentence.slice(1)
         }
         return sentence
      })

    return sentences.join('</p>')
  }

  // The project in which we'll add the plugin
  const project = detail.core.config.get('sentenceCaseProject', 'local-datashare')

  // Register the hook only for the given project
  detail.core.registerHookForProject(project, {
    name: 'sentence-case-toggler',
    target: 'document.content.ner:after',
    order: -1,
    definition: {
      computed: {
        pipelineName () {
          return this.$config.get('sentenceCasePipelineName', 'extracted-text-sentence-case')
        },
        // This computed property will be used by as v-model of the toggler input
        toggler: {
          set (active) {
            return active ? this.registerPipeline() : this.unregisterPipeline()
          },
          get () {
            // True is the pipeline is activate
            return !!this.$store.getters['pipelines/getPipelineByName'](this.pipelineName)
          }
        }
      },
      methods: {
        registerPipeline () {
          this.$core.registerPipelineForProject(project, {
            name: this.pipelineName,
            category: 'extracted-text:post',
            type: toSentenceCase,
            order: 10
          })
        },
        unregisterPipeline () {
          this.$core.unregisterPipeline(this.pipelineName)
        }
      },
      template: `<div class="document__content__sentence-case py-1 font-weight-bold ml-3">
        <b-form-checkbox v-model="toggler" switch v-b-tooltip title="Turn caps lock sentences back to normal">
          Sentence Case
        </b-form-checkbox>
      </div>`
    }
  })
})