Skip to content

Commit 5347923

Browse files
kaizhu256kaizhu256
committed
- add deoptimized asm.js files
GUI/deoptimize.gui.js GUI/deoptimize.index.html GUI/deoptimize.worker.sql.js
1 parent 0759340 commit 5347923

File tree

3 files changed

+300
-0
lines changed

3 files changed

+300
-0
lines changed

‎GUI/deoptimize.gui.js‎

Lines changed: 136 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
var execBtn = document.getElementById("execute");
2+
var outputElm = document.getElementById('output');
3+
var errorElm = document.getElementById('error');
4+
var commandsElm = document.getElementById('commands');
5+
var dbFileElm = document.getElementById('dbfile');
6+
var savedbElm = document.getElementById('savedb');
7+
8+
// Start the worker in which sql.js will run
9+
var worker = new Worker("deoptimize.worker.sql.js");
10+
worker.onerror = error;
11+
12+
// Open a database
13+
worker.postMessage({action:'open'});
14+
15+
// Connect to the HTML element we 'print' to
16+
function print(text) {
17+
outputElm.innerHTML = text.replace(/\n/g, '<br>');
18+
}
19+
function error(e) {
20+
console.log(e);
21+
errorElm.style.height = '2em';
22+
errorElm.textContent = e.message;
23+
}
24+
25+
function noerror() {
26+
errorElm.style.height = '0';
27+
}
28+
29+
// Run a command in the database
30+
function execute(commands) {
31+
tic();
32+
worker.onmessage = function(event) {
33+
var results = event.data.results;
34+
toc("Executing SQL");
35+
36+
tic();
37+
outputElm.innerHTML = "";
38+
for (var i=0; i<results.length; i++) {
39+
outputElm.appendChild(tableCreate(results[i].columns, results[i].values));
40+
}
41+
toc("Displaying results");
42+
}
43+
worker.postMessage({action:'exec', sql:commands});
44+
outputElm.textContent = "Fetching results...";
45+
}
46+
47+
// Create an HTML table
48+
var tableCreate = function () {
49+
function valconcat(vals, tagName) {
50+
if (vals.length === 0) return '';
51+
var open = '<'+tagName+'>', close='</'+tagName+'>';
52+
return open + vals.join(close + open) + close;
53+
}
54+
return function (columns, values){
55+
var tbl = document.createElement('table');
56+
var html = '<thead>' + valconcat(columns, 'th') + '</thead>';
57+
var rows = values.map(function(v){ return valconcat(v, 'td'); });
58+
html += '<tbody>' + valconcat(rows, 'tr') + '</tbody>';
59+
tbl.innerHTML = html;
60+
return tbl;
61+
}
62+
}();
63+
64+
// Execute the commands when the button is clicked
65+
function execEditorContents () {
66+
noerror()
67+
execute (editor.getValue() + ';');
68+
}
69+
execBtn.addEventListener("click", execEditorContents, true);
70+
71+
// Performance measurement functions
72+
var tictime;
73+
if (!window.performance || !performance.now) {window.performance = {now:Date.now}}
74+
function tic () {tictime = performance.now()}
75+
function toc(msg) {
76+
var dt = performance.now()-tictime;
77+
console.log((msg||'toc') + ": " + dt + "ms");
78+
}
79+
80+
// Add syntax highlihjting to the textarea
81+
var editor = CodeMirror.fromTextArea(commandsElm, {
82+
mode: 'text/x-mysql',
83+
viewportMargin: Infinity,
84+
indentWithTabs: true,
85+
smartIndent: true,
86+
lineNumbers: true,
87+
matchBrackets : true,
88+
autofocus: true,
89+
extraKeys: {
90+
"Ctrl-Enter": execEditorContents,
91+
"Ctrl-S": savedb,
92+
}
93+
});
94+
95+
// Load a db from a file
96+
dbFileElm.onchange = function() {
97+
var f = dbFileElm.files[0];
98+
var r = new FileReader();
99+
r.onload = function() {
100+
worker.onmessage = function () {
101+
toc("Loading database from file");
102+
// Show the schema of the loaded database
103+
editor.setValue("SELECT `name`, `sql`\n FROM `sqlite_master`\n WHERE type='table';");
104+
execEditorContents();
105+
};
106+
tic();
107+
try {
108+
worker.postMessage({action:'open',buffer:r.result}, [r.result]);
109+
}
110+
catch(exception) {
111+
worker.postMessage({action:'open',buffer:r.result});
112+
}
113+
}
114+
r.readAsArrayBuffer(f);
115+
}
116+
117+
// Save the db to a file
118+
function savedb () {
119+
worker.onmessage = function(event) {
120+
toc("Exporting the database");
121+
var arraybuff = event.data.buffer;
122+
var blob = new Blob([arraybuff]);
123+
var a = document.createElement("a");
124+
a.href = window.URL.createObjectURL(blob);
125+
a.download = "sql.db";
126+
a.onclick = function() {
127+
setTimeout(function() {
128+
window.URL.revokeObjectURL(a.href);
129+
}, 1500);
130+
};
131+
a.click();
132+
};
133+
tic();
134+
worker.postMessage({action:'export'});
135+
}
136+
savedbElm.addEventListener("click", savedb, true);

‎GUI/deoptimize.index.html‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf8">
5+
<title>sql.js demo: Online SQL interpreter</title>
6+
<link rel="stylesheet" href="codemirror/lib/codemirror.css">
7+
<link rel="stylesheet" href="demo.css">
8+
<script src="codemirror/lib/codemirror.js"></script>
9+
10+
</head>
11+
<body>
12+
<!-- Github ribbon -->
13+
<a href="https://github.com/kripken/sql.js"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/82b228a3648bf44fc1163ef44c62fcc60081495e/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>
14+
15+
<h1>Online SQL interpreter</h1>
16+
17+
<main>
18+
<label for='commands'>Enter some SQL</label>
19+
<br>
20+
21+
<textarea id="commands">DROP TABLE IF EXISTS employees;
22+
CREATE TABLE employees( id integer, name text,
23+
designation text, manager integer,
24+
hired_on date, salary integer,
25+
commission float, dept integer);
26+
27+
INSERT INTO employees VALUES (1,'JOHNSON','ADMIN',6,'1990-12-17',18000,NULL,4);
28+
INSERT INTO employees VALUES (2,'HARDING','MANAGER',9,'1998-02-02',52000,300,3);
29+
INSERT INTO employees VALUES (3,'TAFT','SALES I',2,'1996-01-02',25000,500,3);
30+
INSERT INTO employees VALUES (4,'HOOVER','SALES I',2,'1990-04-02',27000,NULL,3);
31+
INSERT INTO employees VALUES (5,'LINCOLN','TECH',6,'1994-06-23',22500,1400,4);
32+
INSERT INTO employees VALUES (6,'GARFIELD','MANAGER',9,'1993-05-01',54000,NULL,4);
33+
INSERT INTO employees VALUES (7,'POLK','TECH',6,'1997-09-22',25000,NULL,4);
34+
INSERT INTO employees VALUES (8,'GRANT','ENGINEER',10,'1997-03-30',32000,NULL,2);
35+
INSERT INTO employees VALUES (9,'JACKSON','CEO',NULL,'1990-01-01',75000,NULL,4);
36+
INSERT INTO employees VALUES (10,'FILLMORE','MANAGER',9,'1994-08-09',56000,NULL,2);
37+
INSERT INTO employees VALUES (11,'ADAMS','ENGINEER',10,'1996-03-15',34000,NULL,2);
38+
INSERT INTO employees VALUES (12,'WASHINGTON','ADMIN',6,'1998-04-16',18000,NULL,4);
39+
INSERT INTO employees VALUES (13,'MONROE','ENGINEER',10,'2000-12-03',30000,NULL,2);
40+
INSERT INTO employees VALUES (14,'ROOSEVELT','CPA',9,'1995-10-12',35000,NULL,1);
41+
42+
SELECT designation,COUNT(*) AS nbr, (AVG(salary)) AS avg_salary FROM employees GROUP BY designation ORDER BY avg_salary DESC;
43+
SELECT name,hired_on FROM employees ORDER BY hired_on;</textarea>
44+
45+
<button id="execute" class="button">Execute</button>
46+
<button id='savedb' class="button">Save the db</button>
47+
<label class="button">Load an SQLite database file: <input type='file' id='dbfile' ></label>
48+
49+
<div id="error" class="error"></div>
50+
51+
<pre id="output">Results will be displayed here</pre>
52+
</main>
53+
54+
<script src="codemirror/mode/sql/sql.js"></script>
55+
56+
<footer>
57+
Original work by kripken (<a href='https://github.com/kripken/sql.js'>sql.js</a>).
58+
C to Javascript compiler by kripken (<a href='https://github.com/kripken/emscripten'>emscripten</a>).
59+
Project now maintained by <a href='https://github.com/lovasoa'>lovasoa</a>
60+
</footer>
61+
62+
<script type="text/javascript" src="deoptimize.gui.js"></script>
63+
<script type="text/javascript" src="deoptimize.worker.sql.js"></script>
64+
</body>
65+
</html>

‎GUI/deoptimize.worker.sql.js‎

Lines changed: 99 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)