riojs 0.0.0

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2009 Jason Tillery and Vishu Ramanathan
+
+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.

data/README.rdoc

@@ -0,0 +1,24 @@
+Rio - real-time collaborative RIA's for Rails
+=============================================
+
+Rio is a javascript RIA framework for building real-time collaborative web applications on top of Rails.
+
+
+NOTE: Rio currently requires rails > 2.3. This is because of some bugs with the way the gem is setup. Shortly it will work with rails > 2.0
+
+
+Example
+=======
+
+Start by creating a rio application:
+
+	script/generate rio_app example
+
+Then start your server and point your browser at the new app:
+
+	http://localhost:3000/example
+
+Your scaffold application should boot up!
+
+
+Copyright (c) 2008-2010 Jason Tillery and Vishu Ramanathan. See LICENSE for details.

data/VERSION

@@ -0,0 +1 @@
+0.0.0

data/bin/rio

@@ -0,0 +1,5 @@
+#!/usr/bin/ruby
+
+require "rio/install"
+
+Rio::Install.install!

data/generators/rio_app/USAGE

@@ -0,0 +1,19 @@
+Description:
+    Generates a rio js application.
+
+Examples:
+
+    ./script/generate rio_app todo
+
+    will create:
+
+		public/javascripts/apps/todo.js
+	    public/stylesheets/todo.css
+	    public/javascripts/pages/todo_page.js
+	    public/javascripts/pages/todo_page.jst
+	    public/stylesheets/todo_page.css
+	    public/javascripts/apps/todo.build
+	    app/controllers/rio_controller.rb
+	    app/views/layouts/rio.html.erb
+	    app/views/rio
+	    app/views/rio/todo.html.erb

data/generators/rio_app/rio_app_generator.rb

@@ -0,0 +1,40 @@
+class RioAppGenerator < Rails::Generator::NamedBase
+  def manifest
+    record do |m|
+      m.template "app.js", "public/javascripts/apps/#{file_name}.js"
+      m.file "app.css", "public/stylesheets/#{file_name}.css"
+      m.directory "public/javascripts/specs/fixtures/apps"
+      m.template "fixture.js", "public/javascripts/specs/fixtures/apps/#{file_name}.js"
+      m.directory "public/javascripts/specs/apps"
+      m.template "spec.js", "public/javascripts/specs/apps/#{file_name}_spec.js"
+
+      m.dependency "rio_page", [name]
+
+      m.template "app.build", "public/javascripts/apps/#{file_name}.build"
+      
+      m.file "rio_controller.rb", "app/controllers/rio_controller.rb", :collision => :skip
+      m.file "rio.html.erb", "app/views/layouts/rio.html.erb"
+      m.directory "app/views/rio"
+      m.template "app_view.html.erb", "app/views/rio/#{file_name}.html.erb"
+
+      route_app file_name
+    end
+  end
+  
+  def route_app app_name
+    sentinel = 'ActionController::Routing::Routes.draw do |map|'
+
+    unless options[:pretend]
+      gsub_file 'config/routes.rb', /(#{Regexp.escape(sentinel)})/mi do |match|
+        "#{match}\n  map.connect '#{app_name}', :controller => 'rio', :action => '#{app_name}'\n"
+      end
+    end
+  end
+  
+  def gsub_file(relative_destination, regexp, *args, &block)
+    path = destination_path(relative_destination)
+    content = File.read(path).gsub(regexp, *args, &block)
+    File.open(path, 'wb') { |file| file.write(content) }
+  end
+  
+end

data/generators/rio_app/templates/app.build

@@ -0,0 +1,10 @@
+scripts:
+  - pages/<%= file_name %>_page
+  - apps/<%= file_name %>
+templates:
+  - pages/<%= file_name %>_page
+stylesheets:
+  - components/notification
+  - pages/<%= file_name %>_page
+  - <%= file_name %>
+  - css_reset

data/generators/rio_app/templates/app.js

@@ -0,0 +1,20 @@
+<%- app_name = class_name.sub(/./) {|a| a.downcase } %>
+<%- page_method_name = app_name + "Page" %>
+rio.apps.<%= app_name %> = rio.Application.create({
+	require: ["pages/<%= file_name %>_page"],
+	requireCss: ["css_reset", "<%= file_name %>"],
+	routes: {
+		"": "<%= page_method_name %>"
+	},
+	attrAccessors: [],
+	attrReaders: [],
+	methods: {
+		initialize: function(options) {
+		},
+	
+		<%= page_method_name %>: function() {
+			return new rio.pages.<%= class_name %>Page();
+		}
+	}
+});
+

data/generators/rio_app/templates/app_view.html.erb

@@ -0,0 +1,19 @@
+<%% 
+
+@title = "<%= class_name %> application"
+
+@rio_app = "<%= file_name %>"
+
+%>
+
+<script type="text/javascript">
+	initialOptions = {};
+</script>
+
+<noscript>
+	<div style="margin: 100px auto 0px; width: 500px; padding: 10px; border: 3px solid #888; background-color: #FFFF88">
+		<span style="color: #880000; font-size: 24px; font-weight: 700"><%= class_name %> requires javascript!</span>
+		<br /><br />
+		Please enable javascript in your browser preferences and reload this page.
+	</div>
+</noscript>

data/generators/rio_app/templates/fixture.js

@@ -0,0 +1,4 @@
+<% app_name = class_name.sub(/./) {|a| a.downcase } %>
+rio.apps.<%= app_name %>.setExamples({
+	
+});

data/generators/rio_app/templates/rio.html.erb

@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+	<meta http-equiv="imagetoolbar" content="no" /> 
+	
+	<title><%= @title %></title>
+
+	<% if @rio_app %>
+		<%= application_stylesheet %>
+	<% end %>
+</head>
+<body>
+	<%= yield  %>
+	<%= rio %>
+</body>
+</html>

data/generators/rio_app/templates/rio_controller.rb

@@ -0,0 +1,2 @@
+class RioController < ApplicationController
+end

data/generators/rio_app/templates/spec.js

@@ -0,0 +1,7 @@
+<% app_name = class_name.sub(/./) {|a| a.downcase } %>
+describe(rio.apps.<%= app_name %>, {
+	beforeEach: function() {
+
+	}
+
+});

data/generators/rio_component/USAGE

@@ -0,0 +1,13 @@
+Description:
+    Generates a rio component.
+
+Examples:
+
+    ./script/generate rio_component accordion
+
+    will create:
+
+		public/javascripts/components/accordion.js
+	    public/stylesheets/components/accordion.css
+		public/javascripts/specs/components/accordion_spec.js
+		public/javascripts/specs/fixtures/components/accordion.js

data/generators/rio_component/rio_component_generator.rb

@@ -0,0 +1,16 @@
+class RioComponentGenerator < Rails::Generator::NamedBase
+  def manifest
+    record do |m|
+      m.directory "public/javascripts/components"
+      m.template "component.js", "public/javascripts/components/#{file_name}.js"
+
+      m.directory "public/stylesheets/components"
+      m.file "component.css", "public/stylesheets/components/#{file_name}.css"
+
+      m.directory "public/javascripts/specs/fixtures/components"
+      m.template "fixture.js", "public/javascripts/specs/fixtures/components/#{file_name}.js"
+      m.directory "public/javascripts/specs/components"
+      m.template "spec.js", "public/javascripts/specs/components/#{file_name}_spec.js"
+    end
+  end
+end

data/generators/rio_component/templates/component.js

@@ -0,0 +1,11 @@
+rio.components.<%= class_name %> = rio.Component.create("<%= class_name %>", {
+	require: [],
+	requireCss: "<%= file_name %>",
+	attrAccessors: [],
+	attrReaders: [],
+	methods: {
+		buildHtml: function() {
+			return "";
+		}
+	}
+});

data/generators/rio_component/templates/fixture.js

@@ -0,0 +1,3 @@
+rio.components.<%= class_name %>.setExamples({
+
+});

data/generators/rio_component/templates/spec.js

@@ -0,0 +1,6 @@
+describe(rio.components.<%= class_name %>, {
+	beforeEach: function() {
+
+	}
+
+});

data/generators/rio_model/USAGE

@@ -0,0 +1,12 @@
+Description:
+    Generates a rio js model.
+
+Examples:
+
+    ./script/generate rio_model post
+
+    will create:
+		
+		public/javascripts/models/post.js
+		public/javascripts/specs/models/post_spec.js
+		public/javascripts/specs/fixtures/models/post.js

data/generators/rio_model/rio_model_generator.rb

@@ -0,0 +1,21 @@
+class RioModelGenerator < Rails::Generator::NamedBase
+  def manifest
+    if (@args.size == 0)
+      begin
+        attributes = class_name.constantize.column_names - ["id", "created_at", "updated_at"]
+      rescue
+        attributes = []
+      end
+    else
+      attributes = @args.map {|arg| arg.match(/(.*):.*/)[1] }
+    end
+
+    record do |m|
+      m.template "model.js", "public/javascripts/models/#{file_name}.js", :assigns => { :attributes => attributes }
+      m.directory "public/javascripts/specs/fixtures/models"
+      m.template "fixture.js", "public/javascripts/specs/fixtures/models/#{file_name}.js"
+      m.directory "public/javascripts/specs/models"
+      m.template "spec.js", "public/javascripts/specs/models/#{file_name}_spec.js"
+    end
+  end
+end

data/generators/rio_model/templates/fixture.js

@@ -0,0 +1,3 @@
+rio.models.<%= class_name %>.setExamples({
+
+});

data/generators/rio_model/templates/model.js

@@ -0,0 +1,9 @@
+rio.models.<%= class_name %> = rio.Model.create("<%= class_name %>", {
+	require: [],
+	resource: "/<%= file_name %>s",
+	attrAccessors: [<%= attributes.map {|attr| "\"#{ attr.camelize.sub(/./) { |a| a.downcase } }\"" }.join(", ") %>],
+	attrReaders: [],
+	methods: {
+
+	}
+});

data/generators/rio_model/templates/spec.js

@@ -0,0 +1,6 @@
+describe(rio.models.<%= class_name %>, {
+	beforeEach: function() {
+
+	}
+
+});

data/generators/rio_page/USAGE

@@ -0,0 +1,14 @@
+Description:
+    Generates a rio page.
+
+Examples:
+
+    ./script/generate rio_page help
+
+    will create:
+
+		public/javascripts/pages/help_page.js
+	    public/javascripts/pages/help_page.jst
+	    public/stylesheets/pages/help_page.css
+		public/javascripts/specs/pages/help_page_spec.js
+		public/javascripts/specs/fixtures/pages/help_page.js

data/generators/rio_page/rio_page_generator.rb

@@ -0,0 +1,16 @@
+class RioPageGenerator < Rails::Generator::NamedBase
+  def manifest
+    record do |m|
+      m.template "page.js", "public/javascripts/pages/#{file_name}_page.js"
+      m.template "page.jst", "public/javascripts/pages/#{file_name}_page.jst"
+
+      m.directory "public/stylesheets/pages"
+      m.template "page.css", "public/stylesheets/pages/#{file_name}_page.css"
+
+      m.directory "public/javascripts/specs/fixtures/pages"
+      m.template "fixture.js", "public/javascripts/specs/fixtures/pages/#{file_name}_page.js"
+      m.directory "public/javascripts/specs/pages"
+      m.template "spec.js", "public/javascripts/specs/pages/#{file_name}_page_spec.js"
+    end
+  end
+end

data/generators/rio_page/templates/fixture.js

@@ -0,0 +1,3 @@
+rio.pages.<%= class_name %>Page.setExamples({
+
+});

data/generators/rio_page/templates/page.css

@@ -0,0 +1,12 @@
+<%- page_class = class_name.sub(/./) { |a| a.downcase } + "Page" %>
+html, body {
+	height: 100%;
+}
+
+body {
+	overflow: hidden;
+}
+
+.<%= page_class %> {
+	background-color: #eee;
+}

data/generators/rio_page/templates/page.js

@@ -0,0 +1,12 @@
+rio.pages.<%= class_name %>Page = rio.Page.create("<%= class_name %>Page", {
+	require: [],
+	requireCss: "<%= file_name %>_page",
+	template: "<%= file_name %>_page",
+	attrAccessors: [],
+	attrReaders: [],
+	methods: {
+		render: function() {
+			
+		}
+	}
+});

data/generators/rio_page/templates/page.jst

@@ -0,0 +1,64 @@
+<%- page_class = class_name.sub(/./) { |a| a.downcase } + "Page" %>
+<div class="<%= page_class %>">
+	<div style="width: 700px; margin: 0px auto; padding-top: 30px">
+		<h1 style="color: #666; font-size: 24px;">
+			<img src="/images/rio-logo.png" style="vertical-align: middle; margin: 0px 30px 10px 0px" />
+			desktop quality, real-time applications
+		</h1>
+		
+		<div style="width: 200px; float: right; font-size: 12px">
+			<div style="padding-left: 30px; line-height: 20px">
+				<h4 style="font-size: 14px; font-weight: 700; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 10px">
+					Documentation
+				</h4>
+				<a href="http://riojs.com">Official rio:js homepage</a><br />
+				<a href="#" onclick="rio.console.window.rio.app.getCurrentPage().getDocsTab().setSelected(true); rio.console.window.focus()">
+					Rio API in the console
+				</a>
+
+				<h4 style="font-size: 14px; font-weight: 700; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin: 25px 0px 10px">
+					Tutorials
+				</h4>
+				<a href="http://riojs.com/screencast">Getting started screencast</a><br />
+
+				<h4 style="font-size: 14px; font-weight: 700; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin: 25px 0px 10px">
+					Getting help
+				</h4>
+				<a href="mailto:tilleryj@thinklinkr.com">tilleryj@thinklinkr.com</a><br />
+			</div>
+		</div>
+		<div style="width: 456px; background-color: #fff; border: 2px solid #ccc; padding: 15px 35px 15px 15px">
+			<h2 style="font-size: 24px; color: #333; font-weight: 700; border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-left: 30px">
+				So what do I do now?
+			</h2>
+			<ol style="list-style-type: decimal; margin-left: 30px; margin-top: 25px; color: #999">
+				<li style="margin-bottom: 20px">
+					<h3 style="font-size: 17px; color: #333">Start by editing this page (pages/todo.jst)</h3>
+					<p style="font-size: 12px; color: #666; margin-top: 6px">
+						Templates in rio are as simple as html but introduce powerful components that allow you to 
+						quickly build desktop like apps that bind data to and from your rails server.
+					</p>
+				</li>
+				<li style="margin-bottom: 20px">
+					<h3 style="font-size: 17px; color: #333">Integrate some models</h3>
+					<p style="font-size: 12px; color: #666; margin-top: 6px">
+						Models in rio work a lot like they do in rails. One difference is that they introduce 
+						realtime client-server bindings. Check out <a href="http://riojs.com/bindings">this writeup</a> for more details.
+					</p>
+				</li>
+				<li style="margin-bottom: 20px">
+					<h3 style="font-size: 17px; color: #333">Open another browser to see real-time collaboration</h3>
+					<p style="font-size: 12px; color: #666; margin-top: 6px">
+						One of the most compelling features of rio is real-time collaboration. You get it for free!
+					</p>
+				</li>
+				<li style="margin-bottom: 20px">
+					<h3 style="font-size: 17px; color: #333">Watch some tutorial, read the docs, and play</h3>
+					<p style="font-size: 12px; color: #666; margin-top: 6px">
+						There are way too many features of rio to enumerate here. Have fun!
+					</p>
+				</li>
+			</ol>
+		</div>
+	</div>
+</div>