motion-prime 0.6.0 → 0.7.0

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    ZWRhN2JlZjVhMjI4YjI5YzFhNjE2ZWI0NDg3OTk3YmY0M2RlMDFhMQ==
+    YmU3NjAzNmZmNTZhOTZmZjczN2Y4MjFiMTcxOTI5ODVhZDdmZTI5OA==
   data.tar.gz: !binary |-
-    NDliNzIxYjg0NDhhYWU5MDk5MzdlODJhZDM5NTE1MmE0OGQ1NjQzNQ==
+    ZWI3ZDRiMWVkYzE2MmJkNzYzZjRmNTc1MGY2YjE1ZTUyYWJhNDNhNw==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    M2JjZjdkZjE0YWRjMjg5MzdkYzAyMTM2MTYxY2NkMDZiZmI4ODNiZmFjOTZm
-    NDFmODM0YzhjNDljNzk3YzA1YjU2ZDU5M2RjY2ViOTUzOTY4ZmNiNDAyNTAx
-    MmM0YzM2MGZkNTMxYzQ2ZGEzOWE0YTY3NDYyNDlhZDE4OWY3OWE=
+    NDgyODhmMjQyMzhiNTM0OTA1OWE5NTQ0OGM0ZTYwZDkxNjk1NDVmOTU1MmY1
+    N2RmNzA2NDY1YzA2Yjc1YWNlZjgxY2JmODcyODdmOTBiYzA5ZmQ1ZGVjZTAy
+    OGI5ZmRiNWRmMTEzNmI4OTYzZjc5ZTZiZGViNWRlMTMzNDliNGM=
   data.tar.gz: !binary |-
-    M2FkMzI4ZjYzZjZkYTNkNDI0ODRjZGNlNTQ0MDZmYjc4MWY1ZmFiY2E1ZWYy
-    ZTVmNTQ0NTcxZGQ0YzIxYzU3MTQxOTRjMjk3OGRmYTczMWNhMzlmYzgzMjdj
-    NjBiMzgyNzNkNjYyMjkyNWI1YzhkZTIyNmM1YTY0OTU3ZGM0ZWE=
+    ZGU5ZDFmMzczNWI5ODVlYjc5OWUyNDIyYjQ2OTdmNjlkNGJmYWQ4MjI3MjZi
+    MGQwMTg0ZWYwMTYzYTBlNGIwYjc0MzQ1MGQ1NWE3MDlmYzljN2M4NmI0YjRl
+    NGMzNjA0NjNhZGYxZmY2M2I5NzdkNzU4OGMzOTlmZDdiYThhNGI=

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+=== 0.7.0
+* Added Model.find(1) syntax support where 1 is :id attribute.
+* Migrate to AFMotion.
+
 === 0.6.0
 * Fix executable.
 * Stable release.

data/Gemfile

@@ -4,4 +4,5 @@ gem 'motion-cocoapods', '~> 1.4.0'
 gem 'motion-support', '~> 0.2.4'
 gem 'sugarcube', '~> 1.3.7', require: 'sugarcube-classic'
 gem 'bubble-wrap', '~> 1.3.0'
+gem 'afmotion', '~> 2.0.0'
 gemspec

data/Gemfile.lock

@@ -1,7 +1,8 @@
 PATH
   remote: .
   specs:
-    motion-prime (0.6.0)
+    motion-prime (0.7.0)
+      afmotion (~> 2.0.0)
       bubble-wrap
       cocoapods
       methadone
@@ -17,6 +18,9 @@ GEM
     activesupport (3.2.16)
       i18n (~> 0.6, >= 0.6.4)
       multi_json (~> 1.0)
+    afmotion (2.0.0)
+      motion-cocoapods (~> 1.4.0)
+      motion-require (~> 0.0.7)
     bubble-wrap (1.3.0)
     claide (0.4.0)
     cocoapods (0.28.0)
@@ -65,6 +69,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
+  afmotion (~> 2.0.0)
   bubble-wrap (~> 1.3.0)
   motion-cocoapods (~> 1.4.0)
   motion-prime!

data/ROADMAP.md

@@ -1,10 +1,11 @@
-=== 0.6.0
+=== 0.8.0
+* handle and fix memory leaks for UITabbarController
 * deprecate root level :title option for submit field
 * rename submit element in submit field to button element
 * rename date_picker element in date_picker field to input element
 * add more and better default options for fields
 
-=== 0.7.0
+=== 0.9.0
 * bug: if mp label do not have text and was set as hidden, it should unhide after setting text
 * add cleanup for section events
 * add dsl for push notifications
@@ -12,10 +13,10 @@
 * create "display_network_error" extension.
 * add different templates. some templates should be more like final app.
 
-=== 0.8.0
+=== 1.0.0
+* add sections/screens/models generator
+
+=== 1.1.0
 * add computed_options.get(), this will allow to make sure that options is computed.
 * add testing framework
-
-=== 0.9.0
-* add sections/screens/models generator
 * add DSL for ViewStyles#setValue conditions

data/bin/prime

@@ -27,23 +27,38 @@ class App
   def self.create(name)
     return puts "Usage: prime new <appname>" unless name.to_s.length > 0
     info "Creating new MotionPrime iOS app: #{name}"
-    result = sh "motion create #{name} --template=git://github.com/droidlabs/motion-prime.git"
-    if result == 0
-      info "Command: bundle instal"
-      sh "cd ./#{name}; bundle install"
-      info "Command: pod setup"
-      sh "cd ./#{name}; pod setup"
-      info "Command: rake pod:install"
-      sh "cd ./#{name}; rake pod:install"
+    if false
+      sh "motion create #{name} --template=git://github.com/droidlabs/motion-prime.git"
     else
-      info "-------------------------------------"
-      info "Unable to create RubyMotion template"
-      info "Please create template manually"
-      info "1. git clone git://github.com/droidlabs/motion-prime.git"
-      info "2. cp motion-prime/files #{name}"
-      info "3. cd ./#{name}"
-      info "4. bundle"
-      info "-------------------------------------"
+      clone_template
+      sh "motion create #{name} --template=motion-prime"
+    end
+    info "Command: bundle instal"
+    sh "cd ./#{name}; bundle install"
+    info "Command: pod setup"
+    sh "cd ./#{name}; pod setup"
+    info "Command: rake pod:install"
+    sh "cd ./#{name}; rake pod:install"
+  end
+
+  def self.home_path
+    ENV['HOME'].split('/')[0..2].join('/')
+  end
+
+  def self.repo_url
+    "git://github.com/droidlabs/motion-prime.git"
+  end
+
+  def self.clone_template
+    path = File.expand_path(File.join(home_path, 'Library/RubyMotion/template', 'motion-prime'))
+    git_clone(path)
+  end
+
+  def self.git_clone(path)
+    if File.exist?(path)
+      system("git --work-tree=#{path} --git-dir=#{path}/.git pull origin master")
+    else
+      system("git clone #{repo_url} #{path}")
     end
   end
 

data/doc/code/models.rb

@@ -29,4 +29,8 @@ event = Event.create(
 
 # ** Retrieve all events **
 
-Event.all
+Event.all
+
+# ** Next **
+#
+# [Read more about Tables](tables.html)

data/doc/code/tables.rb

@@ -0,0 +1,54 @@
+# ** What is a TableSection? **
+#
+# "TableSection" is a "Section" which have some sugar to work with UITableViews.
+
+# ** Create a Cell Section. **
+#
+# Inherit it from `Prime::Section`. 
+# 
+# Each element inside this section will be part of one cell.
+
+class FooCellSection < Prime::Section
+  element :title, text: proc { model[:title] }
+end
+
+# ** Create a Table Section. **
+#
+# Just inherit it from `Prime::TableSection`. 
+#
+# The key method which should be created is `table_data`. It should return array of any sections.
+
+class FooTableSection < Prime::TableSection
+  def table_data
+    my_foo_items.map do |fruit_name|
+      model = {title: fruit_name}
+      FooCellSection.new(model: model)
+    end
+  end
+
+  def my_foo_items
+    %w[Orange Apricot Banana]
+  end
+end
+
+# ** Render table to a Screen. **
+#
+
+class FooScreen < Prime::Screen
+  def render
+    @main_section = FooTableSection.new(screen: self)
+    @main_section.render
+  end
+end
+
+# ** Style it. **
+#
+# Of course, don't forget to add styles for table cells.
+
+Prime::Styles.define :foo_cell do
+  style :title,
+    left: 20,
+    top: 5,
+    width: 200,
+    height: 20
+end

data/doc/docs/getting_started.html

@@ -49,6 +49,13 @@
                   </a>
                 </li>
               
+                
+                <li>
+                  <a class="source" href="tables.html">
+                    tables.rb
+                  </a>
+                </li>
+              
             </ol>
           </div>
         

data/doc/docs/index.html

@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <title>MotionPrime - the new RubyMotion framework.</title>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <link rel="stylesheet" media="all" href="public/stylesheets/normalize.css" />
+  <link rel="stylesheet" media="all" href="docco.css" />
+</head>
+<body>
+  <a href="https://github.com/droidlabs/motion-prime"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
+  <div class="container">
+    <div class="page">
+
+      <div class="header">
+        
+          <h1>Motion Prime</h1>
+        
+
+        
+          <div class="toc">
+            <h3>Table of Contents</h3>
+            <ol>
+              
+                
+                <li>
+                  <a class="source" href="getting_started.html">
+                    getting_started.rb
+                  </a>
+                </li>
+              
+                
+                <li>
+                  <a class="source" href="models.html">
+                    models.rb
+                  </a>
+                </li>
+              
+                
+                <li>
+                  <a class="source" href="screens.html">
+                    screens.rb
+                  </a>
+                </li>
+              
+                
+                <li>
+                  <a class="source" href="sections.html">
+                    sections.rb
+                  </a>
+                </li>
+
+                <li>
+                  <a class="source" href="tables.html">
+                    tables.rb
+                  </a>
+                </li>
+              
+            </ol>
+          </div>
+        
+      </div>
+
+      
+        
+        <p><strong> Why MotionPrime? </strong></p>
+<p>Did you ever notice that table views in your RubyMotion application scrolls not smoothly?</p>
+<p>Let&#39;s see why:</p>
+<p><img src="https://s3.amazonaws.com/motionprime/prime.png" alt="MotionPrime"></p>
+<p>Each table cell will create 5 UIViews inside and it&#39;s very slow operation for mobile device.
+The main feature of MotionPrime is that it creates abstraction layer for &quot;elements&quot; in screen.
+If it&#39;s possible in current context, MotionPrime will draw elements directly in table cell using CoreGraphics.
+Just add &#39;label&#39; element to the section:</p>
+
+        
+          <div class='highlight'><pre><span class="class"><span class="keyword">class</span> <span class="title">MySection</span> <span class="inheritance">&lt; <span class="parent">Prime::Section</span></span></span>
+  element <span class="symbol">:greeting</span>, <span class="symbol">text:</span> <span class="string">'Hello World'</span>, <span class="symbol">type:</span> <span class="symbol">:label</span>
+<span class="keyword">end</span></pre></div>
+        
+      
+        
+        <p>It will be rendered 5 times faster in iPhone 4/4s for cells containing 5 elements.</p>
+<p>You can force it to use UIView instead of CoreGraphics:</p>
+
+        
+          <div class='highlight'><pre><span class="class"><span class="keyword">class</span> <span class="title">MySection</span> <span class="inheritance">&lt; <span class="parent">Prime::Section</span></span></span>
+  element <span class="symbol">:greeting</span>, <span class="symbol">text:</span> <span class="string">'Hello World'</span>, <span class="symbol">type:</span> <span class="symbol">:label</span>, <span class="symbol">as:</span> <span class="symbol">:view</span>
+<span class="keyword">end</span></pre></div>
+        
+      
+        
+        <p>MotionPrime contains other features to improve application performance, but performance is not the only feature.</p>
+<p>So let&#39;s get started.</p>
+<p><strong>1. Install required tools.</strong></p>
+<ul>
+<li>Ruby 1.9.3 or newer.</li>
+</ul>
+
+        
+          <div class='highlight'><pre><span class="variable">$ </span>rvm install <span class="number">2.0</span>.<span class="number">0</span></pre></div>
+        
+      
+        
+        <ul>
+<li>RubyMotion.</li>
+</ul>
+
+        
+          <div class='highlight'><pre>Visit http://www.rubymotion.com</pre></div>
+        
+      
+        
+        <p><strong>2. Create MotionPrime project.</strong></p>
+
+        
+          <div class='highlight'><pre><span class="variable">$ </span>gem install motion-prime
+<span class="variable">$ </span>prime new hello</pre></div>
+        
+      
+        
+        <p><strong>3. Create application delegate.</strong></p>
+<p>E.g. <code>hello/app/app_delegate.rb</code></p>
+<p>Inherit <code>AppDelegate</code> class from <code>Prime::BaseAppDelegate</code> and rewrite the <code>on_load</code> method, which will be runned after starting application.</p>
+
+        
+          <div class='highlight'><pre><span class="class"><span class="keyword">class</span> <span class="title">AppDelegate</span> <span class="inheritance">&lt; <span class="parent">Prime::BaseAppDelegate</span></span></span>
+  <span class="function"><span class="keyword">def</span> <span class="title">on_load</span><span class="params">(app, options)</span></span>
+    open_screen <span class="symbol">:main</span>
+  <span class="keyword">end</span>
+<span class="keyword">end</span></pre></div>
+        
+      
+        
+        <p><strong>4. Create the main screen.</strong></p>
+<p>E.g. <code>hello/app/screens/home.rb</code></p>
+<p>Inherit screen from <code>Prime::Screen</code> and rewrite the <code>render</code> method, which will be runned after first opening screen.</p>
+
+        
+          <div class='highlight'><pre><span class="class"><span class="keyword">class</span> <span class="title">MainScreen</span> <span class="inheritance">&lt; <span class="parent">Prime::Screen</span></span></span>
+  title <span class="string">'Main screen'</span>
+
+  <span class="function"><span class="keyword">def</span> <span class="title">render</span></span>
+    <span class="variable">@main_section</span> = <span class="constant">MyProfileSection</span>.new(<span class="symbol">screen:</span> <span class="keyword">self</span>, <span class="symbol">model:</span> <span class="constant">User</span>.first)
+    <span class="variable">@main_section</span>.render
+  <span class="keyword">end</span>
+<span class="keyword">end</span></pre></div>
+        
+      
+        
+        <p><strong>5. Create your first section.</strong></p>
+<p>E.g. <code>hello/app/sections/home/section.rb</code></p>
+<p>&quot;Section&quot; is something like helper, which contains &quot;Elements&quot;.</p>
+<p>Each element will be added to the parent screen when you run <code>section.render</code></p>
+
+        
+          <div class='highlight'><pre><span class="class"><span class="keyword">class</span> <span class="title">HomeSection</span> <span class="inheritance">&lt; <span class="parent">Prime::Section</span></span></span>
+  element <span class="symbol">:title</span>, <span class="symbol">text:</span> <span class="string">"Hello World"</span>
+  element <span class="symbol">:avatar</span>, <span class="symbol">image:</span> <span class="string">"images/avatar.png"</span>, <span class="symbol">type:</span> <span class="symbol">:image</span>
+<span class="keyword">end</span></pre></div>
+        
+      
+        
+        <p><strong>6. Create your first stylesheet file.</strong></p>
+<p>E.g. <code>hello/app/styles/home.rb</code></p>
+<p>Styles will be applied to each element in section.
+The simplest rule by default is: <code>:section-name_:element-name</code>.</p>
+<p>E.g. if you have &quot;MyProfileSection&quot; (the name for section by default will be - <code>my_profile</code>)
+and &quot;title&quot; element, then you should use <code>my_profile_title</code> style name.</p>
+
+        
+          <div class='highlight'><pre><span class="constant">Prime::Styles</span>.define <span class="keyword">do</span>
+  style <span class="symbol">:my_profile_title</span>, <span class="symbol">width:</span> <span class="number">300</span>, <span class="symbol">height:</span> <span class="number">20</span>
+<span class="keyword">end</span></pre></div>
+        
+      
+        
+        <p>You can pass namespace to <code>define</code> method.</p>
+
+        
+          <div class='highlight'><pre><span class="constant">Prime::Styles</span>.define <span class="symbol">:my_profile</span> <span class="keyword">do</span>
+  style <span class="symbol">:title</span>, <span class="symbol">width:</span> <span class="number">300</span>, <span class="symbol">height:</span> <span class="number">20</span>
+<span class="keyword">end</span></pre></div>
+        
+      
+        
+        <p><strong> Next </strong></p>
+<p><a href="screens.html">Read more about Screens</a></p>
+
+        
+      
+      <div class="fleur">h</div>
+    </div>
+  </div>
+</body>
+</html>
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-26217236-7', 'droidlabs.pro');
+  ga('send', 'pageview');
+
+</script>

data/doc/docs/models.html

@@ -49,6 +49,13 @@
                   </a>
                 </li>
               
+                
+                <li>
+                  <a class="source" href="tables.html">
+                    tables.rb
+                  </a>
+                </li>
+              
             </ol>
           </div>
         
@@ -95,6 +102,12 @@
           <div class='highlight'><pre><span class="constant">Event</span>.all</pre></div>
         
       
+        
+        <p><strong> Next </strong></p>
+<p><a href="tables.html">Read more about Tables</a></p>
+
+        
+      
       <div class="fleur">h</div>
     </div>
   </div>