freeCodeCamp/public/js/lib/coursewares/coursewaresJSFramework_0.0.6.js

var widgets = [];
var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("codeEditor"), {
  lineNumbers: true,
  mode: "javascript",
  theme: 'monokai',
  runnable: true,
  lint: true,
  matchBrackets: true,
  autoCloseBrackets: true,
  scrollbarStyle: 'null',
  lineWrapping: true,
  gutters: ["CodeMirror-lint-markers"],
  onKeyEvent: doLinting
});
var editor = myCodeMirror;
editor.setSize("100%", "auto");

// Hijack tab key to enter two spaces intead
editor.setOption("extraKeys", {
  Tab: function(cm) {
    if (cm.somethingSelected()){
      cm.indentSelection("add");
    } else {
      var spaces = Array(cm.getOption("indentUnit") + 1).join(" ");
      cm.replaceSelection(spaces);
    }
  },
  "Shift-Tab": function(cm) {
    if (cm.somethingSelected()){
      cm.indentSelection("subtract");
    } else {
      var spaces = Array(cm.getOption("indentUnit") + 1).join(" ");
      cm.replaceSelection(spaces);
    }
  },
  "Ctrl-Enter": function() {
    bonfireExecute();
    return false;
  }
});


/*
	Local Storage Update System By Andrew Cay(Resto)
	localBonfire: singleton object that contains properties and methods related to
		dealing with the localStorage system.
	The keys work off of the variable challenge_name to make unique identifiers per bonfire
	
	Two extra functionalities: 
	Added anonymous version checking system incase of future updates to the system
	Added keyup listener to editor(myCodeMirror) so the last update has been saved to storage
*/
var localBonfire = {
	version: 0.01,
	keyVersion:"saveVersion",
	keyStamp: challenge_Name + 'Stamp',
	keyValue: challenge_Name + 'Val',
	stampExpireTime: (1000 *60) *60 *24,
	updateWait: 1500,// 1.5 seconds
	updateTimeoutId: null
};
localBonfire.getEditorValue = function(){
	return localStorage.getItem(localBonfire.keyValue);
};
localBonfire.getStampTime = function(){
	//localstorage always saves as strings.
	return Number.parseInt( localStorage.getItem(localBonfire.keyStamp) );
};
localBonfire.isAlive = function(){// returns true if IDE was edited within expire time
	return ( Date.now() - localBonfire.getStampTime() < localBonfire.stampExpireTime );
};
localBonfire.updateStorage = function(){
	if(typeof(Storage) !== undefined) {
		var stamp = Date.now(),
			value = editor.getValue();
		localStorage.setItem(localBonfire.keyValue, value);
		localStorage.setItem(localBonfire.keyStamp, stamp);
	} else {
		if( debugging ){
			console.log('no web storage');
		}
	}
	localBonfire.updateTimeoutId = null;
	console.log('updated!');
};
// ANONYMOUS 1 TIME UPDATE VERSION
(function(){
	var savedVersion = localStorage.getItem('saveVersion');
	if( savedVersion === null ){
		localStorage.setItem(localBonfire.keyVersion, localBonfire.version);//just write current version
	}else{
		//do checking if not current version
		if( savedVersion !== localBonfire.version ){
			//update version
		}
	}
})();

editor.on('keyup', function(codMir, event){ 
	window.clearTimeout(localBonfire.updateTimeoutId);
	localBonfire.updateTimeoutId = window.setTimeout(localBonfire.updateStorage, localBonfire.updateWait);
});

var attempts = 0;
if (attempts) {
  attempts = 0;
}


var codeOutput = CodeMirror.fromTextArea(document.getElementById("codeOutput"), {
  lineNumbers: false,
  mode: "text",
  theme: 'monokai',
  readOnly: 'nocursor',
  lineWrapping: true
});

codeOutput.setValue('/**\n' +
  ' * Your output will go here.\n' + ' * Console.log() -type statements\n' +
  ' * will appear in your browser\'s\n' + ' * DevTools JavaScript console.\n' +
  ' */');
codeOutput.setSize("100%", "100%");
var info = editor.getScrollInfo();
var after = editor.charCoords({line: editor.getCursor().line + 1, ch: 0}, "local").top;
if (info.top + info.clientHeight < after)
  editor.scrollTo(null, after - info.clientHeight + 3);

var editorValue;


var challengeSeed = challengeSeed || null;
var tests = tests || [];


var allSeeds = '';
(function() {
  challengeSeed.forEach(function(elem) {
	allSeeds += elem + '\n';
  });
})();

editorValue = (localBonfire.isAlive())? localBonfire.getEditorValue() : allSeeds;

myCodeMirror.setValue(editorValue);

function doLinting () {
  editor.operation(function () {
    for (var i = 0; i < widgets.length; ++i)
      editor.removeLineWidget(widgets[i]);
    widgets.length = 0;
    JSHINT(editor.getValue());
    for (var i = 0; i < JSHINT.errors.length; ++i) {
      var err = JSHINT.errors[i];
      if (!err) continue;
      var msg = document.createElement("div");
      var icon = msg.appendChild(document.createElement("span"));
      icon.innerHTML = "!!";
      icon.className = "lint-error-icon";
      msg.appendChild(document.createTextNode(err.reason));
      msg.className = "lint-error";
      widgets.push(editor.addLineWidget(err.line - 1, msg, {
        coverGutter: false,
        noHScroll: true
      }));
    }
  });
};

$('#submitButton').on('click', function () {
  bonfireExecute();
});

function bonfireExecute() {
  attempts++;
  ga('send', 'event',  'Challenge', 'ran-code', challenge_Name);
  userTests= null;
  $('#codeOutput').empty();
  var userJavaScript = myCodeMirror.getValue();
  userJavaScript = removeComments(userJavaScript);
  userJavaScript = scrapeTests(userJavaScript);
  // simple fix in case the user forgets to invoke their function

  submit(userJavaScript, function(cls, message) {
    if (cls) {
      codeOutput.setValue(message.error);
      runTests('Error', null);
    } else {
      codeOutput.setValue(message.output);
      message.input = removeLogs(message.input);
      runTests(null, message);
    }
  });
}


var userTests;
var testSalt = Math.random();


var scrapeTests = function(userJavaScript) {

  // insert tests from mongo
  for (var i = 0; i < tests.length; i++) {
    userJavaScript += '\n' + tests[i];
  }

  var counter = 0;
  var regex = new RegExp(/(expect(\s+)?\(.*\;)|(assert(\s+)?\(.*\;)|(assert\.\w.*\;)|(.*\.should\..*\;)/);
  var match = regex.exec(userJavaScript);
  while (match != null) {
    var replacement = '//' + counter + testSalt;
    userJavaScript = userJavaScript.substring(0, match.index) + replacement + userJavaScript.substring(match.index + match[0].length);

    if (!userTests) {
      userTests= [];
    }
    userTests.push({"text": match[0], "line": counter, "err": null});
    counter++;
    match = regex.exec(userJavaScript);
  }

  return userJavaScript;
};

function removeComments(userJavaScript) {
  var regex = new RegExp(/(\/\*[^(\*\/)]*\*\/)|\/\/[^\n]*/g);
  return userJavaScript.replace(regex, '');
}

function removeLogs(userJavaScript) {
  return userJavaScript.replace(/(console\.[\w]+\s*\(.*\;)/g, '');
}

var pushed = false;
var createTestDisplay = function() {
  if (pushed) {
    userTests.pop();
  }
  for (var i = 0; i < userTests.length;i++) {
    var test = userTests[i];
    var testDoc = document.createElement("div");
    if (test.err != null) {
      console.log('Should be displaying bad tests');
      $(testDoc)
        .html("<div class='row'><div class='col-xs-2 text-center'><i class='ion-close-circled big-error-icon'></i></div><div class='col-xs-10 test-output wrappable test-vertical-center grayed-out-test-output'>" + test.text + "</div><div class='col-xs-10 test-output wrappable'>" + test.err + "</div></div><div class='ten-pixel-break'/>")
        .appendTo($('#testSuite'));
    } else {
      $(testDoc)
        .html("<div class='row'><div class='col-xs-2 text-center'><i class='ion-checkmark-circled big-success-icon'></i></div><div class='col-xs-10 test-output test-vertical-center wrappable grayed-out-test-output'>" + test.text + "</div></div><div class='ten-pixel-break'/>")
        .appendTo($('#testSuite'));
    }
  };
};

var expect = chai.expect;
var assert = chai.assert;
var should = chai.should();


var reassembleTest = function(test, data) {
  var lineNum = test.line;
  var regexp = new RegExp("\/\/" + lineNum + testSalt);
  return data.input.replace(regexp, test.text);
};

var runTests = function(err, data) {
  var allTestsPassed = true;
  pushed = false;
  $('#testSuite').children().remove();
  if (err && userTests.length > 0) {
    userTests= [{text:"Program Execution Failure", err: "No user tests were run."}];
    createTestDisplay();
  } else if (userTests) {
    userTests.push(false);
    pushed = true;
    userTests.forEach(function(test, ix, arr){
      try {
        if (test) {
          var output = eval(reassembleTest(test, data));
        }
      } catch(error) {
        allTestsPassed = false;
        arr[ix].err = error.message;
      } finally {
        if (!test) {
          createTestDisplay();
        }
      }
    });

    if (allTestsPassed) {
      allTestsPassed = false;
      showCompletion();
    }

  }
};

function showCompletion() {
  var time = Math.floor(Date.now()) - started;
  ga('send', 'event',  'Challenge', 'solved', challenge_Name + ', Time: ' + time +', Attempts: ' + attempts);
  var bonfireSolution = myCodeMirror.getValue();
  var didCompleteWith = $('#completed-with').val() || null;
  $.post(
    '/completed-bonfire/',
    {
      challengeInfo: {
        challengeId: challenge_Id,
        challengeName: challenge_Name,
        completedWith: didCompleteWith,
        challengeType: challengeType,
        solution: bonfireSolution
      }
    }, function(res) {
      if (res) {
        $('#complete-courseware-dialog').modal('show');
        $('#complete-courseware-dialog').keydown(function (e) {
          if (e.ctrlKey && e.keyCode == 13) {
            $('#next-courseware-button').click();
          }
        });
      }
    }
  );

}