Extracted application code and created chrome extension manifest.

README.md

@@ -44,3 +44,8 @@ In order to allow compiling contracts using a specific version of solidity, the
 	// getting a legacy version
 	var solcV011 = solc.useVersion( 'v0.1.1-2015-08-04-6ff4cd6' );
 	var output = solcV011.compile( "contract t { function g() {} }", 1 );
+
+#To use it as a chrome extension:
+Browse to chrome://extensions/
+
+Make sure 'Developer mode' has been checked. Then click 'Load unpacked extension...' to pop up a file-selection dialog.

assets/js/app.js

+		var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}};
+
+		$(document).ready(function() {
+
+			// ------------------ gist load ----------------
+
+			function getGistId(str) {
+				var idr = /[0-9A-Fa-f]{8,}/;
+				var match = idr.exec(str)[0];
+				return match;
+			}
+
+			var location_query_params = window.location.search.substr(1).split("=");
+			var loadingFromGist = false;
+			if (location_query_params.indexOf('gist') !== -1 && location_query_params.length >= 2) {
+				var index = location_query_params.indexOf('gist');
+				var gistId;
+				var key = location_query_params[index+1];
+				if (key === '') {
+					var str = prompt("Enter the URL or ID of the Gist you would like to load.");
+					if (str !== '') {
+						gistId = getGistId( str );
+						loadingFromGist = !!gistId;
+					}
+				} else {
+					gistId = getGistId( key );
+					loadingFromGist = !!gistId;
+				}
+				$.ajax({
+					url: 'https://api.github.com/gists/'+gistId,
+					jsonp: 'callback',
+					dataType: 'jsonp',
+					success: function(response){
+						if (response.data) {
+							for (var f in response.data.files) {
+								var key = fileKey(f);
+								var content = response.data.files[f].content;
+								if (key in window.localStorage && window.localStorage[key] != content) {
+									var count = '';
+									var otherKey = key + count;
+									while ((key + count) in window.localStorage) count = count - 1;
+									window.localStorage[key + count] = window.localStorage[key];
+								}
+								window.localStorage[key] = content;
+							}
+							SOL_CACHE_FILE = fileKey(Object.keys(response.data.files)[0]);
+							updateFiles();
+						}
+					}
+				});
+			}
+
+
+
+			// ----------------- editor ----------------------
+
+			var SOL_CACHE_FILE_PREFIX = 'sol-cache-file-';
+			var SOL_CACHE_UNTITLED = SOL_CACHE_FILE_PREFIX + 'Untitled';
+			var SOL_CACHE_FILE = null;
+
+			var editor = ace.edit("input");
+			var session = editor.getSession();
+			var Range = ace.require('ace/range').Range;
+			var errMarkerId = null;
+
+			var untitledCount = '';
+			if (!getFiles().length || window.localStorage['sol-cache']) {
+				if(loadingFromGist) return;
+				// Backwards-compatibility     
+				while (window.localStorage[SOL_CACHE_UNTITLED + untitledCount])
+					untitledCount = (untitledCount - 0) + 1;
+				SOL_CACHE_FILE = SOL_CACHE_UNTITLED + untitledCount;
+				window.localStorage[SOL_CACHE_FILE] = window.localStorage['sol-cache'] || BALLOT_EXAMPLE;
+				window.localStorage.removeItem('sol-cache');
+			}
+
+			SOL_CACHE_FILE = getFiles()[0];
+
+			editor.setValue( window.localStorage[SOL_CACHE_FILE], -1);
+			editor.resize(true);
+			session.setMode("ace/mode/javascript");
+			session.setTabSize(4);
+			session.setUseSoftTabs(true);
+
+
+
+			// ----------------- tabbed menu -------------------
+
+			$('#options li').click(function(ev){
+				var $el = $(this);
+				var cls = /[a-z]+View/.exec( $el.get(0).className )[0];
+				if (!$el.hasClass('active')) {
+					$el.parent().find('li').removeClass('active');
+					$('#optionViews').attr('class', '').addClass(cls);
+					$el.addClass('active');
+				} else {
+					$el.removeClass('active');
+					$('#optionViews').removeClass(cls);
+				}
+			});
+
+			// ----------------- execution context -------------
+
+			var $vmToggle = $('#vm');
+			var $web3Toggle = $('#web3');
+			var $web3endpoint = $('#web3Endpoint');
+
+			if (typeof web3 !== 'undefined')
+			{
+				if (web3.providers && web3.currentProvider instanceof web3.providers.IpcProvider)
+					$web3endpoint.val('ipc');
+				web3 = new Web3(web3.currentProvider);
+			} else
+				web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:8545"));
+
+			var executionContext = 'vm';
+			$vmToggle.get(0).checked = true;
+
+			$vmToggle.on('change', executionContextChange );
+			$web3Toggle.on('change', executionContextChange );
+			$web3endpoint.on('change', function() {
+				var endpoint = $web3endpoint.val();
+				if (endpoint == 'ipc')
+					web3.setProvider(new Web3.providers.IpcProvider());
+				else
+					web3.setProvider(new Web3.providers.HttpProvider(endpoint));
+				compile();
+			});
+
+			function executionContextChange (ev) {
+				if (ev.target.value == 'web3' && !confirm("Are you sure you want to connect to a local ethereum node?") ) {
+					$vmToggle.get(0).checked = true;
+					executionContext = 'vm';
+				} else executionContext = ev.target.value;
+				compile();
+			}
+
+
+
+			// ------------------ gist publish --------------
+
+			$('#gist').click(function(){
+				if (confirm("Are you sure you want to publish all your files anonymously as a public gist on github.com?")) {
+												   
+					var files = {};
+					var filesArr = getFiles();
+					var description = "Created using soleditor: Realtime Ethereum Contract Compiler and Runtime. Load this file by pasting this gists URL or ID at https://chriseth.github.io/browser-solidity/?gist=";
+					
+					for(var f in filesArr) {
+						files[fileNameFromKey(filesArr[f])] = {
+							content: localStorage[filesArr[f]]
+						};
+					}
+
+					$.ajax({ 
+						url: 'https://api.github.com/gists',
+						type: 'POST',
+						data: JSON.stringify({
+							description: description,
+							public: true,
+							files: files
+						})
+					}).done(function(response) {
+						if (response.html_url && confirm("Created a gist at " + response.html_url + " Would you like to open it in a new window?")) {
+							window.open( response.html_url, '_blank' );
+						}
+					});
+				}
+			});
+
+
+			// ----------------- file selector-------------
+			var $filesEl = $('#files');
+			$filesEl.on('click','.newFile', function() {
+				while (window.localStorage[SOL_CACHE_UNTITLED + untitledCount])
+					untitledCount = (untitledCount - 0) + 1;
+				SOL_CACHE_FILE = SOL_CACHE_UNTITLED + untitledCount;
+				window.localStorage[SOL_CACHE_FILE] = '';
+				updateFiles();
+			});
+
+			$filesEl.on('click', '.file:not(.active)', showFileHandler);
+
+			$filesEl.on('click', '.file.active', function(ev) {
+				var $fileTabEl = $(this);
+				var originalName = $fileTabEl.find('.name').text();
+				ev.preventDefault();
+				if ($(this).find('input').length > 0) return false;
+				var $fileNameInputEl = $('<input value="'+originalName+'"/>');
+				$fileTabEl.html($fileNameInputEl);
+				$fileNameInputEl.focus();
+				$fileNameInputEl.select();
+				$fileNameInputEl.on('blur', handleRename);
+				$fileNameInputEl.keyup(handleRename);
+
+				function handleRename(ev) {
+					ev.preventDefault();
+					if (ev.which && ev.which !== 13) return false;
+					var newName = ev.target.value;
+					$fileNameInputEl.off('blur');
+					$fileNameInputEl.off('keyup');
+
+					if (newName !== originalName && confirm("Are you sure you want to rename: " + originalName + " to " + newName + '?')) {
+						var content = window.localStorage.getItem( fileKey(originalName) );
+						window.localStorage[fileKey( newName )] = content;
+						window.localStorage.removeItem( fileKey( originalName) );
+						SOL_CACHE_FILE = fileKey( newName );
+					}
+
+					updateFiles();
+					return false;
+				}
+
+				return false;
+			})
+
+			$filesEl.on('click', '.file .remove', function(ev) {
+				ev.preventDefault();
+				var name = $(this).parent().find('.name').text();
+				var index = getFiles().indexOf( fileKey(name) );
+
+				if (confirm("Are you sure you want to remove: " + name + " from local storage?")) {
+					window.localStorage.removeItem( fileKey( name ) );
+					SOL_CACHE_FILE = getFiles()[ Math.max(0, index - 1)];
+					updateFiles();
+				}
+				return false;
+			});
+
+			function showFileHandler(ev) {
+				ev.preventDefault();
+				SOL_CACHE_FILE = fileKey( $(this).find('.name').text() );
+				updateFiles();
+				return false;
+			}
+
+			function fileTabFromKey(key) {
+				var name = fileNameFromKey(key);
+				return $('#files .file').filter(function(){ return $(this).find('.name').text() == name; });
+			}
+
+
+			function updateFiles() {
+				var $filesEl = $('#files');
+				var files = getFiles();
+
+				$filesEl.find('.file').remove();
+
+				for (var f in files) {
+					$filesEl.append(fileTabTemplate(files[f]));
+				}
+				
+				if (SOL_CACHE_FILE) {
+					var active = fileTabFromKey(SOL_CACHE_FILE);
+					active.addClass('active');
+					editor.setValue( window.localStorage[SOL_CACHE_FILE] || '', -1);
+					editor.focus();
+				}
+				$('#input').toggle( !!SOL_CACHE_FILE );
+				$('#output').toggle( !!SOL_CACHE_FILE );
+			}
+
+			function fileTabTemplate(key) {
+				var name = fileNameFromKey(key);
+				return $('<span class="file"><span class="name">'+name+'</span><span class="remove"><i class="fa fa-close"></i></span></span>');
+			}
+
+			function fileKey( name ) {
+				return SOL_CACHE_FILE_PREFIX + name;
+			}
+
+			function fileNameFromKey(key) {
+				return key.replace( SOL_CACHE_FILE_PREFIX, '' );
+			}
+
+			function getFiles() {
+				var files = [];
+				for (var f in localStorage ) {
+					if (f.indexOf( SOL_CACHE_FILE_PREFIX, 0 ) === 0) {
+						files.push(f);
+					}
+				}
+				return files;
+			}
+
+			updateFiles();
+
+			// ----------------- version selector-------------
+
+			// var soljsonSources is provided by bin/list.js
+			$('option', '#versionSelector').remove();
+			$.each(soljsonSources, function(i, file) {
+				if (file) {
+					var version = file.replace(/soljson-(.*).js/, "$1");
+					$('#versionSelector').append(new Option(version, file));
+				}
+			});
+			$('#versionSelector').change(function() {
+				loadVersion($('#versionSelector').val());
+			});
+			
+			// ----------------- resizeable ui ---------------
+			
+			var EDITOR_SIZE_CACHE_KEY = "editor-size-cache";
+			var dragging = false;
+			$('#dragbar').mousedown(function(e){
+				e.preventDefault();
+				dragging = true;
+				var main = $('#righthand-panel');
+				var ghostbar = $('<div id="ghostbar">', {
+					css: {
+						top: main.offset().top,
+						left: main.offset().left
+					}
+				}).prependTo('body');
+
+				$(document).mousemove(function(e){
+					ghostbar.css("left",e.pageX+2);
+				});
+			});
+
+			var $body = $('body');
+
+			function setEditorSize (delta) {
+				$('#righthand-panel').css("width", delta);
+				$('#editor').css("right", delta);
+				onResize();
+			}
+
+			function getEditorSize(){
+				window.localStorage[EDITOR_SIZE_CACHE_KEY] = $('#righthand-panel').width();
+			}
+
+			$(document).mouseup(function(e){
+				if (dragging) {
+					var delta = $body.width() - e.pageX+2;
+					$('#ghostbar').remove();
+					$(document).unbind('mousemove');
+					dragging = false;
+					setEditorSize(delta);
+					window.localStorage.setItem(EDITOR_SIZE_CACHE_KEY, delta);
+				}
+			});
+
+			// set cached defaults
+			var cachedSize = window.localStorage.getItem(EDITOR_SIZE_CACHE_KEY);
+			if (cachedSize) setEditorSize(cachedSize);
+			else getEditorSize();
+
+
+			// ----------------- toggle right hand panel -----------------
+
+			var hidingRHP = false;
+			$('.toggleRHP').click(function(){
+			   hidingRHP = !hidingRHP;
+			   setEditorSize( hidingRHP ? 0 : window.localStorage[EDITOR_SIZE_CACHE_KEY] );
+			   $('.toggleRHP').toggleClass('hiding', hidingRHP);
+			   if (!hidingRHP) compile();
+			});
+			
+
+			// ----------------- editor resize ---------------
+
+			function onResize() {
+				editor.resize();
+				session.setUseWrapMode(document.querySelector('#editorWrap').checked);
+				if(session.getUseWrapMode()) {
+					var characterWidth = editor.renderer.characterWidth;
+					var contentWidth = editor.container.ownerDocument.getElementsByClassName("ace_scroller")[0].clientWidth;
+
+					if(contentWidth > 0) {
+						session.setWrapLimit(parseInt(contentWidth / characterWidth, 10));
+					}
+				}
+			}
+			window.onresize = onResize;
+			onResize();
+
+			document.querySelector('#editor').addEventListener('change', onResize);
+			document.querySelector('#editorWrap').addEventListener('change', onResize);
+			
+
+			// ----------------- compiler ----------------------
+			var compileJSON;
+			var compilerAcceptsMultipleFiles;
+
+			var previousInput = '';
+			var sourceAnnotations = [];
+			var compile = function(missingInputs) {
+				editor.getSession().clearAnnotations();
+				sourceAnnotations = [];
+				editor.getSession().removeMarker(errMarkerId);
+				$('#output').empty();
+				var input = editor.getValue();
+				window.localStorage.setItem(SOL_CACHE_FILE, input);
+
+				var files = {};
+				files[fileNameFromKey(SOL_CACHE_FILE)] = input;
+				gatherImports(files, missingInputs, function(input, error) {
+					$('#output').empty();
+					if (input === null) {
+						renderError(error);
+					} else {
+						var optimize = document.querySelector('#optimize').checked;
+						compileJSON(input, optimize ? 1 : 0);
+					}
+				});
+			};
+			var compilationFinished = function(result, missingInputs) {
+				var data = $.parseJSON(result);
+				var noFatalErrors = true; // ie warnings are ok
+
+				if (data['error'] !== undefined) {
+					renderError(data['error']);
+					if (errortype(data['error']) !== 'warning') noFatalErrors = false;
+				}
+				if (data['errors'] != undefined) {
+					$.each(data['errors'], function(i, err) {
+						renderError(err);
+						if (errortype(err) !== 'warning') noFatalErrors = false;
+					});
+				}
+			
+				if (missingInputs !== undefined && missingInputs.length > 0)
+					compile(missingInputs);
+				else if (noFatalErrors && !hidingRHP)
+					renderContracts(data, editor.getValue());
+			};
+			
+			var compileTimeout = null;
+			var onChange = function() {
+				var input = editor.getValue();
+				if (input === "") {
+					window.localStorage.setItem(SOL_CACHE_FILE, '');
+					return;
+				}
+				if (input === previousInput)
+					return;
+				previousInput = input;
+				if (compileTimeout) window.clearTimeout(compileTimeout);
+				compileTimeout = window.setTimeout(compile, 300);
+			};
+
+			var onCompilerLoaded = function() {
+				if (worker === null) {
+					var compile;
+					var missingInputs = [];
+					if ('_compileJSONCallback' in Module) {
+						compilerAcceptsMultipleFiles = true;
+						var missingInputsCallback = Module.Runtime.addFunction(function(path, contents, error) {
+							missingInputs.push(Module.Pointer_stringify(path));
+						});
+						var compileInternal = Module.cwrap("compileJSONCallback", "string", ["string", "number", "number"]);
+						compile = function(input, optimize) {
+							missingInputs.length = 0;
+							return compileInternal(input, optimize, missingInputsCallback);
+						};
+					} else if ('_compileJSONMulti' in Module) {
+						compilerAcceptsMultipleFiles = true;
+						compile = Module.cwrap("compileJSONMulti", "string", ["string", "number"]);
+					} else {
+						compilerAcceptsMultipleFiles = false;
+						compile = Module.cwrap("compileJSON", "string", ["string", "number"]);
+					}
+					compileJSON = function(source, optimize, cb) {
+						try {
+							var result = compile(source, optimize);
+						} catch (exception) {
+							result = JSON.stringify({error: 'Uncaught JavaScript exception:\n' + exception});
+						}
+						compilationFinished(result, missingInputs);
+					};
+					$('#version').text(Module.cwrap("version", "string", [])());
+				}
+				previousInput = '';
+				onChange();
+			};
+
+			var cachedRemoteFiles = {};
+			function gatherImports(files, importHints, cb) {
+				importHints = importHints || [];
+				if (!compilerAcceptsMultipleFiles)
+				{
+					cb(files[fileNameFromKey(SOL_CACHE_FILE)]);
+					return;
+				}
+				var importRegex = /import\s[\'\"]([^\'\"]+)[\'\"];/g;
+				var reloop = false;
+				do {
+					reloop = false;
+					for (var fileName in files) {
+						var match;
+						while (match = importRegex.exec(files[fileName]))
+							importHints.push(match[1]);
+					}
+					while (importHints.length > 0) {
+						var m = importHints.pop();
+						if (m in files) continue;
+						if (getFiles().indexOf(fileKey(m)) !== -1) {
+							files[m] = window.localStorage[fileKey(m)];
+							reloop = true;
+						} else if (m in cachedRemoteFiles) {
+							files[m] = cachedRemoteFiles[m];
+							reloop = true;
+						} else if (githubMatch = /^(https?:\/\/)?(www.)?github.com\/([^\/]*\/[^\/]*)\/(.*)/.exec(m)) {
+							$('#output').append($('<div/>').append($('<pre/>').text("Loading github.com/" + githubMatch[3] + " ...")));
+							$.getJSON('https://api.github.com/repos/' + githubMatch[3] + '/contents/' + githubMatch[4], function(result) {
+								if ('content' in result)
+								{
+									var content = Base64.decode(result.content);
+									cachedRemoteFiles[m] = content;
+									files[m] = content;
+									gatherImports(files, importHints, cb);
+								}
+								else
+									cb(null, "Unable to import \"" + m + "\"");
+							}).fail(function(){
+								cb(null, "Unable to import \"" + m + "\"");
+							});
+							return;
+						} else {
+							cb(null, "Unable to import \"" + m + "\"");
+							return;
+						}
+					}
+				} while (reloop);
+				cb(JSON.stringify({'sources':files}));
+			}
+
+			var initializeWorker = function() {
+				if (worker !== null)
+					worker.terminate();
+				worker = new Worker('worker.js');
+				worker.addEventListener('message', function(msg) {
+					var data = msg.data;
+					switch (data.cmd) {
+					case 'versionLoaded':
+						$('#version').text(data.data);
+						compilerAcceptsMultipleFiles = !!data.acceptsMultipleFiles;
+						onCompilerLoaded();
+						break;
+					case 'compiled':
+						compilationFinished(data.data, data.missingInputs);
+						break;
+					};
+				});
+				worker.onerror = function(msg) { console.log(msg.data); };
+				worker.addEventListener('error', function(msg) { console.log(msg.data); });
+				compileJSON = function(source, optimize) {
+					worker.postMessage({cmd: 'compile', source: source, optimize: optimize});
+				};
+			};
+			var worker = null;
+			var loadVersion = function(version) {
+				$('#version').text("(loading)");
+				var isFirefox = typeof InstallTrigger !== 'undefined';
+				if (document.location.protocol != 'file:' && Worker !== undefined && isFirefox) {
+					// Workers cannot load js on "file:"-URLs and we get a
+					// "Uncaught RangeError: Maximum call stack size exceeded" error on Chromium,
+					// resort to non-worker version in that case.
+					initializeWorker();
+					worker.postMessage({cmd: 'loadVersion', data: 'bin/' + version});
+				} else {
+					Module = null;
+					compileJSON = function(source, optimize) { compilationFinished('{}'); };
+					var newScript = document.createElement('script');
+					newScript.type = 'text/javascript';
+					newScript.src = 'bin/' + version;
+					document.getElementsByTagName("head")[0].appendChild(newScript);
+					var check = window.setInterval(function() {
+						if (!Module) return;
+						window.clearInterval(check);
+						onCompilerLoaded();
+					}, 200);
+				}
+			};
+			loadVersion('soljson-latest.js');
+
+			editor.getSession().on('change', onChange);
+
+			document.querySelector('#optimize').addEventListener('change', compile);
+
+			// ----------------- compiler output renderer ----------------------
+			var detailsOpen = {};
+
+			function errortype(message) {
+				return message.match(/^.*:[0-9]*:[0-9]* Warning: /) ? 'warning' : 'error';
+			}
+
+			var renderError = function(message) {
+				var type = errortype(message);
+				var $pre = $("<pre />").text(message);
+				var $error = $('<div class="sol ' + type + '"><div class="close"><i class="fa fa-close"></i></div></div>').prepend($pre);
+				$('#output').append( $error );
+				var err = message.match(/^([^:]*):([0-9]*):(([0-9]*):)? /);
+				if (err) {
+					var errFile = err[1];
+					var errLine = parseInt(err[2], 10) - 1;
+					var errCol = err[4] ? parseInt(err[4], 10) : 0;
+					if (errFile == '' || errFile == fileNameFromKey(SOL_CACHE_FILE)) {
+						sourceAnnotations[sourceAnnotations.length] = {
+							row: errLine,
+							column: errCol,
+							text: message,
+							type: type
+						};
+						editor.getSession().setAnnotations(sourceAnnotations);
+					}
+					$error.click(function(ev){
+						if (errFile != '' && errFile != fileNameFromKey(SOL_CACHE_FILE) && getFiles().indexOf(fileKey(errFile)) !== -1) {
+							// Switch to file
+							SOL_CACHE_FILE = fileKey(errFile);
+							updateFiles();
+							//@TODO could show some error icon in files with errors
+						}
+						editor.focus();
+						editor.gotoLine(errLine + 1, errCol - 1, true);
+					});
+					$error.find('.close').click(function(ev){
+						ev.preventDefault();
+						$error.remove();
+						return false;
+					});
+				}
+			};
+
+			var gethDeploy = function(contractName, interface, bytecode){
+				var code = "";
+				var funABI = getConstructorInterface($.parseJSON(interface));
+
+				$.each(funABI.inputs, function(i, inp) {
+					code += "var " + inp.name + " = /* var of type " + inp.type + " here */ ;\n";
+				});
+
+				code += "var " + contractName + "Contract = web3.eth.contract(" + interface.replace("\n","") + ");"
+					+"\nvar " + contractName + " = " + contractName + "Contract.new(";
+				
+				$.each(funABI.inputs, function(i, inp) {
+					code += "\n   " + inp.name + ",";
+				});
+							
+				code += "\n   {"+
+				"\n     from: web3.eth.accounts[0], "+
+				"\n     data: '"+bytecode+"', "+
+				"\n     gas: 3000000"+
+				"\n   }, function(e, contract){"+
+				"\n    console.log(e, contract);"+
+				"\n    if (typeof contract.address != 'undefined') {"+            
+				"\n         console.log('Contract mined! address: ' + contract.address + ' transactionHash: ' + contract.transactionHash);" +
+				"\n    }" +
+				"\n })";
+
+
+				return code;
+			};
+
+			var combined = function(contractName, interface, bytecode){
+				return JSON.stringify([{name: contractName, interface: interface, bytecode: bytecode}]);
+			};
+
+			var renderContracts = function(data, source) {
+				var udappContracts = [];
+				for (var contractName in data.contracts) {
+					var contract = data.contracts[contractName];
+					udappContracts.push({
+						name: contractName,
+						interface: contract['interface'],
+						bytecode: contract.bytecode
+					});
+				}
+				var dapp = new UniversalDApp(udappContracts, {
+					vm: executionContext === 'vm',
+					removable: false,
+					getAddress: function(){ return $('#txorigin').val(); },
+					removable_instances: true,
+					renderOutputModifier: function(contractName, $contractOutput) {
+						var contract = data.contracts[contractName];
+						return $contractOutput
+							.append(textRow('Bytecode', contract.bytecode))
+							.append(textRow('Interface', contract['interface']))
+							.append(textRow('Web3 deploy', gethDeploy(contractName.toLowerCase(),contract['interface'],contract.bytecode), 'deploy'))
+							.append(textRow('uDApp', combined(contractName,contract['interface'],contract.bytecode), 'deploy'))
+							.append(getDetails(contract, source, contractName));
+					}});
+				var $contractOutput = dapp.render();
+
+
+				$txOrigin = $('#txorigin');
+				if (executionContext === 'vm') {
+					$txOrigin.empty();
+					var addr = '0x' + dapp.address.toString('hex');
+					$txOrigin.val(addr);
+					$txOrigin.append($('<option />').val(addr).text(addr));
+				} else web3.eth.getAccounts(function(err, accounts) {
+					if (err)
+						renderError(err.message);
+					if (accounts && accounts[0]){
+						$txOrigin.empty();
+						for( var a in accounts) { $txOrigin.append($('<option />').val(accounts[a]).text(accounts[a])); }
+						$txOrigin.val(accounts[0]);
+					} else $txOrigin.val('unknown');	
+				});
+
+				$contractOutput.find('.title').click(function(ev){ $(this).closest('.contract').toggleClass('hide'); });
+				$('#output').append( $contractOutput );
+				$('.col2 input,textarea').click(function() { this.select(); });
+			};
+			var tableRowItems = function(first, second, cls) {
+				return $('<div class="row"/>')
+					.addClass(cls)
+					.append($('<div class="col1">').append(first))
+					.append($('<div class="col2">').append(second));
+			};
+			var tableRow = function(description, data) {
+				return tableRowItems(
+					$('<span/>').text(description),
+					$('<input readonly="readonly"/>').val(data));
+			};
+			var textRow = function(description, data, cls) {
+				return tableRowItems(
+					$('<strong/>').text(description),
+					$('<textarea readonly="readonly" class="gethDeployText"/>').val(data),
+					cls);
+			};
+			var getDetails = function(contract, source, contractName) {
+				var button = $('<button>Toggle Details</button>');
+				var details = $('<div style="display: none;"/>')
+					.append(tableRow('Solidity Interface', contract.solidity_interface))
+					.append(tableRow('Opcodes', contract.opcodes));
+				var funHashes = '';
+				for (var fun in contract.functionHashes)
+					funHashes += contract.functionHashes[fun] + ' ' + fun + '\n';
+				details.append($('<span class="col1">Functions</span>'));
+				details.append($('<pre/>').text(funHashes));
+				details.append($('<span class="col1">Gas Estimates</span>'));
+				details.append($('<pre/>').text(formatGasEstimates(contract.gasEstimates)));
+				if (contract.runtimeBytecode && contract.runtimeBytecode.length > 0)
+					details.append(tableRow('Runtime Bytecode', contract.runtimeBytecode));
+				if (contract.assembly !== null)
+				{
+					details.append($('<span class="col1">Assembly</span>'));
+					var assembly = $('<pre/>').text(formatAssemblyText(contract.assembly, '', source));
+					details.append(assembly);
+				}
+				button.click(function() { detailsOpen[contractName] = !detailsOpen[contractName]; details.toggle(); });
+				if (detailsOpen[contractName])
+					details.show();
+				return $('<div class="contractDetails"/>').append(button).append(details);
+			};
+			var formatGasEstimates = function(data) {
+				var gasToText = function(g) { return g === null ? 'unknown' : g; }
+				var text = '';
+				if ('creation' in data)
+					text += 'Creation: ' + gasToText(data.creation[0]) + ' + ' + gasToText(data.creation[1]) + '\n';
+				text += 'External:\n';
+				for (var fun in data.external)
+					text += '  ' + fun + ': ' + gasToText(data.external[fun]) + '\n';
+				text += 'Internal:\n';
+				for (var fun in data.internal)
+					text += '  ' + fun + ': ' + gasToText(data.internal[fun]) + '\n';
+				return text;
+			};
+			var formatAssemblyText = function(asm, prefix, source) {
+				if (typeof(asm) == typeof('') || asm === null || asm === undefined)
+					return prefix + asm + '\n';
+				var text = prefix + '.code\n';
+				$.each(asm['.code'], function(i, item) {
+					var v = item.value === undefined ? '' : item.value;
+					var src = '';
+					if (item.begin !== undefined && item.end != undefined)
+						src = source.slice(item.begin, item.end).replace('\n', '\\n', 'g');
+					if (src.length > 30)
+						src = src.slice(0, 30) + '...';
+					if (item.name != 'tag')
+						text += '  ';
+					text += prefix + item.name + ' ' + v + '\t\t\t' + src +  '\n';
+				});
+				text += prefix + '.data\n';
+				if (asm['.data'])
+					$.each(asm['.data'], function(i, item) {
+						text += '  ' + prefix + '' + i + ':\n';
+						text += formatAssemblyText(item, prefix + '    ', source);
+					});
+
+				return text;
+			};
+			
+			$('.asmOutput button').click(function() {$(this).parent().find('pre').toggle(); });
+
+			var getConstructorInterface = function(abi) {
+				var funABI = {'name':'','inputs':[],'type':'constructor','outputs':[]};
+				for (var i = 0; i < abi.length; i++)
+					if (abi[i].type == 'constructor') {
+						funABI.inputs = abi[i].inputs || [];
+						break;
+					}
+				return funABI;
+			};
+
+		});
\ No newline at end of file

background.js

+chrome.browserAction.onClicked.addListener(function(tab) {
+  chrome.tabs.create({'url': chrome.extension.getURL('index.html')}, function(tab) {
+    // tab opened
+  });
+});

index.html

@@ -120,812 +120,7 @@
 			</div>
 			<div id="output"></div>
 		</div>
-
 		
-
-		<script>
-
-		var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}};
-
-		$(document).ready(function() {
-
-			// ------------------ gist load ----------------
-
-			function getGistId(str) {
-				var idr = /[0-9A-Fa-f]{8,}/;
-				var match = idr.exec(str)[0];
-				return match;
-			}
-
-			var location_query_params = window.location.search.substr(1).split("=");
-			var loadingFromGist = false;
-			if (location_query_params.indexOf('gist') !== -1 && location_query_params.length >= 2) {
-				var index = location_query_params.indexOf('gist');
-				var gistId;
-				var key = location_query_params[index+1];
-				if (key === '') {
-					var str = prompt("Enter the URL or ID of the Gist you would like to load.");
-					if (str !== '') {
-						gistId = getGistId( str );
-						loadingFromGist = !!gistId;
-					}
-				} else {
-					gistId = getGistId( key );
-					loadingFromGist = !!gistId;
-				}
-				$.ajax({
-					url: 'https://api.github.com/gists/'+gistId,
-					jsonp: 'callback',
-					dataType: 'jsonp',
-					success: function(response){
-						if (response.data) {
-							for (var f in response.data.files) {
-								var key = fileKey(f);
-								var content = response.data.files[f].content;
-								if (key in window.localStorage && window.localStorage[key] != content) {
-									var count = '';
-									var otherKey = key + count;
-									while ((key + count) in window.localStorage) count = count - 1;
-									window.localStorage[key + count] = window.localStorage[key];
-								}
-								window.localStorage[key] = content;
-							}
-							SOL_CACHE_FILE = fileKey(Object.keys(response.data.files)[0]);
-							updateFiles();
-						}
-					}
-				});
-			}
-
-
-
-			// ----------------- editor ----------------------
-
-			var SOL_CACHE_FILE_PREFIX = 'sol-cache-file-';
-			var SOL_CACHE_UNTITLED = SOL_CACHE_FILE_PREFIX + 'Untitled';
-			var SOL_CACHE_FILE = null;
-
-			var editor = ace.edit("input");
-			var session = editor.getSession();
-			var Range = ace.require('ace/range').Range;
-			var errMarkerId = null;
-
-			var untitledCount = '';
-			if (!getFiles().length || window.localStorage['sol-cache']) {
-				if(loadingFromGist) return;
-				// Backwards-compatibility     
-				while (window.localStorage[SOL_CACHE_UNTITLED + untitledCount])
-					untitledCount = (untitledCount - 0) + 1;
-				SOL_CACHE_FILE = SOL_CACHE_UNTITLED + untitledCount;
-				window.localStorage[SOL_CACHE_FILE] = window.localStorage['sol-cache'] || BALLOT_EXAMPLE;
-				window.localStorage.removeItem('sol-cache');
-			}
-
-			SOL_CACHE_FILE = getFiles()[0];
-
-			editor.setValue( window.localStorage[SOL_CACHE_FILE], -1);
-			editor.resize(true);
-			session.setMode("ace/mode/javascript");
-			session.setTabSize(4);
-			session.setUseSoftTabs(true);
-
-
-
-			// ----------------- tabbed menu -------------------
-
-			$('#options li').click(function(ev){
-				var $el = $(this);
-				var cls = /[a-z]+View/.exec( $el.get(0).className )[0];
-				if (!$el.hasClass('active')) {
-					$el.parent().find('li').removeClass('active');
-					$('#optionViews').attr('class', '').addClass(cls);
-					$el.addClass('active');
-				} else {
-					$el.removeClass('active');
-					$('#optionViews').removeClass(cls);
-				}
-			});
-
-			// ----------------- execution context -------------
-
-			var $vmToggle = $('#vm');
-			var $web3Toggle = $('#web3');
-			var $web3endpoint = $('#web3Endpoint');
-
-			if (typeof web3 !== 'undefined')
-			{
-				if (web3.providers && web3.currentProvider instanceof web3.providers.IpcProvider)
-					$web3endpoint.val('ipc');
-				web3 = new Web3(web3.currentProvider);
-			} else
-				web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:8545"));
-
-			var executionContext = 'vm';
-			$vmToggle.get(0).checked = true;
-
-			$vmToggle.on('change', executionContextChange );
-			$web3Toggle.on('change', executionContextChange );
-			$web3endpoint.on('change', function() {
-				var endpoint = $web3endpoint.val();
-				if (endpoint == 'ipc')
-					web3.setProvider(new Web3.providers.IpcProvider());
-				else
-					web3.setProvider(new Web3.providers.HttpProvider(endpoint));
-				compile();
-			});
-
-			function executionContextChange (ev) {
-				if (ev.target.value == 'web3' && !confirm("Are you sure you want to connect to a local ethereum node?") ) {
-					$vmToggle.get(0).checked = true;
-					executionContext = 'vm';
-				} else executionContext = ev.target.value;
-				compile();
-			}
-
-
-
-			// ------------------ gist publish --------------
-
-			$('#gist').click(function(){
-				if (confirm("Are you sure you want to publish all your files anonymously as a public gist on github.com?")) {
-												   
-					var files = {};
-					var filesArr = getFiles();
-					var description = "Created using soleditor: Realtime Ethereum Contract Compiler and Runtime. Load this file by pasting this gists URL or ID at https://chriseth.github.io/browser-solidity/?gist=";
-					
-					for(var f in filesArr) {
-						files[fileNameFromKey(filesArr[f])] = {
-							content: localStorage[filesArr[f]]
-						};
-					}
-
-					$.ajax({ 
-						url: 'https://api.github.com/gists',
-						type: 'POST',
-						data: JSON.stringify({
-							description: description,
-							public: true,
-							files: files
-						})
-					}).done(function(response) {
-						if (response.html_url && confirm("Created a gist at " + response.html_url + " Would you like to open it in a new window?")) {
-							window.open( response.html_url, '_blank' );
-						}
-					});
-				}
-			});
-
-
-			// ----------------- file selector-------------
-			var $filesEl = $('#files');
-			$filesEl.on('click','.newFile', function() {
-				while (window.localStorage[SOL_CACHE_UNTITLED + untitledCount])
-					untitledCount = (untitledCount - 0) + 1;
-				SOL_CACHE_FILE = SOL_CACHE_UNTITLED + untitledCount;
-				window.localStorage[SOL_CACHE_FILE] = '';
-				updateFiles();
-			});
-
-			$filesEl.on('click', '.file:not(.active)', showFileHandler);
-
-			$filesEl.on('click', '.file.active', function(ev) {
-				var $fileTabEl = $(this);
-				var originalName = $fileTabEl.find('.name').text();
-				ev.preventDefault();
-				if ($(this).find('input').length > 0) return false;
-				var $fileNameInputEl = $('<input value="'+originalName+'"/>');
-				$fileTabEl.html($fileNameInputEl);
-				$fileNameInputEl.focus();
-				$fileNameInputEl.select();
-				$fileNameInputEl.on('blur', handleRename);
-				$fileNameInputEl.keyup(handleRename);
-
-				function handleRename(ev) {
-					ev.preventDefault();
-					if (ev.which && ev.which !== 13) return false;
-					var newName = ev.target.value;
-					$fileNameInputEl.off('blur');
-					$fileNameInputEl.off('keyup');
-
-					if (newName !== originalName && confirm("Are you sure you want to rename: " + originalName + " to " + newName + '?')) {
-						var content = window.localStorage.getItem( fileKey(originalName) );
-						window.localStorage[fileKey( newName )] = content;
-						window.localStorage.removeItem( fileKey( originalName) );
-						SOL_CACHE_FILE = fileKey( newName );
-					}
-
-					updateFiles();
-					return false;
-				}
-
-				return false;
-			})
-
-			$filesEl.on('click', '.file .remove', function(ev) {
-				ev.preventDefault();
-				var name = $(this).parent().find('.name').text();
-				var index = getFiles().indexOf( fileKey(name) );
-
-				if (confirm("Are you sure you want to remove: " + name + " from local storage?")) {
-					window.localStorage.removeItem( fileKey( name ) );
-					SOL_CACHE_FILE = getFiles()[ Math.max(0, index - 1)];
-					updateFiles();
-				}
-				return false;
-			});
-
-			function showFileHandler(ev) {
-				ev.preventDefault();
-				SOL_CACHE_FILE = fileKey( $(this).find('.name').text() );
-				updateFiles();
-				return false;
-			}
-
-			function fileTabFromKey(key) {
-				var name = fileNameFromKey(key);
-				return $('#files .file').filter(function(){ return $(this).find('.name').text() == name; });
-			}
-
-
-			function updateFiles() {
-				var $filesEl = $('#files');
-				var files = getFiles();
-
-				$filesEl.find('.file').remove();
-
-				for (var f in files) {
-					$filesEl.append(fileTabTemplate(files[f]));
-				}
-				
-				if (SOL_CACHE_FILE) {
-					var active = fileTabFromKey(SOL_CACHE_FILE);
-					active.addClass('active');
-					editor.setValue( window.localStorage[SOL_CACHE_FILE] || '', -1);
-					editor.focus();
-				}
-				$('#input').toggle( !!SOL_CACHE_FILE );
-				$('#output').toggle( !!SOL_CACHE_FILE );
-			}
-
-			function fileTabTemplate(key) {
-				var name = fileNameFromKey(key);
-				return $('<span class="file"><span class="name">'+name+'</span><span class="remove"><i class="fa fa-close"></i></span></span>');
-			}
-
-			function fileKey( name ) {
-				return SOL_CACHE_FILE_PREFIX + name;
-			}
-
-			function fileNameFromKey(key) {
-				return key.replace( SOL_CACHE_FILE_PREFIX, '' );
-			}
-
-			function getFiles() {
-				var files = [];
-				for (var f in localStorage ) {
-					if (f.indexOf( SOL_CACHE_FILE_PREFIX, 0 ) === 0) {
-						files.push(f);
-					}
-				}
-				return files;
-			}
-
-			updateFiles();
-
-			// ----------------- version selector-------------
-
-			// var soljsonSources is provided by bin/list.js
-			$('option', '#versionSelector').remove();
-			$.each(soljsonSources, function(i, file) {
-				if (file) {
-					var version = file.replace(/soljson-(.*).js/, "$1");
-					$('#versionSelector').append(new Option(version, file));
-				}
-			});
-			$('#versionSelector').change(function() {
-				loadVersion($('#versionSelector').val());
-			});
-			
-			// ----------------- resizeable ui ---------------
-			
-			var EDITOR_SIZE_CACHE_KEY = "editor-size-cache";
-			var dragging = false;
-			$('#dragbar').mousedown(function(e){
-				e.preventDefault();
-				dragging = true;
-				var main = $('#righthand-panel');
-				var ghostbar = $('<div id="ghostbar">', {
-					css: {
-						top: main.offset().top,
-						left: main.offset().left
-					}
-				}).prependTo('body');
-
-				$(document).mousemove(function(e){
-					ghostbar.css("left",e.pageX+2);
-				});
-			});
-
-			var $body = $('body');
-
-			function setEditorSize (delta) {
-				$('#righthand-panel').css("width", delta);
-				$('#editor').css("right", delta);
-				onResize();
-			}
-
-			function getEditorSize(){
-				window.localStorage[EDITOR_SIZE_CACHE_KEY] = $('#righthand-panel').width();
-			}
-
-			$(document).mouseup(function(e){
-				if (dragging) {
-					var delta = $body.width() - e.pageX+2;
-					$('#ghostbar').remove();
-					$(document).unbind('mousemove');
-					dragging = false;
-					setEditorSize(delta);
-					window.localStorage.setItem(EDITOR_SIZE_CACHE_KEY, delta);
-				}
-			});
-
-			// set cached defaults
-			var cachedSize = window.localStorage.getItem(EDITOR_SIZE_CACHE_KEY);
-			if (cachedSize) setEditorSize(cachedSize);
-			else getEditorSize();
-
-
-			// ----------------- toggle right hand panel -----------------
-
-			var hidingRHP = false;
-			$('.toggleRHP').click(function(){
-			   hidingRHP = !hidingRHP;
-			   setEditorSize( hidingRHP ? 0 : window.localStorage[EDITOR_SIZE_CACHE_KEY] );
-			   $('.toggleRHP').toggleClass('hiding', hidingRHP);
-			   if (!hidingRHP) compile();
-			});
-			
-
-			// ----------------- editor resize ---------------
-
-			function onResize() {
-				editor.resize();
-				session.setUseWrapMode(document.querySelector('#editorWrap').checked);
-				if(session.getUseWrapMode()) {
-					var characterWidth = editor.renderer.characterWidth;
-					var contentWidth = editor.container.ownerDocument.getElementsByClassName("ace_scroller")[0].clientWidth;
-
-					if(contentWidth > 0) {
-						session.setWrapLimit(parseInt(contentWidth / characterWidth, 10));
-					}
-				}
-			}
-			window.onresize = onResize;
-			onResize();
-
-			document.querySelector('#editor').addEventListener('change', onResize);
-			document.querySelector('#editorWrap').addEventListener('change', onResize);
-			
-
-			// ----------------- compiler ----------------------
-			var compileJSON;
-			var compilerAcceptsMultipleFiles;
-
-			var previousInput = '';
-			var sourceAnnotations = [];
-			var compile = function(missingInputs) {
-				editor.getSession().clearAnnotations();
-				sourceAnnotations = [];
-				editor.getSession().removeMarker(errMarkerId);
-				$('#output').empty();
-				var input = editor.getValue();
-				window.localStorage.setItem(SOL_CACHE_FILE, input);
-
-				var files = {};
-				files[fileNameFromKey(SOL_CACHE_FILE)] = input;
-				gatherImports(files, missingInputs, function(input, error) {
-					$('#output').empty();
-					if (input === null) {
-						renderError(error);
-					} else {
-						var optimize = document.querySelector('#optimize').checked;
-						compileJSON(input, optimize ? 1 : 0);
-					}
-				});
-			};
-			var compilationFinished = function(result, missingInputs) {
-				var data = $.parseJSON(result);
-				var noFatalErrors = true; // ie warnings are ok
-
-				if (data['error'] !== undefined) {
-					renderError(data['error']);
-					if (errortype(data['error']) !== 'warning') noFatalErrors = false;
-				}
-				if (data['errors'] != undefined) {
-					$.each(data['errors'], function(i, err) {
-						renderError(err);
-						if (errortype(err) !== 'warning') noFatalErrors = false;
-					});
-				}
-			
-				if (missingInputs !== undefined && missingInputs.length > 0)
-					compile(missingInputs);
-				else if (noFatalErrors && !hidingRHP)
-					renderContracts(data, editor.getValue());
-			};
-			
-			var compileTimeout = null;
-			var onChange = function() {
-				var input = editor.getValue();
-				if (input === "") {
-					window.localStorage.setItem(SOL_CACHE_FILE, '');
-					return;
-				}
-				if (input === previousInput)
-					return;
-				previousInput = input;
-				if (compileTimeout) window.clearTimeout(compileTimeout);
-				compileTimeout = window.setTimeout(compile, 300);
-			};
-
-			var onCompilerLoaded = function() {
-				if (worker === null) {
-					var compile;
-					var missingInputs = [];
-					if ('_compileJSONCallback' in Module) {
-						compilerAcceptsMultipleFiles = true;
-						var missingInputsCallback = Module.Runtime.addFunction(function(path, contents, error) {
-							missingInputs.push(Module.Pointer_stringify(path));
-						});
-						var compileInternal = Module.cwrap("compileJSONCallback", "string", ["string", "number", "number"]);
-						compile = function(input, optimize) {
-							missingInputs.length = 0;
-							return compileInternal(input, optimize, missingInputsCallback);
-						};
-					} else if ('_compileJSONMulti' in Module) {
-						compilerAcceptsMultipleFiles = true;
-						compile = Module.cwrap("compileJSONMulti", "string", ["string", "number"]);
-					} else {
-						compilerAcceptsMultipleFiles = false;
-						compile = Module.cwrap("compileJSON", "string", ["string", "number"]);
-					}
-					compileJSON = function(source, optimize, cb) {
-						try {
-							var result = compile(source, optimize);
-						} catch (exception) {
-							result = JSON.stringify({error: 'Uncaught JavaScript exception:\n' + exception});
-						}
-						compilationFinished(result, missingInputs);
-					};
-					$('#version').text(Module.cwrap("version", "string", [])());
-				}
-				previousInput = '';
-				onChange();
-			};
-
-			var cachedRemoteFiles = {};
-			function gatherImports(files, importHints, cb) {
-				importHints = importHints || [];
-				if (!compilerAcceptsMultipleFiles)
-				{
-					cb(files[fileNameFromKey(SOL_CACHE_FILE)]);
-					return;
-				}
-				var importRegex = /import\s[\'\"]([^\'\"]+)[\'\"];/g;
-				var reloop = false;
-				do {
-					reloop = false;
-					for (var fileName in files) {
-						var match;
-						while (match = importRegex.exec(files[fileName]))
-							importHints.push(match[1]);
-					}
-					while (importHints.length > 0) {
-						var m = importHints.pop();
-						if (m in files) continue;
-						if (getFiles().indexOf(fileKey(m)) !== -1) {
-							files[m] = window.localStorage[fileKey(m)];
-							reloop = true;
-						} else if (m in cachedRemoteFiles) {
-							files[m] = cachedRemoteFiles[m];
-							reloop = true;
-						} else if (githubMatch = /^(https?:\/\/)?(www.)?github.com\/([^\/]*\/[^\/]*)\/(.*)/.exec(m)) {
-							$('#output').append($('<div/>').append($('<pre/>').text("Loading github.com/" + githubMatch[3] + " ...")));
-							$.getJSON('https://api.github.com/repos/' + githubMatch[3] + '/contents/' + githubMatch[4], function(result) {
-								if ('content' in result)
-								{
-									var content = Base64.decode(result.content);
-									cachedRemoteFiles[m] = content;
-									files[m] = content;
-									gatherImports(files, importHints, cb);
-								}
-								else
-									cb(null, "Unable to import \"" + m + "\"");
-							}).fail(function(){
-								cb(null, "Unable to import \"" + m + "\"");
-							});
-							return;
-						} else {
-							cb(null, "Unable to import \"" + m + "\"");
-							return;
-						}
-					}
-				} while (reloop);
-				cb(JSON.stringify({'sources':files}));
-			}
-
-			var initializeWorker = function() {
-				if (worker !== null)
-					worker.terminate();
-				worker = new Worker('worker.js');
-				worker.addEventListener('message', function(msg) {
-					var data = msg.data;
-					switch (data.cmd) {
-					case 'versionLoaded':
-						$('#version').text(data.data);
-						compilerAcceptsMultipleFiles = !!data.acceptsMultipleFiles;
-						onCompilerLoaded();
-						break;
-					case 'compiled':
-						compilationFinished(data.data, data.missingInputs);
-						break;
-					};
-				});
-				worker.onerror = function(msg) { console.log(msg.data); };
-				worker.addEventListener('error', function(msg) { console.log(msg.data); });
-				compileJSON = function(source, optimize) {
-					worker.postMessage({cmd: 'compile', source: source, optimize: optimize});
-				};
-			};
-			var worker = null;
-			var loadVersion = function(version) {
-				$('#version').text("(loading)");
-				var isFirefox = typeof InstallTrigger !== 'undefined';
-				if (document.location.protocol != 'file:' && Worker !== undefined && isFirefox) {
-					// Workers cannot load js on "file:"-URLs and we get a
-					// "Uncaught RangeError: Maximum call stack size exceeded" error on Chromium,
-					// resort to non-worker version in that case.
-					initializeWorker();
-					worker.postMessage({cmd: 'loadVersion', data: 'bin/' + version});
-				} else {
-					Module = null;
-					compileJSON = function(source, optimize) { compilationFinished('{}'); };
-					var newScript = document.createElement('script');
-					newScript.type = 'text/javascript';
-					newScript.src = 'bin/' + version;
-					document.getElementsByTagName("head")[0].appendChild(newScript);
-					var check = window.setInterval(function() {
-						if (!Module) return;
-						window.clearInterval(check);
-						onCompilerLoaded();
-					}, 200);
-				}
-			};
-			loadVersion('soljson-latest.js');
-
-			editor.getSession().on('change', onChange);
-
-			document.querySelector('#optimize').addEventListener('change', compile);
-
-			// ----------------- compiler output renderer ----------------------
-			var detailsOpen = {};
-
-			function errortype(message) {
-				return message.match(/^.*:[0-9]*:[0-9]* Warning: /) ? 'warning' : 'error';
-			}
-
-			var renderError = function(message) {
-				var type = errortype(message);
-				var $pre = $("<pre />").text(message);
-				var $error = $('<div class="sol ' + type + '"><div class="close"><i class="fa fa-close"></i></div></div>').prepend($pre);
-				$('#output').append( $error );
-				var err = message.match(/^([^:]*):([0-9]*):(([0-9]*):)? /);
-				if (err) {
-					var errFile = err[1];
-					var errLine = parseInt(err[2], 10) - 1;
-					var errCol = err[4] ? parseInt(err[4], 10) : 0;
-					if (errFile == '' || errFile == fileNameFromKey(SOL_CACHE_FILE)) {
-						sourceAnnotations[sourceAnnotations.length] = {
-							row: errLine,
-							column: errCol,
-							text: message,
-							type: type
-						};
-						editor.getSession().setAnnotations(sourceAnnotations);
-					}
-					$error.click(function(ev){
-						if (errFile != '' && errFile != fileNameFromKey(SOL_CACHE_FILE) && getFiles().indexOf(fileKey(errFile)) !== -1) {
-							// Switch to file
-							SOL_CACHE_FILE = fileKey(errFile);
-							updateFiles();
-							//@TODO could show some error icon in files with errors
-						}
-						editor.focus();
-						editor.gotoLine(errLine + 1, errCol - 1, true);
-					});
-					$error.find('.close').click(function(ev){
-						ev.preventDefault();
-						$error.remove();
-						return false;
-					});
-				}
-			};
-
-			var gethDeploy = function(contractName, interface, bytecode){
-				var code = "";
-				var funABI = getConstructorInterface($.parseJSON(interface));
-
-				$.each(funABI.inputs, function(i, inp) {
-					code += "var " + inp.name + " = /* var of type " + inp.type + " here */ ;\n";
-				});
-
-				code += "var " + contractName + "Contract = web3.eth.contract(" + interface.replace("\n","") + ");"
-					+"\nvar " + contractName + " = " + contractName + "Contract.new(";
-				
-				$.each(funABI.inputs, function(i, inp) {
-					code += "\n   " + inp.name + ",";
-				});
-							
-				code += "\n   {"+
-				"\n     from: web3.eth.accounts[0], "+
-				"\n     data: '"+bytecode+"', "+
-				"\n     gas: 3000000"+
-				"\n   }, function(e, contract){"+
-				"\n    console.log(e, contract);"+
-				"\n    if (typeof contract.address != 'undefined') {"+            
-				"\n         console.log('Contract mined! address: ' + contract.address + ' transactionHash: ' + contract.transactionHash);" +
-				"\n    }" +
-				"\n })";
-
-
-				return code;
-			};
-
-			var combined = function(contractName, interface, bytecode){
-				return JSON.stringify([{name: contractName, interface: interface, bytecode: bytecode}]);
-			};
-
-			var renderContracts = function(data, source) {
-				var udappContracts = [];
-				for (var contractName in data.contracts) {
-					var contract = data.contracts[contractName];
-					udappContracts.push({
-						name: contractName,
-						interface: contract['interface'],
-						bytecode: contract.bytecode
-					});
-				}
-				var dapp = new UniversalDApp(udappContracts, {
-					vm: executionContext === 'vm',
-					removable: false,
-					getAddress: function(){ return $('#txorigin').val(); },
-					removable_instances: true,
-					renderOutputModifier: function(contractName, $contractOutput) {
-						var contract = data.contracts[contractName];
-						return $contractOutput
-							.append(textRow('Bytecode', contract.bytecode))
-							.append(textRow('Interface', contract['interface']))
-							.append(textRow('Web3 deploy', gethDeploy(contractName.toLowerCase(),contract['interface'],contract.bytecode), 'deploy'))
-							.append(textRow('uDApp', combined(contractName,contract['interface'],contract.bytecode), 'deploy'))
-							.append(getDetails(contract, source, contractName));
-					}});
-				var $contractOutput = dapp.render();
-
-
-				$txOrigin = $('#txorigin');
-				if (executionContext === 'vm') {
-					$txOrigin.empty();
-					var addr = '0x' + dapp.address.toString('hex');
-					$txOrigin.val(addr);
-					$txOrigin.append($('<option />').val(addr).text(addr));
-				} else web3.eth.getAccounts(function(err, accounts) {
-					if (err)
-						renderError(err.message);
-					if (accounts && accounts[0]){
-						$txOrigin.empty();
-						for( var a in accounts) { $txOrigin.append($('<option />').val(accounts[a]).text(accounts[a])); }
-						$txOrigin.val(accounts[0]);
-					} else $txOrigin.val('unknown');	
-				});
-
-				$contractOutput.find('.title').click(function(ev){ $(this).closest('.contract').toggleClass('hide'); });
-				$('#output').append( $contractOutput );
-				$('.col2 input,textarea').click(function() { this.select(); });
-			};
-			var tableRowItems = function(first, second, cls) {
-				return $('<div class="row"/>')
-					.addClass(cls)
-					.append($('<div class="col1">').append(first))
-					.append($('<div class="col2">').append(second));
-			};
-			var tableRow = function(description, data) {
-				return tableRowItems(
-					$('<span/>').text(description),
-					$('<input readonly="readonly"/>').val(data));
-			};
-			var textRow = function(description, data, cls) {
-				return tableRowItems(
-					$('<strong/>').text(description),
-					$('<textarea readonly="readonly" class="gethDeployText"/>').val(data),
-					cls);
-			};
-			var getDetails = function(contract, source, contractName) {
-				var button = $('<button>Toggle Details</button>');
-				var details = $('<div style="display: none;"/>')
-					.append(tableRow('Solidity Interface', contract.solidity_interface))
-					.append(tableRow('Opcodes', contract.opcodes));
-				var funHashes = '';
-				for (var fun in contract.functionHashes)
-					funHashes += contract.functionHashes[fun] + ' ' + fun + '\n';
-				details.append($('<span class="col1">Functions</span>'));
-				details.append($('<pre/>').text(funHashes));
-				details.append($('<span class="col1">Gas Estimates</span>'));
-				details.append($('<pre/>').text(formatGasEstimates(contract.gasEstimates)));
-				if (contract.runtimeBytecode && contract.runtimeBytecode.length > 0)
-					details.append(tableRow('Runtime Bytecode', contract.runtimeBytecode));
-				if (contract.assembly !== null)
-				{
-					details.append($('<span class="col1">Assembly</span>'));
-					var assembly = $('<pre/>').text(formatAssemblyText(contract.assembly, '', source));
-					details.append(assembly);
-				}
-				button.click(function() { detailsOpen[contractName] = !detailsOpen[contractName]; details.toggle(); });
-				if (detailsOpen[contractName])
-					details.show();
-				return $('<div class="contractDetails"/>').append(button).append(details);
-			};
-			var formatGasEstimates = function(data) {
-				var gasToText = function(g) { return g === null ? 'unknown' : g; }
-				var text = '';
-				if ('creation' in data)
-					text += 'Creation: ' + gasToText(data.creation[0]) + ' + ' + gasToText(data.creation[1]) + '\n';
-				text += 'External:\n';
-				for (var fun in data.external)
-					text += '  ' + fun + ': ' + gasToText(data.external[fun]) + '\n';
-				text += 'Internal:\n';
-				for (var fun in data.internal)
-					text += '  ' + fun + ': ' + gasToText(data.internal[fun]) + '\n';
-				return text;
-			};
-			var formatAssemblyText = function(asm, prefix, source) {
-				if (typeof(asm) == typeof('') || asm === null || asm === undefined)
-					return prefix + asm + '\n';
-				var text = prefix + '.code\n';
-				$.each(asm['.code'], function(i, item) {
-					var v = item.value === undefined ? '' : item.value;
-					var src = '';
-					if (item.begin !== undefined && item.end != undefined)
-						src = source.slice(item.begin, item.end).replace('\n', '\\n', 'g');
-					if (src.length > 30)
-						src = src.slice(0, 30) + '...';
-					if (item.name != 'tag')
-						text += '  ';
-					text += prefix + item.name + ' ' + v + '\t\t\t' + src +  '\n';
-				});
-				text += prefix + '.data\n';
-				if (asm['.data'])
-					$.each(asm['.data'], function(i, item) {
-						text += '  ' + prefix + '' + i + ':\n';
-						text += formatAssemblyText(item, prefix + '    ', source);
-					});
-
-				return text;
-			};
-			
-			$('.asmOutput button').click(function() {$(this).parent().find('pre').toggle(); });
-
-			var getConstructorInterface = function(abi) {
-				var funABI = {'name':'','inputs':[],'type':'constructor','outputs':[]};
-				for (var i = 0; i < abi.length; i++)
-					if (abi[i].type == 'constructor') {
-						funABI.inputs = abi[i].inputs || [];
-						break;
-					}
-				return funABI;
-			};
-
-		});
-
-		</script>
+		<script src="assets/js/app.js"></script>
 	</body>
 </html>

manifest.json

+{
+  "manifest_version": 2,
+
+  "name": "Solidity",
+  "description": "Realtime compiler and runtime",
+  "devtools_page": "devtools.html",
+  "update_url": "https://chriseth.github.io/browser-solidity/",
+  "version": "1.0",
+  "manifest_version": 2,
+  "background": {
+    "scripts": ["background.js"],
+    "persistent": true
+  },
+
+  "browser_action": {
+    "default_icon": "icon.png"
+  },
+  
+  "permissions": [
+    "tabs",
+    "activeTab",
+    "https://ajax.googleapis.com/",
+	"webRequest", 
+	"webRequestBlocking", 
+	"\u003Call_urls>", 
+	"storage"
+  ]
+}