motion-pixate-layout 0.0.1

data/.gitignore

@@ -0,0 +1,3 @@
+app/pixate_code.rb
+vendor/*
+*.gem

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in motion-pixate-layout.gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,22 @@
+PATH
+  remote: .
+  specs:
+    motion-pixate-layout (0.0.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    bacon (1.1.0)
+    motion-pixate (1.2)
+      sass
+    rake (10.0.4)
+    sass (3.2.7)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bacon
+  motion-pixate
+  motion-pixate-layout!
+  rake

data/LICENSE.md

@@ -0,0 +1,21 @@
+Copyright 2013 Terrible Labs, Inc.
+http://terriblelabs.com/
+
+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.md

@@ -0,0 +1,82 @@
+# MotionPixateLayout
+
+This project adds a simple DSL to your Rubymotion UIViewControllers to create subviews to be styled with [Pixate](http://www.pixate.com/).
+
+The idea is inspired by [Teacup](https://github.com/rubymotion/teacup), which has an awesome layout/subview DSL for layout out your controllers.  While this DSL is great, Teacup brings in a lot of style/stylesheet features that are not useful to Pixate users.  MotionPixateLayout also adds a convenient shorthand selector to quickly set the styleId and styleClass of subviews.
+
+## A quick example
+
+````ruby
+class MyViewController < UIViewController
+  pixate_layout '#my-view.fancy' do
+    UILabel '#title-label.small.green', text: 'My Title'
+    UIButton '#ok-button.call-to-action'
+  end
+end
+````
+
+This code hooks into UIViewController's `viewDidLoad` mode and:
+
+1. Sets `view.styleId` to 'my-view'
+1. Sets `view.styleClass` to 'fancy'
+1. Adds a UILabel with these attributes as a subview of the controller's view:
+    * styleId: 'title-label'
+    * styleClass: 'small green'
+    * text: 'My Title'
+1. Adds a UIButton with these attributes as a subview of the controller's view:
+    * styleId: 'ok-button'
+    * styleClass: 'call-to-action'
+
+## Accessing subviews
+
+MotionPixateLayout adds a `subviews` accessor to UIViewController that returns a hash of the controller's main view's subviews, where the keys are the styleId of the subview. To set the text of the title-label in the above example, we can access the subview by its id:
+
+````ruby
+class MyViewController < UIViewController
+  # pixate_layout { ... }
+
+  def update_label_text
+    subviews['title-label'] = 'An updated title'
+  end
+end
+````
+
+## Context and lifecycle
+
+Be aware that inside the pixate_layout block is instance_eval'ed in the context of a proxy object, so you can't call methods on or add instance variables to your controller there.  MotionPixateLayout adds 2 lifecycle hooks, `before_pixate_layout` and `after_pixate_layout` that execute in the context of your controller instance before and after the layout block, respectively.
+
+
+````ruby
+class MyViewController < UIViewController
+  pixate_layout do
+    @layout = true # Does not set an instance variable in controller
+  end
+
+  before_pixate_layout do
+    @layout = true # sets @layout instance variable in controller
+  end
+
+  after_pixate_layout do
+    @layout = true # sets @layout instance variable in controller
+  end
+end
+````
+
+## Installation
+
+If you're using Bundler, just add `gem 'motion-pixate-layout'` to your Gemfile, and `bundle install`.
+
+Make sure you've vendored the Pixate framework and [set up motion-pixate](https://github.com/Pixate/RubyMotion-Pixate#setup).
+
+## To-do
+
+* Generalize to work with NUI in addition to Pixate (rename?)
+* More examples
+
+## Suggestions? Comments?
+
+I'd love some.
+
+## Contributions
+
+Are welcome. Please fork and submit a pull request with some specs.

data/Rakefile

@@ -0,0 +1,14 @@
+require "bundler/gem_tasks"
+$:.unshift("/Library/RubyMotion/lib")
+require 'motion/project'
+Bundler.setup
+Bundler.require
+
+require 'motion-pixate'
+
+Motion::Project::App.setup do |app|
+  app.name = 'testSuite'
+  app.identifier = 'com.terriblelabs.motionPixateLayout.testSuite'
+
+  app.pixate.framework = 'vendor/PXEngine.framework'
+end

data/app/app_delegate.rb

@@ -0,0 +1,5 @@
+class AppDelegate
+  def application(application, didFinishLaunchingWithOptions:launchOptions)
+    true
+  end
+end

data/lib/motion-pixate-layout.rb

@@ -0,0 +1,23 @@
+unless defined?(Motion::Project::Config)
+  raise "The motion-pixate-layout gem must be required within a RubyMotion project Rakefile."
+end
+
+
+Motion::Project::App.setup do |app|
+  # scans app.files until it finds app/ (the default)
+  # if found, it inserts just before those files, otherwise it will insert to
+  # the end of the list
+  insert_point = 0
+  app.files.each_index do |index|
+    file = app.files[index]
+    if file =~ /^(?:\.\/)?app\//
+      # found app/, so stop looking
+      break
+    end
+    insert_point = index + 1
+  end
+
+  Dir.glob(File.join(File.dirname(__FILE__), 'motion-pixate-layout/**/*.rb')).reverse.each do |file|
+    app.files.insert(insert_point, file)
+  end
+end

data/lib/motion-pixate-layout/layout.rb

@@ -0,0 +1,60 @@
+module MotionPixateLayout
+  class Layout
+    attr_accessor :selector
+
+    def <<(block)
+      blocks << block
+    end
+
+    def each
+      blocks.each do |block|
+        yield block
+      end
+    end
+
+    def after
+      @_after ||= []
+    end
+
+    def before
+      @_before ||= []
+    end
+
+    def blocks
+      @_blocks ||= []
+    end
+  end
+
+  class Proxy
+    attr_reader :view
+
+    def initialize(view)
+      @view = view
+    end
+
+    def method_missing(method_name, *args)
+      if Kernel.constants.include?(method_name.to_sym)
+        view_class = Kernel.const_get(method_name.to_s)
+        raise "#{view_class.name} is not a known UIView subclass" unless view_class < UIView
+        return subview(view_class, *args)
+      else
+        raise "#{method_name} is not defined. Should be a subclass of UIView."
+      end
+    end
+
+    def subview(subview_class, selector, attributes = {})
+      selector = MotionPixateLayout::Selector.new(selector)
+
+      subview_class.new.tap do |subview|
+        subview.styleId = selector.style_id
+        subview.styleClass = selector.style_classes.join(" ")
+
+        attributes.each do |key, value|
+          subview.send "#{key}=", value
+        end
+
+        view.addSubview subview
+      end
+    end
+  end
+end

data/lib/motion-pixate-layout/selector.rb

@@ -0,0 +1,19 @@
+module MotionPixateLayout
+  class Selector
+    attr_reader :string
+    CLASS_PATTERN = (/\.([^#\.\s]+)/)
+    ID_PATTERN = (/#([^#\.\s]+)/)
+
+    def initialize(string)
+      @string = string
+    end
+
+    def style_classes
+      @_classes ||= string.scan(CLASS_PATTERN).flatten
+    end
+
+    def style_id
+      @_style_id ||= string.scan(ID_PATTERN).flatten.first
+    end
+  end
+end

data/lib/motion-pixate-layout/version.rb

@@ -0,0 +1,3 @@
+module MotionPixateLayout
+  Version = '0.0.1'
+end

data/lib/motion-pixate-layout/z_core_extensions/ui_view_controller.rb

@@ -0,0 +1,55 @@
+class UIViewController
+  class << self
+    def pixate_layout(selector='', &block)
+      if block_given?
+        pixate_layout.selector = MotionPixateLayout::Selector.new(selector)
+        pixate_layout << block
+      else
+        @_pixate_layout ||= MotionPixateLayout::Layout.new
+      end
+    end
+
+    def after_pixate_layout(&block)
+      pixate_layout.after << block
+    end
+
+    def before_pixate_layout(&block)
+      pixate_layout.before << block
+    end
+  end
+
+  def pixate_layout
+    self.class.pixate_layout
+  end
+
+  def viewDidLoad
+    if pixate_layout.selector
+      view.styleId = pixate_layout.selector.style_id
+      view.styleClass = pixate_layout.selector.style_classes.join(' ')
+    end
+
+    proxy = MotionPixateLayout::Proxy.new(view)
+
+    pixate_layout.before.each do |block|
+      instance_eval &block
+    end
+
+    pixate_layout.each do |block|
+      proxy.instance_eval &block
+    end
+
+    view.updateStyles
+
+    pixate_layout.after.each do |block|
+      instance_eval &block
+    end
+  end
+
+  def subviews
+    Hash[
+      view.subviews.select(&:styleId).map do |view|
+        [view.styleId, view]
+      end
+    ].freeze
+  end
+end

data/motion-pixate-layout.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/motion-pixate-layout/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Joe Lind"]
+  gem.email         = ["joe@terriblelabs.com"]
+  gem.description   = "A RubyMotion DSL to add subviews that are styled with Pixate"
+  gem.summary   = "A RubyMotion DSL to add subviews that are styled with Pixate"
+  gem.homepage = 'http://github.com/terriblelabs/motion-pixate-layout'
+
+  gem.files         = `git ls-files`.split($\)
+  gem.test_files    = gem.files.grep(%r{^(test|spec|lib_spec|features)/})
+  gem.name          = "motion-pixate-layout"
+  gem.require_paths = ["lib"]
+  gem.version       = MotionPixateLayout::Version
+
+  gem.add_development_dependency 'motion-pixate'
+  gem.add_development_dependency 'bacon'
+  gem.add_development_dependency 'rake'
+end

data/spec/lib/layout_spec.rb

@@ -0,0 +1,59 @@
+describe "MotionPixateLayout::Layout" do
+  describe "UIViewController Extensions" do
+    describe "pixate_layout" do
+      class TestViewController < UIViewController
+        attr_reader :before_called
+
+        before_pixate_layout do
+          @before_called = true
+        end
+
+        pixate_layout '#view-id.view-class.view-class-2' do
+          UILabel '#style-id.class1.class2', text: 'Test Label'
+        end
+
+        after_pixate_layout do
+          subviews['style-id'].accessibilityLabel = 'Set after pixate layout'
+        end
+      end
+
+      tests TestViewController
+
+      it "is added to UIViewController" do
+        UIViewController.should.respond_to :pixate_layout
+      end
+
+      it 'sets the style id of its view from the selector' do
+        controller.view.styleId.should == 'view-id'
+      end
+
+      it 'sets the style class of its view from the selector' do
+        controller.view.styleClass.should == 'view-class view-class-2'
+      end
+
+      it "adds subviews that are specified in its block" do
+        controller.view.subviews.size.should == 1
+      end
+
+      it "assigns the styleID from subview selectors" do
+        controller.view.subviews.first.styleId.should == 'style-id'
+      end
+
+      it 'assigns the styleClass from subview selectors' do
+        controller.view.subviews.first.styleClass.should == 'class1 class2'
+      end
+
+      it 'exposes subviews via their styldId' do
+        controller.subviews['style-id'].should.be.kind_of UILabel
+      end
+
+      it 'calls the before_pixate_layout blocks' do
+        controller.before_called.should.be.true
+      end
+
+      it 'calls the after_pixate_layout blocks' do
+        controller.subviews['style-id'].accessibilityLabel.should == 'Set after pixate layout'
+      end
+    end
+  end
+end

data/spec/lib/selector_spec.rb

@@ -0,0 +1,17 @@
+describe 'Selector' do
+  before do
+    @selector = MotionPixateLayout::Selector.new('#some-id.class1.class2')
+  end
+
+  describe '.style_classes' do
+    it 'returns an array of the parsed classes from the selector' do
+      @selector.style_classes.should == %w[class1 class2]
+    end
+  end
+
+  describe '.style_id' do
+    it "returns the id parsed from the selector" do
+      @selector.style_id.should == 'some-id'
+    end
+  end
+end

metadata

@@ -0,0 +1,111 @@
+--- !ruby/object:Gem::Specification
+name: motion-pixate-layout
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Joe Lind
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-04-13 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: motion-pixate
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bacon
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A RubyMotion DSL to add subviews that are styled with Pixate
+email:
+- joe@terriblelabs.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- Gemfile.lock
+- LICENSE.md
+- README.md
+- Rakefile
+- app/app_delegate.rb
+- lib/motion-pixate-layout.rb
+- lib/motion-pixate-layout/layout.rb
+- lib/motion-pixate-layout/selector.rb
+- lib/motion-pixate-layout/version.rb
+- lib/motion-pixate-layout/z_core_extensions/ui_view_controller.rb
+- motion-pixate-layout.gemspec
+- spec/lib/layout_spec.rb
+- spec/lib/selector_spec.rb
+homepage: http://github.com/terriblelabs/motion-pixate-layout
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: A RubyMotion DSL to add subviews that are styled with Pixate
+test_files:
+- spec/lib/layout_spec.rb
+- spec/lib/selector_spec.rb
+has_rdoc: