Refactor HTML Tracing to not depend on external files (style, javascript). Add a...
[tatoo.git] / src / html_trace.ml
index f5aa8b2..58c1f68 100644 (file)
@@ -87,7 +87,7 @@ let gen_trace (type s) = fun auto sat_arrays t tree ->
   let module T = (val (t) : Tree.S with type t = s) in
   let root = T.root tree in
   let sel = Ata.get_selecting_states auto in
-  let rec loop output node parent x y =
+  let rec loop output node parent prevsib x y =
     if node != T.nil then begin
       let node_id = T.preorder tree node in
       let marked, conf = get_conf sel sat_arrays node_id in
@@ -95,9 +95,11 @@ let gen_trace (type s) = fun auto sat_arrays t tree ->
       let tag = QName.to_string (T.tag tree node) in
       let lbox = (String.length tag + 2) * 10 in
       let s_node = "node" ^ (string_of_int node_id) in
+      let first = T.first_child tree node in
+      let next = T.next_sibling tree node in
       fprintf output
         "<rect id=\"%s\" onclick=\"activate(\'%s\');\" x=\"%i\" y=\"%i\"\
- width=\"%i\" height=\"20\" style=\"fill:%s;stroke:rgb(0,0,0)%s\"/>\n%!"
+ width=\"%i\" height=\"22\" style=\"fill:%s;stroke:rgb(0,0,0)%s\">%!"
         s_node
         s_node
         x y
@@ -106,26 +108,28 @@ let gen_trace (type s) = fun auto sat_arrays t tree ->
         (if marked
          then ";stroke-width:4"
          else ";stroke-width:2;stroke-dasharray:2,2");
+      fprintf output "<metadata id='%s_fs'>node%i</metadata><metadata id='%s_ns'>node%i</metadata><metadata id='%s_par'>node%i</metadata><metadata id='%s_ps'>node%i</metadata></rect>\n%!"
+s_node (T.preorder tree first) s_node (T.preorder tree next)
+s_node (T.preorder tree parent) s_node (T.preorder tree prevsib)
+;
       fprintf output "<text x=\"%i\" y=\"%i\" style=\"fill:%s;font-size:17;\
 font-family:typewriter;\" onclick=\"activate(\'%s\');\" >%s</text>\n"
         (x+10)
         (y+15)
         tcolor s_node tag;
-      let first = T.first_child tree node in
-      let maxw1, maxy1 = loop output first node x (y + 40) in
-      let next = T.next_sibling tree node in
+      let maxw1, maxy1 = loop output first node T.nil x (y + 40) in
       let x_next = max (x+lbox) (maxw1+10) in
       if node != root then begin
-        if node == T.first_child tree parent then
+        if prevsib == T.nil then
           fprintf output  "<line x1=\"%i\" y1=\"%i\" x2=\"%i\" y2=\"%i\"\
 style=\"stroke:rgb(0,0,0);stroke-width:2\"/>\n"
-            (x + lbox / 2) (y-20) (x + lbox / 2) (y);
+            (x + lbox / 2) (y-18) (x + lbox / 2) (y);
         if next != T.nil then
           fprintf output "<line x1=\"%i\" y1=\"%i\" x2=\"%i\" y2=\"%i\"\
 style=\"stroke:rgb(0,0,0);stroke-width:2\"/>\n"
-            (x + lbox) (y+10) x_next (y+10);
+            (x + lbox) (y+11) x_next (y+11);
       end;
-      let maxw2, maxy2 = loop output next node x_next y in
+      let maxw2, maxy2 = loop output next parent node x_next y in
       maxw2, max maxy1 maxy2
     end
     else x, y
@@ -133,69 +137,47 @@ style=\"stroke:rgb(0,0,0);stroke-width:2\"/>\n"
   ignore (Sys.command "mkdir -p tests/trace");
   let ohtml_ = open_out "tests/trace/trace.html" in
   let ohtml = formatter_of_out_channel ohtml_ in
-  fprintf ohtml "<html>\
-<head><title></title>
-<meta http-equiv='content-type' content='text/html;charset=utf-8'/>\
-<style>\
-div#data {\
-    position: absolute;\
-    top: 0%%;\
-    left: 50%%;\
-    width: 50%%;\
-    height: 50%%;\
-    overflow: auto;\
-}\
-div#svg {\
-    position: absolute;\
-    top: 50%%;\
-    left: 0%%;\
-    width: 100%%;\
-    height: 50%%;\
-    overflow: auto;\
-}\
-\
-div#automata {\
-    white-space: pre;\
-    overflow: auto;\
-    position: absolute;\
-    width: 50%%;\
-    top: 0%%;\
-    left: 0%%;\
-    height: 50%%;\
-}\
-</style>\
-</head>\
-<body>\
-<div id='automata' >%a
-</div>
+  fprintf ohtml "<html>\n\
+<head><title></title>\n\
+<meta http-equiv='content-type' content='text/html;charset=utf-8'/>\n\
+<style>\n\
+%s
+</style>\n\
+</head>\n\
+<body>\n\
+<div id='automata' >%a</div>\n\
 <div id='data' > </div>\n\
 <script type='text/javascript'>\n\
 var data = new Array();\n\
 var rounds = %i;\n"
+    Trace_css.content
     Ata.print auto
     (List.length sat_arrays);
-  List.iteri (fun i a ->
-    fprintf ohtml "data[%i] = new Array();\n" i;
-    Array.iteri (fun id set ->
-      fprintf ohtml "data[%i]['node%i'] = \"%a\";\n"
-      i id StateSet.print set) a) (List.rev sat_arrays);
-  fprintf ohtml "var activate = function (id) {\
-  var d = document.getElementById('data');
-  var msg = '';
-  for (i=0; i < rounds; i++)
-     msg += ('<p>round: ' + i + ':<br/>') + data[i][id] + '</p>\\n';
-  d.innerHTML = msg;
-  return;
-  };\n";
-  fprintf ohtml "</script>\n<div id='svg'><svg id='svgimg' width='' height='' xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\">\n";
-  let maxw, maxh = loop ohtml (T.root tree) T.nil 50 50 in
-  fprintf ohtml "</svg>\n<script type=\"text/javascript\">window.onload = function () {\
-  var svg = document.getElementById('svgimg');
-  svg.setAttribute('width', %i);
-  svg.setAttribute('height', %i);
-};\
-</script>\
-</div></body></html>\n%!"
+    List.iteri (fun i _ ->
+      fprintf ohtml "data[%i] = new Array();\n" i) sat_arrays;
+    for node_id = 0 to (Array.length (List.hd sat_arrays)) - 1 do
+      let _,_ = List.fold_left (fun (pass, diff_set) a ->
+        let cur_set = a.(node_id) in
+        fprintf ohtml "data[%i]['node%i'] = \"new states %a<br/>full states = %a\";\n"
+        pass node_id StateSet.print (StateSet.diff cur_set diff_set) StateSet.print cur_set;
+        (pass+1, StateSet.union diff_set cur_set))
+        (0, StateSet.empty) (List.rev sat_arrays)
+      in ()
+    done;
+  fprintf ohtml "%s\n" Trace_js.content;
+  fprintf ohtml "%s"
+    "</script>\n\
+<div id='svg'>\n
+   <svg id='svgimg' width='' height='' xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\">\n";
+  let maxw, maxh = loop ohtml (T.root tree) T.nil T.nil 50 50 in
+  fprintf ohtml "</svg>\n</div><script type='text/javascript'>\n\
+window.onload = function () {\n
+    var svg = document.getElementById('svgimg');\n
+    svg.setAttribute('width', %i);\n
+    svg.setAttribute('height', %i);\n
+    activate('node0');\n
+};\n
+</script></body></html>\n%!"
     maxw maxh;
   pp_print_flush ohtml ();
   close_out ohtml_