namespace JsRender {

    static int rid = 0; 
 
    class Roo : JsRender 
    {
       string region;
        bool disabled;
        
        public Roo(Project.Project project, string path) {
            base( project, path);
            this.xtype = "Roo";
             this.language = "js";
            
            
            //this.items = false;
            //if (cfg.json) {
            //    var jstr =  JSON.parse(cfg.json);
            //    this.items = [ jstr ];
            //    //console.log(cfg.items.length);
            //    delete cfg.json; // not needed!
            // }
            this.modOrder = "001"; /// sequence id that this uses.
            this.region = "center";
            this.disabled = false;
            
            // super?!?!
            this.id = "file-roo-%d".printf(rid++);
            //console.dump(this);
            // various loader methods..

            string[]  dsp = { "title",
                "legend",
                "loadingText",
                "emptyText",
                "qtip",
                "value",
                "text",
                "emptyMsg",
                "displayMsg" };
            for (var i=0;i<dsp.length;i++) {
                this.doubleStringProps.add(dsp[i]);
            }

            
        }
    
    /*    
        setNSID : function(id)
        {
            
            this.items[0]['|module'] = id;
       
            
        },
        
        
        getType: function() {
            return 'Roo';
        },

    */
		
	public   override void	 removeFiles() {
		var html = GLib.Path.get_dirname(this.path) +"/templates/" + name + ".html";
		if (FileUtils.test(html, FileTest.EXISTS)) {
			GLib.FileUtils.remove(html);
		}
		var js = GLib.Path.get_dirname(this.path) +"/" + name + ".html";
		if (FileUtils.test(js, FileTest.EXISTS)) {
			GLib.FileUtils.remove(js);
		}
	}
		
        public  override void  loadItems() throws GLib.Error // : function(cb, sync) == original was async.
        {
            
             
		print("load Items!");
		if (this.tree != null) {
			return;
		}
		print("load " + this.path);

		var pa = new Json.Parser();
		pa.load_from_file(this.path);
		var node = pa.get_root();

		if (node.get_node_type () != Json.NodeType.OBJECT) {
			throw new Error.INVALID_FORMAT ("Unexpected element type %s", node.type_name ());
		}
		var obj = node.get_object ();
	
	
		this.modOrder = this.jsonHasOrEmpty(obj, "modOrder");
		this.name = this.jsonHasOrEmpty(obj, "name");
		this.parent = this.jsonHasOrEmpty(obj, "parent");
		this.permname = this.jsonHasOrEmpty(obj, "permname");
		this.title = this.jsonHasOrEmpty(obj, "title");
		this.modOrder = this.jsonHasOrEmpty(obj, "modOrder");

		var bjs_version_str = this.jsonHasOrEmpty(obj, "bjs-version");
		bjs_version_str = bjs_version_str == "" ? "1" : bjs_version_str;

		
		// load items[0] ??? into tree...
		if (obj.has_member("items") 
			&& 
			obj.get_member("items").get_node_type() == Json.NodeType.ARRAY
			&&
			obj.get_array_member("items").get_length() > 0
		) {
			this.tree = new Node(); 
			var ar = obj.get_array_member("items");
			var tree_base = ar.get_object_element(0);
			this.tree.loadFromJson(tree_base, int.parse(bjs_version_str));
		}


            
        }
        /**
         * old code had broken xtypes and used arrays differently,
         * this code should try and clean it up..
         * 
         * 
         * /
        fixItems : function(node, fixthis)
        {
            if (fixthis) {
                // fix xtype.
                var fn = this.guessName(node);
                //print("guessname got " + fn);
                if (fn) {
                    var bits = fn.split('.');
                    node.xtype = bits.pop();
                    node['|xns'] = bits.join('.');
                    
                }
                // fix array???
                 
                
            }
            if (!node.items || !node.items.length) {
                return;
            }
            var _this = this;
            var aitems = [];
            var nitems = [];
            node.items.forEach(function(i) {
                
                
                
                _this.fixItems(i, true);
                if (i.xtype == 'Array') {
                    aitems.push(i);
                    return;
                }    
                nitems.push(i);
            });
            node.items = nitems; 
            
            if (!aitems.length) {
                return;
            }
            
            aitems.forEach(function(i) {
                
                if (!i.items || !i.items.length) {
                    return;
                }
                var prop = i['*prop'] + '[]';
                // colModel to cm?
                i.items.forEach(function(c) {
                    c['*prop']  = prop;
                    node.items.push(c);
                    
                });
                
                
            });
            
            
            // array handling.. 
            
            
            
            
            
        },
    */
        
	public  override  void save()
        {
            
		print("--- JsRender.Roo.save");
		this.saveBJS();

		// no tree..
		if (this.tree == null) {
			return;
		}
		// now write the js file..
		string js;
		try {
			Regex regex = new Regex("\\.(bjs|js)$");

			js = regex.replace(this.path,this.path.length , 0 , ".js");
		} catch (RegexError e) {
			this.name = "???";
			print("count not make filename from path");
			return;
		}


		//var d = new Date();
		var js_src = this.toSource();            
		//print("TO SOURCE in " + ((new Date()) - d) + "ms");
		try {
			this.writeFile(js, js_src);            
		} catch (FileError e ) {
			print("Save failed\n");
		}
		// for bootstrap - we can write the HTML to the templates directory..
    		 
            //var top = this.guessName(this.items[0]);
            //print ("TOP = " + top)
             
            
            
            
        }

	 

	 
	public override void saveHTML ( string html )
	{
		 
		var top = this.tree.fqn();
    		print ("TOP = " + top + "\n" );
    		if (top.index_of("Roo.bootstrap.") < 0 &&
		    top.index_of("Roo.mailer.") < 0
		        ) {
        		return;
    		}
    		
    		
// now write the js file..
		string fn;
		try {
			Regex regex = new Regex("\\.(bjs|js)$");

			fn = regex.replace(this.path,this.path.length , 0 , ".html");
		} catch (RegexError e) {
			this.name = "???";
			print("count not make filename from path");
			return;
		}
		var bn = GLib.Path.get_basename(fn);
		var dn = GLib.Path.get_dirname(fn);

		var targetdir = dn + (
              		top.index_of("Roo.mailer.") < 0 ? "/templates" : "" );
	                      
		
		if (!FileUtils.test(targetdir, FileTest.IS_DIR)) {
			print("Skip save - templates folder does not exist : %s\n", targetdir);
			return;
		}
		print("SAVE HTML -- %s\n%s\n",targetdir + "/" +  bn, html);
		try {
			this.writeFile(targetdir + "/" +  bn , html);            
		} catch (FileError e ) {
			print("SaveHtml failed\n");
		}
            
            
            
        }

	public Gee.ArrayList<string> findxincludes(Node node,   Gee.ArrayList<string> ret)
	{
		
		if (node.props.has_key("* xinclude")) {
			ret.add(node.props.get("* xinclude"));
	        }
		for (var i =0; i < node.items.size; i++) {
			this.findxincludes(node.items.get(i), ret);
		}
		return ret;
			
	}
	    
        /**
	 * javascript used in Webkit preview 
         */
        
        public override string  toSourcePreview()
        {
		print("to source preview\n");
		if (this.tree == null) {
			return "";
		}
		var top = this.tree.fqn();
		var xinc = new Gee.ArrayList<string>(); 

		this.findxincludes(this.tree, xinc);
		print("got %d xincludes\n", xinc.size);
		var prefix_data = "";
		if (xinc.size > 0 ) {
			for(var i = 0; i < xinc.size; i++) {
				print("check xinclude:  %s\n", xinc.get(i));
				var sf = this.project.getByName(xinc.get(i));
				if (sf == null) {
					print("Failed to find file by name?\n");
					continue;
				}

				sf.loadItems();
				var xinc_str = sf.toSource();
				
				//string xinc_str;
				//FileUtils.get_contents(js, out xinc_str);
				prefix_data += "\n" + xinc_str + "\n";
				
			}

		}

		
		
		//print(JSON.stringify(this.items, null,4));
		       
		if (top == null) {
			print ("guessname returned false");
			return "";
		}


		if (top.contains("Dialog")) {
			return prefix_data + this.toSourceDialog(true);
		}

		if (top.contains("Modal")) {
			return prefix_data + this.toSourceModal(true);
		}

		return prefix_data + this.toSourceLayout(true);
            
            
            
        }
        
        /**
         * This needs to use some options on the project
         * to determine how the file is output..
         * 
         * At present we are hard coding it..
         * 
         * 
         */
        public override string toSource()
        {
            // dump the file tree back out to a string.
            
            // we have 2 types = dialogs and components
            // 
	    if (this.tree == null) {
		    return "";
	    }
            var top = this.tree.fqn();
            if (top == null) {
                return "";
            }
            if (top.contains("Dialog")) {
                return this.toSourceDialog(false);
            }
            
            if (top.contains("Modal")) {
                return this.toSourceModal(false);
            }
            return this.toSourceLayout(false);
            
            /*
            eventually support 'classes??'
             return this.toSourceStdClass();
            */
              
        }
       
        public string outputHeader()
        {
    		string[] s = {
		        "//<script type=\"text/javascript\">",
		        "",
		        "// Auto generated file - created by app.Builder.js- do not edit directly (at present!)",
		        ""
		   
    		};  
    		var ret=  string.joinv("\n",s);
		var bits = this.name.split(".");
		if (bits.length > 1) {
			ret += "\nRoo.namespace(\'" + 
				this.name.substring(0, this.name.length - (bits[bits.length-1].length + 1)) +
				"');\n";
				
		}
		/// genericlly used..
		  
		return ret;
            
       
        }
        // a standard dialog module.
        // fixme - this could be alot neater..
        public string toSourceDialog(bool isPreview) 
        {
            
            //var items = JSON.parse(JSON.stringify(this.items[0]));
            
            
            var o = this.mungeToString("            ");   

 
            string[] adda = { " = {",
                "",
                "    dialog : false,",
                "    callback:  false,",
                "",   
                "    show : function(data, cb)",
                "    {",
                "        if (!this.dialog) {",
                "            this.create();",
                "        }",
                "",
                "        this.callback = cb;",
                "        this.data = data;",
                "        this.dialog.show(this.data._el);",
                "        if (this.form) {",
                "           this.form.reset();",
                "           this.form.setValues(data);",
                "           this.form.fireEvent('actioncomplete', this.form,  { type: 'setdata', data: data });",
                "        }",
                "",   
                "    },",
                "",
                "    create : function()",
                "    {",
                "        var _this = this;",
                "        this.dialog = Roo.factory(" 
            };
            string[] addb = {  
                        ");",
                "    }",
                "};",
                ""
            };
            return  this.outputHeader() + "\n" +
                this.name + string.joinv("\n", adda) + o + string.joinv("\n", addb);
            
             
             
             
        }
        
        public string toSourceModal(bool isPreview) 
        {
            
            
            //var items = JSON.parse(JSON.stringify(this.items[0]));
            var o = this.mungeToString("            ");   
            
            string[] adda = { " = {",
                "",
                "    dialog : false,",
                "    callback:  false,",
                "",   
                "    show : function(data, cb)",
                "    {",
                "        if (!this.dialog) {",
                "            this.create();",
                "        }",
                "",
                "        this.callback = cb;",
                "        this.data = data;",
                "        this.dialog.show(this.data._el);",
                "        if (this.form) {",
                "           this.form.reset();",
                "           this.form.setValues(data);",
                "           this.form.fireEvent('actioncomplete', this.form,  { type: 'setdata', data: data });",
                "        }",
                "",   
                "    },",
                "",
                "    create : function()",
                "    {",
                "        var _this = this;",
                "        this.dialog = Roo.factory("
            };
            string[] addb =  {
                ");",
                "    }",
                "};",
                ""
            };
            return this.outputHeader() + "\n" + 
                this.name + string.joinv("\n", adda) + o + string.joinv("\n", addb);
             
             
             
        }
        
        
        public string   pathToPart()
        {
            var dir = Path.get_basename(Path.get_dirname(this.path));
            var ar = dir.split(".");
            var modname = ar[ar.length-1];
            
            // now we have the 'module name'..
            var fbits = Path.get_basename(this.path).split(".");
            
             
            var npart = fbits[fbits.length - 2]; // this should be 'AdminProjectManager' for example...
            if (modname.length < npart.length && npart.substring(0, modname.length) == modname) {
                npart = npart.substring(modname.length);
            }
            return "[" + this.tree.quoteString(modname) + ", " + this.tree.quoteString(npart) + " ]";
            //return ret;
            
            
            
            
        }
        
        // a layout compoent 
        public string toSourceLayout(bool isPreview) 
        {
          
            
    		if (isPreview) {
    			//       topItem.region = 'center';
    			//    topItem.background = false;
    		}
            
    		var o = this.mungeToString("            ");   
    		var reg = new Regex("[^A-Za-z.]+");
            
    		string modkey = this.modOrder + "-" + reg.replace(this.name, this.name.length, 0 , "-");
            
    		string  parent =   (this.parent.length > 0 ?  "'" + this.parent + "'" :  "false");

		
		
    		if (isPreview) {
			// set to false to ensure this is the top level..
        		parent = "false";
			var topnode = this.tree.fqn();
			print("topnode = %s\n", topnode);
			if (GLib.Regex.match_simple("^Roo\\.bootstrap\\.",topnode) &&
			    topnode != "Roo.bootstrap.Body"
			) {
				parent = "\"#bootstrap-body\"";
			}
			  
    		}
            
          
    		return 
		        this.outputHeader() + "\n" +
		        
		        this.name  +  " = new Roo.XComponent({\n" +
		        "    part     :  "+ this.pathToPart() + ",\n" +
		                /// critical used by builder to associate modules/parts/persm
		        "    order    : '" +modkey+"',\n" +
		        "    region   : '" + this.region   +"',\n" +
		        "    parent   : "+ parent + ",\n" +
		        "    name     : " + this.tree.quoteString(this.title.length > 0 ? this.title : "unnamed module") + ",\n" +
		        "    disabled : " + (this.disabled ? "true" : "false") +", \n" +
		        "    permname : '" + (this.permname.length > 0 ? this.permname : "") +"', \n" +
		            
		       // "    tree : function() { return this._tree(); },\n" +   //BC
		        "    _tree : function()\n" +
		        "    {\n" +
		        "        var _this = this;\n" + // bc
		        "        var MODULE = this;\n" + /// this looks like a better name.
		        "        return " + o + ";" +
		        "    }\n" +
		        "});\n";
		         
             
            
        }
            
        public new string? guessName (Node? ar) // turns the object into full name.
        {
             // eg. xns: Roo, xtype: XXX -> Roo.xxx
            if (ar == null) {
                return null;
            }
            
            string[] ret = {} ;
            ret += (ar.get("|xns").length < 1 ? "Roo": ar.get("|xns"));
             
            
            if ( ar.get("xtype").length < 1) {
                return null;
            }
                    
            var xtype = ar.get("xtype");

            if (xtype[0] == '*') { // prefixes????
                xtype  = xtype.substring(1);
            }
            if (! Regex.match_simple("^Roo", xtype)) {
                
                // already starts with roo...
                ret = {};
            }
            ret += xtype;
            var str =  string.joinv(".", ret);
            
            return str;
           // 
            //Palete.Palete.factory("Roo").guessName(str);
            
                            
                                 
        }
        
        string getHelpUrl(string cls)
        {
            return "http://www.roojs.com/roojs1/docs/symbols/" + cls + ".html";
        }
		 
     
    }
}