tres 0.1.0

data/.gitignore

@@ -0,0 +1,3 @@
+.sass-cache
+.rvmrc
+pkg

data/Gemfile

@@ -0,0 +1,3 @@
+source :rubygems
+
+gemspec

data/Gemfile.lock

@@ -0,0 +1,67 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    chunky_png (1.2.5)
+    coffee-script (2.2.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.3.3)
+    colorize (0.5.8)
+    compass (0.12.2)
+      chunky_png (~> 1.2)
+      fssm (>= 0.2.7)
+      sass (~> 3.1)
+    diff-lcs (1.1.3)
+    execjs (1.4.0)
+      multi_json (~> 1.0)
+    ffi (1.0.11)
+    fssm (0.2.9)
+    haml (3.1.6)
+    hike (1.2.1)
+    json_pure (1.7.3)
+    listen (0.4.7)
+      rb-fchange (~> 0.0.5)
+      rb-fsevent (~> 0.9.1)
+      rb-inotify (~> 0.8.8)
+    multi_json (1.3.6)
+    rack (1.4.1)
+    rake (0.9.2.2)
+    rb-fchange (0.0.5)
+      ffi
+    rb-fsevent (0.9.1)
+    rb-inotify (0.8.8)
+      ffi (>= 0.5.0)
+    rspec (2.11.0)
+      rspec-core (~> 2.11.0)
+      rspec-expectations (~> 2.11.0)
+      rspec-mocks (~> 2.11.0)
+    rspec-core (2.11.1)
+    rspec-expectations (2.11.2)
+      diff-lcs (~> 1.1.3)
+    rspec-mocks (2.11.1)
+    rspec-nc (0.0.2)
+      terminal-notifier (~> 1.4.2)
+    sass (3.1.20)
+    sprockets (2.4.5)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    terminal-notifier (1.4.2)
+    tilt (1.3.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  coffee-script
+  colorize
+  compass
+  haml
+  json_pure
+  listen
+  rake
+  rspec
+  rspec-nc
+  sprockets
+  tilt

data/README.md

@@ -0,0 +1,50 @@
+# Tres
+
+Tres is (will be) a mobile web development framework based in Backbone.js. The idea is instead of using
+a bunch of jQuery plugins and whatnot, you'll build your application as you'd build a regular Backbone
+app: you write the markup, declare the JS classes for each view, and style everything using CSS. A good 
+good looking theme will be provided, as well as transitions.
+
+# Roadmap
+
+1. Standalone JS file and CSS includes.
+2. Console interface, with generators for models, collections, and screens.
+3. Ruby library, Rails and Sinatra interfaces.
+
+# Classes
+
+* `Tres.Device`
+  - Will track events such as orientation change, and keep info such as width/height, supported 
+  features, etc.
+* `Tres.Screen`
+  - A screen, with some features such as a fixed header/footer and momentum scrolling.
+* `Tres.SwipeSet`
+  - This class wraps a set of `Tres.Screen`s and allows for swipe navigation across them.
+* `Tres.List`
+  - A simple list, bindable to a `Backbone.Collection`.
+* `Tres.ListEntry`
+  - Contained by `Tres.List`. You can make it clickable by adding a `click` method to it. Renders
+  differently depending on that.
+* `Tres.Form`
+  - A <form> wrapper class to capture data from it, and handle submitting and validations. Most
+  likely tied to a `Backbone.Model`. Note: not likely this will generate the form from a model's
+  attributes, since that means we need to define a schema for the model, and in which case we're 
+  replicating what Backbone.Forms does. Just go and use it instead.
+* `Tres.Notifier`
+  - Displays animated notifications, clickable or not.
+  
+Tentative stuff, but could be handled later by plugins.
+
+* `Tres.Map`
+  - A Google map screen, with some helpers to ease the capture/insertion of data from it.
+
+# Development Track
+
+Things will be messy until I make final decisions on things. If you'd like to contribute or hack with this
+project, give me a shout and I'll help you set up the environment. Until then, this repo won't have any
+purpose beyond educational.
+    
+# Styles
+
+As much as the philosophy is "stay out the way" and will remain so, a basic theme will be provided which
+uses exclusively fonts for icons and CSS3. That's in conformity with the trend of high resolution displays.

data/Rakefile

@@ -0,0 +1,16 @@
+require File.join(File.dirname(__FILE__), 'spec', 'spec_helper')
+require 'rspec/core/rake_task'
+require 'bundler/gem_tasks'
+
+RSpec::Core::RakeTask.new do |task|
+  task.pattern = 'spec/**/*_spec.rb'
+  task.rspec_opts = ['-c', '--format=doc', '--format=Nc', '-r ./spec/spec_helper']
+end
+
+task :package do
+  version = File.read('VERSION')
+  `mkdir tres-#{version}`
+  `cp -r js css tres-#{version}`
+  `zip tres-#{version}.zip tres-#{version}`
+  `rm -rf tres-#{version}`
+end

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/bin/tres

@@ -0,0 +1,103 @@
+#!/usr/bin/env ruby
+# coding: utf-8
+
+$:.unshift File.join(File.dirname(__FILE__), '..', 'lib')
+
+require 'tres'
+require 'colorize'
+
+ACTIONS = {
+  :server     => %w(server s),
+  :new_at     => %w(new),
+  :screen     => %w(screen sc),
+  :model      => %w(model mo),
+  :collection => %w(collection co),
+  :template   => %w(template t)
+}
+
+def bail! reason
+  puts reason
+  exit -2
+end
+
+def figure_what_to_do!
+  help_and_exit! if ARGV.empty?
+  if ACTIONS.values.flatten.include? ARGV.first
+    action = ACTIONS.select { |action, args| args.include? ARGV.first }.flatten.first
+    send action, *ARGV[1..(ARGV.length - 1)]
+  else
+    help_and_exit!
+  end
+end
+
+def help_and_exit!
+  STDERR.puts <<-HELP
+
+Tres 
+  Usage:
+    tres new <directory>
+  Example:
+    tres new myapp
+  Other commands:
+    help        shows this menu
+    version     shows the current version of Tres you have installed
+    
+  HELP
+  exit -1
+end
+
+def new_at dir
+  app = nil
+  Tres.say_progress "Creating Tres app on #{dir.dup.colorize(:yellow)}" do
+    app = Tres::App.new dir
+  end
+  Tres.say_progress "Compiling boilerplate templates" do
+    app.template_compiler.compile_all
+  end
+  Tres.say "All done!"
+end
+
+def server
+  Tres.say "Starting server"
+  app = Tres::App.open Dir.pwd
+  Rack::Server.start :app => Tres::Server.new(app).to_rack_app, :Port => 4567 
+end
+
+def template name
+  app = Tres::App.open Dir.pwd, :deaf => true
+  Tres.say_progress "Creating template #{name.downcase.colorize(:yellow)}" do
+    app.template_compiler.new_template name.downcase
+  end
+end
+
+def screen name
+  app = Tres::App.open Dir.pwd, :deaf => true
+  Tres.say_progress "Creating template #{name.downcase.colorize(:yellow)}" do
+    app.template_compiler.new_template name.downcase
+  end
+  Tres.say_progress "Creating #{name.to_screen_name.colorize(:yellow)} at #{("screens/" + name.downcase).colorize(:yellow)}" do
+    script = Tilt.new(Tres.templates_dir/'screen_script.coffee.erb')
+    script = script.render OpenStruct.new(:name => name)
+    app.asset_packager.new_script "screens/#{name.downcase}", script
+  end
+end
+
+def model name
+  app = Tres::App.open Dir.pwd, :deaf => true
+  Tres.say_progress "Creating #{name.classify.colorize(:yellow)} at #{("models/" + name.downcase).colorize(:yellow)}" do
+    script = Tilt.new(Tres.templates_dir/'model_script.coffee.erb')
+    script = script.render OpenStruct.new(:name => name)
+    app.asset_packager.new_script "models/#{name.downcase}", script    
+  end
+end
+
+def collection name, model_name = nil
+  app = Tres::App.open Dir.pwd, :deaf => true
+  Tres.say_progress "Creating #{name.classify.colorize(:yellow)} at #{("collections/" + name).colorize(:yellow)}" do
+    script = Tilt.new(Tres.templates_dir/'collection_script.coffee.erb')
+    script = script.render OpenStruct.new(:name => name, :model_name => model_name)
+    app.asset_packager.new_script "collections/#{name.downcase}", script    
+  end  
+end
+
+figure_what_to_do!

data/examples/anagen/anagen.coffee

@@ -0,0 +1,61 @@
+URLs =
+  page : (name) -> "http://en.wikipedia.org/w/api.php?action=parse&page=#{name}&format=json&prop=text|displaytitle|sections|revid&mobileformat=html"
+  search : (query) -> "http://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=#{query}&format=json&srlimit=10&srprop="
+
+class Article extends Backbone.Model
+  retrieve : (page, callback) ->
+    $.ajax
+      url      : URLs.page(page)
+      dataType : 'jsonp'
+      data     : { page : page }
+      success  : (response) =>
+        @set(response.parse) unless response.error?
+        callback() if _.isFunction(callback)
+
+class Suggestion extends Backbone.Model
+class Suggestions extends Backbone.Collection
+  model : Suggestion
+  url   : URLs.search
+  parse : (response) ->
+    response.query.search
+  search : (query) ->
+    @fetch(dataType : 'jsonp', url : URLs.search(query))
+
+class Home extends Tres.Screen
+  id       : 'home'
+  template : JST['home']
+  submit : (event) ->
+    event.preventDefault()
+    form = new Tres.Form(@$el.find('form'))
+    Tres.Router.navigate "search/#{encodeURI(form.attributes().query)}", true
+
+class Search extends Tres.Screen
+  id       : 'search'
+  template : JST['search']
+  active : (query) ->
+    @title(query)
+    @list ?= new Tres.List(
+      collection : App.Suggestions
+      el         : @$el.find('ul')
+      entry      : { template : JST['result'], url : -> "article/#{@model.attributes.title}" }
+    )
+    App.Suggestions.search query
+
+class Reader extends Tres.Screen
+  id       : 'show-article'
+  template : JST['article']
+  active   : (name) ->
+    @title(name)
+    @model.retrieve name, => @render()
+
+$ ->
+  window.App        = new Tres.App
+  App.Suggestions   = new Suggestions
+  App.Reader        = new Reader(model : new Article)
+
+  App.on
+    ''                : new Home
+    'search/:query'   : new Search
+    'article/:title'  : App.Reader
+
+  App.boot(root : '/anagen/')