3 * Code to convert node tree to Javascript...
5 * usage : x = (new JsRender.NodeToJs(node)).munge();
8 * We are changing this to output as we go.
9 * However... since line-endings on properties have ',' (not ;) like vala.
10 * we have to be a bit smarter about how to output.
19 public class JsRender.NodeToJs : Object {
21 static uint indent = 1;
22 static string indent_str = " ";
27 Gee.ArrayList<string> doubleStringProps; // need to think if this is a good idea like this
29 public JsRender renderer;
31 Gee.HashMap<string,string> out_props;
32 Gee.HashMap<string,string> out_listeners;
33 Gee.HashMap<string,Node> out_nodeprops;
34 Gee.ArrayList<Node> out_children;
35 Gee.HashMap<string,Gee.ArrayList<Node>> out_props_array;
36 Gee.HashMap<string,Gee.ArrayList<string>> out_props_array_plain;
44 public NodeToJs( Node node, Gee.ArrayList<string> doubleStringProps, string pad, NodeToJs? parent)
47 this.doubleStringProps = doubleStringProps;
50 //this.els = new Gee.ArrayList<string>();
51 //this.ar_props = new Gee.HashMap<string,string>();
55 // this is the bit that causes issues - we have to output as we go, otherwise we
56 // can not work out which line is which...
58 this.out_props = new Gee.HashMap<string,string>();
59 this.out_listeners = new Gee.HashMap<string,string>();
62 this.out_nodeprops = new Gee.HashMap<string,Node>() ;
63 this.out_children = new Gee.ArrayList<Node> ();
65 this.out_props_array = new Gee.HashMap<string,Gee.ArrayList<Node>>(); // filled in by 'checkChildren'
66 this.out_props_array_plain = new Gee.HashMap<string,Gee.ArrayList<string>>() ;
70 this.cur_line = parent == null ? 0 : parent.cur_line ; //-1 as we usuall concat onto the existin gline?
72 this.renderer = parent.renderer;
75 this.top = parent == null ? this : parent.top;
78 node.node_lines = new Gee.ArrayList<int>();
79 node.node_lines_map = new Gee.HashMap<int,Node>();
88 public string munge ( )
90 //return this.mungeToString(this.node);
95 //this.readArrayProps();
98 if (!this.node.props.has_key("* xinclude")) {
104 // no properties to output...
105 //if (this.els.size < 1) {
115 This currently works by creating a key/value array of this.els, which is just an array of properties..
116 this is so that join() works...
120 b) output plan properties.
121 c) output listeners..
123 g) output prop_arrays..
131 public Gee.ArrayList<string> orderedPropKeys() {
133 var ret = new Gee.ArrayList<string> ();
134 var niter = this.out_props.map_iterator();
135 while(niter.next()) {
136 ret.add(niter.get_key());
139 ret.sort(( a, b) => {
140 return ((string)a).collate((string)b);
141 //if (a == b) return 0;
142 //return a < b ? -1 : 1;
146 public Gee.ArrayList<string> orderedListenerKeys() {
148 var ret = new Gee.ArrayList<string> ();
149 var niter = this.out_listeners.map_iterator();
150 while(niter.next()) {
151 ret.add(niter.get_key());
154 ret.sort(( a, b) => {
155 return ((string)a).collate((string)b);
156 //if (a == b) return 0;
157 //return a < b ? -1 : 1;
163 public string mungeOut()
165 this.node.line_start = this.cur_line;
166 this.top.node.setNodeLine(this.cur_line, this.node);
167 var spad = this.pad.substring(0, this.pad.length-indent);
169 if (this.node.props.has_key("* xinclude")) {
170 this.addLine("Roo.apply(" + this.node.props.get("* xinclude") + "._tree(), {",0 );
173 this.addLine("{", 0);
176 // output the items...
177 // work out remaining items...
181 var iter = this.orderedPropKeys().list_iterator();
186 var v = this.out_props.get(k);
187 this.node.setLine(this.cur_line, "p",k); //listener
188 this.addLine(this.pad + k + " : " + v + suffix, ',');
189 this.node.setLine(this.cur_line, "e", "");
195 if (this.out_listeners.size > 0 ) {
197 this.addLine(this.pad + "listeners : {", 0);
198 iter = this.orderedListenerKeys().list_iterator();
203 var v = this.out_listeners.get(k);
204 this.node.setLine(this.cur_line, "l",k); //listener
205 this.addLine(this.pad + indent_str + k + " : " + v , ',');
206 this.node.setLine(this.cur_line, "e", "");
210 this.addLine(this.pad + "}" ,',');
214 //------- at this point it is the end of the code relating directly to the object..
222 var niter = this.out_nodeprops.map_iterator();
224 while(niter.next()) {
225 var addstr = this.mungeChildNew(this.pad + indent_str, niter.get_value());
226 this.node.setLine(this.cur_line, "p",niter.get_key());
227 this.addLine(this.pad + niter.get_key() + " : " + addstr, ',');
228 if (niter.get_key() == "xns") {
229 this.addLine(this.pad + "'|xns' : '" + addstr + "'", ',');
232 this.node.setLine(this.cur_line, "e", "");
236 var piter = this.out_props_array.map_iterator();
238 while(piter.next()) {
239 this.node.setLine(this.cur_line, "p",niter.get_key());
240 this.addLine(this.pad + piter.get_key() + " : [", 0);
242 var pliter = piter.get_value().list_iterator();
243 while (pliter.next()) {
244 var addstr = this.mungeChildNew(this.pad + indent_str + indent_str, pliter.get());
245 this.addLine(this.pad + indent_str + addstr, ',');
248 this.addLine(this.pad + "]" , ',');
252 if (this.out_children.size > 0) {
253 this.addLine(this.pad + "items : [" , 0);
254 var cniter = this.out_children.list_iterator();
255 while (cniter.next()) {
256 suffix = cniter.has_next() ? "," : "";
257 var addstr = this.mungeChildNew(this.pad + indent_str + indent_str, cniter.get());
258 this.addLine(this.pad + indent_str + addstr, ',');
262 this.addLine(this.pad + "]",',');
266 if (this.node.props.has_key("* xinclude")) {
267 this.addLine(spad + "})",0);
270 this.addLine( spad + "}", 0);
273 this.node.sortLines();
275 this.node.line_end = this.cur_line;
283 * if we end with a ','
287 char last_line_end = '!';
290 * add a line - note we will end up with an extra line break
291 * at beginning of nodes doing this..
293 * @param str = text to add..
294 * @param line_end = 0 (just add a line break)
295 * line_end = ',' and ","
298 public void addLine(string str, char line_end)
300 if (this.last_line_end != '!') {
301 this.ret += (this.last_line_end == 0 ? "" : this.last_line_end.to_string()) + "\n";
303 this.last_line_end = line_end;
304 this.cur_line += str.split("\n").length;
308 //this.ret += "/*%d(%d-%d)*/ ".printf(this.cur_line -1, this.node.line_start,this.node.line_end) + str + "\n";
312 public void closeLine() // send this before '}' or ']' to block output of ',' ...
314 this.last_line_end = 0;
317 /* public void addMultiLine(str= "")
320 //this.ret += "/ * %d(%d-%d) * / ".printf(this.cur_line, this.node.line_start,this.node.line_end)+ str + "\n";
321 this.ret += str + "\n";
322 this.cur_line += str.split("\n").length;
325 public string mungeChildNew(string pad , Node cnode )
327 var x = new NodeToJs(cnode, this.doubleStringProps, pad, this);
334 * loop through items[] array see if any of the children have '* prop'
335 * -- which means they are a property of this node.
336 * -- ADD TO : this.opt_props_array
340 public void checkChildren ()
344 // look throught he chilren == looking for * prop.. -- fixme might not work..
347 if (!this.node.hasChildren()) {
352 for (var ii =0; ii< this.node.items.size; ii++) {
353 var pl = this.node.items.get(ii);
354 if (!pl.props.has_key("* prop")) {
359 //print(JSON.stringify(pl,null,4));
361 //var prop = pl['*prop'] + '';
362 //delete pl['*prop'];
363 var prop = pl.get("* prop");
364 //print("got prop "+ prop + "\n");
367 if (! Regex.match_simple("\\[\\]$", prop)) {
368 // it's a standard prop..
370 // munge property..??
372 this.out_nodeprops.set(prop, pl);
380 var sprop = prop.replace("[]", "");
381 //print("sprop is : " + sprop + "\n");
383 // it's an array type..
385 if (!this.out_props_array.has_key(sprop)) {
386 this.out_props_array.set(sprop, new Gee.ArrayList<Node>());
390 this.out_props_array.get(sprop).add( pl);
391 //this.ar_props.set(sprop, nstr);
398 * Standardize this crap...
400 * standard properties (use to set)
401 * If they are long values show the dialog..
404 * bool is_xxx :: can show a pulldown.. (true/false)
406 * $ string html = string with value interpolated eg. baseURL + ".."
407 * Clutter.ActorAlign x_align (typed) -- shows pulldowns if type is ENUM?
408 * $ untypedvalue = javascript untyped value...
409 * _ string html ... = translatable..
412 * object properties (not part of the GOjbect being wrapped?
413 * # Gee.ArrayList<Xcls_fileitem> fileitems
418 * methods -- always text editor..
426 * * init -- big string?
428 * event handlers (listeners)
433 * +XXXX -- indicates it's a instance property / not glob...
434 * *XXXX -- skip writing glob property (used as classes that can be created...)
438 public void readProps()
444 func_regex = new Regex("^\\s+|\\s+$");
445 } catch (RegexError e) {
446 print("failed to build regex");
449 // sort the key's so they always get rendered in the same order..
451 var keys = new Gee.ArrayList<string>();
452 var piter = this.node.props.map_iterator();
453 while (piter.next() ) {
457 this.node.normalize_key(piter.get_key(), out k, out kflag, out ktype);
462 keys.sort(( a, b) => {
463 return ((string)a).collate((string)b);
464 //if (a == b) return 0;
465 //return a < b ? -1 : 1;
468 var has_cms = this.node.has("cms-id");
470 for (var i = 0; i< keys.size; i++) {
471 var key = this.node.get_key(keys.get(i));
472 //("ADD KEY %s\n", key);
477 this.node.normalize_key(key, out k, out kflag, out ktype);
480 var v = this.node.get(key);
483 //if (this.skip.contains(k) ) {
486 if ( Regex.match_simple("\\[\\]$", k)) {
487 // array .. not supported... here?
493 // skip builder stuff. prefixed with '.' .. just like unix fs..
494 if (kflag == ".") { // |. or . -- do not output..
498 // ignore '* prop'; ???
502 // handle cms-id // html
503 if (has_cms && k == "cms-id") {
504 continue; // ignore it...
506 // html must not be a dynamic property...
507 // note - we do not translate this either...
508 if (has_cms && k == "html" && kflag != "$") {
511 this.out_props.set("html", "Pman.Cms.content(" +
512 this.node.quoteString(this.renderer.name + "::" + this.node.get("cms-id")) +
514 this.node.quoteString(v) +
523 if (Lang.isKeyword(leftv) || Lang.isBuiltin(leftv)) {
524 left = "'" + leftv + "'";
525 } else if (Regex.match_simple("[^A-Za-z_]+",leftv)) { // not plain a-z... - quoted.
526 var val = this.node.quoteString(leftv);
528 left = "'" + val.substring(1, val.length-2).replace("'", "\\'") + "'";
534 // next.. is it a function.. or a raw string..
542 // ??? any others that are raw output..
544 // does not hapepnd with arrays..
545 if (v.length < 1) { //if (typeof(el) == 'string' && !obj[i].length) { //skip empty.
552 str = func_regex.replace(v,v.length, 0, "");
554 print("regex failed");
560 var lines = str.split("\n");
562 if (lines.length > 0) {
563 nstr = string.joinv("\n" + this.pad, lines);
564 //nstr = string.joinv("\n", lines);
566 this.out_props.set(left, nstr);
572 //print("==> " + str + "\n");
573 //this.els.add(left + " : "+ nstr);
584 ktype.down() == "boolean"
586 ktype.down() == "bool"
588 ktype.down() == "number"
590 ktype.down() == "int"
591 ) { // boolean or number...?
592 this.out_props.set(left, v.down());
593 //this.els.add(left + " : " + v.down() );
597 // is it a translated string?
603 //if (this.doubleStringProps.size < 1) {
604 // this.els.add(left + this.node.quoteString(v));
608 if ((this.doubleStringProps.index_of(k) > -1) ||
609 (ktype.down() == "string" && k[0] == '_')
612 // then use the translated version...
615 (v.split("\n").length > 1 ?
616 ("\n" + this.pad + string.joinv(this.pad + "\n", v.split("\n")).replace("*/", "* - /") + "\n" + this.pad + "*/ ") :
617 (v.replace("*/", "* - /") + " */")
620 //this.els.add(left + " : _this._strings['" +
621 // GLib.Checksum.compute_for_string (ChecksumType.MD5, v) +
624 this.out_props.set(left, "_this._strings['" +
625 GLib.Checksum.compute_for_string (ChecksumType.MD5, v.strip()) +
630 // otherwise it needs to be encapsulated.. as single quotes..
632 var vv = this.node.quoteString(v);
633 // single quote.. v.substring(1, v.length-1).replace("'", "\\'") + "'";
634 //this.els.add(left + " : " + "'" + vv.substring(1, vv.length-2).replace("'", "\\'") + "'");
635 this.out_props.set(left, "'" + vv.substring(1, vv.length-2).replace("'", "\\'") + "'");
643 public void readListeners()
646 if (this.node.listeners.size < 1) {
649 // munge the listeners.
650 //print("ADDING listeners?");
655 var keys = new Gee.ArrayList<string>();
656 var piter = this.node.listeners.map_iterator();
657 while (piter.next() ) {
659 keys.add(piter.get_key());
661 keys.sort(( a, b) => {
662 return ((string)a).collate((string)b);
663 //if (a == b) return 0;
664 //return a < b ? -1 : 1;
668 for (var i = 0; i< keys.size; i++) {
669 var key = keys.get(i);
670 var val = this.node.listeners.get(key);
674 var str = val.strip();
675 var lines = str.split("\n");
676 if (lines.length > 0) {
677 //str = string.joinv("\n" + this.pad + " ", lines);
678 str = string.joinv("\n" + this.pad + indent_str + indent_str , lines);
681 this.out_listeners.set(key.replace("|", "") ,str);
690 public void iterChildren()
694 // finally munge the children...
695 if (this.node.items.size < 1) {
698 var itms = "items : [\n";
700 for(var i = 0; i < this.node.items.size;i++) {
701 var ele = this.node.items.get(i);
702 if (ele.props.has_key("* prop")) {
706 this.out_children.add(ele);
709 itms += "\n"+ this.pad + "]" + "\n";
710 //this.els.add(itms);
713 // finally output listeners...
715 public void xIncludeToString()