Support disabling automatic code compilation

index.html

@@ -91,6 +91,7 @@
 						<div class="crow">
 							<label for="editorWrap"><input id="editorWrap" type="checkbox">Text Wrap</label>
 							<label for="optimize"><input id="optimize" type="checkbox">Enable Optimization</label>
+							<label for="autoCompile"><input id="autoCompile" type="checkbox" checked>Auto Compile</label>
 							<button id="compile" title="Compile source code"><i class="fa fa-cog"></i> Compile</button>
 						</div>
 					</div>

src/app.js

@@ -436,6 +436,12 @@ var run = function () {
 
   var renderer = new Renderer(editor, executionContext.web3(), updateFiles, udapp, executionContext, formalVerification.event, compiler.event); // eslint-disable-line
 
+  var autoCompile = document.querySelector('#autoCompile').checked;
+
+  document.querySelector('#autoCompile').addEventListener('change', function () {
+    autoCompile = document.querySelector('#autoCompile').checked;
+  });
+
   var previousInput = '';
   var compileTimeout = null;
 
@@ -449,6 +455,11 @@ var run = function () {
       return;
     }
     previousInput = input;
+
+    if (!autoCompile) {
+      return;
+    }
+
     if (compileTimeout) {
       window.clearTimeout(compileTimeout);
     }