/*
 * Copyright (c) 2026, Tribal Limited
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *     * Redistributions of source code must retain the above copyright
 *       notice, this list of conditions and the following disclaimer.
 *     * Redistributions in binary form must reproduce the above copyright
 *       notice, this list of conditions and the following disclaimer in the
 *       documentation and/or other materials provided with the distribution.
 *     * Neither the name of Zenario, Tribal Limited nor the
 *       names of its contributors may be used to endorse or promote products
 *       derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL TRIBAL LTD BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

/*
	This file contains JavaScript source code.
	The code here is not the code you see in your browser. Before this file is downloaded:
	
		1. Compilation macros are applied (e.g. "foreach" is a macro for "for .. in ... hasOwnProperty").
		2. It is minified (e.g. using Google Closure Compiler).
	
	For more information, see js_minify.shell.php.
*/


var sourceLib;


zenario.lib(function(
	undefined,
	URLBasePath,
	document, window, windowOpener, windowParent,
	zenario, zenarioA, zenarioT, zenarioAB, zenarioAT, zenarioO,
	encodeURIComponent, defined, engToBoolean, get, htmlspecialchars, jsEscape, phrase,
	extensionOf, methodsOf, has,
	devTools, editor,
	
) {
	"use strict";


var $toolbar = $('#toolbar'),
	$editor = $('#editor'),
	$lowerbar = $('#lowerbar'),
	$sidebar = $('#sidebar'),
	$sidebarInner = $('#sidebar_inner');

//devTools.editingPositions = {};
devTools.internalCMSProperties = {
	id: {description: 'Zenario automatically sets this property to the codename of its element.\n\nThis is a &ldquo;Quality of Life&rdquo; feature, to help any developer who has a variable with a reference to the element, but not a variable with its codename.'},
	class_name: {description: 'The name of the module that created this element.\n\nZenario sets this property automatically when reading elements from <code>.yaml</code> files, but if you construct elements in your PHP code then you will need to add this yourself.'},
	only_merge_into_an_existing_object: {isGlobal: true, description: "This property is helpful when trying to add properties to an existing element defined in another TUIX file, but cannot be sure if the element will be there or not. If this property is set, its sibling properties will be ignored if the element is not there when the TUIX is merged."},
	priv: {isGlobal: true, description: "If you give an element the <code>priv</code> property and enter the name of an admin permission, the element will be <code>unset()</code> if the current admin does not have the permission you specified.\n\nThis property must be written in your <code>.yaml</code> file. It can't be changed in PHP."}
};

//A little hack to turn on flagging undefined additional properties in tv4
devTools.initR = function(schema) {
	if (typeof schema == 'object') {
		
		foreach (schema as var i) {
			devTools.initR(schema[i]);
		}
		
		if (schema.properties
		 && !schema.additionalProperties) {
			schema.additionalProperties = false;
		}
	}
};


devTools.init = function(mode, schemaName, schema, orgMap) {
	devTools.schemaName = schemaName;
	devTools.mode = mode;
	devTools.orgMap = mode == 'zenarioO' && orgMap;
	devTools.rootPath = '';
	devTools.pages = {};
	
	if (schema) {
		devTools.initR(schema);
		
		//Create a few copies of the panel definition everywhere
			//I could have done this in YAML or PHP but that would cause a large page load with lots of repeated information.
			//Also, the definition is recursive, but the JSON schema parser crashes if you use infinite recursion. I'm solving
			//this problem by only using three recursions.
		if (mode == 'zenarioO') {
			var panel = schema.additionalProperties.properties.panels.additionalProperties;
			
			//Set the panel types definition to an enum that contains all possible options
			if (windowOpener
			 && windowOpener.zenarioO
			 && windowOpener.zenarioO.panelTypes) {
			 	delete panel.properties.panel_type.type
			 	panel.properties.panel_type['enum'] = _.keys(window.opener.zenarioO.panelTypes);
			}
			
			//Merge in a few things
			$.extend(true, panel.properties, panel.merge);
			
			var panelCopy1 = $.extend(true, {}, panel),
				panelCopy2 = $.extend(true, {}, panel),
				panelCopy3 = $.extend(true, {}, panel);
			
			panelCopy2.properties.item.properties.panel = panelCopy3;
			panelCopy1.properties.item.properties.panel = panelCopy2;
				 panel.properties.item.properties.panel = panelCopy1;
			panelCopy2.properties.trash.properties.panel = panelCopy3;
			panelCopy1.properties.trash.properties.panel = panelCopy2;
				 panel.properties.trash.properties.panel = panelCopy1;
			panelCopy2.properties.items.additionalProperties.properties.panel = panelCopy3;
			panelCopy1.properties.items.additionalProperties.properties.panel = panelCopy2;
				 panel.properties.items.additionalProperties.properties.panel = panelCopy1;
			panelCopy2.properties.item_buttons.additionalProperties.properties.panel = panelCopy3;
			panelCopy1.properties.item_buttons.additionalProperties.properties.panel = panelCopy2;
				 panel.properties.item_buttons.additionalProperties.properties.panel = panelCopy1;
			panelCopy2.properties.collection_buttons.additionalProperties.properties.panel = panelCopy3;
			panelCopy1.properties.collection_buttons.additionalProperties.properties.panel = panelCopy2;
				 panel.properties.collection_buttons.additionalProperties.properties.panel = panelCopy1;
			panelCopy2.properties.hidden_nav.additionalProperties.properties.panel = panelCopy3;
			panelCopy1.properties.hidden_nav.additionalProperties.properties.panel = panelCopy2;
				 panel.properties.hidden_nav.additionalProperties.properties.panel = panelCopy1;
			
			schema.additionalProperties.properties.nav.additionalProperties.properties.panel = panel;
		}
		
		devTools.schema = schema;
		
		if (schema.pages) {
			foreach (schema.pages as var p) {
				devTools.pages[schema.pages[p]] = true;
			}
		}
	
	} else {
		devTools.schema = false;
	}
	
	editor.setTheme('ace/theme/textmate');
    //editor.setTheme('ace/theme/idle_fingers');
    //editor.setTheme('ace/theme/tomorrow_night_bright');
    
    editor.commands.removeCommand('blockoutdent');
	
	editor.setBehavioursEnabled(false);
	
	//Workaround for a bug where ace doesn't account for the annotations when calculating the gutter width
	editor.session.gutterRenderer =  {
		getWidth: function(session, lastLineNumber, config) {
			return 16 + lastLineNumber.toString().length * config.characterWidth;
		},
		getText: function(session, row) {
			return row;
		}
	};
	
	
    document.getElementById('editor').style.fontSize='13px';
    //document.getElementById('editor').style.fontSize='0.95em';
	editor.setShowPrintMargin(false);
	
	
	
	var editorHeight = $editor.height(),
		menuHeight = $toolbar.height() + $lowerbar.height(),
		winHeight = Math.floor($(window).height()),
		options = {
			containment: 'document',
			minWidth: 75,
			minHeight: winHeight - menuHeight,
			maxHeight: winHeight - menuHeight,
			handles: 'e, s, se',
			start: devTools.handleResize,
			resize: devTools.handleResize,
			stop: devTools.handleResize
		};
	
	$editor.resizable(options);
	
	
	devTools.load();
	

	var $tooltip = $('<div class="editor_tooltip" style="position: absolute; display: none;"></div>');
	$tooltip.appendTo(document.body);
	
	
	var lastRow = -1,
		text = '';
	
	//Show a tooltip giving information on a line when the developer hovers their mouse over it
	editor.on("mousemove", function(e) {
		var pos = e.getDocumentPosition();
		
		if (!pos) {
			return;
		}
		
		if (lastRow != pos.row) {
			//lastToken = e.editor.session.getTokenAt(pos.row, pos.column) 
			
			if (devTools.format == 'yaml') {
				devTools.locatePosition(pos, function(path, data) {
					var sche = devTools.drillDownIntoSchema(path, data);
				
					if (sche.parent) {
						devTools.formatRequiredPropertiesInSchema(sche.parent);
					}
				
					sche.tag = path.split('/').pop();
					sche.isRequired =
						sche.parent
					 && sche.parent.requiredProperties
					 && sche.parent.requiredProperties[sche.tag];
			
					text = '';
					if (sche.exact) {
						text = zenarioT.microTemplate('zenario_dev_tools_tooltip', sche);
					
					//Ignore cms internal properties that start with "_cms_"
					} else if (sche.tag.substr(0, 5) == '_cms_') {
						text = zenarioT.microTemplate('zenario_dev_tools_internal_property_tooltip', sche);
					
					} else if (sche.internalCMSProperty = devTools.internalCMSProperties[sche.tag]) {
						text = zenarioT.microTemplate('zenario_dev_tools_internal_property_tooltip', sche);
					
					} else {
						text = '';
					}
					$tooltip.html(text);
				});
			} else {
				text = '';
				$tooltip.html(text);
			}
			
			lastRow = pos.row;
		}
			
		if (!text) {
			$tooltip.hide();
		
		} else {
			$tooltip.show().css('top', e.clientY + 20).css('left', e.clientX);
		}
	});
	
	$editor.on('mouseout', function() {
		$tooltip.hide();
	});
};



devTools.load = function() {
	zenarioA.nowDoingSomething('loading');
	
	//Check if there is an opener
	if (!devTools.mode
	 || !windowOpener
	 || !windowOpener[devTools.mode]
	 || (!devTools.orgMap && !windowOpener[devTools.mode].url)) {
		
		//It might be nice to use the dev tools to make something from scratch.
		//But for now, just stop with an error.
		alert('Error, could not load!');
		return;
	}
	
	sourceLib = windowOpener[devTools.mode];
	
	//Work out the full URL to the TUIX ajax file, including the appropriate mode and any requests
	var url;
	if (devTools.orgMap) {
		url = URLBasePath + 'zenario/admin/organizer.ajax.php?_cms_debug=1';
		devTools.path = '';
	
	} else {
		if (sourceLib.devToolsURL) {
			url = sourceLib.devToolsURL + '&_cms_debug=1';
		} else {
			url = sourceLib.url + '&_cms_debug=1';
		}
		
		devTools.path = sourceLib.path;
	}
	
	
	//Attempt to load the data from the TUIX ajax file, with the _cms_debug flag set
	//This gives the data in a slightly different format with more information than usual
	zenario.ajax(url, false, true).after(function(data) {
			
		devTools.focus = data;
		devTools.tagPath = devTools.focus.tag_path || devTools.path || '';
		
		if (devTools.orgMap) {
			devTools.map = $.extend(true, {}, sourceLib.map);
			devTools.filterNav(devTools.map);
			devTools.filterNav(devTools.focus.tuix);
		}
		
		//Load information on each of the contributing files
		devTools.focus.files = {};
		var moduleClassName, module,
			modules = devTools.focus.modules_files_loaded,
			paths,
			files = {},
			file,
			url,
			post;
		
		foreach (modules as moduleClassName => module) {
			if (paths = module.paths) {
				foreach (paths as file) {
					files[moduleClassName + '.' + file] = false;
				}
			}
		}
		
		url = 'zenario/admin/dev_tools/ajax.php?mode=' + encodeURIComponent(devTools.mode);
		post = {load_tuix_files: JSON.stringify(files)};
		
		zenario.ajax(url, post, true).after(function(data) {
			if (data) {
				foreach (modules as moduleClassName => module) {
					if (paths = module.paths) {
						foreach (paths as file) {
							if (data[moduleClassName + '.' + file]) {
								data[moduleClassName + '.' + file].path = paths[file];
								devTools.focus.files[moduleClassName + '.' + file] = data[moduleClassName + '.' + file];
							}
						}
					}
				}
			}
			
			devTools.draw();
			zenarioA.nowDoingSomething(false);
		});
	});
};

devTools.filterNav = function(tuix, topLevel, parentKey, parentParentKey) {
	
	if (!defined(topLevel)) {
		topLevel = sourceLib.currentTopLevelPath.split('/');
		topLevel = topLevel[0];
	}
	
	//Don't show "branch" properties thar the system has automatically added
	delete tuix.branch;
	
	foreach (tuix as var key) {
		
		//There are three exceptions in the map, where we put things in at the top level
		//that are not top level items. Don't filter these.
		if (!defined(parentKey)
		 && (key == 'dummy_item'
		  || key == '_cms_dumps'
		  || key == '_cms_sourceFileList'
		  || key == 'top_right_buttons')) {
			continue;
		}
		
		//Only show:
		if (key !== 'class_name' && (
			//Top level items
			(!defined(parentKey))
			//Any nav/hidden nav
		 || (parentKey === 'nav')
		 	//Properties of top level items and second level nav/hidden nav
		 || (!defined(parentParentKey) || parentParentKey === 'nav')
			//The properties of links
		 || (parentKey === 'link')
			//The _cms_pathToHere property of panels
		 || (parentKey === 'panel' && key === '_cms_pathToHere')
		)) {
			//This code would hide second levels for non-selected sections
			//if (!defined(parentParentKey)
			// && parentKey != topLevel
			// && (key === 'nav' || key === 'panel')) {
			// 	if (key === 'panel') {
			//		delete tuix[key];
			// 	} else {
			//		tuix[key] = {};
			//	}
			//	
			//} else 
			if (typeof tuix[key] == 'object') {
				devTools.filterNav(tuix[key], topLevel, key, parentKey);
			}
		} else {
			delete tuix[key];
		}
	}
};

devTools.draw = function() {
	if (!devTools.focus) {
		return false;
	}
	
	devTools.updateToolbar(true);
	devTools.updateEditor();
};


var filePathsUsed;
devTools.updateToolbar = function(refresh) {
	var merge = {
		files: {},
		paths: {},
		selectedFile: devTools.orgMap? 'orgmap' : 'current',
		query_ids: devTools.focus.query_ids,
		query_select_count: devTools.focus.query_select_count,
		query_full_select: devTools.focus.query_full_select
	};
	
	var file,
		path, paths, dir, dirs,
		moduleClassName, module,
		modules = devTools.focus.modules_files_loaded,
		cursor;
	
	filePathsUsed = {};
	
	foreach (modules as moduleClassName => module) {
		if (paths = module.paths) {
			foreach (paths as file => path) {
				dirs = path.split('/');
				dirs.pop();
				dir = dirs.join('/');
				dir += '/';
				merge.paths[dir] = dirs.slice(-3).join('/');
				merge.files[moduleClassName + '.' + file] =
				filePathsUsed[moduleClassName + '.' + file] = paths[file];
			}
		}
	}
	
	if (get('view')) {
		merge.selectedFile = get('view').value;
	}
	
	$toolbar.html(zenarioT.microTemplate('zenario_dev_tools_toolbar', merge));
	$lowerbar.html(zenarioT.microTemplate('zenario_dev_tools_lowerbar', merge));
	
	devTools.setupCopyButton();
};

devTools.setupCopyButton = function() {
	var $copy = $('#copyFilePath'),
		$view = $('#view'),
		selectedView = $view.val();
	
	if (selectedView && filePathsUsed[selectedView] && zenario.canCopy()) {
		$copy.show().on('click', function() {
			zenarioA.copy(filePathsUsed[selectedView]);
		});
	} else {
		$copy.off().hide();
	}
};

devTools.removeHiddenItems = function(tuix) {
	
	var k, v;
	
	foreach (tuix as k => v) {
		if ('object' == typeof v) {
			if (v._cms_hidden) {
				delete tuix[k];
			} else {
				devTools.removeHiddenItems(v);
			}
		}
	}
	
};


devTools.lastView = false;
devTools.updateEditor = function() {
	
	var view = get('view').value,
		format = 'yaml',
		wordWrap = false;
	
	
	//Set a variable to work around a bug where Most of the editor's API functions trigger the "change" event
	devTools.editorSetValueByScript = true;
	
	//if (editor.selection
	// && devTools.lastView) {
	//	devTools.editingPositions[devTools.lastView] = {
	//		top: editor.session.getScrollTop(),
	//		left: editor.session.getScrollLeft(),
	//		range: editor.getSelectionRange()
	//	};
	//}
	devTools.lastView = view;
	
	//Add some extra black lines to the bottom of the editor in some views,
	//as a hack to let people read tooltips that go off the bottom of the page!
	var padding = '\n\n\n\n';
	
	//Show the current TUIX
	if (view == 'current' || view == 'visible') {
		var tuix = sourceLib.tuix;
		if (view == 'visible') {
			tuix = JSON.parse(JSON.stringify(tuix));
			devTools.removeHiddenItems(tuix);
		}
		editor.setValue(devTools.toFormat(tuix, format) + padding);
		//editor.setReadOnly(false);
		devTools.rootPath = devTools.tagPath;
	
	//Show the current TUIX for the top level nav in Organizer
	} else if (view == 'orgmap') {
		editor.setValue(devTools.toFormat(devTools.map, format) + padding);
		//editor.setReadOnly(false);
		devTools.rootPath = devTools.tagPath;
	
	//Show the merged source
	} else if (view == 'combined') {
		editor.setValue(devTools.toFormat(devTools.focus.tuix, format) + padding);
		//editor.setReadOnly(true);
		devTools.rootPath = devTools.tagPath;
	
	//Show Storekeeper queries
	} else if (view == 'query_ids') {
		editor.setValue(devTools.focus.query_ids);
		//editor.setReadOnly(true);
		format = 'mysql';
	
	} else if (view == 'query_select_count') {
		editor.setValue(devTools.focus.query_select_count);
		//editor.setReadOnly(true);
		format = 'mysql';
	
	} else if (view == 'query_full_select') {
		editor.setValue(devTools.focus.query_full_select);
		//editor.setReadOnly(true);
		format = 'mysql';
	
	//Show the HTML used for a tuix form
	} else if (view == 'form_html') {
		editor.setValue(sourceLib._cms_formHTML || '');
		//editor.setReadOnly(true);
		format = 'html';
		wordWrap = true;
	
	//Show an individual TUIX file
	} else {
		
		var data;
		if (data = devTools.focus.files[view]) {
			
			var ext = view.split('.');
			ext = ext[ext.length-1];
			
			if (format == ext || (format == 'json' && ext == 'js') || (format == 'yaml' && ext == 'yml')) {
				//Enable editing if we are looking at the source code
				editor.setValue(data.source);
				//editor.setReadOnly(false);
			
			} else {
				editor.setValue(devTools.toFormat(data.tags, format));
				//editor.setReadOnly(true);
			}
			
			devTools.rootPath = '';
		}
	}
	
	editor.setReadOnly(true);
	editor.setOption('wrap', wordWrap);
	
	//if (devTools.editingPositions[view]) {
	//	editor.session.setScrollTop(devTools.editingPositions[view].top);
	//	editor.session.setScrollLeft(devTools.editingPositions[view].left);
	//	editor.selection.setSelectionRange(devTools.editingPositions[view].range);
	//} else {
	//	editor.gotoLine(1);
	//	editor.scrollToLine(1, true, false);
	//}
	
	var session = editor.getSession();
	
	//Set the format
	devTools.format = format;
	session.setMode('ace/mode/' + format);
	
	if (devTools.showPathOnLoad) {
		devTools.editorSelectFullPath(devTools.showPathOnLoad);
	} else {
		devTools.editorSelectPath(undefined, true);
	}
	delete devTools.showPathOnLoad;
	
	devTools.editorSetValueByScript = true;
	devTools.validate();
	editor.focus();
	
	setTimeout(function() {
		session.getUndoManager().reset();
	}, 1);
	
	//Clear my work-around variable
	devTools.editorSetValueByScript = false;
};

devTools.handleResize = function(event, ui) {
	var id = ui.element.attr('id'),
		width = ui.element.width(),
		winWidth = Math.floor($(window).width()),
		left = width,
		right = winWidth - width;
	
	$toolbar.width(left).css('right', right);
	$editor.width(left).css('right', right).css('height', '');
	$lowerbar.width(left).css('right', right);
	$sidebar.css('left', left).width(right);
	
	editor.resize();
	devTools.sizePropertyTable();
};

devTools.toFormat = function(object, format) {
	if (format == 'yaml') {
		return devTools.toYAML(object);
	} else if (format == 'json') {
		return JSON.stringify(object, undefined, '\t');
	}
}

devTools.fromFormat = function(text, format, log) {
	try {
		if (format == 'yaml') {
			return devTools.fromYAML(text);
		
		} else if (format == 'json') {
			return JSON.parse(text);
		
		} else {
			return false;
		}
	} catch (e) {
		return false;
	}
}

devTools.toYAML = function(object) {
	return jsyaml.safeDump(object, {indent: 4, skipInvalid: true});
};

devTools.fromYAML = function(string) {
	return jsyaml.safeLoad(string.replace(/\t/g, '    '));
};

devTools.arrayToString = function(array) {
	if (_.isArray(array)) {
		array = array.join('\n');
	}
	return array;
};

devTools.arrayToList = function(array) {
	if (typeof array == 'string') {
		return array.replace(/,/g, ', ');
	} else {
		return array.join(', ');
	}
};

//ksort an object.
//Warning: this relies on behaviour that's not actually in the JavaScript spec to work!
devTools.ksort = function(unsorted, method) {
	var sorted = {},
		ki, keys = _.keys(unsorted);
	
	keys.sort(method);
	
	for (ki = 0; ki < keys.length; ++ki) {
		sorted[keys[ki]] = unsorted[keys[ki]];
	}
	
	return sorted;
};

devTools.underscoresLast = function(a, b) {
	a = a.replace(/_/g, '~');
	b = b.replace(/_/g, '~');
	
	return a < b? -1 : 1;
};


//This function will return true if the object data contains a keys/a tag path of path
devTools.checkPathIsInData = function(path, data, returnValue) {
	
	var i,
		tags = path.split('/');
	
	foreach (tags as i) {
		var tag = tags[i];
		
		if (tag !== '') {
			if (typeof data == 'object'
			 && defined(data[tag])) {
				data = data[tag];
			} else {
				return false;
			}
		}
	}
	
	if (returnValue) {
		return data;
	} else {
		return true;
	}
};

//This will loop through all of
devTools.highlightFilesContainingSelection = function(path) {
	
	var files = {},
		localPath,
		fullPath;
	
	if (devTools.rootPath) {
		localPath = path.replace(devTools.rootPath + '/', '');
		fullPath = devTools.tagPath + '/' + localPath;
	
	} else if (devTools.tagPath) {
		localPath = path.replace(devTools.tagPath + '/', '');
		fullPath = devTools.tagPath + '/' + localPath;
	
	} else {
		localPath = path;
		fullPath = path;
	}
	
	
	$('#view option').each(function(i, el) {
		var view = el.value,
			text = $(el).text(),
			contains = false;
		
		if (text.substr(0, 2) == '* ') {
			text = text.substr(2);
		}
		
		if (view == 'current' || view == 'visible') {
			contains = devTools.checkPathIsInData(localPath, sourceLib.focus);
		
		} else if (view == 'orgmap') {
			contains = devTools.checkPathIsInData(localPath, devTools.map);
		
		} else if (view == 'combined') {
			contains = devTools.checkPathIsInData(localPath, devTools.focus.tuix);
		
		} else if (devTools.focus.files[view] && devTools.focus.files[view].tags) {
			contains = devTools.checkPathIsInData(fullPath, devTools.focus.files[view].tags);
			
			if (contains) {
				files[view] = text;
			}
			
		} else {
			return;
		}
		
		if (contains) {
			text = '* ' + text;
		}
		
		$(el).text(text);
	});
	
	return files;
}


//Given a schema definition (and optionally an object containing the current data),
//this function will take the current path and drill down into the schema (and data if provided)
//to give the schema definition/data at that point
devTools.drillDownIntoSchema = function(localPath, data) {
	
	if (!defined(localPath)) {
		localPath = '';
	}
	
	var i,
		isLocalPath,
		tag,
		tags,
		lastTag = '',
		paths = [devTools.rootPath, localPath],
		sche = {
			schema: devTools.schema,
			data: data,
			exact: false,
			parent: {
				schema: {},
				path: ''},
			object: {
				tag: '',
				data: data || {},
				schema: devTools.schema,
				path: '',
				parent: {
					schema: {},
					path: ''},
				url: devTools.schemaName? 'https://zenar.io/ref-' + devTools.schemaName + '-' + devTools.schema.top_level_page : false
			},
			path: ''
		};
	
	if (!sche.schema) {
		return sche;
	}
	
	
	foreach (paths as isLocalPath) {
		tags = paths[isLocalPath].split('/');
		
		foreach (tags as i) {
			tag = tags[i];
			
			if (tag !== '') {
				sche.parent.schema = sche.schema;
				sche.parent.path = sche.path;
				
				if (sche.schema.properties
				 && sche.schema.properties[tag]) {
					sche.path += (sche.path? '/' : '') + tag;
					sche.schema = sche.schema.properties[tag];
				
				} else if (sche.schema.additionalProperties) {
					sche.path += (sche.path? '/' : '') + tag;
					sche.schema = sche.schema.additionalProperties;
				
				} else {
					sche.depthReached = i;
					sche.totalDepth = tags.length;
					return devTools.formatRequiredPropertiesInSchema(sche);
				}
				
				if (isLocalPath > 0) {
					if (defined(sche.data)
					 && typeof sche.data == 'object'
					 && defined(sche.data[tag])) {
						sche.data = sche.data[tag];
					} else {
						delete sche.data;
					}
				}
				
				if (sche.schema.properties) {
					sche.object.tag = tag;
					sche.object.lastTag = lastTag;
					sche.object.schema = sche.schema;
					sche.object.path = sche.path;
					sche.object.data = sche.data;
					sche.object.parent.schema = sche.parent.schema;
					sche.object.parent.path = sche.parent.path;
					
					if (devTools.schemaName) {
						if (devTools.pages[tag]) {
							sche.object.documentedTag = tag;
							sche.object.url = 'https://zenar.io/ref-' + devTools.schemaName + '-' + tag;
						} else
						if (lastTag && devTools.pages[lastTag]) {
							sche.object.documentedTag = lastTag;
							sche.object.url = 'https://zenar.io/ref-' + devTools.schemaName + '-' + lastTag;
						}
					}
				}
			}
			
			lastTag = tag;
		}
	}
	
	sche.exact = true;
	return devTools.formatRequiredPropertiesInSchema(sche);
};

devTools.formatRequiredPropertiesInSchema = function(sche) {
	var i;
	
	sche.requiredProperties = {};
	if (sche.schema && sche.schema.required) {
		if (typeof sche.schema.required == 'object') {
			foreach (sche.schema.required as i) {
				sche.requiredProperties[sche.schema.required[i]] = true;
			}
		} else {
			sche.requiredProperties[sche.schema.required] = true;
		}
	}
	
	if (sche.object) {
		sche.object = devTools.formatRequiredPropertiesInSchema(sche.object);
	}
	
	
	return sche;
}




//Validate the contents of the editor against the schema
devTools.validate = function() {
	
	var session = editor.getSession(),
		showErrors = devTools.lastView == 'current' || devTools.lastView == 'visible' || devTools.lastView == 'combined' || devTools.lastView == 'orgmap',
		showWarnings = devTools.lastView != 'query_ids' && devTools.lastView != 'query_select_count' && devTools.lastView != 'query_full_select';
	
	if (!showErrors && !showWarnings) {
		session.setAnnotations([]);
		return;
	}
	

	var schema = devTools.schema,
		sche = devTools.drillDownIntoSchema(),
		data,
		line,
		annotations = [],
		e, error, result;
	
	if (!sche.exact) {
		session.setAnnotations([]);
		return;
	}
	
	if (data = devTools.fromFormat(editor.getValue(), devTools.format)) {
		
		result = tv4.validateMultiple(data, sche.schema);
		
		if (result.errors
		 && result.errors.length) {
		 	
		 	foreach (result.errors as e => error) {
				
				var code = result.errors[e].code,
					path = result.errors[e].dataPath,
					tag = path.split('/').pop(),
					message = result.errors[e].message,
					type = 'error';
				
				//It's legal for pick_items and upload to appear together for FAB fields
				if (code == 12
				 && devTools.mode == 'zenarioAB'
				 && message == 'Propeties pick_items and upload may not appear together') {
					continue;
				}
				
				//It's legal to have a field without some of the specific required properties we've listed.
				//(E.g. when writing tags or pre/post field HTML.)
				if (code == 11
				 && devTools.mode == 'zenarioAB'
				 && message == 'Please include one of the following properties: type, pick_items, image, snippet, upload, captcha') {
					continue;
				}
				
				if (path.substr(0, 1) == '/') {
					path = path.substr(1);
				}
				
				//Checks for static properties
				//The code we've added in tv4.js only checks to see if they are there.
				//We need some logic here to actually check if they've been changed.
				if (code == 500) {
					
					var staticValue = devTools.checkPathIsInData(path, devTools.focus.tuix, true),
						currentValue = devTools.checkPathIsInData(path, sourceLib.focus, true);
					
					//If there are no changes, then don't flag the error.
					if (typeof staticValue == 'object'
					 || typeof currentValue == 'object'
					 || staticValue == currentValue) {
						continue;
					}
				}
				
				//Logic for unrecognised properties
				if (code == 303) {
					
					//Don't show warnings about unrecognised properties for FEA/visitor TUIX because
					//there's a high likelyhood that there will be a lot of custom bespoke properties
					if (!devTools.mode.match('zenario')) {
						continue;
					
					//Ignore properties called "custom"
					} else if (('' + tag).substr(0, 7) == 'custom_') {
						continue;
					
					//Ignore cms internal properties that start with "_cms_"
					} else if (('' + tag).substr(0, 5) == '_cms_') {
						continue;
					
					//Ignore errors for some system generated tags
					} else if (devTools.internalCMSProperties[tag]) {
						continue;
					
					} else {
						type = 'warning';
					}
				}
				
				if ((type == 'error' && !showErrors)
				 || (type == 'warning' && !showWarnings)) {
					continue;
				}
				
				if (line = devTools.editorGetLineNumberFromPath(path)) {
					annotations.push({
						row: line.number - 1,
						column: line.indent.replace(/\t/g, '    ').length,
						text: message,
						type: type
					});
				}
			}
		}
	}
	
	session.setAnnotations(annotations);
};


//Given one line, try to break it up into its indent, its key definition, and the rest of the line
devTools.splitLineByKey = function(text, format) {
	
	var match,
		line = {},
		reg;
	
	if (!defined(format)) {
		format = devTools.format;
	}
	
	//Use a regular expression that should match a key definition at the start of a line
	if (format == 'yaml') {
		reg = /^([\s\t]*)("?)([\w-]+)\2:/;
	
	} else if (format == 'json') {
		reg = /^([\s\t]*)("?)([\w-]+)\2:/;
	
	} else if (format == 'log') {
		reg = /^([\s\t]*)()([\w\/-]+):/;
	
	} else {
		return false;
	}
	
	if (defined(text)
	 && (match = text.match(reg))) {
		
		line.indent = match[1];
		line.quote = match[2];
		line.key = match[3];
		
		//Do some string manipulation to add a prefix of "____here____" to the start of the key
		line.rest = text.substr(match[0].length);
		
		return line;
	}
	
	return false;
};


//Given a paragraph tag, try to strip the <p> and </p> off to just get the contents
//devTools.removeP = function(html) {
//	if (html && html.match(/^\s*<p>.*<\/p>\s*$/i) !== null) {
//		return $(html).html();
//	} else {
//		return html;
//	}
//};

		



//Try to work out where the developer's cursor is and display information about that place
devTools.locatePosition = function(posIn, callbackIn) {
	var v = editor.getValue(),
		pos = posIn || editor.getCursorPosition(),
		callback = callbackIn || devTools.showSidebar,
		session = editor.session,
		lines,
		l,
		line,
		sche = false;
	
	if (devTools.format == 'yaml') {
	
	} else if (devTools.format == 'json') {
	
	} else {
		return;
	}
	
	//Attempt to get the current position of the cursor, and the lines in the document
	if (v && session && pos && defined(pos.row) && (lines = session.getLines(0, session.getLength()))) {
		
		//Starting at the current line, and then moving up, try to find a key.
		//Stop on the first key we find
		for (l = pos.row; l >= 0; --l) {
			if (line = devTools.splitLineByKey(lines[l])) {
				//Do some string manipulation to add a prefix of "____here____" to the start of the key
				lines[l] = line.indent + line.quote + '____here____' + line.key + line.quote + ':' + line.rest;
				
				//Now attempt to parse the text document, with the modified key
				var data, path;
				lines = lines.join('\n');
				if (data = devTools.fromFormat(lines, devTools.format)) {
					path = devTools.locatePositionR(data, '');
					
					callback(path, data);
				}
				return;
			}
		}
	}
	
	callback('');
};

//Loop/recurse through an object, looking for a modified key and the path to that modified key
devTools.locatePositionR = function(data, path) {
	var out = '',
		key,
		actualKey;
	
	foreach (data as key) {
		//If this is the key, correct it and return the path
		if (key.substr(0, 12) === '____here____') {
			actualKey = key.substr(12);
			
			//Correct the data
			data[actualKey] = data[key];
			delete data[key];
			
			//Return the path
			return path + (path? '/' : '') + actualKey;
		}
		
		//Otherwise keep looking
		if (typeof data[key] == 'object') {
			if (out = devTools.locatePositionR(data[key], path + (path? '/' : '') + key)) {
				return out;
			}
		}
	}
	
};


//Returns a line number, given a specified tag path
devTools.editorGetLineNumberFromPath = function(path, dontBeStrictAboutIndentLength) {
	
	var paths = path.split('/'),
		p = -1,
		currentIndentLength = -1;
	
	//Note: code is similar to devTools.locatePosition() above
	var v = editor.getValue(),
		session = editor.session,
		lines,
		line,
		l = 0,
		sche = false;
	
	if (v && session && (lines = session.getLines(0, session.getLength()))) {
		
		whileLoop:
		while (++p < paths.length) {
			
			if (!paths[p]) {
				continue whileLoop;
			}
			
			forLoop:
			for (; l < lines.length; ++l) {
				if (line = devTools.splitLineByKey(lines[l])) {
					
					line.indent = line.indent.replace('\t', '    ');
					if (line.key == paths[p]
					 && line.indent.length > currentIndentLength
					 && (dontBeStrictAboutIndentLength || line.indent.length < currentIndentLength + 5)) {
					 	currentIndentLength = line.indent.length;
					 	line.number = ++l;
						continue whileLoop;
					
					} else if (line.indent.length <= currentIndentLength) {
						return false;
					}
				}
			}
			
			return false;
		}
		
		return line;
	}
	
	return false;
};

//Given a path, try to select its key by going to the line number of that key in the text document
devTools.editorSelectPath = function(path, navigateUpOnFail) {
	
	path = devTools.setupPath(path, true);
	
	var line;
	if (line = devTools.editorGetLineNumberFromPath(path)) {
		devTools.editorSetValueByScript = true;
		editor.gotoLine(line.number);
		editor.scrollToLine(line.number, true, false);
		
		if (line.indent) {
			editor.navigateWordRight();
		}
		
		editor.getSelection().selectWordRight();
		editor.focus();
		
		devTools.showSidebar(path);
		devTools.editorSetValueByScript = false;
	
	} else if (navigateUpOnFail) {
		//If we couldn't find this key, try to show the key above
		var paths = path.split('/');
		paths.pop();
		
		if (paths.length) {
			path = paths.join('/');
			devTools.editorSelectPath(path, navigateUpOnFail);
		} else {
			editor.gotoLine(1);
			editor.scrollToLine(1, true, false);
			devTools.showSidebar('');
		}
	
	} else {
		//If we couldn't find this key, at least still show the sidebar for this location
		devTools.showSidebar(path);
	}
};

devTools.editorSelectFullPath = function(path) {
	
	//If we're not loaded yet, remember this path and try to display it on load
	if (!defined(devTools.rootPath)) {
		devTools.showPathOnLoad = path;
		return;
	}
	
	//Convert the full path to a local path
	if (devTools.rootPath) {
		path = path.replace(devTools.rootPath + '/', '');
	}
	
	//Show the path
	devTools.editorSelectPath(path, true);
};


devTools.lastPath = '';
devTools.lastRootPath = '';
devTools.setupPath = function(path, log) {
	if (!defined(path)) {
		path = devTools.lastPath;
		
		if (devTools.lastRootPath != devTools.rootPath) {
			if (devTools.lastRootPath) {
				path = devTools.lastRootPath + '/' + path;
			}
			if (devTools.rootPath) {
				path = path.replace(devTools.rootPath + '/', '');
			}
		}
		
	}
	
	devTools.lastPath = path;
	devTools.lastRootPath = devTools.rootPath;
	
	return path;
};

//Set the current location in the URL
devTools.setHash = function(path) {
	//Add the path to the hash
	document.location.hash = path;
	zenario.currentHash = document.location.hash;
};


devTools.showSidebar = function(path, data) {
	
	path = devTools.setupPath(path);
	
	if (!defined(data)) {
		data = devTools.fromFormat(editor.getValue(), devTools.format);
	}
	
	var sche;
	if (path) {
		sche = devTools.drillDownIntoSchema(path, data);
	}
	
	if (!sche) {
		sche = devTools.drillDownIntoSchema('', data);
	}
	
	//Generate the breadcrumbs in the sidebar.
	//Each breadcrumb should contain the full path up to that point in the breadcrumbs
	sche.paths = [];
	if (sche.path) {
		devTools.setHash(sche.path);
		
		if (devTools.rootPath) {
			sche.fullPath = devTools.rootPath + '/' + path;
			sche.localPath = path; //Probably wrong, but change back if I see bugs: path.replace(devTools.rootPath + '/', '');
		} else {
			sche.fullPath =
			sche.localPath = path;
		}
		
		if (devTools.mode == 'zenarioO') {
			sche.shortPath = sourceLib.shortenPath(sche.fullPath);
		}
		
		var path = '',
			paths = sche.localPath.split('/');
		
		foreach (paths as var p) {
			sche.tag = paths[p];
			path += (path? '/' : '') + paths[p];
			sche.paths.push({tag: paths[p], path: path});
			sche.displayedPath = path;
		}
	}
	
	sche.object.files = devTools.highlightFilesContainingSelection(path || sche.object.path);
	
	get('sidebar_inner').innerHTML = zenarioT.microTemplate('zenario_dev_tools_sidepanel', sche);
	$sidebar.removeClass('sidebarEmpty').addClass('sidebarFull');
	devTools.sizePropertyTable();
	
	zenarioA.tooltips('#sidebar_inner tr[title]', {
		tooltipClass: 'zenario_devtools_tooltip',
		position: {my: 'right top+2', at: 'left center', collision: 'flipfit'},
		show: false,
		hide: false
	});
};

devTools.sizePropertyTable = function() {
	//I can't work out how to get this working in CSS so I'm going to cheat and do it with JavaScript =P
	if (get('properties_table')) {
		
		var padding = 20,
			titleWidth = $('#properties_table .property_name').width() || 0,
			width = $sidebarInner.innerWidth() - titleWidth - padding;
		
		$('#properties_table .property_desc').width(width);
		$('#properties_table .property_desc div').width(width);
	}
};


devTools.editorOnChange = function(e) {
	if (devTools.editorSetValueByScript) {
		return;
	}
	
	//Revalidate 2 seconds after changes to the text have stopped
	zenario.actAfterDelayIfNotSuperseded('dev_tools_editor_change', function() {
		devTools.validate();
	}, 2000);
};

devTools.editorOnSelect = function(e) {
	if (devTools.editorSetValueByScript) {
		return;
	}
	
	//Clear the sidebar
	get('sidebar_inner').innerHTML = '';
	$sidebar.addClass('sidebarEmpty').removeClass('sidebarFull');
	
	//Reposition 1/2 second after changes to the text have stopped
	zenario.actAfterDelayIfNotSuperseded('dev_tools_editor_select', function() {
		devTools.locatePosition();
	}, 500);
};


editor.on('change', devTools.editorOnChange);
editor.on('changeCursor', devTools.editorOnSelect);
editor.on('changeSelection', devTools.editorOnSelect);
editor.session.setUseSoftTabs(false);


},
	window.devTools = function() {},
	window.editor = ace.edit('editor', {
		//Disable workers to prevent a couple of bugs.
		//If workers are enabled, Ace starts generating Content Security Policy errors unless you modify your CSP.
		//Also even if you do that, there's a second bug where all of your annotations disappear!
		useWorker: false
	})
);