Orion Editor Formatter

orionformatter.js

/*******************************************************************************
 * @license
 * Copyright (c) 2011 IBM Corporation and others.
 * All rights reserved. This program and the accompanying materials are made 
 * available under the terms of the Eclipse Public License v1.0 
 * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution 
 * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html). 
 *
 * Contributors:
 *     IBM Corporation - initial API and implementation
 *******************************************************************************/

/*globals define window document  */

//Without this line almond wont work
define.unordered = true;

define("examples/textview/orionformatter", [
		"orion/textview/textModel",
		"orion/textview/textView", 
		"orion/textview/rulers",
		"orion/editor/textMateStyler",
		"orion/editor/htmlGrammar",
		"examples/textview/textStyler"],
 
function(mTextModel, mTextView, mRulers, mTextMateStyler, mHtmlGrammar, mTextStyler) {

	function addTextView(parent, text, lang, writable, ruler) {
		var model = new mTextModel.TextModel(text);
		
		//Note that almond does not support toUrl
		var host = "http://planetorion.org/editor";
		var options = {
			parent: parent,
			model: model,
//			stylesheet: [
//				require.toUrl("orion/textview/textview.css"), 
//				require.toUrl("orion/textview/rulers.css"),
//				require.toUrl("examples/textview/textstyler.css")
//			],
			stylesheet: [
				host+"/textview.css", 
				host+"/rulers.css",
				host+"/textstyler.css",
				host+"/htmlStyles.css"
			],	
			readonly: !writable,
			tabSize: 4
		};
		var view = new mTextView.TextView(options);
		if (ruler) {
			var linesRuler = new mRulers.LineNumberRuler(null, "left", {styleClass: "ruler lines"}, {styleClass: "rulerLines odd"}, {styleClass: "rulerLines even"});
			view.addRuler(linesRuler);
		}
		var styler;
		switch (lang) {
			case "js":
			case "java":
			case "css":
				styler = new mTextStyler.TextStyler(view, "js");
				styler.setHighlightCaretLine(writable);
				break;
			case "html":
				styler = new mTextMateStyler.TextMateStyler(view, mHtmlGrammar.HtmlGrammar().grammar);
				break;
		}
		view.addEventListener("Load", function () {
			parent.style.height = (view.getLineHeight() * view.getModel().getLineCount() + 4) + 'px';
		});
	}

	function getTextFromElement(element) {
		if (!window.getSelection) {
			return element.innerText || element.textContent;
		}
		var newRange = document.createRange();
		newRange.selectNode(element);
		var selection = window.getSelection();
		var oldRanges = [], i;
		for (i = 0; i < selection.rangeCount; i++) {
			oldRanges.push(selection.getRangeAt(i));
		}
		selection.removeAllRanges();
		selection.addRange(newRange);
		var text = selection.toString();
		selection.removeAllRanges();
		for (i = 0; i < oldRanges.length; i++) {
			selection.addRange(oldRanges[i]);
		}
		return text;
	}

	function findElements() {
		var elements = document.getElementsByTagName("PRE");
		if (elements) {
			for (var i = 0; i < elements.length; i++) {
				var element = elements[i];
				if (element.getAttribute("name") === "orion") {
					var writable = false;
					var lang = "";
					var ruler = false;
					var options = element.getAttribute("class");
					if (options) {
						var match = options.match(/writable/);
						if (match && match.length > 0) {
							writable = true;
						}
						match = options.match(/js|java|css|html/);
						if (match && match.length > 0) {
							lang = match[0];
						}
						match = options.match(/ruler/);
						if (match && match.length > 0) {
							ruler = true;
						}
					}
					addTextView(element, getTextFromElement(element), lang, writable, ruler);
				}
			}
		}
	}

	findElements();
});