RubyGems - utopia-wiki - Versions diffs - 0.2.0 - Mend

utopia-wiki 0.2.0

Files changed (415) hide show

data/lib/components/jquery-syntax/examples/ex.editor.html ADDED

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" href="index.css" type="text/css" media="screen" />
+		<script src="jquery-1.6.min.js" type="text/javascript"></script>
+		<script src="../dist/jquery.syntax.js" type="text/javascript"></script>
+		<script src="../dist/jquery.syntax.cache.js" type="text/javascript"></script>
+		<script type="text/javascript">
+			$(function() {
+				jQuery.syntax({blockLayout: "editor", theme: "modern"});
+			});
+		</script>
+	</head>
+	<body>
+		<h1>Syntax Editor</h1>
+		<h2>Ruby Editor</h2>
+		<pre><code class="syntax clang">/* Foo Bar */
+namespace x {
+}
+</pre>
+	</body>
+</html>

data/lib/components/jquery-syntax/examples/ex.html.html ADDED

@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" href="index.css" type="text/css" media="screen" />
+		<script src="jquery-1.6.min.js" type="text/javascript"></script>
+		<script src="../dist/jquery.syntax.js" type="text/javascript"></script>
+		<script src="../dist/jquery.syntax.cache.js" type="text/javascript"></script>
+		<script type="text/javascript" language="JavaScript">
+		//<!--
+			jQuery(function($) {
+				// This will display the current page's HTML, in the current page.
+				// Recursion will one day blow my mind beyond repair.
+				$('#self').text($('html').html());
+				$.syntax();
+			});
+		//-->
+		</script>
+		<style type="text/css" media="screen">
+			/* Please note the CSS styled text - embedded in HTML */
+			.floyd {
+				is-any-one-out-there: "?";
+				padding: 10px;
+			}
+		</style>
+	</head>
+	<body>
+		<h1>Syntax: HTML / XML</h1>
+		<h2>HTML Example</h2>
+		<pre id="self" class="syntax brush-html"></pre>
+		<div style="display: none">
+			You can't see me...... <a href="http://www.google.com/search?q=special+xml+tags+%22%3C%3F%22+%22%3C!%22">or maybe you can?</a>
+		</div>
+		<p>Here is another example of using a mode-line. The mode-line must be on line 1 or 2 for it to be recognized:</p>
+		<pre class="syntax">
+&lt;!DOCTYPE html&gt;
+&lt;!--*- mode: html; tab-width: 4; -*--&gt;
+&lt;html lang=&quot;en&quot;&gt;
+&lt;head&gt;
+	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
+	&lt;title&gt;My Website&lt;/title&gt;
+&lt;/head&gt;
+&lt;body&gt;
+	&lt;p&gt;Hello &lt;?= &quot;World&quot; ?&gt;&lt;/p&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</code></pre>
+	<p>Here is an example of embedded instructions:</p>
+	<pre><code class="syntax brush-html">&lt;!DOCTYPE html&gt;
+&lt;html lang=&quot;en&quot;&gt;
+&lt;head&gt;
+	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
+	&lt;title&gt;My Website&lt;/title&gt;
+&lt;/head&gt;
+&lt;body&gt;
+	&lt;p&gt;Hello &lt;?= h(&quot;World&quot;) ?&gt;
+	&lt;p&gt;Hello &lt;%= h(&quot;ASP...!? WTF???&quot;) %&gt;
+	&lt;?php
+		// This will print Hello World!
+		echo &quot;Hello World!&quot;;
+		setEndOfWorld(&quot;tomorrow&quot;);
+	?&gt;
+	&lt;?r if request[:bob] ?&gt;
+		&lt;p&gt;Hello Bob&lt;/p&gt;
+	&lt;?r end ?&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+	</code></pre>
+	<h2>CDATA sections</h2>
+	<pre><code class="syntax html">
+&lt;description&gt;&lt;![CDATA[
+	&lt;h1&gt;Television&lt;/h1&gt;
+	&lt;p&gt;Brainwashing the masses.&lt;/p&gt;
+]]&gt;&lt;/description&gt;
+	</code></pre>
+	<h2>Apache Configuration (not quite HTML, but similar)</h2>
+	<pre><code class="syntax brush-apache">
+&lt;VirtualHost *&gt;
+	# ... standard configuration ...
+	# ServerName, DocumentRoot, etc
+	# Root DAV which requires authentication to access:
+	&lt;Location &quot;/MyFiles/&quot;&gt;
+		DAV on
+		AuthType Digest
+		AuthName &quot;Digest Realm&quot;
+		AuthUserFile /etc/apache2/users/myfiles.htdigest
+		Require user me
+		&lt;LimitExcept GET HEAD OPTIONS REPORT PROPFIND&gt;
+			Require user me
+		&lt;/LimitExcept&gt;
+	&lt;/Location&gt;
+	# Specific folder which can be accessed anonymously (read-only)
+	&lt;Location &quot;/MyFiles/Public/&quot;&gt;
+		&lt;Limit GET HEAD OPTIONS REPORT PROPFIND&gt;
+			Allow from all
+			Satisfy any
+		&lt;/Limit&gt;
+	&lt;/Location&gt;
+	# Specific folder which can be accessed anonymously (read/write)
+	&lt;Location &quot;/MyFiles/DropBox/&quot;&gt;
+		Allow from all
+		Satisfy any
+	&lt;/Location&gt;
+&lt;/VirtualHost&gt;
+	</code></pre>
+	</body>
+</html>

data/lib/components/jquery-syntax/examples/ex.javascript.html ADDED

@@ -0,0 +1,330 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" href="index.css" type="text/css" media="screen" />
+		<script src="jquery-1.6.min.js" type="text/javascript"></script>
+		<script src="../dist/jquery.syntax.js" type="text/javascript"></script>
+		<script src="../dist/jquery.syntax.cache.js" type="text/javascript"></script>
+		<script type="text/javascript">
+			$(function() {
+				jQuery.syntax({theme: 'paper', blockLayout: 'fixed'});
+			});
+		</script>
+	</head>
+	<body>
+		<h1>Syntax: JavaScript</h1>
+		<h2>jQuery.Syntax Source Code (3.0)</h2>
+		<pre><code class="syntax brush-javascript">/*
+	This file is part of the &quot;jQuery.Syntax&quot; project, and is licensed under the MIT License.
+	For more information, please see http://www.oriontransfer.co.nz/software/jquery-syntax
+	Copyright (c) 2011 Samuel G. D. Williams. &lt;http://www.oriontransfer.co.nz&gt;
+	Permission is hereby granted, free of charge, to any person obtaining a copy
+	of this software and associated documentation files (the &quot;Software&quot;), to deal
+	in the Software without restriction, including without limitation the rights
+	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+	copies of the Software, and to permit persons to whom the Software is
+	furnished to do so, subject to the following conditions:
+	The above copyright notice and this permission notice shall be included in
+	all copies or substantial portions of the Software.
+	THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+	THE SOFTWARE.
+*/
+/*global Function: true, ResourceLoader: true, Syntax: true, alert: false, jQuery: true */
+// ECMAScript 5! Why wasn&#x27;t this done before!?
+if (!Function.prototype.bind) {
+	Function.prototype.bind = function (target) {
+		var args = Array.prototype.slice.call(arguments, 1), fn = this;
+		return function () {
+			return fn.apply(target, args);
+		};
+	};
+}
+function ResourceLoader (loader) {
+	this.dependencies = {};
+	this.loading = {};
+	this.loader = loader;
+}
+ResourceLoader.prototype._finish = function (name) {
+	var deps = this.dependencies[name];
+	if (deps) {
+		// I&#x27;m not sure if this makes me want to cry... or laugh... or kill!?
+		var chain = this._loaded.bind(this, name);
+		for (var i = 0; i &lt; deps.length; i += 1) {
+			chain = this.get.bind(this, deps[i], chain);
+		}
+		chain();
+	} else {
+		this._loaded(name);
+	}
+};
+ResourceLoader.prototype._loaded = function (name) {
+	// When the script has been succesfully loaded, we expect the script
+	// to register with this loader (i.e. this[name]).
+	var resource = this[name], loading = this.loading[name];
+	// Clear the loading list
+	this.loading[name] = null;
+	if (!resource) {
+		alert(&quot;Could not load resource named &quot; + name);
+	} else {
+		for (var i = 0; i &lt; loading.length; i += 1) {
+			loading[i](resource);
+		}
+	}
+};
+// This function must ensure that current cannot be completely loaded until next
+// is completely loaded.
+ResourceLoader.prototype.dependency = function (current, next) {
+	// If the resource has completely loaded, then we don&#x27;t need to queue it
+	// as a dependency
+	if (this[next] &amp;&amp; !this.loading[name]) {
+		return;
+	}
+	if (this.dependencies[current]) {
+		this.dependencies[current].push(next);
+	} else {
+		this.dependencies[current] = [next];
+	}
+};
+// This function must be reentrant for the same name and different callbacks.
+ResourceLoader.prototype.get = function (name, callback) {
+	if (this.loading[name]) {
+		this.loading[name].push(callback)
+	} else if (this[name]) {
+		callback(this[name]);
+	} else {
+		this.loading[name] = [callback];
+		this.loader(name, this._finish.bind(this, name));
+	}
+};
+var Syntax = {
+	root: null,
+	aliases: {},
+	styles: {},
+	lib: {},
+	defaultOptions: {
+		cacheScripts: true,
+		cacheStyleSheets: true
+	},
+	brushes: new ResourceLoader(function (name, callback) {
+		name = Syntax.aliases[name] || name;
+		Syntax.getResource(&#x27;jquery.syntax.brush&#x27;, name, callback);
+	}),
+	layouts: new ResourceLoader(function (name, callback) {
+		Syntax.getResource(&#x27;jquery.syntax.layout&#x27;, name, callback);
+	}),
+	loader: new ResourceLoader(function (name, callback) {
+		Syntax.getResource(&#x27;jquery.syntax&#x27;, name, callback);
+	}),
+	getStyles: function (path) {
+		var link = jQuery(&#x27;&lt;link&gt;&#x27;);
+		jQuery(&quot;head&quot;).append(link);
+		if (!Syntax.defaultOptions.cacheStyleSheets) {
+			path = path + &quot;?&quot; + Math.random()
+		}
+		link.attr({
+			rel: &quot;stylesheet&quot;,
+			type: &quot;text/css&quot;,
+			href: path
+		});
+	},
+	getScript: function (path, callback) {
+		var script = document.createElement(&#x27;script&#x27;);
+		// Internet Exploder
+		script.onreadystatechange = function() {
+			if (this.onload &amp;&amp; (this.readyState == &#x27;loaded&#x27; || this.readyState == &#x27;complete&#x27;)) {
+				this.onload();
+				// Ensure the function is only called once.
+				this.onload = null;
+			}
+		};
+		// Every other modern browser
+		script.onload = callback;
+		script.type = &quot;text/javascript&quot;;
+		if (!Syntax.defaultOptions.cacheScripts)
+			path = path + &#x27;?&#x27; + Math.random()
+		script.src = path;
+		document.getElementsByTagName(&#x27;head&#x27;)[0].appendChild(script);
+	},
+	getResource: function (prefix, name, callback) {
+		var basename = prefix + &quot;.&quot; + name;
+		if (this.styles[basename]) {
+			this.getStyles(this.root + this.styles[basename]);
+		}
+		Syntax.getScript(this.root + basename + &#x27;.js&#x27;, callback);
+	},
+	alias: function (name, aliases) {
+		Syntax.aliases[name] = name;
+		for (var i = 0; i &lt; aliases.length; i += 1) {
+			Syntax.aliases[aliases[i]] = name;
+		}
+	},
+	brushAliases: function (brush) {
+		var aliases = [];
+		for (var name in Syntax.aliases) {
+			if (Syntax.aliases[name] === brush) {
+				aliases.push(name);
+			}
+		}
+		return aliases;
+	},
+	brushNames: function () {
+		var names = [];
+		for (var name in Syntax.aliases) {
+			if (name === Syntax.aliases[name]) {
+				names.push(name);
+			}
+		}
+		return names;
+	},
+	extractBrushName: function (className) {
+		// brush names are by default lower case - normalize so we can detect it.
+		className = className.toLowerCase();
+		var match = className.match(/brush-([\S]+)/);
+		if (match) {
+			return match[1];
+		} else {
+			var classes = className.split(/ /);
+			if (jQuery.inArray(&quot;syntax&quot;, classes) !== -1) {
+				for (var i = 0; i &lt; classes.length; i += 1) {
+					var name = Syntax.aliases[classes[i]];
+					if (name) {
+						return name;
+					}
+				}
+			}
+		}
+		return null;
+	},
+	detectRoot: function () {
+		if (Syntax.root == null) {
+			// Initialize root based on current script path.
+			var scripts = $(&#x27;script&#x27;).filter(function(){
+				return this.src.match(/jquery\.syntax/);
+			});
+			var first = scripts.get(0);
+			if (first) {
+				// Calculate the basename for the given script src.
+				var root = first.src.match(/.*\//);
+				if (root) {
+					Syntax.root = root[0];
+				}
+			}
+		}
+	}
+};
+jQuery.fn.syntax = function (options, callback) {
+	Syntax.detectRoot();
+	var elements = this;
+	Syntax.loader.get(&#x27;core&#x27;, function () {
+		Syntax.highlight(elements, options, callback);
+	});
+};
+jQuery.syntax = function (options, callback) {
+	options = options || {};
+	var context = options.context;
+	if (options.root) {
+		Syntax.root = options.root;
+	} else {
+		Syntax.detectRoot();
+	}
+	options = jQuery.extend(Syntax.defaultOptions, options)
+	options.blockSelector = options.blockSelector || &#x27;pre.syntax:not(.highlighted)&#x27;;
+	options.inlineSelector = options.inlineSelector || &#x27;code.syntax:not(.highlighted)&#x27;;
+	options.blockLayout = options.blockLayout || &#x27;list&#x27;;
+	options.inlineLayout = options.inlineLayout || &#x27;inline&#x27;;
+	// Allow the user to specify callbacks without replacement.
+	if (typeof options.replace == &quot;undefined&quot;)
+		options.replace = true;
+	jQuery(options.blockSelector, context).each(function () {
+		jQuery(this).syntax(jQuery.extend({}, options, {
+			brush: Syntax.extractBrushName(this.className),
+			layout: options.blockLayout
+		}), callback);
+	});
+	jQuery(options.inlineSelector, context).each(function () {
+		jQuery(this).syntax(jQuery.extend({}, options, {
+			brush: Syntax.extractBrushName(this.className),
+			layout: options.inlineLayout
+		}), callback);
+	});
+};</code></pre>
+		<h2>Regular Expression</h2>
+		<pre><code class="syntax javascript">// Get
+var x = /.*if_height=(\d+)(?:&amp;|$)/;</code></pre>
+	</body>
+</html>