juice 0.2.0 → 0.2.1

data/Manifest.txt

@@ -5,6 +5,8 @@ README.rdoc
 bin/juice 
 lib/juice.rb 
 lib/JSquish.rb 
+examples/controls/controls.js 
+examples/classes/Person.js 
 script/generate.cmd 
 script/generate 
 script/destroy.cmd 
@@ -12,7 +14,7 @@ script/destroy
 script/console.cmd 
 script/console 
 StarterApplication/Views/example.juice 
-StarterApplication/README 
+StarterApplication/README.rdoc 
 StarterApplication/LICENSE 
 StarterApplication/index.html 
 StarterApplication/Framework/Window.js 
@@ -24,7 +26,9 @@ StarterApplication/Framework/Resources/Themes/Default/images/spinner.gif
 StarterApplication/Framework/Resources/Themes/Default/images/button-sprite.png 
 StarterApplication/Framework/Resources/images/Thumbs.db 
 StarterApplication/Framework/Resources/images/spinner.gif 
+StarterApplication/Framework/Observer.js 
 StarterApplication/Framework/Layout.js 
+StarterApplication/Framework/Label.js 
 StarterApplication/Framework/Juice.js 
 StarterApplication/Framework/JSONPConnection.js 
 StarterApplication/Framework/Image.js 

data/README.rdoc

@@ -11,13 +11,13 @@ creating desktop applications that run in the browser.
 
 == INSTALL:
 
-gem install juice
+	$ gem install juice
 
 == Getting Started:
 
-juice app \n
-cd app \n
-juice server \n\n
+	$ juice app 
+	$ cd app 
+	$ juice server 
 
 Then navigate to http://localhost:338 in your favorite web browser!
 

data/StarterApplication/Framework/Alert.js

@@ -40,9 +40,8 @@ Juice.Alert.prototype = {
 	insideDiv.innerHTML = this.options.text;
 	var body = Juice.Layout.body;
 	body.appendChild(div);
-	var half_height = (Juice.Layout.fullHeight/2)-(div.getHeight()/2);
-	var half_width = (Juice.Layout.fullWidth/2)-(div.getWidth()/2); 
-	
+	var half_height = (Juice.Layout.fullHeight()/2)-(div.getHeight()/2);
+	var half_width = (Juice.Layout.fullWidth()/2)-(div.getWidth()/2); 
 	div.setStyle({
 	   top: half_height+'px',
 	   left:half_width+"px",

data/StarterApplication/Framework/Application.js

@@ -22,12 +22,38 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
 Juice.Application = Juice.Class.create();
 Juice.Application.prototype = {
-	initialize: function Application_initialize(){
+	initialize: function Application_initialize(){		
+		this.starter = document.createElement("div");
+		Juice.Layout.body.appendChild(this.starter);		
+		this.starter.setStyle({
+		  height: Juice.Layout.fullHeight()+"px",
+		  width: Juice.Layout.fullWidth()+"px",
+		  position:'relative',
+		  overflow:'hidden'
+		});		
+		var starter = this.starter;
+		Juice.Application.observer.subscribe(function Resize_starter(data){
+		  starter.setStyle({
+		    height: data.height+"px",
+			width: data.width+"px"
+		  });		
+		});
 		return this;
 	},
 	addSubview: function Application_addSubview(view){
-		var body = Juice.Layout.body;
-		body.appendChild(view);
+		this.starter.appendChild(view);
+	},
+	getConfig: function Application_getConfig(key){
+	  // todo
 	}
 };
-
+Juice.Application.observer = new Juice.Observer();
+Juice.Application._bindEvent = function(){
+	var event = new Juice.Event(window,"resize",function SetNewBounds(){		
+		console.log("Window Resize");
+		Juice.Application.observer.fire({height:Juice.Layout.fullHeight(),width:Juice.Layout.fullWidth()});	
+		Juice.Layout.body.setStyle({height:Juice.Layout.fullHeight()+'px',width:Juice.Layout.fullWidth()+'px'});
+	});
+	event.create();
+}
+Juice.Application._bindEvent();

data/StarterApplication/Framework/DOM.js

@@ -63,7 +63,7 @@ function Juice_DOM_init(){
 	  }
 	  return height+pt+pb+bt+bb;
 	},
-	  getWidth: function Element_getWidth(element){
+	getWidth: function Element_getWidth(element){
 	    var el = element || this;	    
 		var width = el.getStyle("width");
 		if(width=='auto'){

data/StarterApplication/Framework/Event.js

@@ -23,18 +23,21 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 Juice.Event = Juice.Class.create();
 Juice.Event.prototype = {
        initialize: function Event_initialize(obj,name,fn,options){
-	     this.obj = obj,this.name = name,this.fn = fn,this.options = options || {};
+	     this.obj = obj,this.name = name,this.options = options || {};
 		 if(this.options.startImmediately){
 		   this.create();
 		 }
+		 this.callEvent = function(){
+		   fn.call(this);
+		 }
 	   },
 	   create:function Event_create(){
 		  if(this.obj.addEventListener){
-			this.obj.addEventListener(this.name,this.fn,false);
+			this.obj.addEventListener(this.name,this.callEvent,false);
 			return true;
 		  }
 		  else if(this.obj.attachEvent){
-			var f = this.obj.attachEvent("on"+this.name,this.fn,false);
+			var f = this.obj.attachEvent("on"+this.name,this.callEvent,false);
 			return f;
 		  }
 		  else{
@@ -43,11 +46,11 @@ Juice.Event.prototype = {
 		},
 		remove:function Event_remove(){
 			if(this.obj.addEventListener){
-				this.obj.removeEventListener(this.name,this.fn,false);
+				this.obj.removeEventListener(this.name,this.callEvent,false);
 				return true;
 			}
 			else if(this.obj.attachEvent){
-				var f = this.obj.detachEvent("on"+this.name,this.fn);
+				var f = this.obj.detachEvent("on"+this.name,this.callEvent);
 				return f;
 			}
 			else{

data/StarterApplication/Framework/JSONPConnection.js

@@ -23,10 +23,11 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 Juice.JSONPConnection = Juice.Class.create();
 Juice.JSONPConnection.prototype = {
 	initialize: function(url,callback){
-		url = url+"callback="+callback;
 		this.element = document.createElement('script');
 		this.element .setAttribute('src', url);
-		this.element .setAttribute('type', "text/javascript");
+		this.element .setAttribute('type', "text/javascript");		
+		this.callback = callback;
+		window.callback = callback;
 	},
 	send: function(){
 		try{
@@ -38,5 +39,6 @@ Juice.JSONPConnection.prototype = {
 	},
 	removeScript: function(){
 		document.getElementsByTagName('head')[0].removeChild(this.element);
+		window.callback = nil;
 	}
 };

data/StarterApplication/Framework/Juice.js

@@ -45,10 +45,12 @@ Juice = {
 	_classes: {
 		_window:"JuiceWindow",
 		_alert:"JuiceAlert",
-		button:'JuiceButton'
+		button:'JuiceButton',
+		label:'JuiceLabel'
 	},
 	// Modules. You can define custom ones.
-	_modules: ['i18n','DOM','Event','Ajax','JSONPConnection','Layout','Template','Application','Window','Button','Alert','Confirm'],
+	_modules: ['i18n','DOM','Event','Observer','Ajax','JSONPConnection','Layout','Template','Application','Window','Button','Alert','Confirm','Label'],
+	// File Extensions for css, javascript, and views.
 	_fileExtensions: {
 	  css: "css",
 	  js: "js",
@@ -56,7 +58,12 @@ Juice = {
 	  viewDir:"Views"
 	},
 	// Set our version information
-   	version: "0.2.0"
+   	version: "0.2.0",
+	
+	// Extend the Juice object quickly
+	extend: function Juice_extend(obj){
+	  return Juice.Object.extend(Juice,obj);
+	}
 };
 
 // Here we add our helper methods to globals.
@@ -133,6 +140,35 @@ Juice.Object.extend(Array.prototype,{
 	  return this.select(function Array_compact_select(value) {
         return value != null;
       });
+	},
+	every:function Array_every(fn, thisObj) {
+		var scope = thisObj || window;
+		for ( var i=0, j=this.length; i < j; ++i ) {
+			if ( !fn.call(scope, this[i], i, this) ) {
+				return false;
+			}
+		}
+		return true;
+	},
+	some: function Array_some(fn, thisObj) {
+		var scope = thisObj || window;
+		for ( var i=0, j=this.length; i < j; ++i ) {
+			if ( fn.call(scope, this[i], i, this) ) {
+				return true;
+			}
+		}
+		return false;
+	},
+	filter: function Array_filter(fn, thisObj) {
+		var scope = thisObj || window;
+		var a = [];
+		for ( var i=0, j=this.length; i < j; ++i ) {
+			if ( !fn.call(scope, this[i], i, this) ) {
+				continue;
+			}
+			a.push(this[i]);
+		}
+		return a;
 	}
 });
 // Extend the String object
@@ -160,6 +196,7 @@ Juice.Object.extend(Function.prototype,{
       }
 	}
 });
+// Our number object
 Juice.Object.extend(Number.prototype,{
     toRandomString: function Number_toRandomString(){
 	var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
@@ -171,16 +208,25 @@ Juice.Object.extend(Number.prototype,{
 	}
 	return random;
     },
+	// Convert numbers into hex, base 16
+	base: function Number_base(b){
+	  return this.toString(b);
+	},
 	toHex: function Number_toHex(){
-	  return this.toString(16);
-	}
+	  return this.base(16);
+	},
+	toBinary: function Number_toBinary(){
+	  return this.base(2);
+	},
 });
 
 // Get back to the Juice object..
-Juice.Object.extend(Juice,{	
+Juice.extend({	
+   // Split strings separated by spaces into an array
     $W: function Juice_W(str){
 	  return str.split(' ');
 	},
+	// this is all the code to bind dom loaded event
 	readyList:[],
 	isReady:false,
 	Ready: function Juice_Ready(){
@@ -252,22 +298,24 @@ Juice.Object.extend(Juice,{
 		else Juice.readyList.push(fn);
 		
 	},
+	// Set Application title
 	setAppTitle: function Juice_setAppTitle(str){
 		document.title = str;
 	},
+	// Select elements by their id
 	$: function Juice_$(sel){
 		return document.getElementById(sel);
 	},
-
+	// require files, once and only once.
 	Require: function Juice_Require(name){
 		var jsname = name+"js";
 		var head = document.getElementsByTagName('head')[0];
 		if(!Juice.$(jsname)){
 			var theName = name+"."+Juice._fileExtensions.js;
 			var s = document.createElement('script');
-			s.setAttribute('src', theName);
-			s.setAttribute('type', "text/javascript"); 
-			s.setAttribute('id', jsname);
+			s.setAttribute('src',theName);
+			s.setAttribute('type',"text/javascript");
+			s.setAttribute('id',jsname);
 			head.appendChild(s);
 		}
 	},
@@ -277,7 +325,7 @@ Juice.Object.extend(Juice,{
 		link.setAttribute("href",name);
 		link.setAttribute("type","text/css");
 		link.setAttribute("rel","stylesheet");
-		document.getElementsByTagName('head')[0].appendChild(link);
+	  document.getElementsByTagName('head')[0].appendChild(link);
 	},
 	useTheme: function Juice_useTheme(name){
 		name = "Framework/Resources/Themes/" +name;
@@ -285,7 +333,7 @@ Juice.Object.extend(Juice,{
 	},
 	loadModules: function Juice_loadModules(){	
 	  if(Juice.DOM){
-	    return 'Bye';
+	    return false;
 	  }
 	  else{
 		Juice._modules.each(function Juice__modules_each(file){ 
@@ -294,10 +342,18 @@ Juice.Object.extend(Juice,{
 	  }
 	}
 });
+
 // Bind ready event to add onload event
 Juice.bindReady();
+
 // Load our app's css
 Juice.loadAppCSS();
-// Alias Juice to JC
-window.J = window.JC = window.Juice = Juice;
+
+// Alias Juice to JC and put in the global namespace
+window.JC = window.Juice = Juice;
+
+// Add yes, no, and nil to global namespace
+window.nil = nil;
+window.NO = NO;
+window.YES = YES;
 } Juice_init();

data/StarterApplication/Framework/Label.js

@@ -0,0 +1,38 @@
+/*
+Copyright (c) 2009 Justin Baker
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), 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 "AS IS", 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.
+*/
+
+Juice.Label = Juice.Class.create();
+Juice.Label.prototype = {
+  initialize: function Label_initialize(text,options){
+    this.name = (10).toRandomString();
+	this.options = options || {};
+	var div = document.createElement("div");
+	div.setAttribute('id',this.name);
+	div.setAttribute('class',Juice._classes.label);
+	div.update(text);
+	this.element = div;
+  },
+   contentView: function Label_contentView(){
+     return this.element;
+  }	
+};

data/StarterApplication/Framework/Layout.js

@@ -25,6 +25,43 @@ Juice.Layout = Juice.Class.create();
 Juice.Object.extend(Juice.Layout,{
     body:document.getElementsByTagName('body')[0],
     head: document.getElementsByTagName('head')[0],
-	fullWidth:(typeof window.innerWidth  != 'undefined' ? window.innerWidth : document.body.offsetWidth),
-	fullHeight:(typeof window.innerHeight != 'undefined' ? window.innerHeight : document.body.offsetHeight)
+	fullWidth: function Layout_fullWidth(){return (typeof window.innerWidth  != 'undefined' ? window.innerWidth : document.body.offsetWidth);},
+	fullHeight:function Layout_fullHeight(){ return (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.body.offsetHeight); },
+	getPageSize: function getPageSize(){
+		var xScroll, yScroll;
+		if (window.innerHeight && window.scrollMaxY) {	
+			xScroll = document.body.scrollWidth;
+			yScroll = window.innerHeight + window.scrollMaxY;
+		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
+			xScroll = document.body.scrollWidth;
+			yScroll = document.body.scrollHeight;
+		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
+			xScroll = document.body.offsetWidth;
+			yScroll = document.body.offsetHeight;
+		}
+		var windowWidth, windowHeight;
+		if (self.innerHeight) {	// all except Explorer
+			windowWidth = self.innerWidth;
+			windowHeight = self.innerHeight;
+		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
+			windowWidth = document.documentElement.clientWidth;
+			windowHeight = document.documentElement.clientHeight;
+		} else if (document.body) { // other Explorers
+			windowWidth = document.body.clientWidth;
+			windowHeight = document.body.clientHeight;
+		}	
+		// for small pages with total height less then height of the viewport
+		if(yScroll < windowHeight){
+			pageHeight = windowHeight;
+		} else { 
+			pageHeight = yScroll;
+		}
+		// for small pages with total width less then width of the viewport
+		if(xScroll < windowWidth){	
+			pageWidth = windowWidth;
+		} else {
+			pageWidth = xScroll;
+		}
+		return [pageWidth,pageHeight,windowWidth,windowHeight] ;
+	}
 });

data/StarterApplication/Framework/Observer.js

@@ -0,0 +1,49 @@
+/*
+Copyright (c) 2009 Justin Baker
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), 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 "AS IS", 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.
+*/
+
+Juice.Observer = Juice.Class.create();
+Juice.Observer.prototype = {
+	initialize: function(){
+	    this.fns = [];
+	},
+    subscribe : function(fn) {
+        this.fns.push(fn);
+    },
+    unsubscribe : function(fn) {
+        this.fns = this.fns.filter(
+            function(el) {
+                if ( el !== fn ) {
+                    return el;
+                }
+            }
+        );
+    },
+    fire : function(o, thisObj) {
+        var scope = thisObj || window;
+        this.fns.each(
+            function(el) {
+                el.call(scope, o);
+            }
+        );
+    }
+};

data/StarterApplication/Framework/Resources/Themes/Default.css

@@ -53,7 +53,15 @@ body{
   font-family:Arial,sans-serif;
   position:relative;
 }
-
+/* Labels */
+.JuiceLabel{
+  cursor:default;
+  font-family:'Arial';
+  line-height:normal;
+  white-space:pre;
+  font-size:24px;
+  font-weight:bold;
+}
 /* Alerts */
 .JuiceAlert{
   background:#FFF;

data/StarterApplication/Framework/Window.js

@@ -24,20 +24,30 @@ Juice.Window = Juice.Class.create();
 Juice.Window.prototype = {
 	initialize: function Window_initialize(){
         this.name = (10).toRandomString();
-		this.theDiv = document.createElement("div");
+		this.theDivSuper = document.createElement("div");
+		this.theDiv = document.createElement("div");		
+		this.theDivSuper.appendChild(this.theDiv);
 		var theclass = Juice._classes._window;
 		this.theDiv.setAttribute("id",this.name);	
 		this.theDiv.setAttribute("class",theclass);
+		var hex_id = this.name;	
+		var event = new Juice.Event(window,"resize",function SetNewBounds(){		
+			Juice.$(hex_id).parentNode.setStyle({
+				height:	Juice.$(hex_id).parentNode.parentNode.getHeight()+"px",
+				width: 		Juice.$(hex_id).parentNode.parentNode.getWidth()+"px"
+			});
+		});
+		event.create();
 		return this;
 	},
 	addSubview: function Window_addSubview(view){
 		Juice.$(this.name).appendChild(view);
 		return this;
 	},
-	contentView: function Window_contentVoew(){
-		return this.theDiv;
+	contentView: function Window_contentView(){
+		return this.theDivSuper;
 	},
-	setSizing: function Window_setSiting(width,height){
+	setSizing: function Window_setSizing(width,height){
 		if(width){
 			Juice.$(this.name).style.width = width+'px';	
 		}
@@ -45,6 +55,67 @@ Juice.Window.prototype = {
 			Juice.$(this.name).style.height = height+'px';	
 		}	
 		return this;
+	},	
+	setPositioning: function Window_setPositioning(top,left){
+	    var hex_id = this.name;	
+		var the_super_height = Juice.$(hex_id ).parentNode.parentNode.getHeight();
+		var the_super_width = Juice.$(hex_id ).parentNode.parentNode.getWidth();
+		Juice.$(hex_id ).parentNode.setStyle({
+			height:	the_super_height +'px', 
+			width:	the_super_width +'px', 
+			position:'relative'
+		});	
+		Juice.$(hex_id ).parentNode.parentNode.setStyle({display:'block','z-index':200,position:'relative'});	
+		Juice.$(hex_id ).setStyle({position:'absolute'});	
+		if(Juice.Object.isString(top)){
+		  switch(top){
+		    case("top"):
+			  top = 10;
+			  break;
+			case("center"):
+			  top = (Juice.$(this.name).parentNode.parentNode.getHeight()-Juice.$(this.name).getHeight())/2;
+			  break;
+			case("bottom"):
+			  top = Juice.$(this.name).parentNode.parentNode.getHeight()-10;
+			  break;
+		  } 
+		}
+		// This doesn't create width unless explicit for some reason. please fix?
+		if(Juice.Object.isString(left)){
+		  switch(left){
+		    case("left"):
+			  left = parseInt(10)
+			  break;
+			case("center"):
+			  left = (Juice.$(this.name).parentNode.parentNode.getWidth()/2)-(Juice.$(this.name).getWidth()/2);
+			  break;
+			case("right"):
+			  left = (Juice.$(this.name).parentNode.parentNode.getWidth()/2)-(Juice.$(this.name).getWidth());
+			  break;
+		  } 
+		}		
+	   Juice.Application.observer.subscribe(function Resize_item(data){
+			var  top = (Juice.$(hex_id).parentNode.parentNode.getHeight()-Juice.$(hex_id).getHeight())/2;
+			var left = (Juice.$(hex_id).parentNode.parentNode.getWidth()/2)-(Juice.$(hex_id).getWidth()/2);
+			Juice.$(hex_id ).setStyle({
+				top:top+"px",
+				left:left+"px"
+			});	
+		});
+		var event = new Juice.Event(window,"load",function SetPos(){
+			if(top){
+				Juice.$(hex_id ).setStyle({top:top+'px'});	
+			}
+			if(left){
+				Juice.$(hex_id ).setStyle({left:left+'px'});	
+			}
+		});
+		event.create();
+		return this;
+	},
+	setTextAlign: function Window_setTextAlign(str){
+	  Juice.$(this.name).style.textAlign = str;
+	  return this;
 	},
 	setStringValue: function Window_setStringValue(text){
 		Juice.$(this.name).innerHTML = text;		
@@ -59,15 +130,15 @@ Juice.Window.prototype = {
 		}
 	},
 	setBackground: function Window_setBackground(color){
-		Juice.$(this.name).style.background = color;		
+			Juice.$(this.name).parentNode.setStyle({background:color});		
 		return this;
 	},
 	setForeground: function Window_setForeground(color){
-		Juice.$(this.name).style.color = color;		
+		Juice.$(this.name).setStyle({color:color});		
 		return this;
 	},
 	element: function Window_element(){
-	  return this.theDiv;
+	  return  Juice.$(this.name);
 	}
 };
 

data/StarterApplication/{README → README.rdoc }

@@ -11,13 +11,13 @@ creating desktop applications that run in the browser.
 
 == INSTALL:
 
-gem install juice
+	$ gem install juice
 
 == Getting Started:
 
-juice app \n
-cd app \n
-juice server \n\n
+	$ juice app 
+	$ cd app 
+	$ juice server 
 
 Then navigate to http://localhost:338 in your favorite web browser!
 

data/StarterApplication/appController.js

@@ -1,18 +1,20 @@
+// This is required by all Juice Applications
+
+// Create the application
 var app = new Juice.Application();
-var theWindow = new Juice.Window("theWindow");
-app.addSubview(theWindow.contentView());
-theWindow.setStringValue("this is test").setSizing(Juice.Layout.fullWidth,Juice.Layout.fullHeight).setForeground("white");
 
-var alert_button = new Juice.Button('Test Alert',function AlertButtonClick(){
-  var alert = new Juice.Alert({title: 'Alert Test', text:'This demonstrates how to use an alert'});
-  alert.addButton('Cancel',function(){alert.remove();});
-});
+// This is not required by Juice Applications, but if you want to see anything then you'll do it!
+
+// Create the main window
+var theWindow = new Juice.Window();
+// and add it to the root of the application
+app.addSubview(theWindow.contentView());
 
-var confirm_button = new Juice.Button('Test Confirm',function AlertButtonClick(){
-  var confirm = new Juice.Confirm({text:'This demonstrates how to use a confirm',callback:function ConfirmButtonCallback(bool){
-    alert(bool);
-  }});
-});
+// Here you can set the properties of the window
+theWindow.setTextAlign("center");
+// You can also chain them since each function returns the window object
+theWindow.setSizing(200).setPositioning("center","center").setBackground("white").setForeground("black");
 
-theWindow.addSubview(alert_button.contentView());
-theWindow.addSubview(confirm_button.contentView());
+// and say something
+var label = new Juice.Label("Hello, World!");
+theWindow.addSubview(label.contentView());

data/StarterApplication/config/juice.app

@@ -1,26 +1,4 @@
-/*
-Copyright (c) 2009 Justin Baker
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), 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 "AS IS", 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.
-*/
-var JuiceApp = {
-  developer: "Justin Baker",
-  files:['NewFile.js'] // This is a list of files not in Framework/Juice.*.js, or appController.js . 
-};
+callback({
+  'developer': "Justin Baker",
+  'files':['NewFile.js'] 
+});

data/examples/classes/Person.js

@@ -0,0 +1,28 @@
+/* This example shows a simple example of Juice's class system */
+
+// Create a new class
+var Person = Juice.Class.create();
+
+// Add instance methods 
+Person.prototype = {
+
+  // initialize is the function called when an instance of the class is created 
+  initialize: function(name){
+	this.name = name;
+  },
+  shout: function(){
+    alert(this.name+' says AHHH!!');
+  }
+};
+
+var jeff = new Person("Jeff");
+jeff.shout(); // Jeff says AHHH!!
+
+// Static methods for the class can be directly assigned to it
+
+Person.country = "United States";
+
+// and now you can access it through 
+Person.country;
+
+// but not instances

data/examples/controls/controls.js

@@ -0,0 +1,11 @@
+var alert_button = new Juice.Button('Test Alert',function AlertButtonClick(){
+  var alert = new Juice.Alert({title: 'Alert Test', text:'This demonstrates how to use an alert'});
+  alert.addButton('Cancel',function(){alert.remove();});
+});
+
+var confirm_button = new Juice.Button('Test Confirm',function AlertButtonClick(){
+  var confirm = new Juice.Confirm({text:'This demonstrates how to use a confirm',callback:function ConfirmButtonCallback(bool){
+    alert(bool);
+  }});
+});
+s

data/lib/juice.rb

@@ -2,5 +2,5 @@ $:.unshift(File.dirname(__FILE__)) unless
   $:.include?(File.dirname(__FILE__)) || $:.include?(File.expand_path(File.dirname(__FILE__)))
 
 module Juice
-  VERSION = '0.2.0'
+  VERSION = '0.2.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: juice
 version: !ruby/object:Gem::Version 
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors: 
 - Justin Baker
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-01-21 00:00:00 -05:00
+date: 2010-01-23 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -53,6 +53,8 @@ files:
 - "bin/juice "
 - "lib/juice.rb "
 - "lib/JSquish.rb "
+- "examples/controls/controls.js "
+- "examples/classes/Person.js "
 - "script/generate.cmd "
 - "script/generate "
 - "script/destroy.cmd "
@@ -60,7 +62,7 @@ files:
 - "script/console.cmd "
 - "script/console "
 - "StarterApplication/Views/example.juice "
-- "StarterApplication/README "
+- "StarterApplication/README.rdoc "
 - "StarterApplication/LICENSE "
 - "StarterApplication/index.html "
 - "StarterApplication/Framework/Window.js "
@@ -72,7 +74,9 @@ files:
 - "StarterApplication/Framework/Resources/Themes/Default/images/button-sprite.png "
 - "StarterApplication/Framework/Resources/images/Thumbs.db "
 - "StarterApplication/Framework/Resources/images/spinner.gif "
+- "StarterApplication/Framework/Observer.js "
 - "StarterApplication/Framework/Layout.js "
+- "StarterApplication/Framework/Label.js "
 - "StarterApplication/Framework/Juice.js "
 - "StarterApplication/Framework/JSONPConnection.js "
 - "StarterApplication/Framework/Image.js "