coolstrap-generator 0.1.0

data/lib/coolstrap-generator/templates/app/views/_home.haml.erb

@@ -0,0 +1,31 @@
+= section({:id=>"home"}) do
+
+  = header do
+    = link_to "#aside-left" , "data-target" => "aside" do
+      %i.icon-reorder
+   
+    %h1 <%= app_name %>
+    = link_to "#first-page", "data-target" => "section" do
+      %i.icon-home
+      
+    = link_to "#aside-top", "data-target" => "aside" do
+      %i.icon-search
+
+  = footer("data-type" => "toolbar") do
+    %a.onlyIcon
+      %i.icon-refresh
+    .content
+      %h2 
+        Generated at: 
+        = Time.now
+    %a.onlyIcon
+      %i.icon-edit
+
+  = article( { :id => 'first-page', :class => 'scrollable' }) do
+    %ul#mail{"data-type" => "listview"}
+      %li
+        = link_to "#collection" , "data-target" => "section" do
+          .content
+            .title Example Link - run "coolstrap s list [Domain] [collection]"
+          .aside
+            %i.icon-chevron-right

data/lib/coolstrap-generator/templates/app/views/shared/_aside_onbottom.haml

@@ -0,0 +1,2 @@
+%aside.onBottom#aside-bottom
+  Colaborators

data/lib/coolstrap-generator/templates/app/views/shared/_aside_onleft.haml

@@ -0,0 +1,56 @@
+%aside.onLeft#aside-left
+  = header do
+    %input{ :placeholder => 'Busquedas' }
+  
+  = section({ :class => 'scrollable' }) do
+    = list_view do
+      
+      %li
+        .aside
+          .picture.small
+        .content
+          %h1 Don Francisco
+      
+      %li.list-divider Favorites
+      
+      %li
+        .aside
+          = icon :"comment-alt"
+        .content
+          %h1 Messages
+        .aside
+          .badge 30 +
+      %li
+        .aside
+          = icon :"map-marker"
+        .content
+          %h1 Near from you
+      %li
+        .aside
+          = icon :group
+        .content
+          %h1 Friends
+      %li.list-divider Apps
+
+      %li
+        = link_to  "#twitter", {"data-target" => "section"} do
+          .aside
+            = icon :twitter
+          .content
+            %h1 Twitter
+          .aside
+            = icon :signin
+      %li
+        .aside
+          = icon :pinterest
+        .content
+          %h1 Pinterest
+        .aside
+          = icon :signin
+      %li
+        .aside
+          = icon :github
+        .content
+          %h1 Github
+        .aside
+          = icon :signin

data/lib/coolstrap-generator/templates/app/views/shared/_aside_onright.haml

@@ -0,0 +1,66 @@
+%aside.onRight#aside-right
+  %header
+    %h1 Dialogs  
+  
+  %section{ :class => 'scrollable' }
+    %ul{"data-type" => "listview"}
+      %li
+        %a{"href" => "#mymodal", "data-target" => "dialog"}
+          .content Open dialog type [modal]
+          %i.icon-play-circle
+      %li
+        %a{"href" => "#myalert", "data-target" => "dialog"}
+          .content Open dialog type [alert]
+          %i.icon-play-circle
+      %li
+        %a{"href" => "#myaction", "data-target" => "dialog"}
+          .content Open dialog type [action]
+          %i.icon-play-circle
+      %li
+        %a{"href" => "#myaction2", "data-target" => "dialog"}
+          .content Open another dialog type [action]
+          %i.icon-play-circle
+      %li
+        %a{"href" => "#myaction3", "data-target" => "dialog"}
+          .content even more, open dialog type [action]
+          %i.icon-play-circle
+      
+
+  %div#mymodal{:role => "dialog", "data-type" => "modal", "data-transition" => "slideup"}
+    %a.close{"href" => "#mymodal", "data-target" => "close"}
+      %i.icon-remove-circle
+    %h1 Cras mattis consectetur purus sit amet fermentumm agnis dis parturient mo.
+
+  %div#myalert{:role => "dialog", "data-type" => "alert"}
+    %h1 Cras mattis consectetur purus agnis dis parturient mo.
+    %p Donec id elit non mi porta gravida at eget metus estibulum id ligula porta felis euismod semper.
+    .button-group
+      %a Ullamcorper
+      %a.close{"href" => "#myalert", "data-target" => "close"}
+        Close
+
+  %div#myaction{:role => "dialog", "data-type" => "action"}
+    %h1 Cras mattis consectetur purus sit amet fermentumm agnis dis parturient mo.
+    .button-group
+      %a Ullamcorper Ridiculus
+      %a.close{"href" => "#myaction", "data-target" => "close"}
+        Close
+
+  %div#myaction2{:role => "dialog", "data-type" => "action"}
+    %h1 Cras mattis consectetur purus sit amet fermentumm agnis dis parturient mo.
+    %a Ullamcorper Ridiculus
+    %a.close{"href" => "#myaction2", "data-target" => "close"}
+      Close
+
+  %div#myaction3{:role => "dialog", "data-type" => "action"}
+    %h1 Cras mattis consectetur purus sit amet fermentumm agnis dis parturient mo.
+    .button-group
+      %a Ullamcorper 
+      %a Tristique
+    %p Cras mattis consectetur purus sit amet fermentumm agnis dis parturient mo.
+    .button-group.alignVertical
+      %a Ullamcorper Ridiculus
+      %a Tristique Lorem
+      %a.close{"href" => "#myaction3", "data-target" => "close"}
+        Close
+        

data/lib/coolstrap-generator/templates/app/views/shared/_aside_ontop.haml

@@ -0,0 +1,19 @@
+%aside.onTop#aside-top
+  = toolbar do
+    %input
+    %a 
+      = icon(:search)
+
+  = section do
+    = tabbar do
+      %a= icon(:picture, :text=>"PHOTOS")
+      
+      %a.is-active 
+        = icon(:music) do
+          AUDIO
+      %a 
+        = icon(:film)
+      %a 
+        = icon(:group)
+      %a 
+        = icon(:book)

data/lib/coolstrap-generator/templates/defaults/Gemfile.erb

@@ -0,0 +1,3 @@
+source "http://rubygems.org"
+
+gem "coolstrap-generator" , :git=>"https://github.com/michelson/coolstrap-generator.git"

data/lib/coolstrap-generator/templates/defaults/LICENSE.erb

@@ -0,0 +1 @@
+<%= app_name %>  <%= Time.now.year %>, made with coolstrap, see coolstrap license.

data/lib/coolstrap-generator/templates/defaults/Readme.mkd.erb

@@ -0,0 +1 @@
+# <%= app_name %> - Created with Coolstrap, the mobile development framework.

data/lib/coolstrap-generator/templates/defaults/config.erb

@@ -0,0 +1,42 @@
+#"<%= app_name %>"
+
+require "coolstrap-generator/middleman/helpers"
+
+
+compass_config do |config|
+  config.sass_options = {:output_style => :nested, :images_dir => 'images', :fonts_dir => 'fonts'}
+end
+
+set :images_dir,  "assets/images"
+set :fonts_dir,  "assets/fonts"
+set :css_dir,  "assets/stylesheets"
+set :js_dir, "assets/javascripts"
+set :markdown, :layout_engine => :haml
+set :default_encoding, 'utf-8'
+
+activate :helpers
+
+configure :build do
+  activate :compass
+  activate :minify_css
+  activate :minify_javascript
+  activate :relative_assets
+end
+
+
+# Per-page layout changes:
+#
+# With no layout
+# page "/path/to/file.html", :layout => false
+#
+# With alternative layout
+ page "/examples/layouts/*", :layout => "/examples/examples"
+ page "/examples/kitchen-sink/*", :layout => "/examples/examples"
+ page "/examples/components/*", :layout => "/examples/examples"
+ page "/examples/demo/*", :layout => "/examples/examples"
+ page "/examples/rhyboo/*", :layout => "/examples/examples"
+#
+# A path which all have the same layout
+# with_layout :admin do
+#   page "/admin/*"
+# end

data/lib/coolstrap-generator/templates/defaults/gitignore.erb

@@ -0,0 +1,2 @@
+# Generated by Ti - Titanium Generator
+#

data/lib/coolstrap-generator/templates/rakefile

@@ -0,0 +1,102 @@
+require 'rubygems'
+require 'colored'
+require File.join(File.dirname(__FILE__), 'config.rb')
+include Config
+
+task :default => ["build:iphone"]
+
+namespace :project do
+  desc "Get project information"
+  task :info do
+    puts "#{PROJECT_NAME} at version #{PROJECT_VERSION}."
+    puts " App ID: #{APP_ID}."
+    puts " App Name: #{APP_NAME}."
+    puts " Building for: #{APP_DEVICE}."
+    puts "  Using iOS SDK Version #{IPHONE_SDK_VERSION}."
+    puts "  Using Android Version #{ANDROID_SDK_VERSION}."
+    puts "  Titanium Build Version #{TI_SDK_VERSION}."
+  end
+end
+
+namespace :compile do
+  desc "Compile all"
+  task :all do
+    compile
+  end
+
+  desc "Compile coffee"
+  task :coffee do
+    compile_coffee
+  end
+
+  desc "Compile sass"
+  task :styles do
+    compile_sass
+  end
+end
+
+namespace :build do
+  desc "Build the app for the iPhone"
+  task :iphone do
+    build
+  end
+  
+  desc "Build the app for Android"
+  task :android do
+	build({ :device => 'android' })
+  end
+
+  desc "Recreate build folder"
+  task :new do
+    system "rm -rf build"
+    system "mkdir -p build/iphone"
+    Rake::Task["setup:all"].invoke
+  end
+end
+
+def compile
+  compile_coffee && compile_sass
+end
+
+def compile_sass
+  puts "Compiling stylesheets".blue
+  `sass --compass -C -t expanded stylesheets/app.sass > Resources/app.jss`
+  puts "Done".green
+end
+
+def compile_coffee
+  puts "Compiling CoffeeScript".blue
+  paths = [
+    "app/#{APP_NAME}.coffee",
+    "app/models/*.coffee",
+      "app/views/*.coffee"
+  ]
+
+  puts "PATHS: #{paths.join(' ')} ".yellow
+
+  compilation = (
+    system "coffee -c -b --join Resources/#{APP_NAME}.js -c -b #{paths.join(' ')}" and
+    system "coffee -p --bare src/app.coffee > Resources/app.js"
+  )
+
+  if compilation
+    puts "Successfully compiled CoffeeScript".green
+  else
+    puts "Error compiling CoffeeScript".red
+  end
+end
+
+def build(options={})
+  return "Broken" unless compile
+  options[:device] ||= 'iphone'
+  if options[:device] == 'android'
+	sdk = ANDROID_SDK_VERSION
+	builder = "#{TI_ANDROID_DIR}/builder.py"
+  elsif options[:device].match /^i/
+	sdk = IPHONE_SDK_VERSION
+	builder = "#{TI_IPHONE_DIR}/builder.py"
+  end
+  puts "Building with Titanium... (DEVICE_TYPE: #{options[:device]})".blue
+  sh %Q{bash -c "#{builder} run #{PROJECT_ROOT}/ #{sdk} #{APP_ID} #{APP_NAME} #{options[:device]} " \
+| perl -pe 's/^\\[DEBUG\\].*$/\\e[35m$&\\e[0m/g;s/^\\[INFO\\].*$/\\e[36m$&\\e[0m/g;s/^\\[WARN\\].*$/\\e[33m$&\\e[0m/g;s/^\\[ERROR\\].*$/\\e[31m$&\\e[0m/g;'}
+end

data/lib/coolstrap-generator/templates/specs/app_spec.coffee

@@ -0,0 +1,3 @@
+describe 'Jasmine', ->
+  it 'should require you to write your tests', ->
+    expect(yourCode).toBeLotsBetter()

data/lib/coolstrap-generator/utils.rb

@@ -0,0 +1,82 @@
+module Coolstrap::Generator
+  module Utils
+
+    def create_new_file(name, file=nil)
+      log "Creating #{name}"
+      contents = file.nil? ? '' : File.read(file)
+      unless File.file?(location.join(name))
+        File.open(location.join(name), 'w') { |f| f.write(contents) }
+      end
+    end
+
+    def get_app_name
+      config  = File.open("tiapp.xml")
+      doc     = ::Nokogiri::XML(config)
+      config.close
+      doc.xpath('ti:app/name').text
+    end
+
+    def remove_files(*files)
+      files.each do |file|
+        log "Removing #{file} file."
+        FileUtils.rm(location.join(file))
+      end
+    end
+
+    def touch(*filenames)
+      filenames.each do |filename|
+        log "Creating #{filename} file."
+        FileUtils.touch(location.join(filename))
+      end
+    end
+
+    def create_directories(*dirs)
+      dirs.each do |dir|
+        log "Creating the #{dir} directory."
+        FileUtils.mkdir_p(location.join(dir))
+      end
+    end
+    
+    def remove_directories(*names)
+      names.each do |name|
+        log "Removing #{name} directory."
+        FileUtils.rm_rf(location.join(name))
+      end
+    end
+
+
+    def create_with_template(name, template_location, contents={})
+      template    = templates("#{template_location}.erb")
+      eruby       = Erubis::Eruby.new(File.read(template))
+      File.open(location.join(name.gsub(/^\//, '')), 'w') { |f| f.write(eruby.result(contents))}
+    end
+    
+    def templates(path)
+      ::Coolstrap::Generator.root.join('coolstrap-generator/templates').join(path)
+    end
+
+
+    def log(msg)
+      ::Coolstrap::Generator::Logger.report(msg)
+    end
+
+    def error(msg)
+      ::Coolstrap::Generator::Logger.error(msg)
+    end
+
+    def base_location
+      @location ||= Pathname.new(Dir.pwd)
+    end
+    
+    alias_method :location, :base_location
+
+    def underscore(string)
+      string.gsub(/::/, '/').
+        gsub(/([A-Z]+)([A-Z][a-z])/,'\1_\2').
+        gsub(/([a-z\d])([A-Z])/,'\1_\2').
+        tr("-", "_").
+        downcase
+    end
+
+  end
+end

data/lib/coolstrap-generator/version.rb

@@ -0,0 +1,5 @@
+module Coolstrap
+  module Generator
+    VERSION = "0.1.0"
+  end
+end

data/readme.md

@@ -0,0 +1,107 @@
+# CoolsTrap Generator
+
+### An app generator for rapid Html5 mobile development with coolstrap framework.
+
+## DISCLAIMER:
+  
+  Coolstrap is in alpha development phase, so the project should be treated like that until the coolstrap team generates the stable version of the framework.
+  
+## Requirements
+
+* ruby 1.9.3
+* install bundler
+* CoffeeScript
+
+## Install the gem
+
+    ➜ gem install coolstrap-generator
+
+### Create a new Project
+
+    ➜ coolstrap new HelloWorld
+
+### Create your views
+
+    ➜ coolstrap s list Developers commiters
+    ➜ coolstrap s list Developers watchers
+    
+  When the view is created you must to include the generated partial in views/index.html.haml.
+   
+  Then, to show the view you just have to call the section with something like this in your views/_home.haml:
+  
+    %a{"href" => "#commiters", "data-target" => "section"}
+  
+
+### Create your tabbars & toolbars
+
+    ➜ coolstrap s tabbar Developers watchers
+    ➜ coolstrap s toolbar Developers watchers
+    
+  Those lines generates partials in views/tabbars & views/toolbars.
+  
+  To use Tabbars or Toolbars you need to call the partials in the views, for example in a header or footer elements.  
+  
+## Run it 
+
+    ➜ coolstrap r # or coolstrap server
+    
+  This command will run an instance of middleman server, since is middleman you can also start the server with 'middleman server' command
+
+## Build it
+
+    ➜ coolstrap b # or coolstrap build
+    
+  This command will build middleman static site, since is middleman you can also build with 'middleman build' command
+  
+## Convenience Helpers
+
+  Coolstrap Generator comes with some convenience helpers methods for header, footer, sections, list_view and more.
+  see: coolstrap-generator/templates/.
+  
+### some examples
+    
+    = header do
+      = toolbar(:control=>true) do
+        %a= icon(:facebook)
+        %a= icon(:facebook)
+        %a= icon(:comments)
+    
+    = footer do  
+      = tabbar do
+        = link_to "#" do
+          = icon(:facebook)
+    
+    = article(:class=>"scrollable") do
+      = list_view(:class=>"inset") do
+      = list_item(:arrow=>"right")
+      = divider do
+        2. Title and description with arrow and avatar
+    
+    = list_view(:class=>"inset") do 
+      = divider do
+        1. Title and description widht avatar
+      = list_item do
+        ....
+
+
+### Contributing to Coolstrap-Generator
+
+* Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet
+* Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it
+* Fork the project
+* Start a feature/bugfix branch
+* Commit and push until you are happy with your contribution
+* Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
+* Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.
+
+### acknowledgments
+  * Coolstrap team for their awesome work on coolstrap framework.
+  * This gem is heavily inspired in Ti gem from Robert Evans, so many of this gorgeous code was taken verbatim from that gem, the main difference is that I adapted the code to work with coolstrap mobile framework and middleman static page generator system.
+  
+  
+
+### Copyright
+
+Copyright Miguel Michelson Martinez (c) 2012 , the same licence as coolstrap.
+
+ruby -Ilib ./bin/coolstrap