<!--
  Installation:
    Open "Taimanin RPGX Viewer.html" and replace the footer section with the below html/script.

    What the footer section looks like:
      <div id="footer">
        <input type="button" name="foot-exit" value="Exit">
        <input type="button" name="foot-skip" value="Skip">
        <input type="button" name="foot-auto" value="Auto">
      </div>
-->
<div id="footer">
  <input type="button" name="foot-exit" value="Exit">
  <input type="button" name="foot-skip" value="Skip">
  <input type="button" name="foot-auto" value="Auto">

  <input type="button" id="moonspeak-button" value="Copy Moonspeak" style="width: 220px;">
  <textarea id="moonspeak-value-holder" style="position: absolute; height: 1px; width: 1px; opacity: 0; z-index:-500; top: 0;"></textarea>
  <script>
    document.getElementById("moonspeak-button").addEventListener("click", function(){
      var regex = /<br\s*[\/]?>/gi
      var moonspeaker = document.getElementsByClassName("name-plate")[0].innerHTML
      moonspeaker = moonspeaker && moonspeaker.match(/^ *$/) == null ? `[${moonspeaker}]\n` : ''
      var moonspeak = document.getElementsByClassName("text-box-text")[0].innerHTML.replace(regex, "\n")
      var moonspeakValueHolder = document.getElementById("moonspeak-value-holder")
      moonspeakValueHolder.value = `${moonspeaker}${moonspeak}`
      moonspeakValueHolder.select()
      document.execCommand("copy")
      console.log("Copied the text: " + moonspeakValueHolder.value)
    });
  </script>
</div>