sc-frank-ios 1.2.3

data/frank-skeleton/frank_static_resources.bundle/js/main.coffee

@@ -0,0 +1,27 @@
+require ['controller','tabs_controller','tree_view','ersatz_view','details_view', 'accessible_views_view','experiment_bar_view','toast_controller'], (createMainController,createTabsController,TreeView,ErsatzView,DetailsView,AccessibleViewsView,ExperimentBarView,createToastController)->
+  $ ->
+    treeView = new TreeView()
+
+    ersatzView = new ErsatzView()
+    detailsView = new DetailsView()
+    accessibleViewsView = new AccessibleViewsView()
+    experimentBarView = new ExperimentBarView()
+
+    tabsController = createTabsController( $("#list-tabs"), $("#inspect-tabs") );
+    toastController = createToastController( $('.toast') )
+
+    mainController = createMainController( 
+      tabsController: tabsController
+      toastController: toastController
+      treeView: treeView
+      ersatzView: ersatzView
+      detailsView: detailsView
+      accessibleViewsView: accessibleViewsView
+      experimentBarModel: experimentBarView.model
+      $asplodeButton: $('#asploder button')
+      $reloadButton: $('button#dump_button')
+      $liveButton: $('#live-view button')
+    )
+    mainController.boot()
+
+

data/frank-skeleton/frank_static_resources.bundle/js/main.js

@@ -0,0 +1,29 @@
+(function() {
+
+  require(['controller', 'tabs_controller', 'tree_view', 'ersatz_view', 'details_view', 'accessible_views_view', 'experiment_bar_view', 'toast_controller'], function(createMainController, createTabsController, TreeView, ErsatzView, DetailsView, AccessibleViewsView, ExperimentBarView, createToastController) {
+    return $(function() {
+      var accessibleViewsView, detailsView, ersatzView, experimentBarView, mainController, tabsController, toastController, treeView;
+      treeView = new TreeView();
+      ersatzView = new ErsatzView();
+      detailsView = new DetailsView();
+      accessibleViewsView = new AccessibleViewsView();
+      experimentBarView = new ExperimentBarView();
+      tabsController = createTabsController($("#list-tabs"), $("#inspect-tabs"));
+      toastController = createToastController($('.toast'));
+      mainController = createMainController({
+        tabsController: tabsController,
+        toastController: toastController,
+        treeView: treeView,
+        ersatzView: ersatzView,
+        detailsView: detailsView,
+        accessibleViewsView: accessibleViewsView,
+        experimentBarModel: experimentBarView.model,
+        $asplodeButton: $('#asploder button'),
+        $reloadButton: $('button#dump_button'),
+        $liveButton: $('#live-view button')
+      });
+      return mainController.boot();
+    });
+  });
+
+}).call(this);

data/frank-skeleton/frank_static_resources.bundle/js/tabs_controller.coffee

@@ -0,0 +1,13 @@
+define ->
+
+  createController = ($listTabs,$inspectTabs)->
+    $listTabs.tabs();
+    $inspectTabs.tabs();
+
+    selectViewDetailsTab = -> $inspectTabs.tabs('select', 0)
+    selectLocatorTab = -> $inspectTabs.tabs('select', 1)
+    {
+      selectViewDetailsTab: selectViewDetailsTab
+      selectLocatorTab: selectLocatorTab
+    }
+

data/frank-skeleton/frank_static_resources.bundle/js/tabs_controller.js

@@ -0,0 +1,22 @@
+(function() {
+
+  define(function() {
+    var createController;
+    return createController = function($listTabs, $inspectTabs) {
+      var selectLocatorTab, selectViewDetailsTab;
+      $listTabs.tabs();
+      $inspectTabs.tabs();
+      selectViewDetailsTab = function() {
+        return $inspectTabs.tabs('select', 0);
+      };
+      selectLocatorTab = function() {
+        return $inspectTabs.tabs('select', 1);
+      };
+      return {
+        selectViewDetailsTab: selectViewDetailsTab,
+        selectLocatorTab: selectLocatorTab
+      };
+    };
+  });
+
+}).call(this);

data/frank-skeleton/frank_static_resources.bundle/js/toast_controller.coffee

@@ -0,0 +1,15 @@
+TOAST_SHOW_TIME = 3000
+define ->
+  createController = ($toast)->
+    existingTimeout = undefined
+
+    hideToast = -> $toast.removeClass('show')
+
+    hideToast()
+
+    showToastMessage: (message)->
+      $toast.addClass('show')
+      $toast.html(message)
+
+      window.clearTimeout(existingTimeout) if existingTimeout?
+      existingTimeout = window.setTimeout( hideToast, TOAST_SHOW_TIME )

data/frank-skeleton/frank_static_resources.bundle/js/toast_controller.js

@@ -0,0 +1,28 @@
+(function() {
+  var TOAST_SHOW_TIME;
+
+  TOAST_SHOW_TIME = 3000;
+
+  define(function() {
+    var createController;
+    return createController = function($toast) {
+      var existingTimeout, hideToast;
+      existingTimeout = void 0;
+      hideToast = function() {
+        return $toast.removeClass('show');
+      };
+      hideToast();
+      return {
+        showToastMessage: function(message) {
+          $toast.addClass('show');
+          $toast.html(message);
+          if (existingTimeout != null) {
+            window.clearTimeout(existingTimeout);
+          }
+          return existingTimeout = window.setTimeout(hideToast, TOAST_SHOW_TIME);
+        }
+      };
+    };
+  });
+
+}).call(this);

data/frank-skeleton/frank_static_resources.bundle/js/transform_stack.coffee

@@ -0,0 +1,59 @@
+R = Raphael
+
+define ->
+  (initialMatrix)->
+    currentMatrix = initialMatrix || R.matrix()
+    stack = [currentMatrix]
+
+    clone = ->
+      transformStack( currentMatrix.clone() )
+
+
+    push = ->
+      stack.push( currentMatrix )
+      currentMatrix = currentMatrix.clone()
+      @
+
+    pop = ->
+      stack.pop()
+      currentMatrix = _.last( stack )
+      @
+
+    desc = -> 
+      currentMatrix.toTransformString()
+
+    descAndPop = -> 
+      str = desc()
+      pop()
+      str
+
+    prefixedWithTranslate = (x,y)->
+      prefix = R.matrix()
+      prefix.translate(x,y)
+      prefix.add( currentMatrix )
+      prefix
+
+
+    chainerFor = ( methodName )->
+      (args...)->
+        currentMatrix[methodName](args...)
+        @
+
+    translate = chainerFor('translate')
+    rotate = chainerFor('rotate')
+    scale = chainerFor('scale')
+
+    skew = (x,y)->
+      x = R.rad(x)
+      y = R.rad(y)
+      currentMatrix.add( 1, 0, Math.tan(x), 1, 0, 0 )
+      currentMatrix.add( 1, Math.tan(y), 0, 1, 0, 0 )
+      @
+
+    rotateAroundPoint = (rot,x,y)->
+      @translate(x,y).rotate(rot).translate(-x,-y)
+
+    {
+      clone, translate, rotate, scale, skew, rotateAroundPoint,
+      push, pop, desc, descAndPop, prefixedWithTranslate 
+    }

data/frank-skeleton/frank_static_resources.bundle/js/transform_stack.js

@@ -0,0 +1,78 @@
+(function() {
+  var R,
+    __slice = [].slice;
+
+  R = Raphael;
+
+  define(function() {
+    return function(initialMatrix) {
+      var chainerFor, clone, currentMatrix, desc, descAndPop, pop, prefixedWithTranslate, push, rotate, rotateAroundPoint, scale, skew, stack, translate;
+      currentMatrix = initialMatrix || R.matrix();
+      stack = [currentMatrix];
+      clone = function() {
+        return transformStack(currentMatrix.clone());
+      };
+      push = function() {
+        stack.push(currentMatrix);
+        currentMatrix = currentMatrix.clone();
+        return this;
+      };
+      pop = function() {
+        stack.pop();
+        currentMatrix = _.last(stack);
+        return this;
+      };
+      desc = function() {
+        return currentMatrix.toTransformString();
+      };
+      descAndPop = function() {
+        var str;
+        str = desc();
+        pop();
+        return str;
+      };
+      prefixedWithTranslate = function(x, y) {
+        var prefix;
+        prefix = R.matrix();
+        prefix.translate(x, y);
+        prefix.add(currentMatrix);
+        return prefix;
+      };
+      chainerFor = function(methodName) {
+        return function() {
+          var args;
+          args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+          currentMatrix[methodName].apply(currentMatrix, args);
+          return this;
+        };
+      };
+      translate = chainerFor('translate');
+      rotate = chainerFor('rotate');
+      scale = chainerFor('scale');
+      skew = function(x, y) {
+        x = R.rad(x);
+        y = R.rad(y);
+        currentMatrix.add(1, 0, Math.tan(x), 1, 0, 0);
+        currentMatrix.add(1, Math.tan(y), 0, 1, 0, 0);
+        return this;
+      };
+      rotateAroundPoint = function(rot, x, y) {
+        return this.translate(x, y).rotate(rot).translate(-x, -y);
+      };
+      return {
+        clone: clone,
+        translate: translate,
+        rotate: rotate,
+        scale: scale,
+        skew: skew,
+        rotateAroundPoint: rotateAroundPoint,
+        push: push,
+        pop: pop,
+        desc: desc,
+        descAndPop: descAndPop,
+        prefixedWithTranslate: prefixedWithTranslate
+      };
+    };
+  });
+
+}).call(this);

data/frank-skeleton/frank_static_resources.bundle/js/tree_view.coffee

@@ -0,0 +1,53 @@
+define ['view_hier_model'],(ViewHierModel)->
+
+  TreeNodeView = Backbone.View.extend
+    tagName: 'li'
+
+    initialize: ->
+      @model.on 'change:selected', _.bind( @refreshSelectedness, @ ) 
+
+    $a: -> @$( '> a' )
+
+    render: ->
+      $childList = $("<ul/>")
+
+      for child in @model.get('children')
+        childView = new TreeNodeView( model: child )
+        $childList.append( childView.render().el )
+
+      @$el.append("<a>#{@model.getDesc()}</a>").append($childList)
+
+      # have to do this by hand rather than with events property
+      # because BB doesn't appear to let you bind to just immediate
+      # descendants using e.g. "mouseenter > a"
+      @$a()
+        .on( 'mouseenter', => @model.setActive() )
+        .on( 'mouseleave', => @model.unsetActive() )
+        .on( 'click', => @model.trigger('selected',@model) )
+
+      @refreshSelectedness()
+      @
+
+    refreshSelectedness: ->
+      if @model.get('selected')
+        @$a().addClass('selected')
+      else
+        @$a().removeClass('selected')
+
+
+
+
+
+  TreeView = Backbone.View.extend
+    el: $('#dom-dump > ul')
+
+    initialize: ->
+      @model = new ViewHierModel()
+      @model.on 'change', _.bind(@refresh,@)
+
+    refresh: ->
+      @$el.empty()
+      rootNodeView = new TreeNodeView(model: @model.get('root'))
+      @$el.append( rootNodeView.render().el )
+      @$el.treeview( collapsed: false )
+

data/frank-skeleton/frank_static_resources.bundle/js/tree_view.js

@@ -0,0 +1,64 @@
+(function() {
+
+  define(['view_hier_model'], function(ViewHierModel) {
+    var TreeNodeView, TreeView;
+    TreeNodeView = Backbone.View.extend({
+      tagName: 'li',
+      initialize: function() {
+        return this.model.on('change:selected', _.bind(this.refreshSelectedness, this));
+      },
+      $a: function() {
+        return this.$('> a');
+      },
+      render: function() {
+        var $childList, child, childView, _i, _len, _ref,
+          _this = this;
+        $childList = $("<ul/>");
+        _ref = this.model.get('children');
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          child = _ref[_i];
+          childView = new TreeNodeView({
+            model: child
+          });
+          $childList.append(childView.render().el);
+        }
+        this.$el.append("<a>" + (this.model.getDesc()) + "</a>").append($childList);
+        this.$a().on('mouseenter', function() {
+          return _this.model.setActive();
+        }).on('mouseleave', function() {
+          return _this.model.unsetActive();
+        }).on('click', function() {
+          return _this.model.trigger('selected', _this.model);
+        });
+        this.refreshSelectedness();
+        return this;
+      },
+      refreshSelectedness: function() {
+        if (this.model.get('selected')) {
+          return this.$a().addClass('selected');
+        } else {
+          return this.$a().removeClass('selected');
+        }
+      }
+    });
+    return TreeView = Backbone.View.extend({
+      el: $('#dom-dump > ul'),
+      initialize: function() {
+        this.model = new ViewHierModel();
+        return this.model.on('change', _.bind(this.refresh, this));
+      },
+      refresh: function() {
+        var rootNodeView;
+        this.$el.empty();
+        rootNodeView = new TreeNodeView({
+          model: this.model.get('root')
+        });
+        this.$el.append(rootNodeView.render().el);
+        return this.$el.treeview({
+          collapsed: false
+        });
+      }
+    });
+  });
+
+}).call(this);

data/frank-skeleton/frank_static_resources.bundle/js/view_hier_model.coffee

@@ -0,0 +1,37 @@
+define ['view_model'], (ViewModel)->
+  ViewCollection = Backbone.Collection
+
+  flatten = (rootViewModel)->
+    flattenedViewModels = [rootViewModel]
+    for childViewModel in rootViewModel.get('children')
+      flattenedViewModels = flattenedViewModels.concat( flatten(childViewModel) )
+
+    flattenedViewModels
+
+
+
+  ViewHierModel = Backbone.Model.extend
+    getAccessibleViews: ->
+      @get( 'allViews' ).filter (viewModel)-> viewModel.has('accessibilityLabel')
+
+    resetViewHier: (rawRootView)->
+      rootViewModel = new ViewModel(rawRootView) 
+      allViews = new ViewCollection( flatten( rootViewModel ) )
+
+      allViews.on 'change:active', (viewModel)=>
+        if viewModel.get('active')
+          @trigger( 'active-view-changed', viewModel )
+
+      allViews.on 'selected', (selectedViewModel)=>
+        allViews.each (viewModel)->
+          viewModel.set('selected',viewModel == selectedViewModel)
+        @trigger( 'selected-view-changed', selectedViewModel )
+
+      allViews.on 'accessible-selected', (viewModel)=>
+        @trigger( 'accessible-view-selected', viewModel )
+      
+      @set( 'root', rootViewModel )
+      @set( 'allViews', allViews )
+
+
+  ViewHierModel

data/frank-skeleton/frank_static_resources.bundle/js/view_hier_model.js

@@ -0,0 +1,48 @@
+(function() {
+
+  define(['view_model'], function(ViewModel) {
+    var ViewCollection, ViewHierModel, flatten;
+    ViewCollection = Backbone.Collection;
+    flatten = function(rootViewModel) {
+      var childViewModel, flattenedViewModels, _i, _len, _ref;
+      flattenedViewModels = [rootViewModel];
+      _ref = rootViewModel.get('children');
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        childViewModel = _ref[_i];
+        flattenedViewModels = flattenedViewModels.concat(flatten(childViewModel));
+      }
+      return flattenedViewModels;
+    };
+    ViewHierModel = Backbone.Model.extend({
+      getAccessibleViews: function() {
+        return this.get('allViews').filter(function(viewModel) {
+          return viewModel.has('accessibilityLabel');
+        });
+      },
+      resetViewHier: function(rawRootView) {
+        var allViews, rootViewModel,
+          _this = this;
+        rootViewModel = new ViewModel(rawRootView);
+        allViews = new ViewCollection(flatten(rootViewModel));
+        allViews.on('change:active', function(viewModel) {
+          if (viewModel.get('active')) {
+            return _this.trigger('active-view-changed', viewModel);
+          }
+        });
+        allViews.on('selected', function(selectedViewModel) {
+          allViews.each(function(viewModel) {
+            return viewModel.set('selected', viewModel === selectedViewModel);
+          });
+          return _this.trigger('selected-view-changed', selectedViewModel);
+        });
+        allViews.on('accessible-selected', function(viewModel) {
+          return _this.trigger('accessible-view-selected', viewModel);
+        });
+        this.set('root', rootViewModel);
+        return this.set('allViews', allViews);
+      }
+    });
+    return ViewHierModel;
+  });
+
+}).call(this);