RubyGems - javascriptmvc - Versions diffs - 3.0.0.pre15 - Mend

javascriptmvc 3.0.0.pre15

Files changed (550) hide show

data/lib/javascriptmvc/jquery/view/micro/test/funcunit/funcunit.js ADDED

@@ -0,0 +1,3 @@
+steal
+ .plugins("steal/test/funcunit")  //load funcunit
+ .then("micro_test")       //load your tests

data/lib/javascriptmvc/jquery/view/micro/test/funcunit/micro_test.js ADDED

@@ -0,0 +1,11 @@
+module("micro")
+test("micro testing works", function(){
+        S.open("file:/c:/Development/steal/jquery/view/micro/micro.html");
+		S.wait(10, function(){
+			ok(true, "things working");
+		})
+})

data/lib/javascriptmvc/jquery/view/micro/test/funcunit/run.js ADDED

@@ -0,0 +1,10 @@
+//load("jquery/view/micro/test/funcunit/run.js")
+//load global selenium settings, change if you want something different
+load('settings/selenium.js')
+load('steal/rhino/loader.js');
+rhinoLoader(function(){
+    steal.plugins('jquery/view/micro/test/funcunit');  // load tests
+}, true);

data/lib/javascriptmvc/jquery/view/micro/test/qunit/micro_test.js ADDED

@@ -0,0 +1,4 @@
+module("micro")
+test("micro testing works", function(){
+	ok(true,"an assert is run")
+})

data/lib/javascriptmvc/jquery/view/micro/test/qunit/qunit.html ADDED

@@ -0,0 +1,21 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="../../../../../steal/test/qunit/qunit.css" />
+        <style>
+            body  {
+                margin: 0px; padding: 0px;
+            }
+        </style>
+		<script type='text/javascript' src='../../../../../steal/steal.js?steal[app]=jquery/view/micro/test/qunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">micro Test Suite</h1>
+    	<h2 id="qunit-banner"></h2>
+    	<div id="qunit-testrunner-toolbar"></div>
+    	<h2 id="qunit-userAgent"></h2>
+		<div id="test-content"></div>
+        <ol id="qunit-tests"></ol>
+		<div id="qunit-test-area"></div>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/view/micro/test/qunit/qunit.js ADDED

@@ -0,0 +1,9 @@
+//we probably have to have this only describing where the tests are
+steal
+ .plugins("jquery/view/micro")  //load your app
+ .plugins('funcunit/qunit')  //load qunit
+ .then("micro_test")
+if(steal.browser.rhino){
+  steal.plugins('funcunit/qunit/env')
+}

data/lib/javascriptmvc/jquery/view/micro/test/qunit/run.js ADDED

	@@ -0,0 +1,2 @@
1	+ load('steal/rhino/env.js');
2	+ Envjs('micro/test/qunit/qunit.html', {scriptTypes : {"text/javascript" : true,"text/envjs" : true}, fireLoad: true, logLevel: 2});

data/lib/javascriptmvc/jquery/view/qunit.html ADDED

@@ -0,0 +1,16 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="../../funcunit/qunit/qunit.css" />
+		<script type='text/javascript' src='../../steal/steal.js?steal[app]=jquery/view/test/qunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">view Test Suite</h1>
+    	<h2 id="qunit-banner"></h2>
+    	<div id="qunit-testrunner-toolbar"></div>
+    	<h2 id="qunit-userAgent"></h2>
+		<div id="test-content"></div>
+        <ol id="qunit-tests"></ol>
+		<div id="qunit-test-area"></div>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/view/test/compression/compression.html ADDED

@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>compression</title>
+	</head>
+	<div id='target'></div>
+		<script type='text/javascript'
+                src='../../../../steal/steal.js?jquery/view/test/compression'>
+        </script>
+	</body>
+</html>

data/lib/javascriptmvc/jquery/view/test/compression/compression.js ADDED

@@ -0,0 +1,11 @@
+steal.plugins('jquery/view/ejs', 'jquery/view/ejs', 'jquery/view/tmpl')
+     .views('relative.ejs',
+	 		'//jquery/view/test/compression/absolute.ejs',
+			'tmplTest.tmpl')
+	 .then(function(){
+	 	$(function(){
+	 		$("#target").append($.View('//jquery/view/test/compression/relative.ejs', {} ))
+	 					.append($.View('//jquery/view/test/compression/absolute.ejs', {} ))
+	 					.append($.View('//jquery/view/test/compression/tmplTest.tmpl', {message: "Jquery Tmpl"} ))
+		})
+	 })

data/lib/javascriptmvc/jquery/view/test/compression/run.js ADDED

@@ -0,0 +1,36 @@
+// load('steal/compress/test/run.js')
+/**
+ * Tests compressing a very basic page and one that is using steal
+ */
+load('steal/rhino/steal.js')
+steal('//steal/test/test', function(s){
+	new steal.File("jquery/view/test/compression/absolute.ejs").save("<h1>Absolute</h1>");
+	new steal.File("jquery/view/test/compression/relative.ejs").save("<h1>Relative</h1>");
+	new steal.File("jquery/view/test/compression/tmplTest.tmpl").save("<h1>${message}</h1>");
+	s.test.clear();
+	load("steal/rhino/steal.js");
+	steal.plugins('steal/build','steal/build/scripts','steal/build/styles',function(){
+		steal.build('jquery/view/test/compression/compression.html',{to: 'jquery/view/test/compression'});
+	});
+	s.test.clear();
+	s.test.remove("jquery/view/test/compression/absolute.ejs")
+	s.test.remove("jquery/view/test/compression/relative.ejs")
+	s.test.remove("jquery/view/test/compression/tmplTest.tmpl")
+	steal = {env: "production"};
+	s.test.open('jquery/view/test/compression/compression.html')
+	s.test.ok(  /Relative/i.test( $(document.body).text() ), "Relative not in page!" );
+	s.test.ok(  /Absolute/i.test( $(document.body).text() ), "Absolute not in page!" );
+	s.test.ok(  /Jquery Tmpl/i.test( $(document.body).text() ), "Jquery Tmpl not in page!" );
+	s.test.clear();
+	s.test.remove("jquery/view/test/compression/production.js")
+});

data/lib/javascriptmvc/jquery/view/test/funcunit/funcunit.js ADDED

@@ -0,0 +1,3 @@
+steal
+ .plugins("steal/test/funcunit")  //load funcunit
+ .then("view_test")       //load your tests

data/lib/javascriptmvc/jquery/view/test/funcunit/run.js ADDED

@@ -0,0 +1,10 @@
+//load("jquery/view/test/funcunit/run.js")
+//load global selenium settings, change if you want something different
+load('settings/selenium.js')
+load('steal/rhino/loader.js');
+rhinoLoader(function(){
+    steal.plugins('jquery/view/test/funcunit');  // load tests
+}, true);

data/lib/javascriptmvc/jquery/view/test/funcunit/view_test.js ADDED

@@ -0,0 +1,11 @@
+module("view")
+test("view testing works", function(){
+        S.open("file:/c:/Development/steal/jquery/view/view.html");
+		S.wait(10, function(){
+			ok(true, "things working");
+		})
+})

data/lib/javascriptmvc/jquery/view/test/qunit/nested_plugin.ejs ADDED

	@@ -0,0 +1 @@
1	+ <div <%=plugin("text", "Here is something")%> id='something'></div>

data/lib/javascriptmvc/jquery/view/test/qunit/plugin.ejs ADDED

	@@ -0,0 +1 @@
1	+ <div <%=plugin("html", "<span>Here is something</span>")%> id='something'></div>

data/lib/javascriptmvc/jquery/view/test/qunit/qunit.js ADDED

@@ -0,0 +1,9 @@
+//we probably have to have this only describing where the tests are
+steal
+ .plugins("jquery/view","jquery/view/micro","jquery/view/ejs","jquery/view/jaml","jquery/view/tmpl")  //load your app
+ .plugins('funcunit/qunit')  //load qunit
+ .then("view_test")
+if(steal.browser.rhino){
+  steal.plugins('funcunit/qunit/env')
+}

data/lib/javascriptmvc/jquery/view/test/qunit/template.ejs ADDED

	@@ -0,0 +1 @@
1	+ <h3><%= message %></h3>

data/lib/javascriptmvc/jquery/view/test/qunit/template.jaml ADDED

@@ -0,0 +1,3 @@
+function(data) {
+  h3(data.message);
+}

data/lib/javascriptmvc/jquery/view/test/qunit/template.micro ADDED

	@@ -0,0 +1 @@
1	+ <h3>{%= message %}</h3>

data/lib/javascriptmvc/jquery/view/test/qunit/template.tmpl ADDED

	@@ -0,0 +1 @@
1	+ <h3>${message}</h3>

data/lib/javascriptmvc/jquery/view/test/qunit/view_test.js ADDED

@@ -0,0 +1,24 @@
+module("jquery/view")
+test("view testing works", function(){
+	$.each(["micro","ejs","jaml", "tmpl"], function(){
+		$("#qunit-test-area").html("");
+		ok($("#qunit-test-area").children().length == 0,this+ ": Empty To Start")
+		$("#qunit-test-area").html("//jquery/view/test/qunit/template."+this,{"message" :"helloworld"})
+		ok($("#qunit-test-area").find('h3').length, this+": h3 written for ")
+		ok( /helloworld\s*/.test( $("#qunit-test-area").text()), this+": hello world present for ")
+	})
+})
+test("plugin in ejs", function(){
+	$("#qunit-test-area").html("");
+	$("#qunit-test-area").html("//jquery/view/test/qunit/plugin.ejs",{})
+	ok(/something/.test( $("#something").text()),"something has something");
+	$("#qunit-test-area").html("");
+})
+test("nested plugins", function(){
+	$("#qunit-test-area").html("");
+	$("#qunit-test-area").html("//jquery/view/test/qunit/nested_plugin.ejs",{})
+	ok(/something/.test( $("#something").text()),"something has something");
+})

data/lib/javascriptmvc/jquery/view/tmpl/tmpl.js ADDED

@@ -0,0 +1,150 @@
+steal.plugins('jquery/view').then(function(){
+		// Override the DOM manipulation function
+	var oldManip = jQuery.fn.domManip;
+	jQuery.fn.extend({
+		render: function( data ) {
+			return this.map(function(i, tmpl){
+				return jQuery.render( tmpl, data );
+			});
+		},
+		// This will allow us to do: .append( "template", dataObject )
+		domManip: function( args ) {
+			// This appears to be a bug in the appendTo, etc. implementation
+			// it should be doing .call() instead of .apply(). See #6227
+			if ( args.length > 1 && args[0].nodeType ) {
+				arguments[0] = [ jQuery.makeArray(args) ];
+			}
+			if ( args.length === 2 && typeof args[0] === "string" && typeof args[1] !== "string" ) {
+				arguments[0] = [ jQuery.render( args[0], args[1] ) ];
+			}
+			return oldManip.apply( this, arguments );
+		}
+	});
+	jQuery.extend({
+		render: function( tmpl, data ) {
+			var fn;
+			// Use a pre-defined template, if available
+			if ( jQuery.templates[ tmpl ] ) {
+				fn = jQuery.templates[ tmpl ];
+			// We're pulling from a script node
+			} else if ( tmpl.nodeType ) {
+				var node = tmpl, elemData = jQuery.data( node );
+				fn = elemData.tmpl || jQuery.tmpl( node.innerHTML );
+			}
+			fn = fn || jQuery.tmpl( tmpl );
+			// We assume that if the template string is being passed directly
+			// in the user doesn't want it cached. They can stick it in
+			// jQuery.templates to cache it.
+			if ( jQuery.isArray( data ) ) {
+				return jQuery.map( data, function( data, i ) {
+					return fn.call( data, jQuery, data, i );
+				});
+			} else {
+				return fn.call( data, jQuery, data, 0 );
+			}
+		},
+		// You can stick pre-built template functions here
+		templates: {},
+		/*
+		 * For example, someone could do:
+		 *   jQuery.templates.foo = jQuery.tmpl("some long templating string");
+		 *   $("#test").append("foo", data);
+		 */
+		tmplcmd: {
+			each: {
+				_default: [ null, "$i" ],
+				prefix: "jQuery.each($1,function($2){with(this){",
+				suffix: "}});"
+			},
+			'if': {
+				prefix: "if($1){",
+				suffix: "}"
+			},
+			'else': {
+				prefix: "}else{"
+			},
+			html: {
+				prefix: "_.push(typeof $1==='function'?$1.call(this):$1);"
+			},
+			"=": {
+				_default: [ "this" ],
+				prefix: "_.push($.encode(typeof $1==='function'?$1.call(this):$1));"
+			}
+		},
+		encode: function( text ) {
+			return text != null ? document.createTextNode( text.toString() ).nodeValue : "";
+		},
+		tmpl: function(str, data, i) {
+			// Generate a reusable function that will serve as a template
+			// generator (and which will be cached).
+			var fn = new Function("jQuery","$data","$i",
+				"var $=jQuery,_=[];_.data=$data;_.index=$i;" +
+				// Introduce the data as local variables using with(){}
+				"with($data){_.push('" +
+				// Convert the template into pure JavaScript
+				str
+					.replace(/[\r\t\n]/g, " ")
+					.replace(/\${([^}]*)}/g, "{{= $1}}")
+					.replace(/{{(\/?)(\w+|.)(?:\((.*?)\))?(?: (.*?))?}}/g, function(all, slash, type, fnargs, args) {
+						var tmpl = jQuery.tmplcmd[ type ];
+						if ( !tmpl ) {
+							throw "Template not found: " + type;
+						}
+						var def = tmpl._default;
+						return "');" + tmpl[slash ? "suffix" : "prefix"]
+							.split("$1").join(args || def[0])
+							.split("$2").join(fnargs || def[1]) + "_.push('";
+					})
+				+ "');}return $(_.join('')).get();");
+			// Provide some basic currying to the user
+			return data ? fn.call( this, jQuery, data, i ) : fn;
+		}
+	});
+	$.View.register({
+		suffix : "tmpl",
+		renderer: function( id, text ) {
+			return function(data){
+				return jQuery.render( text, data );
+			}
+		},
+		get: function( id, url ) {
+			var text = $.ajax({
+					async: false,
+					url: url,
+					dataType: "text",
+					error: function() {
+						throw "tmpl.js ERROR: There is no template or an empty template at "+url;
+					}
+				}).responseText
+			return this.renderer(id, text);
+		},
+		script: function( id, str ) {
+			return "function(data){return jQuery.render('"+str+"', data)}";
+		}
+	})
+	jQuery.View.ext = ".tmpl"
+})

data/lib/javascriptmvc/jquery/view/view.html ADDED

@@ -0,0 +1,65 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>view</title>
+		<style>
+			body{
+				font-family: verdana;
+			}
+			pre {
+				font-family: "Courier New", Courier, monospace;
+			}
+			.out {
+				border: dashed 1px blue;
+			}
+			.temp{
+				border: dashed 1px red;
+			}
+		</style>
+	</head>
+	<body>
+		<h2>JAML</h2>
+		<pre><code class='javascript'>$("#jaml").html("template.jaml",{message: "Hello World"})</code></pre>
+		<pre class='temp' id='temp'><code>function(data) {
+  h3(data.message);
+}</code></pre>
+		<div id='jaml' class='out'></div>
+		<h2>EJS</h2>
+		<pre><code class='javascript'>$("#ejs").html("template.ejs",{message: "Hello World"})</code></pre>
+		<pre class='temp'>&lt;h3><%= message %>&lt;/h3></pre>
+		<div id='ejs' class='out'></div>
+		<h2>MICRO</h2>
+		<pre><code class='javascript'>$("#micro").html("template.micro",{message: "Hello World"})</code></pre>
+		<pre class='temp'>&lt;h3>{%= message %}&lt;/h3></pre>
+		<div id='micro'  class='out'></div>
+		<script type='text/javascript' src='../../steal/steal.js'>
+        </script>
+		<script type='text/javascript'>
+			steal.plugins('jquery/view/jaml','jquery/view/micro','jquery/view/ejs').then(function(){
+				$.each(["micro","ejs","jaml"], function(){
+					$("#"+this).html("test/qunit/template."+this,{"message" :"Hello World"})
+				})
+			}).then("//jmvcdoc/resources/highlight",
+			'//jmvcdoc/resources/languages/javascript',
+			'//jmvcdoc/resources/languages/www',
+function(){
+	 var names = []
+	 $("code").each(function(){
+			names.push( this.parentNode.className)
+		})
+	 hljs.initHighlighting();
+	$(function(){
+		$.each($("code"),function(i){
+			this.parentNode.className = names[i];
+		})
+	})
+}).start();
+		</script>
+	</body>
+</html>