var ipInputField = document.getElementById('ipInput');
var regexOutputField = document.getElementById('regexOutput');

function generateOutput() {
    var ipAddresses = [];
    var input = ipInputField.value;
    var output = '';
    // Process line by line
    input.split(/\r|\n|\r\n/).forEach(function(line){
       if (line!==''){
           var ipAddress = line.trim().toLocaleLowerCase();
           if (ipAddresses.indexOf(ipAddress)==-1){
               var linePattern = ipAddress;
               // Escape periods
               linePattern = linePattern.replace(/\./gim,"\\.");
               // Prefix line with start char
               linePattern = "^" + linePattern;
               // Suffix line with end char
               linePattern = linePattern + "$";
               // Append to continuous pattern, suffixing with pipe (OR) char if necessary
               output = output + (output!=='' ? '|' : '') + linePattern;
           }
       } 
    });
    // Finally, set output field
    regexOutputField.value = output;
}


function runDemo(){
    ipInputField.value = '216.3.128.12\r\n19.117.63.126\r\n2001:0db8:85a3:0000:0000:8a2e:0370:7334\r\n';
    generateOutput();
}

// Add event listeners
ipInputField.addEventListener('blur', generateOutput);
ipInputField.addEventListener('change', generateOutput);
ipInputField.addEventListener('keyup', generateOutput);
regexOutputField.addEventListener('click', function (evt) {
    evt.target.select();
});

var clipboard = new ClipboardJS('.copyOutput');

document.querySelector('.button.clear').addEventListener('click', function () {
    ipInputField.value = '';
    generateOutput();
});

document.getElementById('demoButton').addEventListener('click',function(evt){
    runDemo();
});

// generate on load
generateOutput();