313 lines
8.0 KiB
JavaScript
313 lines
8.0 KiB
JavaScript
var YosysJS = new function() {
|
|
this.script_element = document.currentScript;
|
|
this.viz_element = undefined;
|
|
this.viz_ready = true;
|
|
|
|
this.url_prefix = this.script_element.src.replace(/[^/]+$/, '')
|
|
|
|
this.load_viz = function() {
|
|
if (this.viz_element)
|
|
return;
|
|
|
|
this.viz_element = document.createElement('iframe')
|
|
this.viz_element.style.display = 'none'
|
|
document.body.appendChild(this.viz_element);
|
|
|
|
this.viz_element.contentWindow.document.open();
|
|
this.viz_element.contentWindow.document.write('<script type="text/javascript" onload="viz_ready = true;" src="' + this.url_prefix + 'viz.js"></' + 'script>');
|
|
this.viz_element.contentWindow.document.close();
|
|
|
|
var that = this;
|
|
function check_viz_ready() {
|
|
if (that.viz_element.contentWindow.viz_ready) {
|
|
console.log("YosysJS: Successfully loaded Viz.");
|
|
that.viz_ready = true;
|
|
} else
|
|
window.setTimeout(check_viz_ready, 100);
|
|
}
|
|
|
|
this.viz_ready = false;
|
|
window.setTimeout(check_viz_ready, 100);
|
|
}
|
|
|
|
this.dot_to_svg = function(dot_text) {
|
|
return this.viz_element.contentWindow.Viz(dot_text, "svg");
|
|
}
|
|
|
|
this.dot_into_svg = function(dot_text, svg_element) {
|
|
if (typeof(svg_element) == 'string' && svg_element != "")
|
|
svg_element = document.getElementById(svg_element);
|
|
svg_element.innerHTML = this.dot_to_svg(dot_text);
|
|
c = svg_element.firstChild;
|
|
while (c) {
|
|
if (c.tagName == 'svg') {
|
|
while (c.firstChild)
|
|
svg_element.appendChild(c.firstChild);
|
|
svg_element.setAttribute('viewBox', c.getAttribute('viewBox'));
|
|
// svg_element.removeChild(c);
|
|
break;
|
|
}
|
|
c = c.nextSibling;
|
|
}
|
|
}
|
|
|
|
this.create = function(reference_element, on_ready) {
|
|
var ys = new Object();
|
|
ys.YosysJS = this;
|
|
ys.init_script = "";
|
|
ys.ready = false;
|
|
ys.verbose = false;
|
|
ys.logprint = false;
|
|
ys.echo = false;
|
|
ys.errmsg = "";
|
|
|
|
if (typeof(reference_element) == 'string' && reference_element != "")
|
|
reference_element = document.getElementById(reference_element);
|
|
|
|
if (reference_element) {
|
|
if (reference_element.tagName == 'textarea')
|
|
ys.init_script = reference_element.value;
|
|
|
|
if (reference_element.tagName == 'iframe') {
|
|
ys.iframe_element = reference_element;
|
|
} else {
|
|
ys.iframe_element = document.createElement('iframe');
|
|
ys.iframe_element.id = reference_element.id;
|
|
for (i in reference_element.style)
|
|
ys.iframe_element.style[i] = reference_element.style[i];
|
|
reference_element.parentNode.insertBefore(ys.iframe_element, reference_element);
|
|
reference_element.parentNode.removeChild(reference_element);
|
|
}
|
|
} else {
|
|
ys.iframe_element = document.createElement('iframe');
|
|
ys.iframe_element.style.display = 'none';
|
|
document.body.appendChild(ys.iframe_element);
|
|
}
|
|
|
|
ys.print_buffer = "";
|
|
ys.last_line_empty = false;
|
|
ys.got_normal_log_message = false;
|
|
ys.window = ys.iframe_element.contentWindow;
|
|
|
|
var doc = ys.window.document;
|
|
var mod = ys.window.Module = {
|
|
print: function(text) {
|
|
if (typeof(text) == 'number')
|
|
return;
|
|
ys.print_buffer += text + "\n";
|
|
ys.got_normal_log_message = true;
|
|
if (ys.logprint)
|
|
console.log(text);
|
|
if (ys.verbose) {
|
|
ys.last_line_empty = text == "";
|
|
if (text == "") {
|
|
span = doc.createElement('br');
|
|
} else {
|
|
span = doc.createElement('span');
|
|
span.textContent = text + "\n";
|
|
span.style.fontFamily = 'monospace';
|
|
span.style.whiteSpace = 'pre';
|
|
}
|
|
doc.firstChild.appendChild(span);
|
|
if (doc.body)
|
|
ys.window.scrollTo(0, doc.body.scrollHeight);
|
|
else
|
|
ys.window.scrollBy(0, 100);
|
|
}
|
|
ys.ready = true;
|
|
},
|
|
printErr: function(text) {
|
|
if (typeof(text) == 'number')
|
|
return;
|
|
if (ys.logprint)
|
|
console.log(text);
|
|
if (ys.got_normal_log_message) {
|
|
ys.print_buffer += text + "\n";
|
|
ys.last_line_empty = text == "";
|
|
if (text == "") {
|
|
span = doc.createElement('br');
|
|
} else {
|
|
span = doc.createElement('span');
|
|
span.textContent = text + "\n";
|
|
span.style.fontFamily = 'monospace';
|
|
span.style.whiteSpace = 'pre';
|
|
span.style.color = 'red';
|
|
}
|
|
doc.firstChild.appendChild(span);
|
|
if (doc.body)
|
|
ys.window.scrollTo(0, doc.body.scrollHeight);
|
|
else
|
|
ys.window.scrollBy(0, 100);
|
|
} else
|
|
if (!ys.logprint)
|
|
console.log(text);
|
|
},
|
|
};
|
|
|
|
ys.write = function(text) {
|
|
ys.print_buffer += text + "\n";
|
|
ys.last_line_empty = text == "";
|
|
span = doc.createElement('span');
|
|
span.textContent = text + "\n";
|
|
span.style.fontFamily = 'monospace';
|
|
span.style.whiteSpace = 'pre';
|
|
doc.firstChild.appendChild(span);
|
|
if (doc.body)
|
|
ys.window.scrollTo(0, doc.body.scrollHeight);
|
|
else
|
|
ys.window.scrollBy(0, 100);
|
|
}
|
|
|
|
ys.prompt = function() {
|
|
return mod.ccall('prompt', 'string', [], [])
|
|
}
|
|
|
|
ys.run = function(cmd) {
|
|
ys.print_buffer = "";
|
|
if (ys.echo) {
|
|
if (!ys.last_line_empty)
|
|
ys.write("");
|
|
ys.write(ys.prompt() + cmd);
|
|
}
|
|
try {
|
|
mod.ccall('run', '', ['string'], [cmd]);
|
|
} catch (e) {
|
|
ys.errmsg = mod.ccall('errmsg', 'string', [], []);
|
|
}
|
|
return ys.print_buffer;
|
|
}
|
|
|
|
ys.read_file = function(filename) {
|
|
try {
|
|
return ys.window.FS.readFile(filename, {encoding: 'utf8'});
|
|
} catch (e) {
|
|
return "";
|
|
}
|
|
}
|
|
|
|
ys.write_file = function(filename, text) {
|
|
return ys.window.FS.writeFile(filename, text, {encoding: 'utf8'});
|
|
}
|
|
|
|
ys.read_dir = function(dirname) {
|
|
return ys.window.FS.readdir(dirname);
|
|
}
|
|
|
|
ys.remove_file = function(filename) {
|
|
try {
|
|
ys.window.FS.unlink(filename);
|
|
} catch (e) { }
|
|
}
|
|
|
|
doc.open();
|
|
doc.write('<script type="text/javascript" src="' + this.url_prefix + 'yosys.js"></' + 'script>');
|
|
doc.close();
|
|
|
|
if (on_ready || ys.init_script) {
|
|
function check_ready() {
|
|
if (ys.ready && ys.YosysJS.viz_ready) {
|
|
if (ys.init_script) {
|
|
ys.write_file("/script.ys", ys.init_script);
|
|
ys.run("script /script.ys");
|
|
}
|
|
if (on_ready)
|
|
on_ready(ys);
|
|
} else
|
|
window.setTimeout(check_ready, 100);
|
|
}
|
|
window.setTimeout(check_ready, 100);
|
|
}
|
|
|
|
return ys;
|
|
}
|
|
|
|
this.create_worker = function(on_ready) {
|
|
var ys = new Object();
|
|
ys.YosysJS = this;
|
|
ys.worker = new Worker(this.url_prefix + 'yosyswrk.js');
|
|
ys.callback_idx = 1;
|
|
ys.callback_cache = {};
|
|
ys.errmsg = "";
|
|
|
|
ys.callback_cache[0] = on_ready;
|
|
on_ready = null;
|
|
|
|
ys.worker.onmessage = function(e) {
|
|
var response = e.data[0];
|
|
var callback = ys.callback_cache[response.idx];
|
|
delete ys.callback_cache[response.idx];
|
|
if ("errmsg" in response) ys.errmsg = response.errmsg;
|
|
if (callback) callback.apply(null, response.args);
|
|
}
|
|
|
|
ys.run = function(cmd, callback) {
|
|
var request = {
|
|
"idx": ys.callback_idx,
|
|
"mode": "run",
|
|
"cmd": cmd
|
|
};
|
|
|
|
ys.callback_cache[ys.callback_idx++] = callback;
|
|
ys.worker.postMessage([request]);
|
|
}
|
|
|
|
ys.read_file = function(filename, callback) {
|
|
var request = {
|
|
"idx": ys.callback_idx,
|
|
"mode": "read_file",
|
|
"filename": filename
|
|
};
|
|
|
|
ys.callback_cache[ys.callback_idx++] = callback;
|
|
ys.worker.postMessage([request]);
|
|
}
|
|
|
|
ys.write_file = function(filename, text, callback) {
|
|
var request = {
|
|
"idx": ys.callback_idx,
|
|
"mode": "write_file",
|
|
"filename": filename,
|
|
"text": text
|
|
};
|
|
|
|
ys.callback_cache[ys.callback_idx++] = callback;
|
|
ys.worker.postMessage([request]);
|
|
}
|
|
|
|
ys.read_dir = function(dirname, callback) {
|
|
var request = {
|
|
"idx": ys.callback_idx,
|
|
"mode": "read_dir",
|
|
"dirname": dirname
|
|
};
|
|
|
|
ys.callback_cache[ys.callback_idx++] = callback;
|
|
ys.worker.postMessage([request]);
|
|
}
|
|
|
|
ys.remove_file = function(filename, callback) {
|
|
var request = {
|
|
"idx": ys.callback_idx,
|
|
"mode": "remove_file",
|
|
"filename": filename
|
|
};
|
|
|
|
ys.callback_cache[ys.callback_idx++] = callback;
|
|
ys.worker.postMessage([request]);
|
|
}
|
|
|
|
ys.verbose = function(value, callback) {
|
|
var request = {
|
|
"idx": ys.callback_idx,
|
|
"mode": "verbose",
|
|
"value": value
|
|
};
|
|
|
|
ys.callback_cache[ys.callback_idx++] = callback;
|
|
ys.worker.postMessage([request]);
|
|
}
|
|
|
|
return ys;
|
|
}
|
|
}
|