motion-hybrid 0.0.1

data/lib/motion-hybrid/concerns/presentable.rb

@@ -0,0 +1,19 @@
+module MotionHybrid
+  module Presentable
+
+    def presented_from?(url)
+      presenter && presenter_url == url
+    end
+
+    private
+
+    def presenter_url
+      presenter.url.sub(/\?.+/, '').sub(/#.+/, '')
+    end
+
+    def presenter
+      navigationController.viewControllers.first.parent_screen if navigationController
+    end
+
+  end
+end

data/lib/motion-hybrid/concerns/styleable.rb

@@ -0,0 +1,48 @@
+module MotionHybrid
+  module Styleable
+
+    def on_init
+      super
+      self.title = nil
+      set_style_class if using_freestyle_css?
+      set_webview_options
+      set_tab_bar_options
+      remove_back_button_label
+    end
+
+    def tab_bar=(tab_bar)
+      @tab_bar = tab_bar
+    end
+
+    private
+
+    def using_freestyle_css?
+      view.respond_to?(:styleClass)
+    end
+
+    def set_style_class
+      navigationController.navigationBar.styleClass = style_class if nav_bar?
+      view.styleClass = style_class
+    end
+
+    def style_class
+      style_class = self.class.to_s.underscore
+      style_class += ' modal' if modal?
+      style_class
+    end
+
+    def set_webview_options
+      set_attributes webview, keyboard_display_requires_user_action: false, suppresses_incremental_rendering: true, background_color: UIColor.whiteColor
+      set_attributes webview.scrollView, deceleration_rate: 0.999
+    end
+
+    def set_tab_bar_options
+      set_tab_bar_item title: @tab_bar[:title], icon: Icon.new(@tab_bar[:icon], 25) if @tab_bar
+    end
+
+    def remove_back_button_label
+      navigationItem.backBarButtonItem = UIBarButtonItem.alloc.initWithTitle("", style: UIBarButtonItemStylePlain, target: nil, action: nil)
+    end
+
+  end
+end

data/lib/motion-hybrid/concerns/syncable.rb

@@ -0,0 +1,14 @@
+module MotionHybrid
+  module Syncable
+    extend MotionSupport::Concern
+
+    module ClassMethods
+      def sync_sessions(&block)
+        BW::HTTP.get(root_url) do
+          block.call
+        end
+      end
+    end
+
+  end
+end

data/lib/motion-hybrid/concerns/transitionable.rb

@@ -0,0 +1,28 @@
+module MotionHybrid
+  module Transitionable
+
+    private
+
+    def spinner
+      @spinner ||= Spinner.new(view)
+    end
+
+    def start_transitions
+      @loading = true
+      spinner.hide
+      App.run_after(0.6) do
+        spinner.show if @loading
+      end
+      webview.scrollView.fade_out(duration: 0.2, opacity: 0.5)
+    end
+
+    def end_transitions
+      @loading = false
+      refresher.endRefreshing if refresher
+      spinner.hide
+      webview.scrollView.fade_in(0.2)
+    end
+
+  end
+
+end

data/lib/motion-hybrid/concerns/updatable.rb

@@ -0,0 +1,28 @@
+module MotionHybrid
+  module Updatable
+
+    private
+
+    def reload_dependents
+      @needs_reload = false
+      dependents.map(&:stop)
+      dependents.map(&:reload)
+    end
+
+    # Inefficient, but will do for now
+    def dependents
+      dependents = all_views - [self]
+      dependents = dependents | [parent_screen] if parent_screen
+      dependents
+    end
+
+    def all_views
+      app_delegate.window.rootViewController.viewControllers.map(&:viewControllers).flatten
+    end
+
+    def needs_reload?
+      @needs_reload
+    end
+
+  end
+end

data/lib/motion-hybrid/models/bridge.rb

@@ -0,0 +1,48 @@
+module MotionHybrid
+  class Bridge
+    PATH = NSBundle.mainBundle.resourcePath + '/jquery.motion-hybrid.js'
+    JS_LIB = File.open(PATH).read
+
+    def initialize(screen)
+      @screen = screen
+      @screen.evaluate(JS_LIB)
+    end
+
+    def click(target)
+      js_api("clicked('#{target}')")
+    end
+
+    def click_child(parent, child_index)
+      child_index = remap_index(child_index)
+      js_api("clicked('#{parent}', #{child_index})") if child_index > 0
+    end
+
+    private
+
+    def bridge_hash
+      @bridge_hash ||= Dish BW::JSON.parse(bridge_json)
+    end
+
+    def bridge_json
+      js_api('getParams()').presence || '{}'
+    end
+
+    def method_missing(method)
+      bridge_hash.send(method)
+    end
+
+    #  iOS button order and actual order of buttons on screen are not the same
+    def remap_index(index)
+      if index == nav_bar_right_button.options.length - 1
+        0
+      else
+        index + 1
+      end
+    end
+
+    def js_api(command)
+      @screen.evaluate("MotionHybrid.#{command};").to_s
+    end
+
+  end
+end

data/lib/motion-hybrid/models/request.rb

@@ -0,0 +1,29 @@
+module MotionHybrid
+  class Request
+
+    def initialize(nsurlrequest, type)
+      @nsurlrequest, @type = nsurlrequest, type
+    end
+
+    def url
+      @nsurlrequest.URL.absoluteString
+    end
+
+    def url_without_anchor
+      url.gsub(/#.+/, '')
+    end
+
+    def anchor
+      @nsurlrequest.URL.fragment
+    end
+
+    def http_method
+      @nsurlrequest.HTTPMethod
+    end
+
+    def type
+      @type
+    end
+
+  end
+end

data/lib/motion-hybrid/models/route.rb

@@ -0,0 +1,23 @@
+module MotionHybrid
+  class Route
+    attr_accessor :block
+
+    def initialize(pattern, &block)
+      @pattern, @block = pattern, block
+    end
+
+    def matches?(request)
+      # PM.logger.debug "#{request.url} <> #{@pattern}"
+      if @pattern.is_a?(Regexp)
+        @pattern =~ request.url
+      elsif @pattern.start_with?('#')
+        @pattern == "##{request.anchor}"
+      elsif @pattern.start_with?('/')
+        Screen.url_for(@pattern) == request.url
+      else
+        @pattern == request.url
+      end
+    end
+  end
+
+end

data/lib/motion-hybrid/models/router.rb

@@ -0,0 +1,21 @@
+module MotionHybrid
+  class Router
+
+    def initialize(screen)
+      @screen = screen
+    end
+
+    def process(request)
+      routes.find do |route|
+        route.matches?(request) && @screen.instance_exec(request, &route.block)
+      end
+    end
+
+    private
+
+    def routes
+      @screen.class.routes
+    end
+
+  end
+end

data/lib/motion-hybrid/screens/screen.rb

@@ -0,0 +1,16 @@
+module MotionHybrid
+  class Screen < PM::WebScreen
+
+    include Bridgeable
+    include Navigatable
+    include BasicRoutes
+    include Presentable
+    include Styleable
+    include Syncable
+    include Transitionable
+    include Updatable
+
+    attr_accessor :bridge, :refresher
+
+  end
+end

data/lib/motion-hybrid/version.rb

@@ -0,0 +1,3 @@
+module MotionHybrid
+  VERSION = "0.0.1"
+end

data/lib/motion-hybrid/views/icon.rb

@@ -0,0 +1,9 @@
+module MotionHybrid
+  class Icon
+    def self.new(name, size, options = {})
+      icon = FAKFontAwesome.send("#{name}IconWithSize", size)
+      icon.addAttribute(NSForegroundColorAttributeName, value: options[:color]) if options[:color]
+      icon.imageWithSize(CGSizeMake(size, size))
+    end
+  end
+end

data/lib/motion-hybrid/views/multi_line_header.rb

@@ -0,0 +1,37 @@
+module MotionHybrid
+  class MultiLineHeader
+    def self.new(title, subtitle)
+      view = UIView.alloc.initWithFrame CGRectMake(0, 0, 200, 44)
+      view.autoresizesSubviews = true
+      view.styleId = 'multi_line_header' if view.respond_to?(:styleId)
+
+      view.addSubview titleView(title)
+      view.addSubview subtitleView(subtitle)
+
+      view.autoresizingMask = (UIViewAutoresizingFlexibleLeftMargin |
+                               UIViewAutoresizingFlexibleRightMargin |
+                               UIViewAutoresizingFlexibleTopMargin |
+                               UIViewAutoresizingFlexibleBottomMargin)
+
+      view
+    end
+
+    def self.titleView(title)
+      titleView = UILabel.alloc.initWithFrame CGRectMake(0, 2, 200, 24)
+      titleView.textAlignment = UITextAlignmentCenter
+      titleView.font = UIFont.boldSystemFontOfSize(13)
+      titleView.text = title
+      titleView.adjustsFontSizeToFitWidth = true
+      titleView
+    end
+
+    def self.subtitleView(subtitle)
+      subtitleView = UILabel.alloc.initWithFrame CGRectMake(0, 20, 200, 44-24)
+      subtitleView.textAlignment = UITextAlignmentCenter
+      subtitleView.font = UIFont.systemFontOfSize(11)
+      subtitleView.text = subtitle
+      subtitleView.adjustsFontSizeToFitWidth = true
+      subtitleView
+    end
+  end
+end

data/lib/motion-hybrid/views/spinner.rb

@@ -0,0 +1,33 @@
+module MotionHybrid
+  class Spinner
+
+    def initialize(view)
+      @view = view
+    end
+
+    def show
+      show_hud
+    end
+
+    def hide
+      MBProgressHUD.hideHUDForView(@view, animated: false)
+    end
+
+    private
+
+    def show_hud
+      hud = MBProgressHUD.showHUDAddedTo(@view, animated: true)
+      hud.mode = MBProgressHUDModeCustomView
+      hud.customView = spin_animation
+      hud.removeFromSuperViewOnHide = true
+      hud.opacity = 0
+    end
+
+    def spin_animation
+      spin_animation = RTSpinKitView.alloc.initWithStyle(RTSpinKitViewStyleBounce, color: '#323667'.to_color) # TODO: Style from CSS
+      spin_animation.startAnimating
+      spin_animation
+    end
+
+  end
+end

data/lib/motion-hybrid/views/toast.rb

@@ -0,0 +1,23 @@
+module MotionHybrid
+  class Toast
+    TEXT_COLOR = '#3c763d'.to_color
+    BACKGROUND_COLOR = '#dff0d8'.to_color
+    def initialize(title, subtitle = nil)
+      options = {
+        'kCRToastTextKey' => title,
+        'kCRToastFontKey' => UIFont.boldSystemFontOfSize(15),
+        'kCRToastTextColorKey' => TEXT_COLOR,
+        'kCRToastBackgroundColorKey' => BACKGROUND_COLOR,
+        'kCRToastSubtitleFontKey' => UIFont.boldSystemFontOfSize(15),
+        'kCRToastSubtitleTextColorKey' => TEXT_COLOR,
+        'kCRToastTextAlignmentKey' => NSTextAlignmentLeft,
+        'kCRToastSubtitleTextAlignmentKey' => NSTextAlignmentLeft,
+        'kCRToastNotificationTypeKey' => CRToastTypeNavigationBar
+      }
+
+      options.merge!('kCRToastFontKey' => UIFont.systemFontOfSize(13), 'kCRToastSubtitleTextKey' => subtitle, 'kCRToastTimeIntervalKey' => 3) if subtitle.present?
+
+      CRToastManager.showNotificationWithOptions options, completionBlock: nil
+    end
+  end
+end

data/lib/resources/jquery.motion-hybrid.coffee

@@ -0,0 +1,30 @@
+class window.MotionHybrid
+  @getParams: ->
+    bridge = $('#motion_hybrid_bridge')
+
+    params = {}
+    params.title = bridge.find('h1').text()
+    params.subtitle = bridge.find('h2').text()
+    params.nav_bar_left_button = parseButton bridge.find('#nav_bar_left_button')
+    params.nav_bar_right_button = parseButton bridge.find('#nav_bar_right_button')
+    params.flash = parseFlash bridge.find('.flash')
+
+    params.refreshable = $('[data-refreshable]').length > 0
+
+    JSON.stringify params
+
+  parseButton = (button) ->
+    { link: button.attr('href'), options: button.children().map(-> this.innerText).get() } if button.length
+
+  parseFlash = (flash) ->
+    { title: flash.find('h3').text() || flash.text().trim(), subtitle: flash.find('p').text() } if flash.length
+
+  @clicked: (target, childIndex) ->
+    target = $("##{target}")
+    target = target.children() if childIndex
+    target.get(childIndex || 0).click()
+
+if document.readyState == 'complete'
+  document.location.href = 'motionhybrid://ready'
+else
+  jQuery -> document.location.href = 'motionhybrid://ready'

data/lib/resources/jquery.motion-hybrid.js

@@ -0,0 +1,61 @@
+// Generated by CoffeeScript 1.7.1
+(function() {
+  window.MotionHybrid = (function() {
+    var parseButton, parseFlash;
+
+    function MotionHybrid() {}
+
+    MotionHybrid.getParams = function() {
+      var bridge, params;
+      bridge = $('#motion_hybrid_bridge');
+      params = {};
+      params.title = bridge.find('h1').text();
+      params.subtitle = bridge.find('h2').text();
+      params.nav_bar_left_button = parseButton(bridge.find('#nav_bar_left_button'));
+      params.nav_bar_right_button = parseButton(bridge.find('#nav_bar_right_button'));
+      params.flash = parseFlash(bridge.find('.flash'));
+      params.refreshable = $('[data-refreshable]').length > 0;
+      return JSON.stringify(params);
+    };
+
+    parseButton = function(button) {
+      if (button.length) {
+        return {
+          link: button.attr('href'),
+          options: button.children().map(function() {
+            return this.innerText;
+          }).get()
+        };
+      }
+    };
+
+    parseFlash = function(flash) {
+      if (flash.length) {
+        return {
+          title: flash.find('h3').text() || flash.text().trim(),
+          subtitle: flash.find('p').text()
+        };
+      }
+    };
+
+    MotionHybrid.clicked = function(target, childIndex) {
+      target = $("#" + target);
+      if (childIndex) {
+        target = target.children();
+      }
+      return target.get(childIndex || 0).click();
+    };
+
+    return MotionHybrid;
+
+  })();
+
+  if (document.readyState === 'complete') {
+    document.location.href = 'motionhybrid://ready';
+  } else {
+    jQuery(function() {
+      return document.location.href = 'motionhybrid://ready';
+    });
+  }
+
+}).call(this);