opal-browser 0.3.3 → 0.3.5

data/opal/browser/dom/element/select.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Select < Element
@@ -14,9 +16,7 @@ class Select < Element
     }
   end
 
-  def value= value
-    `#@native.value = #{value.to_n}`
-  end
+  alias_native :value=
 
   def labels
     NodeSet[Native::Array.new(`#@native.labels`)]
@@ -30,10 +30,7 @@ class Select < Element
     DOM(`#@native.options[#@native.selectedIndex]`)
   end
 
-  def index
-    `#@native.selectedIndex`
-  end
-
+  alias_native :index, :selectedIndex
   alias_native :multiple?, :multiple
   alias_native :required?, :required
   alias_native :length

data/opal/browser/dom/element/size.rb

@@ -1,6 +1,8 @@
 module Browser; module DOM; class Element < Node
 
 class Size
+  include Native::Wrapper
+
   attr_reader :element
 
   # @private
@@ -12,9 +14,7 @@ class Size
 
   # @!attribute width
   # @return [Integer] the element width
-  def width
-    `#@native.offsetWidth`
-  end
+  alias_native :width, :offsetWidth
 
   def width=(value)
     @element.style[:width] = value
@@ -22,9 +22,7 @@ class Size
 
   # @!attribute height
   # @return [Integer] the element height
-  def height
-    `#@native.offsetHeight`
-  end
+  alias_native :height, :offsetHeight
 
   def height=(value)
     @element.style[:height] = value
@@ -32,15 +30,11 @@ class Size
 
   # @!attribute client_width
   # @return [Integer] the content-box width of an element
-  def client_width
-    `#@native.clientWidth`
-  end
+  alias_native :client_width, :clientWidth
 
   # @!attribute client_height
   # @return [Integer] the content-box height of an element
-  def client_height
-    `#@native.clientHeight`
-  end
+  alias_native :client_height, :clientHeight
 end
 
 end; end; end

data/opal/browser/dom/element/template.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Template < Element

data/opal/browser/dom/element/textarea.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Textarea < Element
@@ -14,9 +16,7 @@ class Textarea < Element
     }
   end
 
-  def value=(value)
-    `#@native.value = #{value}`
-  end
+  alias_native :value=
 
   def clear
     `#@native.value = ''`

data/opal/browser/dom/element.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 # Requires are moved to the bottom of this file.
 
 module Browser; module DOM
@@ -367,6 +369,8 @@ class Element < Node
     self << node
   end
 
+  alias children= inner_dom=
+
   # @!attribute inner_html
   # @return [String] the inner HTML of the element
   def inner_html

data/opal/browser/dom/mutation_observer.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module DOM
 
 # A {MutationObserver} is a performant way to observe changes in the DOM,

data/opal/browser/dom/node.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module DOM
 
 # Abstract class for all DOM node types.

data/opal/browser/dom/node_set.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module DOM
 
 # Allows manipulation of a set of {Node}s.

data/opal/browser/dom/text.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module DOM
 
 # Encapsulates a text node.

data/opal/browser/dom.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'browser/dom/node_set'
 require 'browser/dom/node'
 require 'browser/dom/attribute'

data/opal/browser/effects.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'browser/animation_frame'
 
 module Browser; module DOM

data/opal/browser/event/animation.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Animation < Event
@@ -8,13 +10,9 @@ class Animation < Event
   end
 
   class Definition < Definition
-    def animation=(value)
-      `#@native.animationName = #{value}`
-    end
-
-    def elapsed=(value)
-      `#@native.elapsedTime = #{value}`
-    end
+    alias_native :name=, :animationName=
+    alias_native :animation=, :animationName=
+    alias_native :elapsed=, :elapsedTime=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/audio_processing.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class AudioProcessing < Event
@@ -8,17 +10,9 @@ class AudioProcessing < Event
   end
 
   class Definition < Definition
-    def time=(value)
-      `#@native.playbackTime = #{value}`
-    end
-
-    def input=(value)
-      `#@native.inputBuffer = #{value}`
-    end
-
-    def output=(value)
-      `#@native.outputBuffer = #{value}`
-    end
+    alias_native :time=, :playbackTime=
+    alias_native :input=, :inputBuffer=
+    alias_native :output=, :outputBuffer=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/base.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser
 
 class Event
@@ -16,14 +18,10 @@ class Event
     end
 
     # Set the event as bubbling.
-    def bubbles=(value)
-      `#@native.bubbles = #{value}`
-    end
+    alias_native :bubbles=
 
     # Set the event as cancelable.
-    def cancelable=(value)
-      `#@native.cancelable = #{value}`
-    end
+    alias_native :cancelable=
   end
 
   module Target

data/opal/browser/event/before_unload.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class BeforeUnload < Event

data/opal/browser/event/clipboard.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Clipboard < Event
@@ -8,13 +10,8 @@ class Clipboard < Event
   end
 
   class Definition < Definition
-    def data=(value)
-      `#@native.data = #{value}`
-    end
-
-    def type=(value)
-      `#@native.dataType = #{value}`
-    end
+    alias_native :data=
+    alias_native :type=, :dataType=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/close.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Close < Event
@@ -8,13 +10,8 @@ class Close < Event
   end
 
   class Definition < Definition
-    def code=(value)
-      `#@native.code = #{value}`
-    end
-
-    def reason=(value)
-      `#@native.reason = #{value}`
-    end
+    alias_native :code=
+    alias_native :reason=
 
     def clean!(value)
       `#@native.wasClean = true`

data/opal/browser/event/composition.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Composition < UI
@@ -8,13 +10,8 @@ class Composition < UI
   end
 
   class Definition < UI::Definition
-    def data=(value)
-      `#@native.data = #{value}`
-    end
-
-    def locale=(value)
-      `#@native.locale = #{value}`
-    end
+    alias_native :data=
+    alias_native :locale=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/custom.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 require 'ostruct'
 
 module Browser; class Event
@@ -11,6 +13,8 @@ class Custom < Event
     def method_missing(name, value)
       if name.end_with? ?=
         `#@native[#{name[0 .. -2]}] = value`
+      else
+        super
       end
     end
   end
@@ -51,12 +55,10 @@ class Custom < Event
 
   def initialize(event, callback = nil)
     super(event, callback)
-
-    @detail = Hash.new(`#{event}.detail`)
   end
 
   def method_missing(id, *)
-    return @detail[id] if @detail.has_key?(id)
+    `if (#@native.detail != null && Object.hasOwn(#@native.detail, id)) return #@native.detail[id]`
 
     super
   end

data/opal/browser/event/data_transfer.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 require 'browser/blob'
 
 module Browser; class Event
@@ -92,4 +94,4 @@ class DataTransfer
   end
 end
 
-end; end
+end; end

data/opal/browser/event/device_light.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class DeviceLight < Event
@@ -8,9 +10,7 @@ class DeviceLight < Event
   end
 
   class Definition < Definition
-    def value=(value)
-      `#@native.value = #{value}`
-    end
+    alias_native :value
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/device_motion.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class DeviceMotion < Event
@@ -10,21 +12,10 @@ class DeviceMotion < Event
   Acceleration = Struct.new(:x, :y, :z)
 
   class Definition < Definition
-    def acceleration=(value)
-      `#@native.acceleration = #{value.to_n}`
-    end
-
-    def acceleration_with_gravity=(value)
-      `#@native.accelerationIncludingGravity = #{value.to_n}`
-    end
-
-    def rotation=(value)
-      `#@native.rotationRate = #{value}`
-    end
-
-    def interval=(value)
-      `#@native.interval = #{value}`
-    end
+    alias_native :acceleration=
+    alias_native :acceleration_with_gravity=, :accelerationIncludingGravity=
+    alias_native :rotation=, :rotationRate=
+    alias_native :interval=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/device_orientation.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class DeviceOrientation < Event
@@ -8,21 +10,10 @@ class DeviceOrientation < Event
   end
 
   class Definition < Definition
-    def absolute=(value)
-      `#@native.absolute = #{value}`
-    end
-
-    def alpha=(value)
-      `#@native.alpha = #{value}`
-    end
-
-    def beta=(value)
-      `#@native.beta = #{value}`
-    end
-
-    def gamma=(value)
-      `#@native.gamma = #{value}`
-    end
+    alias_native :absolute=
+    alias_native :alpha=
+    alias_native :beta=
+    alias_native :gamma=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/device_proximity.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class DeviceProximity < Event
@@ -8,17 +10,9 @@ class DeviceProximity < Event
   end
 
   class Definition < Definition
-    def value=(value)
-      `#@native.value = #{value}`
-    end
-
-    def min=(value)
-      `#@native.min = #{value}`
-    end
-
-    def max=(value)
-      `#@native.max = #{value}`
-    end
+    alias_native :value=
+    alias_native :min=
+    alias_native :max=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/drag.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Drag < Event
@@ -12,25 +14,15 @@ class Drag < Event
     class Client
       include Native::Wrapper
 
-      def x=(value)
-        `#@native.clientX = #{value}`
-      end
-
-      def y=(value)
-        `#@native.clientY = #{value}`
-      end
+      alias_native :x=, :clientX
+      alias_native :y=, :clientY
     end
 
     class Screen
       include Native::Wrapper
 
-      def x=(value)
-        `#@native.screenX = #{value}`
-      end
-
-      def y=(value)
-        `#@native.screenY = #{value}`
-      end
+      alias_native :x=, :screenX
+      alias_native :y=, :screenY
     end
 
     def alt!

data/opal/browser/event/focus.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Focus < UI
@@ -8,13 +10,8 @@ class Focus < UI
   end
 
   class Definition < UI::Definition
-    def view=(value)
-      `#@native.view = #{Native.convert(value)}`
-    end
-
-    def related=(elem)
-      `#@native.relatedTarget = #{Native.convert(elem)}`
-    end
+    alias_native :view=
+    alias_native :related=, :relatedTarget
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/gamepad.rb

@@ -1,6 +1,8 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
-class Gamepad < Event
+  class Gamepad < Event
   handles 'gamepadconnected', 'gamepaddisconnected'
 
   def self.supported?

data/opal/browser/event/hash_change.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class HashChange < Event
@@ -8,13 +10,8 @@ class HashChange < Event
   end
 
   class Definition < Definition
-    def old=(value)
-      `#@native.oldURL = #{value}`
-    end
-
-    def new=(value)
-      `#@native.newURL = #{value}`
-    end
+    alias_native :old=, :oldURL=
+    alias_native :new=, :newURL=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/keyboard.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Keyboard < UI

data/opal/browser/event/message.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 require 'buffer'
 
 module Browser; class Event
@@ -10,17 +12,9 @@ class Message < Event
   end
 
   class Definition < Definition
-    def data=(value)
-      `#@native.data = value`
-    end
-
-    def origin=(value)
-      `#@native.origin = value`
-    end
-
-    def source=(value)
-      `#@native.source = #{Native.convert(value)}`
-    end
+    alias_native :data=
+    alias_native :origin=
+    alias_native :source=
   end
 
   if Browser.supports? 'Event.constructor'