From decf25ed29f99f91018011fdfa2ff462bdb1e2b4 Mon Sep 17 00:00:00 2001
From: Aaron Gutierrez <gutierrez.aaron.m@gmail.com>
Date: Fri, 3 Apr 2015 01:42:04 -0400
Subject: [PATCH] started working to integrate vm and site

---
 public/site.css                       |   3 +
 public/vm/Makefile                    |   4 +
 {src => public/vm}/byte-stream.js     |   0
 {src => public/vm}/bytecode-parser.js |   6 +-
 {src => public/vm}/c0vm.js            |   0
 {src => public/vm}/cc0.cgi            |   0
 {src => public/vm}/index.js           |   6 +-
 {src => public/vm}/opcodes.js         |   0
 public/vm/vm.js                       | 520 ++++++++++++++++++++++++++
 views/.index.jade.swp                 | Bin 12288 -> 0 bytes
 views/index.jade                      |  35 +-
 11 files changed, 558 insertions(+), 16 deletions(-)
 create mode 100644 public/vm/Makefile
 rename {src => public/vm}/byte-stream.js (100%)
 rename {src => public/vm}/bytecode-parser.js (96%)
 rename {src => public/vm}/c0vm.js (100%)
 rename {src => public/vm}/cc0.cgi (100%)
 rename {src => public/vm}/index.js (77%)
 rename {src => public/vm}/opcodes.js (100%)
 create mode 100644 public/vm/vm.js
 delete mode 100644 views/.index.jade.swp

diff --git a/public/site.css b/public/site.css
index 72d0847..eff7c84 100644
--- a/public/site.css
+++ b/public/site.css
@@ -4,6 +4,8 @@
 	border-radius: 4px;
 	padding: 4px;
 	border-color: #ddd;
+	max-height: 300px;
+	overflow-y: auto;
 }
 
 .brad  {
@@ -29,4 +31,5 @@ nav {
 
 .btm-btn {
 	margin-bottom: 4px;
+	margin-top: -14px;
 }
diff --git a/public/vm/Makefile b/public/vm/Makefile
new file mode 100644
index 0000000..ea1e733
--- /dev/null
+++ b/public/vm/Makefile
@@ -0,0 +1,4 @@
+FILES = c0vm.js bytecode-parser.js byte-stream.js opcodes.js index.js
+
+all: $(FILES)
+	browserify $(FILES) -o vm.js
diff --git a/src/byte-stream.js b/public/vm/byte-stream.js
similarity index 100%
rename from src/byte-stream.js
rename to public/vm/byte-stream.js
diff --git a/src/bytecode-parser.js b/public/vm/bytecode-parser.js
similarity index 96%
rename from src/bytecode-parser.js
rename to public/vm/bytecode-parser.js
index 35c82de..dd8240b 100644
--- a/src/bytecode-parser.js
+++ b/public/vm/bytecode-parser.js
@@ -2,7 +2,9 @@ fs = require("fs");
 byte_stream = require("./byte-stream");
 
 // This is a simple, kinda hacky bytecode parser for .bc0 files
-function getBytes(filename) {
+// Now takes in raw bytecode
+function getBytes(data) {
+  /*
     var data = fs.readFileSync(filename);
     
     if (data == null) {
@@ -12,6 +14,7 @@ function getBytes(filename) {
             console.log("Error: " + err);
         return;
     }
+    */
 
     // Data contains our file, but we want it as a string
     var string_data = data.toString();
@@ -29,6 +32,7 @@ function getBytes(filename) {
         });
 
     // We now have an array of bytes. That's probably everything we need, right?
+    console.log(bytes);
     return bytes;
 
 }
diff --git a/src/c0vm.js b/public/vm/c0vm.js
similarity index 100%
rename from src/c0vm.js
rename to public/vm/c0vm.js
diff --git a/src/cc0.cgi b/public/vm/cc0.cgi
similarity index 100%
rename from src/cc0.cgi
rename to public/vm/cc0.cgi
diff --git a/src/index.js b/public/vm/index.js
similarity index 77%
rename from src/index.js
rename to public/vm/index.js
index dd3b7a5..b242194 100644
--- a/src/index.js
+++ b/public/vm/index.js
@@ -9,5 +9,7 @@ c0vm = require("./c0vm.js");
 // console.log(file);
 // console.log(file.function_pool[0].code);
 
-var file = parser.parse("../test/iadd.c0.bc0");
-console.log("Result is " + c0vm.execute(file));
+$("#run").click(function() {
+  var file = parser.parse($("#bytecode").text);
+  $("#output").text(c0vm.execute(file));
+});
diff --git a/src/opcodes.js b/public/vm/opcodes.js
similarity index 100%
rename from src/opcodes.js
rename to public/vm/opcodes.js
diff --git a/public/vm/vm.js b/public/vm/vm.js
new file mode 100644
index 0000000..fee13b5
--- /dev/null
+++ b/public/vm/vm.js
@@ -0,0 +1,520 @@
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+var ByteStream = function (byte_array) {
+    console.log("Instance created.");
+    this.byte_array = byte_array;
+    this.index = 0;
+};
+
+ByteStream.prototype.get_u1 = function() {
+    var result = this.byte_array[this.index];
+    this.index += 1;
+    return result;
+}
+
+ByteStream.prototype.get_u2 = function() {
+    var high = this.get_u1();
+    var low = this.get_u1();
+    return (high << 8) + low;
+}
+
+ByteStream.prototype.get_u4 = function() {
+    var high = this.get_u2();
+    var low = this.get_u2();
+    return (high * 0x10000) + low;
+}
+
+ByteStream.prototype.get_i4 = function() {
+    var unsigned_val = this.get_u4();
+    var sign_mult = (unsigned_val & 0x80000000) ? -1 : 1;
+    return (unsigned_val & 0x7FFFFFFF) * sign_mult;
+}
+
+ByteStream.prototype.get_bytes = function(n) {
+    var result = [];
+    for (var i = 0; i < n; i++) {
+        result.push(this.get_u1());
+    }
+    return result;
+}
+
+exports.ByteStream = ByteStream;
+
+},{}],2:[function(require,module,exports){
+fs = require("fs");
+byte_stream = require("./byte-stream");
+
+// This is a simple, kinda hacky bytecode parser for .bc0 files
+// Now takes in raw bytecode
+function getBytes(data) {
+  /*
+    var data = fs.readFileSync(filename);
+    
+    if (data == null) {
+        if (err["code"] === "ENOENT")
+            console.log("Error: file " + filename + " does not exist.");
+        else
+            console.log("Error: " + err);
+        return;
+    }
+    */
+
+    // Data contains our file, but we want it as a string
+    var string_data = data.toString();
+
+    // Strip all the comments for easier parsing
+    var without_comments = string_data.replace(new RegExp("#.*", "gi"), "");
+
+    // Each byte should now be a pair of two hex digits.
+    // Put all these in an array.
+    var bytes = [];
+    without_comments.replace(
+        new RegExp("([0123456789ABCDEF][0123456789ABCDEF])", "gi"),
+        function(next_byte) {
+            bytes.push(parseInt(next_byte, 16));
+        });
+
+    // We now have an array of bytes. That's probably everything we need, right?
+    console.log(bytes);
+    return bytes;
+
+}
+
+var FunctionInfo = function (stream) {
+    this.num_args = stream.get_u2();
+    this.num_vars = stream.get_u2();
+    this.code_length = stream.get_u2();
+    this.code = stream.get_bytes(this.code_length);
+}
+
+var NativeInfo = function (stream) {
+    this.num_args = stream.get_u2();
+    this.function_table_index = stream.get_u2();
+}
+
+var Bc0File = function (filename) {
+    var file = getBytes(filename);
+    var stream = new byte_stream.ByteStream(file);
+    
+    var magic = stream.get_u4();
+    if (magic != 0xc0c0ffee) {
+        console.log("Error - file is not a c0 bytecode file");
+        return null;
+    }
+
+    // I don't know that we need this, but here it is
+    this.version_arch = stream.get_u2();
+
+    this.int_count = stream.get_u2();
+
+    this.int_pool = [];
+    for (var i = 0; i < this.int_count; i++) {
+        this.int_pool[i] = stream.get_i4();
+    }
+
+    this.string_count = stream.get_u2();
+    
+    this.string_pool = [];
+    var current_string = "";
+    for (var i = 0; i < this.string_count; i++) {
+        var c = stream.get_u1();
+        if (c == 0) {
+            this.string_pool.push(current_string);
+            current_string = "";
+        } else {
+            current_string += String.fromCharCode(c);
+        }
+    }
+
+    this.function_count = stream.get_u2();
+
+    this.function_pool = [];
+    for (var i = 0; i < this.function_count; i++) {
+        this.function_pool.push(new FunctionInfo(stream));
+    }
+
+    this.native_count = stream.get_u2();
+    this.native_pool = [];
+    for (var i = 0; i < this.native_count; i++) {
+        this.native_pool.push(new NativeInfo(stream));
+    }
+}
+
+function parse(filename) {
+    return new Bc0File(filename);
+}
+
+exports.getBytes = getBytes;
+exports.parse = parse;
+
+},{"./byte-stream":1,"fs":6}],3:[function(require,module,exports){
+op = require("./opcodes");
+
+var ProgramState = function(parsed_file) {
+    var main_function = parsed_file.function_pool[0];
+    
+    this.stack = []
+    this.pc = 0;
+    this.program = main_function.code;
+    this.variables = [];
+    for (var i = 0; i < main_function.num_vars; i++)
+        variables.push(0);
+    this.file = parsed_file;
+}
+
+
+ProgramState.prototype.doIf = function(shouldJump) {
+    if (shouldJump) {
+        var address_offset = (this.program[this.pc+1] * 0x1000) + 
+            this.program[this.pc+2];
+        this.pc += address_offset;
+    } else {
+        this.pc += 3;
+    }
+}
+
+ProgramState.prototype.step = function() {
+    console.log("Running opcode " + op.lookup_table[this.program[this.pc]]);
+    switch (this.program[this.pc]) {
+        // Stack manipulation
+    case op.POP:
+        this.pc++;
+        this.stack.pop();
+        break;
+    case op.DUP:
+        this.pc++;
+        var v = this.stack.pop();
+        this.stack.push(v);
+        this.stack.push(v);
+        break;
+    case op.SWAP:
+        this.pc++;
+        var v1 = this.stack.pop();
+        var v2 = this.stack.pop();
+        this.stack.push(v1);
+        this.stack.push(v2);
+        break;
+    case op.BIPUSH:
+        this.pc += 2;
+        var val = this.program[this.pc-1];
+
+        // Do sign extension if necessary
+        if (val & 0x80 != 0)
+            val = -0x80 + (val & 0x7F);
+        this.stack.push(val);
+        break;
+
+        // Returning from a function
+    case op.RETURN:
+        var retVal = this.stack.pop();
+        throw retVal;
+
+        // Arithmetic
+    case op.IADD:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        console.log("Adding " + x + " and " + y);
+        this.stack.push((x+y) % 0x100000000);
+        break;
+    case op.ISUB:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.stack.push((x-y) % 0x100000000);
+        break;
+    case op.IMUL:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.stack.push((x*y) % 0x100000000);
+        break;
+    case op.IDIV:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        if (y == 0) c0_arith_error("Divide by zero");
+        if (x == INT_MIN && y == -1) c0_arith_error("Arithmetic overflow");
+
+        // This does int division.
+        // As I understand it, the ~~ is treated as the identity on integers
+        // which forces the type to int, not float
+        this.stack.push(~~(x/y));
+        break;
+    case op.IREM:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        if (y == 0) c0_arith_error("Divide by zero");
+        if (x == INT_MIN && y == -1) c0_arith_error("Arithmetic overflow");
+        this.stack.push(x%y);
+        break;
+    case op.IAND:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.stack.push(x&y);
+        break;
+    case op.IOR:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.stack.push(x|y);
+        break;
+    case op.IXOR:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.stack.push(x^y);
+        break;
+    case op.ISHL:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        if (y < 0 || y > 31) c0_arith_error("Shifting by too many bits");
+        this.stack.push(x<<y);
+        break;
+    case op.ISHR:
+        this.pc++;
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        if (y < 0 || y > 31) c0_arith_error("Shifting by too many bits");
+        this.stack.push(x>>y);
+        break;
+
+        // Operations on local variables
+
+    case op.VLOAD:
+        this.pc += 2;
+        var index = this.program[this.pc-1];
+        this.stack.push(this.variables[index]);
+        break;
+    case op.VSTORE:
+        this.pc += 2;
+        var index = this.program[this.pc-1];
+        this.variables[index] = this.stack.pop();
+        break;
+    case op.ACONST_NULL:
+        this.pc++;
+        this.stack.push(0);
+        break;
+    case op.ILDC:
+        this.pc += 3;
+        var c1 = this.program[this.pc-2];
+        var c2 = this.program[this.pc-1];
+        var index = (c1 * 0x1000) + c2;
+
+        this.stack.push(this.file.int_pool[index]);
+        break;
+    case op.ALDC:
+        console.log("Error: I don't know how to handle ALDC yet");
+        throw "Error - can't handle ALDC";
+
+        // Control flow
+    case op.NOP:
+        this.pc++;
+        break;
+    case op.IF_CMPEQ:
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.doIf(y == x);
+        break;
+    case op.IF_CMPNE:
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.doIf(y != x);
+        break;
+    case op.IF_CMPLT:
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.doIf(y > x);
+        break;
+    case op.IF_CMPGE:
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.doIf(y <= x);
+        break;
+    case op.IF_CMPGT:
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.doIf(y < x);
+        break;
+    case op.IF_CMPLE:
+        var y = this.stack.pop();
+        var x = this.stack.pop();
+        this.doIf(y >= x);
+        break;
+    case op.GOTO:
+        this.doIf(true);
+        break;
+    case op.ATHROW:
+        this.pc++;
+        c0_user_error(this.stack.pop());
+        break;
+    case op.ASSERT:
+        this.pc++;
+        var a = this.stack.pop();
+        if (this.stack.pop() == 0)
+            c0_assertion_failure(a);
+        break;
+
+    default:
+        console.log("Error: Unknown opcode\n");
+        throw "Error - unknown opcode";
+    }
+    return false;
+}
+
+// Takes in a parsed .bc0 file and runs it
+function execute(f) {
+    console.log("Beginning execution of file " + f);
+
+    var state = new ProgramState(f);
+    
+    while (true) {
+        // I'm not sure how to structure this control flow yet,
+        // so if anyone has a better idea, let me know
+        try {
+            state.step();
+        } catch (val) {
+            return val;
+        }
+
+        // if (at_breakpoint) {
+        //   save state (maybe in a global in this file?)
+        //   return;
+        // }
+    }        
+}
+
+exports.execute = execute;
+
+// opcode definitions
+
+
+},{"./opcodes":5}],4:[function(require,module,exports){
+parser = require("./bytecode-parser");
+c0vm = require("./c0vm.js");
+
+// console.log("Reading in sample bytecode file:");
+// console.log(parser.getBytes("../test/test.bc0"));
+// console.log("That was the sample bytecode file" +
+//             " -- it probably took up your whole terminal screen.");
+// var file = parser.parse("../test/test.bc0");
+// console.log(file);
+// console.log(file.function_pool[0].code);
+
+$("#run").click(function() {
+  var file = parser.parse($("#bytecode").text);
+  $("#output").text(c0vm.execute(file));
+});
+
+},{"./bytecode-parser":2,"./c0vm.js":3}],5:[function(require,module,exports){
+/* arithmetic operations */
+exports.IADD = 0x60;
+exports.IAND = 0x7E;
+exports.IDIV = 0x6C;
+exports.IMUL = 0x68;
+exports.IOR = 0x80;
+exports.IREM = 0x70;
+exports.ISHL = 0x78;
+exports.ISHR = 0x7A;
+exports.ISUB = 0x64;
+exports.IXOR = 0x82;
+
+/* stack operations */
+exports.DUP = 0x59;
+exports.POP = 0x57;
+exports.SWAP = 0x5F;
+
+/* memory allocation */
+exports.NEWARRAY = 0xBC;
+exports.ARRAYLENGTH = 0xBE;
+exports.NEW = 0xBB;
+
+/* memory access */
+exports.AADDF = 0x62;
+exports.AADDS = 0x63;
+exports.IMLOAD = 0x2E;
+exports.AMLOAD = 0x2F;
+exports.IMSTORE = 0x4E;
+exports.AMSTORE = 0x4F;
+exports.CMLOAD = 0x34;
+exports.CMSTORE = 0x55;
+
+/* local variables */
+exports.VLOAD = 0x15;
+exports.VSTORE = 0x36;
+
+/* constants */
+exports.ACONST_NULL = 0x01;
+exports.BIPUSH = 0x10;
+exports.ILDC = 0x13;
+exports.ALDC = 0x14;
+
+/* control flow */
+exports.NOP = 0x00;
+exports.IF_CMPEQ = 0x9F;
+exports.IF_CMPNE = 0xA0;
+exports.IF_ICMPLT = 0xA1;
+exports.IF_ICMPGE = 0xA2;
+exports.IF_ICMPGT = 0xA3;
+exports.IF_ICMPLE = 0xA4;
+exports.GOTO = 0xA7;
+exports.ATHROW = 0xBF;
+exports.ASSERT = 0xCF;
+
+/* function calls and returns */
+exports.INVOKESTATIC = 0xB8;
+exports.INVOKENATIVE = 0xB7;
+exports.RETURN = 0xB0
+
+
+exports.lookup_table = {
+    0x60: "IADD",
+    0x7E: "IAND",
+    0x6C: "IDIV",
+    0x68: "IMUL",
+    0x80: "IOR",
+    0x70: "IREM",
+    0x78: "ISHL",
+    0x7A: "ISHR",
+    0x64: "ISUB",
+    0x82: "IXOR",
+    0x59: "DUP",
+    0x57: "POP",
+    0x5F: "SWAP",
+    0xBC: "NEWARRAY",
+    0xBE: "ARRAYLENGTH",
+    0xBB: "NEW",
+    0x62: "AADDF",
+    0x63: "AADDS",
+    0x2E: "IMLOAD",
+    0x2F: "AMLOAD",
+    0x4E: "IMSTORE",
+    0x4F: "AMSTORE",
+    0x34: "CMLOAD",
+    0x55: "CMSTORE",
+    0x15: "VLOAD",
+    0x36: "VSTORE",
+    0x01: "ACONST",
+    0x10: "BIPUSH",
+    0x13: "ILDC",
+    0x14: "ALDC",
+    0x00: "NOP",
+    0x9F: "IF",
+    0xA0: "IF",
+    0xA1: "IF",
+    0xA2: "IF",
+    0xA3: "IF",
+    0xA4: "IF",
+    0xA7: "GOTO",
+    0xBF: "ATHROW",
+    0xCF: "ASSERT",
+    0xB8: "INVOKESTATIC",
+    0xB7: "INVOKENATIVE",
+    0xB0: "RETURN"
+};
+
+},{}],6:[function(require,module,exports){
+
+},{}]},{},[3,2,1,5,4]);
diff --git a/views/.index.jade.swp b/views/.index.jade.swp
deleted file mode 100644
index 8f5d6252ed9757287857ab77ec654c3233811bc4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12288
zcmeI2y^kC<7>6As3O)jeG|)M|h|CJsdr6cJU9>`Q1-c>vk=v^f$m8+e&Ys5}c|7}}
zC?F8DNK^<KL<Rf{6cq3e&_PnrMxp~cM8VIqv%8lKib#2qM|x&F{&@ZRv31hwCfz>R
zyFst=O9a<*gxH_X4DS5%1o`X=A)+{}eXd++de|j|v*uwP+P3$X0ejQwv?sH)H_6qs
z>g6U=Gd>oX`X51JmuMgwcyt4`A9k;u9$dP3VLJ@oVrS`@=Le4-Cys~)qJd~28i)p>
zfoLEahz6p86KlYir^pA${;_rim)qy5jc5BBAJITG5Di2F(Lgj14MYRcKr|2yL<7-4
zG;jh9h>Q^RBq4*RkUakXzx@6G*RzED3GRWr;12i>d<(t-UxUxVC*Wf+2O7K!Zh}|A
zi{Nqa<1>Uvkb-^i2Dl9VK26B);2yXOz64)@DYy!*fEU1TPZRPh_yzm`J^~*C2M)k>
z@CWk$8GH}E0-u5*cn2JSW_>4ce`3nfKr|2yL<7-4G!P9$11G@%#dVv6JD#2Eq$#X!
z<I0+HS7@CId9*{BY>RB8-|bg6Dk#l_7dup1d@8#N*Ax~FxBjDce_kp~(oD)WBi2r%
zZRCBq(+gkaa%qisdCG;!oWg5SbCuP-^{2a1ZgY8<KM+Y&b0c@CceUD_#4j><>&=_{
zt6}H37>ikQi?kU}glm>X`&5~*zQNmjyS6B;QN}0d61J6_vi7@ZVI4jZI_b1thqaMD
zw+6$DGS@2U&^GFF2g2xd?o|kj!CuXLk~MGlO%fFHaC<OvyFp3Qx(wf>T!f7FLTbo7
zlyBtDS;vRY7W<g!HK)X8`c2}Mbb0BM;HG~*q|_UWiCEO0@9^N|co(+Oh0)5%J_}1K
zni;!c`A$`p%J{fq9g=D*kJ=arwmumznY1dGXA(nJZg?q-(u;dHQ$tZ}j{}h@F0~SF
zn9q1MdQb9osMlMoZB5B_su#@|r@KYg#b@Mnb)~iU)+E+Qoy((;eY<0fHXhib1NJEO
zCa}sP^+h+-m9^GgmmiKiWH*D4g%64Zd@phyT8GWSX|}paJ8^be_1T4sjOJON9Xn3P
zLTrWQh8V}{v`Cds5bnM~&1SE9@i1HW(Am0d>q13ST$`X2W#dI|@J;<<ds3UtgQ1s=
zn54obY-9_Z(Y6(pO^6(S^C;E1IZB+;eOCFoR@F!;&*;dhVW0KZ2Z75fY(ED0+-pVU
Vc9ypBMymO_Kl93D6-`B@$iG{`nvwtj

diff --git a/views/index.jade b/views/index.jade
index f8bf900..2e1ac1b 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -11,22 +11,32 @@ block nav
 
 block body
   .container
-    .col-md-6
-      form
-        .form-group
-          label(for="inputCode") Code
-          button(onclick="compile()" type="button").btn.btn-default.btm-btn.pull-right Compile
-          #codearea
-          textarea.code.formControl.sh_c(rows="12" id="inputCode")
+    .row
+      .col-md-6
+        form
+          .form-group
+            label(for="inputCode") Code
+            button(onclick="compile()" type="button").btn.btn-default.btm-btn.pull-right Compile
+            #codearea
+            textarea.code.formControl.sh_c(rows="12" id="inputCode")
+ 
+      .col-md-6
+        p.lbl.
+           Bytecode
+        pre#bytecode.panel.panel-default.code.sh_c.
+           &nbsp;
+    .row
+      .col-md-12
+        p.lbl.
+          Output
+        button(type="button")#run.btn.btn-default.btm-btn.pull-right Run
+        pre#output.panel.panel-default.code
+          &nbsp;
 
-    .col-md-6
-      p.lbl.
-         Bytecode
-      pre#bytecode.panel.panel-default.code.clearfix.sh_c.
-         &nbsp;
   
 block script
   script(type="text/javascript" src="codemirror-compressed.js")
+  script(type="text/javascript" src="vm/vm.js")
 
   script(type='text/javascript').
     var cmCodeInput = CodeMirror.fromTextArea($("#inputCode"));
@@ -49,4 +59,3 @@ block script
               jsonpCallback: "callback"
       });
     }
-