riojs 0.0.0

data/public/javascripts/lib/clipboard.js

@@ -0,0 +1,96 @@
+rio.Clipboard = {
+	/*
+		Only call copy on the platform specific keydown event scenario.
+		
+			Mac: CMD + c
+			Win: CTRL + c
+	*/
+	copy: function(val, afterCopy) {
+		if (Prototype.Browser.WebKit) {
+			this.copyToClipboardForWebKit(val);
+			afterCopy.defer();
+			return;
+		}
+		
+		var clipboard = this.html();
+		
+		clipboard.value = val;
+		clipboard.setSelectionRange(0, clipboard.value.length);
+		clipboard.focus();
+		
+		var keyObserver = function(e) {
+			clipboard.stopObserving("keyup");
+			clipboard.stopObserving("keydown");
+			clipboard.stopObserving("keypress");
+			
+			afterCopy.defer();
+		}.bindAsEventListener(this);
+		
+		clipboard.observe("keyup", keyObserver);
+		clipboard.observe("keydown", keyObserver);
+		clipboard.observe("keypress", keyObserver);
+	},
+	
+	copyToClipboardForWebKit: function(textToCopy) {
+        var clipDoc = this.clipboardDoc();
+    
+    	// Get the clipboard container (input box) and set its contents
+    	var container = clipDoc.getElementById("clipContainer");
+    	container.value = textToCopy;
+    
+    	// Focus/Select the container containing the text to copy
+    	container.focus();
+    	container.select();
+    
+    	clipDoc.execCommand("copy", false, "");
+    },
+
+	clipboardDoc: function() {
+		if (!this._clipFrame) {
+	 		this._clipFrame = rio.Tag.iframe("", {
+				style: "position: absolute; top: -1000px"
+			});
+	 		Element.body().insert(this._clipFrame);
+         
+	         // Insert an input box and switch it to design mode
+	 		var clipDoc = this._clipFrame.contentDocument;
+	 		clipDoc.body.innerHTML = "<textarea id='clipContainer'/>";
+	 		clipDoc.designMode = "On";
+	 		clipDoc.body.contentEditable = true;
+ 		}
+		return this._clipFrame.contentDocument;
+	},
+	
+	paste: function(callback) {
+		var clipboard = this.html();
+
+		clipboard.value = "";
+		clipboard.focus();
+		
+		var keyObserver = function() {
+			clipboard.stopObserving("keyup");
+			clipboard.stopObserving("keydown");
+			clipboard.stopObserving("keypress");
+			
+			(function() {
+				callback(clipboard.value);
+			}).defer();
+		};
+		
+		clipboard.observe("keyup", keyObserver);
+		clipboard.observe("keydown", keyObserver);
+		clipboard.observe("keypress", keyObserver);
+	},
+	
+	html: function() {
+		if (!this._html) {
+			this._html = rio.Tag.textarea("");
+
+			Element.body().insert(rio.Tag.div(this._html, {
+				style: "position: absolute; top: -10px; overflow: hidden; height:1px;"
+			}));
+		}
+		
+		return this._html;
+	}
+};

data/public/javascripts/lib/collection_entity.js

@@ -0,0 +1,46 @@
+rio.CollectionEntity = {
+	create: function(options) {
+		options = Object.extend({
+			values: [],
+			condition: function() { return true; }
+		}, options);
+		var collectionEntity = $A(options.values);
+		
+		collectionEntity.getModel = function() {
+			return options.model;
+		};
+		
+		collectionEntity.add = function(val) {
+			if (val.__model == this.getModel() && !this.include(val) && options.condition(val)) {
+				return this.push(val);
+			}
+		};
+		
+		collectionEntity.update = function(val) {
+			var index = this.indexOf(val);
+			if (val.__model == this.getModel() && options.condition(val)) {
+				if (index < 0) {
+					if (!val.__destroying) {
+						this.push(val);
+					}
+				}
+			} else {
+				if (index >= 0) {
+					this.splice(index, 1);
+				}
+			}
+		};
+		
+		collectionEntity.remove = function(val) {
+			if (this.include(val)) {
+				this.splice(this.indexOf(val), 1);
+			}
+		};
+		
+		return collectionEntity;
+	},
+
+	toString: function() {
+		return "CollectionEntity";
+	}
+};

data/public/javascripts/lib/component.js

@@ -0,0 +1,129 @@
+/**
+	@class
+	
+	Component is the root of all rio components.  It provides basic html and rendering support as 
+	well as css dependency management.
+	
+	@extends rio.Attr
+*/
+rio.Component = {
+	create: function() {
+		var args = $A(arguments);
+		if (args.length > 0 && args.last() != undefined && !args.last().ATTR) {
+			args[args.size() - 1] = Object.extend({ noExtend: true }, args.last());
+		}
+		var component = rio.Attr.create.apply(this, args);
+		
+		var methods = {
+			rerender: function() {
+				if (!this._html) { return; }
+				var oldHtml = this._html;
+				this._html = null;
+				component._htmls.each(function(fieldName) {
+					this[fieldName].remove();
+					this[fieldName] = null;
+				}.bind(this));
+				oldHtml.replace(this.html());
+				rio.app.getCurrentPage().__lm.resize();
+			},
+
+			toString: function() {
+				return "[rio.components.*]";
+			}
+		};
+		if (!component.prototype.html) {
+			methods.html = function() {
+				if (!this._html) { this._html = this.buildHtml(); }
+				return this._html;
+			};
+		}
+		component.addMethods(methods);
+
+		Object.extend(component, {
+			requireCss: function(name) {
+				rio.Application.includeCss("components/" + name);
+			},
+			
+			template: function(name) {
+				rio.boot.loadedTemplates.push(rio.boot.appRoot + "components/" + name);
+				
+				this._templateName = name;
+			},
+			
+			applyTemplate: function() {
+				if (this._templateName && !this._templateApplied) {
+					var template = rio.JsTemplate.build("components/" + this._templateName);
+					var mixinMethods = template.mixinMethods();
+					if (component.prototype.render == undefined) {
+						mixinMethods.render = function() {};
+					}
+					mixinMethods.buildHtml = mixinMethods.buildHtml.wrap(function(proceed) {
+						var ret = proceed();
+						this._html = ret;
+						this.render();
+						return ret;
+					});
+					component.addMethods(mixinMethods);
+
+					this._templateApplied = true;
+				}
+			},
+			
+			style: function(name) {
+				component.attrAccessor(name);
+			}
+		});
+		
+		if (args.length > 0 && args.last() != undefined && !args.last().ATTR) {
+			var initializers = args.last();
+			if (Object.isString(initializers.requireCss)) {
+				component.requireCss(initializers.requireCss);
+			}
+			
+			if (Object.isString(initializers.template)) {
+				component.template(initializers.template);
+			}
+			
+			(initializers.styles || []).each(function(styleName) {
+				component.style(styleName);
+			});
+			
+			rio.Component.extend(component, initializers.methods || {});
+		}
+		
+		return component;
+	},
+	
+	extend: function(component, extension) {
+		extension.__initialize = extension.initialize || Prototype.emptyFunction;
+		extension.initialize = function(options) {
+			component.applyTemplate();
+		
+			(this.__initialize.bind(this))(options);
+		};
+
+		rio.Attr.extend(component, extension);
+	},
+	
+	toString: function() {
+		return "Component";
+	}
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

data/public/javascripts/lib/console.js

@@ -0,0 +1,75 @@
+rio.require("components/notification", { track: false });
+
+rio.console.loaded = false;
+rio.console.logQueue = [];
+
+rio.log = function(msg, className, prefix) {
+	if (rio.console.loaded) {
+		rio.console.window.log(msg, className, prefix);
+	} else {
+		rio.console.logQueue.push({ msg: msg, className: className, prefix: prefix});
+	}
+};
+
+rio.error = function(e, msg) {
+	try {
+		if (e.errorLogged) { return; }
+		var fullMessage = (msg ? msg + "\n\n" : "") + e
+		rio.log(fullMessage, "errorLogItem", "> ");
+		e.errorLogged = true;
+
+		var htmlMessage = rio.Tag.div("", { style: "text-align: left; padding: 0px 10px; line-height: 24px" });
+		htmlMessage.update(fullMessage.replace(/\n/g, "<br />"));
+		new rio.components.Notification({
+			iconSrc: "/images/icons/error-big.png",
+			body: htmlMessage
+		});
+	} catch(e) {
+		// ignore errors writing errors
+	}
+};
+
+rio.warn = function(msg) {
+	rio.log(msg, "warningLogItem", "- ");
+};
+
+rio.console.launch = function() {
+	rio.console.loaded = false;
+	rio.console.window = window.open('/javascripts/lib/console/console.html', "rio_console:" + document.location.host, "width=900,height=800,scrollbars=yes,resizable=yes");
+	rio.console.initializePlayground();
+};
+
+rio.console.initializePlayground = function() {
+	rio.require("pages/playground_page", { track: false });
+	
+	rio.Application.afterLaunch(function() {
+		var appClass = rio.app.constructor;
+		if (appClass.__routes) {
+			delete appClass.__routes.playground;
+			appClass.__routes = Object.extend({ playground: "playground" }, appClass.__routes);
+			rio.app.playground = function() {
+				return new rio.pages.PlaygroundPage();
+			};
+		}
+	});
+};
+
+rio.console.touch = function(files) {
+	rio.console.window.touch(files);
+};
+
+rio.console.onload = function() {
+	rio.console.loaded = true;
+	rio.console.window.setApplication({
+		name: rio.boot.appName, 
+		scripts: rio.boot.appScripts(), 
+		stylesheets: rio.boot.loadedStylesheets,
+		templates: rio.boot.loadedTemplates
+	});
+	rio.console.logQueue.each(function(msg) { rio.log(msg.msg, msg.className, msg.prefix); });
+	rio.console.logQueue = [];
+}
+
+if (rio.boot.environment == "development" && !rio.boot.noConsole) {
+	document.observe("dom:loaded", rio.console.launch);
+}

data/public/javascripts/lib/console/apps/console.build

@@ -0,0 +1,43 @@
+scripts:
+  - lib/dependencies
+  - components/box
+  - components/tab_bar
+  - lib/console/components/dependencies_list
+  - lib/spec_runner
+  - lib/jslint
+  - lib/rio_lint
+  - prototype/sound
+  - components/container
+  - lib/console/console_mixin
+  - lib/console/console_commands
+  - lib/console/components/console
+  - components/list_item
+  - components/list_view
+  - lib/console/components/docs
+  - lib/console/components/playground
+  - components/tooltip
+  - components/image
+  - components/button
+  - components/grid_view
+  - components/input
+  - components/label
+  - components/checkbox
+  - lib/console/components/benchmark
+  - lib/console/pages/console_page
+  - lib/console/apps/console
+templates:
+  - lib/console/pages/console_page
+stylesheets:
+  - components/notification
+  - components/box
+  - components/tab_bar
+  - components/container
+  - components/list_view
+  - components/tooltip
+  - components/button
+  - components/grid_view
+  - components/input
+  - components/label
+  - components/checkbox
+  - console
+  - css_reset

data/public/javascripts/lib/console/apps/console.js

@@ -0,0 +1,28 @@
+rio.apps.console = rio.Application.create("Console", {
+	require: ["lib/console/pages/console_page"],
+	requireCss: ["css_reset", "console"],
+	routes: {
+		"": "consolePage"
+	},
+	methods: {
+		initialize: function() {
+			rio.log = opener.rio.log;
+		},
+
+		consolePage: function() {
+			var consolePage = new rio.pages.ConsolePage();
+		
+			window.log = function(msg, className, prefix) {
+				consolePage.log(msg, className, prefix);
+			}
+			window.setApplication = function(options) {
+				consolePage.setApplication(options);
+			}
+			window.touch = function(files) {
+				consolePage.touch(files);
+			}
+
+			return consolePage;
+		}
+	}
+});

data/public/javascripts/lib/console/blank.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<!--
+Copyright (c) 2007 Brian Dillard and Brad Neuberg:
+Brian Dillard | Project Lead | bdillard@pathf.com | http://blogs.pathf.com/agileajax/
+Brad Neuberg | Original Project Creator | http://codinginparadise.org
+
+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.
+-->
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+<script language="JavaScript">
+function pageLoaded() {
+	window.parent.dhtmlHistory.iframeLoaded(window.location);
+	document.getElementById("output").innerHTML = window.location;
+}
+</script>
+
+</head>
+
+<body onload="pageLoaded();" style="width:700px;padding:2px;margin:0;">
+
+	<p>blank.html - Needed for Internet Explorer's hidden iframe</p>
+	<p id="output"></p>
+
+</body>
+</html>