motion-prime 0.9.6 → 0.9.7

data/doc/FAQ.md

@@ -1,2 +0,0 @@
-Q: Error: `Unable to find a specification for `Something``
-A: Try running `pod setup`

data/doc/SECTION.md

@@ -1,7 +0,0 @@
-== GENERAL
-
-Section is the most important part of MotionPrime. Section is container for elements (views), grouped for some aim.
-
-== Section attributes
-
-* @name - this option is used by part of default styles of any contained element. Check out STYLES doc for more information. default value: section class name without "section word". E.g. LoginFormSection have default name: "login_form"

data/doc/STYLE.md

@@ -1,39 +0,0 @@
-== Default styling names for elements.
-
-=== Screen
-  * "base_screen"
-  * "%screen class name%", e.g. "login_screen"
-
-=== Table
-  * "base_table"
-  * "%section_name%", e.g. "tasks_table"
-
-=== Table cell
-  * "base_table_cell"
-  * "%section_name%_cell", e.g. "tasks_table_cell"
-  * "%cell_section_name%", e.g. "tasks_item"
-
-=== Form (basically it's table)
-  * "base_form"
-  * "%section_name%", e.g. "login_form"
-
-=== Form field (basically it's table cell)
-  * "base_form_field"
-  * "%section_name%_field", e.g. "login_form_field"
-
-=== Form field: label
-  * "base_field_label"
-  * "base_%field_type%_field_label", e.g. "base_string_field_label"
-  * "%section_name%_field_label", e.g. "login_form_field_label"
-  * "%section_name%_%field_name%_field_label", e.g. "login_form_email_field_label"
-
-=== Form field: input
-  * "base_field_input"
-  * "base_%field_name%_field_label", e.g. "base_string_field_input"
-  * "%section_name%_field_input", e.g. "login_form_field_input"
-  * "%section_name%_%field_name%_field_input", e.g. "login_form_email_field_input"
-
-=== Form field: button
-  * "base_submit_button"
-  * "%section_name%_submit_button", e.g. "login_form_submit_button"
-  * "%section_name%_%field_name%_button", e.g. "login_form_signup_button"

data/doc/code/getting_started.rb

@@ -1,106 +0,0 @@
-# ** Why MotionPrime? **
-
-# Did you ever notice that table views in your RubyMotion application scrolls not smoothly?
-#
-# Let's see why:
-#
-# ![MotionPrime](https://s3.amazonaws.com/motionprime/prime.png)
-#
-# Each table cell will create 5 UIViews inside and it's very slow operation for mobile device.
-# The main feature of MotionPrime is that it creates abstraction layer for "elements" in screen.
-# If it's possible in current context, MotionPrime will draw elements directly in table cell using CoreGraphics.
-# Just add 'label' element to the section:
-
-class MySection < Prime::Section
-  element :greeting, text: 'Hello World', type: :label
-end 
-
-# It will be rendered 5 times faster in iPhone 4/4s for cells containing 5 elements.
-#
-# You can force it to use UIView instead of CoreGraphics:
-
-class MySection < Prime::Section
-  element :greeting, text: 'Hello World', type: :label, as: :view
-end 
-
-# MotionPrime contains other features to improve application performance, but performance is not the only feature.
-#
-# So let's get started.
-
-# **1. Install required tools.**
-
-# * Ruby 1.9.3 or newer.
-$ rvm install 2.0.0
-
-# * RubyMotion.
-Visit http://www.rubymotion.com
-
-# **2. Create MotionPrime project.**
-
-$ gem install motion-prime
-$ prime new hello
-
-# **3. Create application delegate.**
-#
-# E.g. `hello/app/app_delegate.rb`
-#
-# Inherit `AppDelegate` class from `Prime::BaseAppDelegate` and rewrite the `on_load` method, which will be runned after starting application.
-
-class AppDelegate < Prime::BaseAppDelegate
-  def on_load(app, options)
-    open_screen :main
-  end
-end
-
-# **4. Create the main screen.**
-#
-# E.g. `hello/app/screens/home.rb`
-#
-# Inherit screen from `Prime::Screen` and rewrite the `render` method, which will be runned after first opening screen.
-#
-
-class MainScreen < Prime::Screen
-  title 'Main screen'
-
-  def render
-    @main_section = MyProfileSection.new(screen: self, model: User.first)
-    @main_section.render
-  end
-end
-
-# **5. Create your first section.**
-#
-# E.g. `hello/app/sections/home/section.rb`
-#
-# "Section" is something like helper, which contains "Elements".
-#
-# Each element will be added to the parent screen when you run `section.render`
-
-class HomeSection < Prime::Section
-  element :title, text: "Hello World"
-  element :avatar, image: "images/avatar.png", type: :image
-end
-
-# **6. Create your first stylesheet file.**
-#
-# E.g. `hello/app/styles/home.rb`
-#
-# Styles will be applied to each element in section.
-# The simplest rule by default is: `:section-name_:element-name`.
-#
-# E.g. if you have "MyProfileSection" (the name for section by default will be - `my_profile`)
-# and "title" element, then you should use `my_profile_title` style name.
-
-Prime::Styles.define do
-  style :my_profile_title, width: 300, height: 20
-end
-
-# You can pass namespace to `define` method.
-
-Prime::Styles.define :my_profile do
-  style :title, width: 300, height: 20
-end
-
-# ** Next **
-#
-# [Read more about Screens](screens.html)

data/doc/code/models.rb

@@ -1,36 +0,0 @@
-# ** What is a Model? **
-#
-# "Model" will help you to store any information in database and sync this information with server.
-
-# ** Create a model. **
-#
-# Just inherit it from `Prime::Model`.
-
-class Event < Prime::Model
-end
-
-# ** Add some attributes to model. **
-#
-# E.g. we want event to have title and description.
-
-class Event < Prime::Model
-  attribute :title
-  attribute :description
-end
-
-# ** Create some item. **
-#
-# This event will be saved to database and accessible after restart of application.
-
-event = Event.create(
-  title: 'MotionPrime release.',
-  description: 'Check out new features.'
-)
-
-# ** Retrieve all events **
-
-Event.all
-
-# ** Next **
-#
-# [Read more about Tables](tables.html)

data/doc/code/screens.rb

@@ -1,93 +0,0 @@
-# ** What is a Screen? **
-#
-# "Screen" is the most common class in MotionPrime, you can create entire application using only "Screens".
-# Generally it's just a "UIViewController" wrapper with some syntax sugar. 
-# For RubyOnRails developers the nearest analogy would be "Controllers".
-
-# ** Create a screen. **
-#
-# Just inherit it from `Prime::Screen`.
-
-class FooScreen < Prime::Screen
-end
-
-# ** Render the screen. **
-#
-# You should rewrite the `render` method of `Prime::Screen`, which will be runned after first opening screen.
-
-class FooScreen < Prime::Screen
-  def render
-    @main_section = MyProfileSection.new(screen: self, model: User.first)
-    @main_section.render
-  end
-end
-
-# ** Set screen's title **
-# 
-# Title will be used in screen's navigation controller and will be shown on top of screen.
-#
-
-class FooScreen < Prime::Screen
-  title 'Foo screen'
-end
-
-# You can pass block to define screen's title
-
-class FooScreen < Prime::Screen
-  title { params[:title] }
-end
-
-# ** Initialize screen. **
-#
-# Available options:
-# * `:navigation`. When this options is true, screen will be created with navigation support: it will allow adding title and left/right buttons.
-# This option is true by default.
-class AppDelegate < Prime::BaseAppDelegate
-  def on_load(application, launch_options)
-    foo_screen = FooScreen.new(navigation: false)
-  end
-end
-
-# ** Open screen: from app delegate. **
-
-# Opening screen using app delegate is the most basic way, you would use it at least on app load.
-#
-# Available options:
-# * `:root`. When this option is true, screen will not be in content controller and will create new root screen. 
-# You can use root: true when you have already opened screen with sidebar, and you want to open new screen without sidebar.
-# This option is false by default if you already have root screen and true if not.
-#
-# * `:sidebar`. Send `Prime::Screen` instance to this option if you want to create root screen with sidebar. 
-# Value of this options will be used as sidebar controller. 
-# NOTE: you should install some gem providing sidebar functionality, e.g. 'prime_reside_menu'
-class AppDelegate < Prime::BaseAppDelegate
-  def on_load(application, launch_options)
-    foo_screen = FooScreen.new
-    sidebar = MySidebar.new(navigation: false)
-    app_delegate.open_screen foo_screen, sidebar: sidebar
-  end
-end
-
-# ** Open screen: from parent screen. **
-
-# Opening screen using parent screen is usefull if you want to create inherited screen. 
-# Parent screen should have been initialized with navigation support.
-class FooScreen < Prime::Screen
-  def render
-    second_screen = SecondScreen.new(navigation: true)
-    foo_screen.open_screen second_screen
-  end
-end
-
-# ** Open screen: using short version. **
-
-# Opening screen using short syntax available both for opening via app delegate and via parent screen.
-class AppDelegate < Prime::BaseAppDelegate
-  def on_load(application, launch_options)
-    open_screen :foo_bar, sidebar: true
-  end
-end
-
-# ** Next **
-#
-# [Read more about Sections](sections.html)

data/doc/code/sections.rb

@@ -1,65 +0,0 @@
-# ** What is a Section? **
-#
-# "Section" is something like "partial" which you may know from RubyOnRails.
-# In the first look it's just a list of elements which will be added to the "Screen".
-# But the magic is inside.
-# When you add "Element" to a "Section", e.g. image or label,
-# it will try to draw it using CALayer/CGContext/etc, instead of adding new UIView.
-# That way increases application speed (especially on Table elements) by 5-10 times.
-#
-# Let's get started.
-
-# ** Create a section. **
-#
-# Just inherit it from `Prime::Section`.
-
-class FooSection < Prime::Section
-end
-
-# ** Add some elements to the section. **
-#
-# Each element should have name and type: "image", "label", "button", etc.
-#
-# When you send `:text` option, type will be "label" by default.
-#
-# When you send `:image` option, type will be "image" by default.
-
-class FooSection < Prime::Section
-  element :welcome, text: 'Hello World!'
-  element :avatar, image: 'images/users/avatar.jpg'
-  element :cheer, type: :button
-end
-
-# ** Render Section to Screen **
-#
-# NOTE: it's recommended to use instance variables for sections, e.g. `@main_section` instead of `main_section`.
-
-class FooScreen < Prime::Screen
-  def render
-    @main_section = FooSection.new(screen: self)
-    @main_section.render
-  end
-end
-
-# ** Add some styles for section **
-#
-# Generally styles are just attributes of UIView elements.
-#
-# Let's style the UILabel element (:welcome label element we added above.)
-#
-# We send :foo parameter to `define`, because we have section named `foo` (FooSection)
-# and :welcome parameter to `style`, because the name of element is `welcome`.
-#
-Prime::Styles.define :foo do
-  style :welcome,
-    text_color: :black,
-    top: 100,
-    width: 320,
-    left: 20,
-    font: :system.uifont(20),
-    size_to_fit: true,
-end
-
-# ** Next **
-#
-# [Read more about Models](models.html)

data/doc/code/tables.rb

@@ -1,54 +0,0 @@
-# ** 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/docco.css

@@ -1,337 +0,0 @@
-/*--------------------- Typography ----------------------------*/
-
-@font-face {
-    font-family: 'aller-light';
-    src: url('public/fonts/aller-light.eot');
-    src: url('public/fonts/aller-light.eot?#iefix') format('embedded-opentype'),
-         url('public/fonts/aller-light.woff') format('woff'),
-         url('public/fonts/aller-light.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'aller-bold';
-    src: url('public/fonts/aller-bold.eot');
-    src: url('public/fonts/aller-bold.eot?#iefix') format('embedded-opentype'),
-         url('public/fonts/aller-bold.woff') format('woff'),
-         url('public/fonts/aller-bold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'novecento-bold';
-    src: url('public/fonts/novecento-bold.eot');
-    src: url('public/fonts/novecento-bold.eot?#iefix') format('embedded-opentype'),
-         url('public/fonts/novecento-bold.woff') format('woff'),
-         url('public/fonts/novecento-bold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'fleurons';
-    src: url('public/fonts/fleurons.eot');
-    src: url('public/fonts/fleurons.eot?#iefix') format('embedded-opentype'),
-         url('public/fonts/fleurons.woff') format('woff'),
-         url('public/fonts/fleurons.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-/*--------------------- Base Styles ----------------------------*/
-
-body {
-  font-family: "aller-light";
-  background: url('public/images/gray.png') #fff;
-  background-size: 322px;
-  margin: 0;
-}
-
-hr {
-  height: 1px;
-  background: #ddd;
-  border: 0;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  color: #112233;
-  font-weight: normal;
-  font-family: "novecento-bold";
-  text-transform: uppercase;
-  line-height: 1em;
-  margin-top: 50px;
-}
-  h1 {
-    margin: 0;
-    text-align: center;
-  }
-  h2 {
-    font-size: 1.3em;
-  }
-  h1:after {
-    content: "8";
-    display: block;
-    font-family: "fleurons";
-    color: #999;
-    font-size: 80px;
-    padding: 10px 0 25px;
-  }
-
-a {
-  color: #000;
-}
-
-b, strong {
-  font-weight: normal;
-  font-family: "aller-bold";
-}
-
-blockquote {
-  border-left: 5px solid #ccc;
-  margin-left: 0;
-  padding: 1px 0 1px 1em;
-}
-  .page blockquote p {
-    font-family: Menlo, Consolas, Monaco, monospace;
-    font-size: 14px; line-height: 19px;
-    color: #999;
-    margin: 10px 0 0;
-    white-space: pre-wrap;
-  }
-
-pre, tt, code {
-  font-family: Menlo, Consolas, Monaco, monospace;
-  font-size: 12px;
-  display: inline-block;
-  border: 1px solid #EAEAEA;
-  background: #f8f8f8;
-  color: #555;
-  padding: 0 5px;
-  line-height: 20px;
-}
-  .page pre {
-    margin: 0;
-    width: 608px;
-    padding: 10px 15px;
-    background: #fcfcfc;
-    -moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.1);
-    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
-    box-shadow:         inset 0 0 10px rgba(0,0,0,0.1);
-    overflow-x: auto;
-  }
-    .page pre code {
-      border: 0;
-      padding: 0;
-      background: transparent;
-    }
-
-.fleur {
-  font-family: "fleurons";
-  font-size: 100px;
-  text-align: center;
-  margin: 40px 0;
-  color: #ccc;
-}
-
-/*--------------------- Layout ----------------------------*/
-
-.container {
-  width: 760px;
-  margin: 0 auto;
-  background: #fff;
-  background: rgba(255,255,255, 0.4);
-  overflow: hidden;
-}
-  .page {
-    width: 640px;
-    padding: 30px;
-    margin: 30px;
-    background: #fff;
-    font-size: 17px;
-    line-height: 26px;
-  }
-    .page p {
-      color: #30404f;
-      margin: 26px 0;
-    }
-
-ul.sections {
-  list-style: none;
-  padding:0 0 5px 0;;
-  margin:0;
-}
-
-.page li p {
-  margin: 12px 0;
-}
-
-.toc {
-  max-height: 0;
-  overflow: hidden;
-  text-align: center;
-  font-size: 13px;
-  line-height: 20px;
-  -moz-transition: max-height 1s;
-  -webkit-transition: max-height 1s;
-  transition: max-height 1s;
-}
-  .header:hover .toc {
-    max-height: 500px;
-  }
-  .toc h3 {
-    margin-top: 20px;
-  }
-  .toc ol {
-    margin: 0 0 20px 0;
-    display: inline-block;
-    text-align: left;
-    list-style-type: upper-roman;
-  }
-    .toc li {
-      font-family: 'novecento-bold';
-    }
-      .toc li a {
-        font-family: 'aller-light';
-      }
-
-
-/*---------------------- Syntax Highlighting -----------------------------*/
-
-td.linenos { background-color: #f0f0f0; padding-right: 10px; }
-span.lineno { background-color: #f0f0f0; padding: 0 5px 0 5px; }
-/*
-
-github.com style (c) Vasily Polovnyov <vast@whiteants.net>
-
-*/
-
-pre code {
-  display: block; padding: 0.5em;
-  color: #000;
-  background: #f8f8ff
-}
-
-pre .comment,
-pre .template_comment,
-pre .diff .header,
-pre .javadoc {
-  color: #408080;
-  font-style: italic
-}
-
-pre .keyword,
-pre .assignment,
-pre .literal,
-pre .css .rule .keyword,
-pre .winutils,
-pre .javascript .title,
-pre .lisp .title,
-pre .subst {
-  color: #954121;
-  /*font-weight: bold*/
-}
-
-pre .number,
-pre .hexcolor {
-  color: #40a070
-}
-
-pre .string,
-pre .tag .value,
-pre .phpdoc,
-pre .tex .formula {
-  color: #219161;
-}
-
-pre .title,
-pre .id {
-  color: #19469D;
-}
-pre .params {
-  color: #00F;
-}
-
-pre .javascript .title,
-pre .lisp .title,
-pre .subst {
-  font-weight: normal
-}
-
-pre .class .title,
-pre .haskell .label,
-pre .tex .command {
-  color: #458;
-  font-weight: bold
-}
-
-pre .tag,
-pre .tag .title,
-pre .rules .property,
-pre .django .tag .keyword {
-  color: #000080;
-  font-weight: normal
-}
-
-pre .attribute,
-pre .variable,
-pre .instancevar,
-pre .lisp .body {
-  color: #008080
-}
-
-pre .regexp {
-  color: #B68
-}
-
-pre .class {
-  color: #458;
-  font-weight: bold
-}
-
-pre .symbol,
-pre .ruby .symbol .string,
-pre .ruby .symbol .keyword,
-pre .ruby .symbol .keymethods,
-pre .lisp .keyword,
-pre .tex .special,
-pre .input_number {
-  color: #990073
-}
-
-pre .builtin,
-pre .constructor,
-pre .built_in,
-pre .lisp .title {
-  color: #0086b3
-}
-
-pre .preprocessor,
-pre .pi,
-pre .doctype,
-pre .shebang,
-pre .cdata {
-  color: #999;
-  font-weight: bold
-}
-
-pre .deletion {
-  background: #fdd
-}
-
-pre .addition {
-  background: #dfd
-}
-
-pre .diff .change {
-  background: #0086b3
-}
-
-pre .chunk {
-  color: #aaa
-}
-
-pre .tex .formula {
-  opacity: 0.5;
-}