// First adaptation from https://github.com/cemerick/jsdifflib var gebi; // getElementById alias var elBaseText, elNewText, elDiffOutput, elContextSize, elInline; var elBaseURL, elNewURL, elBaseButton, elNewButton; var testServer; var codeTypes = { 'html':'web', 'js':'jQuery', 'cpp':'c++', 'c':'C', 'cs':'C#', 'java':'Java', 'py':'Python 3', 'php':'PHP', 'rb':'Ruby', 'kt':'Kotlin', }; var referer="jsdifflibSL_WEZ5IZ0B4v4S"; window.onload=function(){ // author's source had jQuery selectors gebi = document.getElementById.bind(document); elBaseText = gebi("baseText"); elNewText = gebi("newText"); elBaseButton = gebi("btnBaseLink"); elBaseURL = gebi("leftURL"); elNewButton = gebi("btnNewLink"); elNewURL = gebi("rightURL"); elDiffOutput = gebi("diffoutput"); elContextSize = gebi("contextSize"); elInline = gebi("inline"); testServer = ''; // 'http://cors-anywhere.herokuapp.com/'; // listen for taps var btns=document.getElementsByName("btnURL"); for(var i=0;i 0) { elBaseURL.value = justTwo[0]; setTimeout(function(){elBaseButton.click();}, 10); } if(justTwo.length > 1) { elNewURL.value = justTwo[1]; setTimeout(function(){elNewButton.click();}, 50); } } // see linked source library for this function's context function diffUsingJS() { // get the baseText and newText values from the two textboxes, and split them into lines var base = difflib.stringAsLines(elBaseText.value); var newtxt = difflib.stringAsLines(elNewText.value); // create a SequenceMatcher instance that diffs the two sets of lines var sm = new difflib.SequenceMatcher(base, newtxt); // get the opcodes from the SequenceMatcher instance // opcodes is a list of 3-tuples describing what changes should be made to the base text // in order to yield the new text var opcodes = sm.get_opcodes(); var diffoutputdiv = elDiffOutput; while (diffoutputdiv.firstChild) diffoutputdiv.removeChild(diffoutputdiv.firstChild); var contextSize = elContextSize.value; contextSize = contextSize ? contextSize : null; // build the diff view and add it to the current DOM diffoutputdiv.appendChild(diffview.buildView({ baseTextLines: base, newTextLines: newtxt, opcodes: opcodes, // set the display titles for each resource baseTextName: "Base Text", newTextName: "New Text", contextSize: contextSize, viewType: elInline.checked ? 1 : 0 })); // scroll down to the diff view // no protocol, because even about: on SoloLearn, else browser opens window.location = "#diff"; } function loadURL(event) { // parseXML implementation from here: https://stackoverflow.com/questions/17604071/parse-xml-using-javascript var parseXml; if (typeof window.DOMParser != "undefined") { parseXml = function(xmlStr) { return ( new window.DOMParser() ).parseFromString(xmlStr, "text/html"); // text/xml strips newlines }; } else if (typeof window.ActiveXObject != "undefined" && new window.ActiveXObject("Microsoft.XMLDOM")) { parseXml = function(xmlStr) { var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = "false"; xmlDoc.loadXML(xmlStr); return xmlDoc; }; } else { throw new Error("No XML parser found"); } /*// debugging parameter var foo = event.target; // easy object swap above loop for(var i in foo) document.write("" + i + ": " + foo[i] + "
" ); */ var id = event.target.dataset["who"]; var elURL = gebi(id); var url = elURL.value; // TODO: Replace existing ref= urlVars = encodeURI("&ref=" + referer); var xhr = new XMLHttpRequest(); xhr.open('GET', testServer + url + urlVars, true); xhr.responseType=''; // text, json, etc. xhr.onerror = function(e) { alert("CORS prevents mobile from completing in its current configuration.\n\nWorks: Open external browser with share link.\n\nRead about scraping in source links [HTML]."); var obj = e; //this; document.body.innerHTML += "(Reload may now be required)

"; for(var i in obj) document.body.innerHTML += "" + i + ": " + obj[i] + "
"; } xhr.onload = function(e){ var panelID = "baseText"; if(id=="rightURL") panelID = "newText"; var elPanel = gebi(panelID); if(this.status==200) { // going to lazy search (instead of greedy) helps, but // using a negative search prevents sluggish backtracking var patt = /]+id="saveForm" /; var match = this.responseText.match(patt); //var patt2 = / \/><\/form>/; var patt2 = /

/; var match2 = this.responseText.match(patt2); var slice = this.responseText.substr(match.index, match2.index - match.index); slice = slice.substr(0, slice.length-10); //document.write(encodeURI(slice)) var doc = parseXml(slice); //var coll = doc.all[1].attributes.value; //for(var q in coll) // document.write("" + q + ": " + coll[q] + "
");//.tagName + ":" + coll[i].id + "
" ); var code, css, js; code = css = js = ""; for(var j = 0; j"; } event.target.innerHTML="Load from URL"; }; event.target.innerHTML="Wait..."; xhr.send(); } /*window.onerror=function(messageOrEvent, source, lineno, colno, error) { alert("error..."); return false; }*/

Code/File difference utility (+URL double-barrel autoload)