Форумный скрипт 2.0

// ==UserScript==
// @name         New ES6-Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  shows how to use babel compiler
// @author       You
// @require      https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.min.js
// @require      https://cdnjs.cloudflare.com/фjax/libs/jquery/3.3.1/jquery.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js
// @match        http://*/*
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==

/* jshint ignore:start */
var inline_src = (<><![CDATA[
    /* jshint ignore:end */
    /* jshint esnext: true */

    // Your code here...

    if (!document.body || window != window.top) **
      //console.log("Not toplevel window");
    ** else **
      //console.log("Toplevel window");
      //console.log(document.location.href);
      let urlPattern1 = new RegExp('http:\/\/forums\.kuban\.ru\/f\\d+\/.*\\d+\.html(?:#post\d+)?', 'gi');
      let urlPattern2 = new RegExp('http:\/\/forums\.kuban\.ru\/showthread\.php\\?p=\\d+', 'gi'); //http://forums.kuban.ru/showthread.php?p=45875592
      if (document.location.href.match(urlPattern1) || document.location.href.match(urlPattern2)) **
        // console.log("Match");
        ProcessNicks();
      **
    **

    function ProcessNicks() **
      let itemID = 0;
      for (var a of $('#post a.xxxbigusername')) **
        ++itemID;
        let usrHref = a.getAttribute('href');
        if (usrHref && usrHref.match(/users\/\d+\/$/gi)) **
           let ID = usrHref.match(/\d+/g)[0];
		   if (a.parentNode.outerHTML.match(/EditButton\d+/gi)) **
             continue;
           **
           let objTags = GetTags(ID);
           const aID = "OldA" + itemID;
           a.setAttribute("id", aID);
           a.outerHTML += (objTags ? '<br>' : '') +
                       ('<span id="TagsHolder' + itemID + '" style="color: ' + (objTags ? objTags.TagColor : '#000088') + ';">' + (objTags ? objTags.Tag : '') + '</span>') +
                       '<br><span style="color: #999999; cursor: pointer" id=EditButton' + itemID + '>[edit]</span>';

           let buttonID = "EditButton" + itemID;
           // console.log(ID + " " + buttonID);
           let newButton = document.getElementById(buttonID);

           let itemIDBound = itemID;
           newButton.onclick = () => ** EditTags(ID, itemIDBound); **;

           if (!objTags)
             continue;

          let newA = document.getElementById(aID);
          if (!newA)
            continue;

          let pmID = newA.parentNode.getAttribute('id');
          if (!pmID)
            continue;
          // console.log("PM id  " + pmID);
          let re = /postmenu_(\d+)/i;
          let matches = pmID.match(re);
          if (!matches || matches.length != 2)
            continue;
          const postID = matches[1];
          // console.log("postID  " + postID);
          const msgID = "post_message_" + postID;
          let msgNode = document.getElementById(msgID);
          if (msgNode && !objTags.ShowPosts && $('#' + msgID + ' div.social_icon_block').length === 0) **
            msgNode.innerHTML = '<font color=#080808>' + (objTags.CensorMessage ? objTags.CensorMessage : 'Удалено.') + '</font>';
          **
          if (objTags.AltNick !== '' && objTags.ReplaceNickLeft) **
            // console.log('replace');
            // console.log(newA);
            newA.innerHTML = '<b>' + objTags.AltNick + '</b>';
          **
          if (objTags.AltNick !== '' && objTags.ReplaceNickQuoute) **
            for (var ds of $('#' + pmID).siblings('div.smallfont')) **
              for (var dsChild of ds.children) **
                 if (dsChild.tagName && dsChild.tagName.toLowerCase() === 'a') **
                     const newHref = "javascript:bbcode('19-', '" + objTags.AltNick + " >')";
                     dsChild.setAttribute('href', newHref);
                     break;
                 **
              **
            ** // for (var ds of $('#' + pmID).siblings('div.smallfont')) **

            for (var td of $(msgNode).parent().siblings('td')) **
              for (var aQuote of $(td).find('a')) **
                // javascript:quote_selection(45886571, 'Хаус MD');
                if (aQuote.getAttribute('href') && aQuote.getAttribute('href').includes('javascript:quote_selection')) **
                  const oldHref = aQuote.getAttribute('href');
                  // console.log('oldHref ' + oldHref);
                  let re = /javascript:quote_selection\((\d+)\,.*\)/i;
                  let matches = oldHref.match(re);
                  if (!matches || matches.length != 2)
                    continue;
                  const postID = matches[1];
                  // console.log('postID ' + postID);
                  const newHref = "javascript:quote_selection(" + postID + ", '" + objTags.AltNick + "')";
                  aQuote.setAttribute('href', newHref);
                  break;
                **
              **
            ** // for (var td of $(msgNode).parent().siblings('td'))
          **
        ** // if (usrHref && usrHref.match(/users\/\d+\/$/gi))
      ** //  for (var a of $('#post a.xxxbigusername'))
    **

    function EditTags(UserID, itemID) **
      let buttonID = "EditButton" + itemID;
      let Layer = document.getElementById('TagsForm');
      if (Layer)
        Layer.parentNode.removeChild(Layer);

      if (itemID === 0) **
        return;
      **
      // console.log("EditTags " + UserID + " " + buttonID);
      let Item = document.getElementById(buttonID);
      let Tags = GetTags(UserID);
      let Content = '<div id="TagsForm" style="width: 320px; background-color: #FFFFF4; border: 1px solid gray;">'+
                    ' <table border="0" width="100%">'+
                    '  <tr style="background-color: #C0E0C0;">'+
                    '   <td width="90%" style="text-align: left;"><span style="color: #000080; font-weight: bold;">UserID: ' + UserID + '</span></td>'+
                    '   <td width="10%" style="text-align: center;"><span id="X' + itemID + '" title="Close" style="color: #000000; cursor: pointer;">X</span></td>'+
                    '  </tr>'+
                    ' </table>'+
                    ' <table border="0" width="100%" cellpadding="2" cellspacing="2">'+
                    '  <tr>'+
					'   <td width="10%" style="text-align: right;"><span style="color: #000080; font-weight: normal;">Тег</span></td>'+
                    '   <td width="70%"><input type="text" id="TagsEdit" value="' + (Tags ? Tags.Tag : '') + '" style="width: 100%;"></td>'+
                    '   <td><select id="TextColor" style="width: 100%; height: 100%;"><option value="#FF0000" selected>Red</option><option value="#C0A000">Yellow</option><option value="#00C000">Green</option><option value="#0000FF">Blue</option><option value="#999999">Gray</option></select></td>'+
                    '  </tr>'+
                    ' </table>'+
                    ' <table border="0" width="100%" cellpadding="2" cellspacing="2">'+
                    '  <tr>'+
					'   <td width="30%" style="text-align: right;"><span style="color: #000080; font-weight: normal;">Сообщения</span></td>'+
					'   <td>'+
					'    <select id="ShowPosts" style="width: 100%;"><option value="1" selected>Показать</option><option value="0">Скрыть</option></select>'+
					'   </td>'+
					'  </tr>'+
                    '  <tr>' +
                    '   <td style="text-align: right;" width="30%"><span style="color: #000080; font-weight: normal;">Альт. ник</span></td>'+
                    '   <td> <input type="text" id="AltNickEdit" value="' + (Tags ? Tags.AltNick : '') + '" style="width: 98%;"> </td>'+
                    '  </tr>' +
                    ' </table>'+
                    ' <table border="0" width="100%" cellpadding="2" cellspacing="2">'+
                    '  <tr>'+
					'   <td width="70%" style="text-align: right;"><span style="color: #000080; font-weight: normal;">Заменить ник слева</span></td>'+
					'   <td>'+
					'    <select id="ReplaceNickLeft" style="width: 100%;"><option value="1" selected>Да</option><option value="0">Нет</option></select>'+
					'   </td>'+
					'  </tr>'+
                    '  <tr>'+
					'   <td width="70%" style="text-align: right;"><span style="color: #000080; font-weight: normal;">Заменить ник в ответах</span></td>'+
					'   <td>'+
					'    <select id="ReplaceNickResponse" style="width: 100%;"><option value="1" selected>Да</option><option value="0">Нет</option></select>'+
					'   </td>'+
					'  </tr>'+
                    ' </table>'+
                    ' <table border="0" width="100%" cellpadding="2" cellspacing="2">'+
                    '  <tr>'+
					'   <td width="30%" style="text-align: right;"><span style="color: #000080; font-weight: normal;">Штамп</span></td>'+
					'   <td>'+
					'    <input type="text" id="CensorMessage" value="' + (Tags ? Tags.CensorMessage : '') + '" style="width: 98%;">'+
					'   </td>'+
					'  </tr>'+
                    ' <table border="0" width="100%" cellpadding="2" cellspacing="2">'+
                    '  <tr>'+
					'   <td></td>'+
                    '   <td width="70%" style="text-align: right;"><button id="Save' + itemID + '" ">Save</button>&nbsp;<button id="Cancel' + itemID + '" ">Cancel</button></td>'+
                    '  </tr>'+
                    ' </table>'+
                    '</div>';
      document.body.insertAdjacentHTML('BeforeEnd', Content);
      $("#TagsForm").position(**
          my:        "left top",
          at:        "left bottom",
          of:        Item,
          collision: "fit"
      **);

      document.getElementById("X" + itemID).onclick = () => ** EditTags(UserID, 0); **;
      document.getElementById("Cancel" + itemID).onclick = () => ** EditTags(UserID, 0); **;
      document.getElementById("Save" + itemID).onclick = () => ** SaveTags(UserID, itemID); **;

      let EditBox = document.getElementById('TagsEdit');
      EditBox.selectionStart = EditBox.value.length;
      EditBox.focus();

      if (Tags) **
          let ColorBox = document.getElementById('TextColor');
          let i = ColorBox.length - 1;
          while(i >= 0) **
            if(ColorBox.options[i].value == Tags.TagColor) **
              ColorBox.selectedIndex = i;
              i = -1;
            ** else **
              --i;
            **
          ** // while(i >= 0)

          SetupBoolSelect('ShowPosts', Tags.ShowPosts);
          SetupBoolSelect('ReplaceNickLeft', Tags.ReplaceNickLeft);
          SetupBoolSelect('ReplaceNickResponse', Tags.ReplaceNickQuoute);
      ** // if(Tags)
    **

    function SetupBoolSelect(elementId, value) **
          let selectBox = document.getElementById(elementId);
          let j = selectBox.length - 1;
          while (j >= 0) **
            if ((selectBox.options[j].value === '1') == value) **
                selectBox.selectedIndex = j;
                j = -1;
            ** else **
              --j;
            **
         ** // while (j >= 0)
    **

    const defaultTags = **
        ShowPosts: false,
        TagColor: '#FF0000',
        Tag: '',
        AltNick: '',
        ReplaceNickLeft: false,
        ReplaceNickQuoute: false,
        CensorMessage: ''
      **;

    function SaveTags(UserID, itemID) **
      const Text = Trim(document.getElementById('TagsEdit').value);
      const ShowPosts = document.getElementById('ShowPosts').value;
      const AltNick = Trim(document.getElementById('AltNickEdit').value);
      const ReplaceNickLeft = document.getElementById('ReplaceNickLeft').value;
      const ReplaceNickQuoute = document.getElementById('ReplaceNickResponse').value;
      const CensorMessage = Trim(document.getElementById('CensorMessage').value);

      if (Text !== '' || ShowPosts !== '1' || ReplaceNickLeft !== '1' || ReplaceNickQuoute !== '1' || CensorMessage !== '' || AltNick != '') **
        const Color = document.getElementById('TextColor').value;
        let Holder = document.getElementById('TagsHolder' + itemID);
        Holder.style.color = Color;
        Holder.innerHTML = '&nbsp;' + Text;
        let newTags = Object.assign(****, defaultTags);
        newTags.ShowPosts = (ShowPosts === '1');
        newTags.TagColor = Color;
        newTags.Tag = Text;
        newTags.AltNick = AltNick;
        newTags.ReplaceNickLeft = (ReplaceNickLeft === '1');
        newTags.ReplaceNickQuoute = (ReplaceNickQuoute === '1');
        newTags.CensorMessage = CensorMessage;
        localStorage.setItem('User' + UserID, JSON.stringify(newTags));
      ** else **
        document.getElementById('TagsHolder' + itemID).innerHTML = '';
        localStorage.removeItem('User' + UserID);
      **
      EditTags(UserID, 0);
    **

    function GetTags(UserID) **
      const strTags = localStorage.getItem('User' + UserID);
      if (!strTags) **
        return null;
      **

      if (!strTags) **
        return defaultTags;
      **

      try **
        let tags = JSON.parse(strTags);
        return tags;
      ** catch (e) **
        let oldTags = SplitTags(strTags);
        if (oldTags && oldTags.length === 3) **
          let importedTags = Object.assign(****, defaultTags);
          importedTags.ShowPosts = (oldTags[0] === '1');
          importedTags.TagColor = oldTags[1];
          importedTags.Tag = oldTags[2];
          return importedTags;
        **
      **
      return defaultTags;
    **

    function SplitTags(strTags) **
      if (strTags !== null && strTags !== undefined) **
        if(strTags.match(/^\d#[A-F\d]{6**\s\S*/gi))
          return new Array(strTags.substr(0, 1), strTags.substr(1, 7), strTags.substr(9));
        else
          return new Array('1', '#FF0000', strTags);
      **
      return null;
    **

    function Trim(Text) **
    return TrimLeft(TrimRight(Text));
    **

    function TrimLeft(Text) **
    var i = 0;
    while(i < Text.length && '\t\n\r '.indexOf(Text.charAt(i)) >= 0) ++i;
    return Text.substring(i);
    **

    function TrimRight(Text) **
    var i = Text.length-1;
    while(i >= 0  && '\t\n\r '.indexOf(Text.charAt(i)) >= 0) --i;
    return Text.substring(0, i+1);
    **

    /* jshint ignore:start */
]]></>).toString();
var c = babel.transform(inline_src);
eval(c.code);
/* jshint ignore:end */