plumes/features/plumes/js/plumes.js

Flying-fast Metro future vision components

(function() {
  'use strict';

  window.Ractive.Plumes = window.Ractive.Plumes || {};

  window.Ractive.Plumes.bootstrap = function(callback) {
    function _inScope(element, rvRequireCount) {
      rvRequireCount = rvRequireCount || 0;

      if (!element.parentNode) {
        return true;
      }

      var tag = element.parentNode.tagName.toLowerCase();

      if (tag == 'rv-require') {
        rvRequireCount++;

        if (rvRequireCount > 1) {
          return false;
        }
      }
      else if (tag == 'rv-partial') {
        return false;
      }

      return _inScope(element.parentNode, rvRequireCount);
    }

    $(function() {
      var partials = {},
          $cleaner = $('<div />').append($('body').html());

      $cleaner.find('script[type="text/javascript"]').remove();

      var $rvPartials = $cleaner.find('rv-partial');

      $rvPartials.each(function(i, rvPartial) {
        var src = rvPartial.getAttribute('src') || false,
            target = rvPartial.getAttribute('target');

        if (!src && target && _inScope(rvPartial)) {
          partials[target] = $.trim(rvPartial.innerHTML);
        }
      });

      $rvPartials.remove();

      var page = new window.Ractive({
        plName: 'pl-page',
        el: 'body',
        data: {
          cls: []
        },
        template: $.trim($cleaner.html()),
        partials: partials
      });

      page.observe('cls', function(cls) {
        $(page.el).attr('class', cls ? cls.join(' ') : '');
      });

      if (callback) {
        callback(page);
      }
    });
  };

  window.Ractive.Plumes.bindUses = function(component, binds, defaultsToFalse) {
    defaultsToFalse = defaultsToFalse || [];

    binds.forEach(function(bind) {
      component.observe('use-' + bind, function(value) {
        var defaultValue = defaultsToFalse.indexOf(bind) > -1 ? false : true;

        value = typeof value == 'undefined' ? defaultValue : value;
        value = value == 'true' ? true : value;
        value = value == 'false' ? false : value;

        component.set('use' + bind, value);
      });
    });
  };

  window.Ractive.Plumes.bindTexts = function(component) {
    Object.keys(component.get('texts') || {}).forEach(function(key) {
      component.observe('text-' + key, function(value) {
        if (typeof value != 'undefined') {
          component.set('texts.' + key, value);
        }
      });
    });
  };

})();