mirrors/yosys
3
0
Fork 0
mirror of https://github.com/YosysHQ/yosys synced 2025-04-12 20:18:20 +00:00
Code Activity

YosysJS: Wait for Viz to load

Browse source
This commit is contained in:
Clifford Wolf 2015-02-21 14:25:34 +01:00
parent 4e6ca7760f
commit 1fe15a5973
2 changed files with 33 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
misc/yosysjs/demo03.html
View file

@ -24,16 +24,18 @@ endmodule
<h1>YosysJS Example Application #03</h1> <h1>YosysJS Example Application #03</h1>
<b>Your mission:</b> Create a behavioral Verilog model for the following circuit: <b>Your mission:</b> Create a behavioral Verilog model for the following circuit:
<p/> <p/>
<svg id="schem" width="800"></svg> <div id="main" style="visibility: hidden">
<p/> <svg id="schem" width="800"></svg>
<pre id="code" style="width: 800px; border:2px solid #000; padding: 0.5em;"><span class="noedit">module top(input clk, reset, input [7:0] A, output reg [7:0] Y); <p/>
always @(posedge clock) begin</span><span class="edit" contenteditable="true"> <pre id="code" style="width: 800px; border:2px solid #000; padding: 0.5em;"><span class="noedit">module top(input clk, reset, input [7:0] A, output reg [7:0] Y);
Y &lt;= A | {4{reset}}; always @(posedge clock) begin</span><span class="edit" contenteditable="true">
</span><span class="noedit">end Y &lt;= A | {4{reset}};
endmodule</span></pre><p/> </span><span class="noedit">end
<input type="button" value="Check Model" onclick="check_model()"> <span id="checkmessage"></span> endmodule</span></pre><p/>
<p/> <input type="button" value="Check Model" onclick="check_model()"> <span id="checkmessage"></span>
<p id="wave">&nbsp;</p> <p/>
<p id="wave">&nbsp;</p>
</div>
<script type="text/javascript"> <script type="text/javascript">
function on_ys_ready() { function on_ys_ready() {
ys.write_file('golden.v', document.getElementById('golden_verilog').textContent); ys.write_file('golden.v', document.getElementById('golden_verilog').textContent);
@ -42,6 +44,7 @@ endmodule</span></pre><p/>
YosysJS.dot_into_svg(ys.read_file('show.dot'), 'schem'); YosysJS.dot_into_svg(ys.read_file('show.dot'), 'schem');
document.getElementById('popup').style.visibility = 'hidden'; document.getElementById('popup').style.visibility = 'hidden';
document.getElementById('popupmsg').textContent = 'Please wait..'; document.getElementById('popupmsg').textContent = 'Please wait..';
document.getElementById('main').style.visibility = 'visible';
} }
function check_model() { function check_model() {
function work() { function work() {

26
misc/yosysjs/yosysjs.js
View file

@ -1,6 +1,7 @@
var YosysJS = new function() { var YosysJS = new function() {
this.script_element = document.currentScript; this.script_element = document.currentScript;
this.viz_element = undefined; this.viz_element = undefined;
this.viz_ready = true;
this.url_prefix = this.script_element.src.replace(/[^/]+$/, '') this.url_prefix = this.script_element.src.replace(/[^/]+$/, '')
@ -12,9 +13,21 @@ var YosysJS = new function() {
this.viz_element.style.display = 'none' this.viz_element.style.display = 'none'
document.body.appendChild(this.viz_element); document.body.appendChild(this.viz_element);
this.viz_element.contentWindow.document.open() this.viz_element.contentWindow.document.open();
this.viz_element.contentWindow.document.write('<script type="text/javascript" src="' + this.url_prefix + 'viz.js"></' + 'script>'); 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() 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) { this.dot_to_svg = function(dot_text) {
@ -40,6 +53,7 @@ var YosysJS = new function() {
this.create = function(reference_element, on_ready) { this.create = function(reference_element, on_ready) {
var ys = new Object(); var ys = new Object();
ys.YosysJS = this;
ys.init_script = ""; ys.init_script = "";
ys.ready = false; ys.ready = false;
ys.verbose = false; ys.verbose = false;
@ -185,13 +199,13 @@ var YosysJS = new function() {
} catch (e) { } } catch (e) { }
} }
doc.open() doc.open();
doc.write('<script type="text/javascript" src="' + this.url_prefix + 'yosys.js"></' + 'script>'); doc.write('<script type="text/javascript" src="' + this.url_prefix + 'yosys.js"></' + 'script>');
doc.close() doc.close();
if (on_ready || ys.init_script) { if (on_ready || ys.init_script) {
function check_ready() { function check_ready() {
if (ys.ready) { if (ys.ready && ys.YosysJS.viz_ready) {
if (ys.init_script) { if (ys.init_script) {
ys.write_file("/script.ys", ys.init_script); ys.write_file("/script.ys", ys.init_script);
ys.run("script /script.ys"); ys.run("script /script.ys");