sherbondy/index.html

## index.html
<html>
<head>
<title>Closure Compiler JS Browser Demo</title>
</head>
<body>

<div>
<textarea id="src" name="" cols="80" rows="10">
// example script
var x = 1;

function square(x) {
  var y = (x*x);
  return y;
}

var z = square(2);
console.log(z);
</textarea>

<button id="compile" onclick="compile_me()">
compile
</button>
</div>

<div id="result" style="border: solid gray;">
// the compilation will appear here
</div>

<script type="text/javascript">

var compiler_worker = new Worker("worker.js");

function compile_me(){
  var result = document.getElementById('result');
  result.innerText = "//compiling...";
  var input_src = document.getElementById("src").value;
  var flags = {
    jsCode: [{src: input_src}],
    env: "CUSTOM",
    compilationLevel: "SIMPLE"
  };
  compiler_worker.postMessage(flags);
}

compiler_worker.onmessage = function(e) {
  console.log("compilation result received from worker.");
  result.innerText = e.data;
}

</script>

</body>
</html>

## worker.js
importScripts('jscomp.js');

onmessage = function(e) {
  console.log("Message received from main script.");
  var flags = e.data;
  var compiled_result = compile(flags);
  console.log("Compilation completed, sending result to main process.");
  postMessage(compiled_result.compiledCode);
}
	<html>
	<head>
	<title>Closure Compiler JS Browser Demo</title>
	</head>
	<body>

	<div>
	<textarea id="src" name="" cols="80" rows="10">
	// example script
	var x = 1;

	function square(x) {
	var y = (x*x);
	return y;
	}

	var z = square(2);
	console.log(z);
	</textarea>

	<button id="compile" onclick="compile_me()">
	compile
	</button>
	</div>

	<div id="result" style="border: solid gray;">
	// the compilation will appear here
	</div>

	<script type="text/javascript">

	var compiler_worker = new Worker("worker.js");

	function compile_me(){
	var result = document.getElementById('result');
	result.innerText = "//compiling...";
	var input_src = document.getElementById("src").value;
	var flags = {
	jsCode: [{src: input_src}],
	env: "CUSTOM",
	compilationLevel: "SIMPLE"
	};
	compiler_worker.postMessage(flags);
	}

	compiler_worker.onmessage = function(e) {
	console.log("compilation result received from worker.");
	result.innerText = e.data;
	}

	</script>

	</body>
	</html>
	importScripts('jscomp.js');

	onmessage = function(e) {
	console.log("Message received from main script.");
	var flags = e.data;
	var compiled_result = compile(flags);
	console.log("Compilation completed, sending result to main process.");
	postMessage(compiled_result.compiledCode);
	}