tao_on_rails 0.8.2 → 0.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5ad64fc49a4b54a73034e05b813147c99693707b
-  data.tar.gz: 3f75f7753cf05b4a38bdfdeb20c2a5c17cf1bdc2
+  metadata.gz: 593f883fe5535ca2c421021fa06c51df7ae7651f
+  data.tar.gz: d5b2ddb46cec54946270deaa71214a449ac83c00
 SHA512:
-  metadata.gz: d8ee03b857f25f4751dfec541ebab23c4293650f2383e9d1c9d49a4422ddefa43e4c91c3985946067e204f04ba528bec067a9f8f081f7d641686edce43cb7a37
-  data.tar.gz: 467aaa7e5a3c6693e333df8415974551accf53b653946a4ec45a44c205ebc5baa151e3a1e5514ae34c11214f4688bc1c7f6c18935fabd7e88fe7471f90f026c0
+  metadata.gz: 83ab490a10967d6bbd5f5e6a7fa16ae99773fc02e9e2520bb4f3ca984c1e4cd18ab7e244a9e20e2d27bbb12096a049b38f4462e30cee7f908c50f0a6d8b66d02
+  data.tar.gz: 58e2422623a70bdba6c7ed854c02d51f2addbf2244e5b4bb9d6c08d9fd5de67cf4318c8ae8dacbd903d99b9b94be786f6c76ad6cdf5805c3c39fa8e25a7adf30

data/Rakefile

@@ -1,3 +1,4 @@
+require 'bundler/setup'
 require "bundler/gem_tasks"
 require "rake/testtask"
 

data/lib/assets/javascripts/tao/attribute_manager.coffee

@@ -0,0 +1,94 @@
+#= require ./module
+
+manager = null
+
+class TaoAttributeManager extends TaoModule
+
+  @defaultOptions =
+    type: 'string'
+
+  @getManager: ->
+    manager ||= new TaoAttributeManager()
+
+  @getAttribute: (element, name, options) ->
+    manager = @getManager()
+    options = _.extend {}, @defaultOptions, options
+    manager._attributes[_.camelCase(options.type)]?.get element, name, options
+
+  @setAttribute: (element, name, val, options) ->
+    manager = @getManager()
+    options = _.extend {}, @defaultOptions, options
+    manager._attributes[_.camelCase(options.type)]?.set element, name, val, options
+
+  _attributes: {}
+
+  @registerAttribute: (type, config) ->
+    if _.isString config
+      @::_attributes[type] = @::_attributes[config]
+    else
+      @::_attributes[type] = config
+
+  @registerAttribute 'string',
+    get: (element, name, options) ->
+      element.getAttribute(name) || options.default || ''
+    set: (element, name, val, options) ->
+      element.setAttribute(name, val.toString())
+
+  @registerAttribute 'number',
+    get: (element, name, options) ->
+      value = parseFloat element.getAttribute(name)
+      if _.isNaN value
+        options.default || null
+      else
+        value
+    set: (element, name, val, options) ->
+      element.setAttribute(name, val.toString())
+
+  @registerAttribute 'boolean',
+    get: (element, name, options) ->
+      element.hasAttribute(name)
+    set: (element, name, val, options) ->
+      if val
+        element.setAttribute name, ''
+      else
+        element.removeAttribute name
+
+  @registerAttribute 'bool', 'boolean'
+
+  @registerAttribute 'hash',
+    get: (element, name, options) ->
+      value = element.getAttribute name
+      if _.isString value
+        try
+          JSON.parse value
+        catch e
+          options.default || null
+      else
+        options.default || null
+    set: (element, name, val, options) ->
+      val = try
+        JSON.stringify val
+      catch e
+        '{}'
+      element.setAttribute name, val
+
+  @registerAttribute 'object', 'hash'
+
+  @registerAttribute 'array',
+    get: (element, name, options) ->
+      value = element.getAttribute name
+      if _.isString value
+        try
+          JSON.parse value
+        catch e
+          options.default || null
+      else
+        options.default || null
+    set: (element, name, val, options) ->
+      val = try
+        JSON.stringify val
+      catch e
+        '[]'
+      element.setAttribute name, val
+
+Tao.AttributeManager = window.TaoAttributeManager = TaoAttributeManager

data/lib/assets/javascripts/tao/component.coffee

@@ -1,4 +1,4 @@
-#= require ./attribute_parser
+#= require ./attribute_manager
 
 components = {}
 
@@ -26,8 +26,8 @@ TaoComponentBasedOn = (superClassName = 'HTMLElement') ->
     count = 0
 
     @extend: (obj) ->
-      unless obj and typeof obj == 'object'
-        throw new Error('TaoComponent.extend: param should be an object')
+      obj = obj.call(@) if _.isFunction obj
+      return unless obj and typeof obj == 'object'
 
       for key, val of obj when key not in ['included', 'extended']
         @[key] = val
@@ -36,8 +36,8 @@ TaoComponentBasedOn = (superClassName = 'HTMLElement') ->
       @
 
     @include: (obj) ->
-      unless obj and typeof obj == 'object'
-        throw new Error('TaoComponent.include: param should be an object')
+      obj = obj.call(@) if _.isFunction obj
+      return unless obj and typeof obj == 'object'
 
       for key, val of obj when key not in ['included', 'extended']
         @::[key] = val
@@ -64,18 +64,11 @@ TaoComponentBasedOn = (superClassName = 'HTMLElement') ->
         attrName = _.kebabCase(name)
 
         @get name, ->
-          val = if @hasAttribute attrName
-             @getAttribute(attrName)
-          else
-            null
-          TaoAttributeParser.parse val, options
+          Tao.AttributeManager.getAttribute @, attrName, options
 
         @set name, (val) ->
-          val = TaoAttributeParser.stringify val, options
-          if _.isString val
-            @setAttribute attrName, val
-          else
-            @removeAttribute attrName
+          return if @_beforeAttributeChanged(attrName, val) == false
+          Tao.AttributeManager.setAttribute @, attrName, val, options
 
         @observedAttributes.push(attrName) if options.observe
 
@@ -136,6 +129,9 @@ TaoComponentBasedOn = (superClassName = 'HTMLElement') ->
     _disconnected: ->
       # called when the element was disconnected from dom
 
+    _beforeAttributeChanged: (name, val) ->
+      @["_before#{_.upperFirst _.camelCase name}Changed"]?(val)
+
     _attributeChanged: (name) ->
       @["_#{_.camelCase name}Changed"]?()
 
@@ -149,17 +145,20 @@ TaoComponentBasedOn = (superClassName = 'HTMLElement') ->
     findComponent: (selector, readyCallback) ->
       component = @jq.find(selector).get(0)
       if component.connected
-        readyCallback? component
+        # make sure element is returned before callback
+        setTimeout -> readyCallback? component
       else
         @one 'connected', selector, ->
           readyCallback? component
       component
 
-    on: (args...) ->
-      @jq.on args...
+    on: (name, args...) ->
+      name = "#{name}.#{@constructor._tag}-#{@taoId}" if name && name.indexOf('.') < 0
+      @jq.on name, args...
 
-    off: (args...) ->
-      @jq.off args...
+    off: (name = '', args...) ->
+      name = "#{name}.#{@constructor._tag}-#{@taoId}" if name.indexOf('.') < 0
+      @jq.off name, args...
 
     trigger: (args...) ->
       @jq.trigger(args...)

data/lib/assets/javascripts/tao/index.coffee

@@ -1,4 +1,4 @@
-#= require polyfills/polyfills
+#= require polyfills
 #= require turbolinks
 #= require jquery3
 #= require jquery_ujs

data/lib/assets/javascripts/tao/module.coffee

@@ -3,8 +3,8 @@ class TaoModule
   id = 0
 
   @extend: (obj) ->
-    unless obj and typeof obj == 'object'
-      throw new Error('TaoModule.extend: param should be an object')
+    obj = obj.call(@) if _.isFunction obj
+    return unless obj and typeof obj == 'object'
 
     for key, val of obj when key not in ['included', 'extended']
       @[key] = val
@@ -13,8 +13,8 @@ class TaoModule
     @
 
   @include: (obj) ->
-    unless obj and typeof obj == 'object'
-      throw new Error('TaoModule.include: param should be an object')
+    obj = obj.call(@) if _.isFunction obj
+    return unless obj and typeof obj == 'object'
 
     for key, val of obj when key not in ['included', 'extended']
       @::[key] = val

data/lib/generators/tao/coffee/templates/coffee.erb

@@ -1,6 +1,6 @@
 class <%= page_id.underscore.camelize %>Page extends TaoPage
 
-  @tag: "<%= page_id %>-page"
+  @tag "<%= page_id %>-page"
 
   _init: ->
     # called when the page connected to dom for the first time

data/lib/tao_on_rails/action_view/helpers.rb

@@ -3,7 +3,7 @@ module TaoOnRails
     module Helpers
 
       def page_id
-        return @page_id if @page_id.present?
+        return @page_id if defined?(@page_id)
         controller_names = controller_path.split('/')
         [controller_names, action_name].compact.flatten.join('_').dasherize
       end

data/lib/tao_on_rails/components/base.rb

@@ -2,37 +2,51 @@ module TaoOnRails
   module Components
     class Base
 
-      attr_reader :options, :template_name, :template_paths, :view
+      attr_reader :options, :view
+
+      delegate :tag_name, :component_name, :tag_prefix, :template_paths, :template_name, to: :class
 
       def initialize view, options = {}
         @view = view
-        @options = options
-        @template_name = self.class.template_name.dup
-        @template_paths = self.class.template_paths.dup
-        @template_paths.unshift(@options.delete(:template_path)) if @options[:template_path].present?
+        @options = merge_options default_options, options
+        template_paths.unshift(@options.delete(:template_path)) if @options[:template_path].present?
       end
 
       def render &block
         if template = find_template
+          render_template template, &block
+        else
+          view.content_tag tag_name, nil, html_options, &block
+        end
+      end
+
+      def render_template(template, &block)
+        if template.is_a?(String) || template.is_a?(Symbol)
+          template = find_template(template)
+        end
+
+        if template
           if block_given?
             block_content = view.capture(&block)
-            template.render(view, {component: self, block_given: true}) do
-              block_content
+            template.render(view, {component: self, block_given: true}) do |*name|
+              view._layout_for(*name) {block_content}
             end
           else
             template.render(view, {component: self})
           end
-        else
-          view.content_tag self.class.tag_name, nil, options, &block
         end
       end
 
-      def translate key
+      def translate key, options = {}
         i18n_scope = self.class.name.underscore.split('/').join('.').gsub(/(.+)_component$/, '\1')
-        I18n.t(key, scope: i18n_scope).presence
+        I18n.t(key, options.merge!(scope: i18n_scope)).presence
       end
       alias_method :t, :translate
 
+      def html_options
+        @html_options ||= transform_html_options options
+      end
+
       def self.tag_name
         @tag_name ||= "#{self.tag_prefix}-#{self.component_name.to_s.dasherize}"
       end
@@ -60,8 +74,45 @@ module TaoOnRails
 
       private
 
-      def find_template
-        view.lookup_context.find_all(template_name, template_paths, true, template_keys).first
+      def default_options
+        {}
+      end
+
+      def merge_options options, other_options
+        options.merge(other_options) { |key, old_val, new_val|
+          if key.to_s == 'class'
+            old_val = old_val.split(' ') if old_val.is_a? String
+            new_val = new_val.split(' ') if new_val.is_a? String
+            Array(old_val) + Array(new_val)
+          elsif old_val.is_a?(Hash) && old_val.is_a?(Hash)
+            old_val.merge! new_val
+          else
+            new_val
+          end
+        }
+      end
+
+      def transform_html_options options, other_options = nil
+        if other_options
+          options = merge_options options, other_options
+        end
+
+        options.transform_keys { |key|
+          key.to_s.dasherize.to_sym
+        }.transform_values { |value|
+          case value
+          when true
+            ''
+          when false
+            nil
+          else
+            value
+          end
+        }
+      end
+
+      def find_template(name = template_name)
+        view.lookup_context.find_all(name, template_paths, true, template_keys).first
       end
 
       def template_keys

data/lib/tao_on_rails/components/page_component.rb

@@ -3,17 +3,11 @@ require 'tao_on_rails/components/base'
 module TaoOnRails
   module Components
     class PageComponent < Base
+      attr_reader :page_id
 
       def initialize view, options = {}
-        super
-
         @page_id = view.page_id
-
-        if @options[:class].present?
-          @options[:class] += " tao-page #{@page_id}-page"
-        else
-          @options[:class] = "tao-page #{@page_id}-page"
-        end
+        super
       end
 
       def render &block
@@ -24,6 +18,12 @@ module TaoOnRails
         :page
       end
 
+      private
+
+      def default_options
+        {class: ['tao-page', "#{@page_id}-page"]}
+      end
+
     end
   end
 end

data/lib/tao_on_rails/version.rb

@@ -1,3 +1,3 @@
 module TaoOnRails
-  VERSION = "0.8.2"
+  VERSION = "0.9.0"
 end

data/vendor/assets/javascripts/polyfills/custom-elements.js

@@ -1,14 +1,14 @@
 (function(){
-'use strict';var g={scope:{}};g.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(a,b,f){if(f.get||f.set)throw new TypeError("ES3 does not support getters and setters.");a!=Array.prototype&&a!=Object.prototype&&(a[b]=f.value)};g.getGlobal=function(a){return"undefined"!=typeof window&&window===a?a:"undefined"!=typeof global&&null!=global?global:a};g.global=g.getGlobal(this);g.SYMBOL_PREFIX="jscomp_symbol_";
+'use strict';var g=g||{};g.scope={};g.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(a,b,f){if(f.get||f.set)throw new TypeError("ES3 does not support getters and setters.");a!=Array.prototype&&a!=Object.prototype&&(a[b]=f.value)};g.getGlobal=function(a){return"undefined"!=typeof window&&window===a?a:"undefined"!=typeof global&&null!=global?global:a};g.global=g.getGlobal(this);g.SYMBOL_PREFIX="jscomp_symbol_";
 g.initSymbol=function(){g.initSymbol=function(){};g.global.Symbol||(g.global.Symbol=g.Symbol)};g.symbolCounter_=0;g.Symbol=function(a){return g.SYMBOL_PREFIX+(a||"")+g.symbolCounter_++};g.initSymbolIterator=function(){g.initSymbol();var a=g.global.Symbol.iterator;a||(a=g.global.Symbol.iterator=g.global.Symbol("iterator"));"function"!=typeof Array.prototype[a]&&g.defineProperty(Array.prototype,a,{configurable:!0,writable:!0,value:function(){return g.arrayIterator(this)}});g.initSymbolIterator=function(){}};
 g.arrayIterator=function(a){var b=0;return g.iteratorPrototype(function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}})};g.iteratorPrototype=function(a){g.initSymbolIterator();a={next:a};a[g.global.Symbol.iterator]=function(){return this};return a};g.makeIterator=function(a){g.initSymbolIterator();var b=a[Symbol.iterator];return b?b.call(a):g.arrayIterator(a)};g.owns=function(a,b){return Object.prototype.hasOwnProperty.call(a,b)};
 g.polyfill=function(a,b){if(b){var f=g.global;a=a.split(".");for(var e=0;e<a.length-1;e++){var c=a[e];c in f||(f[c]={});f=f[c]}a=a[a.length-1];e=f[a];b=b(e);b!=e&&null!=b&&g.defineProperty(f,a,{configurable:!0,writable:!0,value:b})}};
 g.polyfill("WeakMap",function(a){function b(a){this.id_=(d+=Math.random()+1).toString();if(a){g.initSymbol();g.initSymbolIterator();a=g.makeIterator(a);for(var b;!(b=a.next()).done;)b=b.value,this.set(b[0],b[1])}}function f(a){g.owns(a,c)||g.defineProperty(a,c,{value:{}})}function e(a){var b=Object[a];b&&(Object[a]=function(a){f(a);return b(a)})}if(function(){if(!a||!Object.seal)return!1;try{var b=Object.seal({}),d=Object.seal({}),c=new a([[b,2],[d,3]]);if(2!=c.get(b)||3!=c.get(d))return!1;c.delete(b);
 c.set(d,4);return!c.has(b)&&4==c.get(d)}catch(v){return!1}}())return a;var c="$jscomp_hidden_"+Math.random().toString().substring(2);e("freeze");e("preventExtensions");e("seal");var d=0;b.prototype.set=function(a,b){f(a);if(!g.owns(a,c))throw Error("WeakMap key fail: "+a);a[c][this.id_]=b;return this};b.prototype.get=function(a){return g.owns(a,c)?a[c][this.id_]:void 0};b.prototype.has=function(a){return g.owns(a,c)&&g.owns(a[c],this.id_)};b.prototype.delete=function(a){return g.owns(a,c)&&g.owns(a[c],
-this.id_)?delete a[c][this.id_]:!1};return b},"es6-impl","es3");g.ASSUME_NO_NATIVE_MAP=!1;
+this.id_)?delete a[c][this.id_]:!1};return b},"es6-impl","es3");g.MapEntry=function(){};g.ASSUME_NO_NATIVE_MAP=!1;
 g.polyfill("Map",function(a){function b(){var a={};return a.previous=a.next=a.head=a}function f(a,b){var d=a.head_;return g.iteratorPrototype(function(){if(d){for(;d.head!=a.head_;)d=d.previous;for(;d.next!=d.head;)return d=d.next,{done:!1,value:b(d)};d=null}return{done:!0,value:void 0}})}function e(a,b){var c;c=b&&typeof b;"object"==c||"function"==c?d.has(b)?c=d.get(b):(c=""+ ++m,d.set(b,c)):c="p_"+b;var f=a.data_[c];if(f&&g.owns(a.data_,c))for(a=0;a<f.length;a++){var e=f[a];if(b!==b&&e.key!==e.key||
 b===e.key)return{id:c,list:f,index:a,entry:e}}return{id:c,list:f,index:-1,entry:void 0}}function c(a){this.data_={};this.head_=b();this.size=0;if(a){a=g.makeIterator(a);for(var d;!(d=a.next()).done;)d=d.value,this.set(d[0],d[1])}}if(!g.ASSUME_NO_NATIVE_MAP&&function(){if(!a||!a.prototype.entries||"function"!=typeof Object.seal)return!1;try{var b=Object.seal({x:4}),d=new a(g.makeIterator([[b,"s"]]));if("s"!=d.get(b)||1!=d.size||d.get({x:4})||d.set({x:4},"t")!=d||2!=d.size)return!1;var c=d.entries(),
-f=c.next();if(f.done||f.value[0]!=b||"s"!=f.value[1])return!1;f=c.next();return f.done||4!=f.value[0].x||"t"!=f.value[1]||!c.next().done?!1:!0}catch(R){return!1}}())return a;g.initSymbol();g.initSymbolIterator();var d=new WeakMap;c.prototype.set=function(a,b){var d=e(this,a);d.list||(d.list=this.data_[d.id]=[]);d.entry?d.entry.value=b:(d.entry={next:this.head_,previous:this.head_.previous,head:this.head_,key:a,value:b},d.list.push(d.entry),this.head_.previous.next=d.entry,this.head_.previous=d.entry,
+f=c.next();if(f.done||f.value[0]!=b||"s"!=f.value[1])return!1;f=c.next();return f.done||4!=f.value[0].x||"t"!=f.value[1]||!c.next().done?!1:!0}catch(Q){return!1}}())return a;g.initSymbol();g.initSymbolIterator();var d=new WeakMap;c.prototype.set=function(a,b){var d=e(this,a);d.list||(d.list=this.data_[d.id]=[]);d.entry?d.entry.value=b:(d.entry={next:this.head_,previous:this.head_.previous,head:this.head_,key:a,value:b},d.list.push(d.entry),this.head_.previous.next=d.entry,this.head_.previous=d.entry,
 this.size++);return this};c.prototype.delete=function(a){a=e(this,a);return a.entry&&a.list?(a.list.splice(a.index,1),a.list.length||delete this.data_[a.id],a.entry.previous.next=a.entry.next,a.entry.next.previous=a.entry.previous,a.entry.head=null,this.size--,!0):!1};c.prototype.clear=function(){this.data_={};this.head_=this.head_.previous=b();this.size=0};c.prototype.has=function(a){return!!e(this,a).entry};c.prototype.get=function(a){return(a=e(this,a).entry)&&a.value};c.prototype.entries=function(){return f(this,
 function(a){return[a.key,a.value]})};c.prototype.keys=function(){return f(this,function(a){return a.key})};c.prototype.values=function(){return f(this,function(a){return a.value})};c.prototype.forEach=function(a,b){for(var d=this.entries(),c;!(c=d.next()).done;)c=c.value,a.call(b,c[1],c[0],this)};c.prototype[Symbol.iterator]=c.prototype.entries;var m=0;return c},"es6-impl","es3");g.ASSUME_NO_NATIVE_SET=!1;
 g.polyfill("Set",function(a){function b(a){this.map_=new Map;if(a){a=g.makeIterator(a);for(var b;!(b=a.next()).done;)this.add(b.value)}this.size=this.map_.size}if(!g.ASSUME_NO_NATIVE_SET&&function(){if(!a||!a.prototype.entries||"function"!=typeof Object.seal)return!1;try{var b=Object.seal({x:4}),e=new a(g.makeIterator([b]));if(!e.has(b)||1!=e.size||e.add(b)!=e||1!=e.size||e.add({x:4})!=e||2!=e.size)return!1;var c=e.entries(),d=c.next();if(d.done||d.value[0]!=b||d.value[1]!=b)return!1;d=c.next();return d.done||
@@ -33,7 +33,7 @@ null!==c&&this.attributeChangedCallback(a,e,null,c,null)}n.isConnected(a)&&this.
 x.prototype.attributeChangedCallback=function(a,b,f,e,c){var d=a.__CE_definition;d.attributeChangedCallback&&-1<d.observedAttributes.indexOf(b)&&d.attributeChangedCallback.call(a,b,f,e,c)};w.default=x;var y={};function z(a,b){this._internals=a;this._document=b;this._observer=void 0;this._internals.patchAndUpgradeTree(this._document);"loading"===this._document.readyState&&(this._observer=new MutationObserver(this._handleMutations.bind(this)),this._observer.observe(this._document,{childList:!0,subtree:!0}))}z.prototype.disconnect=function(){this._observer&&this._observer.disconnect()};
 z.prototype._handleMutations=function(a){var b=this._document.readyState;"interactive"!==b&&"complete"!==b||this.disconnect();for(b=0;b<a.length;b++)for(var f=a[b].addedNodes,e=0;e<f.length;e++)this._internals.patchAndUpgradeTree(f[e])};y.default=z;var A={};function B(){var a=this;this._resolve=this._value=void 0;this._promise=new Promise(function(b){a._resolve=b;a._value&&b(a._value)})}B.prototype.resolve=function(a){if(this._value)throw Error("Already resolved.");this._value=a;this._resolve&&this._resolve(a)};B.prototype.toPromise=function(){return this._promise};A.default=B;var C={};function D(a){this._elementDefinitionIsRunning=!1;this._internals=a;this._whenDefinedDeferred=new Map;this._flushCallback=function(a){return a()};this._flushPending=!1;this._unflushedLocalNames=[];this._documentConstructionObserver=new y.default(a,document)}
 D.prototype.define=function(a,b){var f=this;if(!(b instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!n.isValidCustomElementName(a))throw new SyntaxError("The element name '"+a+"' is not valid.");if(this._internals.localNameToDefinition(a))throw Error("A custom element with name '"+a+"' has already been defined.");if(this._elementDefinitionIsRunning)throw Error("A custom element is already being defined.");this._elementDefinitionIsRunning=!0;var e,c,d,m,
-l;try{var q=function(a){var b=v[a];if(void 0!==b&&!(b instanceof Function))throw Error("The '"+a+"' callback must be a function.");return b},v=b.prototype;if(!(v instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");e=q("connectedCallback");c=q("disconnectedCallback");d=q("adoptedCallback");m=q("attributeChangedCallback");l=b.observedAttributes||[]}catch(Q){return}finally{this._elementDefinitionIsRunning=!1}this._internals.setDefinition(a,{localName:a,
+l;try{var q=function(a){var b=v[a];if(void 0!==b&&!(b instanceof Function))throw Error("The '"+a+"' callback must be a function.");return b},v=b.prototype;if(!(v instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");e=q("connectedCallback");c=q("disconnectedCallback");d=q("adoptedCallback");m=q("attributeChangedCallback");l=b.observedAttributes||[]}catch(P){return}finally{this._elementDefinitionIsRunning=!1}this._internals.setDefinition(a,{localName:a,
 constructor:b,connectedCallback:e,disconnectedCallback:c,adoptedCallback:d,attributeChangedCallback:m,observedAttributes:l,constructionStack:[]});this._unflushedLocalNames.push(a);this._flushPending||(this._flushPending=!0,this._flushCallback(function(){return f._flush()}))};
 D.prototype._flush=function(){if(!1!==this._flushPending)for(this._flushPending=!1,this._internals.patchAndUpgradeTree(document);0<this._unflushedLocalNames.length;){var a=this._unflushedLocalNames.shift();(a=this._whenDefinedDeferred.get(a))&&a.resolve(void 0)}};D.prototype.get=function(a){if(a=this._internals.localNameToDefinition(a))return a.constructor};
 D.prototype.whenDefined=function(a){if(!n.isValidCustomElementName(a))return Promise.reject(new SyntaxError("'"+a+"' is not a valid custom element name."));var b=this._whenDefinedDeferred.get(a);if(b)return b.toPromise();b=new A.default;this._whenDefinedDeferred.set(a,b);this._internals.localNameToDefinition(a)&&-1===this._unflushedLocalNames.indexOf(a)&&b.resolve(void 0);return b.toPromise()};
@@ -52,8 +52,8 @@ c);for(var e=0;e<d.length;e++)a.disconnectTree(d[e]);if(n.isConnected(this))for(
 b.remove=function(){var b=n.isConnected(this);f.remove.call(this);b&&a.disconnectTree(this)}}};var M={default:function(a){function b(b,d){Object.defineProperty(b,"innerHTML",{enumerable:d.enumerable,configurable:!0,get:d.get,set:function(b){var c=this,e=void 0;n.isConnected(this)&&(e=[],n.walkDeepDescendantElements(this,function(a){a!==c&&e.push(a)}));d.set.call(this,b);if(e)for(var f=0;f<e.length;f++){var m=e[f];m.__CE_state===u.default.custom&&a.disconnectedCallback(m)}this.ownerDocument.__CE_hasRegistry?a.patchAndUpgradeTree(this):a.patchTree(this);return b}})}function f(b,d){n.setPropertyUnchecked(b,
 "insertAdjacentElement",function(b,c){var e=n.isConnected(c);b=d.call(this,b,c);e&&a.disconnectTree(c);n.isConnected(b)&&a.connectTree(c);return b})}E.default.Element_attachShadow?n.setPropertyUnchecked(Element.prototype,"attachShadow",function(a){return this.__CE_shadowRoot=a=E.default.Element_attachShadow.call(this,a)}):console.warn("Custom Elements: `Element#attachShadow` was not patched.");if(E.default.Element_innerHTML&&E.default.Element_innerHTML.get)b(Element.prototype,E.default.Element_innerHTML);
 else if(E.default.HTMLElement_innerHTML&&E.default.HTMLElement_innerHTML.get)b(HTMLElement.prototype,E.default.HTMLElement_innerHTML);else{var e=E.default.Document_createElement.call(document,"div");a.addPatch(function(a){b(a,{enumerable:!0,configurable:!0,get:function(){return E.default.Node_cloneNode.call(this,!0).innerHTML},set:function(a){var b="template"===this.localName?this.content:this;for(e.innerHTML=a;0<b.childNodes.length;)E.default.Node_removeChild.call(b,b.childNodes[0]);for(;0<e.childNodes.length;)E.default.Node_appendChild.call(b,
-e.childNodes[0])}})})}n.setPropertyUnchecked(Element.prototype,"setAttribute",function(b,d){if(this.__CE_state!==u.default.custom)return E.default.Element_setAttribute.call(this,b,d);var c=E.default.Element_getAttribute.call(this,b);E.default.Element_setAttribute.call(this,b,d);d=E.default.Element_getAttribute.call(this,b);c!==d&&a.attributeChangedCallback(this,b,c,d,null)});n.setPropertyUnchecked(Element.prototype,"setAttributeNS",function(b,d,e){if(this.__CE_state!==u.default.custom)return E.default.Element_setAttributeNS.call(this,
-b,d,e);var c=E.default.Element_getAttributeNS.call(this,b,d);E.default.Element_setAttributeNS.call(this,b,d,e);e=E.default.Element_getAttributeNS.call(this,b,d);c!==e&&a.attributeChangedCallback(this,d,c,e,b)});n.setPropertyUnchecked(Element.prototype,"removeAttribute",function(b){if(this.__CE_state!==u.default.custom)return E.default.Element_removeAttribute.call(this,b);var c=E.default.Element_getAttribute.call(this,b);E.default.Element_removeAttribute.call(this,b);null!==c&&a.attributeChangedCallback(this,
+e.childNodes[0])}})})}n.setPropertyUnchecked(Element.prototype,"setAttribute",function(b,d){if(this.__CE_state!==u.default.custom)return E.default.Element_setAttribute.call(this,b,d);var c=E.default.Element_getAttribute.call(this,b);E.default.Element_setAttribute.call(this,b,d);d=E.default.Element_getAttribute.call(this,b);a.attributeChangedCallback(this,b,c,d,null)});n.setPropertyUnchecked(Element.prototype,"setAttributeNS",function(b,d,e){if(this.__CE_state!==u.default.custom)return E.default.Element_setAttributeNS.call(this,
+b,d,e);var c=E.default.Element_getAttributeNS.call(this,b,d);E.default.Element_setAttributeNS.call(this,b,d,e);e=E.default.Element_getAttributeNS.call(this,b,d);a.attributeChangedCallback(this,d,c,e,b)});n.setPropertyUnchecked(Element.prototype,"removeAttribute",function(b){if(this.__CE_state!==u.default.custom)return E.default.Element_removeAttribute.call(this,b);var c=E.default.Element_getAttribute.call(this,b);E.default.Element_removeAttribute.call(this,b);null!==c&&a.attributeChangedCallback(this,
 b,c,null,null)});n.setPropertyUnchecked(Element.prototype,"removeAttributeNS",function(b,d){if(this.__CE_state!==u.default.custom)return E.default.Element_removeAttributeNS.call(this,b,d);var c=E.default.Element_getAttributeNS.call(this,b,d);E.default.Element_removeAttributeNS.call(this,b,d);var e=E.default.Element_getAttributeNS.call(this,b,d);c!==e&&a.attributeChangedCallback(this,d,c,e,b)});E.default.HTMLElement_insertAdjacentElement?f(HTMLElement.prototype,E.default.HTMLElement_insertAdjacentElement):
 E.default.Element_insertAdjacentElement?f(Element.prototype,E.default.Element_insertAdjacentElement):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");I.default(a,Element.prototype,{prepend:E.default.Element_prepend,append:E.default.Element_append});L.default(a,Element.prototype,{before:E.default.Element_before,after:E.default.Element_after,replaceWith:E.default.Element_replaceWith,remove:E.default.Element_remove})}};/*
 
@@ -64,5 +64,5 @@ E.default.Element_insertAdjacentElement?f(Element.prototype,E.default.Element_in
  Code distributed by Google as part of the polymer project is also
  subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
-var N=window.customElements;if(window.MutationObserver&&(!N||N.forcePolyfill||"function"!=typeof N.define||"function"!=typeof N.get)){var O=new w.default;H.default(O);J.default(O);K.default(O);M.default(O);document.__CE_hasRegistry=!0;var P=new C.default(O);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:P})};
+var N=window.customElements;if(!N||N.forcePolyfill||"function"!=typeof N.define||"function"!=typeof N.get){var O=new w.default;H.default(O);J.default(O);K.default(O);M.default(O);document.__CE_hasRegistry=!0;var customElements=new C.default(O);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:customElements})};
 }).call(self);

data/vendor/assets/javascripts/polyfills/native-shim.coffee

@@ -68,7 +68,7 @@ if window.customElements
     // ptototype chain of built-in elements.
     window.HTMLElement.prototype = NativeHTMLElement.prototype;
 
-    window.customElements.define = (tagname, elementClass) => {
+    const define = (tagname, elementClass) => {
       const elementProto = elementClass.prototype;
       const StandInElement = class extends NativeHTMLElement {
         constructor() {
@@ -102,7 +102,16 @@ if window.customElements
       nativeDefine.call(window.customElements, tagname, StandInElement);
     };
 
-    window.customElements.get = (tagname) => constructorByTagname.get(tagname);
+    const get = (tagname) => constructorByTagname.get(tagname);
+
+    // Workaround for Safari bug where patching customElements can be lost, likely
+    // due to native wrapper garbage collection issue
+    Object.defineProperty(window, 'customElements',
+      {value: window.customElements, configurable: true, writable: true});
+    Object.defineProperty(window.customElements, 'define',
+      {value: define, configurable: true, writable: true});
+    Object.defineProperty(window.customElements, 'get',
+      {value: get, configurable: true, writable: true});
 
   })();
-  '''
+'''

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tao_on_rails
 version: !ruby/object:Gem::Version
-  version: 0.8.2
+  version: 0.9.0
 platform: ruby
 authors:
 - Siyuan Liu
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-05-21 00:00:00.000000000 Z
+date: 2017-06-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: turbolinks
@@ -17,70 +17,70 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: 5.0.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: 5.0.1
 - !ruby/object:Gem::Dependency
   name: jquery-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: 4.3.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: 4.3.1
 - !ruby/object:Gem::Dependency
   name: lodash-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.16'
+        version: 4.17.4
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.16'
+        version: 4.17.4
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 5.0.3
+        version: 5.1.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 5.0.3
+        version: 5.1.1
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.3'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.3'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: blade
   requirement: !ruby/object:Gem::Requirement
@@ -101,28 +101,28 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.6.2
+        version: 0.7.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.6.2
+        version: 0.7.0
 - !ruby/object:Gem::Dependency
-  name: nokogiri
+  name: mocha
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.7'
+        version: 1.2.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.7'
+        version: 1.2.1
 description: Ruby on Rails lacks a recommended way to structure your frontend code
   for many years. Tao on Rails is the framework to fill the gap which will modularize
   your page with the new Custom Elements v1 API.
@@ -137,7 +137,7 @@ files:
 - README.md
 - Rakefile
 - lib/assets/javascripts/tao/application.coffee
-- lib/assets/javascripts/tao/attribute_parser.coffee
+- lib/assets/javascripts/tao/attribute_manager.coffee
 - lib/assets/javascripts/tao/component.coffee
 - lib/assets/javascripts/tao/helpers.coffee
 - lib/assets/javascripts/tao/index.coffee
@@ -186,8 +186,8 @@ files:
 - lib/tao_on_rails/engine.rb
 - lib/tao_on_rails/version.rb
 - vendor/assets/javascripts/polyfills/custom-elements.js
+- vendor/assets/javascripts/polyfills/index.coffee
 - vendor/assets/javascripts/polyfills/native-shim.coffee
-- vendor/assets/javascripts/polyfills/polyfills.coffee
 homepage: https://github.com/mycolorway/tao_on_rails
 licenses:
 - MIT
@@ -200,7 +200,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 2.3.1
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
@@ -208,7 +208,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.6.11
 signing_key: 
 specification_version: 4
 summary: The missing frontend solution for Rails project

data/lib/assets/javascripts/tao/attribute_parser.coffee

@@ -1,110 +0,0 @@
-#= require ./module
-
-parser = null
-
-class TaoAttributeParser extends TaoModule
-
-  @defaultOptions =
-    type: 'string'
-
-  @getParser: ->
-    parser ||= new TaoAttributeParser()
-
-  @parse: (value, options = {}) ->
-    parser = @getParser()
-    options = _.extend {}, @defaultOptions, options
-    if parse = parser["_#{_.camelCase "parse_#{options.type}"}"]
-      parse.call parser, value, options
-    else
-      value
-
-  @stringify: (value, options = {}) ->
-    parser = @getParser()
-    options = _.extend {}, @defaultOptions, options
-    if stringify = parser["_#{_.camelCase "stringify_#{options.type}"}"]
-      stringify.call parser, value, options
-    else
-      value
-
-  _parseString: (value, options) ->
-    value || options.default || ''
-
-  _parseNumber: (value, options) ->
-    value = parseFloat value
-    if _.isNaN value
-      options.default || 0
-    else
-      value
-
-  _parseBoolean: (value, options) ->
-    if _.isNil value
-      options.default || false
-    else if value == 'true'
-      true
-    else if value == 'false'
-      false
-    else
-      !!value
-
-  @aliasMethod '_parseBool', '_parseBoolean'
-
-  _parseHash: (value, options) ->
-    if _.isString value
-      try
-        JSON.parse value
-      catch e
-        options.default || null
-    else
-      options.default || null
-
-  @aliasMethod '_parseObject', '_parseHash'
-
-  _parseArray: (value, options) ->
-    if _.isString value
-      try
-        JSON.parse value
-      catch e
-        options.default || null
-    else
-      options.default || null
-
-  _stringifyString: (value, options) ->
-    value.toString()
-
-  _stringifyNumber: (value, options) ->
-    value.toString()
-
-  _stringifyBoolean: (value, options) ->
-    unless _.isBoolean value
-      value = options.default || false
-
-    if value == true
-      'true'
-    else if value == false
-      'false'
-    else
-      null
-
-  @aliasMethod '_stringifyBool', '_stringifyBoolean'
-
-  _stringifyHash: (value, options) ->
-    unless _.isObject value
-      value = options.default || {}
-
-    try
-      JSON.stringify value
-    catch e
-      '{}'
-
-  @aliasMethod '_stringifyObject', '_stringifyHash'
-
-  _stringifyArray: (value, options) ->
-    unless _.isObject value
-      value = options.default || []
-
-    try
-      JSON.stringify value
-    catch e
-      '[]'
-
-Tao.AttributeParser = window.TaoAttributeParser = TaoAttributeParser