// ==UserScript==
// @name Autochange
// @namespace diadiavova
// @match *://*/*
// @grant GM_registerMenuCommand
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_addStyle
 
// ==/UserScript==
 
 
// Автозамена
 
(function ()
{
    GM_addStyle(".newItem td{border: 1px solid red; background-color: lightgray;}")
    let autochangeList = GM_getValue("autochangeList");
    autochangeList = autochangeList ? JSON.parse(autochangeList) : {};
    let objectData = autochangeList;
    GM_registerMenuCommand("Редактировать список автозмамены", function ()
    {
        let dialog = document.createElement("div");
        dialog.id = "active_buttons_editor";
        document.body.appendChild(dialog);
        dialog.innerHTML = `
 
<div style="overflow-y: scroll; height: 90%;background-color:white;">
<div><input type="file"/><span>Импорт списка</span></div>
<div><a data-id="listExport">Экспорт списка</a></div>
<table border="1">
<thead><th></th><th>Слово</th><th>Текст автозамены</th></thead>
<tbody>
</tbody>
</table>
</div>
<div><button data-id="save">Сохранить</button>
<button data-id="addNew">Добавить</button>
<button data-id="closeDialog">Закрыть</button></div>
`;
        dialog.style.cssText = `
position: fixed;
left: 25%;
top: 20%;
width: 50%;
height: 60%;
background-color:black;
padding: 5px;
`;
 
      function addRows(obj, newItem = false){
        let table = dialog.querySelector("tbody");
        for (let ac in obj)
        {
            let row = table.insertRow();
            if(newItem)row.classList.add("newItem");
            row.innerHTML = `<td><button class="deleteRow">x</button></td><td contenteditable="true">${ac}</td><td contenteditable="true">${obj[ac]}</td>`;
        }        
      }
      let listExport = dialog.querySelector("[data-id='listExport']");
      listExport.download = "autochange.json";
      function setHref(){
        if(listExport.href){URL.revokeObjectURL(listExport.href)}
        let blob = new Blob([JSON.stringify(autochangeList)], {type:"octet/stream"});
        let url = URL.createObjectURL(blob)
        listExport.href = url;
      }
      setHref();
      let fileInput = dialog.querySelector("input[type='file']");
      fileInput.onchange = function ()
            {
              fetch(url).then(async function (data)
              {
                let implist = JSON.parse(await data.text());
                let keys = Object.keys(implist).filter(k => !(k in autochangeList));
                let newObj = {};
                for(let key of keys)
                {
                  newObj[key] = implist[key];
                }
                addRows(newObj, true);
              });
            }
        const save = function (evt)
        {
            let rows = evt.target.parentElement.parentElement.querySelectorAll('tbody>tr');
            let achl = {}
            for (let row of rows)
            {
                if (!([...row.cells].slice(1).some(c => c.textContent == '')))
                {
                    achl[row.cells[1].textContent] = row.cells[2].textContent;
                }
            }
            GM_setValue('autochangeList', JSON.stringify(achl));
            autochangeList = achl;
          [...dialog.querySelectorAll(".newItem")].forEach(r=>r.classList.remove("newItem"));
          setHref(); 
        };
        const addNew = function (evt)
        {
          addRows({"newKey": "newValue"}, true);
            //let table = evt.target.parentElement.parentElement.querySelector('tbody');
            //let row = table.insertRow();
            //row.innerHTML = `<td><button class="deleteRow">x</button></td><td contenteditable='true'></td><td contenteditable='true'></td>`;
        };
        const closeDialog = function ()
        {
          document.body.removeChild(document.getElementById('active_buttons_editor'));
          URL.revokeObjectURL(url);
        };
 
        const deleteRow = function (evt)
        {
            let btn = evt.target;
            if (btn.className == "deleteRow")
            {
                let row = evt.target.closest("tr");
                row.parentElement.removeChild(row);
            }
 
        };
      
        dialog.querySelector("[data-id='save']").onclick = save;
        dialog.querySelector("[data-id='addNew']").onclick = addNew;
        dialog.querySelector("[data-id='closeDialog']").onclick = closeDialog;
        dialog.addEventListener("click", deleteRow);
        addRows(autochangeList);
    });
 
    const addRecord = function (txt)
    {
        let key = prompt(`Введите короткий текст, который будет заменяться на:
 
${txt}`, "newKey");
        if (key == null) return;
        if (key in autochangeList && !confirm(`Ключ "${key}" уже существует со значением
    "${autochangeList[key]}"
    
    Хотите его перезаписать?`)) { return; }
        else
        {
            autochangeList[key] = txt;
            GM_setValue("autochangeList", JSON.stringify(autochangeList));
        }
    };
 
    let shortcutKey = {
        alt: false,
        ctrl: true,
        shift: false,
        charcode: 32
    };
 
    // Alt Shift +
    let addRecordShortcut = {
        alt: true,
        ctrl: false,
        shift: true,
        charcode: 61
    };
 
    function testShortcut(shortcut, eventObject)
    {
        return eventObject.altKey == shortcut.alt &&
            eventObject.ctrlKey == shortcut.ctrl &&
            eventObject.shiftKey == shortcut.shift &&
            eventObject.keyCode == shortcut.charcode;
    }
 
    function changeText(textarea, dataObj)
    {
        var words = textarea.value.substring(0, textarea.selectionStart).split(/\s+/);
        var lastword = words[words.length - 1].toLowerCase();
        if (dataObj[lastword])
        {
            var startSelection = textarea.selectionStart - lastword.length;
            var changeText = dataObj[lastword];
            var newselpos = startSelection + changeText.length;
            var textbefore = textarea.value.substr(0, startSelection);
            var textafter = textarea.value.substring(textarea.selectionStart);
            textarea.value = textbefore + dataObj[lastword] + textafter;
            textarea.selectionStart = textarea.selectionEnd = newselpos;
        }
    }
 
    function addKeePressHandler()
    {
        var textareas = document.getElementsByTagName("textarea");
 
        document.body.addEventListener("keyup", function (evt)
        {
            if ((evt.target.tagName == "TEXTAREA" || (evt.target.tagName == "INPUT" && evt.target.type == "text")))
            {
                if (testShortcut(shortcutKey, evt))
                {
                    evt.stopPropagation();
                    evt.preventDefault();
                    changeText(evt.target, autochangeList);
                }
                else if (testShortcut(addRecordShortcut, evt))
                {
                    evt.stopPropagation();
                    evt.preventDefault();
                    let txt = evt.target.value.substring(evt.target.selectionStart, evt.target.selectionEnd);
                    addRecord(txt);
                }
            }
        }, false);
    }
    addKeePressHandler();
})();