under-os 0.0.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ef5b142a4e4cb3a0ae9e4fcf41e2348c691bf93f
-  data.tar.gz: e274b74979f02280d836f2c53a7f28c919b4d0a2
+  metadata.gz: 5fd9a1ae79f101e53c35741c6935b5eca5353da6
+  data.tar.gz: 44943f17a76499bd0bb3b3fc80f5b52cb0ea5c5d
 SHA512:
-  metadata.gz: baacb919ea538b281819beb91f438d77c77abda5bd7e21080ca100d6a0318efef6de4887e12833a78cd2743d0f90ae06f1ffe36d58dfb0f3cd75ce24169f47bc
-  data.tar.gz: 072c365f9b4f0dec820e9491de382d5f03f76388bc2c35d9160a3f467a81dc84836b722f698827949ffe0aaa35ab2ddf75b190d278c1af841e2664be24e2a72b
+  metadata.gz: 1ac6a73d2fe135c0df1cce46b4b20880dbd4a826f857fa25a308b6d4d62f3465369a446ef7c92c98b5253129bf9f52379bcfd59a246a8c6a0da53170581008d3
+  data.tar.gz: 27607c0bf2e284d6cc39cd06b45e6f71913329dbcbc14b1225b29f731c0af8755d2bd75ec8bc166e2ef6765e3643d406de9c258f67d37e5dffbaeb69691f84b5

data/.gitignore

@@ -0,0 +1,3 @@
+build
+.repl_history
+*.gem

data/Gemfile

@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gemspec

data/Gemfile.lock

@@ -0,0 +1,16 @@
+PATH
+  remote: .
+  specs:
+    under-os (0.0.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (10.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  rake
+  under-os!

data/README.md

@@ -0,0 +1,70 @@
+# Under OS
+
+An experiment to build a thin web-like wrapper over iOS using rubymotion
+
+The idea is to use incapsulation instead of monkey patching and build the
+entire development platform correctly and from scratch.
+
+The result should be a webbish like ifrastructure that uses ruby instead
+of JavaScript and compiles into native code in the end.
+
+That's gonna be legendary!
+
+## How To Use
+
+1) install the `under-os` gem
+
+```
+gem install under-os
+```
+
+2) Clone the RubyMotion template in place
+
+```
+mkdir -p ~/Library/RubyMotion/template/uos
+git clone https://github.com/under-os/under-os-template.git ~/Library/RubyMotion/template/uos
+```
+
+3) Make a new app using the `uos` template
+
+```
+motion create test --template=uos
+```
+
+Now, Run it!
+
+```
+cd test && rake
+```
+
+## What's What
+
+* `app/layouts` - where you keep your HTML layouts
+* `app/pages` - where the page scripts live
+* `app/styles` - where the CSS files go
+* `app/models` - where your data models chill
+* `app/views` - where you keep your custom views/components classes
+
+
+# Copyright & License
+
+All code in this library is released under the terms of the MIT license
+
+Copyright (C) 2013 Nikolay Nemshilov
+
+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/Rakefile

@@ -0,0 +1,24 @@
+# -*- coding: utf-8 -*-
+$:.unshift("/Library/RubyMotion/lib")
+require 'motion/project/template/ios'
+require 'bundler'
+Bundler.require
+
+require 'under-os'
+
+Motion::Project::App.setup do |app|
+  app.name       = 'uos-demo'
+  app.identifier = 'com.under-os.demo'
+  app.specs_dir  = './spec/lib'
+  app.version    = UnderOs::VERSION
+
+  app.codesign_certificate = ENV['RUBYMOTION_CERTIFICATE']
+  app.provisioning_profile = ENV['RUBYMOTION_PROFILE']
+
+  if ARGV[0] == 'spec'
+    app.name       = 'uos-spec'
+    app.identifier = 'com.under-os.spec'
+    app.files << 'spec/assets/test_page.rb'
+    app.resources_dirs.unshift "./spec/assets/"
+  end
+end

data/app/config.rb

@@ -0,0 +1,4 @@
+UnderOs::App.start do
+  config.navbar    = true
+  config.root_page = HomePage.new
+end

data/app/layouts/alerts.html

@@ -0,0 +1,8 @@
+<page title="Alerts">
+  <view id="buttons">
+    <button id="b1">Simple Alert</button>
+    <button id="b2">Alert With Title</button>
+    <button id="b3">Alert With Button</button>
+    <button id="b4">Alert With Options</button>
+  </view>
+</page>

data/app/layouts/calculator.html

@@ -0,0 +1,26 @@
+<page title="Calculator">
+  <label id="result">0</label>
+
+  <button class="row5 col1 top">C</button>
+  <button class="row5 col2 top">±</button>
+  <button class="row5 col3 top">%</button>
+
+  <button class="row5 col4 ops">÷</button>
+  <button class="row4 col4 ops">×</button>
+  <button class="row3 col4 ops">-</button>
+  <button class="row2 col4 ops">+</button>
+  <button class="row1 col4 ops">=</button>
+
+  <button class="row4 col3">9</button>
+  <button class="row4 col2">8</button>
+  <button class="row4 col1">7</button>
+  <button class="row3 col3">6</button>
+  <button class="row3 col2">5</button>
+  <button class="row3 col1">4</button>
+  <button class="row2 col3">3</button>
+  <button class="row2 col2">2</button>
+  <button class="row2 col1">1</button>
+  <button class="row1 col1 double">0</button>
+
+  <button class="row1 col3">.</button>
+</page>

data/app/layouts/collections.html

@@ -0,0 +1,7 @@
+<page title="Collections">
+  <collection id="pics">
+    <item>
+      <label>Number</label>
+    </item>
+  </collection>
+</page>

data/app/layouts/home.html

@@ -0,0 +1,14 @@
+<page title="Home">
+  <view id="buttons">
+    <button id="b1" data-page="stuff">Various Stuff</button>
+    <button id="b2" data-page="calculator">Calculator Demo</button>
+    <button id="b3" data-page="inputs">Inputs Demo</button>
+    <button id="b4" data-page="sidebars">Sidebar Demo</button>
+    <button id="b5" data-page="scrolls">Scrolls Demo</button>
+    <button id="b6" data-page="navbar">Navbar Demo</button>
+    <button id="b7" data-page="alerts">Alerts Demo</button>
+    <button id="b8" data-page="lockers">Lockers Demo</button>
+    <button id="b9" data-page="http">HTTP Demo</button>
+    <button id="b10" data-page="collections">Collections</button>
+  </view>
+</page>

data/app/layouts/http.html

@@ -0,0 +1,8 @@
+<page title="HTTP Demo">
+  <view id="search-form">
+    <input type="text" value="puppy" />
+    <button>Search</button>
+  </view>
+
+  <img id="result" />
+</page>

data/app/layouts/inputs.html

@@ -0,0 +1,44 @@
+<page title="Inputs Demo">
+  <input placeholder="Tap here" />
+  <textarea>some value</textarea>
+
+  <slider min="0" max="100" value="40" />
+
+  <switch checked="true" />
+
+  <progress value="0.6" />
+
+  <spinner />
+
+  <view id="select-buttons">
+    <button id="show-single-select">Single Select</button>
+    <button id="show-multi-select" >Multi Select</button>
+  </view>
+
+  <select id="single-select">
+    <option value="1">One</option>
+    <option value="2">Two</option>
+    <option value="3">Three</option>
+    <option value="4">Four</option>
+    <option value="5">Five</option>
+    <option value="6">Six</option>
+    <option value="7">Seven</option>
+  </select>
+
+  <select id="multi-select">
+    <optgroup>
+      <option value="1">One</option>
+      <option value="2">Two</option>
+      <option value="3">Three</option>
+      <option value="4">Four</option>
+      <option value="5">Five</option>
+    </optgroup>
+
+    <optgroup>
+      <option>Sandwitch</option>
+      <option>Pizza</option>
+      <option>Cola</option>
+      <option>Balloon</option>
+    </optgroup>
+  </select>
+</page>

data/app/layouts/lockers.html

@@ -0,0 +1,6 @@
+<page title="Lockers">
+  <view id="buttons">
+    <button id="b1">Standard Locker</button>
+    <button id="b2">With A Label</button>
+  </view>
+</page>

data/app/layouts/navbar.html

@@ -0,0 +1,9 @@
+<page title="Navigation" fullscreen="false">
+  <view id="buttons">
+    <button id="b1" data-icons="edit">Edit Native</button>
+    <button id="b2" data-icons="trash">Trash Native</button>
+    <button id="b3" data-icons="edit,trash">Edit And Trash</button>
+    <button id="b4" data-icons="nothing,custom">Custom Titles</button>
+    <button id="b5" data-icons="edit,save,trash" class="icons">UOS Icons</button>
+  </view>
+</page>

data/app/layouts/scrolls.html

@@ -0,0 +1,42 @@
+<page title="Scrolls Demo">
+
+  <scroll id="horizontal">
+    <button class="b0">0</button>
+    <button class="b1">1</button>
+    <button class="b2">2</button>
+    <button class="b3">3</button>
+    <button class="b4">4</button>
+    <button class="b5">5</button>
+    <button class="b6">6</button>
+    <button class="b7">7</button>
+    <button class="b8">8</button>
+    <button class="b9">9</button>
+  </scroll>
+
+  <scroll id="vertical">
+    <button class="b0">0</button>
+    <button class="b1">1</button>
+    <button class="b2">2</button>
+    <button class="b3">3</button>
+    <button class="b4">4</button>
+    <button class="b5">5</button>
+    <button class="b6">6</button>
+    <button class="b7">7</button>
+    <button class="b8">8</button>
+    <button class="b9">9</button>
+  </scroll>
+
+  <scroll id="both">
+    <button class="b0">0</button>
+    <button class="b1">1</button>
+    <button class="b2">2</button>
+    <button class="b3">3</button>
+    <button class="b4">4</button>
+    <button class="b5">5</button>
+    <button class="b6">6</button>
+    <button class="b7">7</button>
+    <button class="b8">8</button>
+    <button class="b9">9</button>
+  </scroll>
+
+</page>

data/app/layouts/sidebars.html

@@ -0,0 +1,17 @@
+<page title="Sidebars">
+  <view id="buttons">
+    <button id="top">    From Top    </button>
+    <button id="left">   From Left   </button>
+    <button id="right">  From Right  </button>
+    <button id="bottom"> From Bottom </button>
+  </view>
+
+  <sidebar id='test'>
+    <label>Hello World!</label>
+
+    <button id="b1">Hello!</button>
+    <button id="b2">Ohay!</button>
+    <button id="b3">Hey!</button>
+    <button id="b4">Hi!</button>
+  </sidebar>
+</page>

data/app/pages/alerts_page.rb

@@ -0,0 +1,14 @@
+class AlertsPage < UnderOs::Page
+  def initialize
+    find('#buttons button').each_with_index do |button, index|
+      button.on :tap do
+        case index
+        when 1 then Alert.new(title: "Error", message: button.text)
+        when 2 then Alert.new(message: button.text, button: "Doh...")
+        when 3 then Alert.new(message: button.text, buttons: ["Option 1", "Option 2"])
+        else        Alert.new(button.text)
+        end
+      end
+    end
+  end
+end

data/app/pages/calculator_page.rb

@@ -0,0 +1,36 @@
+class CalculatorPage < UnderOs::Page
+
+  def initialize
+    @label = first('#result')
+
+    find('button').each do |b|
+      b.on(:tap){|e| handle_tap(e)}
+    end
+  end
+
+  def handle_tap(event)
+    case event.target.text
+    when '0','1','2','3','4','5','6','7','8','9','.'
+      @label.text  = '' if ['0', @first_value].include?(@label.text)
+      @label.text += event.target.text if @label.text.size < 18
+    when '÷','×','-','+'
+      @first_value = @label.text
+      @operator    = {'÷'=>'/','×'=>'*','-'=>'-','+'=>'+'}[event.target.text]
+    when 'C'
+      @first_value = nil
+      @label.text  = '0'
+    when '='
+      calculate
+    end
+  end
+
+  def calculate
+    return if ! @first_value
+
+    values = [@first_value, @label.text]
+    values = values.any?{|v| v.include?('.')} ? values.map(&:to_f) : values.map(&:to_i)
+
+    @label.text = values[0].send(@operator, values[1]).to_s
+  end
+
+end

data/app/pages/collections_page.rb

@@ -0,0 +1,9 @@
+class CollectionsPage < UnderOs::Page
+  def initialize
+    @collection = first('collection')
+    @collection.number_of_items  = 1000
+    @collection.on :item do |item, index|
+      item.children[0].text = "##{index + 1}"
+    end
+  end
+end

data/app/pages/home_page.rb

@@ -0,0 +1,11 @@
+class HomePage < UnderOs::Page
+
+  def initialize
+    find('#buttons button').each do |button|
+      button.on :tap do
+        page = (button.data('page').capitalize + "Page").constantize
+        history << page.new
+      end
+    end
+  end
+end

data/app/pages/http_page.rb

@@ -0,0 +1,33 @@
+class HttpPage < UnderOs::Page
+
+  def initialize
+    @search = first('#search-form input')
+    @result = first('img#result')
+    @locker = Locker.new
+
+    first('#search-form button').on(:tap) { search }
+  end
+
+  def search
+    @search.hide_keyboard
+    @locker.show
+
+    UnderOs::HTTP.get search_url do |response|
+      @result.load parse_first_image_url(response.body) do
+        @locker.hide
+      end
+    end
+  end
+
+  def search_url
+    query = @search.value
+    query = 'puppy' if query.empty?
+
+    "https://www.google.com.au/search?q=#{query}&source=lnms&tbm=isch"
+  end
+
+  def parse_first_image_url(html)
+    html.scan(/imgurl=(http:\/\/[^&]+)/)[0][0]
+  end
+
+end

data/app/pages/inputs_page.rb

@@ -0,0 +1,9 @@
+class InputsPage < UnderOs::Page
+  def initialize
+    @single_select = first('#single-select').on(:change){|e| e.target.hide}
+    @multi_select  = first('#multi-select' ).on(:change){|e| e.target.hide}
+
+    first('#show-single-select').on(:tap){ @single_select.toggle }
+    first('#show-multi-select' ).on(:tap){ @multi_select.toggle  }
+  end
+end

data/app/pages/lockers_page.rb

@@ -0,0 +1,16 @@
+class LockersPage < UnderOs::Page
+  def initialize
+    first('#buttons #b1').on(:tap){ show_simple_locker }
+    first('#buttons #b2').on(:tap){ show_locker_with_label }
+  end
+
+  def show_simple_locker
+    @locker = Locker.new.show
+    2.seconds.later { @locker.hide }
+  end
+
+  def show_locker_with_label
+    @locker = Locker.new(text: "Wait...").show
+    2.seconds.later { @locker.hide }
+  end
+end

data/app/pages/navbar_page.rb

@@ -0,0 +1,19 @@
+class NavbarPage < UnderOs::Page
+  def initialize
+    find('#buttons button').each do |button|
+      button.on :tap do
+        if button.hasClass('icons')
+          navbar.right_buttons = @icons = button.data('icons').split(',').map do |type|
+            UnderOs::UI::Icon.new(type: type)
+          end
+        else
+          navbar.right_buttons = {}.tap do |hash|
+            button.data('icons').split(',').map do |type|
+              hash[type] = Proc.new{ p type }
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/pages/scrolls_page.rb

@@ -0,0 +1,5 @@
+class ScrollsPage < UnderOs::Page
+  def initialize
+
+  end
+end

data/app/pages/sidebars_page.rb

@@ -0,0 +1,42 @@
+class SidebarsPage < UnderOs::Page
+  def initialize
+    first('#top'   ).on(:tap){ show_on_top    }
+    first('#left'  ).on(:tap){ show_on_left   }
+    first('#right' ).on(:tap){ show_on_right  }
+    first('#bottom').on(:tap){ show_on_bottom }
+
+    @sidebar = first('sidebar#test')
+  end
+
+  def show_on_top
+    return @sidebar.hide if @sidebar.visible?
+
+    @sidebar.location = :top
+    @sidebar.style.height = 100
+    @sidebar.show
+  end
+
+  def show_on_left
+    return @sidebar.hide if @sidebar.visible?
+
+    @sidebar.location = :left
+    @sidebar.style.width = 200
+    @sidebar.show
+  end
+
+  def show_on_right
+    return @sidebar.hide if @sidebar.visible?
+
+    @sidebar.location = :right
+    @sidebar.style.width = 200
+    @sidebar.show
+  end
+
+  def show_on_bottom
+    return @sidebar.hide if @sidebar.visible?
+
+    @sidebar.location = :bottom
+    @sidebar.style.height = 100
+    @sidebar.show
+  end
+end

data/app/pages/stuff_page.rb

@@ -0,0 +1,35 @@
+class StuffPage < UnderOs::Page
+  def initialize
+    self.title = "Various Stuff"
+
+    @box = View.new(style: {
+      top:          50,
+      left:         50,
+      width:        100,
+      height:       100,
+      background:   :red,
+      borderRadius: 10,
+      borderWidth:  2,
+      borderColor:  :green
+    })
+
+    @box.on(:tap){ @box.fade_out.fade_in }
+
+    @b2 = View.new(style: {background: :blue})
+    @b2.size = {x: 50, y: 50}
+    @b2.position = {x: 25, y: 25}
+
+    @b2.on(:tap, :highlight)
+
+    insert @box.insert(@b2)
+
+    insert Button.new(text: 'Boo Hoo!').position(x: 100, y: 200)
+
+    insert Label.new(text: "Hey Label", style: {background: :red}).position({x: 100, y: 250})
+
+    insert Icon.new(:cog).position(x: 50, y: 300)
+    insert Icon.new(:trash).position(x: 100, y: 300)
+    insert Icon.new(:home).position(x: 150, y: 300)
+    insert Icon.new(:magic).position(x: 200, y: 300)
+  end
+end

data/app/styles/application.css

@@ -0,0 +1,25 @@
+page {
+  background: white;
+}
+
+#buttons {
+  top:    60;
+  left:   60;
+  width:  200;
+  height: 500;
+}
+
+#buttons button {
+  width: 100%;
+}
+
+#buttons button#b1 { top: 0;   }
+#buttons button#b2 { top: 50;  }
+#buttons button#b3 { top: 100; }
+#buttons button#b4 { top: 150; }
+#buttons button#b5 { top: 200; }
+#buttons button#b6 { top: 250; }
+#buttons button#b7 { top: 300; }
+#buttons button#b8 { top: 350; }
+#buttons button#b9 { top: 400; }
+#buttons button#b10 { top: 450; }

data/app/styles/calculator.css

@@ -0,0 +1,37 @@
+page {
+  background-color: darkgray;
+}
+
+label {
+  left:        0;
+  top:         80;
+  color:       white;
+  height:      80;
+  width:       320;
+  font-size:   80;
+  text-align:  right;
+}
+
+button {
+  width:         79px;
+  height:        79px;
+  color:         black;
+  background:    white;
+  border-radius: 0px;
+  font-size:     40;
+}
+
+button.double { width: 159; }
+button.ops    { background: yellow; font-size: 20; }
+button.top    { background: lightgray; font-size: 20; }
+
+.row1 { bottom: 0px;   }
+.row2 { bottom: 80px;  }
+.row3 { bottom: 160px; }
+.row4 { bottom: 240px; }
+.row5 { bottom: 320px; }
+
+.col1 { left: 0;   }
+.col2 { left: 80;  }
+.col3 { left: 160; }
+.col4 { left: 240; }

data/app/styles/collections.css

@@ -0,0 +1,19 @@
+collection {
+  width:      100%;
+  height:     100%;
+  background: white;
+}
+
+collection item {
+  width:  106px;
+  height: 30px;
+  margin-bottom: 1px;
+}
+
+collection item label {
+  width:         100%;
+  height:        100%;
+  background:    #eee;
+  border-radius: 2px;
+  text-align:    center;
+}