import posthtml from 'posthtml'
import addAttributes from 'posthtml-extra-attributes'
posthtml([
  addAttributes({
    attributes: {
      div: {
        class: 'new',
        id: 'new'
      }
    }
  })
])
  .process('<div class="test">Test</div>')
  .then(result => console.log(result.html))
// <div class="test new" id="new">Test</div>

const attributes = {
  div: {
    id: 'new'
  },
}

const attributes = {
  '.test': {
    'editable': true
  },
}

const attributes = {
  '#test': {
    class: 'new'
  },
}

const attributes = {
  '[role]': {
    'aria-roledescription': 'slide'
  },
}

const attributes = {
  'div, p': {
    class: 'test',
  },
  'div[role=alert], section.alert': {
    class: 'alert'
  },
}

posthtml([
  addAttributes({
    attributes: {
      div: {
        id: 'new'
      }
    },
    overwrite: true
  })
])
  .process('<div id="test">Test</div>')
  .then(result => console.log(result.html))
// <div id="new">Test</div>