opal-ferro 0.10.2 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f2d8c1d43bb035ec89c3ec3b1508845063b0b941f4384d353de5cfd496349f93
-  data.tar.gz: 3090d75958d6331a6957cd7e92406bf4e718ece68ee9b2dc0e7e92d1d0e64052
+  metadata.gz: f3dc7878f088ace5e89025b2525e0af6c679abcf77e8eabd082a9bad1ec41eb4
+  data.tar.gz: df364ec87ee3e4c53dedfb34cd3993ee1fab6aa634405bb496a8e275489b8c55
 SHA512:
-  metadata.gz: ed7efe3c96aaede6364c1c9c8519ebd071e8d8b6c5643134a55064ea5156600961fd2acd007da5e2faddce2bd6962712c351e790cfe99ca5997c0b2016450e41
-  data.tar.gz: ecd0acb39193f98faabb31da93383d9de08b1fccfb03cde7c34784661d3eaa2ff292aa4f069c7456f3ab2a786c330b832fe99797145c584e55d52c8e1d64962c
+  metadata.gz: db30658f5724d7bcd2b2871fcf70ed24d9699fa8d6053fcc5d6825e6a5fef27269f230c132f67a656dd1e5855c013fc56cdeeed8708ade8ff426b3419c028dc5
+  data.tar.gz: 64cd257b63bd3ef156418429e75b50718eb81397c82db0ad5f79dc6eff3868ca18f1cbb56988c58a2fc36cc4bc7445603de73c68508c3bd0b8efbb04305a1a1c

data/CHANGELOG.md

@@ -1,3 +1,13 @@
+# 0.11.0 - April 10, 2019
+
+[0.11.0]: https://github.com/easydatawarehousing/opal-ferro/compare/v0.10.2...v0.11.0
+
+- Dont add ruby classnames to DOM elements when using the style compositor
+- Add underscore prefix to dom id's to ensure id's are strings
+- Added dom_id and value= methods
+- Added button and video elements
+- Updated opal version to 0.11+
+
 # 0.10.2 - June 1, 2018
 
 [0.10.2]: https://github.com/easydatawarehousing/opal-ferro/compare/v0.10.1...v0.10.2

data/README.md

@@ -1,7 +1,7 @@
 # Opal-Ferro
 
 [![Documentation](http://img.shields.io/badge/docs-rdoc.info-blue.svg)](http://rubydoc.org/gems/opal-ferro)
-[![Gem Version](https://img.shields.io/badge/gem%20version-0.10.2-blue.svg)](https://github.com/easydatawarehousing/opal-ferro/releases)
+[![Gem Version](https://img.shields.io/badge/gem%20version-0.11.0-blue.svg)](https://github.com/easydatawarehousing/opal-ferro/releases)
 [![License](http://img.shields.io/badge/license-MIT-yellowgreen.svg)](#license)
 
 Ferro is a small Ruby library on top of [Opal](http://opalrb.com/)

data/docs/GettingStarted.md

@@ -194,7 +194,7 @@ Add the compositor like this:
 
     class Document < Ferro::Document
       def before_create
-        @compositor = AppCompositor.new :dark
+        @compositor = MyCompositor.new :dark
       end
     end
 

data/lib/opal-ferro/version.rb

@@ -6,8 +6,8 @@ module Opal
     # Opal-Ferro follows the versioning scheme of Opal.
     # The first two parts of the version number of Ferro imply
     # compatibility with the Opal version with that same number.
-    # So Ferro 0.10.x should be compatible with and dependant
-    # on Opal 0.10.x.
-    VERSION = "0.10.2"
+    # So Ferro 0.11.x should be compatible with and dependant
+    # on Opal 0.11.x.
+    VERSION = "0.11.0"
   end
 end

data/opal-ferro.gemspec

@@ -23,11 +23,11 @@ Gem::Specification.new do |s|
   s.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
   s.require_paths = ['lib']
 
-  s.add_dependency 'opal', '~> 0.10'
+  s.add_dependency 'opal', '~> 0.11'
 
-  s.add_development_dependency 'bundler',  '~> 1.16'
-  s.add_development_dependency 'rake',     '~> 10.0'
-  s.add_development_dependency 'yard',     '~> 0.9.12'
-  s.add_development_dependency 'minitest', '~> 5.0'
+  s.add_development_dependency 'bundler'
+  s.add_development_dependency 'rake'
+  s.add_development_dependency 'yard',     '~> 0.9.19'
+  s.add_development_dependency 'minitest'
   # s.add_development_dependency 'selenium-webdriver', '~> 3.8'
 end

data/opal/opal-ferro/elements/ferro_form.js.rb

@@ -32,12 +32,12 @@ module Ferro
         @disabled = option_replace :disabled, false
       end
 
-      # Setter method for input value.
+      # Getter method for input value.
       def value
         `#{@element}.value`
       end
 
-      # Getter method for input value.
+      # Setter method for input value.
       def value=(value)
         `#{@element}.value = #{value}`
       end

data/opal/opal-ferro/elements/ferro_inline.js.rb

@@ -146,5 +146,25 @@ module Ferro
         @options[:target] ||= '_blank'
       end
     end
+
+    # Creates a button (see form elements for 'input type: button').
+    # In the DOM creates a: <input type='button'>.
+    class Button < BaseElement
+
+      # Internal method.
+      def _before_create
+        @domtype = :button
+      end
+
+      # Internal method.
+      def _after_create
+        `#{@element}.addEventListener("click",function(e){#{clicked};document.activeElement.blur()})`
+        super
+      end
+
+      # Override this method to define what happens after
+      # element has been clicked.
+      def clicked;end
+    end
   end
 end

data/opal/opal-ferro/elements/ferro_misc.js.rb

@@ -1,6 +1,6 @@
 module Ferro
   module Element
-    # Creates a miscellaneous element.
+    # Creates an image element.
     # In the DOM creates a: <img>.
     # Will be changed to use <figure> and <figcaption>
     # Specify option :src to set the source url.
@@ -13,7 +13,17 @@ module Ferro
       end
     end
 
-    # Creates a miscellaneous element.
+    # Creates a video element.
+    # In the DOM creates a: <canvas>.
+    class Video < BaseElement
+
+      # Internal method.
+      def _before_create
+        @domtype = :video
+      end
+    end
+
+    # Creates a canvas element.
     # In the DOM creates a: <canvas>.
     class Canvas < BaseElement
 

data/opal/opal-ferro/ferro_base_element.js.rb

@@ -126,11 +126,11 @@ module Ferro
     def classify_state(state)
       if state[1]
         state[0].each do |name|
-          `#{element}.classList.add(#{name})`
+          `#{@element}.classList.add(#{name})`
         end
       else
         state[0].each do |name|
-          `#{element}.classList.remove(#{name})`
+          `#{@element}.classList.remove(#{name})`
         end
       end
     end
@@ -157,6 +157,14 @@ module Ferro
       `#{@element}.textContent`
     end
 
+    # Set the current html value of the element
+    # Useful for input elements
+    #
+    # @param [String] The new value
+    def value=(value)
+      `#{@element}.value = #{value}`
+    end
+
     # Set the current text content of the element
     #
     # @param [String] value The new text value
@@ -179,9 +187,9 @@ module Ferro
     # @param [String] value The attribute value
     def set_attribute(name, value)
       if name == 'scrollTop'
-        `#{element}.scrollTop=#{value}`
+        `#{@element}.scrollTop=#{value}`
       else
-        `#{element}.setAttribute(#{name}, #{value})`
+        `#{@element}.setAttribute(#{name}, #{value})`
       end
     end
 
@@ -189,7 +197,14 @@ module Ferro
     #
     # @param [String] name The attribute name
     def remove_attribute(name)
-      `#{element}.removeAttribute(#{name})`
+      `#{@element}.removeAttribute(#{name})`
+    end
+
+    # Get the id of the elements corresponding DOM element
+    #
+    # @return [String] The id
+    def dom_id
+      "_#{self.object_id}"
     end
   end
 end

data/opal/opal-ferro/ferro_compositor.js.rb

@@ -35,9 +35,9 @@ module Ferro
     end
 
     # Internal method to get mapping from selected map.
-    def css_classes_for_map(classname, map)
-      css = map[classname]
-      css.class == String ? css_classes_for_map(css, map) : (css || [])
+    def css_classes_for_map(classname, mapping)
+      css = mapping[classname]
+      css.class == String ? css_classes_for_map(css, mapping) : (css || [])
     end
 
     # Internal method to switch to a new theme.

data/opal/opal-ferro/ferro_factory.js.rb

@@ -35,22 +35,24 @@ module Ferro
         `#{parent.element}.appendChild(#{element})`
       end
 
-      # Add ruby class to the node
-      `#{element}.classList.add(#{dasherize(target.class.name)})`
+      if !@compositor
+        # Add ruby class to the node
+        `#{element}.classList.add(#{dasherize(target.class.name)})`
 
-      # Add ruby superclass to the node to allow for more generic styling
-      if target.class.superclass != BaseElement
-        `#{element}.classList.add(#{dasherize(target.class.superclass.name)})`
+        # Add ruby superclass to the node to allow for more generic styling
+        if target.class.superclass != BaseElement
+          `#{element}.classList.add(#{dasherize(target.class.superclass.name)})`
+        end
+      else
+        # Add classes defined by compositor
+        composite_classes(target, element, target.class.superclass != BaseElement)
       end
 
-      # Add classes defined by compositor
-      composite_classes(target, element, target.class.superclass != BaseElement)
-
       # Set ruby object_id as default element id
       if !options.has_key?(:id)
-        `#{element}.id = #{target.object_id}`
+        `#{element}.id = '_' + #{target.object_id}`
       end
-          
+
       # Set attributes
       options.each do |name, value|
         case name

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: opal-ferro
 version: !ruby/object:Gem::Version
-  version: 0.10.2
+  version: 0.11.0
 platform: ruby
 authors:
 - Ivo Herweijer
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-06-01 00:00:00.000000000 Z
+date: 2019-04-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -16,70 +16,70 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.10'
+        version: '0.11'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.10'
+        version: '0.11'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: yard
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.9.12
+        version: 0.9.19
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.9.12
+        version: 0.9.19
 - !ruby/object:Gem::Dependency
   name: minitest
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: '0'
 description: Ferro is a small Ruby library on top of Opal that enables an object-oriented
   programming style for creating code that runs in the webbrowser. No more distractions
   like HTML and searching for DOM elements, just beautiful and simple Ruby code. Front-End-Ruby-ROcks!
@@ -141,7 +141,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 2.7.7
 signing_key: 
 specification_version: 4
 summary: 'Simplifying web-development: no more html, just beautiful and simple Ruby