bowser 0.1.6 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ac48b6c960c686e0e71ad73fb054d97bb489e952
-  data.tar.gz: 4e9c12c81572ccce1211749da99ef252751ff7b9
+  metadata.gz: 4e07cbed8dbba587239bd6773b8b773d91195bda
+  data.tar.gz: a2cb7057cc1c44b61fe984a0a62f894be35e4cd3
 SHA512:
-  metadata.gz: d761d6abc3d00bfd153a030d076cf214e3cc2dba5550e6a1dd824b641b5bc6f3e6be7636b2eaf055af7a5d2cda5bd39ed0e95957c2f50db959586fd5d3e77e50
-  data.tar.gz: efa04ac75ec95bc480b2aebebd064d24f7445b2eb037359e7c37d9c6bdf12ac44e1294d6ae075027a2dad03f8c70b62aff02a69d11d59f553a94e1ec4d26790a
+  metadata.gz: cbfbe22f47b55da1d77c8c29613c950143c8604c7eca48c264536f221a3c577109c3a7b17b7e58453d6d27985f606d52065d41604f526cd0c339969def96ac22
+  data.tar.gz: 5b5d6a3ef2917d336c47febfea38b0b1c1e14a25a24457d6ef304c42193cb59f032a9273733bfcf13e8069bf313094a21e069673fdbbc379f1fabb3da0d5dfa8

data/.travis.yml

@@ -1,4 +1,7 @@
 language: ruby
 rvm:
-  - 2.2.3
-before_install: gem install bundler -v 1.10.6
+  - 2.2.5
+  - 2.3.1
+  - jruby-9.0.5.0
+  - jruby-9.1.1.0
+before_install: gem install bundler

data/CHANGELOG.md

@@ -0,0 +1,48 @@
+## Version 0.2.0
+
+- Allow specifying methods for HTTP requests, including file uploads
+- Add `Element#to_n` and `Event#to_n` to unwrap the native objects
+- Make HTTP events just use `Bowser::Event` instead of their own type
+- Proxy all native element/event properties
+  - This provides the following types of translations from Ruby method names to JS property names:
+    - `element.text_content` in Ruby becomes `element.textContent` in JS
+    - Predicates like `element.content_editable?` checks for `contentEditable` and `isContentEditable` properties, preferring the version without `is` if both exist.
+    - If the property is a function, it gets called.
+    - No wrapping of results is done for proxied properties. You get the raw JS value back.
+- Add `Element#children` to wrap child nodes in `Bowser::Element` objects
+- Add `Bowser.window.location.hash`
+- Add `Bowser.window.has_push_state?`
+- Use `load` event for `Bowser::HTTP::Request` instead of `success`. It was causing problems and `load` is the canonical event to use.
+
+## Version 0.1.5
+
+- Fix `animation_frame` polyfill delay
+- Add the abillity to upload files directly from file input elements
+  - Allowing this instead of reading the files in first is a HUGE memory savings for large files. It uses the browser's internal streaming capabilities so we don't need to load the full file into memory.
+- Memoize file read data
+
+## Version 0.1.4
+
+- Relax Opal version restriction to 0.8-0.11
+- Add `Bowser::HTTP::Response#text` to get the raw response body instead of assuming JSON
+- Fix JSON dependency loading instead of assuming it's there
+
+## Version 0.1.3
+
+- Add `Event#stop_propagation`
+- Add first-class support for `file` input fields
+
+## Version 0.1.2
+
+- Add `Bowser::Window::Location#href`
+- Fix missing element check for `Document#[]`
+
+## Version 0.1.1
+
+- Add `Window#scroll`
+- Add `Window::History#push`
+- Add WebSocket support
+
+## Version 0.1.0
+
+- Initial release

data/lib/bowser/version.rb

@@ -1,3 +1,3 @@
 module Bowser
-  VERSION = "0.1.6"
+  VERSION = "0.2.0"
 end

data/opal/bowser/element.rb

@@ -18,24 +18,49 @@ module Bowser
       `#@native.innerHTML`
     end
 
-    def clear
+    def inner_html= html
+      `#@native.innerHTML = html`
+    end
+
+    def children
+      elements = []
+
       %x{
-          var native = #@native;
-
-          if(native.nodeName === 'INPUT' || native.nodeName === 'TEXTAREA') {
-            native.value = null;
-          } else {
-            var children = native.children;
-            for(var i = 0; i < children.length; i++) {
-              children[i].remove();
-            }
-          }
+        var children = #@native.children;
+        for(var i = 0; i < children.length; i++) {
+          elements[i] = #{Element.new(`children[i]`)};
+        }
       }
+
+      elements
+    end
+
+    def empty?
+      `#@native.children.length === 0`
+    end
+
+    def clear
+      if %w(input textarea).include? type
+        `#@native.value = null`
+      else
+        children.each do |child|
+          remove_child child
+        end
+      end
+
       self
     end
 
+    def remove_child child
+      `#@native.removeChild(child.native ? child.native : child)`
+    end
+
+    def type
+      `#@native.nodeName`.downcase
+    end
+
     def append node
-      `#@native.appendChild(node)`
+      `#@native.appendChild(node.native ? node.native : node)`
       self
     end
 
@@ -44,10 +69,6 @@ module Bowser
       `!!#@native.checked`
     end
 
-    def value
-      `#@native.value`
-    end
-
     # Convenience for when you only need a single file
     def file
       files.first
@@ -56,5 +77,48 @@ module Bowser
     def files
       FileList.new(`#@native.files`)
     end
+
+    # Fall back to native properties.
+    def method_missing message, *args, &block
+      camel_cased_message = message
+        .gsub(/_\w/) { |match| match[1].upcase }
+        .sub(/=$/, '')
+
+      # translate setting a property
+      if message.end_with? '='
+        return `#@native[camel_cased_message] = args[0]`
+      end
+
+      # translate `supported?` to `supported` or `isSupported`
+      if message.end_with? '?'
+        camel_cased_message = camel_cased_message.chop
+        property_type = `typeof(#@native[camel_cased_message])`
+        if property_type == 'undefined'
+          camel_cased_message = "is#{camel_cased_message[0].upcase}#{camel_cased_message[1..-1]}"
+        end
+      end
+
+      # If the native element doesn't have this property, bubble it up
+      super if `typeof(#@native[camel_cased_message]) === 'undefined'`
+
+      property = `#@native[camel_cased_message]`
+
+      if `property === false`
+        return false
+      else
+        property = `property || nil`
+      end
+
+      # If it's a method, call it. Otherwise, return it.
+      if `typeof(property) === 'function'`
+        `property.apply(#@native, args)`
+      else
+        property
+      end
+    end
+
+    def to_n
+      @native
+    end
   end
 end

data/opal/bowser/event.rb

@@ -50,5 +50,9 @@ module Bowser
         super
       end
     end
+
+    def to_n
+      @native
+    end
   end
 end

data/opal/bowser/http.rb

@@ -8,9 +8,9 @@ module Bowser
   module HTTP
     module_function
 
-    def fetch(url)
+    def fetch(url, method: :get)
       promise = Promise.new
-      request = Request.new(:get, url)
+      request = Request.new(method, url)
 
       connect_events_to_promise request, promise
 
@@ -19,9 +19,9 @@ module Bowser
       promise
     end
 
-    def upload(url, data, content_type: 'application/json')
+    def upload(url, data, content_type: 'application/json', method: :post)
       promise = Promise.new
-      request = Request.new(:post, url)
+      request = Request.new(method, url)
 
       connect_events_to_promise request, promise
 
@@ -30,9 +30,9 @@ module Bowser
       promise
     end
 
-    def upload_files(url, files, key: 'files', key_suffix: '[]')
+    def upload_files(url, files, key: 'files', key_suffix: '[]', method: :post)
       promise = Promise.new
-      request = Request.new(:post, url)
+      request = Request.new(method, url)
 
       connect_events_to_promise request, promise
 
@@ -46,8 +46,8 @@ module Bowser
       promise
     end
 
-    def upload_file(url, file, key: 'file')
-      upload_files(url, [file], key: key, key_suffix: nil)
+    def upload_file(url, file, key: 'file', method: :post)
+      upload_files(url, [file], key: key, key_suffix: nil, method: method)
     end
 
     def connect_events_to_promise(request, promise)

data/opal/bowser/http/request.rb

@@ -1,5 +1,5 @@
 require 'bowser/http/response'
-require 'bowser/http/event'
+require 'bowser/event_target'
 
 module Bowser
   module HTTP

data/opal/bowser/window.rb

@@ -41,6 +41,14 @@ module Bowser
     module Location
       module_function
 
+      def hash
+        `window.location.hash`
+      end
+
+      def hash= hash
+        `window.location.hash = hash`
+      end
+
       def path
         `window.location.pathname`
       end
@@ -57,6 +65,10 @@ module Bowser
     module History
       module_function
 
+      def has_push_state?
+        `!!window.history.pushState`
+      end
+
       def push path
         `window.history.pushState({}, '', path)`
       end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bowser
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.2.0
 platform: ruby
 authors:
 - Jamie Gaskins
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-03-18 00:00:00.000000000 Z
+date: 2016-07-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -82,6 +82,7 @@ files:
 - ".gitignore"
 - ".rspec"
 - ".travis.yml"
+- CHANGELOG.md
 - CODE_OF_CONDUCT.md
 - Gemfile
 - LICENSE.md
@@ -99,7 +100,6 @@ files:
 - opal/bowser/event_target.rb
 - opal/bowser/file_list.rb
 - opal/bowser/http.rb
-- opal/bowser/http/event.rb
 - opal/bowser/http/form_data.rb
 - opal/bowser/http/request.rb
 - opal/bowser/http/response.rb
@@ -125,7 +125,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5.1
+rubygems_version: 2.6.6
 signing_key: 
 specification_version: 4
 summary: Minimalist browser support for Opal apps

data/opal/bowser/http/event.rb

@@ -1,9 +0,0 @@
-module Bowser
-  module HTTP
-    class Event
-      def initialize native
-        @native = native
-      end
-    end
-  end
-end