Wrap hex color codes in divs - BetterDiscord plugin piece

wrap-hex.js

class hexColorPreview {
  wrapAll() {
    let messages = document.getElementsByClassName("markup");
    for (var i = 0; i < messages.length; i++) {
      let msg = messages[i];
      if (msg.getElementsByClassName(".hex-value").length > 0) continue; //don't wrap multiple times

      let html = msg.innerHTML;
      html = html.replace(
        /#(?:[0-9a-fA-F]{3}){1,2}/g, //find hex color values
        '<div class="hex-value" style="color: $&;">$&<div class="hex-preview" style="background: $&;"></div></div>'
      );

      msg.innerHTML = html;
    }
  }
  
  onMessage() {
    this.wrapAll();
  }
}